@font-face{font-family:Fira Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./fira-mono-cyrillic-ext-400-normal.FAIU8e3o.woff2) format("woff2"),url(./fira-mono-cyrillic-ext-400-normal.Co4MVjrD.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Fira Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./fira-mono-cyrillic-400-normal.BJkDdjbt.woff2) format("woff2"),url(./fira-mono-cyrillic-400-normal.DUd3efVn.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Fira Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./fira-mono-greek-ext-400-normal.Be4g_LSk.woff2) format("woff2"),url(./fira-mono-greek-ext-400-normal.BQ5yw6bY.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Fira Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./fira-mono-greek-400-normal.ftNhKy_S.woff2) format("woff2"),url(./fira-mono-greek-400-normal.B_0AmgK7.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Fira Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./fira-mono-symbols2-400-normal.C6JptOil.woff2) format("woff2"),url(./fira-mono-symbols2-400-normal.CpeG9ob9.woff) format("woff");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Fira Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./fira-mono-latin-ext-400-normal.B2gPvaNr.woff2) format("woff2"),url(./fira-mono-latin-ext-400-normal.CbD3vWRE.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fira Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./fira-mono-latin-400-normal.DVTTRLHv.woff2) format("woff2"),url(./fira-mono-latin-400-normal.C3FQ26ho.woff) format("woff");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+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-body: Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-mono: "Fira Mono", monospace;--color-bg-0: #FCECDD;--color-bg-1: #FFC288;--color-bg-2: #FEA82F;--color-bg-3: #FF6701;--color-theme-2: #4075a6;--color-text: rgba(0, 0, 0, .7);--column-width: 42rem;--column-margin-top: 4rem;font-family:var(--font-body);color:var(--color-text);--gl: radial-gradient(circle 1px at 0px 0px, var(--dark) 1px, transparent 0);--gd: radial-gradient(circle 1px at 0px 0px, var(--light) 1px, transparent 0);--bg-0: var(--light);--bg-1: var(--gl) 0px 0px / 4px 4px, var(--light);--bg-2: var(--gl) 0px 0px / 4px 4px, var(--gl) 2px 2px / 4px 4px, var(--light);--bg-3: var(--gl) 0px 0px / 2px 2px, var(--light);--bg-4: var(--gl) 0px 0px / 2px 2px, var(--gl) 1px 1px / 2px 2px, var(--light);--bg-5: var(--gd) 0px 0px / 2px 2px, var(--dark);--bg-6: var(--gd) 0px 0px / 4px 4px, var(--gd) 2px 2px / 4px 4px, var(--dark);--bg-7: var(--gd) 0px 0px / 4px 4px, var(--dark);--bg-8: var(--dark);--l-shadow: -1px -1px 0 var(--light), 0 -1px 0 var(--light), 1px -1px 0 var(--light), 1px 0 0 var(--light), 1px 1px 0 var(--light), 0 1px 0 var(--light), -1px 1px 0 var(--light), -1px 0 0 var(--light);--d-shadow: -1px -1px 0 var(--dark), 0 -1px 0 var(--dark), 1px -1px 0 var(--dark), 1px 0 0 var(--dark), 1px 1px 0 var(--dark), 0 1px 0 var(--dark), -1px 1px 0 var(--dark), -1px 0 0 var(--dark);--drop-shadow: drop-shadow(-1px -1px 0 var(--dark)) drop-shadow(0 -1px 0 var(--dark)) drop-shadow(1px -1px 0 var(--dark)) drop-shadow(1px 0 0 var(--dark)) drop-shadow(1px 1px 0 var(--dark)) drop-shadow(0 1px 0 var(--dark)) drop-shadow(-1px 1px 0 var(--dark)) drop-shadow(-1px 0 0 var(--dark))}*{box-sizing:border-box;font-family:monospace;text-rendering:optimizeSpeed;font-size:inherit;color:inherit}html{font-size:1vmin;animation:adjust-light 17s linear infinite both,adjust-dark 11s linear infinite both}body{margin:0;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4rem;background:var(--light)}.shades{display:inline-flex;gap:1rem}.shade{height:calc(80rem / 9);width:calc(80rem / 9);border:3px solid var(--dark)}.shade:nth-child(1){background:var(--bg-0)}.shade:nth-child(2){background:var(--bg-1)}.shade:nth-child(3){background:var(--bg-2)}.shade:nth-child(4){background:var(--bg-3)}.shade:nth-child(5){background:var(--bg-4)}.shade:nth-child(6){background:var(--bg-5)}.shade:nth-child(7){background:var(--bg-6)}.shade:nth-child(8){background:var(--bg-7)}.shade:nth-child(9){background:var(--bg-8)}form{font-size:2rem;background:var(--bg-4);padding:2rem;display:flex;flex-direction:column;gap:1rem;border:3px var(--dark) solid}label{background:var(--bg-1);display:flex;flex-direction:column;gap:.5rem;padding:1rem;text-shadow:var(--l-shadow);border:1px var(--dark) solid;color:var(--dark)}input{background:var(--bg-0);border:0;outline:0;padding:1rem;text-shadow:var(--l-shadow);border:1px var(--dark) solid}button{background:var(--bg-0);border:0;outline:0;padding:1rem;font-weight:700;text-shadow:var(--l-shadow);cursor:pointer;border:1px var(--dark) solid;color:var(--dark);animation:dark-to-light .5s ease-out forwards;transition:.4s ease-out}button:hover{animation:light-to-dark .5s linear forwards;color:var(--light);text-shadow:var(--d-shadow)}.cube-wrapper{--size: 8rem;margin-top:2rem;perspective:200px;perspective-origin:50% 0%;filter:var(--drop-shadow)}.cube{height:var(--size);width:var(--size);position:relative;transform-style:preserve-3d;transform-origin:50% 50% calc(var(--size) * .5);animation:rotate 10s linear infinite}.face{position:absolute;height:var(--size);width:var(--size);transform-style:preserve-3d;transform-origin:50% 50% calc(var(--size) * .5)}.face:nth-child(1){transform:rotateY(90deg);background:var(--bg-2)}.face:nth-child(2){transform:rotateY(180deg);background:var(--bg-3)}.face:nth-child(3){transform:rotateY(-90deg);background:var(--bg-4)}.face:nth-child(4){transform:rotateX(90deg);background:var(--bg-5)}.face:nth-child(5){transform:rotateX(-90deg);background:var(--bg-6)}.face:nth-child(6){background:var(--bg-7)}@keyframes light-to-dark{0%{background:var(--bg-0)}12.5%{background:var(--bg-1)}25%{background:var(--bg-2)}37.5%{background:var(--bg-3)}50%{background:var(--bg-4)}62.5%{background:var(--bg-5)}75%{background:var(--bg-6)}87.5%{background:var(--bg-7)}to{background:var(--bg-8)}}@keyframes dark-to-light{0%{background:var(--bg-8)}12.5%{background:var(--bg-7)}25%{background:var(--bg-6)}37.5%{background:var(--bg-5)}50%{background:var(--bg-4)}62.5%{background:var(--bg-3)}75%{background:var(--bg-2)}87.5%{background:var(--bg-1)}to{background:var(--bg-0)}}@keyframes rotate{0%{transform:rotateY(0) rotateX(1turn) rotate(0)}to{transform:rotateY(1turn) rotateX(0) rotate(1turn)}}@keyframes adjust-light{0%{--light: hsl(0turn, 100%, 80%)}10%{--light: hsl(.1turn, 100%, 80%)}20%{--light: hsl(.2turn, 100%, 80%)}30%{--light: hsl(.3turn, 100%, 80%)}40%{--light: hsl(.4turn, 100%, 80%)}50%{--light: hsl(.5turn, 100%, 80%)}60%{--light: hsl(.6turn, 100%, 80%)}70%{--light: hsl(.7turn, 100%, 80%)}80%{--light: hsl(.8turn, 100%, 80%)}90%{--light: hsl(.9turn, 100%, 80%)}to{--light: hsl(1turn, 100%, 80%)}}@keyframes adjust-dark{0%{--dark: hsl(0turn, 100%, 20%)}10%{--dark: hsl(.1turn, 100%, 20%)}20%{--dark: hsl(.2turn, 100%, 20%)}30%{--dark: hsl(.3turn, 100%, 20%)}40%{--dark: hsl(.4turn, 100%, 20%)}50%{--dark: hsl(.5turn, 100%, 20%)}60%{--dark: hsl(.6turn, 100%, 20%)}70%{--dark: hsl(.7turn, 100%, 20%)}80%{--dark: hsl(.8turn, 100%, 20%)}90%{--dark: hsl(.9turn, 100%, 20%)}to{--dark: hsl(1turn, 100%, 20%)}}@property --light{syntax: "<color>"; inherits: true; initial-value: white;}@property --dark{syntax: "<color>"; inherits: true; initial-value: black;}body{min-height:100vh;margin:0;background-attachment:fixed;background-color:var(--color-bg-1);background-size:100vw 100vh;background-image:radial-gradient(50% 50% at 50% 50%,#ffffffbf,#fff0),linear-gradient(180deg,var(--color-bg-0) 0%,var(--color-bg-1) 15%,var(--color-bg-2) 50%)}h1,h2,p{font-weight:400}p{line-height:1.5}a{color:var(--color-theme-1);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:2rem;text-align:center}h2{font-size:1rem}pre{font-size:16px;font-family:var(--font-mono);background-color:#ffffff73;box-shadow:2px 2px 6px #ffffff40;padding:.5em;overflow-x:auto;color:var(--color-text)}.text-column{display:flex;max-width:48rem;flex:.6;flex-direction:column;justify-content:center;margin:0 auto}input,button{font-size:inherit;font-family:inherit}button:focus:not(:focus-visible){outline:none}@media (min-width: 720px){h1{font-size:2.4rem}}.visually-hidden{border:0;clip:rect(0 0 0 0);height:auto;margin:0;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.app.svelte-1sza4ib{display:flex;flex-direction:column;height:100vh;height:100svh}main.svelte-1sza4ib{flex:1;display:flex;flex-direction:column;padding:1rem;width:100vw;margin:0 auto;box-sizing:border-box;background:linear-gradient(to bottom,var(--color-bg-0) 70%,var(--color-bg-1) 70%,var(--color-bg-1) 75%,var(--color-bg-2) 75%,var(--color-bg-2) 85%,var(--color-bg-3) 85%);min-height:100vh;min-height:100svh;background-repeat:no-repeat;background-size:100% 100%;overflow-x:hidden}@media (max-width: 768px){main.svelte-1sza4ib{padding:.75rem}}@media (max-width: 480px){main.svelte-1sza4ib{padding:.5rem}}