.pixel-btn.svelte-162hjds{--travel: 5px;--lip: 4px;--press: 4px;--base-top: 10px;--base-ring: 9px;--base-edge: 4px;--band-hi: 7px;--band-lo: 6px;--glint: linear-gradient(var(--cap-glint), var(--cap-glint)) 8px 3px / 16px 2px no-repeat;--pad: 9px 26px 11px;--corner: polygon( 0 8px, 2px 8px, 2px 4px, 4px 4px, 4px 2px, 8px 2px, 8px 0, calc(100% - 8px) 0, calc(100% - 8px) 2px, calc(100% - 4px) 2px, calc(100% - 4px) 4px, calc(100% - 2px) 4px, calc(100% - 2px) 8px, 100% 8px, 100% calc(100% - 8px) , calc(100% - 2px) calc(100% - 8px) , calc(100% - 2px) calc(100% - 4px) , calc(100% - 4px) calc(100% - 4px) , calc(100% - 4px) calc(100% - 2px) , calc(100% - 8px) calc(100% - 2px) , calc(100% - 8px) 100%, 8px 100%, 8px calc(100% - 2px) , 4px calc(100% - 2px) , 4px calc(100% - 4px) , 2px calc(100% - 4px) , 2px calc(100% - 8px) , 0 calc(100% - 8px) );--cap-hi: var(--btn-cap-hi);--cap-face: var(--btn-cap);--cap-lo: var(--btn-cap-lo);--cap-glint: var(--btn-glint);position:relative;display:inline-block;padding:0 var(--lip) var(--travel);border:0;background:none;cursor:pointer;text-decoration:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.pixel-btn.sm.svelte-162hjds{--travel: 3px;--lip: 3px;--press: 2px;--base-top: 6px;--base-ring: 5px;--base-edge: 2px;--band-hi: 4px;--band-lo: 3px;--glint: linear-gradient(var(--cap-glint), var(--cap-glint)) 5px 2px / 8px 2px no-repeat;--pad: 3px 10px 5px;--corner: polygon( 0 4px, 2px 4px, 2px 2px, 4px 2px, 4px 0, calc(100% - 4px) 0, calc(100% - 4px) 2px, calc(100% - 2px) 2px, calc(100% - 2px) 4px, 100% 4px, 100% calc(100% - 4px) , calc(100% - 2px) calc(100% - 4px) , calc(100% - 2px) calc(100% - 2px) , calc(100% - 4px) calc(100% - 2px) , calc(100% - 4px) 100%, 4px 100%, 4px calc(100% - 2px) , 2px calc(100% - 2px) , 2px calc(100% - 4px) , 0 calc(100% - 4px) )}.pixel-btn.xs.svelte-162hjds{--travel: 2px;--lip: 2px;--press: 1px;--base-top: 5px;--base-ring: 4px;--base-edge: 2px;--band-hi: 3px;--band-lo: 2px;--glint: linear-gradient(var(--cap-glint), var(--cap-glint)) 4px 2px / 6px 2px no-repeat;--pad: 2px 7px 3px;font-size:.72rem;--corner: polygon( 0 4px, 2px 4px, 2px 2px, 4px 2px, 4px 0, calc(100% - 4px) 0, calc(100% - 4px) 2px, calc(100% - 2px) 2px, calc(100% - 2px) 4px, 100% 4px, 100% calc(100% - 4px) , calc(100% - 2px) calc(100% - 4px) , calc(100% - 2px) calc(100% - 2px) , calc(100% - 4px) calc(100% - 2px) , calc(100% - 4px) 100%, 4px 100%, 4px calc(100% - 2px) , 2px calc(100% - 2px) , 2px calc(100% - 4px) , 0 calc(100% - 4px) )}.pixel-btn.cap-paper.svelte-162hjds{--cap-hi: var(--ink-on-dark);--cap-face: var(--paper);--cap-lo: var(--mist-200);--cap-glint: var(--ink-on-dark)}.pixel-btn.flat.svelte-162hjds{--travel: 0px;--lip: 0px;--press: 1px}.pixel-btn.flat.svelte-162hjds .base:where(.svelte-162hjds){display:none}.pixel-btn.cap-sky.svelte-162hjds{--cap-hi: color-mix(in srgb, var(--navy) 55%, var(--day-sea));--cap-face: var(--navy);--cap-lo: var(--night-sky);--cap-glint: color-mix(in srgb, var(--navy) 45%, var(--ink-on-dark));--label-color: var(--ink-on-dark)}.cap.svelte-162hjds,.face.svelte-162hjds,.base.svelte-162hjds,.base.svelte-162hjds:before{clip-path:var(--corner)}.base.svelte-162hjds{position:absolute;inset:var(--base-top) 0 0;background:var(--ink)}.base.svelte-162hjds:before{content:"";position:absolute;inset:2px;background:linear-gradient(to bottom,var(--paper) 0 calc(100% - var(--base-ring)),var(--steel-300) calc(100% - var(--base-ring)) calc(100% - var(--base-edge)),var(--steel-500) calc(100% - var(--base-edge)))}.cap.svelte-162hjds{position:relative;z-index:1;display:block;background:var(--ink);transition:transform 70ms linear}.face.svelte-162hjds{position:absolute;inset:2px;background:var(--glint),linear-gradient(to bottom,var(--cap-hi) 0 var(--band-hi),var(--cap-face) var(--band-hi) calc(100% - var(--band-lo)),var(--cap-lo) calc(100% - var(--band-lo)))}.label.svelte-162hjds{position:relative;display:block;padding:var(--pad);color:var(--label-color, var(--ink))}.pixel-btn.svelte-162hjds:hover .cap:where(.svelte-162hjds){transform:translateY(-1px)}.pixel-btn.svelte-162hjds:active .cap:where(.svelte-162hjds),.pixel-btn[aria-pressed=true].svelte-162hjds .cap:where(.svelte-162hjds),.pixel-btn[aria-checked=true].svelte-162hjds .cap:where(.svelte-162hjds){transform:translateY(var(--press))}.pixel-swatch.svelte-b4x5q7{--pixel-clip: polygon( 0 4px, 2px 4px, 2px 2px, 4px 2px, 4px 0, calc(100% - 4px) 0, calc(100% - 4px) 2px, calc(100% - 2px) 2px, calc(100% - 2px) 4px, 100% 4px, 100% calc(100% - 4px) , calc(100% - 2px) calc(100% - 4px) , calc(100% - 2px) calc(100% - 2px) , calc(100% - 4px) calc(100% - 2px) , calc(100% - 4px) 100%, 4px 100%, 4px calc(100% - 2px) , 2px calc(100% - 2px) , 2px calc(100% - 4px) , 0 calc(100% - 4px) );clip-path:var(--pixel-clip)}.pixel-swatch.svelte-b4x5q7{position:relative;display:inline-block;width:1rem;height:1rem;background:#ffffffa6}.pixel-swatch.svelte-b4x5q7:before{content:"";position:absolute;inset:1px;background:repeating-linear-gradient(45deg,#2b3a4d 0 3px,#55637b 3px 6px);clip-path:var(--pixel-clip)}