.sticky-add-to-cart{position:fixed;bottom:0;left:0;right:0;background:rgb(var(--bg-color));border-top:var(--input-border-width) solid rgba(var(--text-color)/.2);box-shadow:0 -2px 10px rgba(var(--text-color)/.1);transform:translateY(100%);transition:transform .3s ease;z-index:99;padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.sticky-add-to-cart.visible{transform:translateY(0)}.sticky-add-to-cart__inner{display:flex;align-items:center;gap:calc(4 * var(--space-unit));padding:calc(4 * var(--space-unit));max-width:1200px;margin:0 auto}.sticky-add-to-cart__product{display:flex;align-items:center;gap:calc(3 * var(--space-unit));flex:1;min-width:0}.sticky-add-to-cart__image{width:48px;height:48px;border-radius:var(--input-border-radius);overflow:hidden;flex-shrink:0}.sticky-add-to-cart__image img{width:100%;height:100%;object-fit:cover}.sticky-add-to-cart__info{min-width:0;flex:1}.sticky-add-to-cart__title{font-size:calc(var(--body-font-size) * .1rem);font-weight:var(--body-font-weight);line-height:1.3;margin:0 0 calc(var(--space-unit)) 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgb(var(--text-color))}.sticky-add-to-cart__price{font-size:calc(var(--body-font-size) * .1rem);font-weight:var(--body-font-weight);color:rgb(var(--text-color))}.sticky-add-to-cart__controls{display:flex;align-items:center;gap:calc(3 * var(--space-unit));flex-shrink:0}.sticky-add-to-cart__variant-select{height:calc((var(--input-border-width) + 10px) * 2 + 2.4rem);padding:6px 2.5rem calc(10px - var(--input-border-width)) calc(10px - var(--input-border-width));border:var(--input-border-width) solid rgba(var(--input-text-color)/.2);border-radius:var(--input-border-radius);background-color:rgba(var(--input-bg-color));color:rgb(var(--input-text-color));font-size:calc(var(--body-font-size) * .1rem);font-family:var(--body-font-family);min-width:120px;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right calc(10px - var(--input-border-width)) center;background-repeat:no-repeat;background-size:1rem;cursor:pointer}.sticky-add-to-cart__variant-select:focus{outline:none;border-color:rgba(var(--input-text-color)/.6);box-shadow:0 0 0 1px rgba(var(--input-text-color)/.6)}.sticky-add-to-cart__quantity{border:var(--input-border-width) solid rgba(var(--input-text-color)/.2);border-radius:var(--input-border-radius);background-color:rgba(var(--input-bg-color));display:flex;align-items:center}.sticky-add-to-cart__quantity:focus-within{border-color:rgba(var(--input-text-color)/.6);box-shadow:0 0 0 1px rgba(var(--input-text-color)/.6)}.quantity-btn{position:relative;width:calc((10px + var(--input-border-width)) * 2 + 2.4rem);height:calc((10px + var(--input-border-width)) * 2 + 2.4rem);border:none;background:none;color:rgb(var(--input-text-color));cursor:pointer}.quantity-btn:before,.quantity-btn:after{content:"";position:absolute;top:50%;right:50%;width:12px;height:2px;transform:translate(50%,-50%);background-color:currentColor}.quantity-btn:after{width:2px;height:12px}.quantity-btn--minus:after{display:none}.sticky-add-to-cart__quantity-input{width:calc((10px + var(--input-border-width)) * 2 + 2.4rem);height:calc((10px + var(--input-border-width)) * 2 + 2.4rem);padding:0;border:none;background:none;text-align:center;font-size:calc(var(--body-font-size) * .1rem);font-family:var(--body-font-family);color:rgb(var(--input-text-color))}.sticky-add-to-cart__quantity-input:focus{outline:none}.sticky-add-to-cart__button:disabled,.sticky-add-to-cart__button[aria-disabled=true]{opacity:.4;pointer-events:none}.sticky-add-to-cart__button{position:relative}.sticky-add-to-cart__button.btn--primary{--icon-color: rgb(var(--btn-text-color))}.sticky-add-to-cart__button.btn--secondary{--icon-color: rgb(var(--btn-alt-text-color))}.sticky-add-to-cart__button:before,.sticky-add-to-cart__button:after{content:"";position:absolute;pointer-events:none}.sticky-add-to-cart__button:before{--loading-spinner-size: 1.2em;top:calc(50% - var(--loading-spinner-size) / 2);left:calc(50% - var(--loading-spinner-size) / 2);width:var(--loading-spinner-size);height:var(--loading-spinner-size);animation:spinner 1s linear infinite;transition:opacity .2s ease-in;border:1px solid transparent;border-radius:100%;border-left-color:var(--icon-color);opacity:0}.sticky-add-to-cart__button:after{--icon-size: 1.4em;top:calc(50% - var(--icon-size) / 1.6);left:calc(50% - var(--icon-size) / 5);width:calc(var(--icon-size) / 2);height:var(--icon-size);transform:scale(.8) rotate(45deg);transition:opacity .15s ease-out;border-top:0;border-right:2px solid var(--icon-color);border-bottom:2px solid var(--icon-color);border-left:0;border-radius:0;opacity:0}.sticky-add-to-cart__button.is-loading{opacity:1;color:#0000;pointer-events:none}.sticky-add-to-cart__button.is-loading.btn--primary{border:var(--btn-border-width) solid rgb(var(--btn-bg-color));background-color:rgb(var(--btn-bg-color))}.sticky-add-to-cart__button.is-loading.btn--secondary{border:var(--btn-border-width) solid rgb(var(--btn-alt-text-color));background:rgba(var(--btn-alt-bg-color)/var(--btn-alt-bg-alpha))}.sticky-add-to-cart__button.is-loading:before{opacity:1}.sticky-add-to-cart__button.is-loading:after{animation:none;border-top:0;border-left:0}.sticky-add-to-cart__button.is-success:before{opacity:0}.sticky-add-to-cart__button.is-success:after{animation:2s linear atc-tick-activated}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes atc-tick-activated{0%{transform:scale(.8) rotate(45deg);opacity:0}15%{transform:scale(.8) rotate(45deg);opacity:0}20%{transform:scale(1) rotate(45deg);opacity:1}90%{transform:scale(1) rotate(45deg);opacity:1}95%{transform:scale(1) rotate(45deg);opacity:0}to{transform:scale(1) rotate(45deg);opacity:0}}@media screen and (max-width: 768px){.sticky-add-to-cart__inner{flex-direction:column;gap:calc(2 * var(--space-unit));padding:calc(2 * var(--space-unit)) calc(3 * var(--space-unit)) calc(3 * var(--space-unit))}.sticky-add-to-cart__product{width:100%;justify-content:flex-start;gap:calc(2 * var(--space-unit))}.sticky-add-to-cart__image{width:40px;height:40px}.sticky-add-to-cart__title{white-space:normal;line-height:1.2;font-size:calc(var(--body-font-size) * .09rem);display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.sticky-add-to-cart__price{font-size:calc(var(--body-font-size) * .09rem)}.sticky-add-to-cart__controls{width:100%;flex-wrap:wrap;gap:calc(2 * var(--space-unit))}.sticky-add-to-cart__variant-select{flex:1 1 100%;min-width:0;order:1;font-size:calc(var(--body-font-size) * .09rem)}.sticky-add-to-cart__quantity{flex-shrink:0;order:2}.sticky-add-to-cart__button{flex:1;min-width:0;order:3;padding:calc(8px - var(--btn-border-width)) calc(2 * var(--space-unit));font-size:calc(var(--body-font-size) * .09rem)}}@media screen and (max-width: 480px){.sticky-add-to-cart__inner{padding:calc(2 * var(--space-unit));gap:calc(1.5 * var(--space-unit))}.sticky-add-to-cart__product,.sticky-add-to-cart__controls{gap:calc(1.5 * var(--space-unit))}}@media screen and (max-width: 400px){.sticky-add-to-cart__inner{padding:calc(2 * var(--space-unit));gap:calc(1.5 * var(--space-unit))}.sticky-add-to-cart__product{gap:calc(1.5 * var(--space-unit))}.sticky-add-to-cart__image{width:36px;height:36px}.sticky-add-to-cart__title{font-size:calc(var(--body-font-size) * .085rem);margin-bottom:calc(.5 * var(--space-unit))}.sticky-add-to-cart__price{font-size:calc(var(--body-font-size) * .085rem)}.sticky-add-to-cart__controls{gap:calc(1.5 * var(--space-unit))}.sticky-add-to-cart__variant-select{font-size:calc(var(--body-font-size) * .085rem);padding:calc(8px - var(--input-border-width)) 2rem calc(8px - var(--input-border-width)) calc(8px - var(--input-border-width));height:calc((var(--input-border-width) + 8px) * 2 + 2rem)}.quantity-btn{width:calc((8px + var(--input-border-width)) * 2 + 2rem);height:calc((8px + var(--input-border-width)) * 2 + 2rem)}.sticky-add-to-cart__quantity-input{width:calc((8px + var(--input-border-width)) * 2 + 2rem);height:calc((8px + var(--input-border-width)) * 2 + 2rem);font-size:calc(var(--body-font-size) * .085rem)}.sticky-add-to-cart__button{padding:calc(8px - var(--btn-border-width)) calc(1.5 * var(--space-unit));font-size:calc(var(--body-font-size) * .085rem)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/sticky-add-to-cart.css.map */