.gb[data-v-f9a3712e]{--h:var(--ui-field-md);--fs:13px;--gap:8px;--pad:16px;--track:.22;--cut:calc(var(--h) * .24);--rim:1px;--trail:0px;height:var(--h);padding:0 calc(var(--cut) + var(--pad) - var(--trail)) 0 calc(var(--cut) + var(--pad));color:var(--ui-text);font-family:var(--font-ui);font-size:var(--fs);text-align:center;white-space:nowrap;cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-content:center;align-items:center;margin:0;font-weight:500;line-height:1;text-decoration:none;display:inline-flex;position:relative}.gb--xs[data-v-f9a3712e]{--h:var(--ui-field-xs);--fs:11px;--gap:6px;--pad:10px;--track:.18}.gb--sm[data-v-f9a3712e]{--h:var(--ui-field-sm);--fs:12px;--gap:7px;--pad:13px;--track:.2}.gb--md[data-v-f9a3712e]{--h:var(--ui-field-md);--fs:13px;--gap:8px;--pad:16px;--track:.22}.gb--lg[data-v-f9a3712e]{--h:var(--ui-field-lg);--fs:15px;--gap:10px;--pad:20px;--track:.24}.gb--xl[data-v-f9a3712e]{--h:var(--ui-field-xl);--fs:17px;--gap:12px;--pad:26px;--track:.26}.gb--caps[data-v-f9a3712e]{--trail:calc(var(--fs) * var(--track));letter-spacing:calc(var(--track) * 1em);text-transform:uppercase}.gb--block[data-v-f9a3712e]{width:100%;display:flex}.gb--square[data-v-f9a3712e]{--trail:0px;width:var(--h);padding:0}.gb__face[data-v-f9a3712e]{--l:var(--rim);clip-path:polygon(calc(var(--cut) + var(--l) * .4142) var(--l),calc(100% - var(--cut) - var(--l) * .4142) var(--l),calc(100% - var(--l)) calc(var(--cut) + var(--l) * .4142),calc(100% - var(--l)) calc(100% - var(--cut) - var(--l) * .4142),calc(100% - var(--cut) - var(--l) * .4142) calc(100% - var(--l)),calc(var(--cut) + var(--l) * .4142) calc(100% - var(--l)),var(--l) calc(100% - var(--cut) - var(--l) * .4142),var(--l) calc(var(--cut) + var(--l) * .4142));pointer-events:none;position:absolute;inset:0}.gb__focus[data-v-f9a3712e],.gb__halo-ring[data-v-f9a3712e],.gb__inner[data-v-f9a3712e],.gb__rim[data-v-f9a3712e]{--o:0px;--s:2px;--c:calc(var(--cut) + var(--o) * .5858);inset:calc(-1 * var(--o));clip-path:polygon(evenodd,var(--c) 0,calc(100% - var(--c)) 0,100% var(--c),100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,var(--c) 100%,0 calc(100% - var(--c)),0 var(--c),var(--c) 0,calc(var(--c) + var(--s) * .4142) var(--s),var(--s) calc(var(--c) + var(--s) * .4142),var(--s) calc(100% - var(--c) - var(--s) * .4142),calc(var(--c) + var(--s) * .4142) calc(100% - var(--s)),calc(100% - var(--c) - var(--s) * .4142) calc(100% - var(--s)),calc(100% - var(--s)) calc(100% - var(--c) - var(--s) * .4142),calc(100% - var(--s)) calc(var(--c) + var(--s) * .4142),calc(100% - var(--c) - var(--s) * .4142) var(--s),calc(var(--c) + var(--s) * .4142) var(--s));pointer-events:none;position:absolute}.gb__rim[data-v-f9a3712e]{--s:var(--rim)}.gb__focus[data-v-f9a3712e]{--o:4px;--s:1.5px}.gb__inner[data-v-f9a3712e]{--o:-3px;--s:1px}.gb__bar[data-v-f9a3712e]{bottom:2px;left:calc(4px + var(--cut));right:calc(4px + var(--cut));transform-origin:50%;height:1px}.gb__bar[data-v-f9a3712e],.gb__gem[data-v-f9a3712e],.gb__halo[data-v-f9a3712e],.gb__label[data-v-f9a3712e]:after,.gb__label[data-v-f9a3712e]:before,.gb__rivet[data-v-f9a3712e]{pointer-events:none;position:absolute}.gb__rivet[data-v-f9a3712e]{--at:calc(-1.5px + var(--cut) / 2);width:3px;height:3px;rotate:45deg}.gb__rivet--tl[data-v-f9a3712e]{top:var(--at);left:var(--at)}.gb__rivet--tr[data-v-f9a3712e]{top:var(--at);right:var(--at)}.gb__rivet--bl[data-v-f9a3712e]{bottom:var(--at);left:var(--at)}.gb__rivet--br[data-v-f9a3712e]{right:var(--at);bottom:var(--at)}.gb--square .gb__gem[data-v-f9a3712e],.gb--square .gb__label[data-v-f9a3712e]:after,.gb--square .gb__label[data-v-f9a3712e]:before,.gb--xs .gb__gem[data-v-f9a3712e],.gb--xs .gb__label[data-v-f9a3712e]:after,.gb--xs .gb__label[data-v-f9a3712e]:before,.gb--xs .gb__rivet[data-v-f9a3712e]{display:none}.gb__label[data-v-f9a3712e]:after,.gb__label[data-v-f9a3712e]:before{width:calc(-3px + var(--pad));content:"";height:5px;margin-top:-2.5px;top:50%}.gb__label[data-v-f9a3712e]:before{transform-origin:100%;clip-path:polygon(0 2px,calc(100% - 5px) 2px,calc(100% - 2.5px) 0,100% 2.5px,calc(100% - 2.5px) 5px,calc(100% - 5px) 3px,0 3px);right:calc(100% + 6px)}.gb__label[data-v-f9a3712e]:after{left:calc(100% + 6px - var(--trail));transform-origin:0;clip-path:polygon(100% 2px,5px 2px,2.5px 0,0 2.5px,2.5px 5px,5px 3px,100% 3px)}.gb--ghost.gb--block .gb__label[data-v-f9a3712e]:after,.gb--ghost.gb--block .gb__label[data-v-f9a3712e]:before{width:30px}.gb__gem[data-v-f9a3712e]{width:5px;height:5px;margin-top:-2.5px;top:50%;rotate:45deg}.gb__gem--l[data-v-f9a3712e]{left:-2px}.gb__gem--r[data-v-f9a3712e]{right:-2px}.gb__halo[data-v-f9a3712e]{filter:blur(6px);inset:0}.gb__label[data-v-f9a3712e]{justify-content:center;align-items:center;gap:var(--gap);display:inline-flex;position:relative}.gb[data-v-f9a3712e]{--tone:var(--ui-tone);--line:color-mix(in oklab, var(--tone) 24%, var(--ui-line));--line-hover:color-mix(in oklab, var(--tone) 75%, transparent);--glass:color-mix(in oklab, var(--color-void-950) 84%, transparent);--glow:0;--frame:0;--bar:.3;--gem:color-mix(in oklab, var(--tone) 32%, transparent);--hatch:.55;--rivet:color-mix(in oklab, var(--tone) 40%, transparent);--mark:color-mix(in oklab, var(--tone) 40%, transparent);--mark-reach:.7;--ink:color-mix(in oklab, var(--ui-text) 74%, transparent);color:var(--ink);transition:transform .2s,color .2s}.gb--plain[data-v-f9a3712e]{--glass:color-mix(in oklab, var(--color-void-900) 88%, transparent)}.gb--outline[data-v-f9a3712e]{--glass:color-mix(in oklab, var(--color-void-950) 62%, transparent)}.gb--ghost[data-v-f9a3712e]{--line:transparent;--line-hover:transparent;--glass:transparent;--gem:transparent;--bar:0;--hatch:0;--rivet:transparent;--mark:color-mix(in oklab, var(--tone) 38%, transparent)}.gb--ghost .gb__face[data-v-f9a3712e]{background:0 0}.gb--spectrum[data-v-f9a3712e]{--line:color-mix(in oklab, var(--tone) 80%, transparent);--line-hover:var(--tone);--hatch:.9;--rivet:var(--tone);--mark:var(--tone);--mark-reach:1;--glow:.7;--frame:.7;--bar:1;--gem:var(--tone);--ink:var(--ui-text)}.gb__halo-ring[data-v-f9a3712e],.gb__rim[data-v-f9a3712e]{background:var(--line);transition:background-color .2s}.gb__face[data-v-f9a3712e]{background:linear-gradient(to bottom,#ffffff0d,transparent 42%),linear-gradient(to top,color-mix(in oklab,var(--tone) 6%,transparent),transparent 55%),var(--glass);transition:background-color .2s}.gb__face[data-v-f9a3712e]:before{background:radial-gradient(ellipse 75% 110% at 50% 135%,color-mix(in oklab,var(--tone) 26%,transparent),transparent 72%);opacity:var(--glow)}.gb__face[data-v-f9a3712e]:after,.gb__face[data-v-f9a3712e]:before{content:"";transition:opacity .25s;position:absolute;inset:0}.gb__face[data-v-f9a3712e]:after{background:repeating-linear-gradient(-45deg,color-mix(in oklab,var(--tone) 11%,transparent) 0 1px,transparent 1px 5px);opacity:var(--hatch);-webkit-mask-image:linear-gradient(90deg,#000,#0000 24% 76%,#000);mask-image:linear-gradient(90deg,#000,#0000 24% 76%,#000)}.gb__rivet[data-v-f9a3712e]{background:var(--rivet);transition:background-color .2s}.gb__label[data-v-f9a3712e]:before{background:linear-gradient(90deg,transparent,var(--mark))}.gb__label[data-v-f9a3712e]:after{background:linear-gradient(90deg,var(--mark),transparent)}.gb__label[data-v-f9a3712e]:after,.gb__label[data-v-f9a3712e]:before{transform:scaleX(var(--mark-reach));transition:transform .3s cubic-bezier(.2,.8,.3,1),background .2s}.gb__inner[data-v-f9a3712e]{background:color-mix(in oklab,var(--tone) 34%,transparent);opacity:var(--frame);transition:opacity .25s}.gb__bar[data-v-f9a3712e]{background:linear-gradient(90deg,transparent,var(--tone) 30%,color-mix(in oklab,var(--tone) 60%,#fff) 50%,var(--tone) 70%,transparent);opacity:calc(.35 + var(--bar) * .65);transform:scaleX(var(--bar));transition:transform .3s cubic-bezier(.2,.8,.3,1),opacity .25s}.gb__gem[data-v-f9a3712e]{background:var(--gem);transition:background-color .2s}.gb--ghost .gb__bar[data-v-f9a3712e],.gb--ghost .gb__gem[data-v-f9a3712e],.gb--ghost .gb__inner[data-v-f9a3712e],.gb:disabled .gb__halo[data-v-f9a3712e]{display:none}.gb__halo[data-v-f9a3712e]{opacity:.55;transition:opacity .25s}.gb__focus[data-v-f9a3712e]{background:var(--color-lux);opacity:0;transition:opacity .12s}.gb[data-v-f9a3712e]:focus-visible{outline:none}.gb:focus-visible .gb__focus[data-v-f9a3712e]{opacity:1}.gb[data-v-f9a3712e]:focus-visible,.gb[data-v-f9a3712e]:not(:disabled):hover{--line:var(--line-hover);--glow:1;--frame:1;--bar:1;--gem:var(--tone);--hatch:1;--rivet:var(--tone);--mark:var(--tone);--mark-reach:1;--ink:var(--ui-text)}.gb--ghost[data-v-f9a3712e]:focus-visible,.gb--ghost[data-v-f9a3712e]:not(:disabled):hover{--line:transparent;--glow:0;--frame:0;--hatch:0;--rivet:transparent;--mark:var(--tone)}.gb--ghost[data-v-f9a3712e]:not(:disabled):active{--ink:var(--tone)}.gb--ghost:not(:disabled):active .gb__face[data-v-f9a3712e]:before{opacity:0}.gb:not(:disabled):hover .gb__halo[data-v-f9a3712e]{opacity:.9}.gb[data-v-f9a3712e]:not(:disabled):active{transform:translateY(0)scale(.99)}.gb:not(:disabled):active .gb__face[data-v-f9a3712e]:before{opacity:1;filter:brightness(1.4)}.gb[data-v-f9a3712e]:disabled{cursor:not-allowed;opacity:.45;filter:saturate(.12);pointer-events:none}@media (prefers-reduced-motion:reduce){.gb[data-v-f9a3712e],.gb__bar[data-v-f9a3712e],.gb__face[data-v-f9a3712e],.gb__face[data-v-f9a3712e]:after,.gb__face[data-v-f9a3712e]:before,.gb__focus[data-v-f9a3712e],.gb__gem[data-v-f9a3712e],.gb__halo[data-v-f9a3712e],.gb__halo-ring[data-v-f9a3712e],.gb__inner[data-v-f9a3712e],.gb__label[data-v-f9a3712e]:after,.gb__label[data-v-f9a3712e]:before,.gb__rim[data-v-f9a3712e],.gb__rivet[data-v-f9a3712e]{transition:none}}