@layer veneer.components{:where([data-scope=button]){--_fill:var(--_solid);--_ink:var(--_ink-on);--_edge:transparent;--_layer:var(--_solid-hover);--_layer-a:1;isolation:isolate;justify-content:center;align-items:center;gap:var(--veneer-space-related);block-size:var(--veneer-control-md);padding-inline:calc(var(--veneer-pad-control) + 2px);border:var(--veneer-border-hairline) solid var(--veneer-tone-edge,var(--_edge));border-radius:var(--veneer-radius-control);background:var(--veneer-tone-fill,var(--_fill));color:var(--veneer-tone-ink,var(--_ink));font-family:var(--veneer-text-button-font);font-size:var(--veneer-text-button-size);font-weight:var(--veneer-text-button-weight);letter-spacing:var(--veneer-text-button-tracking);text-transform:var(--veneer-text-button-case);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;--_settle:calc(var(--veneer-spring-duration) - var(--veneer-btn-fill) * .3s * var(--veneer-motion-scale));transition:scale var(--_settle) var(--veneer-ease-spring), translate var(--_settle) var(--veneer-ease-spring), box-shadow var(--_settle) var(--veneer-ease-spring), border-color var(--veneer-touch-out) var(--veneer-ease-out), color var(--veneer-touch-out) var(--veneer-ease-out);margin:0;line-height:1;text-decoration:none;display:inline-flex;position:relative}:where([data-scope=button]:hover){transition-property:scale,translate,box-shadow}:where([data-scope=button]){--_x:var(--veneer-mx,50%);--_y:var(--veneer-my,50%);--_ptr:0;--_pa:var(--_solid-hover);--_pb:var(--_solid-hover);--_off:color-mix(in oklab, var(--veneer-offset-color) 68%, var(--_solid))}:where([data-scope=button][data-follow]){--_ptr:1}:where([data-scope=button]:not([data-emphasis])){--_pa:color-mix(in oklab, black 9%, var(--_solid));--_pb:color-mix(in oklab, black 13%, var(--_solid))}@supports (color:oklch(from red l c h)){:where([data-scope=button]:not([data-emphasis])){--_pa:oklch(from var(--_solid) calc(l - .05) c h);--_pb:oklch(from var(--_solid) calc(l - .07) c h)}}:where([data-scope=button]:not([data-emphasis],[data-tone])){--_solid:var(--veneer-color-primary-solid);--_solid-hover:var(--veneer-color-primary-solid-hover);--_ink-on:var(--veneer-color-primary-on-solid)}:where([data-scope=button]:focus-visible:not(:hover)),:where([data-scope=button][data-hold]:not(:hover)),:where([data-scope=button][data-state=open]:not(:hover)),:where([data-scope=button][aria-expanded=true]:not(:hover)){--_x:50%;--_y:50%}:where([data-scope=button][data-emphasis=soft]),:where([data-scope=button][data-emphasis=outline]),:where([data-scope=button][data-emphasis=ghost]){--_pa:color-mix(in oklab, var(--_solid) 22%, var(--veneer-color-surface));--_pb:color-mix(in oklab, var(--_solid) 28%, var(--veneer-color-surface))}:where([data-scope=button][data-emphasis=frame]),:where([data-scope=button][data-emphasis=link]),:where([data-scope=button]:disabled),:where([data-scope=button][aria-disabled=true]){--veneer-btn-fill:0}:where([data-scope=button]:not([data-emphasis])),:where([data-scope=button][data-emphasis=ghost]){--_on:0;--veneer-color-sweep:var(--_off)}:where([data-scope=button]:not([data-emphasis]))>:where([data-part=sweep]){display:none}:where([data-scope=button][data-emphasis=ghost])>:where([data-part=sweep]){clip-path:none;opacity:calc(var(--_a,0) * var(--veneer-btn-fill));transition:var(--_edges), opacity var(--veneer-duration-base) var(--veneer-ease-out)}:where([data-scope=button]:disabled),:where([data-scope=button][aria-disabled=true]){--_on:0}:where([data-scope=button]):before{content:"";z-index:-1;pointer-events:none;border-radius:inherit;--_D:calc(var(--veneer-fill-duration) * var(--veneer-motion-scale));--_fo:calc(1 - var(--_a,0));--_fr:calc(var(--_a,0) * 1.3 * var(--veneer-btn-fill) * var(--_ptr));--_fa:calc(var(--_fr) * (var(--_x) + 7%) * var(--veneer-lead-a,1));--_fb:calc(var(--_fr) * (107% - var(--_x)) * var(--veneer-lead-b,1));--_fu:calc(var(--_fb) * .1 + var(--_fr) * 5%);background-color:color-mix(in oklab, var(--veneer-tone-layer,var(--_layer)) calc((1 - var(--veneer-btn-fill)) * 100%), color-mix(in oklab, var(--_pa) calc((1 - var(--_fo) * var(--_ptr)) * 100%), transparent));opacity:calc(var(--veneer-btn-fill) + (1 - var(--veneer-btn-fill)) * var(--_layer-a));--_wp:calc(var(--veneer-btn-fill) * var(--_ptr));--_wo:0;clip-path:inset(0 calc((1 - var(--_wp)) * 100% * var(--_wo)) 0 calc((1 - var(--_wp)) * 100% * (1 - var(--_wo))));background-origin:border-box;background-image:radial-gradient(ellipse calc(var(--_fb) * .44) 95% at calc(var(--_x) + var(--_fb) * .44 + var(--_fo) * var(--_fb)) calc(var(--_y) - 42% + (var(--_y) - 50%) * .35), var(--_pb) 0 58%, color-mix(in oklab, var(--_pb) 50%, transparent) 80%, transparent 100%), radial-gradient(ellipse calc(var(--_fb) * .5) 185% at calc(var(--_x) + var(--_fb) * .5 + var(--_fo) * var(--_fb)) var(--_y), var(--_pb) 0 62%, color-mix(in oklab, var(--_pb) 50%, transparent) 82%, transparent 100%), radial-gradient(ellipse calc((var(--_fa) + var(--_fu)) * .5) 260% at calc(var(--_x) - (var(--_fa) - var(--_fu)) * .5 - var(--_fo) * var(--_fa) * 1.35) calc(var(--_y) + var(--_fr) * 3%), var(--_pa) 0 66%, color-mix(in oklab, var(--_pa) 50%, transparent) 84%, transparent 100%);transition:--_wp var(--veneer-sweep-duration) var(--veneer-sweep-ease),  --_fo var(--_D) var(--veneer-sweep-ease-in),  --_fr 1ms linear calc((1 - var(--_a,0)) * var(--_D));position:absolute;inset:0}:where([data-scope=button]:hover):before,:where([data-scope=button]:focus-visible):before,:where([data-scope=button][data-hold]):before,:where([data-scope=button][data-state=open]):before,:where([data-scope=button][aria-expanded=true]):before{--_wp:1;--_wo:1;transition-duration:var(--veneer-sweep-duration), var(--_D), 1ms}:where([data-scope=button][data-wipe=back]):before{--_wo:1}:where([data-scope=button][data-wipe=back]:is(:hover,:focus-visible,[data-hold],[data-state=open],[aria-expanded=true])):before{--_wo:0}@media (hover:none){:where([data-scope=button]:active):before{transition-duration:var(--veneer-duration-base), 0s, 1ms}}:where([data-scope=button][data-tone]:not([data-tone=accent]):not([data-tone=neutral])){--veneer-color-sweep:var(--_text)}:where([data-scope=button][data-emphasis=frame]){--_fill:transparent;--_ink:var(--veneer-color-text);--_layer:var(--veneer-color-text);--_layer-a:calc(var(--veneer-state-hover) * (1 - var(--_on,0)));--_tone-ink:var(--_ink-on);--veneer-sweep-fill:var(--_solid);--veneer-sweep-radius:0px;border-radius:min(var(--veneer-radius-mark), 2px);border-color:#0000;overflow:clip}:where([data-scope=button][data-emphasis=frame][data-tone]:not([data-tone=accent])){--_tone:var(--_text)}:where([data-scope=button][data-emphasis=frame][data-tone=neutral]){--_tone:var(--veneer-color-text)}:where([data-scope=button][data-emphasis=frame]:hover),:where([data-scope=button][data-emphasis=frame]:focus-visible){color:var(--_ink)}:where([data-scope=button])>:where([data-part=sweep-fill]){clip-path:inset(0 calc(var(--_sr) * var(--_on,1)) 0 calc(var(--_sl) * var(--_on,1)));transform:none}:where([data-scope=button][data-wipe=back])>:where([data-part=sweep-fill]){clip-path:inset(0 calc(var(--_sl) * var(--_on,1)) 0 calc(var(--_sr) * var(--_on,1)))}:where([data-scope=button][data-wipe=back])>:where([data-part=sweep]){clip-path:inset(0 var(--_sl) 0 var(--_sr))}:where([data-scope=button][data-wipe=back])>:where([data-part=sweep-base]){clip-path:inset(0 calc((100% - var(--_sr)) * var(--_a,0) * var(--_on,1)) 0 0)}:where([data-scope=button][data-wipe=back])>:where([data-part=sweep-corners],[data-part=sweep-content]){clip-path:inset(0 var(--_sl) 0 var(--_sr))}:where([data-scope=button]):after{content:"";pointer-events:auto;inset:min(0px, calc((100% - var(--veneer-hit-min)) / 2));position:absolute}:where([data-scope=button]:active),:where([data-scope=button][data-press]){scale:var(--veneer-press);transition-duration:0s}:where([data-scope=button]:not([data-emphasis]):active):before{filter:brightness(.94)}:where([data-scope=button]:not([data-emphasis],:disabled,[aria-disabled=true])){box-shadow:0 0 0 var(--_off), inset 0 1px 0 color-mix(in oklab, white calc(var(--veneer-btn-fill) * 22%), transparent);background-image:linear-gradient(180deg, color-mix(in oklab, white calc(var(--veneer-btn-fill) * 10%), transparent), transparent 62%, color-mix(in oklab, black calc(var(--veneer-btn-fill) * 7%), transparent))}:where([data-scope=button]:not([data-emphasis]):active){box-shadow:0 0 0 var(--_off);translate:0}:where([data-scope=button][data-emphasis]:active):before{opacity:calc(var(--veneer-btn-fill) + (1 - var(--veneer-btn-fill)) * var(--_layer-a) * 1.55)}@media (hover:hover){:where([data-scope=button]:hover:not(:active,:disabled,[aria-disabled=true],[data-emphasis=frame],[data-emphasis=link])){translate:calc(-2px * var(--veneer-btn-fill) * var(--veneer-motion-scale)) calc(-2px * var(--veneer-btn-fill) * var(--veneer-motion-scale));box-shadow:calc((var(--veneer-offset) + 1px) * var(--veneer-btn-fill)) calc((var(--veneer-offset) + 2px) * var(--veneer-btn-fill)) 0 var(--_off), inset 0 1px 0 color-mix(in oklab, white calc(var(--veneer-btn-fill) * 22%), transparent)}:where([data-scope=button][data-wipe=back]:hover:not(:active,:disabled,[aria-disabled=true],[data-emphasis=frame],[data-emphasis=link])){translate:calc(2px * var(--veneer-btn-fill) * var(--veneer-motion-scale)) calc(-2px * var(--veneer-btn-fill) * var(--veneer-motion-scale));box-shadow:calc((var(--veneer-offset) + 1px) * var(--veneer-btn-fill) * -1) calc((var(--veneer-offset) + 2px) * var(--veneer-btn-fill)) 0 var(--_off), inset 0 1px 0 color-mix(in oklab, white calc(var(--veneer-btn-fill) * 22%), transparent)}}:where([data-scope=button][data-emphasis=soft]){--_fill:var(--_soft);--_ink:var(--_text);--_layer:currentColor;--_layer-a:var(--veneer-state-hover)}:where([data-scope=button][data-emphasis=outline]){--_fill:transparent;--_ink:var(--_text);--_edge:var(--veneer-color-border-strong);--_layer:currentColor;--_layer-a:var(--veneer-state-hover)}:where([data-scope=button][data-emphasis=outline]:hover){--_edge:var(--veneer-color-border-control)}:where([data-scope=button][data-emphasis=ghost]){--_fill:transparent;--_ink:var(--_text);--_layer:currentColor;--_layer-a:var(--veneer-state-hover)}:where([data-scope=button][data-emphasis=ghost][data-tone=neutral]),:where([data-scope=button][data-emphasis=outline][data-tone=neutral]){--_ink:var(--veneer-color-text)}:where([data-scope=button][data-emphasis=link]){--_fill:transparent;--_ink:var(--_text);--_layer:transparent;--_layer-a:0;border-radius:var(--veneer-radius-mark);block-size:auto;font-family:var(--veneer-text-body-font);font-size:inherit;letter-spacing:0;text-transform:none;text-decoration:underline;text-decoration-thickness:var(--veneer-border-hairline);text-underline-offset:.22em;-webkit-text-decoration-color:color-mix(in oklab, currentColor 45%, transparent);text-decoration-color:color-mix(in oklab, currentColor 45%, transparent);border:0;padding:0;font-weight:500}:where([data-scope=button][data-emphasis=link]:hover){text-decoration-color:currentColor;text-decoration-thickness:var(--veneer-border-emphasis)}:where([data-scope=button][data-emphasis=link]:active){scale:1}:where([data-scope=button][data-size=sm]){block-size:var(--veneer-control-sm);padding-inline:var(--veneer-pad-control);gap:calc(var(--veneer-space-related) * .75);--veneer-offset:calc(var(--veneer-ref-offset) / 3)}:where([data-scope=button][data-size=lg]){block-size:var(--veneer-control-lg);padding-inline:calc(var(--veneer-pad-control) * 1.5)}:where([data-scope=button][data-size=sm]) :where(svg[data-icon]){inline-size:var(--veneer-icon-sm);block-size:var(--veneer-icon-sm)}:where([data-scope=button][data-size=lg]) :where(svg[data-icon]){inline-size:var(--veneer-icon-lg);block-size:var(--veneer-icon-lg)}:where([data-scope=button]:is([data-icon-only],[data-act=copy]:not(:has([data-part=label])))){inline-size:var(--veneer-control-md);flex:none;padding:0}:where([data-scope=button]:is([data-icon-only],[data-act=copy]:not(:has([data-part=label])))[data-size=sm]){inline-size:var(--veneer-control-sm)}:where([data-scope=button]:is([data-icon-only],[data-act=copy]:not(:has([data-part=label])))[data-size=lg]){inline-size:var(--veneer-control-lg)}:where([data-scope=button]:is([data-icon-only],[data-act=copy]:not(:has([data-part=label])))):after{inset-inline:min(0px, calc((100% - var(--veneer-hit-min)) / 2))}:where([data-scope=button][data-collapse]){--_square:var(--veneer-control-md)}:where([data-scope=button][data-collapse][data-size=sm]){--_square:var(--veneer-control-sm)}:where([data-scope=button][data-collapse][data-size=lg]){--_square:var(--veneer-control-lg)}@media (width<=599.98px){:root:not([data-form]) :where([data-scope=button][data-collapse]){inline-size:var(--_square)!important;justify-content:center!important;padding-inline:0!important}:root:not([data-form]) :where([data-scope=button][data-collapse]):after{inset-inline:min(0px, calc((100% - var(--veneer-hit-min)) / 2))}:root:not([data-form]) :where([data-scope=button][data-collapse] [data-part=collapse]){clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:clip}}@media (width<=1023.98px){:root:not([data-form]) :where([data-scope=button][data-collapse=tablet]){inline-size:var(--_square)!important;justify-content:center!important;padding-inline:0!important}:root:not([data-form]) :where([data-scope=button][data-collapse=tablet]):after{inset-inline:min(0px, calc((100% - var(--veneer-hit-min)) / 2))}:root:not([data-form]) :where([data-scope=button][data-collapse=tablet] [data-part=collapse]){clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:clip}}:where([data-form=phone]) :where([data-scope=button][data-collapse]),:where([data-form=tablet]) :where([data-scope=button][data-collapse=tablet]){inline-size:var(--_square)!important;justify-content:center!important;padding-inline:0!important}:where([data-form=phone]) :where([data-scope=button][data-collapse]):after,:where([data-form=tablet]) :where([data-scope=button][data-collapse=tablet]):after{inset-inline:min(0px, calc((100% - var(--veneer-hit-min)) / 2))}:where([data-form=phone]) :where([data-scope=button][data-collapse]) :where([data-part=collapse]),:where([data-form=tablet]) :where([data-scope=button][data-collapse=tablet]) :where([data-part=collapse]){clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:clip}:where([data-scope=button]:disabled),:where([data-scope=button][aria-disabled=true]:not([data-loading])){opacity:var(--veneer-opacity-disabled);cursor:not-allowed}:where([data-scope=button]:disabled):before,:where([data-scope=button][aria-disabled=true]):before{opacity:0}:where([data-scope=button]:disabled:active),:where([data-scope=button][aria-disabled=true]:active){translate:0;scale:1}:where([data-scope=button][data-full]){inline-size:100%}:where([data-scope=button][data-loading]){cursor:progress}:where([data-scope=button][data-loading])>:where(:not([data-part=spinner])){opacity:0;scale:.96}:where([data-scope=button])>:where([data-part=label]){transition:opacity var(--veneer-duration-fast) var(--veneer-ease-out), scale var(--veneer-duration-fast) var(--veneer-ease-out)}:where([data-scope=button])>:where([data-part=spinner]){color:var(--_ink);border-color:color-mix(in oklab, var(--_ink) 30%, transparent);border-block-start-color:var(--_ink);margin:auto;position:absolute;inset:0}:where([data-scope=button])>:where([data-part=label]){align-items:center;gap:inherit;display:inline-flex}}