@layer brand.components{.sa-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--gv-space-xs);min-height:var(--gv-target-min);padding-inline:var(--gv-space-lg);border:1px solid transparent;border-radius:var(--sa-radius-md);font-family:var(--gv-font-text);font-size:var(--gv-size-body);font-weight:var(--gv-wt-body-l);line-height:1;letter-spacing:var(--gv-track-body);text-decoration:none;cursor:pointer;transition:background-color var(--gv-dur-fast) var(--gv-ease-base),border-color var(--gv-dur-fast) var(--gv-ease-base),color var(--gv-dur-fast) var(--gv-ease-base);position:relative}.sa-btn--primary{background:var(--gv-positive);color:var(--gv-focus-on-fill)}.sa-btn--secondary{background:transparent;color:var(--gv-ink);border-color:var(--gv-border-control)}.sa-btn--dark{background:var(--gv-brand);color:var(--gv-on-brand)}.sa-btn--ghost{background:transparent;color:var(--gv-ink);border-color:transparent;padding-inline:var(--gv-space-sm)}.sa-btn--sm{min-height:var(--gv-target-min);font-size:var(--gv-size-body-s);padding-inline:var(--gv-space-md)}.sa-btn--lg{min-height:calc(var(--gv-target-min) + var(--gv-space-xs));font-size:var(--gv-size-body-l)}.sa-btn--block{width:100%}@media(hover:hover){.sa-btn--primary:hover{background:var(--gv-positive-500)}.sa-btn--secondary:hover{background:var(--gv-sunken);border-color:var(--gv-ink)}.sa-btn--dark:hover{background:var(--gv-brand-hover)}.sa-btn--ghost:hover{background:var(--gv-sunken)}}.sa-btn:active:not(:disabled){transform:translateY(1px)}.sa-btn:focus-visible{outline:2px solid var(--gv-focus);outline-offset:2px}.sa-btn--primary:focus-visible,.sa-btn--dark:focus-visible{outline-color:var(--gv-focus-on-fill);outline-offset:-4px}.sa-btn:disabled,.sa-btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;transform:none}.sa-btn[data-loading=true]{cursor:progress;color:transparent}.sa-btn[data-loading=true]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:1em;height:1em;border:2px solid currentColor;border-top-color:transparent;border-radius:var(--gv-radius-pill);color:var(--gv-focus-on-fill);animation:sa-spin var(--gv-dur-slow) linear infinite}.sa-btn--secondary[data-loading=true]:after,.sa-btn--ghost[data-loading=true]:after{color:var(--gv-ink)}@keyframes sa-spin{to{transform:rotate(1turn)}}.sa-field{display:grid;gap:var(--gv-space-2xs)}.sa-field__label{font:var(--gv-wt-body-l) var(--gv-size-body-s)/1 var(--gv-font-text);color:var(--gv-ink)}.sa-field__hint{font-size:var(--gv-size-body-s);color:var(--gv-ink-faint)}.sa-input,.sa-select,.sa-textarea{min-height:var(--gv-target-min);width:100%;padding:var(--gv-space-sm);border:1px solid var(--gv-border-control);border-radius:var(--gv-radius-sm);background:var(--gv-ground);color:var(--gv-ink);font-family:var(--gv-font-text);font-size:var(--gv-size-body);line-height:var(--gv-lh-body);transition:border-color var(--gv-dur-fast) var(--gv-ease-base),background-color var(--gv-dur-fast) var(--gv-ease-base)}.sa-textarea{min-height:calc(var(--gv-target-min) * 3);resize:vertical}.sa-input:focus-visible,.sa-select:focus-visible,.sa-textarea:focus-visible{outline:2px solid var(--gv-focus);outline-offset:1px;border-color:var(--gv-focus)}.sa-input:disabled,.sa-select:disabled,.sa-textarea:disabled{background:var(--gv-sunken);color:var(--gv-ink-faint);cursor:not-allowed}.sa-input[readonly],.sa-textarea[readonly]{background:var(--gv-sunken);border-style:dashed}.sa-field[data-invalid=true] .sa-input,.sa-field[data-invalid=true] .sa-select,.sa-field[data-invalid=true] .sa-textarea{border-color:var(--gv-negative);background:var(--gv-negative-bg)}.sa-field__error{display:flex;align-items:center;gap:var(--gv-space-2xs);font-size:var(--gv-size-body-s);color:var(--gv-negative)}.sa-swatch{display:flex;flex-wrap:wrap;gap:var(--gv-space-xs)}.sa-swatch__opt{min-height:var(--gv-target-min);min-width:calc(var(--gv-target-min) + var(--gv-space-sm));padding-inline:var(--gv-space-sm);background:var(--gv-ground);color:var(--gv-ink);border:1px solid var(--gv-border-control);border-radius:var(--sa-radius-md);font:var(--gv-wt-body) var(--gv-size-body-s)/1 var(--gv-font-text);cursor:pointer;transition:border-color var(--gv-dur-fast) var(--gv-ease-base),background-color var(--gv-dur-fast) var(--gv-ease-base)}@media(hover:hover){.sa-swatch__opt:not(:disabled):hover{border-color:var(--gv-ink)}}.sa-swatch__opt[aria-pressed=true]{border-color:var(--gv-ink);border-width:2px;background:var(--gv-sunken)}.sa-swatch__opt:focus-visible{outline:2px solid var(--gv-focus);outline-offset:2px}.sa-swatch__opt:disabled{opacity:.45;cursor:not-allowed;text-decoration:line-through}.sa-stepper{display:inline-flex;align-items:center;border:1px solid var(--gv-border-control);border-radius:var(--sa-radius-md)}.sa-stepper button{width:var(--gv-target-min);height:var(--gv-target-min);background:none;border:0;color:var(--gv-ink);font-size:var(--gv-size-body-l);cursor:pointer}@media(hover:hover){.sa-stepper button:not(:disabled):hover{background:var(--gv-sunken)}}.sa-stepper button:focus-visible{outline:2px solid var(--gv-focus);outline-offset:-2px}.sa-stepper button:disabled{opacity:.4;cursor:not-allowed}.sa-stepper input{width:calc(var(--gv-target-min) + var(--gv-space-xs));height:var(--gv-target-min);border:0;text-align:center;background:transparent;color:var(--gv-ink);font:var(--gv-wt-body-l) var(--gv-size-body)/1 var(--gv-font-text);font-variant-numeric:tabular-nums}.sa-card{background:var(--gv-ground);border:1px solid var(--gv-border);border-radius:var(--sa-radius-lg);overflow:hidden;transition:border-color var(--gv-dur-fast) var(--gv-ease-base),box-shadow var(--gv-dur-fast) var(--gv-ease-base)}.sa-card--raised{background:var(--gv-raised)}@media(hover:hover){.sa-card--link:hover{border-color:var(--gv-border-strong);box-shadow:var(--gv-elev-1)}}.sa-card--link:focus-within{outline:2px solid var(--gv-focus);outline-offset:2px}.sa-badge{display:inline-flex;align-items:center;height:var(--gv-space-lg);padding-inline:var(--gv-space-xs);border-radius:var(--gv-radius-sm);background:var(--gv-brand);color:var(--gv-on-brand);font:var(--gv-wt-eyebrow) var(--gv-size-eyebrow)/1 var(--gv-font-text);letter-spacing:var(--gv-track-eyebrow);text-transform:uppercase}.sa-badge--positive{background:var(--gv-positive-50);color:var(--gv-positive)}.sa-badge--negative{background:var(--gv-negative-bg);color:var(--gv-negative)}.sa-badge--warning{background:var(--gv-warning-bg);color:var(--gv-warning)}.sa-badge--quiet{background:var(--gv-sunken);color:var(--gv-ink-muted)}.sa-chip{display:inline-flex;align-items:center;gap:var(--gv-space-2xs);min-height:calc(var(--gv-target-min) - var(--gv-space-xs));padding-inline:var(--gv-space-sm);border-radius:var(--gv-radius-sm);border:1px solid var(--gv-positive-200);background:var(--gv-positive-50);color:var(--gv-positive);font:var(--gv-wt-body) var(--gv-size-body-s)/1 var(--gv-font-text)}.sa-chip__remove{position:relative;display:grid;place-items:center;width:var(--gv-space-lg);height:var(--gv-space-lg);padding:0;border:0;background:none;color:inherit;cursor:pointer;border-radius:var(--gv-radius-pill)}.sa-chip__remove:before{content:"";position:absolute;inset:calc((var(--gv-target-min) - var(--gv-space-lg)) / -2)}.sa-chip__remove:focus-visible{outline:2px solid var(--gv-focus);outline-offset:1px}.sa-acc{border-top:1px solid var(--gv-border)}.sa-acc details{border-bottom:1px solid var(--gv-border)}.sa-acc summary{display:flex;align-items:center;justify-content:space-between;gap:var(--gv-space-sm);min-height:var(--gv-target-min);padding-block:var(--gv-space-sm);cursor:pointer;font:var(--gv-wt-body-l) var(--gv-size-body)/1.2 var(--gv-font-text);list-style:none}.sa-acc summary::-webkit-details-marker{display:none}.sa-acc summary:focus-visible{outline:2px solid var(--gv-focus);outline-offset:2px}.sa-acc summary:after{content:"";flex:none;width:var(--gv-space-sm);height:var(--gv-space-sm);border-right:2px solid var(--gv-ink-faint);border-bottom:2px solid var(--gv-ink-faint);transform:rotate(45deg);transition:transform var(--gv-dur-fast) var(--gv-ease-base)}.sa-acc details[open] summary:after{transform:rotate(-135deg)}.sa-acc__body{padding-bottom:var(--gv-space-md);color:var(--gv-ink-muted);max-width:var(--gv-measure-prose)}.sa-stickybar{position:fixed;inset:auto 0 0 0;z-index:var(--gv-z-drawer);display:flex;align-items:center;gap:var(--gv-space-sm);padding:var(--gv-space-xs) var(--gv-space-md);padding-bottom:calc(var(--gv-space-xs) + env(safe-area-inset-bottom,0px));background:var(--gv-ground);border-top:1px solid var(--gv-border);transform:translateY(110%);transition:transform var(--gv-dur-base) var(--gv-ease-base)}.sa-stickybar[data-shown=true]{transform:none}.sa-skip{position:absolute;left:-9999px;top:0;z-index:var(--gv-z-toast);padding:var(--gv-space-sm) var(--gv-space-md);background:var(--gv-brand);color:var(--gv-on-brand)}.sa-skip:focus{left:0}.sa-vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.sa-btn,.sa-input,.sa-select,.sa-textarea,.sa-swatch__opt,.sa-card,.sa-acc summary:after,.sa-stickybar{transition-duration:var(--gv-dur-instant);transition-delay:0ms}.sa-btn[data-loading=true]:after{animation:none;border-top-color:currentColor;opacity:.5}}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/brand-components.css.map */