/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */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}:root{--speed: 2;--magnify: 24;--elevation: 2;--ease: linear( 0 0%, .5007 7.21%, .7803 12.29%, .8883 14.93%, .9724 17.63%, 1.0343 20.44%, 1.0754 23.44%, 1.0898 25.22%, 1.0984 27.11%, 1.1014 29.15%, 1.0989 31.4%, 1.0854 35.23%, 1.0196 48.86%, 1.0043 54.06%, .9956 59.6%, .9925 68.11%, 1 100% )}*,*: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}[popovertarget=downloads]{height:100%;width:100%;border-radius:22.22222%;anchor-name:--anchor}[data-debug=true]{[popover]#downloads{display:block;opacity:1}.arc{outline:4px dashed hsl(0 0% 25% / .5)}}[popover]#downloads{position-anchor:--anchor;inset:unset;bottom:anchor(top);left:anchor(center);pointer-events:none;margin:0;padding:0;overflow:visible;border:0;opacity:0;transition:display calc(var(--speed) * 1s),overlay calc(var(--speed) * 1s),opacity calc(var(--speed) * .25s) 0s;transition-behavior:allow-discrete;li{translate:-50% 0;offset-distance:calc((var(--start) * 1%) + (var(--index) * 0vh))}li div{width:100%;height:100%}&:popover-open{opacity:1;transition:display calc(var(--speed) * 1s),overlay calc(var(--speed) * 1s),opacity calc(var(--speed) * .25s);li{offset-distance:calc((var(--start) * 1%) + (var(--index) * (var(--spread) * 1px)));@starting-style{offset-distance:calc((var(--start) * 1%) + (var(--index) * 0vh))}}}@starting-style{opacity:0}}.arc{padding:0;margin:0;list-style-type:none;position:fixed;bottom:50%;height:calc(var(--height, 150) * 1vh);width:calc(var(--width, 120) * 1vw);border-radius:calc(var(--radius) * 1%);left:50%;translate:0 50%;pointer-events:none;clip-path:inset(-150% -100% 50% -100%)}.arc-wrap{position-anchor:--anchor;inset:unset;position:fixed;bottom:anchor(top);left:anchor(center);translate:-50% 50%;pointer-events:none;width:100vw;height:calc(var(--height, 150) * 2vh);-webkit-mask:linear-gradient(#000 calc(50% - 1rem),#0000 50%);mask:linear-gradient(#000 calc(50% - 1rem),#0000 50%)}[popovertarget]{padding:0}.arc li{width:56px;height:56px;display:grid;padding:0;place-items:center;aspect-ratio:1;pointer-events:auto;position:absolute;background:#282c2f;border-radius:22.2222222%;offset-path:xywh(0 0 100% 100% round calc(var(--radius) * 1%));offset-anchor:50% 0;transition:offset-distance calc(var(--speed) * 1s) linear(0 0%,.5007 7.21%,.7803 12.29%,.8883 14.93%,.9724 17.63%,1.0343 20.44%,1.0754 23.44%,1.0898 25.22%,1.0984 27.11%,1.1014 29.15%,1.0989 31.4%,1.0854 35.23%,1.0196 48.86%,1.0043 54.06%,.9956 59.6%,.9925 68.11%,1 100%)}.arc li:nth-of-type(1){--index: 1}.arc li:nth-of-type(2){--index: 2}.arc li:nth-of-type(3){--index: 3}.arc li:nth-of-type(4){--index: 4}.arc li:nth-of-type(5){--index: 5}.arc .item{rotate:90deg;background:linear-gradient(hsl(0 0% 100% / .25),transparent);border-radius:22.2222222%;position:relative;box-shadow:0 2px #40404080}.item svg{width:65%;transition:scale .2s}.item .icon{height:100%;aspect-ratio:1;display:grid;place-items:center}.item a{height:100%;display:flex;position:absolute;align-items:center;justify-content:center;left:0;gap:.5rem;anchor-name:--item;text-decoration:none}.item a:is(:hover,:focus-visible){svg{scale:1.1}span{background:#000}}.item a span{display:inline-block;white-space:nowrap;padding:.5rem;border-radius:12px;text-shadow:0 1px black;color:#fff;background:#00000080;transition:background .2s}:root{--lerp-0: 1;--lerp-1: sin(30deg) ;--lerp-2: sin(20deg) ;--lerp-3: sin(10deg) ;--lerp-4: 0;--transition: ease}nav{border-radius:12px;position:fixed;bottom:2rem;margin:0 auto;display:flex;padding:calc(var(--item-padding) * .5);list-style-type:none;background:#ffffff80;box-shadow:0 2px #ffffff80 inset,0 2px #40404080;align-items:center;justify-content:center}nav ul{list-style-type:none;display:flex;padding:0;margin:0}nav li{padding:.5rem}nav:hover{--show: 1}:root{--item-size: 48px;--item-padding: 1rem}[data-hover=true]{--item-size: 24px}.block{height:calc(var(--item-size) + (1 * var(--item-padding)));display:grid;place-items:end;align-content:end;transition:all .1s;flex:calc(.2 + (var(--lerp, 0) * 1.5));width:calc((var(--item-size) + var(--item-padding)) + (var(--lerp, 0) * (var(--magnify))) * 1px);min-width:36px;max-width:100px;cursor:pointer;max-height:100px;position:relative}.block:before{content:"";position:absolute;width:calc(100% + var(--item-padding));bottom:0;aspect-ratio:1 / 2;left:50%;transition:transform .1s var(--transition);transform-origin:50% 100%;transform:translate(-50%) scaleY(var(--show, 0));z-index:-1}.block .block__item{cursor:pointer;border:0;min-width:20px;transition:outline .2s var(--transition),margin .2s var(--transition),translate .2s var(--transition);outline:transparent 4px solid}.block__item:after{content:"";position:absolute;top:0;left:50%;width:calc(100% + 1rem);height:calc(150% + 0rem);translate:-50% 0}.block__item :is(img,svg){width:100%}.arc a:focus-visible,.block__item:focus-visible{outline:white 4px solid}.block{outline:none;container-type:inline-size}.block__item{width:100cqi;height:100cqi;min-height:20px;max-height:84px;aspect-ratio:1;border-radius:22.2222%;background:linear-gradient(hsl(0 0% 100% / .1),transparent),hsl(var(--hue, 10) 70% 60%);display:grid;place-items:center;transition:all .2s var(--transition);box-shadow:0 2px #ffffff80 inset,0 2px #40404080;transform-origin:50% 100%;position:relative;margin-bottom:calc((var(--lerp) * var(--elevation)) * 1rem)}nav{background:#00000080}[data-hover=true]{:is(.block:hover,.block:focus-within){--lerp: var(--lerp-0);z-index:5}.block:has(+:is(.block:hover,.block:focus-within)),:is(.block:hover,.block:focus-within)+.block{--lerp: var(--lerp-1);z-index:4}.block:has(+.block+:is(.block:hover,.block:focus-within)),:is(.block:hover,.block:focus-within)+.block+.block{--lerp: var(--lerp-2);z-index:3}.block:has(+.block+.block+:is(.block:hover,.block:focus-within)),:is(.block:hover,.block:focus-within)+.block+.block+.block{--lerp: var(--lerp-3);z-index:2}.block:has(+.block+.block+.block+:is(.block:hover,.block:focus-within)),:is(.block:hover,.block:focus-within)+.block+.block+.block+.block{--lerp: var(--lerp-4);z-index:1}}div.tp-dfwv{width:320px;left:.5rem}.container{--open: 0;padding:0;position:fixed;border:0;overflow:visible;opacity:var(--open);transition:display,overlay,opacity;transition-duration:.5s;transition-behavior:allow-discrete}.container:popover-open{@starting-style{--open: 0}--open: 1;.container__content{--open: 1;@starting-style{--open: 0}}}.container__actions{position:absolute;left:1rem;height:100%;display:flex;align-items:center;gap:.5rem}.container__content{background:color-mix(in lch,canvas,canvasText 80%);border:1px solid color-mix(in lch,canvas,canvasText 65%);border-radius:6px;scale:var(--open, 0);transition:scale .25s;--base: hsl(221 25% 22% / 40%);box-shadow:0 0 0 1px var(--base),0 1px 1px -.5px var(--shade),0 3px 3px -1.5px var(--shade),0 6px 6px -3px var(--shade),0 12px 12px -6px var(--base),0 24px 24px -12px var(--base);transform-origin:50% 100%}.container__toolbar{height:28px;position:sticky;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:300;font-size:14px;top:0;padding:2px;background:color-mix(in lch,canvas,canvasText 80%);border-radius:6px 6px 0 0;width:100%}.container__toolbar button{width:12px;height:12px;aspect-ratio:1;border-radius:50%;border:0;background:var(--bg, red);cursor:pointer;position:relative}.container__toolbar button:is(:hover,:focus-visible){--intent: 1}.container__toolbar button:after{content:"";opacity:var(--intent, 0);border-radius:50%;inset:0;position:absolute;background:#0003}.container__toolbar button:nth-of-type(1){--bg: hsl(0 84% 60%)}.container__toolbar button:nth-of-type(2){--bg: hsl(38 92% 50%)}.container__toolbar button:nth-of-type(3){--bg: hsl(142 71% 45%)}.container__screen{position:relative;width:360px;aspect-ratio:4 / 3}video{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;position:absolute;inset:0}