@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{--plate: hsl(260 14% 14%);--button: hsl(260 14% 30%);--sushi: hsl(130 18% 25%);--sticks: hsl(40 80% 80%);--bg: hsl(260 60% 50%);--size: 60vmin;--hover: hsl(260 14% 40%)}html{color-scheme:none;background:transparent}body{display:grid;place-items:center;align-content:center;gap:1rem;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif,system-ui;background:transparent;position:relative;overflow:hidden;background:var(--bg)}.scene{height:var(--size);aspect-ratio:1;position:relative;transform:rotateX(-24deg) rotateY(-32deg) rotateX(90deg)}#maki-select>button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;margin:0;background:transparent;font:inherit;color:inherit;cursor:pointer}.plate__content{transform:translateZ(1vmin);inset:0;position:absolute;padding:calc(var(--size) * .2)}.plate{color:var(--plate);height:100%;width:100%;position:relative;--depth: 2vmin}.plate>.cuboid .cuboid__side:nth-of-type(6){background:linear-gradient(currentColor,currentColor) 0 0 / 100% calc(var(--size) * .2) no-repeat,linear-gradient(currentColor,currentColor) 0 100% / 100% calc(var(--size) * .2) no-repeat,linear-gradient(currentColor,currentColor) 0 0 / calc(var(--size) * .2) 100% no-repeat,linear-gradient(currentColor,currentColor) 100% 0 / calc(var(--size) * .2) 100% no-repeat}.plate__inner{position:absolute;top:50%;left:50%;width:calc(var(--size) * .6);aspect-ratio:1;transform:translate(-50%,-50%)}.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}.controls{position:absolute;left:calc(var(--size) * .175);bottom:calc(var(--size) * .02);transform:translateZ(1.1vmin);height:calc(var(--size) * .16);width:calc(var(--size) * .65);display:grid;place-items:center}#maki-select{display:grid;place-items:center;width:var(--size);aspect-ratio:1;padding:0;anchor-name:--selectmenu}#maki-select>.scene{width:100%;height:100%;display:grid;place-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;margin:0;background:transparent;font:inherit;color:inherit;cursor:pointer}#maki-select .controls__trigger{font-size:calc(var(--size) * .07);padding:0;color:var(--button);height:100%;width:100%;font-weight:100;background:transparent}#maki-select:has(#maki-listbox:popover-open){--open: 1}.cuboid__value{color:#e9ecef;display:flex;align-items:center;justify-content:center;height:100%;width:100%;padding:0 1rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#maki-select .controls__trigger .cuboid{color:var(--button);--depth: 2vmin;height:100%;width:100%;position:absolute;top:0;left:0;transition:transform .2s cubic-bezier(.5,1,.75,1.25),color .2s cubic-bezier(.5,1,.75,1.25);transform:translateZ(calc((1 - (var(--open, 0) * 1.25)) * 1vmin))}#maki-select .controls__trigger:hover,#maki-select:has(#maki-listbox:popover-open) .controls__trigger{--button: var(--hover)}#maki-listbox{--size: 60vmin;margin:0;overflow:visible;border:0;background:transparent;height:calc(var(--size) * .6);max-height:calc(var(--size) * .6);max-width:calc(var(--size) * .6);width:calc(var(--size) * .6);padding:calc(var(--size) * .1);aspect-ratio:1;gap:calc(var(--size) * .05);display:grid;grid-template:1fr 1fr / 1fr 1fr;position:fixed;top:anchor(--selectmenu center);left:anchor(--selectmenu center);transform:translate(-50%,-50%) rotateX(-24deg) rotateY(-32deg) rotateX(90deg) translateZ(1.1vmin)}#maki-listbox [role=option]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;margin:0;background:transparent;font:inherit;color:transparent;position:relative;transform:translateZ(-1.1vmin);padding:0;outline-color:transparent;outline-width:0;cursor:grab}#maki-listbox [role=option]:active{cursor:grabbing}#maki-listbox [role=option]:is(:hover,.active){background:transparent;outline-color:transparent}:root:has(#maki-listbox:popover-open):has([data-value=tomago]:is(:hover,.active)) [data-sushi=tomago],:root:has(#maki-listbox:popover-open):has([data-value=tuna]:is(:hover,.active)) [data-sushi=tuna],:root:has(#maki-listbox:popover-open):has([data-value=salmon]:is(:hover,.active)) [data-sushi=salmon],:root:has(#maki-listbox:popover-open):has([data-value=cucumber]:is(:hover,.active)) [data-sushi=cucumber],:root:has(#maki-listbox:popover-open) [role=option]:is(:hover,.active){--elevate: 1}[data-sushi]{color:var(--sushi);position:relative;transform:translateZ(-1.1vmin)}.sushi__slots{padding:calc(var(--size) * .1);gap:calc(var(--size) * .05);height:calc(var(--size) * .6);width:calc(var(--size) * .6);max-height:calc(var(--size) * .6);position:absolute;top:50%;left:50%;overflow:visible;display:grid;transform:translate(-50%,-50%) translateZ(1vmin);grid-template:1fr 1fr / 1fr 1fr}.sushi-slot{width:100%;height:120%;position:absolute;bottom:50%;transform:scaleZ(var(--open, 0)) rotateX(-90deg) translateY(calc(var(--elevate, 0) * -50%));transform-origin:50% 100%}[data-sushi] .sushi-slot{transform:scaleZ(var(--open, 0)) rotateX(-90deg) translateY(calc(var(--elevate, 0) * -50%));transition:transform .2s cubic-bezier(.5,1,.75,1.25)}[data-sushi]:after{content:"";height:120%;width:120%;border:calc(var(--size) * .0095) solid var(--accent);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(var(--elevate, 0));transition:transform .2s cubic-bezier(.5,1,.75,1.25)}.plate__sticks{transform:translateZ(1vmin);height:80%;width:8%;position:absolute;top:10%;left:5%;display:flex;justify-content:space-between;grid-template-columns:1fr 1fr}.plate__stick{color:var(--sticks);--depth: calc(var(--size) * .025);width:calc(var(--size) * .025);transform:translateZ(calc(var(--size) * .0125))}.plate__stick:nth-of-type(2){rotate:-2deg}:root:has([data-value=cucumber][aria-selected=true]) [data-sushi=cucumber],:root:has([data-value=tomago][aria-selected=true]) [data-sushi=tomago],:root:has([data-value=tuna][aria-selected=true]) [data-sushi=tuna],:root:has([data-value=salmon][aria-selected=true]) [data-sushi=salmon],:root:has(#maki-listbox:popover-open) [data-sushi]{--open: 1}:root:has([data-dirty=false]) [data-sushi]{--open: 0 !important}.plate__inner>.cuboid .cuboid__side:nth-of-type(6){display:none}.plate__inner>.cuboid .cuboid__side:nth-of-type(1){--brightness: .4}.plate__inner>.cuboid .cuboid__side:nth-of-type(4){--brightness: .2}.cuboid__side:nth-of-type(6){display:grid;place-items:center}.cuboid__side:nth-of-type(6) svg{width:75%}[data-sushi=cucumber]{--delay: -3s;--accent: hsl(120 100% 50%)}[data-sushi=tomago]{--delay: -1s;--accent: hsl(45 100% 50%)}[data-sushi=tuna]{--delay: -4s;--accent: hsl(15 80% 60%)}[data-sushi=salmon]{--delay: -2s;--accent: hsl(20 80% 80%)}#eye-clip-one rect{animation:blink 6s -1s infinite}#eye-clip-two rect{animation:blink 6s -2s infinite}#eye-clip-three rect{animation:blink 6s -3s infinite}#eye-clip-four rect{animation:blink 6s -4s infinite}[role=option] .cuboid__side:nth-of-type(1){filter:none}.sushi-face .shock-mouth{opacity:var(--elevate, 0)}.sushi-face .joy-mouth{opacity:calc(1 - var(--elevate, 0))}.blinker{transform-box:fill-box;transform-origin:50% 50%;animation:blink 6s var(--delay, -2s) infinite}@keyframes blink{0%,46%,48%,50%,to{scale:1 1}47%,49%{scale:1 .01}}.chart__bar--active .joy-mouth{display:none}.chart__bar--active .shock-mouth{display:block}.sushi-slot{container:bar / inline-size;--depth: 100cqi;height:calc(var(--height, 100) * 1%)}[data-sushi] .sushi-slot .cuboid__side:nth-of-type(1){background:linear-gradient(var(--accent),var(--accent)) 50% 50% / 50% 50% no-repeat,#f8f9fa;border:10cqi solid #495057}.chart__bar:nth-of-type(1){anchor-name:--anchor-1;--accent: #ffd43b;height:90%}.chart__bar:nth-of-type(2){anchor-name:--anchor-2;--accent: #69db7c;height:25%}.chart__bar:nth-of-type(3){anchor-name:--anchor-3;--accent: #ff8787;height:75%}.cuboid{height:100%;width:100%;position:relative}.cuboid__side{background-color:currentColor;position:absolute;height:100%;width:100%;transition:background-color .2s;filter:brightness(var(--brightness, 1));border-bottom:calc(var(--depth) * .1) solid hsl(var(--side-color) / .25)}.cuboid__side:nth-of-type(1){--brightness: .8;top:0;height:var(--depth, 50vmin);transform:translateY(-50%) rotateX(-90deg)}.cuboid__side:nth-of-type(1) svg{filter:brightness(var(--brightness))}.cuboid__side:nth-of-type(2){--brightness: .6;top:50%;right:0;width:var(--depth, 50vmin);transform:translate(50%,-50%) rotateY(-90deg)}.cuboid__side:nth-of-type(3){--brightness: 1.3;bottom:0;height:var(--depth, 50vmin);transform:translateY(50%) rotateX(90deg)}.cuboid__side:nth-of-type(4){--brightness: .6;top:50%;width:var(--depth, 50vmin);transform:translate(-50%,-50%) rotateY(90deg)}.cuboid__side:nth-of-type(5){--brightness: .75;transform:translateZ(calc(var(--depth, 50vmin) / -2))}.cuboid__side:nth-of-type(6){--brightness: 1;transform:translateZ(calc(var(--depth, 50vmin) / 2)) rotateY(0)}