.filtersAndSearch{flex:0 0 auto;display:flex;justify-content:space-between}.filtersAndSearch .filterSwitch{height:32px;margin-left:3rem;text-align:right;cursor:pointer;font-weight:500;text-decoration:underline}.filtersAndSearch .filterSwitch:hover{text-decoration:none}.filters{flex:1;min-width:15rem;display:flex;position:relative;flex-direction:row;flex-wrap:wrap;align-items:center;overflow:hidden;margin:1.5rem auto 0 2rem}.filters.collapsed{max-height:44px;height:44px}.filters>.context-menu-trigger{display:inline-block;overflow:hidden;cursor:pointer}.filters .filterButton{margin:0 1rem 1rem 0!important;padding-right:3.5rem;padding-left:1.5rem}.filters .filterButton:not(:hover):not(.isActive){border-color:var( --color-shade-700 )!important;color:var(--color-night-800)!important;background:transparent!important}.filters .filterButton.isActive:not(:hover){color:var(--color-night-800)!important}.filters .filterButton:before{content:"";position:absolute;right:.9rem;top:50%;width:.9rem;height:.9rem;border:.2rem solid transparent;border-color:transparent var(--color-night-400) var(--color-night-400) transparent;border-radius:.2rem;box-sizing:border-box;transform:rotate(45deg) translate(-1rem);transition:border .2s ease}.filters .filterButton:hover:before{border-color:transparent var(--color-white-100) var(--color-white-100) transparent}.filterTags{display:flex;flex-wrap:wrap;gap:.5rem;min-width:100%;padding-inline:2rem;padding-bottom:.5em}.filterTags .filterTag{--icon-color: var(--color-primary-500);align-items:center;background-color:var(--color-primary-500);border-radius:1.3rem;color:var(--color-white-100);cursor:pointer;display:inline-flex;font-size:12px;gap:.8rem;height:2.6rem;max-width:30rem;padding-inline:.3rem 1.5rem}.filterTags .filterTag .clearIcon{background:var(--color-white-100);border-radius:50%;display:block;flex-shrink:0;height:2rem;position:relative;width:2rem}.filterTags .filterTag .clearIcon:after,.filterTags .filterTag .clearIcon:before{background:var(--icon-color);border-radius:.1rem;content:"";height:.2rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(var(--rotation, 45deg));transition:background-color .2s;width:1rem}.filterTags .filterTag .clearIcon:after{--rotation: -45deg}.filterTags .filterTag:hover{--icon-color: var(--color-primary-600)}.filterTags .label{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filterTags .clearAll{cursor:pointer;font-weight:500;padding-inline:.3rem;text-decoration:underline}.filterTags .clearAll:hover{text-decoration:none}.filterButton.noResult{display:none}.filterContextMenu{opacity:1!important}.filterContextMenu .searchInput{display:block;width:100%;height:4rem;border:none;border-bottom:1px solid var(--color-shade-500);position:sticky;top:0;left:0;outline:none!important;color:var(--text-color);padding:0 2rem;z-index:10;font-weight:500}.filterContextMenu.rc-tooltip{opacity:1}.filterContextMenu.rc-tooltip.rc-tooltip.context-menu .rc-tooltip-inner{background:var(--color-white-100);box-shadow:var(--box-shadow-menu);position:relative;overflow-y:auto;min-width:15rem;padding-bottom:1rem;border-radius:.3rem}.filterContextMenu.rc-tooltip.rc-tooltip.context-menu .rc-tooltip-inner .list button{color:var(--text-color);padding:1rem 2rem;margin-bottom:-.3rem;cursor:pointer;display:flex;align-items:center;width:100%;text-align:left;line-height:1.6rem;max-width:30rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filterContextMenu.rc-tooltip.rc-tooltip.context-menu .rc-tooltip-inner .list button:hover{background:var( --color-shade-300 )}.filterContextMenu.rc-tooltip.rc-tooltip.context-menu .rc-tooltip-inner .list button:first-of-type{margin-top:.7rem}.filterContextMenu.rc-tooltip.context-menu.rc-tooltip-placement-bottom .rc-tooltip-arrow,.filterContextMenu.rc-tooltip.context-menu.rc-tooltip-placement-top .rc-tooltip-arrow{top:-.6rem;margin-left:-.8rem;border-width:0 .8rem .8rem;border-bottom-color:var(--color-white-100);z-index:10}.filterContextMenu.rc-tooltip.context-menu.rc-tooltip-placement-top .rc-tooltip-arrow{top:auto;bottom:-.6rem;border-width:.8rem .8rem 0;border-top-color:var(--color-white-100)}.filterContextMenu .check{margin-right:8px}.filterContextMenu .loading,.filterContextMenu .noResult{color:var(--color-night-100);text-align:center;margin-top:1rem}.icon{width:1.6rem;height:1.6rem;font-size:1.6rem;line-height:1;stroke-width:0;display:inline-block;stroke:currentColor;fill:currentColor;text-align:center;overflow:hidden;vertical-align:top;speak-as:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;pointer-events:none}.icon20{width:2rem;height:2rem;font-size:2rem}.uploadingBar{position:fixed;left:-100vw;top:0;z-index:10000;width:101vw;height:3px;background:var(--color-success-500);transition:transform .5s;overflow:hidden}.uploadingBar:before{content:"";position:absolute;left:-300px;top:0;width:300px;height:100%;background:linear-gradient(90deg,transparent 0%,var(--color-white-70) 50%,transparent 100%) no-repeat;animation:movebar 5s linear infinite}@keyframes movebar{0%{transform:translateZ(0)}50%{transform:translate3d(calc(101vw + 300px),0,0)}50.01%{transform:translateZ(0)}}.preload{position:absolute;left:50%;top:50%;width:3rem;height:3rem;margin:-1.5rem 0 0 -1.5rem;border-top-color:var( --color-night-800-30 );border-left-color:var( --color-night-800-30 );animation:preload 1s linear infinite;border-bottom-color:transparent;border-right-color:transparent;border-style:solid;border-width:.2rem;border-radius:50%;box-sizing:border-box;display:inline-block;transition:opacity .3s linear}@keyframes preload{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rc-tooltip{background:none!important}.rc-tooltip .rc-tooltip-inner{border-color:var( --color-shade-700-60 )}.rc-tooltip .rc-tooltip-arrow{opacity:.6}.rc-tooltip.context-menu{--_paper: var(--color-night-400);--_ink: var(--color-white-100)}.rc-tooltip.context-menu.rc-tooltip-placement-right .rc-tooltip-arrow,.rc-tooltip.context-menu.rc-tooltip-placement-left .rc-tooltip-arrow{border-left-color:var(--_paper);border-right-color:var(--_paper)}.rc-tooltip.context-menu.rc-tooltip-placement-bottom .rc-tooltip-arrow,.rc-tooltip.context-menu.rc-tooltip-placement-top .rc-tooltip-arrow{border-top-color:var(--_paper);border-bottom-color:var(--_paper)}.rc-tooltip.context-menu.rc-tooltip-placement-bottomRight .rc-tooltip-arrow,.rc-tooltip.context-menu.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow,.rc-tooltip.context-menu.rc-tooltip-placement-topRight .rc-tooltip-arrow,.rc-tooltip.context-menu.rc-tooltip-placement-topLeft .rc-tooltip-arrow{display:none}.rc-tooltip.context-menu .rc-tooltip-inner{background:var(--_paper);border:none;padding:0;border-radius:0;max-height:70vh;overflow-y:auto}.rc-tooltip.context-menu .rc-tooltip-inner .list>button,.rc-tooltip.context-menu .rc-tooltip-inner .list>div{font-size:1.1em;display:block;white-space:nowrap;background:transparent;color:var(--_ink);border:none;text-align:left;width:100%}.rc-tooltip.context-menu .rc-tooltip-inner .list>button{line-height:22px;padding:3px 10px}.rc-tooltip.context-menu .rc-tooltip-inner .list>button:hover{background:#d3d3d3;color:#000}.rc-tooltip.context-menu .rc-tooltip-arrow{opacity:1}.context-menu-trigger{all:unset}a,.link{color:var(--color-primary-500);text-decoration:none}a:hover,.link:hover{text-decoration:underline}button{outline:0;border:0;padding:0;background-size:contain;font-family:var(--text-font-family);background-color:transparent}.button{height:36px;color:var(--color-white-100);background:var(--color-primary-500);background-position:center center;background-repeat:no-repeat;border:1px solid transparent;border-radius:.3rem;display:inline-flex;align-items:center;justify-content:center;padding:0 2rem;margin:0;vertical-align:top;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;font-size:12px;font-weight:500;text-decoration:none;cursor:pointer;position:relative;overflow:hidden;transform:translateZ(0);transition:all .2s ease;-webkit-user-select:none;user-select:none}.button:after{content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-image:radial-gradient(circle,var(--color-white-100) 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10);opacity:0;transition:transform .5s,opacity 1s}.button:active:after{transform:scale(0);opacity:.3;transition:0s}.button.noRipple:after{content:none}.button:hover:not(.buttonOutlined){box-shadow:var(--color-white-20);text-decoration:none}.button:focus{outline:none}.button.buttonSecondary{background-color:var( --color-shade-400 );color:var(--color-night-800)}.button.buttonSecondary.buttonOutlined:not(:hover){border-color:var( --color-shade-400 );color:var(--color-night-800)}.button.buttonOutlined:not(:hover){border-color:var(--color-primary-500);background:transparent;color:var(--color-primary-500)}.button+.button{margin-left:1rem}.button img,.button svg{fill:currentColor;height:24px;margin:0 .8rem 0 -.8rem;pointer-events:none}.button:disabled{color:var(--color-white-100)!important;background:var( --color-shade-300 )!important;border-color:transparent!important;box-shadow:none!important;cursor:not-allowed}.button:disabled.buttonOutlined{border:1px solid var(--color-shade-400)!important;background:none!important;color:var( --color-shade-600 )!important}[draggable=true]{cursor:grab}.isDragging{cursor:grabbing}fieldset{border:none}.input,.textarea,.select{width:100%;height:3.4rem;outline:none;border:1px solid var(--color-night-800-7);border-radius:.3rem;transition:border-color .15s ease-in-out;background-color:var(--color-white-100);color:var(--text-color);padding:0 1.25rem;margin:0;text-align:left;font-size:12px;font-weight:500}.input::placeholder,.textarea::placeholder,.select::placeholder{text-align:left;color:var(--text-color);opacity:.5;transition:opacity .15s ease-in-out}.input:hover,.inputWithButton:hover .input,.textarea:hover,.inputWithButton:hover .textarea,.select:hover,.inputWithButton:hover .select{border-color:var(--color-primary-500)}.input:focus,.textarea:focus,.select:focus{border-color:var(--color-primary-500)}.input:focus::placeholder,.textarea:focus::placeholder,.select:focus::placeholder{opacity:0}.input:not([value=""])+.inputButton,.textarea:not([value=""])+.inputButton,.select:not([value=""])+.inputButton{background:var(--color-primary-500);color:var(--color-white-100)}.input[readonly],.textarea[readonly],.select[readonly]{border-color:var( --color-shade-500 )!important;cursor:default!important}.input[disabled],.textarea[disabled],.select[disabled]{border-color:var( --color-shade-500 )!important;color:var( --color-shade-700 )!important;cursor:default!important}.textarea{resize:vertical;height:8rem;min-height:3.4rem;max-height:40vh;padding-top:.5rem;padding-bottom:.5rem}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:4.65rem;background-color:var(--color-white-100);background-image:url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMT    IgNyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjZmZ    mZmZmIiBkPSJNMC4yNSwxLjUzbDUuMTQsNS4xNGMwLjM0LDAuMzQsMC44OCwwLjM0LDEuMjEs    MGw1LjE0LTUuMTRjMC4zNC0wLjM0LDAuMzQtMC44OCwwLTEuMjFzLTAuODgtMC4zNC0xLjIxL    DBMNiw0Ljg2TDEuNDYsMC4zMmMtMC4zNC0wLjM0LTAuODgtMC4zNC0xLjIxLDBTLTAuMDgsMS    4yLDAuMjUsMS41M0wwLjI1LDEuNTN6Ii8+PC9zdmc+"),linear-gradient(-90deg,var(--color-primary-500) 3.4rem,var(--color-white-100) 3.4rem);background-position:right 1.1rem center,right top;background-size:1.2rem .7rem,100% 100%;background-origin:border-box;background-repeat:no-repeat;cursor:pointer}.select::-webkit-scrollbar{width:5px}.select::-webkit-scrollbar-thumb{background-color:var(--color-white-100)}.select::-webkit-scrollbar-track{background-color:var(--color-primary-500)}.select option{padding:.6rem 1.25rem;overflow:hidden;text-overflow:ellipsis}.select[multiple],.select[size]{height:auto;overflow:auto;padding-left:0;padding-right:3.3rem}.inputRounded,.inputWithButton .input{border-radius:1.7rem}.inputWithButton{position:relative}.inputWithButton .input{padding-right:4.4rem}.inputWithButton .button{position:absolute;width:3.4rem;height:3.4rem;right:0;top:0;padding:0;border:none;border-radius:50%;background:var(--color-shade-400);color:var(--color-shade-700)}.inputWithButton .button svg{fill:currentColor;height:24px;vertical-align:middle;margin:0}.inputWithButton .button:hover,.inputWithButton:hover .button,.inputWithButton .input:focus~.button{background:var(--color-primary-500);color:var(--color-white-100)}.inputBox{max-width:35rem;margin:1.3rem 0;@keyframes slideDown{0%{max-height:0;opacity:0;overflow:hidden;margin-top:0}to{max-height:1000rem;opacity:1}}}.inputBox .input{margin:0}.inputBox label{margin:0 0 .2rem;color:var(--color-shade-700);font-size:12px;font-weight:500;word-break:break-all}.inputBox label small{display:block;color:var(--text-color);font-size:1.1rem;font-weight:500;padding-bottom:.2rem}.inputBox>strong{display:block;background:var(--color-success-500);color:var(--color-white-100);font-size:1.2rem;font-weight:500;padding:.6rem 1.5rem .5rem;margin-top:.5rem;animation:slideDown .2s cubic-bezier(1,0,1,0)}.inputBox.error>strong{background:var(--color-danger-500);color:var(--color-white-100)}.inputBox.error .input,.inputBox.error .select,.inputBox.error .textarea{border-color:var( --color-danger-500 )!important}.inputBox.hidden{display:none!important}.form-group label{margin:0 0 .2rem;color:var(--color-night-100);font-size:12px;font-weight:500}input.form-control{color:var(--text-color);font-weight:500}.confirm-input{text-transform:uppercase}@layer client.layout{:root{--baseFontSize: 12px;font-size:var(--baseFontSize)}@media(max-width:1200px){:root{--baseFontSize: 9px }}body{background-color:var( --color-shade-300 );color:var(--text-color);padding:0;margin:0;overflow:hidden;overscroll-behavior-x:none}a{cursor:pointer}hr{margin-top:2rem;margin-bottom:2rem;border:0;border-top:1px solid var(--color-shade-400);height:0;box-sizing:content-box}}#root{width:100vw;height:100vh;overflow:hidden;display:flex}.application{width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column}.application ::-webkit-scrollbar{width:1.3rem}.application ::-webkit-scrollbar-track{background-color:var( --color-shade-300 )}.application ::-webkit-scrollbar-thumb{width:.7rem;border-radius:1rem;min-height:3rem;background-color:var( --color-shade-700 );border:.3rem solid var(--color-shade-300)}.page{overflow:auto;height:100%;position:relative;display:flex;flex-direction:column}.page .pageHeader{display:flex;flex-direction:column;margin-bottom:2rem}.page .pageHeader .pageTitle{flex:1 1 50%;margin:0;margin-bottom:1.5rem;word-break:break-word}.page .pageHeader .search{flex:1 1 0;min-width:300px;margin:auto 30px}.page .pageHeader .buttons{display:flex;flex:1 1 50%;justify-content:flex-end}@media(min-width:1300px){.page .pageHeader{align-items:center;flex-direction:row}.page .pageHeader .pageTitle{margin-bottom:0}}.page[class*=user-profile]{overflow:hidden}.hidden,.displayNone{display:none!important}@keyframes bounceInCenter{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(-1000px)}60%{opacity:1;transform:translateY(20px)}75%{transform:translateY(-10px)}90%{transform:translateY(5px)}to{transform:translateY(0)}}@keyframes bounceOutCenter{20%{transform:translateY(-10px)}40%,45%{opacity:1;transform:translateY(20px)}60%{opacity:0}to{opacity:0;transform:translateY(-1000px)}}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(3000px)}60%{opacity:1;transform:translate(-25px)}75%{transform:translate(10px)}90%{transform:translate(-5px)}to{transform:none}}@keyframes bounceOutRight{20%{opacity:1;transform:translate(-20px)}to{opacity:0;transform:translate(2000px)}}.page-assets,.page-walls{display:flex;flex-direction:column}.categories-tree{--indent: 20px;--item-size: 26px;--level: var(--level, 0);--level-push: 2em;max-height:840px;padding-top:15px;-webkit-user-select:none;user-select:none;width:100%}.categories-tree ul,.categories-tree li{margin:0;padding:0}.categories-tree li.isLeaf .selector{visibility:visible}.categories-tree li{background-color:transparent;list-style:none;transition:background-color .2s}.categories-tree li:hover{background-color:var(--color-shade-300)}.categories-tree .selector{--background-color: transparent;--border-color: var(--color-night-800);--size: 13px;background-color:var(--background-color);border:1px solid var(--border-color);border-radius:50%;color:var(--color-white-100);cursor:pointer;display:flex;height:var(--size);left:calc(var(--indent) + var(--level) * var(--level-push));place-items:center;position:absolute;top:calc(.5 * (var(--item-size) - var(--size)));transition-duration:.2s;transition-property:background-color,border-color;visibility:hidden;width:var(--size);z-index:1}.categories-tree .selector svg{fill:currentColor}.categories-tree .selector.isSelected{--background-color: var(--color-primary-500);--border-color: var(--color-primary-500)}.categoryItem{display:flex;flex-wrap:wrap;padding-left:calc(2 * var(--indent) + var(--level) * var(--level-push));padding-right:var(--indent);position:relative}.categoryItem .inputBox{margin:0;padding-bottom:1rem;min-width:100%}.categoryLabel{align-items:center;color:var(--text-color);cursor:pointer;display:flex;flex:1;font-size:12px;font-weight:500;justify-content:space-between;line-height:1.3;margin-left:calc((-2) * (var(--indent) + var(--level) * var(--level-push)));margin-right:calc((-1) * var(--indent));min-height:var(--item-size);padding-left:calc(2 * (var(--indent) + var(--level) * var(--level-push)));padding-right:var(--indent)}.categoryLabel svg{align-self:flex-start;min-height:inherit;transition:transform .3s;visibility:hidden}.categoryLabel.isActive svg{visibility:visible}.categoryLabel.isSelected{text-decoration:underline}.categoryLabel.isSelected svg,.categoryLabel.isToggled svg{transform:rotate(90deg)}.page-settings{display:grid;grid-template-columns:300px 1fr;overflow:hidden}.designer-actions-panel{background-color:transparent;display:flex;flex:0 0 auto;flex-direction:column;gap:8px;padding-block:16px;position:relative;transition:background-color .2s linear;width:48px;z-index:1}.designer-actions-panel:not(.disabled){background-color:var(--color-night-800)}.designer-assets-panel{background:var(--color-shade-100);color:var(--color, var(--color-night-100));box-shadow:inset 0 0 0 var(--spread, 0) var(--color-primary-500);flex:none;overflow:hidden;position:relative;margin:4px 0;transition-property:box-shadow,color;transition-duration:.2s;width:217px;border-right:solid 1px var(--color-shade-500)}.designer-assets-panel.is-active{--color: var(--color-primary-500);--spread: 3px}.designer-assets-panel:after{box-shadow:none;--size: 50px;content:"";inset-block:0;inset-inline-end:calc(-1 * var(--size));position:absolute;width:var(--size)}.designer-assets-panel-content{width:100%;height:100%;display:flex;flex-direction:column;padding:16px 0;overflow:auto;position:relative}.designer-dropzone-indicator{align-items:center;display:flex;flex-direction:column;font-size:12px;font-weight:600;gap:8px;top:0;right:0;bottom:0;left:0;justify-content:center;letter-spacing:-.01em;position:absolute}.designer-canvas{--index-screen-header: 10090;--index-dragging-guide: 1050;--index-selection-box: 10060;--index-collaboration-bounding-box: 10061;--index-resize-handle: 10052;--index-crop-handle: 10051;--index-bounding-box-hitbox: 10;--index-bounding-box-view: 1050;--index-text-asset: 10030;top:0;right:0;bottom:0;left:0;position:absolute;-webkit-user-select:none;user-select:none;animation:fadeIn .4s .3s linear backwards}.designer-canvas:after{box-shadow:inset 0 0 0 var(--spread, 0) var(--color-primary-500);content:"";top:0;right:0;bottom:0;left:0;position:absolute;transition:box-shadow .2s;pointer-events:none}.designer-canvas.is-active{--spread: 3px}.designer-canvas .canvas-zoom{--canvas-scale: 1;transform-origin:left top}.designer-canvas .designer-masked-element{-webkit-mask-image:url("data:image/svg+xml,%3csvg%20width='101'%20height='101'%20xmlns='http://www.w3.org/2000/svg'%20viewbox='0%200%20101%20101'%3e%3crect%20x='0'%20y='0'%20width='101'%20height='101'%20fill='black'%20fill-opacity='0.2'/%3e%3crect%20y='50'%20x='50'%20width='1'%20height='1'%20fill='var(--color-night-800)'%20fill-opacity='1'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20width='101'%20height='101'%20xmlns='http://www.w3.org/2000/svg'%20viewbox='0%200%20101%20101'%3e%3crect%20x='0'%20y='0'%20width='101'%20height='101'%20fill='black'%20fill-opacity='0.2'/%3e%3crect%20y='50'%20x='50'%20width='1'%20height='1'%20fill='var(--color-night-800)'%20fill-opacity='1'/%3e%3c/svg%3e")}.designer-canvas .canvas-node{--box-color: var(--color-primary-500);overflow:hidden;pointer-events:auto;position:absolute}.designer-canvas .canvas-node.highlighted,.designer-canvas .canvas-node:not(.hoverDisabled):hover{box-shadow:0 0 0 var(--box-thickness) var(--box-color),inset 0 0 0 var(--box-thickness) var(--box-color)}.designer-canvas .canvas-node.highlighted{--box-thickness: calc(1px / var(--canvas-scale))}.designer-canvas .canvas-node:not(.hoverDisabled):hover{--box-thickness: calc(.75px / var(--canvas-scale))}.designer-canvas .canvas-screen{position:absolute;display:flex;flex-direction:column;background-color:var(--color-white-100);z-index:20}.designer-canvas .canvas-screen.has-black-background{background-color:var(--color-night-800)}.designer-canvas .canvas-screen.is-selected{z-index:11}.designer-canvas .canvas-screen-header{cursor:pointer;color:var(--color-night-800);z-index:var(--index-screen-header);position:absolute;font-weight:500;font-size:calc(12px / var(--canvas-scale));top:calc(-24px / var(--canvas-scale));opacity:.5}.designer-canvas .canvas-screen-header.selected{opacity:1}.designer-canvas .canvas-screen-borders{--box-color: var(--color-primary-500);--spread: calc(1px / var(--canvas-scale));pointer-events:none;position:absolute;outline:calc(1.5px / var(--canvas-scale)) solid var(--_stroke, transparent)}.designer-canvas .canvas-screen-borders.selected{--_stroke: var(--color-primary-500)}.designer-canvas .canvas-screen-borders.active{--_stroke: var(--color-primary-300);--spread: calc(var(--screen-border-width) / var(--canvas-scale))}.designer-canvas .canvas-screen-borders.selected.active{--_stroke: var(--color-primary-500)}.designer-canvas .canvas-asset{position:absolute}.designer-canvas .canvas-asset .canvas-image-asset{cursor:default}.designer-canvas .canvas-background{position:absolute;pointer-events:auto}.designer-canvas .canvas-background .canvas-background-image{position:absolute}.designer-canvas .canvas-rounded-asset{border-radius:20px}.designer-canvas .canvas-text-asset{z-index:var(--index-text-asset);position:relative;overflow:hidden;outline:none;word-break:break-word;display:inline-block;line-height:1.5;padding:8px;cursor:default;white-space:pre-wrap;background:none;resize:none;font-weight:400;font-style:normal}.designer-canvas .canvas-text-asset.editing{cursor:text}.designer-canvas .canvas-bounding-box-view{--box-color: var(--color-primary-500);--box-thickness: calc(1px / var(--canvas-scale));box-shadow:0 0 0 var(--box-thickness) var(--box-color),inset 0 0 0 var(--box-thickness) var(--box-color);pointer-events:none;position:absolute;z-index:var(--index-bounding-box-view)}.designer-canvas .canvas-bounding-box-hitbox{position:absolute;z-index:var(--index-bounding-box-hitbox)}.designer-canvas .canvas-selection-box{--box-color: var(--color-primary-500);--box-thickness: calc(1px / var(--canvas-scale));box-shadow:0 0 0 var(--box-thickness) var(--box-color),inset 0 0 0 var(--box-thickness) var(--box-color);position:absolute;z-index:var(--index-selection-box)}.designer-canvas .canvas-collaboration-boundingbox{--box-thickness: calc(1px / var(--canvas-scale));box-shadow:0 0 0 var(--box-thickness) var(--box-color, currentColor),inset 0 0 0 var(--box-thickness) var(--box-color, currentColor);pointer-events:none;position:absolute;z-index:var(--index-collaboration-bounding-box)}.designer-canvas .canvas-dragging-guide{position:absolute;z-index:var(--index-dragging-guide);background-color:var(--color-danger-500)}.designer-canvas .canvas-resize-handle{--handle-size: calc(10px / var(--canvas-scale));--handle-offset: calc(-4px / var(--canvas-scale));position:absolute;width:var(--handle-size);height:var(--handle-size);box-shadow:0 0 calc(1px / var(--canvas-scale)) calc(1px / var(--canvas-scale)) var(--color-night-800-30);background:var(--color-white-100);border-radius:50%;z-index:var(--index-resize-handle);pointer-events:auto}.designer-canvas .canvas-resize-handle.top-left{top:var(--handle-offset);left:var(--handle-offset);cursor:nwse-resize}.designer-canvas .canvas-resize-handle.top-right{top:var(--handle-offset);right:var(--handle-offset);cursor:nesw-resize}.designer-canvas .canvas-resize-handle.bottom-right{bottom:var(--handle-offset);right:var(--handle-offset);cursor:nwse-resize}.designer-canvas .canvas-resize-handle.bottom-left{bottom:var(--handle-offset);left:var(--handle-offset);cursor:nesw-resize}.designer-canvas .canvas-crop-handle{--handle-short-size: calc(4px / var(--canvas-scale));--handle-long-size: calc(20px / var(--canvas-scale));--handle-short-offset: calc(-2px / var(--canvas-scale));--handle-long-offset: calc(-10px / var(--canvas-scale));position:absolute;background:var(--color-white-100);border-radius:calc(2px / var(--canvas-scale));box-shadow:0 0 calc(1px / var(--canvas-scale)) calc(1px / var(--canvas-scale)) var(--color-night-800-30);z-index:var(--index-crop-handle);pointer-events:auto}.designer-canvas .canvas-crop-handle.top{cursor:ns-resize;width:var(--handle-long-size);height:var(--handle-short-size);top:var(--handle-short-offset);margin-left:var(--handle-long-offset);left:50%}.designer-canvas .canvas-crop-handle.bottom{cursor:ns-resize;width:var(--handle-long-size);height:var(--handle-short-size);bottom:var(--handle-short-offset);margin-left:var(--handle-long-offset);left:50%}.designer-canvas .canvas-crop-handle.left{cursor:ew-resize;width:var(--handle-short-size);height:var(--handle-long-size);margin-top:var(--handle-long-offset);top:50%;left:var(--handle-short-offset)}.designer-canvas .canvas-crop-handle.right{cursor:ew-resize;width:var(--handle-short-size);height:var(--handle-long-size);margin-top:var(--handle-long-offset);top:50%;right:var(--handle-short-offset)}.designer-canvas .sound-canvas-placeholder{background-color:transparent}.designer-canvas .sound-canvas-placeholder [data-icon]{height:100%;width:100%;object-fit:contain}.designer-canvas .canvas-placeholder,.designer-canvas .sound-canvas-placeholder{align-items:center;display:flex;justify-content:center;position:relative}.designer-canvas .canvas-placeholder{background-color:var(--color-shade-500)}.designer-canvas .canvas-placeholder [data-icon]{--icon-size: min(calc(24px + 10px / var(--canvas-scale, 1)), 60%);opacity:.5}.designer-panel{background:var(--color-shade-100);content-visibility:auto;display:flex;flex-direction:column;height:inherit;padding:16px 18px;border-right:solid 1px var(--color-shade-500)}[data-designer-library]{display:grid;grid-template-rows:repeat(calc(var(--_rows) - 1),min-content) 1fr}[data-designer-library]>*{min-height:0}[data-designer-library] .filters{margin:0}[data-designer-library] .filters.collapsed{max-height:44px;height:44px}[data-designer-library] .filters .filterButton{--text-color: var(--color-night-400);align-items:center;border-radius:4px;border-width:1px;display:inline-flex;font-size:12px;font-weight:500;gap:12px;height:32px;padding:8px 12px}[data-designer-library] .filters .filterButton:after{content:none}[data-designer-library] .filters .filterButton:before{aspect-ratio:1;border-color:transparent;border-block-end-color:var(--text-color);border-inline-end-color:var(--text-color);border-width:2px;height:unset;order:1;position:unset;rotate:45deg;transform:none;translate:-2px -2px;width:8px}[data-designer-library] .filters .filterButton:not(:focus-visible,:hover){border-color:var(--color-shade-700)!important;color:var(--text-color)!important}[data-designer-library] .filters .filterButton:is(:focus-visible,:hover){border-color:var(--color-primary-500);--text-color: var(--color-white-100)}[data-designer-library] .filterSwitch{color:var(--color-shade-800);font-size:14px;font-weight:600;height:32px;inset-inline-end:0;letter-spacing:-.01em;margin:0}[data-designer-library] .filterTags{padding-block-end:8px;padding-inline:0}[data-designer-library] .filterTags .clearAll{color:var(--color-shade-800);font-size:14px;font-weight:600;letter-spacing:-.01em}[data-designer-library=media]{--_rows: 4}[data-designer] .top-panel-item{border-bottom:1px solid var(--color-shade-500);padding-bottom:8px;margin:0 0 8px;cursor:pointer;width:100%}[data-designer] .top-panel-item .top-panel-title{align-items:center;color:var(--text-color);display:flex;gap:4px;margin-bottom:8px;margin-left:8px}[data-designer] .panel-item{display:flex;width:calc(100% - 16px);margin:4px 8px;border-radius:8px;font-size:12px;font-weight:600;transition:all .07s linear}[data-designer] .panel-item.scene-item{flex-direction:column;color:var(--color-night-100);overflow:hidden}[data-designer] .panel-item.selected{background:var(--color-shade-500);color:var(--color-night-400)}[data-designer] .panel-item.focused{background:var(--color-primary-500);color:var(--color-white-100)}[data-designer] .panel-item.focused .icons button,[data-designer] .panel-item.focused .title-row button{opacity:1;pointer-events:all}[data-designer] .panel-item.focused .actions{height:26px}[data-designer] .panel-item .icons button,[data-designer] .panel-item .title-row button{--button-size: 20px;--button-background-color: transparent;--button-color: inherit;--button-border-size: 0;padding-left:12px;opacity:0;pointer-events:none}[data-designer] .panel-item .icons button:is(:hover,:focus-within):not(:disabled,[data-disabled]),[data-designer] .panel-item .title-row button:is(:hover,:focus-within):not(:disabled,[data-disabled]){box-shadow:var(--color-white-20)}[data-designer] .panel-item .icons button:is(:disabled,[data-disabled]),[data-designer] .panel-item .title-row button:is(:disabled,[data-disabled]){--button-color: var( --color-shade-700-45 )}[data-designer] .panel-item .icons{flex:0 0 28px;margin-top:4px;gap:4px;line-height:16px;font-size:12px;font-weight:600;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}[data-designer] .panel-item .preview{flex:1 1 100%;display:flex;margin-bottom:4px;flex-direction:column;justify-content:flex-start;align-items:flex-start;word-break:break-word}[data-designer] .panel-item .thumbnail{--outline: inset 0 0 0 2px var(--color, transparent);width:calc(100% - 4px);height:48px;margin-top:4px;padding-right:4px;border-radius:6px;background-color:#fff;box-shadow:var(--box-shadow-paper),var(--outline);overflow:hidden;position:relative;background-position:center;background-size:cover;color:var(--text-color);display:flex;align-items:center;justify-content:center}[data-designer] .panel-item .thumbnail.has-thumbnail{box-shadow:var(--outline),var(--box-shadow-overlay);color:var(--color-white-100)}[data-designer] .panel-item .thumbnail.is-effect{background-color:var(--color-night-800-45);color:var(--color-white-100)}[data-designer] .panel-item .thumbnail .title{flex:1 1 100%}[data-designer] .panel-item .thumbnail .title input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;background:none;width:100%;height:100%;color:inherit;font:inherit;padding-inline:12px 8px}[data-designer] .panel-item .thumbnail .title div{min-height:13px;margin:auto 8px auto 12px}[data-designer] .panel-item .thumbnail .status-icon{flex:0 0 16px;margin-right:4px}[data-designer] .panel-item .type-icon{flex:0 0 16px;margin-left:8px}[data-designer] .panel-item .title{font-size:12px;font-weight:500;max-height:29px;line-height:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}[data-designer] .panel-item .actions{height:0;align-self:stretch;padding:0 4px 0 0;text-align:right;overflow:hidden;transition:all .1s}[data-designer] .panel-item .actions button{margin-top:4px;padding:0 3px}[data-designer] .draggable-item{isolation:isolate;width:100%}:where([data-counter~="numbering[reset]"]){counter-reset:numbering-counter}:where([data-counter~="numbering[reset]"]) [data-counter~="numbering[increment]"]{counter-increment:numbering-counter}:where([data-counter~="numbering[reset]"]) [data-counter~="numbering[render]"]:after{content:counter(numbering-counter)}[data-counter~="numbering[render]"]{display:block;height:1lh}.designer-scene-panel{flex:0 0 auto;background:var(--color-shade-100);width:168px;position:relative;margin:4px 0;transition:width .2s ease-out;border-right:solid 1px var(--color-shade-500);border-top-left-radius:6px;border-bottom-left-radius:6px;box-shadow:var(--box-shadow-panel)}.designer-scene-panel .designer-scene-panel-content{position:absolute;left:0;top:0;padding:16px 0;display:flex;flex-direction:column;overflow:auto;width:100%;height:100%;z-index:1;opacity:1;visibility:visible;transition:opacity .2s ease-out,visibility .1s ease-out}.designer-scene-panel .designer-scene-panel-content::-webkit-scrollbar-thumb{border-color:var( --color-shade-300 )}.designer-scene-panel .designer-scene-panel-content::-webkit-scrollbar-track{background-color:var( --color-shade-300 )}.designer-scene-panel hr{width:calc(100% - 8px);margin:2px 0;padding:0;border-top:1.5px solid var(--color-shade-500)}.designer-scene-panel.collapsed{width:0;border-right:0;transition:width .2s ease-out}.designer-scene-panel.collapsed .designer-scene-panel-content{opacity:0;visibility:hidden;transition:opacity .2s ease-out,visibility .1s ease-out}