@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}}*,*:after,*:before{box-sizing:border-box;transform-style:preserve-3d}:root{--border-width: 1.2vmin;--depth: 20vmin;--stack-height: 6vmin;--scene-size: 20vmin;--ring-size: calc(var(--scene-size) * .6);--plane: radial-gradient(rgba(0, 0, 0, .1) 50%, transparent 65%);--ring-shadow: rgba(0, 0, 0, .5);--hue-one: 320;--hue-two: 210;--blur: 10px;--speed: 1.2s;--spin-speed: 48;--bg: #fafafa;--ring-filter: brightness(1) drop-shadow(0 0 0 var(--accent))}@media(prefers-color-scheme:dark){:root{--bg: #262626;--ring-shadow: hsla(var(--hue-one), 100%, 50%, 1);--plane: radial-gradient(hsla(var(--hue-one), 90%, 60%, .1) 50%, transparent 65%);--ring-filter: brightness(1.75) drop-shadow(0 0 1vmin var(--accent))}}body{background:var(--bg);min-height:100vh;display:grid;place-items:center;overflow:hidden}.scene{height:var(--scene-size);width:var(--scene-size);animation:step-up var(--speed) infinite ease}.scene__shadow{position:absolute;top:0;left:100%;height:100%;width:100%;animation:fade-in var(--speed) infinite linear;background:var(--plane);transform:scale(1.25);filter:blur(var(--blur))}.flipper{height:var(--scene-size);width:var(--scene-size);animation-name:var(--flipper-name, flip-flop);animation-duration:calc(var(--speed) * 2);animation-iteration-count:infinite;animation-timing-function:steps(1)}.plane{height:100%;width:100%;transform:translateZ(var(--depth));position:relative}.plane__shadow{content:"";height:100%;width:100%;position:absolute;top:50%;left:50%;background:var(--plane);filter:blur(var(--blur));transform:translate(-50%,-50%) scale(1.25);animation:fade-out var(--speed) infinite linear}.scene__shadow:after,.plane__shadow:after{content:"";height:var(--ring-size);width:var(--ring-size);position:absolute;top:50%;left:50%;border:var(--border-width) solid var(--ring-shadow);border-radius:50%;transform:translate(-50%,-50%) scale(.8)}.container{transform:translateZ(100vmin) rotateX(-12deg) rotateY(0) rotateX(90deg) translateZ(calc(var(--depth) * -1.5)) rotate(0);animation:rotate-scene calc(var(--spin-speed, 48) * 1s) infinite linear}.ring{--origin-z: calc(var(--stack-height) - (var(--stack-height) / var(--ring-count)) * var(--index));--destination-z: calc(((var(--depth) + var(--origin-z)) - (var(--stack-height) - var(--origin-z))) * -1);--hue: var(--hue-one);--accent: hsl(var(--hue) 100% 55%);--ring-filter: brightness(1) drop-shadow(0 0 0 var(--accent));height:var(--ring-size);width:var(--ring-size);border-radius:50%;border:var(--border-width) solid var(--accent);position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,var(--origin-z)) translateZ(0) rotateY(0);transform-origin:calc(100% + (var(--scene-size) * .2)) 50%;animation-name:var(--name);animation-duration:var(--speed);animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.25,0,1,1);filter:var(--ring-filter)}.ring:nth-of-type(odd){--hue: var(--hue-two)}@media(prefers-color-scheme:dark){.ring{--ring-filter: brightness(2) drop-shadow(0 0 calc(var(--border-width) * .5) var(--accent))}}@keyframes flip-flop{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}@keyframes fade-in{50%,0%{opacity:0}75%,to{opacity:1}}@keyframes fade-out{0%{opacity:1}75%,to{opacity:0}}@keyframes step-up{to{transform:translate3d(-100%,0,var(--depth))}}@keyframes rotate-scene{to{transform:translateZ(100vmin) rotateX(-12deg) rotateY(0) rotateX(90deg) translateZ(calc(var(--depth) * -1.5)) rotate(360deg)}}div.tp-dfwv{position:fixed;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}