@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";[data-theme]{color-scheme:light;--pf: 212 100% 41%;--sf: 247 47% 35%;--af: 310 49% 42%;--nf: 217 92% 8%;--pc: 212 100% 90%;--sc: 247 100% 89%;--ac: 310 100% 90%;--nc: 217 100% 82%;--inc: 192 100% 16%;--suc: 182 100% 13%;--wac: 32 100% 17%;--erc: 0 100% 14%;--rounded-box: 1rem;--rounded-btn: .25rem;--rounded-badge: 1.9rem;--animation-btn: .25s;--animation-input: .2s;--btn-text-case: uppercase;--btn-focus-scale: .95;--border-btn: 1px;--tab-border: 1px;--tab-radius: .5rem;--p: 212 100% 51%;--s: 247 47% 43%;--a: 310 49% 52%;--n: 217 92% 10%;--b1: 0 0% 100%;--b2: 217 100% 97%;--b3: 219 44% 92%;--bc: 214 30% 32%;--in: 192 93% 78%;--su: 182 47% 66%;--wa: 32 62% 84%;--er: 0 63% 72%}.rounded-box{border-radius:var(--rounded-box, 1rem)}.rounded-t-box{border-top-left-radius:var(--rounded-box, 1rem);border-top-right-radius:var(--rounded-box, 1rem)}.rounded-b-box{border-bottom-left-radius:var(--rounded-box, 1rem);border-bottom-right-radius:var(--rounded-box, 1rem)}.rounded-l-box{border-top-left-radius:var(--rounded-box, 1rem);border-bottom-left-radius:var(--rounded-box, 1rem)}.rounded-r-box{border-top-right-radius:var(--rounded-box, 1rem);border-bottom-right-radius:var(--rounded-box, 1rem)}.rounded-br-box{border-bottom-right-radius:var(--rounded-box, 1rem)}.rounded-tr-box{border-top-right-radius:var(--rounded-box, 1rem)}.rounded-bl-box{border-bottom-left-radius:var(--rounded-box, 1rem)}.rounded-tl-box{border-top-left-radius:var(--rounded-box, 1rem)}.rounded-btn{border-radius:var(--rounded-btn, .25rem)}.rounded-badge{border-radius:var(--rounded-badge, 1.9rem)}.glass,.glass:hover,.glass.btn-active{border:none;-webkit-backdrop-filter:blur(var(--glass-blur, 40px));backdrop-filter:blur(var(--glass-blur, 40px));background-color:transparent;background-image:linear-gradient(135deg,rgb(255 255 255 / var(--glass-opacity, 30%)) 0%,rgb(0 0 0 / 0%) 100%),linear-gradient(var(--glass-reflex-degree, 100deg),rgb(255 255 255 / var(--glass-reflex-opacity, 10%)) 25%,rgb(0 0 0 / 0%) 25%);box-shadow:0 0 0 1px rgb(255 255 255 / var(--glass-border-opacity, 10%)) inset,0 0 0 2px #0000000d;text-shadow:0 1px rgb(0 0 0 / var(--glass-text-shadow-opacity, 5%))}.min-h-6{min-height:1.5rem}.min-h-8{min-height:2rem}.min-h-12{min-height:3rem}.min-h-16{min-height:4rem}.no-animation{--btn-focus-scale: 1;--animation-btn: 0;--animation-input: 0}.tab-border-none{--tab-border: 0px}.tab-border{--tab-border: 1px}.tab-border-2{--tab-border: 2px}.tab-border-3{--tab-border: 3px}.tab-rounded-none{--tab-radius: 0}.tab-rounded-lg{--tab-radius: .5rem}.pattern-checks-sm{background-image:repeating-linear-gradient(45deg,currentColor 25%,transparent 25%,transparent 75%,currentColor 75%,currentColor),repeating-linear-gradient(45deg,currentColor 25%,transparent 25%,transparent 75%,currentColor 75%,currentColor);background-position:0 0,10px 10px;background-size:20px 20px}.pattern-checks-md{background-image:repeating-linear-gradient(45deg,currentColor 25%,transparent 25%,transparent 75%,currentColor 75%,currentColor),repeating-linear-gradient(45deg,currentColor 25%,transparent 25%,transparent 75%,currentColor 75%,currentColor);background-position:0 0,25px 25px;background-size:50px 50px}.pattern-checks-lg{background-image:repeating-linear-gradient(45deg,currentColor 25%,transparent 25%,transparent 75%,currentColor 75%,currentColor),repeating-linear-gradient(45deg,currentColor 25%,transparent 25%,transparent 75%,currentColor 75%,currentColor);background-position:0 0,50px 50px;background-size:100px 100px}.pattern-checks-xl{background-image:repeating-linear-gradient(45deg,currentColor 25%,transparent 25%,transparent 75%,currentColor 75%,currentColor),repeating-linear-gradient(45deg,currentColor 25%,transparent 25%,transparent 75%,currentColor 75%,currentColor);background-position:0 0,100px 100px;background-size:200px 200px}.pattern-grid-sm{background-image:linear-gradient(currentColor 1px,transparent 1px),linear-gradient(to right,currentColor 1px,transparent 1px);background-size:10px 10px}.pattern-grid-md{background-image:linear-gradient(currentColor 1px,transparent 1px),linear-gradient(to right,currentColor 1px,transparent 1px);background-size:25px 25px}.pattern-grid-lg{background-image:linear-gradient(currentColor 1px,transparent 1px),linear-gradient(to right,currentColor 1px,transparent 1px);background-size:50px 50px}.pattern-grid-xl{background-image:linear-gradient(currentColor 1px,transparent 1px),linear-gradient(to right,currentColor 1px,transparent 1px);background-size:100px 100px}.pattern-dots-sm{background-image:radial-gradient(currentColor .5px,transparent .5px);background-size:5px 5px}.pattern-dots-md{background-image:radial-gradient(currentColor 1px,transparent 1px);background-size:10px 10px}.pattern-dots-lg{background-image:radial-gradient(currentColor 1.5px,transparent 1.5px);background-size:15px 15px}.pattern-dots-xl{background-image:radial-gradient(currentColor 2px,transparent 2px);background-size:20px 20px}.pattern-cross-dots-sm{background-image:radial-gradient(currentColor .5px,transparent .5px),radial-gradient(currentColor .5px,transparent .5px);background-size:10px 10px;background-position:0 0,5px 5px}.pattern-cross-dots-md{background-image:radial-gradient(currentColor 1px,transparent 1px),radial-gradient(currentColor 1px,transparent 1px);background-size:20px 20px;background-position:0 0,10px 10px}.pattern-cross-dots-lg{background-image:radial-gradient(currentColor 1.5px,transparent 1.5px),radial-gradient(currentColor 1.5px,transparent 1.5px);background-size:30px 30px;background-position:0 0,15px 15px}.pattern-cross-dots-xl{background-image:radial-gradient(currentColor 2px,transparent 2px),radial-gradient(currentColor 2px,transparent 2px);background-size:40px 40px;background-position:0 0,20px 20px}.pattern-vertical-lines-sm{background-image:repeating-linear-gradient(to right,currentColor,currentColor 1px,transparent 1px,transparent);background-size:10px 10px}.pattern-horizontal-lines-sm{background-image:repeating-linear-gradient(0deg,currentColor,currentColor 1px,transparent 1px,transparent);background-size:10px 10px}.pattern-diagonal-lines-sm{background-image:repeating-linear-gradient(45deg,currentColor 0,currentColor 1px,transparent 0,transparent 50%);background-size:10px 10px}.pattern-vertical-lines-md{background-image:repeating-linear-gradient(to right,currentColor,currentColor 1px,transparent 1px,transparent);background-size:25px 25px}.pattern-horizontal-lines-md{background-image:repeating-linear-gradient(0deg,currentColor,currentColor 1px,transparent 1px,transparent);background-size:25px 25px}.pattern-diagonal-lines-md{background-image:repeating-linear-gradient(45deg,currentColor 0,currentColor 1px,transparent 0,transparent 50%);background-size:25px 25px}.pattern-vertical-lines-lg{background-image:repeating-linear-gradient(to right,currentColor,currentColor 1px,transparent 1px,transparent);background-size:50px 50px}.pattern-horizontal-lines-lg{background-image:repeating-linear-gradient(0deg,currentColor,currentColor 1px,transparent 1px,transparent);background-size:50px 50px}.pattern-diagonal-lines-lg{background-image:repeating-linear-gradient(45deg,currentColor 0,currentColor 1px,transparent 0,transparent 50%);background-size:50px 50px}.pattern-vertical-lines-xl{background-image:repeating-linear-gradient(to right,currentColor,currentColor 1px,transparent 1px,transparent);background-size:100px 100px}.pattern-horizontal-lines-xl{background-image:repeating-linear-gradient(0deg,currentColor,currentColor 1px,transparent 1px,transparent);background-size:100px 100px}.pattern-diagonal-lines-xl{background-image:repeating-linear-gradient(45deg,currentColor 0,currentColor 1px,transparent 0,transparent 50%);background-size:100px 100px}.pattern-vertical-stripes-sm{background-image:linear-gradient(90deg,transparent 50%,currentColor 50%);background-size:10px 10px}.pattern-horizontal-stripes-sm{background-image:linear-gradient(0deg,transparent 50%,currentColor 50%);background-size:10px 10px}.pattern-diagonal-stripes-sm{background:repeating-linear-gradient(45deg,transparent,transparent 10px,currentColor 10px,currentColor 20px)}.pattern-vertical-stripes-md{background-image:linear-gradient(90deg,transparent 50%,currentColor 50%);background-size:25px 25px}.pattern-horizontal-stripes-md{background-image:linear-gradient(0deg,transparent 50%,currentColor 50%);background-size:25px 25px}.pattern-diagonal-stripes-md{background:repeating-linear-gradient(45deg,transparent,transparent 25px,currentColor 25px,currentColor 50px)}.pattern-vertical-stripes-lg{background-image:linear-gradient(90deg,transparent 50%,currentColor 50%);background-size:50px 50px}.pattern-horizontal-stripes-lg{background-image:linear-gradient(0deg,transparent 50%,currentColor 50%);background-size:50px 50px}.pattern-diagonal-stripes-lg{background:repeating-linear-gradient(45deg,transparent,transparent 50px,currentColor 50px,currentColor 100px)}.pattern-vertical-stripes-xl{background-image:linear-gradient(90deg,transparent 50%,currentColor 50%);background-size:100px 100px}.pattern-horizontal-stripes-xl{background-image:linear-gradient(0deg,transparent 50%,currentColor 50%);background-size:100px 100px}.pattern-diagonal-stripes-xl{background:repeating-linear-gradient(45deg,transparent,transparent 100px,currentColor 100px,currentColor 200px)}.pattern-zigzag-sm{background:linear-gradient(135deg,currentColor 25%,transparent 25%) -10px 0,linear-gradient(225deg,currentColor 25%,transparent 25%) -10px 0,linear-gradient(315deg,currentColor 25%,transparent 25%),linear-gradient(45deg,currentColor 25%,transparent 25%);background-size:20px 20px}.pattern-zigzag-md{background:linear-gradient(135deg,currentColor 25%,transparent 25%) -25px 0,linear-gradient(225deg,currentColor 25%,transparent 25%) -25px 0,linear-gradient(315deg,currentColor 25%,transparent 25%),linear-gradient(45deg,currentColor 25%,transparent 25%);background-size:50px 50px}.pattern-zigzag-lg{background:linear-gradient(135deg,currentColor 25%,transparent 25%) -50px 0,linear-gradient(225deg,currentColor 25%,transparent 25%) -50px 0,linear-gradient(315deg,currentColor 25%,transparent 25%),linear-gradient(45deg,currentColor 25%,transparent 25%);background-size:100px 100px}.pattern-zigzag-xl{background:linear-gradient(135deg,currentColor 25%,transparent 25%) -100px 0,linear-gradient(225deg,currentColor 25%,transparent 25%) -100px 0,linear-gradient(315deg,currentColor 25%,transparent 25%),linear-gradient(45deg,currentColor 25%,transparent 25%);background-size:200px 200px}.pattern-triangles-sm{background-image:linear-gradient(45deg,currentColor 50%,transparent 50%);background-size:10px 10px}.pattern-triangles-md{background-image:linear-gradient(45deg,currentColor 50%,transparent 50%);background-size:25px 25px}.pattern-triangles-lg{background-image:linear-gradient(45deg,currentColor 50%,transparent 50%);background-size:50px 50px}.pattern-triangles-xl{background-image:linear-gradient(45deg,currentColor 50%,transparent 50%);background-size:100px 100px}.text-pattern{-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.pattern-w-sm{width:10px}.pattern-h-sm{height:10px}.pattern-w-md{width:25px}.pattern-h-md{height:25px}.pattern-w-lg{width:50px}.pattern-h-lg{height:50px}.pattern-w-xl{width:100px}.pattern-h-xl{height:100px}:root{--row-height: 28px;--label-font-size: .75rem;--label-width: 100px;--label-font-family: Source Sans Pro, sans-serif}.bg-background{--tw-bg-opacity: 1;background-color:rgb(248 247 246 / var(--tw-bg-opacity))}.bg-primary{--tw-bg-opacity: 1;background-color:rgb(0 127 214 / var(--tw-bg-opacity))}.bg-highlight{border-color:transparent;background-color:transparent}.bg-highlight:hover,.bg-highlight:focus{--tw-bg-opacity: 1;background-color:rgb(0 127 214 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(231 227 223 / var(--tw-text-opacity))}.bg-highlight:hover::-moz-placeholder,.bg-highlight:focus::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(231 227 223 / var(--tw-placeholder-opacity))}.bg-highlight:hover::placeholder,.bg-highlight:focus::placeholder{--tw-placeholder-opacity: 1;color:rgb(231 227 223 / var(--tw-placeholder-opacity))}.interactive-ghost{border-color:transparent;--tw-bg-opacity: 1;background-color:rgb(231 227 223 / var(--tw-bg-opacity));background-color:transparent}.interactive-ghost:hover,.interactive-ghost:focus,.interactive-ghost.active{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.center-flex{display:flex;align-items:center;justify-content:center}.bg-light-pattern{background-color:#e0e0e0;opacity:.5;background-image:radial-gradient(#444cf7 .5px,transparent .5px),radial-gradient(#444cf7 .5px,#e0e0e0 .5px);background-size:20px 20px;background-position:0 0,20px 20px}.bg-dark-pattern{background-color:#373849;opacity:.5;background-image:radial-gradient(#969696 .5px,transparent .5px),radial-gradient(#969696 .5px,#373849 .5px);background-size:20px 20px;background-position:0 0,20px 20px}.gradient-1{background-image:linear-gradient(to bottom,var(--tw-gradient-stops));--tw-gradient-from: #2563eb;--tw-gradient-to: rgb(37 99 235 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.gradient-2{background-image:linear-gradient(to bottom,var(--tw-gradient-stops));--tw-gradient-from: #ca8a04;--tw-gradient-to: rgb(202 138 4 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.cl-section{display:flex;width:100%;flex-direction:column}.cl-row{display:flex;flex-direction:column;justify-content:center;min-height:var(--row-height)}.cl-row.label-center .cl-label{justify-content:center;text-align:center}.cl-row.no-border .cl-item:before{display:none!important}.cl-row.no-variants .cl-more{display:none!important}.cl-row.cols-2{flex-direction:row}.cl-row.cols-2 .cl-item{width:100%;flex-direction:row;flex-wrap:wrap}.cl-row.cols-2 .cl-item .cl-label{width:100%;padding-bottom:0;padding-top:.5rem}.cl-row .floating .cl-item:before{display:none!important}.cl-row .floating .cl-more{display:none!important}.cl-row .floating.column .cl-wrapper{display:flex;width:100%;flex-direction:column}.cl-row .floating.column .cl-wrapper>input{text-align:center}.cl-row .floating.column .cl-more{position:absolute;left:0;bottom:-1rem;height:6px;width:100%}.cl-row .floating.column .cl-more::-moz-placeholder{color:transparent}.cl-row .floating.column .cl-more::placeholder{color:transparent}.cl-row .floating.column .cl-more{padding-left:4px!important}.cl-row .floating.column .cl-more:hover,.cl-row .floating.column .cl-more:focus{height:20px}.cl-row .floating.column .cl-more:hover::-moz-placeholder,.cl-row .floating.column .cl-more:focus::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(0 0 0 / var(--tw-placeholder-opacity))}.cl-row .floating.column .cl-more:hover::placeholder,.cl-row .floating.column .cl-more:focus::placeholder{--tw-placeholder-opacity: 1;color:rgb(0 0 0 / var(--tw-placeholder-opacity))}.cl-row.indent-box input{width:100%!important;height:100%!important}.cl-row.collapsed{display:none!important}.cl-row.disabled{opacity:.5}.cl-row.disabled .cl-label{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity))}.cl-row>.cl-item{min-height:inherit;position:relative;display:flex;height:100%;width:100%;align-items:center;gap:0px;padding-top:0;padding-bottom:0}.cl-row>.cl-item.col{flex-direction:column;align-items:flex-start;justify-content:center;gap:.25rem}.cl-row>.cl-item:before{position:absolute;left:0;right:0;bottom:0;box-sizing:border-box;height:0px;overflow:hidden;border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(231 227 223 / var(--tw-border-opacity));content:""}.cl-row:hover .cl-label{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity));opacity:1}.cl-row:hover .cl-input{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.cl-row:hover .cl-more,.cl-row:hover .cl-more-inline{width:25px}.cl-row .cl-more{position:absolute;top:0;right:-.5rem;z-index:50;height:100%;width:10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity));padding-left:.25rem;padding-right:.25rem;font-size:.75rem;line-height:1rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.cl-row .cl-more:hover{width:100px}.cl-row .cl-more-inline{position:absolute;top:0;right:-.5rem;z-index:50;height:100%;width:10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;--tw-bg-opacity: 1;background-color:rgb(131 115 98 / var(--tw-bg-opacity));fill:#f8f7f6;stroke:#f8f7f6;padding-left:.25rem;padding-right:.75rem;font-size:.75rem;line-height:1rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.cl-row .cl-more-inline:hover{width:auto}.cl-row>.cl-item>.cl-wrapper{display:flex;width:100%;align-items:stretch;min-height:var(--row-height)}.cl-row>.cl-item>.cl-more{display:flex;height:100%;width:0px;cursor:pointer;border-style:none;background-color:rgb(253 224 71 / var(--tw-bg-opacity));--tw-bg-opacity: .5;padding-left:.25rem}.cl-row>.cl-item>.cl-more::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(255 255 255 / var(--tw-placeholder-opacity))}.cl-row>.cl-item>.cl-more::placeholder{--tw-placeholder-opacity: 1;color:rgb(255 255 255 / var(--tw-placeholder-opacity))}.cl-row>.cl-item>.cl-more{opacity:0;outline:2px solid transparent;outline-offset:2px;max-height:var(--row-height);font-size:var(--label-font-size)}.cl-row>.cl-item>.cl-more:hover,.cl-row>.cl-item>.cl-more:focus{width:70px;--tw-bg-opacity: 1;background-color:rgb(253 224 71 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.cl-row>.cl-item>.cl-more:hover::-moz-placeholder,.cl-row>.cl-item>.cl-more:focus::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(0 0 0 / var(--tw-placeholder-opacity))}.cl-row>.cl-item>.cl-more:hover::placeholder,.cl-row>.cl-item>.cl-more:focus::placeholder{--tw-placeholder-opacity: 1;color:rgb(0 0 0 / var(--tw-placeholder-opacity))}.cl-row>.cl-item>.cl-more:hover,.cl-row>.cl-item>.cl-more:focus{opacity:1}.cv-label{display:flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(67 59 50 / var(--tw-text-opacity));opacity:.5;width:var(--label-width);font-size:var(--label-font-size);font-family:var(--label-font-family)}.cv-input{display:block;width:100%;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-bg-opacity: .75;padding:.375rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(131 115 98 / var(--tw-text-opacity));outline:2px solid transparent;outline-offset:2px}.cv-input:hover{--tw-bg-opacity: 1}.cv-input:hover:focus,.cv-input:focus{border-bottom-width:2px;--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity));--tw-bg-opacity: 1}.cv-input:disabled{cursor:not-allowed;opacity:.5}.class-explorer{display:flex;height:100%;min-height:150px;width:100%;padding-top:.25rem;padding-bottom:.25rem}.class-explorer>.group-container{display:flex;height:100%;max-height:200px;width:40%;flex-direction:column;overflow-y:auto;border-right-width:1px;--tw-border-opacity: 1;border-color:rgb(159 143 127 / var(--tw-border-opacity));font-size:.75rem;line-height:1rem}.class-explorer>.group-container>.group-name{width:100%;cursor:pointer;padding:.125rem .25rem}.class-explorer>.group-container>.group-name:hover{--tw-bg-opacity: 1;background-color:rgb(231 227 223 / var(--tw-bg-opacity))}.class-explorer>.group-container>.group-name.selected{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.class-explorer>.classes-container{display:flex;height:100%;max-height:200px;width:60%;flex-direction:column;overflow-y:auto;border-right-width:1px;--tw-border-opacity: 1;border-color:rgb(159 143 127 / var(--tw-border-opacity));font-size:.75rem;line-height:1rem}.class-explorer>.classes-container>.class-name{display:flex;width:100%;cursor:pointer;justify-content:space-between;padding:.125rem .25rem}.class-explorer>.classes-container>.class-name:hover{background-color:rgb(159 143 127 / var(--tw-bg-opacity));--tw-bg-opacity: 1;background-color:rgb(231 227 223 / var(--tw-bg-opacity))}.class-explorer>.classes-container>.class-name.selected{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.flex-control-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center}.flex-control-wrapper .flex-control{display:grid;aspect-ratio:1 / 1;width:66.666667%;gap:.5rem;border-radius:4px;--tw-bg-opacity: 1;background-color:rgb(231 227 223 / var(--tw-bg-opacity));padding:.5rem}.flex-control-wrapper .flex-control.packed{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-control-wrapper .flex-control.spaced.dir-column{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(1,minmax(0,1fr))}.flex-control-wrapper .flex-control.spaced.dir-row{grid-template-columns:repeat(1,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr))}.flex-control-wrapper .flex-control.spaced>.flex-cell{position:relative;z-index:10;display:flex;align-items:center;justify-content:center}.flex-control-wrapper .flex-control.spaced>.flex-cell:before{pointer-events:none;position:absolute;height:100%;width:100%;border-radius:4px;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-bg-opacity: .25;content:"";z-index:-1}.flex-control-wrapper .flex-control.spaced>.flex-cell>._inner{height:100%;width:100%;background-repeat:no-repeat;background-position:center;background-size:60%;opacity:0}.flex-control-wrapper .flex-control.spaced>.flex-cell>._inner:hover{opacity:.5}.flex-control-wrapper .flex-control.spaced>.flex-cell.selected>._inner{border-radius:4px;--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);opacity:1;background-color:#fff}.flex-control-wrapper .flex-control.spaced.dir-row>.flex-cell>button{display:flex;justify-content:center;gap:1.5rem;padding-left:1.5rem;padding-right:1.5rem}.flex-control-wrapper .flex-control.spaced.dir-row>.flex-cell>button>div{width:.375rem;--tw-bg-opacity: 1;background-color:rgb(99 87 74 / var(--tw-bg-opacity))}.flex-control-wrapper .flex-control.spaced.dir-row>.flex-cell>button>div._start{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.flex-control-wrapper .flex-control.spaced.dir-row>.flex-cell>button>div._center{border-radius:4px}.flex-control-wrapper .flex-control.spaced.dir-row>.flex-cell>button>div._end{border-top-left-radius:4px;border-top-right-radius:4px}.flex-control-wrapper .flex-control.spaced.dir-row>.flex-cell>button>div._1{height:1.25rem}.flex-control-wrapper .flex-control.spaced.dir-row>.flex-cell>button>div._2{height:1.75rem}.flex-control-wrapper .flex-control.spaced.dir-row>.flex-cell>button>div._3{height:.75rem}.flex-control-wrapper .flex-control.spaced.dir-column>.flex-cell>button{display:flex;flex-direction:column;justify-content:center;gap:1.5rem;padding-top:1.5rem;padding-bottom:1.5rem}.flex-control-wrapper .flex-control.spaced.dir-column>.flex-cell>button>div{height:.375rem;--tw-bg-opacity: 1;background-color:rgb(99 87 74 / var(--tw-bg-opacity))}.flex-control-wrapper .flex-control.spaced.dir-column>.flex-cell>button>div._start{border-top-right-radius:4px;border-bottom-right-radius:4px}.flex-control-wrapper .flex-control.spaced.dir-column>.flex-cell>button>div._center{border-radius:4px}.flex-control-wrapper .flex-control.spaced.dir-column>.flex-cell>button>div._end{border-top-left-radius:4px;border-bottom-left-radius:4px}.flex-control-wrapper .flex-control.spaced.dir-column>.flex-cell>button>div._1{width:1.25rem}.flex-control-wrapper .flex-control.spaced.dir-column>.flex-cell>button>div._2{width:1.75rem}.flex-control-wrapper .flex-control.spaced.dir-column>.flex-cell>button>div._3{width:.75rem}.flex-control-wrapper .flex-control.packed>.flex-cell{position:relative;z-index:10;display:flex;align-items:center;justify-content:center}.flex-control-wrapper .flex-control.packed>.flex-cell:before{pointer-events:none;position:absolute;height:100%;width:100%;border-radius:4px;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-bg-opacity: .25;content:"";z-index:-1}.flex-control-wrapper .flex-control.packed>.flex-cell>._inner{height:100%;width:100%;background-repeat:no-repeat;background-position:center;background-size:60%;opacity:0}.flex-control-wrapper .flex-control.packed>.flex-cell>._inner:hover{opacity:.5}.flex-control-wrapper .flex-control.packed>.flex-cell.selected>._inner{border-radius:4px;--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);opacity:1;background-color:#fff}.flex-control-wrapper .flex-control.packed.dir-row>div:nth-of-type(1)>button,.flex-control-wrapper .flex-control.packed.dir-row>div:nth-of-type(2)>button,.flex-control-wrapper .flex-control.packed.dir-row>div:nth-of-type(3)>button{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="0 0 24 24" %3E%3Cpath d="M3 22q-.425 0-.712-.288Q2 21.425 2 21V3q0-.425.288-.713Q2.575 2 3 2t.713.287Q4 2.575 4 3v18q0 .425-.287.712Q3.425 22 3 22Zm4.5-12q-.625 0-1.062-.438Q6 9.125 6 8.5t.438-1.062Q6.875 7 7.5 7h13q.625 0 1.062.438Q22 7.875 22 8.5t-.438 1.062Q21.125 10 20.5 10Zm0 7q-.625 0-1.062-.438Q6 16.125 6 15.5t.438-1.062Q6.875 14 7.5 14h7q.625 0 1.062.438q.438.437.438 1.062t-.438 1.062Q15.125 17 14.5 17Z"%2F%3E%3C%2Fsvg%3E');transform:rotate(90deg)}.flex-control-wrapper .flex-control.packed.dir-row>div:nth-of-type(4)>button,.flex-control-wrapper .flex-control.packed.dir-row>div:nth-of-type(5)>button,.flex-control-wrapper .flex-control.packed.dir-row>div:nth-of-type(6)>button{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="0 0 24 24" %3E%3Cpath d="M12 22q-.425 0-.712-.288Q11 21.425 11 21v-4H7.5q-.625 0-1.062-.438Q6 16.125 6 15.5t.438-1.062Q6.875 14 7.5 14H11v-4H4.5q-.625 0-1.062-.438Q3 9.125 3 8.5t.438-1.062Q3.875 7 4.5 7H11V3q0-.425.288-.713Q11.575 2 12 2t.713.287Q13 2.575 13 3v4h6.5q.625 0 1.062.438Q21 7.875 21 8.5t-.438 1.062Q20.125 10 19.5 10H13v4h3.5q.625 0 1.062.438q.438.437.438 1.062t-.438 1.062Q17.125 17 16.5 17H13v4q0 .425-.287.712Q12.425 22 12 22Z"%2F%3E%3C%2Fsvg%3E');transform:rotate(90deg)}.flex-control-wrapper .flex-control.packed.dir-row>div:nth-of-type(7)>button,.flex-control-wrapper .flex-control.packed.dir-row>div:nth-of-type(8)>button,.flex-control-wrapper .flex-control.packed.dir-row>div:nth-of-type(9)>button{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="0 0 24 24" %3E%3Cpath d="M3 22q-.425 0-.712-.288Q2 21.425 2 21V3q0-.425.288-.713Q2.575 2 3 2t.713.287Q4 2.575 4 3v18q0 .425-.287.712Q3.425 22 3 22Zm4.5-12q-.625 0-1.062-.438Q6 9.125 6 8.5t.438-1.062Q6.875 7 7.5 7h13q.625 0 1.062.438Q22 7.875 22 8.5t-.438 1.062Q21.125 10 20.5 10Zm0 7q-.625 0-1.062-.438Q6 16.125 6 15.5t.438-1.062Q6.875 14 7.5 14h7q.625 0 1.062.438q.438.437.438 1.062t-.438 1.062Q15.125 17 14.5 17Z"%2F%3E%3C%2Fsvg%3E');transform:scaleY(-1) rotate(90deg)}.flex-control-wrapper .flex-control.packed.dir-column>div:nth-of-type(1)>button,.flex-control-wrapper .flex-control.packed.dir-column>div:nth-of-type(4)>button,.flex-control-wrapper .flex-control.packed.dir-column>div:nth-of-type(7)>button{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="0 0 24 24" %3E%3Cpath d="M3 22q-.425 0-.712-.288Q2 21.425 2 21V3q0-.425.288-.713Q2.575 2 3 2t.713.287Q4 2.575 4 3v18q0 .425-.287.712Q3.425 22 3 22Zm4.5-12q-.625 0-1.062-.438Q6 9.125 6 8.5t.438-1.062Q6.875 7 7.5 7h13q.625 0 1.062.438Q22 7.875 22 8.5t-.438 1.062Q21.125 10 20.5 10Zm0 7q-.625 0-1.062-.438Q6 16.125 6 15.5t.438-1.062Q6.875 14 7.5 14h7q.625 0 1.062.438q.438.437.438 1.062t-.438 1.062Q15.125 17 14.5 17Z"%2F%3E%3C%2Fsvg%3E');transform:rotate(0)}.flex-control-wrapper .flex-control.packed.dir-column>div:nth-of-type(2)>button,.flex-control-wrapper .flex-control.packed.dir-column>div:nth-of-type(5)>button,.flex-control-wrapper .flex-control.packed.dir-column>div:nth-of-type(8)>button{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="0 0 24 24" %3E%3Cpath d="M12 22q-.425 0-.712-.288Q11 21.425 11 21v-4H7.5q-.625 0-1.062-.438Q6 16.125 6 15.5t.438-1.062Q6.875 14 7.5 14H11v-4H4.5q-.625 0-1.062-.438Q3 9.125 3 8.5t.438-1.062Q3.875 7 4.5 7H11V3q0-.425.288-.713Q11.575 2 12 2t.713.287Q13 2.575 13 3v4h6.5q.625 0 1.062.438Q21 7.875 21 8.5t-.438 1.062Q20.125 10 19.5 10H13v4h3.5q.625 0 1.062.438q.438.437.438 1.062t-.438 1.062Q17.125 17 16.5 17H13v4q0 .425-.287.712Q12.425 22 12 22Z"%2F%3E%3C%2Fsvg%3E');transform:rotate(0)}.flex-control-wrapper .flex-control.packed.dir-column>div:nth-of-type(3)>button,.flex-control-wrapper .flex-control.packed.dir-column>div:nth-of-type(6)>button,.flex-control-wrapper .flex-control.packed.dir-column>div:nth-of-type(9)>button{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="0 0 24 24" %3E%3Cpath d="M3 22q-.425 0-.712-.288Q2 21.425 2 21V3q0-.425.288-.713Q2.575 2 3 2t.713.287Q4 2.575 4 3v18q0 .425-.287.712Q3.425 22 3 22Zm4.5-12q-.625 0-1.062-.438Q6 9.125 6 8.5t.438-1.062Q6.875 7 7.5 7h13q.625 0 1.062.438Q22 7.875 22 8.5t-.438 1.062Q21.125 10 20.5 10Zm0 7q-.625 0-1.062-.438Q6 16.125 6 15.5t.438-1.062Q6.875 14 7.5 14h7q.625 0 1.062.438q.438.437.438 1.062t-.438 1.062Q15.125 17 14.5 17Z"%2F%3E%3C%2Fsvg%3E');transform:scaleX(-1)}.tooltip:before{font-size:.75rem!important}.range-lui{--range-shdw: 40 30% 80%}.classes-panel .classes-bubbles{display:flex;min-height:100px;flex-wrap:wrap;align-content:flex-start;align-items:flex-start;justify-content:flex-start;gap:.25rem;padding:.5rem}.classes-panel .classes-bubbles>.class-bubble{display:flex;align-items:center;justify-content:center;border-radius:4px;--tw-bg-opacity: 1;background-color:rgb(159 143 127 / var(--tw-bg-opacity));padding:.125rem .375rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.classes-panel .classes-bubbles>.class-bubble:hover,.classes-panel .classes-bubbles>.class-bubble:focus{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.classes-panel .classes-bubbles>.class-bubble.disabled{--tw-bg-opacity: 1;background-color:rgb(214 211 209 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(120 113 108 / var(--tw-text-opacity))}.mini-inspector{position:absolute;--tw-bg-opacity: 1;background-color:rgb(99 87 74 / var(--tw-bg-opacity));padding:.25rem;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.mini-inspector>.mini-inspector-header{pointer-events:auto;cursor:grab;padding:.25rem .5rem;font-size:.75rem;line-height:1rem;font-weight:700;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));display:flex;flex-direction:column;fill:#63574a;stroke:#63574a}.mini-inspector>.mini-inspector-header.collapsed .toggle-btn svg{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.mini-inspector>.mini-inspector-header.collapsed .section{display:none}.mini-inspector>.mini-inspector-header .toggle-btn{width:1rem;border-radius:4px;--tw-bg-opacity: 1;background-color:rgb(231 227 223 / var(--tw-bg-opacity));fill:#63574a;stroke:#63574a;padding:.125rem}.mini-inspector>.mini-inspector-header .toggle-btn:hover{--tw-bg-opacity: 1;background-color:rgb(67 59 50 / var(--tw-bg-opacity));fill:#e7e3df;stroke:#e7e3df}.mini-inspector>.mini-inspector-header .toggle-btn>*{pointer-events:none}.mini-inspector>.mini-inspector-header.selected,.mini-inspector>.mini-inspector-header.active{border-left-width:1px;--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity))}.mini-inspector>.mini-inspector-header.selected>.section-title,.mini-inspector>.mini-inspector-header.active>.section-title{border-radius:4px;--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity));fill:#fff;stroke:#fff;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.mini-inspector>.mini-inspector-header.selected>.section-title>button,.mini-inspector>.mini-inspector-header.active>.section-title>button{--tw-bg-opacity: 1;background-color:rgb(30 58 138 / var(--tw-bg-opacity));fill:#fff;stroke:#fff}.mini-inspector>.mini-inspector-header.hovered{border-left-width:1px;--tw-border-opacity: 1;border-color:rgb(183 171 159 / var(--tw-border-opacity))}.mini-inspector>.mini-inspector-header.hovered>.section-title>button{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));fill:#63574a;stroke:#63574a}.mini-inspector>.mini-inspector-inner{width:100%;border-radius:.5rem;height:calc(100% - 1.5rem)}.mini-inspector .class-tags-panel .class-tags{display:flex;min-height:100px;flex-wrap:wrap;align-content:flex-start;align-items:flex-start;justify-content:flex-start;gap:.25rem;padding:.5rem}.mini-inspector .class-tags-panel .class-tags>.class-tag{display:flex;align-items:center;justify-content:center;border-radius:4px;--tw-bg-opacity: 1;background-color:rgb(159 143 127 / var(--tw-bg-opacity));padding:.25rem .5rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.mini-inspector .class-tags-panel .class-tags>.class-tag>.remove-btn{position:absolute;top:-.5rem;right:-.25rem;z-index:50;height:1rem;width:1rem;cursor:pointer;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));opacity:0;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.mini-inspector .class-tags-panel .class-tags>.class-tag:hover,.mini-inspector .class-tags-panel .class-tags>.class-tag:focus{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.mini-inspector .class-tags-panel .class-tags>.class-tag:hover>.remove-btn,.mini-inspector .class-tags-panel .class-tags>.class-tag:focus>.remove-btn{opacity:1}.mini-inspector .class-tags-panel .class-tags>.class-tag.disabled{--tw-bg-opacity: 1;background-color:rgb(214 211 209 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(120 113 108 / var(--tw-text-opacity))}.asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem}.asset-grid>img{--tw-scale-x: .9;--tw-scale-y: .9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));cursor:pointer;-o-object-fit:cover;object-fit:cover}.asset-grid>img.selected{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(37 99 235 / var(--tw-ring-opacity))}.asset-grid>img:hover{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}html,body{overflow:hidden}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:none;position:relative}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(67 59 50 / var(--tw-bg-opacity));opacity:.6}.command-palette-container{position:absolute;display:flex;top:46px;z-index:10000;left:0;right:0;margin:auto;width:600px;height:32px;padding:4px;background:var(--color-neutral-300);visibility:hidden;box-shadow:#1212124d 0 2px 16px 8px;border-radius:var(--border-radius)}.span-control{display:flex;scroll-snap-type:x var(--tw-scroll-snap-strictness);--tw-scroll-snap-strictness: mandatory;overflow-x:scroll;padding-top:.5rem;padding-bottom:.5rem}.snap-btn{cursor:pointer;scroll-snap-align:center;border-radius:4px;padding-left:.75rem;padding-right:.75rem;font-size:.75rem;line-height:1rem}.snap-btn.active{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(0 89 158 / var(--tw-text-opacity));--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.snap-btn:hover{--tw-text-opacity: 1;color:rgb(236 72 153 / var(--tw-text-opacity))}.toggle-hover{fill:#837362;stroke:#837362;--tw-text-opacity: 1;color:rgb(131 115 98 / var(--tw-text-opacity))}.toggle-hover.active{fill:#2563eb;stroke:#2563eb;--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity))}.toggle-hover._opacity{opacity:.5}.toggle-hover:hover{fill:#231f1a;stroke:#231f1a;--tw-text-opacity: 1;color:rgb(35 31 26 / var(--tw-text-opacity))}.toggle-hover:hover.active{fill:#2563eb;stroke:#2563eb;--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity))}.toggle-hover:hover._red{fill:#dc2626;stroke:#dc2626;--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity))}.toggle-hover:hover._green{fill:#16a34a;stroke:#16a34a;--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity))}.toggle-hover:hover._blue{fill:#2563eb;stroke:#2563eb;--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity))}.toggle-hover:hover._opacity{opacity:1}._studio.grid-container{height:100vh;width:100%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:grid;grid-template:"Header Header Header Header" 32px "SidebarTabs SidebarContent Stage Inspector" 1fr / 48px 256px 1fr 256px}._studio.grid-container.collapsed-sidebar{grid-template-areas:"Header Header Header Header" "SidebarTabs Stage Stage Inspector"}._studio.grid-container.collapsed-sidebar>.leftpane{display:none}._studio.grid-container.collapsed-rightpane{grid-template-areas:"Header Header Header Header" "SidebarTabs SidebarContent Stage Stage"}._studio.grid-container.collapsed-rightpane>.rightpane{display:none}._studio.grid-container.collapsed-sidebar.collapsed-rightpane{grid-template-areas:"Header Header Header Header" "SidebarTabs Stage Stage Stage"}._studio.grid-container.collapsed-sidebar.collapsed-rightpane>.leftpane,._studio.grid-container.collapsed-sidebar.collapsed-rightpane>.rightpane{display:none}._studio.grid-container>.header{grid-area:Header / Header / Header / Header}._studio.grid-container>.sidebar-tabs{grid-area:SidebarTabs / SidebarTabs / SidebarTabs / SidebarTabs}._studio.grid-container>.stage{grid-area:Stage / Stage / Stage / Stage}._studio.grid-container>.rightpane{grid-area:Inspector / Inspector / Inspector / Inspector}.sidebar-tabs{z-index:20}.sidebar-tabs>.sidebar-icons{display:flex;height:100%;flex-direction:column;justify-content:space-between}.sidebar-tabs>.sidebar-icons>.pt-btn-group{display:flex;flex-direction:column;justify-content:flex-start;border-radius:0}.sidebar-tabs .tab-link{display:flex;height:2.25rem;width:2.25rem;align-items:center;justify-content:center;border-radius:4px}.sidebar-tabs .tab-link.active{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));fill:#000;stroke:#000}.sidebar-tabs .tab-link.inactive{fill:#fff;stroke:#fff}.sidebar-tabs .sub-tab-link{display:inline-flex;flex-shrink:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;justify-content:center;border-color:transparent;border-color:hsl(var(--n) / var(--tw-border-opacity));text-align:center;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);border-radius:var(--rounded-btn, .5rem);height:3rem;padding-left:1rem;padding-right:1rem;font-size:.875rem;line-height:1.25rem;line-height:1em;min-height:3rem;font-weight:600;text-transform:uppercase;text-transform:var(--btn-text-case, uppercase);text-decoration-line:none;border-width:var(--border-btn, 1px);animation:button-pop var(--animation-btn, .25s) ease-out;--tw-border-opacity: 1;--tw-bg-opacity: 1;background-color:hsl(var(--n) / var(--tw-bg-opacity));--tw-text-opacity: 1;color:hsl(var(--nc) / var(--tw-text-opacity))}.sidebar-tabs .sub-tab-link[disabled],.sidebar-tabs .sub-tab-link.loading,.sidebar-tabs .sub-tab-link.loading:hover{pointer-events:none}.sidebar-tabs .sub-tab-link.loading:before{margin-right:.5rem;height:1rem;width:1rem;border-radius:9999px;border-width:2px;animation:spin 2s linear infinite;content:"";border-top-color:transparent;border-left-color:transparent;border-bottom-color:currentColor;border-right-color:currentColor}@media (prefers-reduced-motion: reduce){.sidebar-tabs .sub-tab-link.loading:before{animation:spin 10s linear infinite}}.btn-group>input[type=radio].sidebar-tabs .sub-tab-link{-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn-group>input[type=radio].sidebar-tabs .sub-tab-link:before{content:attr(data-title)}.sidebar-tabs .sub-tab-link:active:hover,.sidebar-tabs .sub-tab-link:active:focus{animation:none;transform:scale(var(--btn-focus-scale, .95))}.sidebar-tabs .sub-tab-link:hover{--tw-border-opacity: 1;border-color:hsl(var(--nf, var(--n)) / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:hsl(var(--nf, var(--n)) / var(--tw-bg-opacity))}.sidebar-tabs .sub-tab-link:focus-visible{outline:2px solid hsl(var(--nf));outline-offset:2px}.sidebar-tabs .sub-tab-link.glass:hover,.sidebar-tabs .sub-tab-link.glass.btn-active{--glass-opacity: 25%;--glass-border-opacity: 15%}.sidebar-tabs .sub-tab-link.glass:focus-visible{outline:2px solid currentColor}.sidebar-tabs .sub-tab-link{border-width:1px;border-color:transparent;background-color:transparent;color:currentColor}.sidebar-tabs .sub-tab-link:hover,.sidebar-tabs .sub-tab-link.btn-active{--tw-border-opacity: 0;background-color:hsl(var(--bc) / var(--tw-bg-opacity));--tw-bg-opacity: .2}.sidebar-tabs .sub-tab-link:focus-visible{outline:2px solid currentColor}.sidebar-tabs .sub-tab-link[disabled],.sidebar-tabs .sub-tab-link[disabled]:hover{--tw-border-opacity: 0;background-color:hsl(var(--n) / var(--tw-bg-opacity));--tw-bg-opacity: .2;color:hsl(var(--bc) / var(--tw-text-opacity));--tw-text-opacity: .2}.sidebar-tabs .sub-tab-link.loading.btn-square:before,.sidebar-tabs .sub-tab-link.loading.btn-circle:before{margin-right:0}.sidebar-tabs .sub-tab-link.loading.btn-xl:before,.sidebar-tabs .sub-tab-link.loading.btn-lg:before{height:1.25rem;width:1.25rem}.sidebar-tabs .sub-tab-link.loading.btn-sm:before,.sidebar-tabs .sub-tab-link.loading.btn-xs:before{height:.75rem;width:.75rem}.btn.loading.sidebar-tabs .sub-tab-link:before{height:.75rem;width:.75rem}.btn-group>input[type=radio]:checked.sidebar-tabs .sub-tab-link{--tw-border-opacity: 1;border-color:hsl(var(--p) / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:hsl(var(--p) / var(--tw-bg-opacity));--tw-text-opacity: 1;color:hsl(var(--pc) / var(--tw-text-opacity))}.btn-group>input[type=radio]:checked.sidebar-tabs .sub-tab-link:focus-visible{outline:2px solid hsl(var(--p))}.drawer-toggle:focus-visible~.drawer-content .drawer-button.sidebar-tabs .sub-tab-link{outline:2px solid currentColor}.sidebar-tabs .sub-tab-link{height:1.5rem;padding-left:.5rem;padding-right:.5rem;min-height:1.5rem;font-size:.75rem}.btn-square:where(.sidebar-tabs .sub-tab-link){height:1.5rem;width:1.5rem;padding:0}.btn-circle:where(.sidebar-tabs .sub-tab-link){height:1.5rem;width:1.5rem;border-radius:9999px;padding:0}.btn-group .sidebar-tabs .sub-tab-link:not(:first-child):not(:last-child){border-radius:0}.btn-group .sidebar-tabs .sub-tab-link:first-child:not(:last-child){margin-top:-0px;margin-left:-1px;border-top-left-radius:var(--rounded-btn, .5rem);border-top-right-radius:0;border-bottom-left-radius:var(--rounded-btn, .5rem);border-bottom-right-radius:0}.btn-group .sidebar-tabs .sub-tab-link:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:var(--rounded-btn, .5rem);border-bottom-left-radius:0;border-bottom-right-radius:var(--rounded-btn, .5rem)}.btn-group-horizontal .sidebar-tabs .sub-tab-link:not(:first-child):not(:last-child){border-radius:0}.btn-group-horizontal .sidebar-tabs .sub-tab-link:first-child:not(:last-child){margin-top:-0px;margin-left:-1px;border-top-left-radius:var(--rounded-btn, .5rem);border-top-right-radius:0;border-bottom-left-radius:var(--rounded-btn, .5rem);border-bottom-right-radius:0}.btn-group-horizontal .sidebar-tabs .sub-tab-link:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:var(--rounded-btn, .5rem);border-bottom-left-radius:0;border-bottom-right-radius:var(--rounded-btn, .5rem)}.btn-group-vertical .sidebar-tabs .sub-tab-link:first-child:not(:last-child){margin-top:-1px;margin-left:-0px;border-top-left-radius:var(--rounded-btn, .5rem);border-top-right-radius:var(--rounded-btn, .5rem);border-bottom-left-radius:0;border-bottom-right-radius:0}.btn-group-vertical .sidebar-tabs .sub-tab-link:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:var(--rounded-btn, .5rem);border-bottom-right-radius:var(--rounded-btn, .5rem)}.sidebar-tabs .sub-tab-link{padding-left:.125rem;padding-right:.125rem}.btns .sidebar-tabs .sub-tab-link{border-width:1px;border-color:transparent;background-color:transparent;color:currentColor}.btns .sidebar-tabs .sub-tab-link:hover,.btns .sidebar-tabs .sub-tab-link.btn-active{--tw-border-opacity: 0;background-color:hsl(var(--bc) / var(--tw-bg-opacity));--tw-bg-opacity: .2}.btns .sidebar-tabs .sub-tab-link:focus-visible{outline:2px solid currentColor}.drawer-toggle:focus-visible~.drawer-content .drawer-button.btns .sidebar-tabs .sub-tab-link{outline:2px solid currentColor}.btns .sidebar-tabs .sub-tab-link{flex:1 1 0%;--tw-text-opacity: 1;color:rgb(183 171 159 / var(--tw-text-opacity))}.btns .sidebar-tabs .sub-tab-link.active,.btns .sidebar-tabs .sub-tab-link.selected,.btns .sidebar-tabs .sub-tab-link.btn-active{border-radius:4px;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity));box-shadow:0 0 5px -2px #0008;font-weight:600}.sidebar-tabs .sub-tab-link.active{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));fill:#000;stroke:#000}.sidebar-tabs .sub-tab-link.inactive{fill:#fff;stroke:#fff}._studio.grid-container>.leftpane{grid-area:SidebarContent / SidebarContent / SidebarContent / SidebarContent;z-index:20;display:flex}._studio.grid-container>.leftpane .sidebar-draggable{position:absolute;width:5px;height:100%;cursor:e-resize;transform:translateZ(0);z-index:50;right:-5px}._studio.grid-container>.leftpane .drag-item{display:flex;cursor:pointer;align-items:center;border-radius:4px;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:.25rem;--tw-text-opacity: 1;color:rgb(248 247 246 / var(--tw-text-opacity))}.dark ._studio.grid-container>.leftpane .drag-item{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(248 247 246 / var(--tw-text-opacity))}._studio.grid-container>.leftpane .drag-item:hover{--tw-bg-opacity: 1;background-color:rgb(0 127 214 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}._studio.grid-container>.stage>.box{position:absolute;inset:0;overflow:hidden}.studio-canvasX{z-index:1;height:100%;width:100%;overflow:hidden;transform:translateZ(0);--canvas-controls-size: 20px}.studio-canvasX .canvas-responsive-controls{top:0;margin:auto;display:flex;width:320px;align-items:center;justify-content:space-around;height:var(--canvas-controls-size)}.studio-canvasX .canvas-responsive-controls>.res_control{padding-left:.5rem;padding-right:.5rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(67 59 50 / var(--tw-text-opacity))}.studio-canvasX .canvas-responsive-controls>.res_control input{cursor:pointer;background-color:transparent}.studio-canvasX .canvas-responsive-controls>.res_control .dropmenu{pointer-events:none;position:absolute;display:flex;flex-direction:column;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(248 247 246 / var(--tw-bg-opacity));padding:.25rem;--tw-text-opacity: 1;color:rgb(67 59 50 / var(--tw-text-opacity));opacity:0;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.studio-canvasX .canvas-responsive-controls>.res_control .dropmenu>div{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:4px;padding-left:.5rem;padding-right:.5rem}.studio-canvasX .canvas-responsive-controls>.res_control .dropmenu>div:hover{--tw-bg-opacity: 1;background-color:rgb(67 59 50 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.studio-canvasX .canvas-responsive-controls>.res_control .dropmenu>div.active{--tw-bg-opacity: 1;background-color:rgb(183 171 159 / var(--tw-bg-opacity))}.studio-canvasX .canvas-responsive-controls>.res_control:hover .dropmenu{pointer-events:auto;opacity:1}._studio.grid-container>.rightpane{display:flex;flex-flow:column;z-index:20}._studio.grid-container>.rightpane ::-webkit-scrollbar{width:5px;height:5px}._studio.grid-container>.rightpane ::-webkit-scrollbar-thumb{border-radius:9999px;background-color:rgb(131 115 98 / var(--tw-bg-opacity));--tw-bg-opacity: .25;padding-top:.5rem;padding-bottom:.5rem}._studio.grid-container>.rightpane ::-webkit-scrollbar-thumb:hover{--tw-bg-opacity: .5}._studio.grid-container>.rightpane ::-webkit-scrollbar-corner{background:none}.breakpoints_header{z-index:1;--tw-bg-opacity: 1;background-color:rgb(231 227 223 / var(--tw-bg-opacity));font-size:.75rem;line-height:1rem;font-weight:600;--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity));height:var(--canvas-controls-size)}.breakpoints_breakpoint{position:relative;margin-left:auto;margin-right:auto;height:0px;max-width:100%;cursor:pointer}.breakpoints_breakpoint:before{content:"";height:var(--canvas-controls-size);position:absolute;top:0;left:0;width:100%;background-color:inherit;opacity:0;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.breakpoints_breakpoint:after{content:"";height:var(--canvas-controls-size);display:block;border-left-width:1px;border-right-width:1px;--tw-border-opacity: 1;border-color:rgb(183 171 159 / var(--tw-border-opacity))}.breakpoints_breakpoint:hover:before{opacity:.1}.breakpoints_lines{pointer-events:none;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden}.breakpoints_line{position:absolute;top:0;bottom:0;left:50%;border-left-width:1px;border-right-width:1px;border-style:dashed;--tw-border-opacity: 1;border-color:rgb(159 143 127 / var(--tw-border-opacity))}.dark .breakpoints_line{--tw-border-opacity: 1;border-color:rgb(248 247 246 / var(--tw-border-opacity))}.breakpoints_linebg{position:absolute;top:0;left:0;right:0;height:100%;opacity:.3}.breakpoints_outer .breakpoints_linebg{left:-3000px;right:-3000px}.breakpoints_outer .breakpoints_linebg:before{position:absolute;top:0;left:3000px;right:3000px;margin-top:0;margin-bottom:0;margin-left:.25rem;margin-right:.25rem;height:100%;--tw-bg-opacity: 1;background-color:rgb(231 227 223 / var(--tw-bg-opacity))}.breakpoints_warning{margin:0 auto;padding-left:.125rem;padding-right:.25rem;padding-top:1px;text-align:center;font-size:.875rem;line-height:1.5rem;--tw-text-opacity: 1;color:rgb(207 199 191 / var(--tw-text-opacity))}.breakpoints_warning-wrapper-rEg{position:absolute;top:100%;z-index:1;width:100%}.frame-resizer-container{pointer-events:none;position:absolute;height:100%;width:100%}.frame-resizer-container>.resize-w{pointer-events:auto;position:absolute;right:-1.5rem;top:-.5rem;display:flex;height:100%;width:1rem;cursor:w-resize;touch-action:none;align-items:center;justify-content:flex-end;border-radius:4px;opacity:.25}.frame-resizer-container>.resize-w:hover{opacity:1}.frame-resizer-container>.resize-w>.inner{pointer-events:none;height:50%;width:.5rem;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity));opacity:.25}.frame-resizer-container>.resize-h{pointer-events:auto;position:absolute;bottom:-1.5rem;left:-.5rem;display:flex;height:1rem;width:100%;cursor:s-resize;touch-action:none;align-items:flex-end;justify-content:center;border-radius:4px;opacity:.25}.frame-resizer-container>.resize-h:hover{opacity:1}.frame-resizer-container>.resize-h>.inner{pointer-events:none;height:.5rem;width:50%;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity));opacity:.25}._expandable_btn_group{display:flex;flex-direction:column}._expandable_btn_group>._children{display:none;--tw-scale-x: .75;--tw-scale-y: .75;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));flex-direction:column;gap:.25rem}._expandable_btn_group.expanded{border-radius:4px;background-color:rgb(0 0 0 / var(--tw-bg-opacity));--tw-bg-opacity: .25}._expandable_btn_group.expanded>._children{display:flex}.section{display:flex;flex-direction:column;fill:#63574a;stroke:#63574a}.section.collapsed .toggle-btn svg{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.section.collapsed .section{display:none}.section .toggle-btn{width:1rem;border-radius:4px;--tw-bg-opacity: 1;background-color:rgb(231 227 223 / var(--tw-bg-opacity));fill:#63574a;stroke:#63574a;padding:.125rem}.section .toggle-btn:hover{--tw-bg-opacity: 1;background-color:rgb(67 59 50 / var(--tw-bg-opacity));fill:#e7e3df;stroke:#e7e3df}.section .toggle-btn>*{pointer-events:none}.section-heading{display:flex;align-items:center;justify-content:space-between;border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(231 227 223 / var(--tw-border-opacity));padding:.5rem .375rem;font-weight:600;--tw-text-opacity: 1;color:rgb(99 87 74 / var(--tw-text-opacity));font-size:.9rem}.section-heading.sm{padding:.375rem .25rem;font-size:.8rem}.section-heading.xs{font-size:.7rem}.section-title{display:flex;width:100%;align-items:center;justify-content:space-between;padding-top:.25rem;padding-bottom:.25rem;padding-left:.25rem;font-size:.825rem}.section-title.bold{font-weight:600}.section-title.lg{font-size:.9rem}.section-title.sm{font-size:.725rem}.section-title.xs{font-size:.675rem}.section-text{display:flex;flex-direction:column;padding:.25rem .375rem;font-size:.75rem}.section-text.xs{font-size:.685rem}.section-content{display:flex;flex-direction:column;padding-left:.375rem;padding-right:.375rem}.section.selected,.section.active{border-left-width:1px;--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity))}.section.selected>.section-title,.section.active>.section-title{border-radius:4px;--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity));fill:#fff;stroke:#fff;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.section.selected>.section-title>button,.section.active>.section-title>button{--tw-bg-opacity: 1;background-color:rgb(30 58 138 / var(--tw-bg-opacity));fill:#fff;stroke:#fff}.section.hovered{border-left-width:1px;--tw-border-opacity: 1;border-color:rgb(183 171 159 / var(--tw-border-opacity))}.section.hovered>.section-title>button{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));fill:#63574a;stroke:#63574a}.tabs{display:flex;padding:.125rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(99 87 74 / var(--tw-text-opacity))}.tab-btn{flex:1 1 0%}.tab-btn.tab-active{border-top-left-radius:.5rem;border-top-right-radius:.5rem;background-image:linear-gradient(to top,var(--tw-gradient-stops));--tw-gradient-from: #F8F7F6;--tw-gradient-to: rgb(248 247 246 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #fff;padding-left:.5rem;padding-right:.5rem;font-weight:700;box-shadow:0 -2px 5px -2px #0004}.tabs._docs{display:flex;width:100%;justify-content:flex-start}.tab.tab-doc.active{--tw-bg-opacity: 1;background-color:rgb(231 227 223 / var(--tw-bg-opacity));padding-left:.5rem;padding-right:.5rem;font-weight:700;--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity));--tab-bg: rgb(231 227 223 / 1);border-radius:.5rem .5rem 0 0}.tab.tab-doc.active:before,.tab.tab-doc.active:after{z-index:1;content:"";display:block;position:absolute;width:.5rem;height:.5rem;bottom:0;--tab-grad: calc(68% - var(--tab-border, 1px));--tab-corner-bg: radial-gradient( circle at var(--circle-pos), transparent var(--tab-grad), var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + .3px) )}.tab.tab-doc.active:before{left:calc(var(--tab-radius, .5rem) * -1);--circle-pos: top left;background-image:var(--tab-corner-bg)}.tab.tab-doc.active:after{right:calc(var(--tab-radius, .5rem) * -1);--circle-pos: top right;background-image:var(--tab-corner-bg)}.btns{justify-content:space-between;padding:.125rem;--tw-text-opacity: 1;color:rgb(99 87 74 / var(--tw-text-opacity))}.btns .btn{border-width:1px;border-color:transparent;background-color:transparent;color:currentColor}.btns .btn:hover,.btns .btn.btn-active{--tw-border-opacity: 0;background-color:hsl(var(--bc) / var(--tw-bg-opacity));--tw-bg-opacity: .2}.btns .btn:focus-visible{outline:2px solid currentColor}.drawer-toggle:focus-visible~.drawer-content .drawer-button.btns .btn{outline:2px solid currentColor}.btns .btn{flex:1 1 0%;--tw-text-opacity: 1;color:rgb(183 171 159 / var(--tw-text-opacity))}.btns .btn.active,.btns .btn.selected,.btns .btn.btn-active{border-radius:4px;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity));box-shadow:0 0 5px -2px #0008;font-weight:600!important}.header{background-image:linear-gradient(to top,var(--tw-gradient-stops));--tw-gradient-from: #F8F7F6;--tw-gradient-to: rgb(248 247 246 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #E7E3DF}.leftpane,.rightpane{--tw-bg-opacity: 1;background-color:rgb(248 247 246 / var(--tw-bg-opacity));display:flex;flex-direction:column}._frame-tools{pointer-events:none;position:absolute}.dragOver{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity))}._overlays{pointer-events:none;position:absolute;height:100%;width:100%}._overlays>._overlay-inner{height:100%;width:100%}._overlays ._tool{pointer-events:auto;position:absolute;display:flex;touch-action:none;align-items:center;justify-content:center;border-style:dotted}._overlays ._tool:before{position:absolute;display:none;border-radius:4px;padding-left:.25rem;padding-right:.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem;line-height:1rem}._overlays ._tool>span{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:4px;padding:.125rem .25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem;line-height:1rem}._overlays ._tool._hide{display:none}._overlays._margin{height:100%;width:100%;overflow:hidden}._overlays._margin>._inner{height:100%;width:100%}._overlays._margin>._inner.selected{box-shadow:0 0 0 300px #14b8a622}._overlays._margin>._inner>._tool>span{font-weight:700;--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity));opacity:.4}._overlays._margin>._inner>._tool:hover{--tw-border-opacity: 1;border-color:rgb(20 184 166 / var(--tw-border-opacity));color:rgb(0 0 0 / var(--tw-text-opacity));--tw-text-opacity: .2;background-image:repeating-linear-gradient(45deg,currentColor 0,currentColor 1px,transparent 0,transparent 50%);background-size:10px 10px}._overlays._margin>._inner>._tool:hover>span{font-weight:700;opacity:1}._overlays._margin>._inner>._tool.selected{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(20 184 166 / var(--tw-ring-opacity))}._overlays._margin>._inner>._tool.selected>span{font-weight:700;opacity:1}._overlays._margin>._inner>._top{pointer-events:auto;top:0;left:0;width:100%;--tw-translate-y: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));cursor:n-resize;border-top-width:1px}._overlays._margin>._inner>._bottom{pointer-events:auto;bottom:0;left:0;width:100%;--tw-translate-y: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));cursor:s-resize;border-bottom-width:1px}._overlays._margin>._inner>._left{pointer-events:auto;top:0;left:0;height:100%;--tw-translate-x: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));cursor:w-resize;border-left-width:1px}._overlays._margin>._inner>._left>span{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}._overlays._margin>._inner>._right{pointer-events:auto;top:0;right:0;height:100%;--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));cursor:e-resize;border-right-width:1px}._overlays._margin>._inner>._right>span{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}._overlays._margin>._inner>._mt{pointer-events:auto;top:0;left:0;width:100%;cursor:pointer;border-top-width:1px;min-height:4px}._overlays._margin>._inner>._mt.selected{cursor:ns-resize}._overlays._margin>._inner>._mb{pointer-events:auto;bottom:0;left:0;width:100%;cursor:pointer;border-bottom-width:1px;min-height:4px}._overlays._margin>._inner>._mb.selected{cursor:ns-resize}._overlays._margin>._inner>._ml{pointer-events:auto;top:0;left:0;height:100%;cursor:pointer;border-left-width:1px;min-width:4px}._overlays._margin>._inner>._ml.selected{cursor:ew-resize}._overlays._margin>._inner>._ml>span{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));white-space:pre}._overlays._margin>._inner>._mr{pointer-events:auto;top:0;right:0;height:100%;cursor:pointer;border-right-width:1px;min-width:4px}._overlays._margin>._inner>._mr.selected{cursor:ew-resize}._overlays._margin>._inner>._mr>span{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));white-space:pre}._padding>._tool>span{font-weight:700;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));opacity:.4;filter:drop-shadow(0 1px .5px #0009) drop-shadow(0 -.5px .5px #0009)}._padding>._tool:hover{--tw-border-opacity: 1;border-color:rgb(236 72 153 / var(--tw-border-opacity));background-color:rgb(251 207 232 / var(--tw-bg-opacity));--tw-bg-opacity: .5;color:rgb(0 0 0 / var(--tw-text-opacity));--tw-text-opacity: .2;background-image:repeating-linear-gradient(45deg,currentColor 0,currentColor 1px,transparent 0,transparent 50%);background-size:10px 10px}._padding>._tool:hover>span{font-weight:700;opacity:1}._padding>._tool.selected{--tw-bg-opacity: 1;background-color:rgb(253 242 248 / var(--tw-bg-opacity));--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(236 72 153 / var(--tw-ring-opacity))}._padding>._tool.selected>span{font-weight:700;opacity:1}._padding>._top{pointer-events:auto;top:0;left:0;width:100%;cursor:n-resize;border-bottom-width:1px}._padding>._bottom{pointer-events:auto;bottom:0;left:0;width:100%;cursor:s-resize;border-top-width:1px}._padding>._left{pointer-events:auto;top:0;left:0;height:100%;cursor:w-resize;border-right-width:1px}._padding>._left>span{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));white-space:pre}._padding>._right{pointer-events:auto;top:0;right:0;height:100%;cursor:e-resize;border-left-width:1px}._padding>._right>span{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));white-space:pre}._padding>._pt{pointer-events:auto;top:0;left:0;width:100%;border-bottom-width:1px;min-height:4px}._padding>._pt.selected{cursor:ns-resize}._padding>._pb{pointer-events:auto;bottom:0;left:0;width:100%;border-top-width:1px;min-height:4px}._padding>._pb.selected{cursor:ns-resize}._padding>._pl{pointer-events:auto;top:0;left:0;height:100%;border-right-width:1px;min-width:4px}._padding>._pl.selected{cursor:ew-resize}._padding>._pl>span{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));white-space:pre}._padding>._pr{pointer-events:auto;top:0;right:0;height:100%;border-left-width:1px;min-width:4px}._padding>._pr.selected{cursor:ew-resize}._padding>._pr>span{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));white-space:pre}._overlays._dropzone{pointer-events:none;position:absolute}._overlays._dropzone>._outer>.dropzone{pointer-events:auto;position:absolute;background-color:rgb(22 163 74 / var(--tw-bg-opacity));--tw-bg-opacity: .1}._overlays._dropzone>._outer>.dropzone.drop_top{top:-.75rem;height:1.25rem;width:100%;border-top-width:2px;border-color:transparent}._overlays._dropzone>._outer>.dropzone.drop_bottom{bottom:-.75rem;height:1.25rem;width:100%;border-bottom-width:2px;border-color:transparent}._overlays._dropzone>._outer>.dropzone.drop_left{left:-.75rem;height:100%;width:1.25rem;border-left-width:2px;border-color:transparent}._overlays._dropzone>._outer>.dropzone.drop_right{right:-.75rem;height:100%;width:1.25rem;border-right-width:2px;border-color:transparent}._overlays._dropzone>._outer>.dropzone.over{background-image:repeating-linear-gradient(45deg,currentColor 0,currentColor 1px,transparent 0,transparent 50%);background-size:10px 10px}._overlays._dropzone>._inner{pointer-events:none}._overlays._dropzone>._inner>.dropzone{width:100%;position:absolute;background-color:#e5e5f7;opacity:.25;background-size:20px 20px;background-image:repeating-linear-gradient(-45deg,#444cf7 0,#444cf7 1px,#e5e5f7 0,#e5e5f7 50%)}.h-spacer{pointer-events:none;position:absolute;height:.5rem;width:100%;background-color:rgb(229 231 235 / var(--tw-bg-opacity));--tw-bg-opacity: .5}.resize-handles{pointer-events:none;position:absolute;z-index:50;height:100%;width:100%}.resize-handles>div{pointer-events:auto;position:absolute;height:.5rem;width:.5rem;touch-action:none;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity));--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);border:1.5px solid #ffffff}.resize-handles>div:hover{--tw-scale-x: 1.5;--tw-scale-y: 1.5;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.resize-handles>div._tl{top:-.5rem;left:-.5rem;cursor:nw-resize}.resize-handles>div._tr{top:-.5rem;right:-.5rem;cursor:ne-resize}.resize-handles>div._bl{bottom:-.5rem;left:-.5rem;cursor:sw-resize}.resize-handles>div._br{bottom:-.5rem;right:-.5rem;cursor:se-resize}.resize-handles>div._tc{left:50%;top:-.5rem;margin-left:-.5rem;cursor:n-resize}.resize-handles>div._bc{left:50%;bottom:-.5rem;margin-left:-.5rem;cursor:s-resize}.resize-handles>div._ml{top:50%;left:-.5rem;margin-top:-.5rem;cursor:w-resize}.resize-handles>div._mr{top:50%;right:-.5rem;margin-top:-.5rem;cursor:e-resize}._move-handle{pointer-events:none;position:absolute;display:flex;height:100%;width:100%;justify-content:flex-end}._move-handle>._move{pointer-events:auto;position:absolute;cursor:move;opacity:.5}._move-handle>._move:hover{opacity:1}._move-handle>._move._bl{right:-.5rem;bottom:-.5rem;height:1rem;width:1rem}._move-handle>._move>*{pointer-events:none}.radius-handles{pointer-events:none;position:absolute;z-index:50;height:100%;width:100%}.radius-handles>div{pointer-events:auto;position:absolute;height:.75rem;width:.75rem;cursor:crosshair;touch-action:none;--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity))}.radius-handles>div._tl{top:-.75rem;left:-.75rem;border-top-left-radius:9999px;border-top-width:1px;border-left-width:1px}.radius-handles>div._tr{top:-.75rem;right:-.75rem;border-top-right-radius:9999px;border-top-width:1px;border-right-width:1px}.radius-handles>div._bl{bottom:-.75rem;left:-.75rem;border-bottom-left-radius:9999px;border-bottom-width:1px;border-left-width:1px}.radius-handles>div._br{bottom:-.75rem;right:-.75rem;border-bottom-right-radius:9999px;border-bottom-width:1px;border-right-width:1px}.table-normal :where(th,td){padding:1rem;font-size:1rem;line-height:1.5rem}.table-compact :where(th,td){padding:.5rem;font-size:.875rem;line-height:1.25rem}.viewport{--tw-bg-opacity: 1;background-color:rgb(248 247 246 / var(--tw-bg-opacity));opacity:1}.infinite-viewer-scroll-area{background-image:radial-gradient(#0009 1px,#ededed 1.5px);background-size:30px 30px}.guides-container{pointer-events:none;top:0;left:0;height:100%;width:100%}.guides-container>._guide{pointer-events:none;position:absolute;top:0;left:0;border-top-width:1px;border-color:rgb(37 99 235 / var(--tw-border-opacity));--tw-border-opacity: .5;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.guides-container>._guide._horizontal{height:1px;width:100%;border-top-width:1px}.guides-container>._guide._vertical{height:100%;width:1px;border-left-width:1px}.guides-container>._guide.active{border-color:rgb(220 38 38 / var(--tw-border-opacity));--tw-border-opacity: 1}.guides-container>._guide.activeMid{border-color:rgb(148 163 184 / var(--tw-border-opacity));--tw-border-opacity: 1}.edit-collection-panel{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem;fill:#837362;stroke:#837362;padding:.5rem .75rem}.col-input{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.col-input.inline{display:flex;flex-direction:row;align-items:center;gap:.5rem}.collection-widget{display:flex;width:100%;flex-direction:column;border-radius:.5rem;border-width:1px;--tw-bg-opacity: 1;background-color:rgb(248 247 246 / var(--tw-bg-opacity))}.collection-widget:hover{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity))}.code-block{display:flex;flex-direction:column;font-size:.875rem;line-height:1.25rem}.code-block *:focus-within{outline:2px solid transparent;outline-offset:2px}.code-block .element-node{pointer-events:none;margin-left:.5rem;cursor:text;border-left-width:2px;--tw-border-opacity: 1;border-color:rgb(241 245 249 / var(--tw-border-opacity));padding-left:.5rem}.code-block .element-node.hovered{--tw-border-opacity: 1;border-color:rgb(251 207 232 / var(--tw-border-opacity))}.code-block .element-node.hovered>div>.node-tag:before{content:"<";position:absolute;--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity))}.code-block .element-node.selected{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity));--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(241 245 249 / var(--tw-ring-opacity));--tw-ring-offset-width: 4px}.code-block .element-node .node-tag{pointer-events:auto;width:-moz-fit-content;width:fit-content;font-weight:700;--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity))}.code-block .element-node .node-tag .node-tag-name{text-transform:lowercase}.code-block .element-node .node-attribute-name{font-weight:700;--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity))}.code-block .element-node .node-attributes>.node-attribute:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.code-block .element-node .node-attributes>.node-attribute>.node-attribute-value{font-style:italic;--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity))}.code-block .element-node .node-attributes>.node-attribute>.node-attribute-value:hover{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity))}.code-block .element-node .node-classes:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.code-block .element-node .node-classes>.node-class{cursor:pointer;white-space:nowrap;--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity))}.code-block .element-node .node-classes>.node-class:hover{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity))}.code-block .element-node .node-classes>.node-class>span:not(:first-child):before{content:"-"}.code-block .element-node .node-tag-whitespace{pointer-events:auto;display:flex;flex:1 1 0%}.code-block .text-content{pointer-events:auto;margin-left:1rem}.code-block .text-content:hover{background-color:rgb(37 99 235 / var(--tw-bg-opacity));--tw-bg-opacity: .1}.code-block .text-content:focus-within{outline:2px solid transparent;outline-offset:2px}.floating-list{pointer-events:auto;position:absolute;display:flex;max-height:260px;max-width:200px;flex-direction:column;overflow-y:auto;border-radius:4px;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:.5rem;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.floating-list.cols2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.floating-list.hide{display:none}.floating-list>button{display:flex;width:auto;padding:.125rem .25rem}.floating-list>button:hover{background-color:rgb(37 99 235 / var(--tw-bg-opacity));--tw-bg-opacity: .1}.cl-component{display:flex;flex-direction:column;margin-bottom:1rem;width:100%}.cl-component.cl-inline,[inline=true]{display:flex;flex-direction:row;align-items:center}.cl-component>.cl-label{flex-grow:1}.label-sm>.cl-label{width:33%}.label-md>.cl-label{width:50%}.label-lg>.cl-label{width:75%}.label-max>.cl-label{width:100%}[label-size=sm]>.cl-label{width:33%}[label-size=md]>.cl-label{width:50%}[label-size=lg]>.cl-label{width:75%}@media (min-width: 320px){.cl-component{padding:0rem}}@media (min-width: 460px){.cl-component{padding:0rem}}@media (min-width: 768px){.cl-component{padding:.5rem}}td{padding:.5rem}:root{background:transparent!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(207 199 191 / var(--tw-bg-opacity));opacity:.6}::-webkit-scrollbar-corner{background:none}[data-outline=true]{--label-width: 10rem}[data-outline=true] *{outline-style:dashed;outline-width:1px;outline-color:#d1d5db}[data-outline=true] svg>*{outline:2px solid transparent;outline-offset:2px}[data-full-width=false]{width:-moz-fit-content;width:fit-content}[data-full-width=true]{width:100%}.insert-marker{pointer-events:none;position:relative;height:0px;width:0px}.insert-marker>div{position:absolute;top:0;left:0;height:100%;width:.5rem;--tw-bg-opacity: 1;background-color:rgb(219 39 119 / var(--tw-bg-opacity))}[data-comp]{touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}._gui_top:before{cursor:pointer;border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity));transform:translate(-50%);width:4000px;height:1px;content:"";position:absolute;top:0;left:0}field,div[data-type=field]{border-style:none}field.cv-inline,div[data-type=field].cv-inline{display:flex;flex-direction:row}field.cv-inline>*,div[data-type=field].cv-inline>*{flex:1 1 0%}[data-placeholder]{display:flex;align-items:center;justify-content:center;--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}[data-selected]{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));--tw-ring-opacity: .5;--tw-ring-offset-width: 1px;--tw-ring-offset-color: #fff}[data-dragging]{--tw-ring-offset-width: 0px}[data-dragging]:before{position:absolute;top:50%;left:50%;height:1rem;width:1rem;--tw-translate-x: -50%;--tw-translate-y: -50%;--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:4px;--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity));--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));content:""}[data-handle-tl]{box-shadow:-2px -2px #fff,-5px -5px #3b82f6}[data-handle-tc]{box-shadow:0 -2px #fff,0 -5px #3b82f6}[data-handle-tr]{box-shadow:2px -2px #fff,5px -5px #3b82f6}[data-handle-ml]{box-shadow:-2px 0 #fff,-5px 0 #3b82f6}[data-handle-mr]{box-shadow:2px 0 #fff,5px 0 #3b82f6}[data-handle-bl]{box-shadow:-2px 2px #fff,-5px 5px #3b82f6}[data-handle-bc]{box-shadow:0 2px #fff,0 5px #3b82f6}[data-handle-br]{box-shadow:2px 2px #fff,5px 5px #3b82f6}[data-dragged] [data-custom]>*{pointer-events:none}[data-dragged] .dragover.before{box-shadow:0 -8px #0006,0 8px #0006 inset;transition:box-shadow .2s ease-in-out}[data-dragged] .dragover.after{box-shadow:0 8px #0006,0 -8px #0006 inset;transition:box-shadow .2s ease-in-out}[data-dragged] [data-comp]{box-shadow:0 -4px 2px #00ffd311,0 4px 2px #00ffd311 inset,0 4px 2px #00ffd311,0 -4px 2px #00ffd311 inset}frame-component:before{position:absolute;bottom:-1.25rem;left:0;--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity));padding-left:.25rem;padding-right:.25rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));content:attr(width) " x " attr(height)}.intersecting{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity))}[data-mode=preview] *{outline:2px solid transparent;outline-offset:2px}[data-mode=preview] .interactive{display:none}[data-mode=preview] [data-selected]{--tw-ring-color: transparent}.table{table-layout:fixed;border-collapse:separate;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity))}.thead{display:table-header-group;font-size:.875rem;line-height:1.25rem;font-weight:700}.tr{position:relative;display:table-row}.tr>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse));--tw-divide-x-reverse: 0;border-right-width:calc(1px * var(--tw-divide-x-reverse));border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}.th{display:table-cell;padding:0}.th.first{position:relative;display:table-cell;width:2rem;border-top-left-radius:.5rem;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity));padding:.25rem;font-size:.75rem;line-height:1rem}.th.last{position:relative;display:table-cell;width:9rem;border-top-right-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity));padding:.25rem;font-size:.75rem;line-height:1rem}.thContent{position:relative;height:100%;width:100%;padding:.5rem}.tdContent{width:100%;padding:.5rem}.col-menu{position:absolute;top:2.5rem;right:0;z-index:50;display:flex;height:-moz-fit-content;height:fit-content;width:100%;flex-direction:column}.col-menu>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.col-menu{border-radius:4px;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));fill:#475569;stroke:#475569;padding:.25rem;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);max-width:200px}.col-menu .col-menu-btn{display:flex;align-items:center;gap:.25rem;padding:.25rem;font-size:.75rem;line-height:1rem;font-weight:400}.col-menu .col-menu-btn:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.row-menu{position:absolute;top:2.5rem;right:0;z-index:50;display:flex;height:-moz-fit-content;height:fit-content;width:100%;flex-direction:column}.row-menu>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.row-menu{border-radius:4px;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));fill:#475569;stroke:#475569;padding:.25rem;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);max-width:200px}.row-menu .row-menu-btn{display:flex;align-items:center;gap:.25rem;padding:.25rem;font-size:.75rem;line-height:1rem;font-weight:400}.row-menu .row-menu-btn:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.col-resizer{pointer-events:auto;position:absolute;right:0;top:0;z-index:50;margin-right:-.125rem;height:100%;width:.125rem;cursor:col-resize;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-bg-opacity: 0}.col-resizer:hover{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity))}.row-resizer{position:absolute;bottom:0;left:0;z-index:50;margin-bottom:-.125rem;height:.125rem;width:100%;cursor:row-resize;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.row-resizer:hover{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity))}.tbody{display:table-row-group;width:100%}.td{position:relative;display:table-cell;padding:.25rem;font-size:.75rem;line-height:1rem}.td.first{position:relative;display:table-cell;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity));padding:.25rem;font-size:.75rem;line-height:1rem}.td.last{position:absolute;display:table-cell;padding:.25rem;font-size:.75rem;line-height:1rem}.td.selected{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-offset-width: 1px}.td.editing{padding:0}.td.editing .tb-input{position:absolute;height:100%}.td.editing .tb-input:focus{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity))}.tb-input-container{display:flex;width:100%;padding:.25rem;font-size:.75rem;line-height:1rem}.tb-input-container>*{flex-grow:1;outline:2px solid transparent;outline-offset:2px}.tb-input{height:100%;width:100%;border-style:none;background-color:transparent;outline:2px solid transparent;outline-offset:2px}.fixed-overlay{pointer-events:auto;position:fixed;top:0;left:0;z-index:40;height:100%;width:100%;background-color:rgb(0 0 0 / var(--tw-bg-opacity));--tw-bg-opacity: .1}.fixed-container{position:fixed;top:0;left:0;z-index:40;display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:space-around}.btn-col-more{pointer-events:auto;display:flex;height:1.5rem;width:1.5rem;align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity))}.btn-col-more:hover{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity))}.btn-col-more{margin-right:-.5rem}.btn-col-more.active{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.tagged-item{pointer-events:auto;cursor:pointer}.tagged-item:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.tagged-item.red{border-radius:4px;--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity));padding:.25rem;--tw-text-opacity: 1;color:rgb(127 29 29 / var(--tw-text-opacity))}.tagged-item.red:hover{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.tagged-item.blue{border-radius:4px;--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity));padding:.25rem;--tw-text-opacity: 1;color:rgb(30 58 138 / var(--tw-text-opacity))}.tagged-item.blue:hover{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.tagged-item.green{border-radius:4px;--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity));padding:.25rem;--tw-text-opacity: 1;color:rgb(20 83 45 / var(--tw-text-opacity))}.tagged-item.green:hover{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.tagged-item.yellow{border-radius:4px;--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity));padding:.25rem;--tw-text-opacity: 1;color:rgb(113 63 18 / var(--tw-text-opacity))}.tagged-item.yellow:hover{--tw-bg-opacity: 1;background-color:rgb(202 138 4 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.tagged-item.gray{border-radius:4px;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity));padding:.25rem;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.tagged-item.gray:hover{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.tagged-item.purple{border-radius:4px;--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity));padding:.25rem;--tw-text-opacity: 1;color:rgb(88 28 135 / var(--tw-text-opacity))}.tagged-item.purple:hover{--tw-bg-opacity: 1;background-color:rgb(147 51 234 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.tagged-item.pink{border-radius:4px;--tw-bg-opacity: 1;background-color:rgb(252 231 243 / var(--tw-bg-opacity));padding:.25rem;--tw-text-opacity: 1;color:rgb(131 24 67 / var(--tw-text-opacity))}.tagged-item.pink:hover{--tw-bg-opacity: 1;background-color:rgb(219 39 119 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.tagged-item.black{border-radius:4px;--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity));padding:.25rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.tagged-item.black:hover{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.node{position:absolute;z-index:1;display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-direction:column;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(248 247 246 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(131 115 98 / var(--tw-text-opacity));--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.node:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.nodeSelected{position:absolute;z-index:100;display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-direction:column;border-radius:.5rem;border-width:2px;--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.nodeLabel{border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity));padding:.75rem}.nodeInputs{pointer-events:auto;position:absolute;top:0;left:-1.25rem;z-index:-3;margin-top:.75rem;margin-bottom:.75rem;display:flex;flex-direction:column}.nodeInput{pointer-events:auto;margin-top:.75rem;margin-bottom:.75rem;margin-left:0;margin-right:0;height:.75rem;width:.75rem;cursor:crosshair;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(249 115 22 / var(--tw-bg-opacity));--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.nodeOutputs{pointer-events:auto;position:absolute;top:0;right:-1.25rem;z-index:-3;margin-top:.75rem;margin-bottom:.75rem;display:flex;flex-direction:column}.nodeOutput{pointer-events:auto;margin-top:.75rem;margin-bottom:.75rem;margin-left:0;margin-right:0;height:.75rem;width:.75rem;cursor:crosshair;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity));--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.actions{pointer-events:none;position:absolute;top:-30px;right:0;display:flex;width:100%;align-items:center;justify-content:flex-end;opacity:1;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.actionsHidden{pointer-events:none;position:absolute;top:-30px;right:-12px;display:flex;width:0px;align-items:center;justify-content:flex-end;opacity:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.delete{width:24px;height:24px;fill:#a11111;border-radius:100%;pointer-events:all;cursor:pointer;margin-right:6px;opacity:1;transition:all ease .2s}