.button-loader{display:inline-flex;align-items:center;justify-content:center;gap:6px}.loader-dot{width:8px;height:8px;border-radius:50%;background-color:currentColor;animation:dot-bounce 1.4s infinite ease-in-out both}.loader-dot:nth-child(1){animation-delay:-.32s}.loader-dot:nth-child(2){animation-delay:-.16s}.loader-dot:nth-child(3){animation-delay:0s}@keyframes dot-bounce{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.product-form__submit.loading,.buy-sample-btn.loading,.card-quick-add-btn.loading{position:relative;pointer-events:none}.product-form__submit .button-text,.product-form__submit .button-loader,.buy-sample-btn .button-text,.buy-sample-btn .button-loader,.card-quick-add-btn .quick-add-icon,.card-quick-add-btn .quick-add-loader{transition:opacity .2s ease}.product-form__submit .button-text.hidden,.product-form__submit .button-loader.hidden,.buy-sample-btn .button-text.hidden,.buy-sample-btn .button-loader.hidden,.card-quick-add-btn .quick-add-icon.hidden,.card-quick-add-btn .quick-add-loader.hidden{display:none}.buy-sample-btn{border:none;outline:none}.buy-sample-btn .loader-dot{width:4px;height:4px}.buy-sample-btn .button-loader{gap:3px}.card-quick-add-btn{position:relative;transition:background-color .3s ease}.card-quick-add-btn .quick-add-loader{display:inline-flex;align-items:center;justify-content:center;gap:2px}.card-quick-add-btn .quick-add-loader .loader-dot{width:3px;height:3px}@media screen and (min-width: 750px){.loader-dot{width:10px;height:10px}.button-loader{gap:8px}.buy-sample-btn .loader-dot{width:5px;height:5px}.buy-sample-btn .button-loader{gap:4px}.card-quick-add-btn .quick-add-loader .loader-dot{width:4px;height:4px}.card-quick-add-btn .quick-add-loader{gap:3px}}@media (prefers-contrast: high){.loader-dot{background-color:currentColor;opacity:1}}@media (prefers-reduced-motion: reduce){.loader-dot{animation:dot-pulse 2s infinite ease-in-out}@keyframes dot-pulse{0%,to{opacity:.4}50%{opacity:1}}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-button-loader.css.map */