@import"https://fonts.googleapis.com/css?family=Sora:regular,500&display=swap";@import"https://fonts.googleapis.com/css?family=Montserrat:500&display=swap";.function-button{border-radius:10px;outline:2px #d81921 solid;width:48px;aspect-ratio:1 / 1;color:#fff;transition:all .3s ease-out;display:flex;align-items:center;justify-content:center}@media not (hover: none){.function-button:where(:hover,:focus .active){transform:scale(1.1);background-color:#d81921;transition-duration:.3s}}.function-button:active{transition-duration:80ms;transform:scale(.9)}.function-button.open{background-color:#d81921}.custom-color{position:relative;padding:11px 24px;background:#353535;border-radius:10px;height:100%;justify-content:center;align-items:center;display:inline-flex;color:#fff;font-size:14px;font-weight:400;gap:10px;cursor:pointer;z-index:30}.custom-color .display{width:30px;aspect-ratio:1/1;background-color:#1e1e1e;border-radius:15px;border:1px rgba(255,255,255,.4) solid}.custom-color .menu{position:absolute;top:105%;right:0%;box-shadow:0 16px 32px -8px #0c0c0d66;border-radius:10px;border:1px rgba(255,255,255,.1) solid;padding:7px 16px 42px;display:flex;flex-direction:column;cursor:auto;opacity:0;transform:scale(.5) translateY(-50px);z-index:20;background-color:#1e1e1e;max-width:90vw;z-index:999}.custom-color .menu .menu-drop-arrow{position:absolute;top:0;right:0;transform:translateY(-100%)}.custom-color .menu .menu-title{text-align:center;color:#fff;font-size:12px;font-family:Sora;font-weight:500;word-wrap:break-word;padding:12px}.custom-color .menu .swatches-wrapper{position:relative;border-radius:8px;overflow:hidden;display:grid;grid-template-columns:repeat(12,minmax(0,30px));grid-template-rows:repeat(10,auto)}.custom-color .menu .swatches-wrapper .swatch{display:inline-block;width:100%;aspect-ratio:1/1;position:relative;cursor:pointer}.custom-color .menu .swatches-wrapper .swatch:before{content:"";top:0;right:0;bottom:0;left:0;border:2px solid white;mix-blend-mode:difference;position:absolute;pointer-events:none;opacity:0;scale:.75;transition:.2s ease-out}.custom-color .menu .swatches-wrapper .swatch.active:before{opacity:1;scale:1}.custom-color .menu .swatches-wrapper .indicator{position:absolute;width:30px;height:30px;top:0;left:0;border:2px solid white;pointer-events:none;display:inline-block;transition:all .2s ease-out;mix-blend-mode:difference}.custom-color .menu .extras-wrapper{padding-top:22px;display:flex;align-items:stretch;gap:27px}.custom-color .menu .extras-wrapper .menu-display{width:78px;height:78px;position:relative;background:#000;border-radius:10px}.custom-color .menu .extras-wrapper .extras{display:grid;grid-template-columns:repeat(5,minmax(24px,30px));align-content:space-between;justify-items:space-between;column-gap:26px}.custom-color .menu .extras-wrapper .extras .extra-color{display:inline-block;width:30px;height:30px;border-radius:50%;cursor:pointer}.custom-color .menu .extras-wrapper .extras .extra-color.active{outline:2px solid white;outline-offset:-4px}.custom-color .menu .extras-wrapper .extras .extras-addition-input{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#78788029;border-radius:100px;position:relative}.custom-color .menu .extras-wrapper .extras .extras-addition-input input{width:10%;height:10%;opacity:0;position:absolute}@media (max-width: 640px){.custom-color{font-size:10px;padding:11px 16px}.custom-color .display{width:25px}}.custom-color:before{content:"";top:0;right:0;bottom:0;left:0;background-color:transparent;pointer-events:none;border-radius:inherit;opacity:0;transition:opacity .5s ease-out;z-index:1;box-shadow:0 0 0 100vmax #00000080;z-index:998}.custom-color.open:before{opacity:1}.custom-select:not(.custom-select-js){opacity:0;position:absolute;width:0px;height:0px;overflow:hidden;pointer-events:none}.custom-select :where(span,p){white-space:inherit}.custom-select{position:relative;width:auto;border-radius:10px}.custom-select:before{content:"";top:0;right:0;bottom:0;left:0;background-color:transparent;pointer-events:none;border-radius:inherit;opacity:0;transition:opacity .5s ease-out;z-index:1;box-shadow:0 0 0 100vmax #00000080;z-index:999}.custom-select>div:first-child{width:auto;cursor:pointer;padding:14px 12px;position:relative;display:flex;align-items:stretch;gap:10px;height:100%;background:#353535;border-radius:inherit;justify-content:space-between;align-items:center;display:inline-flex;color:#0006;font-weight:500}.custom-select>div:first-child:has(.title){padding-right:16px}.custom-select>div:first-child>div{display:flex;align-items:center;gap:24px;flex:1;border-right:inherit;text-wrap:nowrap;font-size:14px;color:#fff;font-weight:400}.custom-select>div:first-child:has(.title) div{padding:17px 0}.custom-select>div:first-child>div.title{padding:16px;background:#1e1e1e;border-top-left-radius:10px;border-bottom-left-radius:10px;border:1px rgba(255,255,255,.4) solid;text-transform:capitalize}.custom-select>div:first-child :where(svg,img):last-child{width:18px;height:18px;transition:transform .2s ease-out}.custom-select>ul{position:absolute;top:100%;left:0;width:100%;min-width:fit-content;transition:all .15s ease-out;background:#353535;display:grid;z-index:99;overflow-x:hidden;overflow-y:auto;max-height:360px;padding:12px;border-radius:10px;border:.5px rgba(45,44,44,.1) solid;gap:16px;z-index:999}.custom-select>ul::-webkit-scrollbar{width:4px}.custom-select>ul::-webkit-scrollbar-thumb{background-color:#575757;border-radius:8px;padding-right:8px;margin-right:8px;transform:translate(-8px)}.custom-select>ul>*{padding:12px;cursor:pointer;position:relative;display:flex;align-items:center;transition:background-color .3s ease-out;border-radius:10px;color:#a0a0a0;font-size:14px;font-weight:600;word-wrap:break-word}.custom-select>ul>*:hover:not(.custom-select-drop-down-title){background:#424242}.custom-select>ul>.custom-select-drop-down-title{color:#000000b3;font-size:12px;font-weight:600;word-wrap:break-word}.custom-select>ul>*.selected{color:#fff;background:#575757}.custom-select>ul>.search-wrapper{display:flex;align-items:center;flex-direction:row;gap:16px}.custom-select>ul>.search-wrapper input{flex:1;background-color:transparent;font-size:14px;font-weight:500}.custom-select>ul>.search-wrapper input::placeholder{color:#0006}.custom-select>ul>.search-wrapper svg{color:#0003}.custom-select>ul>.search-wrapper,.custom-select>ul>.search-wrapper:hover{background-color:#18b2720d!important;border-radius:99px;padding:16px 16px 16px 24px;cursor:auto}.custom-select.open>div:first-child :where(svg,img):last-child{transform:rotate(180deg)}.custom-select.open>ul{transform:translateY(10px);opacity:1;pointer-events:all;z-index:999}.custom-select.open:before{opacity:1}.custom-slider{display:flex;flex-direction:column;align-items:center;gap:16px;font-size:10px}.custom-slider .track-wrapper{flex:1;position:relative}.custom-slider .track-wrapper .track{border-radius:5px;width:5px;height:100%;background-color:#fff3}.custom-slider .track-wrapper .knob{position:absolute;width:20px;height:30.17px;background:#d81921;border-radius:5px;top:0;left:50%;transform:translate(-50%);transition:transform .3s ease-out,scale .3s ease-out}.custom-slider .track-wrapper .knob.hover{transform:translate(-50%) scale(1.15);cursor:grab}.custom-slider .track-wrapper .knob.grabbing{transform:translate(-50%) scale(1.3);cursor:grabbing}.custom-slider .track-wrapper .slider-value{position:absolute;transform:translateY(-50%) translate(0);right:400%;text-align:right}[data-modal-element=true]{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .5s ease-out;z-index:999}[data-modal-element=true] .modal-content{width:100%;display:flex;flex-direction:column;opacity:0;overflow-y:visible;transition:opacity .3s ease-out 0ms,transform .3s ease-out 0ms;transform:translateY(20px);max-height:90vh;position:relative;pointer-events:none;max-width:663px;background:#1e1e1e;border-radius:20px;overflow:hidden;cursor:auto}[data-modal-element=true] .modal-content .qr-code-image{border-radius:20px}[data-modal-element=true] .modal-content .ctas{display:flex;gap:12px}[data-modal-element=true].open{opacity:1;pointer-events:all}[data-modal-element=true].open .modal-content{opacity:1;transform:translateY(0);transition-delay:.2s;pointer-events:all}[data-modal-element=true].open .modal-content .modal-content-wrapper{height:100%;overflow-y:auto}[data-modal-element=true]>.modal-content>header{display:flex;align-items:center;justify-content:space-between;font-style:normal;color:#7e7e81;font-size:16px;font-weight:600;word-wrap:break-word;padding:16px 24px;border-bottom:1px rgba(0,0,0,.1) solid}[data-modal-element=true]>.modal-content>header button{width:24px}[data-modal-element=true]>.modal-content>header span{display:inline-flex;align-items:center;gap:4px}[data-modal-element=true]>.modal-content form{display:flex;flex-direction:column;gap:16px}[data-modal-element=true]>.modal-content .submit{border-radius:12px;border:1px solid #d81921;padding:24px;text-align:center;font-size:14px;font-style:normal;font-weight:500}[data-modal-element=true].overflow .modal-content{overflow-y:auto}@media (max-width: 640px){[data-modal-element=true]{display:flex;justify-content:center;align-items:stretch;padding:0;opacity:0;pointer-events:none;transition:opacity .5s ease-out}[data-modal-element=true] .modal-content{max-width:none;border-radius:0;max-height:100vh;max-width:none!important}}:root{--body-black: #1e1e1e;--container-padding: 24px;--spring-easing: linear( 0, .1407 4.43%, .9383 16.72%, 1.1493 24.31%, 1.1536 29.93%, 1.0168 43.09%, .9766 51%, 1.0033 76.88%, 1 );--spring-duration: 1.333s}*,html,body,*:before,*:after{margin:0;padding:0;box-sizing:border-box}*:before,*:after{position:absolute}html{font-family:Sora,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;text-size-adjust:none}body{background-color:#000;color:#fff;min-height:100vh;min-height:100svh;overflow:hidden;display:flex;flex-direction:column;border-radius:10px;border:1px rgba(255,255,255,.1) solid;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;text-size-adjust:none}button{border:none;background-color:transparent;cursor:pointer;font-family:inherit;color:inherit;display:flex;align-items:center;position:relative;text-align:center;justify-content:center}a{text-decoration:none;font-family:inherit;color:inherit}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-ms-inner-spin-button,input[type=number]::-ms-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}ul,ol{padding-left:40px}@media (hover: none){a,button,.custom-color,.custom-select{cursor:none!important}}.clickable{transition:all .3s ease-out}.clickable:where(:hover,:focus .active){transform:scale(1.1);transition-duration:.3s}.clickable:active{transition-duration:80ms;transform:scale(.9)}.container{padding-left:8px;padding-right:8px}@media screen and (min-width: 480px){.container{padding-left:16px;padding-right:16px}}@media screen and (min-width: 640px){.container{padding-left:24px;padding-right:24px}}@media screen and (min-width: 1024px){.container{padding-left:32px;padding-right:32px}}@media screen and (min-width: 1280px){.container{padding-left:64px;padding-right:64px}}.value-display{aspect-ratio:1/1;width:44px;background:#191919;border-radius:10px;justify-content:center;align-items:center;display:flex}@media (max-width: 640px){.custom-select>div:first-child>div,.custom-select>ul>*,.custom-select :where(span,p){font-size:10px}}body>header{border-bottom:1px black solid;padding:18px 0}body>header .container{display:flex;align-items:center;justify-content:space-between}body>header .container .logo{flex:none}body>header .container .logo.desktop{display:block}body>header .container .logo.mobile{display:none}@media screen and (width < 480px){body>header .container .logo.desktop{display:none}body>header .container .logo.mobile{display:block}}body>header .container #wifi-indicator *{transition-property:fill,stroke;transition-duration:1s;transition-timing-function:ease-out}body>header .container .title{text-align:center;color:#fff;font-size:24px;font-weight:500;word-wrap:break-word;flex:1;overflow:hidden;max-width:max-content;display:flex;align-items:center;gap:16px}body>header .container .title svg{flex:none}body>header .container .title .title-content{display:flex;align-items:center;gap:16px;border-left:1px solid rgba(255,255,255,.4);padding:0 16px;overflow:auto}body>header .container .title .title-content span{overflow:hidden;text-overflow:ellipsis;max-width:max-content;white-space:nowrap}body>header .container nav>div{display:flex;align-items:center;height:100%}@media screen and (width < 1024px){body>header .container nav{min-height:100vh;min-height:100svh;height:auto;position:fixed;right:0;top:0;bottom:0;z-index:5;background-color:#000;padding-top:64px;transform:translate(100%);transition:transform .3s ease-out,box-shadow .3s ease-out}body>header .container nav>div{flex-direction:column;padding-bottom:100px;overflow:auto}body>header .container nav:before{content:"";opacity:.3;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(180deg,#d8192100,#d81921)}body>header .container nav:after{box-shadow:0 0 0 100vmax #00000080;opacity:0;top:0;right:0;bottom:0;left:0;z-index:-1;content:"";position:absolute;transition:opacity 1s cubic-bezier(.1,1,.43,1)}body>header .container nav .clickable:has(.function-button){margin-right:24px;margin-left:24px;margin-top:0}body>header .container nav .clickable:has(.function-button):has(.active){margin-top:24px}@media screen and (width < 640px){body>header .container nav .clickable:has(.function-button){margin-left:16px;margin-right:16px}}@media screen and (width < 480px){body>header .container nav .clickable:has(.function-button){margin-left:8px;margin-right:8px}}body>header .container nav.open{transform:translate(0)}body>header .container nav.open:after{opacity:1}}body>header .container .function-button.play{width:0px;height:0px;transform:scale(.5);opacity:0}body>header .container>div{display:flex;align-items:center}body>header .container>div>div{display:flex;align-items:center;height:100%}body>header .container .clickable:has(.active){margin-left:16px}body>header .container .clickable:has(.function-button){z-index:5}body>header .container .clickable:has(.function-button) #nav-toggle{position:relative}body>header .container .clickable:has(.function-button):has(#nav-toggle){display:none}@media screen and (width < 1024px){body>header .container .clickable:has(.function-button):has(#nav-toggle){display:flex}}body>header .container .clickable:has(#nav-toggle){z-index:6}body>header .container .remote-button{position:relative}body>header .container .remote-button:before{content:attr(data-badge-count);bottom:-5px;right:-5px;background-color:#d81921;color:#fff;display:flex;justify-content:center;align-items:center;aspect-ratio:1/1;padding:2px;font-size:10px;width:18px;border-radius:99px;opacity:0;transform:scale(.5);transition:transform var(--spring-duration) var(--spring-easing),opacity .5s ease-out}body>header .container .remote-button.badge:before{opacity:1;transform:scale(1)}@media screen and (width < 640px){body>header{padding:10px 0}body>header .container .logo{display:none}body>header .container .title{font-size:16px}body>header .container>div:last-child{display:flex}body>header .container>div:last-child #nav-toggle{display:flex}}main{flex:1;display:flex;flex-direction:column}main>header{padding:18px 0;z-index:5;opacity:0;height:0px;transition:opacity .5s ease-out}main>header .container{display:flex;align-items:stretch;gap:24px;flex-wrap:wrap}main>header .container .title-wrapper{flex:1 0 300px}@media screen and (width < 855px){main>header .container .title-wrapper{width:100%;flex:auto}}main>header .container input{color:inherit;outline:none;background:#ffffff1a;border-radius:99px;overflow:hidden;padding:16px;width:100%;border:.5px rgba(255,255,255,.1) solid}main>header .container input::placeholder{color:#fff6;font-size:14px;font-family:Montserrat;font-weight:500;word-wrap:break-word}main>header .container input:first-child{flex:1 1 500px}@media screen and (width < 640px){main>header .container{gap:12px}}@media screen and (width < 480px){main>header .container{gap:8px;column-gap:4px}main>header .container .custom-select>div:first-child,main>header .container .custom-color{padding:10px;gap:4px}}@media screen and (width < 375px){main>header .container{justify-content:space-between}}@media screen and (width < 855px){main>header .container>*{flex:1}main>header .container>*>:first-child{width:100%}}main>header .edit-area-speed{display:none!important}main .container{flex:1;display:flex}main .container .container-content-wrapper{flex:1;display:flex;position:relative}@media screen and (width<640px){main>.container{padding:0}}main[data-mode=edit]>header{opacity:1;height:auto}main[data-mode=edit] .tool-bar-wrapper{pointer-events:auto}main[data-mode=edit] .bottom-bar-content>*,main[data-mode=edit] .speed-controller-wrapper{pointer-events:none}main[data-mode=play] .tool-bar-wrapper{pointer-events:none}main[data-mode=play] .bottom-bar-content>*,main[data-mode=play] .speed-controller-wrapper{pointer-events:auto}main[data-mode=play] #speed-slider{transform:translate(100%);opacity:1}.editor-area{flex-direction:column;gap:24px;display:flex;position:relative;width:100%}.editor-area textarea{display:none}.editor-area .CrimsonEditorTheme{flex:1}.editor-area .CrimsonEditorTheme .editor-work-space-container{height:100%;position:relative;perspective:5000px;display:flex;justify-content:center;align-items:center}.editor-area .CrimsonEditorTheme .CrimsonEditorTheme__editor-work-space-wrapper{height:100%;transition:padding .5s ease-out,background-color .5s ease-out;position:absolute;width:100%;isolation:isolate;background:#000;border-radius:20px 20px 0 0;z-index:2;overflow:hidden}.editor-area .CrimsonEditorTheme .CrimsonEditorTheme__editor-work-space-wrapper:after{position:absolute;content:"";inset:auto 0 0 0;bottom:-10px;height:35%;pointer-events:none;z-index:1;background-image:linear-gradient(to bottom,transparent,rgba(0,0,0,1))}.editor-area .CrimsonEditorTheme .CrimsonEditorTheme__editor-work-space-wrapper .CrimsonEditorTheme__editor-work-space{transition:padding .5s ease-out;overflow-y:auto;padding:0 24px;height:100%}.editor-area .CrimsonEditorTheme .CrimsonEditorTheme__editor-work-space-wrapper .CrimsonEditorTheme__editor-work-space div:not(.workspace-padding){outline:none;min-height:calc(50% - 24px);transition:min-height .3s ease-out;font-weight:500}.editor-area .CrimsonEditorTheme .CrimsonEditorTheme__editor-work-space-wrapper .CrimsonEditorTheme__editor-work-space div:not(.workspace-padding) *{font-family:inherit!important}.editor-area .CrimsonEditorTheme .CrimsonEditorTheme__editor-work-space-wrapper .CrimsonEditorTheme__editor-work-space div:not(.workspace-padding) p[dir=rtl] *{font-family:auto!important}.editor-area .CrimsonEditorTheme .CrimsonEditorTheme__editor-work-space-wrapper .CrimsonEditorTheme__editor-work-space div:not(.workspace-padding) p,.editor-area .CrimsonEditorTheme .CrimsonEditorTheme__editor-work-space-wrapper .CrimsonEditorTheme__editor-work-space div:not(.workspace-padding) ul li{font-size:var(--editor-base-font-size)}.editor-area .CrimsonEditorTheme .CrimsonEditorTheme__editor-work-space-wrapper .CrimsonEditorTheme__editor-work-space div:not(.workspace-padding) p:empty:after{content:"​"}.editor-area .CrimsonEditorTheme .CrimsonEditorTheme__editor-work-space-wrapper .CrimsonEditorTheme__editor-work-space div:not(.workspace-padding) a span{display:none}.editor-area .CrimsonEditorTheme .CrimsonEditorTheme__editor-work-space-wrapper .CrimsonEditorTheme__editor-work-space::-webkit-scrollbar{width:8px}.editor-area .CrimsonEditorTheme .CrimsonEditorTheme__editor-work-space-wrapper .CrimsonEditorTheme__editor-work-space::-webkit-scrollbar-thumb{width:8px;background:#fff3;border-radius:80px;border:.5px rgba(255,255,255,.2) solid}.editor-area .CrimsonEditorTheme .CrimsonEditorTheme__editor-work-space-wrapper .CrimsonEditorTheme__editor-work-space .workspace-padding{display:block;height:24px;pointer-events:none;opacity:0;visibility:hidden;will-change:height}.editor-area .CrimsonEditorTheme .CrimsonEditorTheme__editor-work-space-wrapper .CrimsonEditorTheme__editor-work-space .workspace-padding:last-child{height:50%}.editor-area .CrimsonEditorTheme .tool-bar-content-extra-wrapper{transition:height 1s cubic-bezier(.24,.67,.08,.99);width:100%}.editor-area .CrimsonEditorTheme .tool-bar-wrapper{z-index:10;position:absolute;bottom:0;left:0;width:100%;padding:0 24px 24px;will-change:height;display:flex;flex-direction:column;align-items:center;gap:16px;transition:height 1s cubic-bezier(.24,.67,.08,.99),transform 1s cubic-bezier(.24,.67,.08,.99)}.editor-area .CrimsonEditorTheme .tool-bar-wrapper .tool-bar-content-wrapper{padding:16px 24px;background:#1e1e1e;margin:0 auto;max-width:90%;width:100%;overflow:hidden;height:76px;border-radius:40px;justify-content:flex-start;align-items:flex-start;gap:1rem;display:flex;will-change:height;transition:height 1s cubic-bezier(.24,.67,.08,.99),transform 1s cubic-bezier(.24,.67,.08,.99)}.editor-area .CrimsonEditorTheme .tool-bar-wrapper .tool-bar-content-wrapper .CrimsonEditorTheme__toolbar{width:100%;justify-content:space-between;align-items:center;gap:24px;display:grid;grid-template-columns:repeat(auto-fit,44px)}.editor-area .CrimsonEditorTheme .tool-bar-wrapper .tool-bar-content-wrapper button{--rotate: 0deg;--translateX: 0;--translateY: 0;--scale: 1;--expand-button-rotate: 180deg;padding:10px;justify-content:center;align-items:center;display:flex;background:#ffffff1a;border-radius:20px;transition:transform .3s ease-out,background-color .3s ease-out;transition-delay:50ms,0s;transform:translate(var(--translateX),var(--translateY)) rotate(var(--rotate))}.editor-area .CrimsonEditorTheme .tool-bar-wrapper .tool-bar-content-wrapper button.active{background-color:#d81921}@media not (hover: none){.editor-area .CrimsonEditorTheme .tool-bar-wrapper .tool-bar-content-wrapper button:hover+button,.editor-area .CrimsonEditorTheme .tool-bar-wrapper .tool-bar-content-wrapper button:has(+button:hover){--scale: 1.1;--translateY: -2.5px;transition-delay:0s,0s}.editor-area .CrimsonEditorTheme .tool-bar-wrapper .tool-bar-content-wrapper button:hover{--scale: 1.3;--translateY: -5px;transition-delay:0s,0s}}.editor-area .CrimsonEditorTheme .tool-bar-wrapper .expand-tool-bar{display:flex;align-items:center;color:#fff;padding:10px 16px;border-radius:99px;font-size:16px;background:#1e1e1e;transform:translate(var(--translateX),var(--translateY)) rotate(var(--expand-button-rotate));transition:width 1.5s cubic-bezier(0,1.01,.34,1.02)}.editor-area .CrimsonEditorTheme .tool-bar-wrapper .expand-tool-bar .expand-button-icon-wrapper{transition:transform .7s ease-out;margin-right:10px;transition:margin-right 1s cubic-bezier(0,1.01,.34,1.02)}.editor-area .CrimsonEditorTheme .tool-bar-wrapper .expand-tool-bar .expand-button-icon-wrapper .expand-button-icon{overflow:hidden;display:block;transition:transform 1s cubic-bezier(.24,.67,.08,.99)}.editor-area .CrimsonEditorTheme .tool-bar-wrapper .expand-tool-bar .expand-button-icon-wrapper .expand-button-icon path{transition:transform 1s cubic-bezier(0,1.01,.34,1.02)}.editor-area .CrimsonEditorTheme .tool-bar-wrapper .expand-tool-bar .expand-button-icon-wrapper .expand-button-icon path:first-child{transform:translateY(-17%)}.editor-area .CrimsonEditorTheme .tool-bar-wrapper .expand-tool-bar .expand-button-icon-wrapper .expand-button-icon path:last-child{transform:translateY(17%)}.editor-area .CrimsonEditorTheme .tool-bar-wrapper .expand-tool-bar .expand-button-icon-wrapper.semi-hidden{margin-right:0}.editor-area .CrimsonEditorTheme .tool-bar-wrapper .expand-tool-bar .expand-button-icon-wrapper.semi-hidden .expand-button-icon path:first-child{transform:translateY(0)}.editor-area .CrimsonEditorTheme .tool-bar-wrapper .expand-tool-bar .expand-button-icon-wrapper.semi-hidden .expand-button-icon path:last-child{transform:translateY(0)}.editor-area .CrimsonEditorTheme .tool-bar-wrapper .expand-tool-bar .expand-button-icon-wrapper.full{margin-right:0}.editor-area .CrimsonEditorTheme .tool-bar-wrapper .expand-tool-bar .expand-button-icon-wrapper.full .expand-button-icon{transform:rotate(180deg)}.editor-area .CrimsonEditorTheme .tool-bar-wrapper .expand-tool-bar .expand-button-icon-wrapper.full .expand-button-icon path:first-child{transform:translateY(-17%)}.editor-area .CrimsonEditorTheme .tool-bar-wrapper .expand-tool-bar .expand-button-icon-wrapper.full .expand-button-icon path:last-child{transform:translateY(17%)}.editor-area .CrimsonEditorTheme .tool-bar-wrapper .expand-tool-bar .text-wrapper{width:100%;display:inline-block;position:relative}.editor-area .CrimsonEditorTheme .tool-bar-wrapper .expand-tool-bar .text-wrapper span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;transform-origin:-25% -25%}@media screen and (width< 640px){.editor-area .CrimsonEditorTheme .tool-bar-wrapper{padding:0 16px 16px;bottom:0}.editor-area .CrimsonEditorTheme .tool-bar-wrapper .tool-bar-content-wrapper{max-width:none;border-radius:24px;padding:16px}.editor-area .CrimsonEditorTheme .tool-bar-wrapper .tool-bar-content-wrapper .CrimsonEditorTheme__toolbar{justify-content:space-around}.editor-area .CrimsonEditorTheme .tool-bar-wrapper .tool-bar-content-wrapper button.expand-tool-bar{display:flex!important;height:auto;position:absolute;bottom:calc(100% - var(--arrow-padding-offset) - 20px);left:50%;--translateY: -100%;--translateX: -50%}}@media screen and (width<1024px){.editor-area{width:100%!important}}a[title=section-tag]{aspect-ratio:1/1;font-size:20px;margin-right:4px;transform:translateY(-3%);-webkit-user-select:none;user-select:none;background:#d81921;border-radius:9999px;border:.2px white solid;position:relative;display:block;top:0!important}a[title=section-tag]:before{content:attr(data-index);color:#fff;position:absolute;top:50%;left:50%;font-size:.3em;transform:translate(-50%,-50%);text-wrap:nowrap;line-height:normal!important}aside{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;display:flex;flex-direction:column;justify-content:flex-end}aside .aside-content{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:32px}aside .bottom-bar{z-index:2;width:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;pointer-events:none;line-height:1}aside .bottom-bar .bottom-bar-content{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;pointer-events:none;padding-top:16px;width:100%}aside .bottom-bar .timer-wrapper{right:20px;bottom:20px;display:flex;align-items:center;gap:6px;color:#d81921;opacity:0;transform:translateY(100%)}aside .bottom-bar .timer-wrapper .timer{position:relative}aside .bottom-bar .timer-wrapper .timer .label{position:absolute;text-align:center;font-size:8px;font-weight:400;left:50%;top:-5px;transform:translate(-50%) translateY(-100%)}aside .bottom-bar .timer-wrapper .timer .time{aspect-ratio:1/1;width:44px;background:#191919;border-radius:10px;justify-content:center;align-items:center;display:flex}aside .bottom-bar .controls-wrapper-container{overflow:hidden;padding-top:16px;width:100%}aside .bottom-bar .controls-wrapper{padding:32px 28px 38px;background:#1e1e1e;border-radius:80px;align-items:center;gap:66px;display:flex;justify-content:space-between;opacity:0;transform:translateY(300px);overflow:hidden;width:fit-content;margin-left:auto;margin-right:auto}aside .bottom-bar .controls-wrapper .control-group{display:flex;align-items:center;gap:10px}aside .bottom-bar .controls-wrapper .control-group .control{position:relative}aside .bottom-bar .controls-wrapper .control-group .value-display{position:relative;background-color:#ffffff1a}aside .bottom-bar .controls-wrapper .control-group .control>span:first-child:not(.value),aside .bottom-bar .controls-wrapper .control-group .value-display>span:first-child:not(.value){text-align:center;color:#fff6;font-size:8px;font-weight:400;position:absolute;top:-5px;left:50%;transform:translate(-50%,-100%)}aside .bottom-bar .controls-wrapper .control-group .control>span:last-child:not(.value),aside .bottom-bar .controls-wrapper .control-group .value-display>span:last-child:not(.value){position:absolute;padding:4px;background:#ffffff05;border-radius:30px;color:#fff;font-size:8px;font-weight:400;width:max-content;bottom:-4px;left:50%;transform:translate(-50%,100%)}@media screen and (width < 640px){aside .bottom-bar .controls-wrapper{gap:0px;border-radius:24px;width:100%;padding:30px 20px 24px}aside .bottom-bar .controls-wrapper .control-group .control>span:last-child:not(.value),aside .bottom-bar .controls-wrapper .control-group .value-display>span:last-child:not(.value){display:none}}@media screen and (width < 1024px){aside .aside-content{padding:16px}aside .aside-content .bottom-bar{padding:0 16px}}aside .speed-controller-wrapper{position:absolute;right:0;top:32px;bottom:32px;z-index:2}aside .speed-controller-wrapper:not(.open){height:0px}aside #speed-slider{transform:translate(150%);opacity:0;-webkit-user-select:none;user-select:none;display:block;height:100%;min-width:76px;transition:opacity 1s ease-out,transform 1s ease-out}@media screen and (width >= 1024px){aside .speed-controller-wrapper{height:auto!important}}@media screen and (width < 1024px){aside .speed-controller-wrapper{overflow:visible;transform:translate(-100%);margin-top:16px;position:relative;width:100%;top:0}aside #speed-slider{position:relative;width:100%;bottom:0;right:0;top:0;padding:20px 16px 16px;border-radius:10px;border:2px #d81921 solid;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:10px;height:auto;display:flex;flex-direction:row}aside #speed-slider .slider-content-wrapper{width:100%;flex-direction:row}aside #speed-slider .slider-content-wrapper .slider-input-wrapper{width:100%}aside #speed-slider .slider-content-wrapper .slider-input-wrapper input{writing-mode:lr;width:100%;height:5px}aside #speed-slider .slider-content-wrapper .slider-input-wrapper input::-webkit-slider-thumb{width:20px;height:20px}}:is(#share-modal,#share-player-modal,#existing-screen-modal) .modal-content{max-width:500px}:is(#share-modal,#share-player-modal,#existing-screen-modal) .modal-content>header>p>span{display:flex;align-items:center;gap:10px}:is(#share-modal,#share-player-modal,#existing-screen-modal) .modal-content :is(.share-content,.existing-screen-content){display:flex;flex-direction:column;align-items:center;padding:32px;gap:24px}:is(#share-modal,#share-player-modal,#existing-screen-modal) .modal-content :is(.share-content,.existing-screen-content)>p{color:#fff;font-size:14px;font-weight:400}:is(#share-modal,#share-player-modal,#existing-screen-modal) .modal-content :is(.share-content,.existing-screen-content) .link-container{padding:16px 24px;background:#ffffff05;border-radius:70px;border:1px rgba(255,255,255,.1) solid;justify-content:center;display:inline-flex;display:flex;align-items:center;gap:16px;width:fit-content;max-width:100%;overflow:hidden}:is(#share-modal,#share-player-modal,#existing-screen-modal) .modal-content :is(.share-content,.existing-screen-content) .link-container a{color:#fff6;font-size:12px;font-weight:400;flex:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:is(#share-modal,#share-player-modal,#existing-screen-modal) .modal-content :is(.share-content,.existing-screen-content) .link-container button{color:#d81921}:is(#share-modal,#share-player-modal,#existing-screen-modal) .modal-content :is(.share-content,.existing-screen-content) .description{font-size:20px;color:#ffffffb3;text-align:center;text-wrap:balance}:is(#share-modal,#share-player-modal,#existing-screen-modal) .modal-content :is(.share-content,.existing-screen-content) .cta{display:flex;flex-direction:column;gap:12px;width:100%;align-items:center}:is(#share-modal,#share-player-modal,#existing-screen-modal) .modal-content :is(.share-content,.existing-screen-content) .cta .main{padding:12px 20px;color:#fff;border-radius:999px;background-color:#d81921;font-size:18px;font-weight:400}:is(#share-modal,#share-player-modal,#existing-screen-modal) .modal-content :is(.share-content,.existing-screen-content) .cta .or-demacator{display:flex;align-items:center;justify-content:center;position:relative;color:#fff6;isolation:isolate;width:100%}:is(#share-modal,#share-player-modal,#existing-screen-modal) .modal-content :is(.share-content,.existing-screen-content) .cta .or-demacator span{padding:0 20px;background-color:#1e1e1e;line-height:1}:is(#share-modal,#share-player-modal,#existing-screen-modal) .modal-content :is(.share-content,.existing-screen-content) .cta .or-demacator:before{content:"";position:absolute;height:1px;background-color:#fff3;width:100%;top:50%;transform:translateY(-50%);z-index:-1}:is(#share-modal,#share-player-modal,#existing-screen-modal) .modal-content :is(.share-content,.existing-screen-content) .cta .remote-control-part{width:100%;display:flex;flex-direction:column;gap:8px;align-items:center}:is(#share-modal,#share-player-modal,#existing-screen-modal) .modal-content :is(.share-content,.existing-screen-content) .cta .remote-control-part span{color:#fff6;font-size:14px}:is(#share-modal,#share-player-modal,#existing-screen-modal) .modal-content :is(.share-content,.existing-screen-content) .ctas{display:flex;gap:12px}.full-screen-overlay-wrapper{position:fixed;padding-left:20px;padding-right:20px;background:#0009;justify-content:center;align-items:center;flex-direction:column;display:flex;top:0;right:0;bottom:0;left:0;z-index:50;gap:45px}.full-screen-overlay-wrapper .counter-wrapper{max-width:100px;width:100%;aspect-ratio:1 / 1;display:flex;justify-content:center;align-items:center;gap:10px;position:relative;padding:10px}.full-screen-overlay-wrapper .counter-wrapper .animated-circle{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:100px;border:0px white solid;border-width:0px 0px 0px 3px;animation:spin 1s infinite linear}.full-screen-overlay-wrapper .counter-wrapper .count{color:#fff;font-size:24px;position:absolute;text-align:center;font-size:72px;font-weight:500}.full-screen-overlay-wrapper .full-screen-overlay-text{text-align:center;color:#fff;font-size:24px;font-weight:400}.keep-awake{width:min(100%,500px)}#no-player .modal-content{max-width:500px}#no-player .modal-content>header>p>span{display:flex;align-items:center;gap:10px}#no-player .modal-content .share-content{display:flex;flex-direction:column;align-items:center;padding:32px;gap:24px}#no-player .modal-content .share-content>p{color:#ffffffb3;font-size:20px;font-weight:400;text-align:center;text-wrap:balance}#no-player .modal-content .share-content>span{font-size:14px;color:#ffffff80;text-align:center;text-wrap:balance}#no-player .modal-content .share-content .link-container{padding:16px 24px;background:#ffffff05;border-radius:70px;overflow:hidden;border:1px rgba(255,255,255,.1) solid;justify-content:center;display:inline-flex;display:flex;align-items:center;gap:16px;width:100%}#no-player .modal-content .share-content .link-container a{color:#fff6;font-size:12px;font-weight:400;flex:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}#no-player .modal-content .share-content .link-container button{color:#d81921}body.remote aside{height:0px}@media screen and (width > 640px){body.remote aside{height:100%!important}}@media screen and (width < 1024px){body.remote aside .speed-controller-wrapper #speed-slider{transform:translate(300%)}}@media screen and (width <= 640px){body.remote aside{position:relative;max-width:393px;margin:0 auto;width:100%}body.remote aside .bottom-bar{position:relative;row-gap:16px}body.remote aside .bottom-bar .timer-wrapper{width:100%;color:#fff}body.remote aside .bottom-bar .timer-wrapper .timer{flex:1}body.remote aside .bottom-bar .timer-wrapper .timer .time{aspect-ratio:auto;padding:16px;width:100%;background-color:#ffffff1a;font-size:14px}body.remote aside .bottom-bar .timer-wrapper .timer .label{color:#fff6}body.remote aside .bottom-bar .timer-wrapper .divider{color:#d81921}body.remote aside .bottom-bar .controls-wrapper-container{overflow:visible}body.remote aside .bottom-bar .controls-wrapper{flex-wrap:wrap-reverse;gap:24px 10px;padding:24px;border-radius:24px;overflow:visible}body.remote aside .bottom-bar .controls-wrapper .control-group{flex:1}body.remote aside .bottom-bar .controls-wrapper .control-group:first-child{flex-grow:0;flex-shrink:0;flex-basis:100%;width:100%}body.remote aside .bottom-bar .controls-wrapper .control-group .control{width:100%}body.remote aside .bottom-bar .controls-wrapper .control-group .control button,body.remote aside .bottom-bar .controls-wrapper .control-group .control .value-display{width:100%;aspect-ratio:167/90}body.remote aside .bottom-bar .controls-wrapper .control-group .control span{display:none}body.remote aside .bottom-bar .controls-wrapper .control-group .value-display{width:100%;aspect-ratio:167/90}}/*! Pickr 1.9.1 MIT | https://github.com/Simonwep/pickr */.pickr{position:relative;overflow:visible;transform:translateY(0)}.pickr *{box-sizing:border-box;outline:none;border:none;-webkit-appearance:none}.pickr .pcr-button{position:relative;height:2em;width:2em;padding:.5em;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;border-radius:.15em;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" stroke="%2342445A" stroke-width="5px" stroke-linecap="round"><path d="M45,45L5,5"></path><path d="M45,5L5,45"></path></svg>') no-repeat center;background-size:0;transition:all .3s}.pickr .pcr-button:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:.5em;border-radius:.15em;z-index:-1}.pickr .pcr-button:before{z-index:initial}.pickr .pcr-button:after{position:absolute;content:"";top:0;left:0;height:100%;width:100%;transition:background .3s;background:var(--pcr-color);border-radius:.15em}.pickr .pcr-button.clear{background-size:70%}.pickr .pcr-button.clear:before{opacity:0}.pickr .pcr-button.clear:focus{box-shadow:0 0 0 1px #ffffffd9,0 0 0 3px var(--pcr-color)}.pickr .pcr-button.disabled{cursor:not-allowed}.pickr *,.pcr-app *{box-sizing:border-box;outline:none;border:none;-webkit-appearance:none}.pickr input:focus,.pickr input.pcr-active,.pickr button:focus,.pickr button.pcr-active,.pcr-app input:focus,.pcr-app input.pcr-active,.pcr-app button:focus,.pcr-app button.pcr-active{box-shadow:0 0 0 1px #ffffffd9,0 0 0 3px var(--pcr-color)}.pickr .pcr-palette,.pickr .pcr-slider,.pcr-app .pcr-palette,.pcr-app .pcr-slider{transition:box-shadow .3s}.pickr .pcr-palette:focus,.pickr .pcr-slider:focus,.pcr-app .pcr-palette:focus,.pcr-app .pcr-slider:focus{box-shadow:0 0 0 1px #ffffffd9,0 0 0 3px #00000040}.pcr-app{position:fixed;display:flex;flex-direction:column;z-index:10000;border-radius:.1em;background:#fff;opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;box-shadow:0 .15em 1.5em #0000001a,0 0 1em #00000008;left:0;top:0}.pcr-app.visible{transition:opacity .3s;visibility:visible;opacity:1}.pcr-app .pcr-swatches{display:flex;flex-wrap:wrap;margin-top:.75em}.pcr-app .pcr-swatches.pcr-last{margin:0}@supports (display: grid){.pcr-app .pcr-swatches{display:grid;align-items:center;grid-template-columns:repeat(auto-fit,1.75em)}}.pcr-app .pcr-swatches>button{font-size:1em;position:relative;width:calc(1.75em - 5px);height:calc(1.75em - 5px);border-radius:.15em;cursor:pointer;margin:2.5px;flex-shrink:0;justify-self:center;transition:all .15s;overflow:hidden;background:#0000;z-index:1}.pcr-app .pcr-swatches>button:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:6px;border-radius:.15em;z-index:-1}.pcr-app .pcr-swatches>button:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--pcr-color);border:1px solid rgba(0,0,0,.05);border-radius:.15em;box-sizing:border-box}.pcr-app .pcr-swatches>button:hover{filter:brightness(1.05)}.pcr-app .pcr-swatches>button:not(.pcr-active){box-shadow:none}.pcr-app .pcr-interaction{display:flex;flex-wrap:wrap;align-items:center;margin:0 -.2em}.pcr-app .pcr-interaction>*{margin:0 .2em}.pcr-app .pcr-interaction input{letter-spacing:.07em;font-size:.75em;text-align:center;cursor:pointer;color:#75797e;background:#f1f3f4;border-radius:.15em;transition:all .15s;padding:.45em .5em;margin-top:.75em}.pcr-app .pcr-interaction input:hover{filter:brightness(.975)}.pcr-app .pcr-interaction input:focus{box-shadow:0 0 0 1px #ffffffd9,0 0 0 3px #4285f4bf}.pcr-app .pcr-interaction .pcr-result{color:#75797e;text-align:left;flex:1 1 8em;min-width:8em;transition:all .2s;border-radius:.15em;background:#f1f3f4;cursor:text}.pcr-app .pcr-interaction .pcr-result::-moz-selection{background:#4285f4;color:#fff}.pcr-app .pcr-interaction .pcr-result::selection{background:#4285f4;color:#fff}.pcr-app .pcr-interaction .pcr-type.active{color:#fff;background:#4285f4}.pcr-app .pcr-interaction .pcr-save,.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear{color:#fff;width:auto}.pcr-app .pcr-interaction .pcr-save,.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear{color:#fff}.pcr-app .pcr-interaction .pcr-save:hover,.pcr-app .pcr-interaction .pcr-cancel:hover,.pcr-app .pcr-interaction .pcr-clear:hover{filter:brightness(.925)}.pcr-app .pcr-interaction .pcr-save{background:#4285f4}.pcr-app .pcr-interaction .pcr-clear,.pcr-app .pcr-interaction .pcr-cancel{background:#f44250}.pcr-app .pcr-interaction .pcr-clear:focus,.pcr-app .pcr-interaction .pcr-cancel:focus{box-shadow:0 0 0 1px #ffffffd9,0 0 0 3px #f44250bf}.pcr-app .pcr-selection .pcr-picker{position:absolute;height:18px;width:18px;border:2px solid #fff;border-radius:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pcr-app .pcr-selection .pcr-color-palette,.pcr-app .pcr-selection .pcr-color-chooser,.pcr-app .pcr-selection .pcr-color-opacity{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;flex-direction:column;cursor:grab;cursor:-webkit-grab}.pcr-app .pcr-selection .pcr-color-palette:active,.pcr-app .pcr-selection .pcr-color-chooser:active,.pcr-app .pcr-selection .pcr-color-opacity:active{cursor:grabbing;cursor:-webkit-grabbing}.pcr-app[data-theme=nano]{width:14.25em;max-width:95vw}.pcr-app[data-theme=nano] .pcr-swatches{margin-top:.6em;padding:0 .6em}.pcr-app[data-theme=nano] .pcr-interaction{padding:0 .6em .6em}.pcr-app[data-theme=nano] .pcr-selection{display:grid;grid-gap:.6em;grid-template-columns:1fr 4fr;grid-template-rows:5fr auto auto;align-items:center;height:10.5em;width:100%;align-self:flex-start}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview{grid-area:2/1/4/1;height:100%;width:100%;display:flex;flex-direction:row;justify-content:center;margin-left:.6em}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-last-color{display:none}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-current-color{position:relative;background:var(--pcr-color);width:2em;height:2em;border-radius:50em;overflow:hidden}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-current-color:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:.5em;border-radius:.15em;z-index:-1}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette{grid-area:1/1/2/3;width:100%;height:100%;z-index:1}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette .pcr-palette{border-radius:.15em;width:100%;height:100%}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette .pcr-palette:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:.5em;border-radius:.15em;z-index:-1}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser{grid-area:2/2/2/2}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity{grid-area:3/2/3/2}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser,.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity{height:.5em;margin:0 .6em}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser .pcr-picker,.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity .pcr-picker{top:50%;transform:translateY(-50%)}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser .pcr-slider,.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity .pcr-slider{flex-grow:1;border-radius:50em}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser .pcr-slider{background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity .pcr-slider{background:linear-gradient(to right,transparent,black),url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:100%,.25em}.CrimsonEditorTheme__modal-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center;padding:20px;opacity:0;font-family:inherit;box-sizing:border-box}.CrimsonEditorTheme__modal-wrapper *{margin:0;padding:0;box-sizing:border-box}.CrimsonEditorTheme__modal-wrapper :where(p,span){color:#000!important}.CrimsonEditorTheme__modal-wrapper .CrimsonEditorTheme__modal-content{background-color:#fff;border-radius:10px;box-shadow:0 15px 40px #00000029;display:flex;flex-direction:column;gap:16px;transform:translateY(20px);opacity:0;padding:20px;border:1px solid rgb(228,228,228);width:100%;max-width:600px;overflow-y:auto;max-height:90vh}.CrimsonEditorTheme__modal-wrapper .CrimsonEditorTheme__modal-content::-webkit-scrollbar{width:10px}.CrimsonEditorTheme__modal-wrapper .CrimsonEditorTheme__modal-content::-webkit-scrollbar-thumb{width:10px;background-color:#eee;border-radius:10px}.CrimsonEditorTheme__modal-wrapper .CrimsonEditorTheme__modal-content .CrimsonEditorTheme__modal-header{display:flex;justify-content:space-between;align-items:center;font-weight:600;border-bottom:1px solid rgb(228,228,228);padding-bottom:8px}.CrimsonEditorTheme__modal-wrapper .CrimsonEditorTheme__modal-content .CrimsonEditorTheme__modal-header .CrimsonEditorTheme__modal-cancel-button{cursor:pointer;border:none;background-color:transparent;padding:0}.CrimsonEditorTheme__modal-wrapper .CrimsonEditorTheme__modal-content .CrimsonEditorTheme__form-field{display:flex;flex-direction:column;gap:8px}.CrimsonEditorTheme__modal-wrapper .CrimsonEditorTheme__modal-content .CrimsonEditorTheme__form-field span{font-size:12px}.CrimsonEditorTheme__modal-wrapper .CrimsonEditorTheme__modal-content .CrimsonEditorTheme__form-field input{border:1px solid rgb(228,228,228);border-radius:10px;padding:12px 16px;outline:none;font-family:inherit;color:#000}.CrimsonEditorTheme__modal-wrapper .CrimsonEditorTheme__modal-content form .CrimsonEditorTheme__inputs-wrapper{display:flex;gap:16px;flex-wrap:wrap}.CrimsonEditorTheme__modal-wrapper .CrimsonEditorTheme__modal-content form .CrimsonEditorTheme__inputs-wrapper label{display:flex;align-items:center;gap:4px;padding:8px;border-radius:8px;border:1px solid rgb(228,228,228)}.CrimsonEditorTheme__modal-wrapper .CrimsonEditorTheme__modal-content form .CrimsonEditorTheme__inputs-wrapper label input{accent-color:black;width:auto!important}.CrimsonEditorTheme__modal-wrapper .CrimsonEditorTheme__modal-content form .CrimsonEditorTheme__inputs-wrapper label:has(input:checked){background-color:#000}.CrimsonEditorTheme__modal-wrapper .CrimsonEditorTheme__modal-content form .CrimsonEditorTheme__inputs-wrapper label:has(input:checked) :where(span,p){color:#fff!important}.CrimsonEditorTheme__modal-submit-button{cursor:pointer;background-color:#000;color:#fff;border:none;border-radius:10px;font-weight:600;font-family:inherit;transition:background-color .2s ease-in-out;width:100%;padding:16px 32px}.CrimsonEditorTheme table{border-collapse:collapse;border-spacing:0;max-width:100%;overflow-y:scroll;table-layout:fixed;width:100%;margin:20px 0}.PlaygroundEditorTheme__tableSelected{outline:2px solid rgb(60,132,244)}.CrimsonEditorTheme table th{background-color:#f2f3f5;text-align:start}.CrimsonEditorTheme table :where(td,th){border:1px solid #bbb;min-width:75px;vertical-align:middle;padding:6px 8px;position:relative;outline:none;cursor:text}
