:root{--type-paragraph-lg-font:var(--font-body);--type-paragraph-lg-size:18px;--type-paragraph-font:var(--font-body);--type-paragraph-size:16px;--type-paragraph-sm-font:var(--font-body);--type-paragraph-sm-size:14px;--type-heading-2xl-font:var(--font-heading);--type-heading-2xl-size:36px;--type-heading-xl-font:var(--font-heading);--type-heading-xl-size:30px;--type-heading-lg-font:var(--font-heading);--type-heading-lg-size:24px;--type-heading-md-font:var(--font-heading);--type-heading-md-size:20px;--type-heading-sm-font:var(--font-heading);--type-heading-sm-size:18px;--type-subheading-font:var(--font-body);--type-subheading-size:12px;--icon-stroke-width:1.5}@layer base{h1{line-height:1.2}s-dialog,s-cart,s-mobile-nav,s-nav-dropdown,s-quantity-selector,s-slideshow,s-variant-picker{display:block}input[type="text"],input[type="email"],input[type="password"],input[type="search"],input[type="tel"],input[type="url"],input[type="number"],input[type="date"],textarea,select{width:100%;color:var(--color-on-surface);background:var(--color-surface);border-radius:var(--radius-input);padding:var(--input-padding-y,0.375rem) var(--input-padding-x,0.75rem);border:1px solid var(--color-input-border,var(--color-border));font-family:var(--font-body);font-size:var(--input-font-size,0.875rem);line-height:1.5;appearance:none}input::placeholder,textarea::placeholder{color:var(--color-on-surface-secondary)}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--color-interactive);outline-offset:2px}input:disabled,textarea:disabled,select:disabled{opacity:0.5;cursor:not-allowed;background:var(--color-surface-secondary)}:where( .button-primary,.button-secondary,.button-outline,.button-ghost,.button-surface,.button-shop-pay ){padding:var(--button-padding-y,0.375rem) var(--button-padding-x,0.75rem);font-size:var(--button-font-size,0.875rem)}:where( .badge-default,.badge-sale,.badge-accent,.badge-info,.badge-success,.badge-warning,.badge-soldout ){padding:var(--badge-padding-y,0.125rem) var(--badge-padding-x,0.5rem);font-size:var(--badge-font-size,0.75rem)}@media (min-width:48rem){:root{--spacing-margin:2.5rem}}}@layer components{.logo-size-custom{width:auto}.overlay-dark{background:linear-gradient( to top,rgb(0 0 0 / 0.8) 0%,rgb(0 0 0 / 0.4) 60%,transparent 100% )}.overlay-medium{background:linear-gradient( to top,rgb(0 0 0 / 0.55) 0%,rgb(0 0 0 / 0.2) 60%,transparent 100% )}.overlay-light{background:linear-gradient(to top,rgb(0 0 0 / 0.3) 0%,transparent 70%)}.overlay-white{background:linear-gradient( to top,rgb(255 255 255 / 0.9) 0%,rgb(255 255 255 / 0.4) 60%,transparent 100% )}.swatch-sm{width:1.5rem;height:1.5rem}.swatch-md{width:2rem;height:2rem}.swatch-lg{width:2.5rem;height:2.5rem}.swatch-scrim{background:var(--color-overlay-scrim)}.filter-checkbox,.filter-swatch{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-on-surface);cursor:pointer}.filter-checkbox{block-size:var(--spacing-filter-indicator);inline-size:var(--spacing-filter-indicator);border-radius:var(--radius-sm)}.filter-swatch{block-size:var(--spacing-filter-swatch);inline-size:var(--spacing-filter-swatch);border-radius:var(--radius-badge);background:var(--filter-swatch-color,var(--swatch-color,var(--color-surface)))}.filter-checkbox[aria-checked="true"],.filter-checkbox[aria-pressed="true"],.filter-checkbox.is-selected,input:checked + .filter-checkbox,label:has(input:checked) .filter-checkbox{background:var(--color-interactive);color:var(--color-interactive-text);border-color:var(--color-interactive)}.filter-swatch[aria-checked="true"],.filter-swatch[aria-pressed="true"],.filter-swatch.is-selected,input:checked + .filter-swatch,label:has(input:checked) .filter-swatch{background:linear-gradient(var(--color-overlay-scrim),var(--color-overlay-scrim)),var(--filter-swatch-color,var(--swatch-color,var(--color-surface)));color:var(--color-interactive-text);border-color:var(--color-interactive)}.filter-checkbox:focus-visible,.filter-swatch:focus-visible,input:focus-visible + .filter-checkbox,input:focus-visible + .filter-swatch,label:has(input:focus-visible) .filter-checkbox,label:has(input:focus-visible) .filter-swatch{outline:2px solid var(--color-accent);outline-offset:2px}.filter-checkbox[aria-disabled="true"],.filter-checkbox:disabled,.filter-swatch[aria-disabled="true"],.filter-swatch:disabled,label:has(input:disabled) .filter-checkbox,label:has(input:disabled) .filter-swatch{opacity:0.5;cursor:not-allowed}.filter-check-icon{block-size:0.875rem;inline-size:0.875rem;color:var(--color-interactive-text);stroke:currentColor;fill:none;opacity:0;pointer-events:none}.filter-checkbox[aria-checked="true"] .filter-check-icon,.filter-checkbox[aria-pressed="true"] .filter-check-icon,.filter-checkbox.is-selected .filter-check-icon,.filter-swatch[aria-checked="true"] .filter-check-icon,.filter-swatch[aria-pressed="true"] .filter-check-icon,.filter-swatch.is-selected .filter-check-icon,input:checked + :is(.filter-checkbox,.filter-swatch) .filter-check-icon,label:has(input:checked) .filter-check-icon{opacity:1}.option-pill{display:inline-flex;align-items:center;justify-content:center;min-block-size:var(--spacing-touch-target);min-inline-size:var(--spacing-touch-target);padding-inline:0.75rem;padding-block:0.375rem;font-size:0.875rem;line-height:1.25rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-on-surface);cursor:pointer}.option-pill[aria-pressed="true"],.option-pill[aria-current="true"],.option-pill.is-selected{background:var(--color-interactive);color:var(--color-interactive-text);border-color:var(--color-interactive)}.option-pill:disabled,.option-pill[aria-disabled="true"],.option-pill.is-disabled{opacity:0.5;cursor:not-allowed}.option-pill:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (hover:hover){.option-pill:not([aria-pressed="true"],[aria-current="true"],.is-selected,:disabled):hover{background:var(--color-surface-secondary)}}.chip-filled{background:var(--chip-bg,var(--color-surface-secondary));color:var(--color-on-surface)}.chip-outlined{background:var(--chip-bg,transparent);color:var(--color-on-surface);border:1px solid var(--color-border)}@media (hover:hover){.chip-filled:hover,.chip-outlined:hover{background:var(--chip-bg,var(--color-surface-secondary));@supports (color:color-mix(in lab,red,red)){background:color-mix( in oklab,var(--chip-bg,var(--color-surface-secondary)) 90%,var(--color-on-surface) )}}}.badge-default{background:var(--color-badge-default,var(--color-surface-secondary));color:var(--color-badge-default-text,var(--color-on-surface))}.badge-sale{background:var(--color-badge-sale,var(--color-sale));color:var(--color-badge-sale-text,var(--color-interactive-text))}.badge-accent{background:var(--color-badge-accent,var(--color-accent));color:var(--color-badge-accent-text,var(--color-interactive-text))}.badge-info{background:var(--color-badge-info,var(--color-info));color:var(--color-badge-info-text,var(--color-interactive-text))}.badge-success{background:var(--color-badge-success,var(--color-success));color:var(--color-badge-success-text,var(--color-interactive-text))}.badge-warning{background:var(--color-badge-warning,var(--color-warning));color:var(--color-badge-warning-text,var(--color-interactive-text))}.badge-soldout{background:var(--color-badge-soldout,var(--color-on-surface));color:var(--color-badge-soldout-text,var(--color-surface))}.button-primary{background:var(--color-button-primary);color:var(--color-button-primary-text)}.button-secondary{background:var(--color-button-secondary);color:var(--color-button-secondary-text);border:1px solid var(--color-border)}.button-outline{background:transparent;color:var(--color-button-outline-text);border:2px solid var(--color-button-outline-border)}.button-shop-pay{background:var(--color-button-shop-pay);color:var(--color-button-shop-pay-text)}.button-ghost,.button-icon{background:transparent;color:var(--color-on-surface)}.button-icon{min-block-size:var(--spacing-touch-target);min-inline-size:var(--spacing-touch-target);display:inline-flex;align-items:center;justify-content:center}.button-surface{background:var(--color-surface);color:var(--color-on-surface)}@media (hover:hover){.button-primary:hover{background:var(--color-button-primary-hover)}.button-secondary:hover{background:var(--color-button-secondary);@supports (color:color-mix(in lab,red,red)){background:color-mix(in oklab,var(--color-button-secondary) 90%,black)}}.button-shop-pay:hover{background:color-mix(in srgb,#5433eb 88%,black);@supports (color:color-mix(in lab,red,red)){background:color-mix(in oklab,var(--color-button-shop-pay) 88%,black)}}.button-outline:hover,.button-ghost:hover{background:var(--color-surface-secondary)}.button-surface:hover{background:var(--color-surface);@supports (color:color-mix(in lab,red,red)){background:color-mix(in oklab,var(--color-surface) 90%,transparent)}}.button-icon:hover{opacity:0.7}}.button-primary:active{background:var(--color-button-primary-active)}.button-secondary:active{background:var(--color-button-secondary);@supports (color:color-mix(in lab,red,red)){background:color-mix(in oklab,var(--color-button-secondary) 82%,black)}}.button-shop-pay:active{background:color-mix(in srgb,#5433eb 78%,black);@supports (color:color-mix(in lab,red,red)){background:color-mix(in oklab,var(--color-button-shop-pay) 78%,black)}}.button-outline:active,.button-ghost:active{background:var(--color-surface-secondary);@supports (color:color-mix(in lab,red,red)){background:color-mix(in oklab,var(--color-surface-secondary) 88%,black)}}.quantity-selector-outlined{border:1px solid var(--color-border);background:transparent}.quantity-selector-filled{background:var(--color-surface-secondary);border:1px solid transparent}.type-display{font-size:var(--type-heading-2xl-size);font-family:var(--type-heading-2xl-font);font-weight:300;line-height:1.25}.type-heading-xl{font-size:var(--type-heading-xl-size);font-family:var(--type-heading-xl-font);font-weight:300}.type-heading-lg{font-size:var(--type-heading-lg-size);font-family:var(--type-heading-lg-font);font-weight:300}.type-heading-md{font-size:var(--type-heading-md-size);font-family:var(--type-heading-md-font);font-weight:400}.type-heading-sm{font-size:var(--type-heading-sm-size);font-family:var(--type-heading-sm-font);font-weight:400}.type-body-lg{font-size:var(--type-paragraph-lg-size);font-family:var(--type-paragraph-lg-font)}.type-body{font-size:var(--type-paragraph-size);font-family:var(--type-paragraph-font);line-height:1.625}.type-body-sm{font-size:var(--type-paragraph-sm-size);font-family:var(--type-paragraph-sm-font)}.type-overline{font-size:var(--type-subheading-size);font-family:var(--type-subheading-font);font-weight:500;text-transform:uppercase;letter-spacing:0.05em}.card{position:relative}.card-link{text-decoration:none}.card-link::after{content:"";position:absolute;inset:0}.card-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.cart-count-badge{display:inline-flex;align-items:center;justify-content:center;block-size:var(--spacing-cart-count-badge);inline-size:var(--spacing-cart-count-badge);border-radius:var(--radius-badge);background:var(--color-surface-secondary);color:var(--color-on-surface);font-size:0.75rem;font-weight:500;line-height:1}[data-header-nav-group]{padding-inline:var(--spacing-header-nav-inline)}@media (min-width:48rem){[data-header-nav-group]{padding-inline:var(--spacing-margin)}}.nav-has-dropdown{position:relative}.nav-dropdown{position:absolute;top:100%;inset-inline-start:calc(-1 * var(--spacing-nav-dropdown-offset-inline));padding-block-start:var(--spacing-nav-dropdown-offset-block);opacity:0;visibility:hidden;transform:translateY(calc(-1 * var(--spacing-nav-dropdown-enter-offset)));transition:opacity 0.15s var(--ease-ui),transform 0.15s var(--ease-ui),visibility 0.15s;z-index:50;pointer-events:none}@media (hover:hover){.nav-has-dropdown:hover .nav-dropdown{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}}.nav-has-dropdown:focus-within .nav-dropdown{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.nav-dropdown-inner{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:var(--spacing-nav-dropdown-surface-padding);display:grid;grid-template-columns:var(--spacing-nav-dropdown-column-width);grid-auto-flow:column;gap:0 var(--spacing-nav-dropdown-gap-inline);min-width:var(--spacing-nav-dropdown-column-width)}.nav-dropdown-item{display:flex;align-items:center;justify-content:space-between;font-size:0.875rem;font-weight:500;line-height:1.75;color:var(--color-on-surface);text-decoration:none;padding:var(--spacing-nav-dropdown-item-padding-block) 0;white-space:nowrap;transition:opacity 0.15s var(--ease-ui)}.nav-dropdown-inner:hover > .nav-dropdown-item{opacity:0.6}.nav-dropdown-inner > .nav-dropdown-item:hover{opacity:1}.nav-dropdown-item:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}.remove-icon-top,.remove-icon-bottom{transition:transform 125ms ease-in-out}@media (hover:hover){[command="--remove"]:hover .remove-icon-top{transform:translate( calc(-1 * var(--spacing-remove-icon-nudge-x)),calc(-1 * var(--spacing-remove-icon-top-nudge-y)) ) rotate(-15deg);transform-origin:60% 50%}[command="--remove"]:hover .remove-icon-bottom{transform:translateY(var(--spacing-remove-icon-bottom-nudge-y))}}}