.atc-container{--atc-button-height: 49px;--atc-border-radius: 26px;--atc-background: #ee3224;--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:Gilroy-Bold;font-size:clamp(15px,calc(15 * (100vw / 1440)),17px);font-weight:700;text-transform:uppercase;line-height:1.1;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;gap:10px}.atc-container .qty-container .p.h4{font-family:Gilroy-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:Gilroy-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%)}.mainAtc-BTn.atc-disabled,.stickyBarAtc button.atc-disabled{opacity:.5;pointer-events:none}@media (max-width:768px){.atc-container .qty-container .update-qty .p,.atc-container .qty-container .p.h4{font-size:14px}}@media (max-width:380px){.atc-container .qty-container .update-qty .p,.atc-container .qty-container .p.h4{font-size:12px}.atc-container .qty-container{gap:0}.atc-container .qty-container .update-qty{padding-inline:2%}}.viewCart{width:100%;height:49px;background:#ee3224;padding:13px 0;color:#fff;font-family:Gilroy-Bold;font-size:clamp(15px,calc(15*(100vw / 1440)),17px);text-transform:uppercase;line-height:1.1;letter-spacing:0px;text-align:center;border:none;border-radius:26px;z-index:2}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-atc.css.map */
