.quick-add-sizes{position:absolute;bottom:0;left:0;right:0;z-index:2;background:#ffffff80;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(4px);padding:8px 10px 10px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease;display:flex;flex-direction:column;align-items:center;gap:6px}@media screen and (pointer:fine){.product-card:hover .quick-add-sizes{opacity:1;visibility:visible;transform:translateY(0)}}@media screen and (pointer:coarse){.quick-add-sizes{display:none!important}}.quick-add-sizes__label{font-size:9px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--tn-black);line-height:1}.quick-add-sizes__buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;min-height:28px;align-items:center;width:100%}.quick-add-sizes__btn{display:inline-flex;align-items:center;justify-content:center;min-width:35px;height:23px;padding:0 8px;border:1px solid #ccc;border-radius:3px;background:#fff;color:#222;font-size:9px;font-weight:500;letter-spacing:.02em;line-height:1;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .1s ease;-webkit-tap-highlight-color:transparent;position:relative;white-space:nowrap}.quick-add-sizes__btn:hover{background:#222;border-color:#222;color:#fff}.quick-add-sizes__btn:active{transform:scale(.95)}.quick-add-sizes__btn--sold-out{color:#bbb;border-color:#e5e5e5;background:#fafafa;cursor:not-allowed;text-decoration:line-through}.quick-add-sizes__btn--sold-out:hover{background:#fafafa;border-color:#e5e5e5;color:#bbb}.quick-add-sizes__btn--adding,.quick-add-sizes__btn--added{pointer-events:none;background:#222;border-color:#222;color:#fff}.quick-add-sizes__btn--added:after{content:"";display:inline-block;width:10px;height:6px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translateY(-1px);margin-left:4px}.quick-add-sizes__loading{display:flex;align-items:center;justify-content:center;width:100%;height:28px}.quick-add-sizes__spinner{width:16px;height:16px;border:2px solid #ddd;border-top-color:#222;border-radius:50%;animation:qa-spin .6s linear infinite}@keyframes qa-spin{to{transform:rotate(360deg)}}.quick-add-sizes__mobile-trigger{display:none;position:absolute;bottom:5px;right:5px;z-index:2;width:30px;height:30px;align-items:center;justify-content:center;border-radius:50%;border:none;background:#ffffff80;color:var(--tn-black);box-shadow:0 2px 8px #0000001f;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s ease}.quick-add-sizes__mobile-trigger:active{transform:scale(.9)}@media screen and (pointer:coarse){.quick-add-sizes__mobile-trigger{display:flex}}@media screen and (pointer:coarse){.product-card__figure .product-card__quick-add-button{display:none!important}}.quick-add-sizes__mobile-popup{display:none;position:absolute;bottom:48px;right:8px;z-index:4;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;padding:10px 12px 12px;min-width:160px;max-width:calc(100% - 16px);flex-direction:column;gap:8px;opacity:0;transform:translateY(6px) scale(.96);transform-origin:bottom right;transition:opacity .18s ease,transform .18s ease}.quick-add-sizes__mobile-popup.is-visible{display:flex}.quick-add-sizes__mobile-popup.is-active{opacity:1;transform:translateY(0) scale(1)}.quick-add-sizes__mobile-popup-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.quick-add-sizes__mobile-popup-title{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--tn-black);line-height:1}.quick-add-sizes__mobile-close{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:none;color:#999;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent}.quick-add-sizes__backdrop{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:3;background:transparent}.quick-add-sizes__backdrop.is-active{display:block}.quick-add-sizes__mobile-popup .quick-add-sizes__btn{min-width:38px;height:34px;font-size:12px;padding:0 10px}@media screen and (pointer:fine){.product-card__figure:has(.quick-add-sizes) .product-card__quick-add-button{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/233/assets/quick-add-sizes.css.map */