.card-wrapper{position:relative}.card-wrapper .card__inner{position:relative;overflow:hidden}.quick-add-inline,.quick-add-inline__trigger{visibility:hidden}body.qai-inited .quick-add-inline,body.qai-inited .quick-add-inline__trigger{visibility:visible}.quick-add-inline{display:flex;align-items:center;justify-content:center;gap:18px;padding:12px 14px;margin:0;font-family:var(--font-body-family);font-size:1.25rem;line-height:1;background:#f1ede766;-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);color:#000;border-top:none;overflow-x:auto;scrollbar-width:none;white-space:nowrap}.quick-add-inline::-webkit-scrollbar{display:none}.quick-add-inline__label{font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:1.25rem;color:inherit;white-space:nowrap;flex-shrink:0;-webkit-user-select:none;user-select:none}.quick-add-inline__sizes{display:flex;gap:14px;flex-wrap:nowrap;align-items:center}.quick-add-inline__size{background:transparent;border:none;padding:2px 0;cursor:pointer;font-size:1.25rem;font-family:inherit;font-weight:500;line-height:1;color:inherit;letter-spacing:.04em;text-transform:uppercase;transition:color .12s ease,opacity .12s ease;min-width:22px;text-align:center}.quick-add-inline__size:not([disabled]):hover{text-decoration:underline;text-underline-offset:3px}.quick-add-inline__size--unavailable{text-decoration:line-through;opacity:.4;cursor:not-allowed}.quick-add-inline__size.is-loading{opacity:.5;pointer-events:none}.quick-add-inline__size.is-added{color:#2a7a3b}.quick-add-inline__trigger{display:none;position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:36px;height:36px;padding:0;border-radius:50%;background:#fffffff2;border:1px solid rgba(0,0,0,.1);cursor:pointer;z-index:5;box-shadow:0 2px 6px #0000001f;transition:background .15s ease,transform .15s ease;align-items:center;justify-content:center}.quick-add-inline__trigger:active{transform:translate(-50%) scale(.95)}.quick-add-inline__icon{width:18px;height:18px;color:#111}.quick-add-inline__icon--close{display:none}.card__inner>.quick-add-inline{position:absolute;left:0;right:0;bottom:0;z-index:4}@media(hover:hover)and (pointer:fine){.card__inner>.quick-add-inline{opacity:0;transform:translateY(100%);transition:opacity .2s ease,transform .22s ease;pointer-events:none}.grid__item:hover .card__inner>.quick-add-inline,.card-wrapper:hover .card__inner>.quick-add-inline,.card-wrapper:focus-within .card__inner>.quick-add-inline,.card:hover .card__inner>.quick-add-inline,.card__content:hover~.card__inner>.quick-add-inline,.card__inner:hover>.quick-add-inline{opacity:1;transform:translateY(0);pointer-events:auto}.quick-add-inline__trigger,#qai-sheet,#qai-sheet-backdrop{display:none!important}}@media(hover:none),(pointer:coarse){.quick-add-inline__trigger{display:flex}.card__inner>.quick-add-inline{display:none}}#qai-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:9998;opacity:0;pointer-events:none;transition:opacity .24s ease}body.qai-sheet-active #qai-sheet-backdrop{opacity:1;pointer-events:auto}#qai-sheet{position:fixed;bottom:0;left:0;right:0;width:100%;max-height:75vh;background:#fff;border-radius:18px 18px 0 0;box-shadow:0 -8px 30px #00000026;z-index:9999;transform:translateY(100%);transition:transform .32s cubic-bezier(.22,.61,.36,1);padding:28px 16px 36px;overflow-y:auto;-webkit-overflow-scrolling:touch}body.qai-sheet-active #qai-sheet{transform:translateY(0)}#qai-sheet:before{content:"";display:block;width:44px;height:4px;background:#d0d0d0;border-radius:2px;position:absolute;top:10px;left:50%;transform:translate(-50%)}#qai-sheet .quick-add-inline{display:flex;flex-direction:column;align-items:center;gap:22px;padding:0;background:transparent;border:none;position:static;transform:none;opacity:1;pointer-events:auto;overflow:visible;color:#111;-webkit-backdrop-filter:none;backdrop-filter:none}#qai-sheet .quick-add-inline__label{display:none}#qai-sheet .quick-add-inline__sizes{flex-direction:column;gap:20px;align-items:center;width:100%}#qai-sheet .quick-add-inline__size{font-size:1.5rem;padding:8px 12px;min-width:60px;font-weight:500}body.qai-sheet-active{overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/165/assets/quick-add-inline.css.map */