html[data-theme=dark]{color-scheme:dark;--primary:#18191c;--secondary: #111317;--tertiary: #0b0b0c;--text: var(--bright-text);--text-secondary: #9699a4;--link-hover: #a3bed515;--accent: #232941;--border: #393b41;--icons: #969696;--icon-inactive-color: #414141;--row-hover: #33344b4f;--green: #4aa05d;--green-text: #46c662;--green-secondary: #4aa05d;--red: #bb2f22;--red-secondary: #c22222;--red-text: #ffb4ab;--blue: #2268bb;--blue-text: #add0ff;--circle-outside: linear-gradient(45deg, #0d1114 30%, #222d33 50%, #0d1114 70%);--circle-inside: radial-gradient(#201f22 10%, #1a1b1f 50%, #1a1e20);--timer-outline: linear-gradient(var(--red) 30%, #e34e4e 50%, var(--red) 70%)}html[data-theme=light]{color-scheme:light;--primary: #f7f9fb;--secondary: #fff;--tertiary: #ffffff;--text: #31323a;--text-secondary: #979aa1;--link-hover: #97b8d520;--accent: #7dbef824;--border: #e0e0e0;--row-hover: #eff0f452;--icons: #97999d;--icon-inactive-color: var(--border);--green: #33b531;--green-text: #145f14;--green-secondary: #45c043;--red: red;--red-secondary: #e73624;--red-text: #eb8377;--blue: #2268bb;--blue-text: #5281c1;--circle-outside: linear-gradient(45deg, #c1c1c1 25%, #ffffff 50%, #c1c1c1 75%);--circle-inside: radial-gradient(#ffffff 30%, #f8f8f8 60%, #ffffff);--timer-outline: linear-gradient(var(--red) 30%, #f1968d 50%, var(--red) 70%)}:root{--bright-text: #eff2f6;--glow: #0000001a;--purple: #a751de;--link: #1462b0;--circle-glow: 0 0 .81rem 2.5rem var(--glow);--button-glow: 0 0 .6rem .2rem var(--glow);--timer-background: linear-gradient(var(--primary) 88%, rgba(255, 255, 255, 0) 100%);--circle-outside: linear-gradient(45deg, #0d1114 30%, #222d33 50%, #0d1114 70%);--circle-inside: radial-gradient(#201f22 10%, #1a1b1f 50%, #1a1e20)}@font-face{font-family:Open Sans;font-style:normal;font-weight:300 800;font-stretch:100%;font-display:swap;src:url(/fonts/open-sans-math.woff2) format("woff2");unicode-range:U+0302-0303,U+0305,U+0307-0308,U+0330,U+0391-03A1,U+03A3-03A9,U+03B1-03C9,U+03D1,U+03D5-03D6,U+03F0-03F1,U+03F4-03F5,U+2034-2037,U+2057,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2102,U+210A-210E,U+2110-2112,U+2115,U+2119-211D,U+2124,U+2128,U+212C-212D,U+212F-2131,U+2133-2138,U+213C-2140,U+2145-2149,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B6,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE00-1EEFF}@font-face{font-family:Open Sans;font-style:normal;font-weight:300 800;font-stretch:100%;font-display:swap;src:url(/fonts/open-sans-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Icons;src:url(icons.eot);src:local("Icons"),local("Icons"),url(/fonts/icons.woff) format("woff"),url(/fonts/icons.otf) format("opentype"),url(/fonts/icons.svg) format("svg")}i{font-style:normal;font-family:icons;&.icon-arrow:before{content:"A"}&.icon-check:before{content:"B"}&.icon-close:before{content:"C"}&.icon-refresh:before{content:"D"}&.icon-settings:before{content:"E"}&.icon-loading:before{content:"F"}&.icon-lock:before{content:"G"}&.icon-pause:before{content:"H"}&.icon-resume:before{content:"I"}&.icon-question-mark:before{content:"J"}&.icon-shuffle:before{content:"K"}&.icon-unlock:before{content:"L"}&.icon-user:before{content:"M"}&.icon-users:before{content:"N"}&.icon-anchor:before{content:"P"}&.icon-disconnect:before{content:"Q"}}@keyframes timer-angle{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(-360deg)}}@keyframes hide-ticks{0%{height:75%}to{height:35%}}@keyframes rotate-ticks{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg)}to{-webkit-transform:translate(-50%,-50%) rotate(180deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,20%,53%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0) scaleY(.95)}90%{transform:translate3d(0,-4px,0) scaleY(1.02)}to{transform:translate3d(0,-4px,0) scaleY(1.02)}}alerts{position:fixed;display:flex;justify-content:center;flex-direction:column;align-items:center;width:90vw;top:12vh;left:50%;transform:translate(-50%);z-index:100;alert{position:relative;background-color:var(--tertiary);margin-top:.6rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;width:fit-content;height:min-content;border:2px solid;border-radius:1.4rem;padding:.65rem 1.2rem;font-size:.84rem;transition:.3s ease-out;&.hide{display:block;opacity:0;translate:0 -100%}&:first-child{margin-top:0}&.info{border-color:var(--blue);text{color:var(--blue-text)}}&.error{border-color:var(--red);text{color:var(--red-text)}}&.success{border-color:var(--green);text{color:var(--green-text)}}i{position:relative;background:none;border:none;cursor:pointer;font-size:.75rem;color:var(--text)}}}card{&.small card-content{width:20rem}&.buttons-heading card-content heading{justify-content:space-between}&.vertical-center{display:flex;align-items:center;height:calc(88svh - var(--header-height))}&.no-nav{display:flex;align-items:center;height:100svh}card-content{display:block;background-color:var(--secondary);border-radius:1rem;padding:2.1rem;max-width:85%;min-width:fit-content;margin:0 auto;box-shadow:0 .25rem .5rem #0000001a;heading{display:flex;justify-content:center;align-items:center;color:var(--text);font-weight:700;padding:0 0 1.5rem;buttons{display:inline-flex;button{position:relative;display:flex;justify-content:center;align-items:center;height:2rem;width:2rem;background-color:transparent;border:none;i{font-size:1.4rem;color:var(--icons)}tooltip{position:absolute;visibility:hidden;width:max-content;-webkit-user-select:none;user-select:none;font-size:.8rem;background-color:var(--secondary);border:1px solid var(--primary);border-radius:.4rem;padding:.4rem .6rem;top:2.1rem;right:0}&:hover{border-color:var(--accent);i{color:var(--accent)}tooltip{visibility:visible}}}}}}}dead{width:100%;height:98svh;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem;i{font-size:5rem;color:var(--text)}heading{font-size:1.7rem;text-align:center}subtext{width:clamp(18rem,50vw,35rem);text-align:center;a{color:var(--text);text-decoration:none;&:hover{color:var(--link);text-decoration:underline}}}}body card.device-selection{select{height:2rem;width:100%;border-radius:.5rem;padding:0 .4rem}}header{background-color:var(--primary);z-index:2;.title-area{display:flex;justify-content:space-between;height:2.1rem;margin-bottom:.31rem;position:relative;a{color:var(--text-secondary);text-decoration:none;title{display:block;font-size:1.2rem;font-weight:400;cursor:pointer}}badge{width:2.6rem;color:var(--bright-text);height:1rem;padding:.2rem;background-color:var(--purple);line-height:1rem;border-radius:1rem;position:absolute;left:10.6rem;top:.15rem;text-align:center;font-size:.7rem;font-weight:700}i{cursor:pointer;color:var(--icons);font-size:1.2rem;margin:.3rem .3rem 0 0;transition:.3s;&:active{filter:brightness(1.12)}}}division{height:.19rem;background-color:var(--border);width:120vw;position:absolute;left:-2rem}}card.login{login-button{display:flex;justify-content:center;button{font-size:.8rem;justify-content:space-between;padding:.8rem;align-items:center;svg{fill:var(--text);height:.8rem}}}}:root{sidebar{--sidebar-transition-direction: bottom;--sidebar-transition-active: .3s;--sidebar-transition-inactive: 0ms;--sidebar-transition-length: var(--sidebar-transition-inactive);position:absolute;left:0;bottom:-60rem;width:100vw;height:70vh;background-color:var(--secondary);display:flex;flex-direction:column;z-index:3;opacity:.98;transition:var(--sidebar-transition-direction) var(--sidebar-transition-length) ease-out;i{&:active{filter:brightness(1.12)}&.icon-close{position:absolute;cursor:pointer;top:0;right:0;font-size:.75rem;color:var(--text);padding:.8rem .9rem}}title{display:block;font-size:1.1rem;color:var(--text-secondary);padding:.6rem;text-align:center;text-transform:uppercase}division{height:.01rem;background-color:#6f7072;width:70%;margin:0 auto;opacity:.3}content{display:flex;flex-direction:column;item{display:block;text-decoration:none;cursor:pointer;height:2rem;line-height:2;width:100%;border-bottom:.01rem solid rgba(111,112,114,.3);padding-left:.6rem;transition:height .3s;overflow:hidden;text{position:relative;color:var(--text);padding-left:.3rem;bottom:.2rem}&:active{background-color:var(--row-hover)}}button{margin:2rem auto 0;&.confirm{line-height:1.9rem;i{left:.5rem}.button-text{font-size:.84rem;left:1.6rem}}&:active{filter:brightness(1.12)}}a{text-decoration:none}}&.show{bottom:0}&#user-settings content item{padding-top:.4rem;&#theme-menu .switch{position:relative;float:right;top:40%;transform:translateY(-50%);right:1.3rem;width:1.7rem;height:1.1rem;pointer-events:none;.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--accent);-webkit-transition:.4s;transition:.4s;border-radius:34px;border:.01rem solid var(--border);&:before{position:absolute;content:"";height:.57rem;width:.57rem;left:.22rem;background-color:#fff;top:50%;-webkit-transition:.4s;transition:.4s;border-radius:50%;transform:translateY(-50%)}}input{visibility:hidden;&:checked+.slider{&:before{-webkit-transform:translate(.6rem,-50%);-ms-transform:translateX(.6rem,-50%);transform:translateX(.6rem,-50%)}}}}&#rrd{height:4.5rem;.dropdowns{padding-left:.3rem;color:var(--text);select{color:var(--text);background-color:var(--primary);margin-left:.3rem;border-radius:.6rem;padding:.23rem}label{font-size:.88rem;&.seconds{margin-left:.6rem}}}}}&#confirmation-dialog content{text{padding:.75rem 1.3rem}button{margin:1rem auto 0}}}&.closed{sidebar content item#remote-control text{color:var(--text-secondary)!important}}}form{display:flex;flex-direction:column;gap:.7rem;font-size:.9rem;input{height:2rem;border-radius:.5rem;border:.01rem solid var(--icons);padding:.1rem .7rem;margin-bottom:.6rem;&.username{margin-bottom:.3rem}}a{color:var(--text);text-decoration:none}.forgot{text-align:right;color:var(--link-text)}button{cursor:pointer;height:2rem;margin:.7rem 0;border-radius:.5rem;border:none;padding:.1rem .7rem;background-color:var(--accent);color:var(--bright-text);i{color:var(--bright-text);margin:0 .3rem}}footer{display:flex;justify-content:space-around;color:var(--link-text);a{color:#4b60b1}}::placeholder{color:var(--link-text)}}:root{--body-margin: .7rem;--timer-fade-start: -71%;--timer-fade-pause: 0;--timer-fade-end: 42%;--timer-length: 25s;--timer-angle: -45deg;--timer-size: 85%;--timer-inner-cover-size: 91%;--circle-outside-size: 74%;--animation-state: paused;--ticks-animation: rotate-ticks .8s cubic-bezier(.21, -.7, .79, .45);--layout-transition-speed: 1s;--question-mark-transition-speed: 15s;--timer-width: 20.75rem;--timer-bottom-space: 3rem;&.closed{--animation-state: "running";--timer-fade-position: var(--timer-fade-end);body app{main .timer-box .circle-outside .circle-inside .timer .question-mark i.primary{clip-path:inset(96% 0 0 0)}}}&.unlocked-1{--animation-state: "paused";--timer-angle: "0deg";body main .timer-box{.base-timer{transform:translate(-50%,-50%) rotate(0);animation:unset;-webkit-animation:unset;transition:border-radius .7s linear,height .45s linear,filter .5s ease-out}.base-timer:before{top:-71%;transition:.7s}.circle-outside .circle-inside .timer .question-mark i{transition:2s ease-out}}}&.unlocked-2{body main{.timer-box{height:14rem;margin-top:6svh;clip-path:inset(0 0 0 0);.base-timer{border-radius:unset;height:58%;background:var(--green)}.base-timer-inner-cover{height:45%;border-radius:unset}.outer-glow{opacity:0}.circle-outside{border-radius:unset;aspect-ratio:unset;background:transparent;width:20.75rem;height:12.95rem;.circle-inside{border-radius:unset;.timer{.labels{top:-6rem;font-size:.8rem;gap:1.4rem}#ticker{font-size:2.06rem;line-height:1;top:-4.49rem;gap:1.41rem;.colon{top:.1rem}.top,.bottom{opacity:1}}}}}}.control-column{&.open{display:flex;justify-content:space-around}&.closed{opacity:0;top:10rem}}}}&.unlocked-3{body main{.control-column{&.open{opacity:1}&.closed{display:none}}}}&.unlocked-1.random{body main .timer-box .circle-outside .circle-inside .timer{.labels{opacity:0}#carousel{opacity:0;top:2rem;display:flex}.arrow{opacity:0}}}&.unlocked-2.random{body main{.timer-box{margin-top:6svh;.circle-outside .circle-inside .timer{.labels{gap:.4rem}#carousel{opacity:1;top:-4.65rem}.arrow{opacity:1;display:flex}.question-mark{opacity:0}}}}}&.unlocked-3.random{body main .timer-box .circle-outside .circle-inside .timer .labels{opacity:1}}&.random{--timer-fade-position: calc(var(--timer-fade-start) - 10%) !important;body app{main{.timer-box{margin-top:7svh;.base-timer{background:var(--purple);animation:none;&:before{transition:none}}.circle-outside .circle-inside .timer{.labels{width:19rem;opacity:0;.column{&.seconds{opacity:0;width:2.3rem}}.random{display:block}}.arrow{position:absolute;display:flex;flex-direction:column;top:-2.3rem;left:50%;transform:translate(-50%);align-items:center;gap:.5rem;font-size:.75rem;transition:calc(var(--layout-transition-speed) / 4 * 3);opacity:0;i{display:block;width:100%;font-size:2rem;color:var(--text)}}.question-mark{display:block}#carousel{top:-4.65rem;font-size:2.6rem;gap:.2rem;line-height:3.35rem;left:inherit;display:none;.col-3{display:none}.col-4,.col-5{visibility:visible}.colon{font-size:1.6rem;left:-.25rem;top:.05rem;&.middle{width:3rem;opacity:0}&.random{display:block}}}#ticker{display:none}}}.control-column.closed{&.left,&.right{display:none}&.middle{.seal,.pause{display:none}}}}.status-bar .random{display:block!important}}}&.paused{body app{.status-bar .status{.paused{display:block}.locked{display:none}}main{.timer-box .base-timer{filter:saturate(0);animation-play-state:paused;--timer-fade-position: var(--timer-fade-pause);&:before{transition:unset}}.control-column.closed.left,.control-column.closed.right{button,div{display:none}}.control-column.closed.middle button{&.seal,&.unlock{display:none}}}}}&.sealed{filter:contrast(1.1);body app{.status-bar .status{.sealed{display:block}.locked{display:none}}seal{display:block}main{.control-column{&.closed{display:none}&.open{opacity:.3}}}}}&.remote{body app{main{grid-template-rows:1fr;.timer-box{margin-top:unset;bottom:var(--timer-bottom-space)}.control-column{display:none!important}.remote{display:none}.splide{cursor:default}}}}body{margin:var(--body-margin);background-color:var(--primary);color:var(--text-secondary);font-family:Open Sans,sans-serif;overflow:hidden;caret-color:transparent;loading{position:absolute;top:0;width:100%;height:100%;background-color:var(--primary);margin-left:calc(0rem - var(--body-margin));transition:opacity .75s ease-out;z-index:4;&.hide{display:block;opacity:0}&.remove{display:none}content{color:var(--text-secondary);position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:1rem;svg{height:5.7rem;fill:var(--text);animation:bounce 1.75s linear infinite;animation-name:bounce;animation-duration:1.75s;animation-timing-function:linear;animation-iteration-count:infinite;-webkit-animation-name:bounce;-webkit-animation-duration:1.75s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;margin-bottom:-1.4rem}text{font-size:1.1rem;text-align:center}subtext{text-align:center;margin-top:-.7rem;width:clamp(18rem,50vw,35rem)}}}app{seal{display:none;position:fixed;bottom:0;left:0;width:100vw;height:96vh;z-index:1;i{position:absolute;bottom:13.85%;width:22%;color:var(--text);font-size:5rem;left:50%;transform:translate(-50%);text-align:center}}i.icon-close{position:absolute;cursor:pointer;top:0;right:0;font-size:.75rem;color:var(--text);padding:.8rem .9rem}status{position:fixed;display:flex;flex-direction:column;align-items:flex-start;bottom:1.4rem;gap:.5rem;font-size:.8rem;indicator{height:.75rem;width:.75rem;border-radius:50%;color:var(--text);&:after{position:relative;left:1.3rem;bottom:.2rem}&.connected{position:relative;top:.1rem;background-color:var(--green);&:after{content:"Connected";color:var(--green)}}&.disconnected{background-color:var(--red);&:after{content:"Disconnected";color:var(--red-text)}}&.mode{width:max-content;i{color:var(--text);font-size:.7rem;bottom:1.1rem}text{margin-left:.4rem}}&.remote-control i{font-size:.8rem;top:.1rem;position:relative}}label.mode{color:var(--text);position:absolute;line-height:1rem;width:max-content;left:1.35rem;bottom:-.2rem}}.status-bar{display:flex;justify-content:space-between;margin-top:.8rem;height:1.8rem;.status{height:5vh;font-weight:400;display:flex;flex-direction:column;gap:.2rem;.locked{color:var(--green)}.sealed{color:var(--red)}.random{color:var(--purple)}.paused,.sealed,.random{display:none}}.icons{display:flex;i{color:var(--icons);font-size:1rem;margin:.25rem;&.inactive{color:var(--icon-inactive-color)}}}}main{display:grid;position:relative;align-items:center;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto 1fr;height:calc(100svh - 9.4rem);grid-template-areas:"timer timer timer" "column-1 column-2 column-3";transition:.5s;.timer-box{width:var(--timer-width);height:var(--timer-width);margin:-.7rem auto 0;position:relative;transition:var(--layout-transition-speed);z-index:1;clip-path:inset(0 0 0 0 round 50%);grid-area:timer;.base-timer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(var(--timer-angle));width:var(--timer-size);min-width:20.2rem;aspect-ratio:1/1;min-height:13.9rem;background:var(--timer-outline);border-radius:50%;animation:timer-angle 40s linear infinite;animation-play-state:var(--animation-state);-webkit-animation-name:timer-angle;-webkit-animation-duration:40s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-webkit-animation-play-state:var(--animation-state);z-index:-1;transition:border-radius var(--timer-length) linear,height .45s linear,transform 1s linear,filter .5s ease-out;clip-path:inset(0 0 0 0);&:before{content:"";position:absolute;height:150%;width:110%;left:50%;top:var(--timer-fade-position);background:var(--timer-background);z-index:1;transform:translate(-50%,-50%);transition:var(--timer-length)}}.base-timer-inner-cover{position:absolute;background-color:var(--primary);height:var(--timer-inner-cover-size);aspect-ratio:1/1;top:50%;left:50%;border-radius:50%;transform:translate(-50%,-50%);transition:border-radius .6s linear,height .4s linear;z-index:-1}.outer-glow{position:absolute;aspect-ratio:1/1;width:45%;top:50%;left:50%;border-radius:50%;box-shadow:var(--circle-glow);transform:translate(-50%,-50%);transition:opacity .5s;z-index:-1}ticks{position:absolute;height:72.5%;top:50%;left:50%;transform:translate(-50%,-50%);animation:var(--ticks-animation);animation-play-state:"paused";-webkit-animation:var(--ticks-animation);-webkit-animation-play-state:var(--ticks-animation-state);tick{width:.1rem;height:110%;top:-5%;background-color:var(--text);margin:0 auto;z-index:-1;position:absolute;left:50%;&:nth-child(2){transform:rotate(30deg)}&:nth-child(3){transform:rotate(60deg)}&:nth-child(4){transform:rotate(90deg)}&:nth-child(5){transform:rotate(120deg)}&:nth-child(6){transform:rotate(150deg)}}}.circle-outside{position:absolute;width:var(--circle-outside-size);aspect-ratio:1/1;background:var(--circle-outside);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);transition:1.2s;.circle-inside{content:"";position:absolute;top:1%;left:1%;width:98%;height:98%;background:var(--circle-inside);border-radius:50%;transition:1.1s;.timer{position:relative;display:flex;flex-direction:column;top:50%;left:50%;transform:translate(-50%,-50%);margin-top:.2rem;.labels{top:-2rem;width:80%;font-size:.69rem;transition:var(--layout-transition-speed);.random{display:none}}.arrow{display:none}.question-mark{display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:var(--layout-transition-speed);i{position:absolute;font-size:9.3rem;top:50%;left:50%;transform:translate(-50%,-50%);transition:clip-path var(--question-mark-transition-speed);&.primary{color:var(--text);clip-path:inset(3% 0 0 0)}&.secondary{color:var(--text-secondary)}}}.numbers{top:.5rem;align-items:center;line-height:0;color:var(--text-secondary);font-size:1.56rem;font-weight:400;transition:var(--layout-transition-speed),color 0s}.timer-row{position:absolute;display:flex;gap:1rem;left:50%;transform:translate(-50%);.colon{position:relative;width:0;left:-.25rem;color:var(--text)}.column{width:calc(100% / 3);text-align:center;font-weight:400;margin:0}}#carousel{top:-4.45rem;font-size:3.1rem;line-height:.95;gap:1.3rem;z-index:1;left:15.25rem;transition:opacity .5s,top 1s,gap 1s,line-height 1s,font-size 1s;&.hide{display:block!important;.splide,.colon{visibility:hidden}}.splide{cursor:grab;width:3.75rem;ul li{transition:color .25s;text-align:center;&.is-active{color:var(--text)}}}.colon{font-size:2.1rem;&.random{display:none}}.col-4,.col-5{visibility:hidden}}#ticker{gap:1rem;line-height:0;transition:var(--layout-transition-speed);.column.middle{color:var(--text)}.top,.bottom{color:var(--text-secondary);opacity:0;transition:opacity .8s ease-in}}}}}}.control-column{color:var(--text);display:flex;flex-direction:column;button{box-shadow:var(--button-glow);&.lock-button:active{filter:brightness(1.12)}&.unlock,&.lock-button,&.random-button{justify-content:center}&:active{filter:brightness(1.12)}}&.closed{position:relative;color:var(--text);justify-content:space-evenly;transition:top .55s ease-out,opacity .8s ease-out;grid-area:2 / 1;align-items:center;gap:1rem;top:0;&.left{grid-area:column-1}&.middle{grid-area:column-2}&.right{grid-area:column-3}button{.button-text{left:2.56rem;position:absolute}.minus-sign{position:absolute;height:.09rem;width:.75rem;background-color:var(--red-secondary);left:.75rem;top:50%;transform:translateY(-50%)}.plus-sign{position:relative;left:.5rem;width:.75rem;height:.75rem;background-color:transparent;top:50%;transform:translateY(-50%);&:before,&:after{content:"";position:absolute;background-color:var(--green-secondary)}&:before{width:.09rem;height:100%;left:50%;transform:translate(-50%)}&:after{height:.09rem;width:100%;top:50%;transform:translateY(-50%);left:0}}&.plus{border-color:var(--green-secondary);&:active{background-color:var(--green-secondary);.plus-sign{&:before,&:after{background-color:var(--text)}}}}&.minus{border-color:var(--red-secondary);&:active{background-color:var(--red-secondary);.minus-sign{background-color:var(--text)}}}&.unlock .button-text{left:1.98rem}&.pause{i{font-size:.65rem}.button-text{left:1.76rem}}&.resume{i{font-size:.65rem;left:.65rem}.button-text{line-height:2.3;font-size:.8rem;left:1.65rem}}&.seal{i{font-size:.95rem}.button-text{left:2.26rem}}}.label{height:2.4rem}.dot{width:.44rem;height:.44rem;border-radius:.31rem;bottom:0;position:absolute}.dot-plus{background-color:var(--green-secondary)}.dot-minus{background-color:var(--red-secondary)}}&.open{color:var(--text);grid-area:2 / 1;display:none;justify-content:space-around;opacity:0;transition:top .8s ease-in,opacity .15s ease-out;gap:4rem;button{&.standalone{justify-content:center;.button-text{font-size:.8rem}}&.lock-button .button-text{margin-left:.8rem}&.random-button .button-text{font-size:.85rem;margin-left:1.2rem}&.reset{i{left:.65rem;top:.15rem}.button-text{margin-left:.9rem;justify-content:center;width:100%;display:flex;left:0}}}.switch{cursor:pointer;right:1.3rem;width:5.38rem;height:2.05rem;border:.1rem solid;border-radius:1.38rem;.slider{position:absolute;width:inherit;height:inherit;background-color:transparent;-webkit-transition:.4s;transition:.4s;border-radius:34px;text{position:absolute;font-size:.75rem;left:1.8rem;color:var(--text-secondary);line-height:2rem;transition:.4s}&:before{position:absolute;content:"";height:.75rem;width:.75rem;left:.52rem;background-color:var(--text);top:50%;-webkit-transition:.4s;transition:.4s;border-radius:50%;transform:translateY(-50%)}}input{visibility:hidden;position:absolute;&:checked+.slider{background-color:var(--accent);text{left:.6rem;color:var(--text)}&:before{-webkit-transform:translate(3.4rem,-50%);-ms-transform:translateX(3.4rem,-50%);transform:translateX(3.4rem,-50%)}}}}&.left{grid-area:column-1;align-items:flex-end}&.right{grid-area:column-3;align-items:flex-start}}.placeholder{visibility:hidden}.switch:active{filter:brightness(1.12)}}.remote{position:absolute;width:100%;height:50%;bottom:0;display:none;transition:var(--layout-transition-speed);button{top:50%;left:50%;transform:translate(-50%,-50%);width:7rem;i{font-size:.85rem;left:.75rem}.button-text{position:absolute;font-size:.8rem;left:2.1rem}}}}}}button{cursor:pointer;width:5.38rem;height:2.25rem;line-height:1.9rem;font-size:.94rem;border-radius:1.38rem;border:.1rem solid;display:flex;position:relative;background-color:transparent;color:var(--text);font-family:inherit;transition:opacity .3s ease-out;i{font-size:.75rem;position:absolute;color:var(--text);left:.6rem;top:.1rem}.button-icon{height:.8rem;position:absolute;fill:var(--text);left:.6rem;top:.6rem}}.hide{display:none!important}.spin{animation:spin 1.75s linear infinite;animation-name:spin;animation-duration:1.75s;animation-timing-function:linear;animation-iteration-count:infinite;-webkit-animation-name:spin;-webkit-animation-duration:1.75s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite}.default{background-color:var(--accent);box-shadow:var(--button-glow);i{color:var(--text);left:.7rem}.button-text{position:absolute;left:2.1rem;font-size:.95rem}&:active{filter:brightness(1.12)}}.highlight{background-color:var(--accent)!important;&:active{filter:brightness(1.12)}}}@media (min-width: 768px){:root{&.random body app main .timer-box{margin-top:unset}sidebar{--sidebar-transition-direction: right;width:35vw;height:100vh;max-width:21.6rem;min-width:19rem;right:-25rem;left:unset;bottom:0;&.show{right:0}}body app{seal i{font-size:5rem;top:78%}main{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr;grid-template-areas:"column-1 timer column-3";.timer-box{margin-top:0;bottom:var(--timer-bottom-space)}.control-column{&.closed{gap:1.5rem;&.middle{position:relative;bottom:2.5rem;flex-direction:row;top:13.8rem;grid-area:1 / 2;.placeholder{display:none}}}&.open{&.left,&.right{align-items:center}.placeholder{display:none}}}.remote{height:40%}}}}}@media (hover: hover){:root{.default:hover,.highlight:hover{filter:brightness(1.12)}sidebar{i:hover{filter:brightness(1.12)}content item{&:hover{background-color:var(--row-hover)}button:hover{filter:brightness(1.12)}}}body app{header .title-area{title,button:hover{filter:brightness(1.12)}}main .control-column{button:hover,button.lock-button:hover,.switch:hover{filter:brightness(1.12)}&.closed{button.plus:hover{background-color:var(--green-secondary);.plus-sign{&:before,&:after{background-color:var(--text)}}}button.minus:hover{background-color:var(--red-secondary);.minus-sign{background-color:var(--text)}}}}}}}.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;contain:strict;display:inline-block;height:20px;inset:0;margin:auto;position:absolute;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports (outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports (outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;inset:0 .5em 0 auto;padding:1em 0}