body .ss-shop-zone{--shop-fill-top:#741c1c;--shop-fill-mid:#5a1010;--shop-fill-bottom:#4a0b0b;--shop-text:#fff6ec;--shop-focus:#e8a33d;--shop-shadow:58,8,8;--shop-tilt-x:12;--shop-tilt-y:16;display:inline-flex;flex:0 1 auto;min-width:0;max-width:100%;padding:0;box-sizing:border-box;vertical-align:middle;perspective:700px}body .ss-shop-zone>.ss-shop-tilt{display:inline-block;min-width:0;max-width:100%;transform-style:preserve-3d;transition:transform .18s ease-out;will-change:transform}body .ss-shop-zone>.ss-shop-tilt>.ss-shop-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:0;width:auto;min-width:156px;max-width:100%;height:48px;min-height:48px;margin:0;padding:0 42px;box-sizing:border-box;border:0;border-radius:10px;-webkit-appearance:none;appearance:none;cursor:pointer;overflow:hidden;isolation:isolate;color:var(--shop-text);text-decoration:none;white-space:nowrap;font-family:var(--font-body-family);font-size:16px;font-style:normal;font-weight:600;line-height:1;letter-spacing:.01em;text-transform:none;text-shadow:0 1px 0 rgba(0,0,0,.35);background:linear-gradient(180deg,var(--shop-fill-top) 0%,var(--shop-fill-mid) 55%,var(--shop-fill-bottom) 100%);box-shadow:0 18px 30px -10px rgba(var(--shop-shadow),.55),0 4px 10px -4px rgba(var(--shop-shadow),.4);transform:none;transition:filter .3s ease;-webkit-tap-highlight-color:transparent}body .product-form__buttons>.ss-shop-zone,body .product-form__buttons>.ss-shop-zone>.ss-shop-tilt,body .product-form__buttons>.ss-shop-zone>.ss-shop-tilt>button.product-form__submit.ss-shop-button{width:100%;min-width:0;max-width:100%}body .ss-shop-zone>.ss-shop-tilt>.ss-shop-button:is(:hover,:focus-visible,:active){color:var(--shop-text);text-decoration:none;background:linear-gradient(180deg,var(--shop-fill-top) 0%,var(--shop-fill-mid) 55%,var(--shop-fill-bottom) 100%);box-shadow:0 18px 30px -10px rgba(var(--shop-shadow),.55),0 4px 10px -4px rgba(var(--shop-shadow),.4);transform:none}body .ss-shop-zone>.ss-shop-tilt>.ss-shop-button:where(:not(:disabled):not([disabled]):not([aria-disabled=true]):not(.disabled):not(.loading)):hover{filter:brightness(1.06)}body .ss-shop-zone>.ss-shop-tilt>.ss-shop-button:where(:not(:disabled):not([disabled]):not([aria-disabled=true]):not(.disabled):not(.loading)):active{filter:brightness(.95)}body .ss-shop-zone>.ss-shop-tilt>.ss-shop-button:focus-visible{outline:3px solid var(--shop-focus);outline-offset:4px}body .ss-shop-zone>.ss-shop-tilt>.ss-shop-button:after,body header.ss-header.ss-k-header.ss-flow-nav .ss-nav .ss-shop-zone>.ss-shop-tilt>.ss-shop-button:after{content:"";position:absolute;display:block;top:0;right:0;bottom:0;left:0;width:auto;height:auto;border-radius:inherit;pointer-events:none;z-index:3;background:linear-gradient(180deg,#ffebd238,#ffebd200 45%);box-shadow:inset 0 1px #ffdcbe59,inset 0 -2px #00000040;transform:none;transition:none}body .ss-shop-zone .ss-shop-label,body .ss-shop-zone .ss-shop-arrow{position:relative;z-index:4}body .ss-shop-zone .ss-shop-label{text-align:center}body .ss-shop-zone .ss-shop-arrow{position:absolute;display:block;right:18px;top:0;bottom:0;margin:auto 0;width:14px;height:14px;transition:transform .45s cubic-bezier(.2,.9,.2,1)}body .ss-shop-zone>.ss-shop-tilt>.ss-shop-button:where(:not(:disabled):not([disabled]):not([aria-disabled=true]):not(.disabled):not(.loading)):hover .ss-shop-arrow{transform:translate(3px,-3px)}body .ss-shop-zone .ss-shop-glare{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:3;opacity:0;transition:opacity .3s ease;background:radial-gradient(120px circle at var(--gx,50%) var(--gy,0%),rgba(255,226,180,.35),transparent 70%)}body .ss-shop-zone:hover>.ss-shop-tilt>.ss-shop-button:where(:not(:disabled):not([disabled]):not([aria-disabled=true]):not(.disabled):not(.loading)) .ss-shop-glare{opacity:1}body .ss-shop-zone .ss-shop-threads{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}body .ss-shop-zone .ss-shop-threads img{position:absolute;display:block;bottom:-34px;height:auto;max-width:none;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;filter:brightness(1.15) drop-shadow(0 0 2px rgba(255,150,70,.6));animation:ss-shop-float 6s linear infinite}body .ss-shop-zone>.ss-shop-tilt>.ss-shop-button:where(:not(:disabled):not([disabled]):not([aria-disabled=true]):not(.disabled):not(.loading)):hover .ss-shop-threads img{filter:brightness(1.35) drop-shadow(0 0 4px rgba(255,170,80,.9))}body .ss-shop-zone>.ss-shop-tilt>button.ss-shop-button:is(:disabled,[disabled],[aria-disabled=true],.disabled):not(.loading){cursor:not-allowed;opacity:.5;filter:none}body .ss-shop-zone>.ss-shop-tilt>button.ss-shop-button.loading{cursor:wait;opacity:1;filter:none}body .ss-shop-zone>.ss-shop-tilt:has(>button.ss-shop-button:is(:disabled,[disabled],[aria-disabled=true],.disabled,.loading)){transform:none!important;transition:none;will-change:auto}body .ss-shop-zone>.ss-shop-tilt>button.ss-shop-button:is(:disabled,[disabled],[aria-disabled=true],.disabled,.loading) .ss-shop-threads img{animation-play-state:paused}body .ss-shop-zone>.ss-shop-tilt>button.ss-shop-button.loading>.ss-shop-label{opacity:0}body .ss-shop-zone>.ss-shop-tilt>button.ss-shop-button.loading>:is(.ss-shop-threads,.ss-shop-glare,.ss-shop-arrow){visibility:hidden}body .ss-shop-zone>.ss-shop-tilt>button.ss-shop-button>.loading__spinner{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;width:18px;height:18px;margin:auto;color:inherit;z-index:5;pointer-events:none}body .ss-shop-zone>.ss-shop-tilt>button.ss-shop-button.loading>.loading__spinner:not(.hidden){display:flex}body .ss-shop-zone>.ss-shop-tilt>button.ss-shop-button>.loading__spinner .spinner{display:block;width:100%;height:100%}body .ss-shop-zone>.ss-shop-tilt>button.ss-shop-button>.loading__spinner .path{stroke:currentColor}body header.ss-header.ss-k-header.ss-flow-nav .ss-nav .ss-shop-zone>.ss-shop-tilt>.ss-shop-button{min-height:56px;height:56px;padding:0 24px;border:0;border-radius:12px;font-family:var(--font-body-family);font-size:17px;font-style:normal;font-weight:600;line-height:1;letter-spacing:.01em;text-transform:none}body .ss-footer .ss-footer-links .ss-shop-zone>.ss-shop-tilt>.ss-shop-button{min-height:56px;height:56px;padding:0 24px;color:var(--shop-text);text-decoration:none}@keyframes ss-shop-float{0%{transform:translate(0) rotate(var(--r));opacity:0}12%{opacity:.95}50%{transform:translate(var(--sx),-46px) rotate(calc(var(--r) + 35deg))}85%{opacity:.85}to{transform:translateY(-92px) rotate(calc(var(--r) + 70deg));opacity:0}}@media(max-width:749px){body .ss-flow-header-shell[data-ss-flow-ready=true] header.ss-header.ss-k-header.ss-flow-nav .ss-nav>.ss-shop-zone{width:100%;margin:0 0 8px;max-width:none}body .ss-flow-header-shell[data-ss-flow-ready=true] header.ss-header.ss-k-header.ss-flow-nav .ss-nav>.ss-shop-zone>.ss-shop-tilt,body .ss-flow-header-shell[data-ss-flow-ready=true] header.ss-header.ss-k-header.ss-flow-nav .ss-nav>.ss-shop-zone>.ss-shop-tilt>.ss-shop-button{width:100%;min-width:0;max-width:none}}@media(max-width:449px){body .ss-footer .ss-footer-links:has(.ss-shop-zone){grid-template-columns:1fr}}@media(min-width:750px)and (max-width:889px){body .ss-footer .ss-footer-links:has(.ss-shop-zone){grid-template-columns:1fr}}@media(hover:none),(pointer:coarse){body .ss-shop-zone>.ss-shop-tilt{transform:none!important;transition:none;will-change:auto}body .ss-shop-zone .ss-shop-glare{display:none}body .ss-shop-zone>.ss-shop-tilt>.ss-shop-button:hover .ss-shop-arrow{transform:none}}@media(prefers-reduced-motion:reduce){body .ss-shop-zone>.ss-shop-tilt,body .ss-shop-zone>.ss-shop-tilt>.ss-shop-button,body .ss-shop-zone>.ss-shop-tilt>.ss-shop-button *{animation:none!important;transition:none!important}body .ss-shop-zone>.ss-shop-tilt,body .ss-shop-zone>.ss-shop-tilt>.ss-shop-button,body .ss-shop-zone .ss-shop-arrow{transform:none!important}body .ss-shop-zone .ss-shop-threads img{bottom:8px;opacity:.7;transform:rotate(var(--r))!important}body .ss-shop-zone .ss-shop-glare{display:none}body .ss-shop-zone>.ss-shop-tilt{will-change:auto}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/ss-shop-tilt.css.map */