@layer normalize,base,picker,demo,gem;@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}}@property --hold-progress{syntax: "<percentage>"; initial-value: 0%; inherits: false;}@layer base{:root{--trigger-size: 44px;--option-size: 56px;--icon-size: 42px;--reaction-scale: 1.85;--picker-gap: 12px;--hold-delay: .46s;--hold-indicator-delay: .15s;--hold-ring-width: 1.5px;--hold-ring-offset: 4px;--hold-accent: light-dark(hsl(274 72% 48%), hsl(274 88% 72%));--surface: light-dark(hsl(0 0% 100% / .86), hsl(0 0% 13% / .86));--surface-solid: light-dark(#fff, #202020);--ink: light-dark(#1d1d1f, #f5f5f7);--muted: light-dark(hsl(220 7% 45%), hsl(220 6% 62%));--hairline: light-dark(hsl(220 20% 10% / .12), hsl(0 0% 100% / .14));--hover: light-dark(hsl(220 14% 10% / .065), hsl(0 0% 100% / .09));--focus-ring: light-dark(hsl(220 10% 10% / .28), hsl(0 0% 100% / .36));color-scheme:light dark}[data-theme=light]{color-scheme:light only}[data-theme=dark]{color-scheme:dark only}*,*:before,*:after{box-sizing:border-box}html,body{min-height:100%}body{margin:0;min-height:100vh;min-height:100svh;overflow:hidden;color:var(--ink);background:light-dark(#e0e0e0,#0c0d0f);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 91%);content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,var(--line) 1px,transparent 1px var(--size)) calc(var(--size) * .36) 50% / var(--size) var(--size),linear-gradient(var(--line) 1px,transparent 1px var(--size)) 0% calc(var(--size) * .32) / var(--size) var(--size);-webkit-mask:linear-gradient(-20deg,transparent 36%,white);mask:linear-gradient(-20deg,transparent 36%,white);pointer-events:none}button{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}@layer picker{.reaction{position:relative;isolation:isolate;display:grid;place-items:center}.reaction__trigger{anchor-name:--reaction-trigger;position:relative;display:grid;width:var(--trigger-size);height:var(--trigger-size);padding:0;place-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--muted);background:linear-gradient(light-dark(hsl(0 0% 100% / .68),hsl(0 0% 100% / .05))),var(--surface-solid);border:1px solid var(--hairline);border-radius:50%;box-shadow:0 1px 1px #1217211a,0 4px 9px -3px #1217212e,0 14px 28px -12px #1217212e,inset 0 1px #ffffff94;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:color .16s ease,border-color .16s ease,box-shadow .14s ease,scale 90ms ease,translate 90ms ease}.reaction__trigger:before{content:"";position:absolute;inset:calc(var(--hold-ring-offset) * -1);z-index:-1;padding:var(--hold-ring-width);border-radius:inherit;opacity:0;background:conic-gradient(color-mix(in srgb,var(--hold-accent),transparent 24%) var(--hold-progress),transparent 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:opacity .1s ease}.reaction__trigger[data-holding=true]:before{opacity:1;animation:hold-progress calc(var(--hold-delay) - var(--hold-indicator-delay)) linear var(--hold-indicator-delay) forwards}.reaction__trigger:is(:hover,:focus-visible){color:var(--ink);border-color:color-mix(in srgb,currentColor,transparent 82%);box-shadow:0 1px 1px #12172121,0 3px 7px -2px #12172138,0 10px 20px -10px #1217213b,inset 0 1px #ffffffad}.reaction__trigger:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.reaction__trigger:is(:active,[data-holding=true]){translate:0 1px;scale:.99;box-shadow:0 1px 1px #12172138,0 2px 3px -2px #12172157,0 4px 8px -6px #12172147,inset 0 1px #ffffff73}.reaction__trigger[aria-expanded=true]{color:var(--ink)}.reaction__icon,.reaction__selected,.reaction__empty{grid-area:1 / 1}.reaction__icon{position:relative;z-index:2;display:grid;width:calc(var(--trigger-size) - 12px);height:calc(var(--trigger-size) - 12px);place-items:center;will-change:transform,filter,opacity}.reaction__empty{width:22px;overflow:visible;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;transition:opacity .18s ease,scale .26s cubic-bezier(.2,.8,.2,1)}.reaction__selected{display:grid;width:100%;height:100%;place-items:center;opacity:0;scale:.7;transition:opacity .18s ease,scale .26s cubic-bezier(.2,.8,.2,1)}.reaction[data-selected=true] .reaction__empty{opacity:0;scale:.7}.reaction[data-selected=true] .reaction__selected{opacity:1;scale:1}.reaction__listbox{--responsive-option-size: min( var(--option-size), calc((100vw - 32px) / var(--option-count, 9)) );position:fixed;position-anchor:--reaction-trigger;inset:auto;top:anchor(bottom);left:anchor(center);display:none;width:-moz-max-content;width:max-content;margin:0;padding:5px;overflow:visible;translate:-50% var(--picker-gap);color:var(--ink);background:transparent;border:0;pointer-events:none}.reaction__listbox:popover-open{display:flex;pointer-events:auto}.reaction__listbox[data-state=closing]{pointer-events:none}.reaction__surface{position:absolute;inset:5px;z-index:-1;border:1px solid var(--hairline);border-radius:calc(var(--responsive-option-size) * .5);background:var(--surface);box-shadow:0 1px 1px #1217210a,0 5px 14px -4px #12172133,0 22px 50px -14px #1217213d,inset 0 1px #ffffff57;backdrop-filter:blur(18px) saturate(1.25);-webkit-backdrop-filter:blur(18px) saturate(1.25);pointer-events:none;transform-origin:50% 50%;will-change:transform,filter}.reaction__option{position:relative;display:grid;flex:0 0 var(--responsive-option-size);width:var(--responsive-option-size);height:var(--responsive-option-size);padding:0;place-items:center;border-radius:12px;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;transition:background-color .14s ease}.reaction__option:first-of-type{border-radius:calc(var(--responsive-option-size) * .5) 12px 12px calc(var(--responsive-option-size) * .5)}.reaction__option:last-of-type{border-radius:12px calc(var(--responsive-option-size) * .5) calc(var(--responsive-option-size) * .5) 12px}.reaction__option:is(:hover,.active){z-index:5;background:var(--hover)}.reaction__media{position:relative;display:grid;width:min(var(--icon-size),calc(var(--responsive-option-size) - 10px));height:min(var(--icon-size),calc(var(--responsive-option-size) - 10px));place-items:center;scale:1;transition:scale .18s cubic-bezier(.2,.8,.2,1)}.reaction__option:is(:hover,.active) .reaction__media{scale:var(--reaction-scale)}.reaction__media :is(img,picture),.reaction__media picture img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.reaction__media :is(img,picture){grid-area:1 / 1}.reaction__media picture,.reaction__media picture img{display:block}.reaction__animated{opacity:0;transition:opacity .1s ease}.reaction__still{opacity:1;transition:opacity .1s ease}:is(.reaction__option:hover,.reaction__option.active) .reaction__animated,.reaction__trigger:hover .reaction__animated{opacity:1}:is(.reaction__option:hover,.reaction__option.active) .reaction__still,.reaction__trigger:hover .reaction__still{opacity:0}.reaction__media,.reaction__media *{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.reaction__selected .reaction__media{width:24px;height:24px;translate:0;scale:1}.reaction__selected .reaction__still{opacity:1;transition-duration:70ms}.reaction__selected .reaction__animated{transition-duration:.14s}.reaction__trigger:hover .reaction__selected .reaction__still{transition-delay:70ms}@keyframes hold-progress{to{--hold-progress: 100%}}@media(prefers-reduced-motion:reduce){.reaction__trigger,.reaction__trigger:before,.reaction__icon,.reaction__empty,.reaction__selected,.reaction__listbox,.reaction__media{transition-duration:.01ms!important;animation-duration:.01ms!important}}[data-motion=false] :is(.reaction__trigger,.reaction__trigger:before,.reaction__icon,.reaction__empty,.reaction__selected,.reaction__listbox,.reaction__media){transition-duration:.01ms!important;animation-duration:.01ms!important}}@layer demo{main{display:grid;width:100vw;min-height:100vh;min-height:100svh;place-items:center}div.tp-dfwv{position:fixed;width:256px;border-radius:var(--bs-br)}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}}@layer gem{.brand-link{position:fixed;top:1rem;left:1rem;display:grid;width:48px;aspect-ratio:1;place-items:center;color:canvasText;opacity:.72;transition:opacity .18s ease}.brand-link:is(:hover,:focus-visible){opacity:1}.craft-link .spinner{width:24px}.gem__facet{transform-box:fill-box;transform-origin:center}.gem__facet--top{--spin-to: 360deg;transform:scaleY(-1)}@media(prefers-reduced-motion:no-preference){.gem__facet{animation:gem-spin 30s infinite linear;animation-composition:add}.brand-link:is(:hover,:focus-visible) .gem__facet{animation-duration:1.2s}}@keyframes gem-spin{to{rotate:var(--spin-to, -360deg)}}}