.container{inline-size:min(100% - var(--gutter) * 2,var(--page-width));margin-inline:auto}.container--narrow{inline-size:min(100% - var(--gutter) * 2,var(--container-narrow))}.container--wide{inline-size:min(100% - var(--gutter) * 2,var(--container-wide))}.stack-2>*+*{margin-block-start:var(--space-2)}.stack-4>*+*{margin-block-start:var(--space-4)}.stack-6>*+*{margin-block-start:var(--space-6)}.row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.eyebrow{font-size:var(--text-xs);font-weight:var(--font-body-weight-bold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted)}.icon{inline-size:2rem;block-size:2rem;flex:none}.icon--sm{inline-size:1.6rem;block-size:1.6rem}.vh{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-block-size:4.6rem;padding-block:var(--space-3);padding-inline:var(--space-6);border-radius:var(--buttons-radius);font-size:var(--text-sm);font-weight:var(--font-body-weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;text-decoration:none;line-height:var(--leading-snug);text-align:center;position:relative;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),opacity var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.btn--primary{background:rgb(var(--color-button));color:rgb(var(--color-button-text));border:.1rem solid rgb(var(--color-button))}.btn--secondary{background:rgb(var(--color-secondary-button));color:rgb(var(--color-secondary-button-text));border:.1rem solid rgba(var(--color-secondary-button-text),.9)}.btn--tertiary{background:transparent;color:rgb(var(--color-foreground));border:.1rem solid transparent;padding-inline:var(--space-2);min-block-size:auto;text-decoration:underline;text-underline-offset:.35em;text-decoration-thickness:.1rem}.btn--pay{background:rgb(var(--color-link));color:rgb(var(--color-badge-foreground));border:.1rem solid rgb(var(--color-link))}.btn--full{inline-size:100%}.btn--primary:hover,.btn--pay:hover{transform:translateY(-.1rem);box-shadow:0 .2rem .5rem rgba(var(--color-shadow),.16),0 1rem 2.6rem rgba(var(--color-shadow),.14)}.btn--primary:hover{background:rgba(var(--color-button),.85);border-color:transparent}.btn--pay:hover{background:rgba(var(--color-link),.85)}.btn--secondary:hover{background:color-mix(in oklab,rgb(var(--color-foreground)) 6%,transparent)}.btn--tertiary:hover{color:var(--text-muted)}.btn:active{transform:translateY(.1rem) scale(.98);box-shadow:none}.btn:disabled,.btn[aria-disabled=true]{opacity:.4;cursor:not-allowed;transform:none}.btn.is-loading{color:transparent;pointer-events:none}.btn.is-loading:after{content:"";position:absolute;inline-size:1.8rem;block-size:1.8rem;inset-block-start:50%;inset-inline-start:50%;margin-block-start:-.9rem;margin-inline-start:-.9rem;border:.2rem solid currentColor;border-radius:50%;border-inline-start-color:transparent;opacity:1;animation:theme-spin .7s linear infinite}.btn--primary.is-loading:after{color:rgb(var(--color-button-text))}.btn--secondary.is-loading:after{color:rgb(var(--color-secondary-button-text))}.btn.is-success{background:rgb(var(--color-link));border-color:rgb(var(--color-link));color:rgb(var(--color-badge-foreground));transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base)}@keyframes theme-spin{to{transform:rotate(360deg)}}.icon-btn{display:inline-grid;place-items:center;inline-size:4.4rem;block-size:4.4rem;border-radius:var(--buttons-radius);color:rgb(var(--color-foreground));position:relative;transition:background-color var(--transition-fast)}.icon-btn:hover,.qty__btn:hover{background:color-mix(in oklab,rgb(var(--color-foreground)) 8%,transparent)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding-block:.5em;padding-inline:.9em;border-radius:var(--badge-corner-radius);background:rgb(var(--color-badge-background));color:rgb(var(--color-badge-foreground));border:.1rem solid rgb(var(--color-badge-border));font-size:var(--text-xs);font-weight:var(--font-body-weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;line-height:1.2}.badge--outline{background:transparent;color:rgb(var(--color-foreground));border-color:var(--text-muted)}.badge--soldout{background:rgb(var(--color-background-contrast));color:var(--text-muted);border-color:transparent}.price{display:inline-flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap;font-variant-numeric:tabular-nums}.price__current{font-weight:var(--font-body-weight-bold)}.price--sale .price__current{color:rgb(var(--color-link))}.price__compare{color:var(--text-muted);text-decoration:line-through;text-decoration-thickness:.1rem}.price__unit{font-size:var(--text-xs);color:var(--text-muted)}.price--lg{font-size:var(--text-2xl)}.rating{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.rating__stars{display:inline-flex;gap:.2rem;color:rgb(var(--color-foreground))}.rating__count{color:var(--text-muted)}.qty{display:inline-flex;align-items:stretch;border:.1rem solid rgba(var(--color-foreground),.35);border-radius:var(--inputs-radius);min-block-size:4.4rem}.qty{border-radius:999px;overflow:hidden}.qty__btn{inline-size:4rem;display:grid;place-items:center;background:transparent;border:0;color:rgb(var(--color-foreground));cursor:pointer;transition:background-color var(--transition-fast)}.qty__btn:disabled{opacity:.35;cursor:not-allowed}.qty__input{inline-size:5rem;border:0;background:transparent;text-align:center;font-variant-numeric:tabular-nums;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;border-inline:.1rem solid rgba(var(--color-foreground),.15)}.qty__input::-webkit-inner-spin-button,.qty__input::-webkit-outer-spin-button{-webkit-appearance:none}.qty--sm{min-block-size:3.6rem}.qty--sm .qty__btn{inline-size:3.2rem}.qty--sm .qty__input{inline-size:4rem}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field__label{font-size:var(--text-sm);font-weight:var(--font-body-weight-bold)}.field__input{min-block-size:4.6rem;padding-block:var(--space-2);padding-inline:var(--space-4);border:.1rem solid rgba(var(--color-foreground),.35);border-radius:var(--inputs-radius);background:rgb(var(--color-background));inline-size:100%;transition:border-color var(--transition-fast)}textarea.field__input{min-block-size:9rem;padding-block:var(--space-3);resize:vertical}.field__input:hover{border-color:var(--text-muted)}.field__input:focus{border-color:rgb(var(--color-foreground));outline:none}.field__help{font-size:var(--text-xs);color:var(--text-muted)}.field--error .field__input{border-color:rgb(var(--color-critical))}.field__error{font-size:var(--text-xs);color:rgb(var(--color-critical));display:flex;gap:var(--space-1);align-items:center}.select{position:relative;display:inline-flex;align-items:center}.select select{-webkit-appearance:none;appearance:none;min-block-size:4.4rem;padding-block:var(--space-2);padding-inline-start:var(--space-4);padding-inline-end:var(--space-8);border:.1rem solid rgba(var(--color-foreground),.35);border-radius:var(--inputs-radius);background:rgb(var(--color-background));cursor:pointer;inline-size:100%}.select.select:after{inset:50% var(--space-4) auto auto;border:0;border-block-end:.15rem solid currentColor;border-inline-end:.15rem solid currentColor;border-radius:0;box-shadow:none;z-index:2}.select.select:before{box-shadow:none}.select:after{content:"";position:absolute;inset-inline-end:var(--space-4);inset-block-start:50%;inline-size:.8rem;block-size:.8rem;margin-block-start:-.6rem;border-block-end:.15rem solid currentColor;border-inline-end:.15rem solid currentColor;transform:rotate(45deg);pointer-events:none}.select--bare select{border-color:transparent;font-weight:var(--font-body-weight-bold);font-size:var(--text-sm)}.select--bare select:hover{border-color:var(--text-muted)}.swatches,.pills{display:flex;gap:var(--space-2);flex-wrap:wrap}.swatch{inline-size:3.2rem;block-size:3.2rem;border-radius:50%;position:relative;flex:none;border:.1rem solid rgba(var(--color-foreground),.25);background:var(--swatch, rgb(var(--color-background-contrast)));transition:transform var(--transition-fast)}.swatch:hover{transform:scale(1.08)}.swatch[aria-pressed=true]{box-shadow:0 0 0 .2rem rgb(var(--color-background)),0 0 0 .35rem rgb(var(--color-foreground))}.swatch--sm{inline-size:2.2rem;block-size:2.2rem}.swatch.is-oos:after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:-.3rem;inset-inline-end:-.3rem;border-block-start:.1rem solid rgba(var(--color-foreground),.6);transform:rotate(-45deg)}.pill{min-inline-size:4.6rem;min-block-size:4.4rem;padding-block:var(--space-2);padding-inline:var(--space-4);display:inline-flex;align-items:center;justify-content:center;border:.1rem solid rgba(var(--color-foreground),.35);border-radius:var(--variant-pills-radius);font-size:var(--text-sm);font-weight:var(--font-body-weight-bold);transition:border-color var(--transition-fast),background-color var(--transition-fast),transform var(--dur-base) var(--ease-spring)}.pill:hover{border-color:rgb(var(--color-foreground))}.pill[aria-pressed=true]{background:rgb(var(--color-button));color:rgb(var(--color-button-text));border-color:rgb(var(--color-button));transform:scale(1.04)}.pill.is-oos{color:var(--text-muted);border-style:dashed;text-decoration:line-through}.ph{position:relative;display:grid;place-items:center;overflow:hidden;border-radius:var(--media-radius);background:repeating-linear-gradient(-45deg,rgba(var(--color-foreground),.045) 0 1.2rem,transparent 1.2rem 2.4rem),rgb(var(--color-background-contrast))}.ph--tint{background:repeating-linear-gradient(-45deg,rgba(var(--color-foreground),.05) 0 1.2rem,transparent 1.2rem 2.4rem),linear-gradient(160deg,rgba(var(--color-link),.14),rgba(var(--color-link),.03) 55%),rgb(var(--color-background-contrast))}.acc{border-block-start:.1rem solid rgba(var(--color-foreground),.15)}.acc__item{border-block-end:.1rem solid rgba(var(--color-foreground),.15)}.acc__item summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-block:var(--space-4);cursor:pointer;list-style:none;font-weight:var(--font-body-weight-bold);font-size:var(--text-base)}.acc__item summary::-webkit-details-marker{display:none}.acc__item summary:after{content:"";inline-size:1rem;block-size:1rem;flex:none;border-block-end:.15rem solid currentColor;border-inline-end:.15rem solid currentColor;transform:rotate(45deg);transition:transform var(--transition-base)}.acc__item[open] summary:after{transform:rotate(225deg)}.acc__body{padding-block-end:var(--space-5);color:var(--text-muted);max-inline-size:60ch}.tabs__list{display:flex;gap:var(--space-5);border-block-end:.1rem solid rgba(var(--color-foreground),.15);flex-wrap:wrap}.tabs__tab{padding-block:var(--space-3);font-size:var(--text-sm);font-weight:var(--font-body-weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-muted);border-block-end:.2rem solid transparent;margin-block-end:-.1rem;transition:color var(--transition-fast)}.tabs__tab:hover{color:rgb(var(--color-foreground))}.tabs__tab[aria-selected=true]{color:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground))}.tabs__panel{padding-block-start:var(--space-5)}.tabs__panel[hidden]{display:none}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(var(--color-shadow),.45);z-index:var(--z-overlay);opacity:0;pointer-events:none;transition:opacity var(--transition-base)}.overlay.is-open{opacity:1;pointer-events:auto}.modal{position:fixed;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%) translateY(-50%) scale(.97);inline-size:min(92vw,52rem);max-block-size:85vh;overflow:auto;background:rgb(var(--color-background));border-radius:var(--popup-corner-radius);padding:var(--space-7);z-index:var(--z-modal);opacity:0;visibility:hidden;box-shadow:0 2.4rem 6rem rgba(var(--color-shadow),.25);transition:opacity var(--transition-base),transform var(--transition-base),visibility 0s var(--dur-base)}.modal.is-open{opacity:1;visibility:visible;transform:translate(-50%) translateY(-50%) scale(1);transition:opacity var(--transition-base),transform var(--transition-base)}.modal__close{position:absolute;inset-block-start:var(--space-2);inset-inline-end:var(--space-2)}.ui-drawer{position:fixed;inset-block:0;inset-inline-end:0;inline-size:min(92vw,44rem);background:rgb(var(--color-background));z-index:var(--z-drawer);transform:translate(calc(100% * var(--dir)));transition:transform var(--dur-slow) var(--ease-out);display:flex;flex-direction:column;box-shadow:0 0 6rem rgba(var(--color-shadow),.2)}.ui-drawer.is-open,.ui-drawer--start.is-open{transform:translate(0)}.ui-drawer--start{inset-inline-end:auto;inset-inline-start:0;transform:translate(calc(-100% * var(--dir)))}.ui-drawer__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-block:var(--space-4);padding-inline:var(--space-5);border-block-end:.1rem solid rgba(var(--color-foreground),.12)}.ui-drawer__title{font-size:var(--text-lg)}.ui-drawer__body{flex:1;overflow:auto;padding:var(--space-5)}.ui-drawer__foot{padding:var(--space-5);border-block-start:.1rem solid rgba(var(--color-foreground),.12);display:flex;flex-direction:column;gap:var(--space-3)}.tip{position:relative}.tip:after{content:attr(data-tip);position:absolute;inset-block-end:calc(100% + .8rem);inset-inline-start:50%;transform:translate(-50%);background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:var(--text-xs);line-height:var(--leading-snug);padding-block:var(--space-1);padding-inline:var(--space-3);white-space:nowrap;border-radius:var(--popup-corner-radius);z-index:var(--z-tooltip);opacity:0;pointer-events:none;transition:opacity var(--transition-fast)}.tip:hover:after,.tip:focus-visible:after{opacity:1}.crumbs{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;font-size:var(--text-sm);color:var(--text-muted)}.crumbs a{color:inherit;text-decoration:none}.crumbs a:hover{color:rgb(var(--color-foreground))}.crumbs li{display:flex;align-items:center;gap:var(--space-2)}.crumbs li+li:before{content:"/";opacity:.4}.pagination{display:flex;gap:var(--space-2);justify-content:center;align-items:center}.pagination a,.pagination span{display:inline-grid;place-items:center;min-inline-size:4.4rem;min-block-size:4.4rem;padding-inline:var(--space-2);text-decoration:none;color:rgb(var(--color-foreground));font-size:var(--text-sm);font-variant-numeric:tabular-nums;border:.1rem solid transparent;transition:border-color var(--transition-fast)}.pagination a:hover{border-color:var(--text-muted)}.pagination [aria-current=page]{background:rgb(var(--color-button));color:rgb(var(--color-button-text))}.chip{display:inline-flex;align-items:center;gap:var(--space-2);padding-block:var(--space-1);padding-inline:var(--space-3);border:.1rem solid rgba(var(--color-foreground),.3);font-size:var(--text-sm);background:rgb(var(--color-background))}.chip button{display:grid;place-items:center;opacity:.55}.chip button:hover{opacity:1}.rating__star--empty{opacity:.25}dialog.modal{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;visibility:visible;border:0;transform:none;opacity:1;transition:opacity var(--transition-base),transform var(--transition-base),display var(--dur-base) var(--ease-out) allow-discrete}dialog.modal:not([open]){display:none;opacity:0;transform:translateY(1.2rem) scale(.97)}@starting-style{dialog.modal[open]{opacity:0;transform:translateY(1.2rem) scale(.97)}}dialog.modal::backdrop{background:rgba(var(--color-shadow, 0, 0, 0),.45);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal--wide{inline-size:min(94vw,88rem)}.modal__title{font-size:var(--text-xl);margin-block-end:var(--space-4);padding-inline-end:var(--space-8)}.modal__foot{margin-block-start:var(--space-5);display:flex;gap:var(--space-3);flex-wrap:wrap}.media{position:relative;overflow:hidden;aspect-ratio:var(--media-ratio, 1 / 1);border-radius:var(--media-radius);background:rgb(var(--color-background-contrast))}.media__img,.media__placeholder-svg{inline-size:100%;block-size:100%;object-fit:var(--media-fit, cover);display:block}.media__placeholder{position:absolute;top:0;right:0;bottom:0;left:0}.media__placeholder-svg{fill:rgba(var(--color-foreground),.12)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/theme-primitives.css.map */