@layer normalize,base,cuboid,motion,demo;@layer normalize{html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}}@layer demo{*,*:after,*:before{box-sizing:border-box;transform-style:preserve-3d}body{min-height:100vh;display:grid;place-items:center;background:var(--bg);overflow:hidden;touch-action:none}:root{--dark: 0;--base-size: 20;--plane-height: calc(var(--base-size) * 1vmin);--plane-width: calc(var(--plane-height) * 1.6);--white-one: hsl(0, 0%, calc((70 - (var(--dark) * 30)) * 1%));--white-two: hsl(0, 0%, calc((65 - (var(--dark) * 30)) * 1%));--white-three: hsl(0, 0%, calc((60 - (var(--dark) * 30)) * 1%));--white-four: hsl(0, 0%, calc((55 - (var(--dark) * 30)) * 1%));--white-five: hsl(0, 0%, calc((50 - (var(--dark) * 30)) * 1%));--accent-hue: 8;--accent-one: hsl( var(--accent-hue), 80%, calc((40 - (var(--dark) * 20)) * 1%) );--accent-two: hsl( var(--accent-hue), 80%, calc((45 - (var(--dark) * 20)) * 1%) );--accent-three: hsl( var(--accent-hue), 80%, calc((40 - (var(--dark) * 20)) * 1%) );--accent-four: hsl( var(--accent-hue), 80%, calc((35 - (var(--dark) * 20)) * 1%) );--accent-five: hsl( var(--accent-hue), 80%, calc((40 - (var(--dark) * 20)) * 1%) );--screen: hsla(210, 80%, calc((70 - (var(--dark) * 20)) * 1%), .25);--metal-one: hsl(0, 0%, calc((60 - (var(--dark) * 20)) * 1%));--metal-two: hsl(0, 0%, calc((50 - (var(--dark) * 20)) * 1%));--metal-three: hsl(0, 0%, calc((40 - (var(--dark) * 20)) * 1%));--wheel-one: #1a1a1a;--wheel-two: #0d0d0d;--wheel-three: #000;--wheel-hub: hsl(0, 0%, calc((98 - (var(--dark) * 20)) * 1%));--bg: hsl(210, 80%, calc((90 - (var(--dark) * 80)) * 1%));--cloud-one: hsl(0, 0%, calc((98 - (var(--dark) * 35)) * 1%));--cloud-two: hsl(0, 0%, calc((94 - (var(--dark) * 35)) * 1%));--cloud-three: hsl(0, 0%, calc((90 - (var(--dark) * 35)) * 1%));--cloud-four: hsl(0, 0%, calc((86 - (var(--dark) * 35)) * 1%));--cloud-five: hsl(0, 0%, calc((82 - (var(--dark) * 35)) * 1%));--cloud-six: hsl(0, 0%, calc((78 - (var(--dark) * 35)) * 1%))}[data-theme=dark]{--dark: 1}.scene{transform:translate(-50%,-50%);position:fixed;top:50%;left:50%;transform:translate3d(-50%,-50%,100vmin) rotateX(-24deg) rotateY(44deg) rotateX(calc(var(--rotate-x, 0) * 1deg)) rotateY(calc(var(--rotate-y, 0) * 1deg))}.plane{height:var(--plane-height);width:var(--plane-width);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.plane__floater{position:absolute;width:var(--plane-width);height:var(--plane-width);transform:translate(-50%,-50%);top:50%;left:50%}.plane__looper{position:absolute;width:var(--plane-width);height:var(--plane-width);transform:translate(-50%,-50%);top:50%;left:50%;transform-origin:50% 0}.plane *{position:absolute}.plane__body{height:40%;width:36%;bottom:20%;left:10%}.plane__wheels{bottom:0;width:calc(var(--plane-height) * .2);left:32%;transform:translate(-50%);height:20%}.plane__axle{height:50%;width:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.plane__wheel{height:100%;width:100%;top:0;left:0}.plane__wings{height:70%;width:40%;bottom:19%;left:12%}.plane__tail{height:40%;width:54%;bottom:20%;left:46%}.plane__nose{height:30%;width:10%;bottom:25%}.plane__stabilizer--horizontal{height:9%;width:16%;right:1%;bottom:50%}.plane__screen{bottom:60%;left:30%;width:6%;height:14%}.plane__propellor{height:calc(var(--base-size) * .75vmin);width:calc(var(--base-size) * .75vmin);left:-1%;bottom:40%;transform:translate(-50%,50%) rotateY(-90deg)}.plane__propellor:after{content:"";position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,2px);height:16%;width:16%;border-radius:50%;background:var(--white-one)}.plane__stabilizer--vertical{height:20%;width:20%;right:0;bottom:60%}.plane__beacon{right:1%;bottom:80%;height:2%;width:2%}.plane__wheel--left{transform:translateZ(calc(var(--base-size) * .3vmin))}.plane__wheel--right{transform:translateZ(calc(var(--base-size) * -.3vmin))}.propellor{height:100%;width:100%}.propellor:after,.propellor:before{content:"";height:100%;width:10%;position:absolute;top:50%;left:50%;background:linear-gradient(transparent 0 5%,var(--accent-two) 5% 15%,transparent 15% 85%,var(--accent-two) 85% 95%,transparent 95%),#000;transform:translate(-50%,-50%) rotate(calc(var(--r, 45) * 1deg))}.propellor:after{--r: -45}.wings__ghost{height:80%;width:80%;left:50%;bottom:10%;transform:translate(-50%)}.wings__top{top:0;height:10%;width:100%;left:0}.wings__bottom{bottom:0;height:10%;width:100%;left:0}.wings__strobe{bottom:10%;height:4%;width:4%;left:50%}.wings__strobe--left{transform:translate3d(-50%,0,calc(var(--base-size) * 1vmin))}.wings__strobe--right{transform:translate3d(-50%,0,calc(var(--base-size) * -1vmin))}.cloud{height:10vmin;width:15vmin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cloud__shift,.cloud__body{height:100%;width:100%}.cloud__body>div{position:absolute}.cloud__body>div:nth-of-type(1){bottom:0;left:25%;width:60%;height:90%;--thickness: calc(var(--base-size) * .2)}.cloud__body>div:nth-of-type(2){bottom:0;left:0;width:50%;height:60%;--thickness: calc(var(--base-size) * .3)}.cloud__body>div:nth-of-type(3){bottom:0;right:0%;width:60%;height:40%;--thickness: calc(var(--base-size) * .4)}.cloud--one{--speed: 2;--delay: 3;transform:translate(-50%,-50%) translate3d(-40vmin,20vmin,26vmin)}.cloud--two{--speed: 4;--delay: 1;transform:translate(-50%,-50%) translate3d(30vmin,-15vmin,-34vmin)}.cloud--three{--speed: 6;--delay: 2;transform:translate(-50%,-50%) translate3d(50vmin,35vmin,-14vmin)}.cuboid--body{--thickness: calc(var(--base-size) * .4)}.cuboid--body div{background:var(--white-two)}.cuboid--body div:nth-of-type(1){background:var(--white-one)}.cuboid--body div:nth-of-type(2){background:var(--white-two)}.cuboid--body div:nth-of-type(3){background:var(--white-three)}.cuboid--body div:nth-of-type(4){background:var(--white-four)}.cuboid--body div:nth-of-type(5) svg,.cuboid--body div:nth-of-type(6) svg{position:absolute;top:50%;left:50%;height:calc(var(--base-size) * .25vmin);width:calc(var(--base-size) * .25vmin);filter:saturate(.65);transform:translate3d(-50%,-50%,1px)}:is(.cuboid--body div:nth-of-type(5) svg,.cuboid--body div:nth-of-type(6) svg) path,:is(.cuboid--body div:nth-of-type(5) svg,.cuboid--body div:nth-of-type(6) svg) circle:nth-of-type(3),:is(.cuboid--body div:nth-of-type(5) svg,.cuboid--body div:nth-of-type(6) svg) circle:nth-of-type(4){fill:#000}:is(.cuboid--body div:nth-of-type(5) svg,.cuboid--body div:nth-of-type(6) svg) circle:nth-of-type(1),:is(.cuboid--body div:nth-of-type(5) svg,.cuboid--body div:nth-of-type(6) svg) circle:nth-of-type(2){stroke:#000}.cuboid--screen{--thickness: calc(var(--base-size) * .26)}.cuboid--screen div{background:var(--screen)}.cuboid--tail{--thickness: calc(var(--base-size) * .3)}.cuboid--tail div{background:var(--white-two)}.cuboid--tail div:nth-of-type(1){background:var(--white-one)}.cuboid--tail div:nth-of-type(1):after{content:"";position:absolute;height:74%;width:50%;background:var(--metal-three);top:50%;right:50%;transform:translate3d(-50%,-50%,1px)}.cuboid--tail div:nth-of-type(2){background:linear-gradient(var(--white-two) 0 30%,transparent 30%)}.cuboid--tail div:nth-of-type(3){background:linear-gradient(90deg,var(--white-two) 0 20%,transparent 20%)}.cuboid--tail div:nth-of-type(3):after{content:"";position:absolute;background:var(--white-four);top:0%;left:20%;height:100%;width:87%;transform-origin:0 50%;transform:rotateY(-22deg)}.cuboid--tail div:nth-of-type(5){background:transparent;overflow:hidden}.cuboid--tail div:nth-of-type(5):after{content:"";position:absolute;bottom:70%;height:100%;width:100%;background:var(--white-two);transform-origin:100% 100%;transform:rotate(-22deg) scale(2) translate(10%)}.cuboid--tail div:nth-of-type(6){background:transparent;overflow:hidden}.cuboid--tail div:nth-of-type(6):after{content:"";position:absolute;bottom:70%;height:100%;width:100%;background:var(--white-two);transform-origin:0% 100%;transform:rotate(22deg) scale(2) translate(-10%)}.cuboid--nose{--thickness: calc(var(--base-size) * .3)}.cuboid--nose div{background:var(--metal-three)}.cuboid--nose div:nth-of-type(1){background:var(--metal-one)}.cuboid--nose div:nth-of-type(2){background:var(--metal-two)}.cuboid--nose div:nth-of-type(3){background:var(--metal-one)}.cuboid--wings-ghost,.cuboid--wings-top,.cuboid--wings-bottom{--thickness: calc(var(--base-size) * 2.2)}.cuboid--wings-ghost div,.cuboid--wings-top div,.cuboid--wings-bottom div{background:var(--accent-one)}.cuboid--wings-ghost div:nth-of-type(1),.cuboid--wings-top div:nth-of-type(1),.cuboid--wings-bottom div:nth-of-type(1){background:var(--accent-two)}.cuboid--wings-ghost div:nth-of-type(2),.cuboid--wings-top div:nth-of-type(2),.cuboid--wings-bottom div:nth-of-type(2),.cuboid--wings-ghost div:nth-of-type(5),.cuboid--wings-top div:nth-of-type(5),.cuboid--wings-bottom div:nth-of-type(5){background:var(--accent-three)}.cuboid--wings-ghost div:nth-of-type(4),.cuboid--wings-top div:nth-of-type(4),.cuboid--wings-bottom div:nth-of-type(4){background:var(--accent-four)}.cuboid--wings-ghost div:nth-of-type(3),.cuboid--wings-top div:nth-of-type(3),.cuboid--wings-bottom div:nth-of-type(3){background:var(--accent-five)}.cuboid--wings-ghost div:nth-of-type(3),.cuboid--wings-ghost div:nth-of-type(5),.cuboid--wings-ghost div:nth-of-type(6),.cuboid--wings-ghost div:nth-of-type(1){background:transparent}.cuboid--wings-ghost div:nth-of-type(2),.cuboid--wings-ghost div:nth-of-type(4){background:linear-gradient(90deg,transparent 0 5%,var(--metal-one) 5% 7%,transparent 7% 33%,var(--metal-one) 33% 35%,transparent 35% 65%,var(--metal-one) 65% 67%,transparent 67% 93%,var(--metal-one) 93% 95%,transparent 95%)}.cuboid--axle{--thickness: calc(var(--base-size) * .5)}.cuboid--axle div{background:var(--metal-two)}.cuboid--axle div:nth-of-type(3){background:var(--metal-three)}.cuboid--axle div:nth-of-type(2),.cuboid--axle div:nth-of-type(1){background:var(--metal-one)}.cuboid--axle div:nth-of-type(6){background:var(--metal-one)}.cuboid--horizontal-stabilizer{--thickness: calc(var(--base-size) * .65)}.cuboid--horizontal-stabilizer div{background:var(--accent-one)}.cuboid--horizontal-stabilizer div:nth-of-type(1){background:var(--accent-two)}.cuboid--horizontal-stabilizer div:nth-of-type(2),.cuboid--horizontal-stabilizer div:nth-of-type(5){background:var(--accent-three)}.cuboid--horizontal-stabilizer div:nth-of-type(3),.cuboid--horizontal-stabilizer div:nth-of-type(4){background:var(--accent-four)}.cuboid--vertical-stabilizer{--thickness: calc(var(--base-size) * .2)}.cuboid--vertical-stabilizer div{background:var(--accent-one)}.cuboid--vertical-stabilizer div:nth-of-type(1){background:linear-gradient(270deg,var(--accent-two) 0 30%,transparent 30%)}.cuboid--vertical-stabilizer div:nth-of-type(4){background:transparent}.cuboid--vertical-stabilizer div:nth-of-type(4):after{content:"";background:var(--accent-four);height:150%;bottom:0;left:0;position:absolute;width:100%;transform-origin:50% 100%;transform:rotateX(-48deg)}.cuboid--vertical-stabilizer div:nth-of-type(5){background:transparent;overflow:hidden}.cuboid--vertical-stabilizer div:nth-of-type(5):after{content:"";position:absolute;top:100%;transform-origin:0 0;transform:rotate(-42deg);background:var(--accent-three);height:150%;width:160%}.cuboid--vertical-stabilizer div:nth-of-type(6){background:transparent;overflow:hidden}.cuboid--vertical-stabilizer div:nth-of-type(6):after{content:"";position:absolute;top:100%;right:0;transform-origin:100% 0;transform:rotate(42deg);background:var(--accent-three);height:150%;width:160%}.cuboid--wheel-left,.cuboid--wheel-right{--thickness: calc(var(--base-size) * .1)}.cuboid--wheel-left div,.cuboid--wheel-right div{background:var(--wheel-one)}.cuboid--wheel-left div:nth-of-type(1),.cuboid--wheel-right div:nth-of-type(1),.cuboid--wheel-left div:nth-of-type(2),.cuboid--wheel-right div:nth-of-type(2),.cuboid--wheel-left div:nth-of-type(4),.cuboid--wheel-right div:nth-of-type(4){background:var(--wheel-two)}.cuboid--wheel-left div:nth-of-type(3),.cuboid--wheel-right div:nth-of-type(3){background:var(--wheel-three)}.cuboid--wheel-left div:nth-of-type(5):after,.cuboid--wheel-right div:nth-of-type(5):after,.cuboid--wheel-left div:nth-of-type(6):after,.cuboid--wheel-right div:nth-of-type(6):after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:40%;width:40%;background:var(--wheel-hub)}.cuboid--cloud div:nth-of-type(1){background:var(--cloud-one)}.cuboid--cloud div:nth-of-type(2){background:var(--cloud-two)}.cuboid--cloud div:nth-of-type(3){background:var(--cloud-three)}.cuboid--cloud div:nth-of-type(4){background:var(--cloud-four)}.cuboid--cloud div:nth-of-type(5){background:var(--cloud-five)}.cuboid--cloud div:nth-of-type(6){background:var(--cloud-six)}.cuboid--beacon{--thickness: calc(var(--base-size) * .02)}.cuboid--beacon div{background:hsla(0,90%,50%,var(--alpha))}.cuboid--strobe{--thickness: calc(var(--base-size) * .02)}.cuboid--strobe div{background:hsla(0,90%,98%,var(--alpha))}}@layer motion{@media(prefers-reduced-motion:no-preference){.plane{animation:roll 10s infinite ease-out alternate}.plane__floater{animation:float 2s infinite ease-in-out}.plane__looper{animation:loop 10s infinite ease-in-out}.cuboid--beacon{animation:flash calc(var(--dark) * 1s) infinite}.cuboid--strobe{animation:flash calc(var(--dark) * .5s) infinite}.propellor{animation:spin .35s infinite linear}.cloud__shift{animation:pan calc(var(--speed, 5) * 1s) calc(var(--delay, 5) * -1s) infinite ease-in-out both}.cloud__body{animation:scale calc(var(--speed, 5) * 1s) calc(var(--delay, 5) * -1s) infinite linear}}@keyframes flash{50%{--alpha: 1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translate(-50%,-40%)}}@keyframes loop{0%,40%{transform:translate(-50%,-50%)}50%,to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes roll{0%,85%{transform:translate(-50%,-50%)}90%,to{transform:translate(-50%,-50%) rotateX(-360deg)}}@keyframes scale{0%,5%,95%,to{transform:scale(0)}10%,90%{transform:scale(1)}}@keyframes pan{0%{transform:translate(-1000%)}to{transform:translate(1000%)}}}@layer cuboid{.cuboid{width:100%;height:100%;position:relative}.cuboid__side:nth-of-type(1){height:calc(var(--thickness) * 1vmin);width:100%;position:absolute;top:0;transform:translateY(-50%) rotateX(90deg)}.cuboid__side:nth-of-type(2){height:100%;width:calc(var(--thickness) * 1vmin);position:absolute;top:50%;right:0;transform:translate(50%,-50%) rotateY(90deg)}.cuboid__side:nth-of-type(3){width:100%;height:calc(var(--thickness) * 1vmin);position:absolute;bottom:0;transform:translateY(50%) rotateX(90deg)}.cuboid__side:nth-of-type(4){height:100%;width:calc(var(--thickness) * 1vmin);position:absolute;left:0;top:50%;transform:translate(-50%,-50%) rotateY(90deg)}.cuboid__side:nth-of-type(5){height:100%;width:100%;transform:translateZ(calc(var(--thickness) * .5vmin));position:absolute;top:0;left:0}.cuboid__side:nth-of-type(6){height:100%;width:100%;transform:translateZ(calc(var(--thickness) * -.5vmin)) rotateY(180deg);position:absolute;top:0;left:0}}@layer base{:root{--font-size-min: 16;--font-size-max: 20;--font-ratio-min: 1.2;--font-ratio-max: 1.33;--font-width-min: 375;--font-width-max: 1500}html{color-scheme:light dark}[data-theme=light]{color-scheme:light only}[data-theme=dark]{color-scheme:dark only}:where(.fluid){--fluid-min: calc( var(--font-size-min) * pow(var(--font-ratio-min), var(--font-level, 0)) );--fluid-max: calc( var(--font-size-max) * pow(var(--font-ratio-max), var(--font-level, 0)) );--fluid-preferred: calc( (var(--fluid-max) - var(--fluid-min)) / (var(--font-width-max) - var(--font-width-min)) );--fluid-type: clamp( (var(--fluid-min) / 16) * 1rem, ((var(--fluid-min) / 16) * 1rem) - (((var(--fluid-preferred) * var(--font-width-min)) / 16) * 1rem) + (var(--fluid-preferred) * var(--variable-unit, 100vi)), (var(--fluid-max) / 16) * 1rem );font-size:var(--fluid-type)}*,*:after,*:before{box-sizing:border-box}body{display:grid;place-items:center;min-height:100vh;font-family:SF Pro Text,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif,system-ui}body:before{--size: 45px;--line: color-mix(in hsl, canvasText, transparent 70%);content:"";height:100vh;width:100vw;opacity:0;position:fixed;background:linear-gradient(90deg,var(--line) 1px,transparent 1px var(--size)) 50% 50% / var(--size) var(--size),linear-gradient(var(--line) 1px,transparent 1px var(--size)) 50% 50% / var(--size) var(--size);-webkit-mask:linear-gradient(-20deg,transparent 50%,white);mask:linear-gradient(-20deg,transparent 50%,white);top:0;transform-style:flat;pointer-events:none;z-index:-1}.bear-link{color:canvasText;position:fixed;top:1rem;left:1rem;width:48px;aspect-ratio:1;display:grid;place-items:center;opacity:.8}:where(.x-link,.bear-link):is(:hover,:focus-visible){opacity:1}.bear-link svg{width:75%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}}div.tp-dfwv{z-index:9999}div.tp-dfwv .tp-rotv{max-height:calc(100vh - 16px);overflow:auto;border-radius:var(--bs-br)}div.tp-dfwv .tp-rotv>.tp-rotv_b{position:sticky;top:0;z-index:2;background:#45474c}