.btn{--btn-bg: var(--c-ink);--btn-fg: var(--c-ink-contrast);--btn-bd: var(--c-ink);display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:var(--tap-min);padding:var(--sp-3) var(--sp-6);border:var(--bw) solid var(--btn-bd);border-radius:var(--r-btn);background-color:var(--btn-bg);color:var(--btn-fg);font-family:var(--font-body);font-size:var(--fs-sm);font-weight:var(--fw-medium);letter-spacing:var(--ls-wide);text-transform:uppercase;text-align:center;line-height:1;cursor:pointer;transition:background-color var(--dur-base) var(--ease),color var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease),opacity var(--dur-base) var(--ease)}.btn--full{width:100%}.btn--lg{min-height:52px;font-size:var(--fs-base)}.btn--sm{min-height:36px;padding:var(--sp-2) var(--sp-4);font-size:var(--fs-xs)}.btn--secondary{--btn-bg: transparent;--btn-fg: var(--c-text);--btn-bd: var(--c-border-strong)}.btn--ghost{--btn-bg: transparent;--btn-fg: var(--c-text);--btn-bd: transparent;padding-inline:var(--sp-2);text-transform:none;letter-spacing:var(--ls-normal)}.btn--link{--btn-bg: transparent;--btn-fg: var(--c-text);--btn-bd: transparent;min-height:24px;padding:0;text-transform:none;letter-spacing:var(--ls-normal);text-decoration:underline;text-underline-offset:.25em}@media(hover:hover){.btn:hover{--btn-bg: var(--c-ink-hover);--btn-bd: var(--c-ink-hover)}.btn--secondary:hover{--btn-bg: var(--c-surface-sunken);--btn-bd: var(--c-ink)}.btn--ghost:hover{--btn-bg: var(--c-surface-sunken)}}.btn[disabled],.btn[aria-disabled=true]{cursor:not-allowed;opacity:.42}.btn[data-loading=true]{pointer-events:none}.btn[data-loading=true] .btn__label{visibility:hidden}.btn__spinner{display:none;position:absolute}.btn[data-loading=true]{position:relative}.btn[data-loading=true] .btn__spinner{display:block}.spinner{width:1em;height:1em;border:2px solid currentcolor;border-top-color:transparent;border-radius:var(--r-full);animation:stato-spin .64s linear infinite}@keyframes stato-spin{to{transform:rotate(360deg)}}.field{display:flex;flex-direction:column;gap:var(--sp-2)}.field__label{font-size:var(--fs-xs);font-weight:var(--fw-medium);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--c-text-muted)}.input,.textarea,.select{width:100%;min-height:var(--tap-min);padding:var(--sp-3);border:var(--bw) solid var(--c-border);border-radius:var(--r-1);background-color:var(--c-bg);color:var(--c-text);font-size:var(--fs-md);transition:border-color var(--dur-fast) var(--ease)}.input:hover,.textarea:hover,.select:hover{border-color:var(--c-border-strong)}.textarea{min-height:120px;resize:vertical}.select{-webkit-appearance:none;appearance:none;padding-right:var(--sp-8);background-image:linear-gradient(45deg,transparent 50%,currentcolor 50%),linear-gradient(135deg,currentcolor 50%,transparent 50%);background-position:calc(100% - 18px) center,calc(100% - 13px) center;background-size:5px 5px;background-repeat:no-repeat}.field--error .input,.field--error .select,.field--error .textarea{border-color:var(--c-danger)}.field__error{display:flex;align-items:flex-start;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--c-danger)}.field__hint{font-size:var(--fs-sm);color:var(--c-text-muted)}.badge{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-2);min-height:20px;border-radius:var(--r-1);background-color:var(--c-ink);color:var(--c-ink-contrast);font-size:var(--fs-2xs);font-weight:var(--fw-medium);letter-spacing:var(--ls-caps);text-transform:uppercase;line-height:1.4;white-space:nowrap}.badge--sale{background-color:var(--c-sale);color:#fff}.badge--soldout{background-color:var(--c-surface-sunken);color:var(--c-text-muted)}.badge--new{background-color:transparent;color:var(--c-text);border:var(--bw) solid var(--c-border-strong)}.badge--accent{background-color:var(--c-accent);color:var(--c-accent-contrast)}.chip{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:34px;padding:var(--sp-1) var(--sp-3);border:var(--bw) solid var(--c-border);border-radius:var(--r-full);background-color:var(--c-bg);font-size:var(--fs-sm);line-height:1}.chip button,button.chip{min-height:34px}.chip__remove{display:grid;place-items:center;width:18px;height:18px;border-radius:var(--r-full);background-color:var(--c-surface-sunken)}@media(hover:hover){.chip__remove:hover{background-color:var(--c-border)}}.size-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:var(--sp-2)}.size-option{position:relative}.size-option__input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.size-option__label{display:grid;place-items:center;min-height:48px;padding:var(--sp-2);border:var(--bw) solid var(--c-border);border-radius:var(--r-1);font-size:var(--fs-md);font-variant-numeric:tabular-nums;line-height:1;transition:border-color var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease);cursor:pointer}@media(hover:hover){.size-option__input:not(:disabled):hover+.size-option__label{border-color:var(--c-ink)}}.size-option__input:checked+.size-option__label{border-color:var(--c-ink);border-width:var(--bw-thick);background-color:var(--c-ink);color:var(--c-ink-contrast)}.size-option__input:focus-visible+.size-option__label{outline:var(--bw-thick) solid var(--c-focus);outline-offset:2px}.size-option__input:disabled+.size-option__label{color:var(--c-text-subtle);border-color:var(--c-border-subtle);cursor:not-allowed;background-image:linear-gradient(to top left,transparent calc(50% - 1px),var(--c-border) 50%,transparent calc(50% + 1px))}.size-option__label[data-low=true]:after{content:"";position:absolute;top:5px;right:5px;width:5px;height:5px;border-radius:var(--r-full);background-color:var(--c-warning)}.swatch-list{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.swatch{position:relative;display:block;width:var(--swatch-size, 56px);border:var(--bw) solid var(--c-border);border-radius:var(--r-1);overflow:hidden;background-color:var(--c-surface-sunken)}.swatch img{aspect-ratio:1;object-fit:cover;width:100%}.swatch[aria-current=true]{border-color:var(--c-ink);border-width:var(--bw-thick)}@media(hover:hover){.swatch:hover{border-color:var(--c-ink)}}.swatch[data-available=false]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff8c}.swatch--dot{width:32px;height:32px;border-radius:var(--r-full);background-color:var(--swatch-color, var(--c-surface-sunken))}.qty{display:inline-grid;grid-template-columns:var(--tap-min) 1fr var(--tap-min);align-items:center;border:var(--bw) solid var(--c-border);border-radius:var(--r-1)}.qty__btn{min-height:var(--tap-min);display:grid;place-items:center}.qty__btn[disabled]{opacity:.3}.qty__input{width:100%;min-height:var(--tap-min);border:0;text-align:center;font-variant-numeric:tabular-nums;background:transparent;-moz-appearance:textfield}.qty__input::-webkit-outer-spin-button,.qty__input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.price{display:inline-flex;align-items:baseline;gap:var(--sp-2);flex-wrap:wrap}.price__current{font-variant-numeric:tabular-nums}.price--on-sale .price__current{color:var(--c-sale)}.price__compare{color:var(--c-text-muted);text-decoration:line-through;font-size:.9em;font-variant-numeric:tabular-nums}.price__save{font-size:var(--fs-2xs);font-weight:var(--fw-medium);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--c-sale)}.accordion{border-top:var(--bw) solid var(--c-border)}.accordion__item{border-bottom:var(--bw) solid var(--c-border)}.accordion__summary{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);min-height:var(--tap-min);padding-block:var(--sp-4);cursor:pointer;list-style:none;font-weight:var(--fw-medium)}.accordion__summary::-webkit-details-marker{display:none}.accordion__icon{transition:transform var(--dur-base) var(--ease);flex:none}.accordion__item[open] .accordion__icon{transform:rotate(45deg)}.accordion__panel{padding-block:0 var(--sp-4)}.dialog{width:min(560px,calc(100vw - var(--sp-8)));max-height:min(85svh,720px);padding:0;border-radius:var(--r-2);background-color:var(--c-bg);color:var(--c-text);box-shadow:var(--shadow-overlay);overflow:hidden}.drawer{position:fixed;inset-block:0;inset-inline-end:0;margin:0;width:min(440px,100vw);max-width:100vw;max-height:100svh;height:100svh;border-radius:0;background-color:var(--c-bg);color:var(--c-text);box-shadow:var(--shadow-overlay)}.sheet{position:fixed;inset-block-end:0;inset-inline:0;margin:0;width:100vw;max-width:100vw;max-height:88svh;border-radius:var(--r-3) var(--r-3) 0 0;background-color:var(--c-bg);color:var(--c-text)}.dialog__shell,.drawer>form,.sheet>form{display:grid;grid-template-rows:auto 1fr auto;height:100%;max-height:inherit}.dialog__header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);border-bottom:var(--bw) solid var(--c-border)}.dialog__body{overflow-y:auto;overscroll-behavior:contain;padding:var(--sp-5)}.dialog__footer{padding:var(--sp-4) var(--sp-5);padding-bottom:max(var(--sp-4),env(safe-area-inset-bottom));border-top:var(--bw) solid var(--c-border);background-color:var(--c-bg)}@media(prefers-reduced-motion:no-preference){.drawer[open]{animation:stato-slide-in var(--dur-slow) var(--ease-out)}.sheet[open]{animation:stato-slide-up var(--dur-slow) var(--ease-out)}.dialog[open]{animation:stato-fade-in var(--dur-base) var(--ease-out)}}@keyframes stato-slide-in{0%{transform:translate(100%)}}@keyframes stato-slide-up{0%{transform:translateY(100%)}}@keyframes stato-fade-in{0%{opacity:0;transform:translateY(6px)}}.state{display:grid;gap:var(--sp-3);justify-items:center;text-align:center;padding:var(--sp-16) var(--sp-4);max-width:46ch;margin-inline:auto}.state__title{font-size:var(--fs-lg);font-weight:var(--fw-medium)}.state__text{color:var(--c-text-muted)}.alert{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border:var(--bw) solid var(--c-border);border-radius:var(--r-1);font-size:var(--fs-sm)}.alert--error{border-color:var(--c-danger);color:var(--c-danger)}.alert--success{border-color:var(--c-success);color:var(--c-success)}[data-busy=true]{opacity:.55;pointer-events:none;transition:opacity var(--dur-fast)}.skeleton{background-color:var(--c-surface-sunken);border-radius:var(--r-1)}@media(prefers-reduced-motion:no-preference){.skeleton{background-image:linear-gradient(90deg,transparent,rgb(255 255 255 / 55%),transparent);background-size:200% 100%;animation:stato-shimmer 1.4s linear infinite}}@keyframes stato-shimmer{to{background-position:-200% 0}}.stock{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm)}.stock:before{content:"";width:7px;height:7px;border-radius:var(--r-full);background-color:currentcolor;flex:none}.stock--in{color:var(--c-success)}.stock--low{color:var(--c-warning)}.stock--out{color:var(--c-text-muted)}.breadcrumb{font-size:var(--fs-sm);color:var(--c-text-muted)}.breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2)}.breadcrumb li{display:flex;align-items:center;gap:var(--sp-2);min-height:32px}.breadcrumb a{display:inline-flex;align-items:center;min-height:32px}.breadcrumb li+li:before{content:"/";color:var(--c-text-subtle)}.breadcrumb a{text-decoration:underline;text-underline-offset:.2em;text-decoration-color:transparent;transition:text-decoration-color var(--dur-fast)}@media(hover:hover){.breadcrumb a:hover{text-decoration-color:currentcolor}}.breadcrumb [aria-current=page]{color:var(--c-text)}.badge-list{display:flex;flex-wrap:wrap;gap:var(--sp-1)}.badge-list--overlay{position:absolute;inset-block-start:var(--sp-2);inset-inline-start:var(--sp-2);z-index:2;max-width:calc(100% - var(--sp-10))}.card{display:grid;gap:var(--sp-3)}.card__media-wrap{position:relative}.card__media{border-radius:var(--r-card);background-color:var(--c-surface-sunken)}.card__image{transition:opacity var(--dur-base) var(--ease),transform var(--dur-slow) var(--ease)}.card__image--secondary{opacity:0}@media(hover:hover){.card:hover .card__image--secondary{opacity:1}.card__media-wrap:has(.card__image--secondary):hover .card__image:not(.card__image--secondary){opacity:0}}.card__placeholder-svg{width:100%;height:100%;fill:var(--c-border)}.card__wishlist{position:absolute;inset-block-start:var(--sp-2);inset-inline-end:var(--sp-2);z-index:2;display:grid;place-items:center;width:36px;height:36px;border-radius:var(--r-full);background-color:#ffffffd1;color:var(--c-text);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.card__wishlist[aria-pressed=true]{color:var(--c-sale)}@media(hover:hover){.card__wishlist:hover{background-color:#fffffff5}}.card__quick-add{position:absolute;inset-inline:var(--sp-2);inset-block-end:var(--sp-2);z-index:2;display:flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:40px;border-radius:var(--r-btn);background-color:var(--c-bg);border:var(--bw) solid var(--c-border);font-size:var(--fs-xs);font-weight:var(--fw-medium);letter-spacing:var(--ls-wide);text-transform:uppercase}@media(hover:hover)and (min-width:1024px){.card__quick-add{opacity:0;transform:translateY(4px);transition:opacity var(--dur-base) var(--ease),transform var(--dur-base) var(--ease)}.card:hover .card__quick-add,.card__quick-add:focus-visible{opacity:1;transform:none}}@media(hover:hover){.card__quick-add:hover{background-color:var(--c-ink);color:var(--c-ink-contrast);border-color:var(--c-ink)}}.card__body{display:grid;gap:var(--sp-1)}.card__title{font-family:var(--font-body);font-size:var(--fs-sm);font-weight:var(--fw-regular);line-height:var(--lh-snug);letter-spacing:var(--ls-normal)}.card__title a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card__title a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.card{position:relative}.card .price{font-size:var(--fs-sm)}.card__colors{margin-block-start:2px}.card__sizes{margin-block-start:var(--sp-1);min-height:1.4em}.card__sizes-list{display:flex;flex-wrap:wrap;gap:var(--sp-1) var(--sp-2);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;color:var(--c-text-muted)}.card__size--more,.card__sizes-empty{color:var(--c-text-subtle)}.rating{display:flex;align-items:center;gap:var(--sp-2)}.rating__stars{--star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 19'%3E%3Cpath d='M10 0l2.6 6.3 6.8.5-5.2 4.4 1.6 6.6L10 14.3 4.2 17.8l1.6-6.6L.6 6.8l6.8-.5z'/%3E%3C/svg%3E");display:inline-block;width:76px;height:13px;background:linear-gradient(90deg,var(--c-text) var(--rating-percent, 0%),var(--c-border) var(--rating-percent, 0%));-webkit-mask:var(--star) repeat-x left center / 15px 13px;mask:var(--star) repeat-x left center / 15px 13px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-4);margin-block-end:var(--sp-6)}.section-head .btn--link{display:inline-flex;align-items:center;gap:var(--sp-2);white-space:nowrap}.cat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--grid-gap-x) var(--grid-gap-x)}@media(min-width:768px){.cat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.cat-card{display:grid;gap:var(--sp-2)}.cat-card .media{border-radius:var(--r-card)}.cat-card__title{font-size:var(--fs-sm);font-weight:var(--fw-medium);letter-spacing:var(--ls-wide);text-transform:uppercase}@media(hover:hover){.cat-card:hover .cat-card__title{text-decoration:underline;text-underline-offset:.25em}}.account-form{display:grid;gap:var(--sp-4);max-width:420px;margin-block-start:var(--sp-6)}.account-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-4)}.orders-table{font-size:var(--fs-sm)}.orders-table th,.orders-table td{padding:var(--sp-3) var(--sp-3);text-align:start;border-block-end:var(--bw) solid var(--c-border-subtle);white-space:nowrap}.orders-table thead th{font-size:var(--fs-2xs);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--c-text-muted)}.search-page-form{display:flex;gap:var(--sp-2);max-width:520px;margin-block-start:var(--sp-6)}.search-page-form .input{flex:1 1 auto;min-width:0}.quick-add{display:grid;gap:var(--sp-5)}.quick-add__head{display:grid;grid-template-columns:72px 1fr auto;gap:var(--sp-3);align-items:center}.quick-add__media{width:72px;border-radius:var(--r-card)}.quick-add__title{display:block;font-size:var(--fs-sm);margin-block-end:2px}.quick-add__details{justify-self:center;color:var(--c-text-muted)}.quick-add-sheet .dialog__body{padding-bottom:max(var(--sp-5),env(safe-area-inset-bottom))}.address-list{display:grid;gap:var(--sp-4);margin-block-start:var(--sp-6)}@media(min-width:700px){.address-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.address-card{display:grid;gap:var(--sp-3);justify-items:start;padding:var(--sp-4);border:var(--bw) solid var(--c-border);border-radius:var(--r-card)}.address-card__body{font-style:normal;line-height:var(--lh-relaxed)}.address-card__actions{display:flex;flex-wrap:wrap;gap:var(--sp-4);align-items:center}.address-card__actions summary{cursor:pointer;list-style:none}.address-card__actions summary::-webkit-details-marker{display:none}.address-card__delete{color:var(--c-danger)}.order-addresses{display:grid;gap:var(--sp-6);margin-block-start:var(--sp-10)}@media(min-width:700px){.order-addresses{grid-template-columns:repeat(2,minmax(0,1fr))}}.order-addresses address{font-style:normal;line-height:var(--lh-relaxed);margin-block-start:var(--sp-2)}.card__wishlist .icon--fill,.product-form__wishlist .icon--fill,.card__wishlist[aria-pressed=true] .icon--outline,.product-form__wishlist[aria-pressed=true] .icon--outline{display:none}.card__wishlist[aria-pressed=true] .icon--fill,.product-form__wishlist[aria-pressed=true] .icon--fill{display:grid}.cart-line__remove,.active-facets__list .btn--link,.size-selector__guide,.card__quick-add{min-height:32px}
/*# sourceMappingURL=/cdn/shop/t/16/assets/components.css.map */