.slide-cart{--sc-track: #ffffff;--sc-ink: var(--color-foreground);--sc-ok: #22c55e;--sc-no: #d0603a;--sc-on-ink: var(--sc-track);--sc-on-ok: #111111;--sc-on-no: #ffffff;--sc-radius: var(--style-border-radius-buttons-primary, 28px);--sc-pad: 4px;--sc-height: var(--height-buy-buttons, 56px);--sc-grip: calc(var(--sc-height) - var(--sc-pad) * 2);--sc-grip-r: max(0px, calc(min(var(--sc-radius), var(--sc-height) / 2) - var(--sc-pad)));position:relative;display:block;width:100%;min-width:220px;height:var(--sc-height);font-family:inherit}.slide-cart[data-disabled]{opacity:.55}.slide-cart[data-disabled] .slide-cart__track{cursor:not-allowed}.slide-cart__real{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;overflow:hidden}.slide-cart__real .add-to-cart-button{height:100%}.slide-cart__track{position:relative;width:100%;height:100%;border-radius:min(var(--sc-radius),calc(var(--sc-height) / 2));background:var(--sc-track);box-shadow:inset 0 0 0 1px var(--site-frame-border-color, #d6d6d6);cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.slide-cart[data-held] .slide-cart__track{cursor:grabbing}.slide-cart[data-phase=pending] .slide-cart__track,.slide-cart[data-phase=done] .slide-cart__track{cursor:default}.slide-cart__label{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding-inline:var(--sc-pad);pointer-events:none;font-size:11px;font-weight:400;line-height:1;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.slide-cart__text{grid-area:1 / 1;color:var(--sc-ink);transition:opacity .2s ease,filter .2s ease}.slide-cart__text--error{color:var(--sc-no);opacity:0;filter:blur(2px)}.slide-cart[data-phase=error] .slide-cart__text--plain{opacity:0;filter:blur(2px)}.slide-cart[data-phase=error] .slide-cart__text--error{opacity:1;filter:none}.slide-cart__capsule{position:absolute;top:var(--sc-pad);left:var(--sc-pad);width:calc(100% - var(--sc-pad) * 2);height:calc(100% - var(--sc-pad) * 2);background:var(--sc-ink);color:var(--sc-on-ink);outline:none;clip-path:inset(0 calc(100% - var(--sc-grip)) 0 0 round var(--sc-grip-r));transition:background-color .2s ease,color .2s ease}.slide-cart[data-phase=done] .slide-cart__capsule{background:var(--sc-ok);color:var(--sc-on-ok)}.slide-cart[data-phase=error] .slide-cart__capsule{background:var(--sc-no);color:var(--sc-on-no)}.slide-cart__capsule:focus-visible{box-shadow:inset 0 0 0 2px var(--sc-track)}.slide-cart__content{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(calc(var(--sc-grip) / 2 - 50%))}.slide-cart__arrow,.slide-cart__spin,.slide-cart__done{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:8px;pointer-events:none;font-size:var(--font-size--sm, 13px);font-weight:600;line-height:1;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap}.slide-cart__arrow svg,.slide-cart__done svg,.slide-cart__spinner{display:block;flex-shrink:0}.slide-cart__spin{opacity:0}.slide-cart__arrow,.slide-cart__spin{transition:filter .2s ease}.slide-cart[data-phase=pending] .slide-cart__arrow,.slide-cart:not([data-phase=pending]) .slide-cart__spin{filter:blur(2px)}.slide-cart__done{gap:6px;font-size:11px;font-weight:400;letter-spacing:.06em;opacity:0;scale:.95;transition:opacity .2s cubic-bezier(.23,1,.32,1),scale .2s cubic-bezier(.23,1,.32,1)}.slide-cart[data-phase=done] .slide-cart__done{opacity:1;scale:1}.slide-cart__spinner{animation:slide-cart-spin 1s linear infinite;animation-play-state:paused}.slide-cart[data-phase=pending] .slide-cart__spinner{animation-play-state:running}@keyframes slide-cart-spin{to{transform:rotate(360deg)}}.slide-cart__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(prefers-reduced-motion:reduce){.slide-cart__done{scale:1}.slide-cart__spinner{animation:slide-cart-breathe 1.4s ease-in-out infinite;animation-play-state:paused}@keyframes slide-cart-breathe{0%,to{opacity:1}50%{opacity:.4}}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/slide-to-cart.css.map */