:root{--key-depth: 4px;--key-depth-sm: 3px;--key-depth-xs: 2px;--key-shadow: rgb(var(--shadow-rgb) / .28);--key-press-ease: cubic-bezier(.2, .8, .4, 1)}.btn:not(.btn--link){--key-face: var(--buy);--key-edge: color-mix(in srgb, var(--buy) 68%, black);--key-hi: rgb(255 255 255 / .32);position:relative;border:0;transform:translateY(0);background-image:linear-gradient(180deg,var(--key-hi),rgb(255 255 255 / 0) 58%);box-shadow:0 var(--key-depth) 0 var(--key-edge),0 calc(var(--key-depth) + 8px) 18px -8px var(--key-shadow);transition:transform .1s var(--key-press-ease),box-shadow .1s var(--key-press-ease),background-color var(--dur-exit) var(--ease-both),color var(--dur-exit) var(--ease-both)}.btn:not(.btn--link):hover{transform:translateY(-1px);box-shadow:0 calc(var(--key-depth) + 1px) 0 var(--key-edge),0 calc(var(--key-depth) + 12px) 22px -8px var(--key-shadow)}.btn:not(.btn--link):active,.btn:not(.btn--link).is-pressed{transform:translateY(var(--key-depth));background-image:linear-gradient(180deg,#00000014,#0000 60%);box-shadow:0 0 0 var(--key-edge),0 1px 3px -1px var(--key-shadow);transition-duration:.06s}.btn--sm{--key-depth: var(--key-depth-sm)}.btn--buy{--key-face: var(--buy);--key-edge: color-mix(in srgb, var(--buy) 66%, black)}.btn--primary{--key-edge: color-mix(in srgb, var(--ink) 70%, black);--key-hi: rgb(255 255 255 / .16)}.btn--notify{--key-edge: color-mix(in srgb, var(--notify) 66%, black)}.btn--soon{--key-edge: color-mix(in srgb, var(--soon) 66%, black)}.btn--secondary,.btn--ghost{--key-edge: var(--ink);--key-hi: rgb(255 255 255 / .5);background-color:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink),0 var(--key-depth) 0 var(--key-edge),0 calc(var(--key-depth) + 8px) 18px -8px var(--key-shadow)}.btn--secondary:hover,.btn--ghost:hover{background-color:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink),0 calc(var(--key-depth) + 1px) 0 var(--key-edge),0 calc(var(--key-depth) + 12px) 22px -8px var(--key-shadow)}.btn--secondary:active,.btn--ghost:active,.btn--secondary.is-pressed,.btn--ghost.is-pressed{background-color:var(--bg-warm);box-shadow:inset 0 0 0 1.5px var(--ink),0 0 0 var(--key-edge),0 1px 3px -1px var(--key-shadow)}.btn[disabled],.btn[aria-disabled=true]{transform:none!important;background-image:none;box-shadow:none!important}.btn--loading{transform:translateY(var(--key-depth))!important;box-shadow:0 0 0 var(--key-edge)!important}.chip{--key-edge: var(--line-strong);position:relative;transform:translateY(0);box-shadow:0 var(--key-depth-xs) 0 var(--key-edge),0 5px 10px -6px var(--key-shadow);transition:transform .09s var(--key-press-ease),box-shadow .09s var(--key-press-ease),background-color var(--dur-exit) var(--ease-both),border-color var(--dur-exit) var(--ease-both),color var(--dur-exit) var(--ease-both)}.chip:hover{border-color:var(--ink);transform:translateY(-1px);box-shadow:0 calc(var(--key-depth-xs) + 1px) 0 var(--key-edge),0 7px 12px -6px var(--key-shadow)}.chip:active{transform:translateY(var(--key-depth-xs));box-shadow:0 0 0 var(--key-edge)}.chip[aria-pressed=true],.chip[aria-current=page],.chip.is-active{transform:translateY(var(--key-depth-xs));box-shadow:0 0 0 var(--key-edge),inset 0 2px 3px #00000047}.chip[aria-pressed=true]:hover,.chip[aria-current=page]:hover,.chip.is-active:hover{transform:translateY(var(--key-depth-xs))}.world-picker{gap:4px;padding:4px;background-color:var(--bg-deep);box-shadow:inset 0 1px 2px rgb(var(--shadow-rgb) / .12)}.world-picker__btn{background-color:var(--surface);color:var(--ink-soft);transform:translateY(0);box-shadow:0 var(--key-depth-xs) 0 var(--line-strong),0 4px 8px -4px var(--key-shadow);transition:transform .09s var(--key-press-ease),box-shadow .09s var(--key-press-ease),background-color var(--dur-exit) var(--ease-both),color var(--dur-exit) var(--ease-both)}.world-picker__btn:hover{color:var(--ink);transform:translateY(-1px)}.world-picker__btn:active,.world-picker__btn[aria-pressed=true]{transform:translateY(var(--key-depth-xs));background-color:var(--bg-warm);color:var(--ink);box-shadow:0 0 0 var(--line-strong),inset 0 2px 3px rgb(var(--shadow-rgb) / .22)}.world-picker__btn[aria-pressed=true] .world-picker__dot{box-shadow:inset 0 0 0 1px rgb(var(--shadow-rgb) / .18),0 0 0 2px var(--surface)}.header-icon-btn{transition:transform .09s var(--key-press-ease),background-color var(--dur-exit) var(--ease-both),box-shadow .09s var(--key-press-ease)}.header-icon-btn:active{transform:translateY(1px) scale(.94);background-color:var(--bg-deep);box-shadow:inset 0 2px 3px rgb(var(--shadow-rgb) / .2)}.news-line__go,.hero__tag-go,.pdp-addon__add,.shop-notify__go,.error-404__go{transform:translateY(0);transition:transform .09s var(--key-press-ease),box-shadow .09s var(--key-press-ease),background-color var(--dur-exit) var(--ease-both)}.news-line__go,.hero__tag-go,.pdp-addon__add{box-shadow:0 var(--key-depth-sm) 0 color-mix(in srgb,var(--buy) 66%,black),0 8px 14px -8px var(--key-shadow)}.news-line__go:hover,.hero__tag-go:hover,.pdp-addon__add:hover{transform:translateY(-1px)}.news-line__go:active,.hero__tag-go:active,.pdp-addon__add:active,.hero__tag:active .hero__tag-go{transform:translateY(var(--key-depth-sm));box-shadow:0 0 color-mix(in srgb,var(--buy) 66%,black)}.qty{box-shadow:0 var(--key-depth-xs) 0 var(--line-strong)}.qty__btn{transition:transform .09s var(--key-press-ease),background-color var(--dur-exit) var(--ease-both),box-shadow .09s var(--key-press-ease)}.qty__btn:active{background-color:var(--bg-deep);box-shadow:inset 0 2px 3px rgb(var(--shadow-rgb) / .22)}.pagination a{box-shadow:inset 0 0 0 1.5px var(--line-strong),0 var(--key-depth-xs) 0 var(--line-strong);transition:transform .09s var(--key-press-ease),box-shadow .09s var(--key-press-ease)}.pagination a:active{transform:translateY(var(--key-depth-xs));box-shadow:inset 0 0 0 1.5px var(--line-strong),0 0 0 var(--line-strong)}.rail-tile:active,.product-card.card:active,.world-card__pick:active,.how__step:active .how__media,.hero__tag:active{transform:translateY(2px) scale(.995);box-shadow:var(--e1)}html.reduced-motion .btn,html.reduced-motion .chip,html.reduced-motion .world-picker__btn,html.reduced-motion .header-icon-btn,html.reduced-motion .qty__btn{transition:none}
/*# sourceMappingURL=/cdn/shop/t/2/assets/tactile.css.map */