.atc-container{--atc-button-height: 49px;--atc-border-radius: 10px;--atc-background: linear-gradient( 275.76deg, #221f20 -33.36%, #505050 139.52% );--atc-anim-timing: cubic-bezier(.5, .15, 0, 1);--atc-anim-duration: .75s;width:100%;height:49px;position:relative;overflow:hidden;border-radius:var(--atc-border-radius)}.atc-container .atc-button{width:100%;height:var(--atc-button-height);padding:13px 0;background:#0000;color:#fff;font-family:Jost-Regular;font-size:16px;font-weight:400;text-transform:uppercase;line-height:23px;letter-spacing:0px;text-align:center;border:0;border-radius:var(--atc-border-radius);cursor:pointer;position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);transition:transform var(--atc-anim-duration) var(--atc-anim-timing)}.atc-background{width:100%;height:var(--atc-button-height);background:var(--atc-background);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform var(--atc-anim-duration) var(--atc-anim-timing);border-radius:var(--atc-border-radius)}.atc-container .atc-button#added{left:0;transform:translate(-200%) translateY(-50%)}.atc-container .atc-icon-container{display:inline-flex;width:100%;height:20px;position:relative;align-items:center;justify-content:center;flex-direction:row;flex-wrap:nowrap;position:absolute;top:50%;left:0;transform:translate(-100%) translateY(-50%);transition:transform var(--atc-anim-duration) var(--atc-anim-timing)}.atc-container .atc-icon-container #atc-icon-bag path{fill:#fff;stroke:#302e2f;stroke-width:.1}.atc-container .atc-icon-container #atc-icon-rectangle{position:absolute;top:52%;left:50%;transform:translate(-50%) translateY(-34px);transition:transform var(--atc-anim-duration) var(--atc-anim-timing);transition-delay:calc(var(--atc-anim-duration) + .05s)}.atc-container.animate-atb .atc-button#added{transform:translate(-100%) translateY(-50%)}.atc-container.animate-atb .atc-icon-container{transform:translate(0) translateY(-50%)}.atc-container.animate-atb .atc-button#add-to-bag{transform:translate(50%) translateY(-50%)}.atc-container.animate-atb .atc-icon-container #atc-icon-rectangle{transform:translate(-50%) translateY(0)}.atc-container.animate-atb.animate-added .atc-button#added{transform:translate(0) translateY(-50%)}.atc-container.animate-atb.animate-added .atc-icon-container{transform:translate(100%) translateY(-50%)}.atc-container.animate-atb.animate-added .atc-button#add-to-bag{transform:translate(50%) translateY(-50%)}.atc-container.animate-atb.animate-added .atc-icon-container #atc-icon-rectangle{transform:translate(-50%) translateY(-34px)}.atc-container .qty-container{width:100%;height:var(--atc-button-height);background:#fff;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-around;align-items:center}.atc-container .qty-container .p.h4{font-family:Jost-Bold;font-size:16px;font-style:normal;font-weight:700;line-height:normal;text-transform:uppercase}.atc-container .qty-container .p.h4 span{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;text-transform:inherit}.atc-container .qty-container .update-qty{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:4px;border:1px solid #000;border-radius:210px;padding:3px 10px;cursor:pointer}.atc-container .qty-container .update-qty .p{color:#231f20;font-family:Jost-Regular;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.atc-container.animate-atb.animate-added.mobile .atc-background{transform:translate(100%,-50%)}.atc-container.animate-atb.animate-added.mobile.animate-update .atc-background{transform:translate(-50%,-50%)}
/*# sourceMappingURL=/cdn/shop/t/353/assets/component-atc.css.map?v=174865233138596471031702041207 */