:root{--scene-rose: #E45F55;--scene-rose-dark: #DF4F46;--scene-rose-darker: #D4524B;--scene-rose-darkest: #CE4741;--scene-neutral: #E4E4E4;--scene-neutral-darker: #D4D4D4;--scene-green: #4FE929;--scene-green-darker: #34DA0B;--scene-red: #DE1D1D;--scene-red-darker: #BB0000;--scene-amber: #FFF4D6;--scene-amber-darker: #BD9A76;--scene-blue: #3961DB;--scene-blue-darker: #3359CC}.bg-scene-rose{background-color:var(--scene-rose)}.bg-scene-rose-dark{background-color:var(--scene-rose-dark)}.bg-scene-rose-darker{background-color:var(--scene-rose-darker)}.bg-scene-rose-darkest{background-color:var(--scene-rose-darkest)}.bg-scene-neutral{background-color:var(--scene-neutral)}.bg-scene-neutral-darker{background-color:var(--scene-neutral-darker)}.bg-scene-green{background-color:var(--scene-green)}.bg-scene-green-darker{background-color:var(--scene-green-darker)}.bg-scene-red{background-color:var(--scene-red)}.bg-scene-red-darker{background-color:var(--scene-red-darker)}.bg-scene-amber{background-color:var(--scene-amber)}.bg-scene-blue{background-color:var(--scene-blue)}.bg-scene-blue-darker{background-color:var(--scene-blue-darker)}.border-scene-rose{border-color:var(--scene-rose)}.border-scene-rose-dark{border-color:var(--scene-rose-dark)}.border-scene-rose-darker{border-color:var(--scene-rose-darker)}.border-scene-rose-darkest{border-color:var(--scene-rose-darkest)}.border-scene-neutral{border-color:var(--scene-neutral)}.border-scene-neutral-darker{border-color:var(--scene-neutral-darker)}.border-scene-green{border-color:var(--scene-green)}.border-scene-green-darker{border-color:var(--scene-green-darker)}.border-scene-red{border-color:var(--scene-red)}.border-scene-red-darker{border-color:var(--scene-red-darker)}.border-scene-amber{border-color:var(--scene-amber)}.border-scene-blue{border-color:var(--scene-blue)}.border-scene-blue-darker{border-color:var(--scene-blue-darker)}.outline-scene-rose{outline-color:var(--scene-rose)}.outline-scene-rose-dark{outline-color:var(--scene-rose-dark)}.outline-scene-rose-darker{outline-color:var(--scene-rose-darker)}.outline-scene-rose-darkest{outline-color:var(--scene-rose-darkest)}.outline-scene-neutral{outline-color:var(--scene-neutral)}.outline-scene-neutral-darker{outline-color:var(--scene-neutral-darker)}.outline-scene-green{outline-color:var(--scene-green)}.outline-scene-green-darker{outline-color:var(--scene-green-darker)}.outline-scene-red{outline-color:var(--scene-red)}.outline-scene-red-darker{outline-color:var(--scene-red-darker)}.outline-scene-amber{outline-color:var(--scene-amber)}.outline-scene-blue{outline-color:var(--scene-blue)}.outline-scene-blue-darker{outline-color:var(--scene-blue-darker)}.scene-icon-btn svg{width:100%;height:100%}.scene-button{color:#fff;background-color:var(--scene-rose);border:1px solid var(--scene-rose);--scene-button-highlight: inset 0 1px 0 rgb(255 255 255 / .1);--scene-button-shadow: 0 0 8px #E3635B88;padding:.625rem 1.5rem;border-radius:.5rem;box-shadow:var(--scene-button-highlight);background-image:linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,0));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.scene-button:hover{box-shadow:var(--scene-button-highlight),var(--scene-button-shadow)}.scene-button:active{background-color:var(--scene-rose-darker);border-color:var(--scene-rose-darker)}.scene-button:focus-visible{outline:2px solid var(--scene-rose);outline-offset:2px}.scene-button.scene-button-neutral{color:#fff;background-color:var(--scene-neutral);border:1px solid var(--scene-neutral);--scene-button-highlight: inset 0 1px 0 rgb(255 255 255 / .1);--scene-button-shadow: 0 0 8px #E3E3E388}.scene-button.scene-button-neutral:active{background-color:var(--scene-neutral-darker);border-color:var(--scene-neutral-darker)}.scene-button.scene-button-neutral:focus-visible{outline-color:var(--scene-neutral)}.scene-button.scene-button-green{color:#fff;background-color:var(--scene-green);border:1px solid var(--scene-green);--scene-button-highlight: inset 0 1px 0 rgb(255 255 255 / .1);--scene-button-shadow: 0 0 8px #64FB3F88}.scene-button.scene-button-green:active{background-color:var(--scene-green-darker);border-color:var(--scene-green-darker)}.scene-button.scene-button-green:focus-visible{outline-color:var(--scene-green)}.scene-button.scene-button-red{color:#fff;background-color:var(--scene-red);border:1px solid var(--scene-red);--scene-button-highlight: inset 0 1px 0 rgb(255 255 255 / .1);--scene-button-shadow: 0 0 8px #E53C3C88}.scene-button.scene-button-red:active{background-color:var(--scene-red-darker);border-color:var(--scene-red-darker)}.scene-button.scene-button-red:focus-visible{outline-color:var(--scene-red)}.scene-button.scene-button-amber{color:#fff;background-color:var(--scene-amber);border:1px solid var(--scene-amber);--scene-button-highlight: inset 0 1px 0 rgb(255 255 255 / .1);--scene-button-shadow: 0 0 8px #FFF9E888}.scene-button.scene-button-amber:active{background-color:var(--scene-amber-darker);border-color:var(--scene-amber-darker)}.scene-button.scene-button-amber:focus-visible{outline-color:var(--scene-amber)}.scene-button.scene-button-blue{color:#fff;background-color:var(--scene-blue);border:1px solid var(--scene-blue);--scene-button-highlight: inset 0 1px 0 rgb(255 255 255 / .1);--scene-button-shadow: 0 0 8px #618BEC88}.scene-button.scene-button-blue:active{background-color:var(--scene-blue-darker);border-color:var(--scene-blue-darker)}.scene-button.scene-button-blue:focus-visible{outline-color:var(--scene-blue)}.scene-button[disabled]{--scene-button-shadow: #E4E4E488;color:#878787;background-color:var(--scene-neutral);border-color:var(--scene-neutral);cursor:not-allowed}.scene-button[disabled]:active{background-color:var(--scene-neutral);border-color:var(--scene-neutral)}[type=checkbox].scene-switch{width:2.5rem;height:1.5rem;border-radius:9999px;appearance:none;--scene-switch-bg: url("data:image/svg+xml,%3Csvg width='56' height='24' viewBox='0 0 56 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cg clip-path='url(%23c)'%3E %3Crect width='56' height='24' fill='url(%23a)'/%3E %3Crect x='8.5' y='7.5' width='3' height='9' rx='1.5' stroke='%2334DA0B'/%3E %3Cg filter='url(%23b)'%3E %3Ccircle cx='28' cy='12' r='10' fill='white'/%3E %3C/g%3E %3Ccircle cx='46' cy='12' r='3.5' stroke='%23D4D4D4'/%3E %3C/g%3E %3Cdefs%3E %3Cfilter id='b' x='14' y='-2' width='28' height='28' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E %3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E %3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E %3CfeOffset/%3E %3CfeGaussianBlur stdDeviation='2'/%3E %3CfeComposite in2='hardAlpha' operator='out'/%3E %3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0'/%3E %3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_319_312'/%3E %3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_319_312' result='shape'/%3E %3C/filter%3E %3ClinearGradient id='a' x1='28' y1='0' x2='28' y2='24' gradientUnits='userSpaceOnUse'%3E %3Cstop stop-color='%23808080' stop-opacity='0'/%3E %3Cstop offset='1' stop-opacity='0.1'/%3E %3C/linearGradient%3E %3CclipPath id='c'%3E %3Crect width='56' height='24' fill='white'/%3E %3C/clipPath%3E %3C/defs%3E %3C/svg%3E ");background-image:var(--scene-switch-bg);background-size:auto 100%;background-position:right center;background-repeat:no-repeat;background-color:var(--scene-neutral);transition-property:background-color,background-position;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}[type=checkbox]:checked.scene-switch{background-color:var(--scene-green);background-position:left center}.scene-input{padding:.5rem .75rem;background-color:#fff;border:1px solid var(--scene-neutral);border-radius:.5rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.scene-input:hover{box-shadow:0 0 8px #e3e3e388}.scene-input:focus-visible{outline:2px solid var(--scene-neutral);outline-offset:2px}