.quick-add-inline{--qa-color-text: #1a1a1a;--qa-color-text-muted: #b0b0b0;--qa-color-border:rgba(0, 0, 0, .1);--qa-color-bg: transparent;--qa-color-bg-hover: #1a1a1a;--qa-color-bg-unavailable:transparent;--qa-color-panel-bg: rgba(240, 240, 240, .85);--qa-color-spinner-track: #e0e0e0;--qa-color-white: #fff;--qa-spacing-sm: 6px;--qa-spacing-md: 8px;--qa-spacing-lg: 10px;--qa-spacing-btn-offset: 10px;--qa-btn-icon-size: 44px;--qa-btn-size-height: 38px;--qa-btn-size-min-width: 42px;--qa-btn-size-padding: 14px;--qa-hotspot-height: 90px;--qa-font-size: 12px;--qa-font-weight: 500;--qa-letter-spacing: .02em;--qa-transition-fast: .15s ease;--qa-transition-med: .2s ease;--qa-transition-panel: .25s ease;position:absolute;bottom:0;left:0;right:0;z-index:10;pointer-events:none}.quick-add-inline>*{pointer-events:auto}@media screen and (min-width: 750px){.quick-add-inline{--qa-spacing-md: 10px;--qa-spacing-lg: 12px;--qa-btn-size-height: 42px;--qa-btn-size-min-width: 44px;--qa-font-size: 13px}}.quick-add-inline__hotspot{position:absolute;bottom:0;left:0;right:0;height:var(--qa-hotspot-height);z-index:2;pointer-events:auto;background:transparent}.quick-add-inline.is-active .quick-add-inline__hotspot,.quick-add-inline.is-cooldown .quick-add-inline__hotspot{pointer-events:none}.quick-add-inline__trigger,.quick-add-inline__close{position:absolute;right:var(--qa-spacing-btn-offset);width:var(--qa-btn-icon-size);height:var(--qa-btn-icon-size);border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1110;transition:transform var(--qa-transition-med),opacity var(--qa-transition-med);touch-action:manipulation;-webkit-appearance:none;appearance:none;padding:0;border-radius:0;box-shadow:none;pointer-events:auto;color:var(--qa-color-text)}.quick-add-inline__trigger{bottom:var(--qa-spacing-btn-offset)}.quick-add-inline__trigger:hover,.quick-add-inline__close:hover{transform:scale(1.05)}.quick-add-inline__trigger:focus-visible,.quick-add-inline__close:focus-visible{outline:2px solid var(--qa-color-text);outline-offset:2px}.quick-add-inline__trigger svg,.quick-add-inline__close svg{color:var(--qa-color-text)}.quick-add-inline.is-active .quick-add-inline__trigger,.quick-add-inline__close{opacity:0;pointer-events:none}.quick-add-inline.is-active .quick-add-inline__close{opacity:1;pointer-events:auto}.quick-add-inline__panel{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;background-color:var(--qa-color-panel-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:var(--qa-spacing-md);padding-right:calc(var(--qa-btn-icon-size) + var(--qa-spacing-btn-offset) + var(--qa-spacing-md));gap:var(--qa-spacing-md);opacity:0;visibility:hidden;transform:translateY(100%);transition:opacity var(--qa-transition-panel),transform var(--qa-transition-panel),visibility var(--qa-transition-panel);z-index:10;box-sizing:border-box;pointer-events:auto}.quick-add-inline.is-active .quick-add-inline__panel{opacity:1;visibility:visible;transform:translateY(0)}.quick-add-inline__sizes-scroll{flex:1 1 auto;min-width:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;touch-action:pan-x;text-align:center}.quick-add-inline__sizes-scroll::-webkit-scrollbar{display:none}.quick-add-inline__sizes{display:flex;flex-wrap:nowrap;gap:0;padding:2px;width:max-content;height:100%;margin:0 auto}.quick-add-inline__size-item{flex:0 0 auto}.quick-add-inline__form{margin:0}.quick-add-inline__size-btn{flex:0 0 auto;min-width:var(--qa-btn-size-min-width);height:var(--qa-btn-size-height);border:none;background-color:var(--qa-color-bg);color:var(--qa-color-text);font-size:var(--qa-font-size);font-weight:var(--qa-font-weight);letter-spacing:var(--qa-letter-spacing);cursor:pointer;transition:background-color var(--qa-transition-fast),color var(--qa-transition-fast),border-color var(--qa-transition-fast),opacity var(--qa-transition-fast);display:inline-flex;align-items:center;justify-content:center;position:relative;user-select:none;-webkit-user-select:none;touch-action:manipulation;white-space:nowrap;overflow:hidden;pointer-events:auto}.quick-add-inline__size-btn:before{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);height:50%;width:1px;background-color:var(--qa-color-border)}.quick-add-inline__size-btn:hover:not(:disabled){background-color:var(--qa-color-bg-hover);color:var(--qa-color-white)}.quick-add-inline__size-btn:focus-visible{outline:2px solid var(--qa-color-text);outline-offset:2px}.quick-add-inline__size-btn--unavailable{border-color:var(--qa-color-border);color:var(--qa-color-text-muted);cursor:not-allowed;background-color:var(--qa-color-bg-unavailable)}.quick-add-inline__size-btn--unavailable:after{content:"";position:absolute;top:50%;left:4px;right:4px;height:1px;background-color:var(--qa-color-text-muted);transform:rotate(-12deg)}.quick-add-inline__size-btn.is-loading{pointer-events:none;color:transparent}.quick-add-inline__size-btn.is-loading .qa-label{opacity:0}.quick-add-inline__size-btn.is-loading:after{content:"";position:absolute;width:14px;height:14px;border:2px solid var(--qa-color-spinner-track);border-top-color:var(--qa-color-text);border-radius:50%;animation:quickAddSpin .6s linear infinite}@media screen and (min-width: 750px){.quick-add-inline__size-btn.is-loading:after{width:16px;height:16px}}@keyframes quickAddSpin{to{transform:rotate(360deg)}}.quick-add-inline__size-btn .qa-burst{position:absolute;top:50%;left:50%;translate:-50% -50%;opacity:0;pointer-events:none;display:flex;align-items:center;justify-content:center}.quick-add-inline__size-btn.is-added .qa-label{opacity:0}.quick-add-inline__size-btn.is-added .qa-burst{opacity:1}.quick-add-inline__size-btn .checkmark-burst{opacity:0;overflow:visible}.quick-add-inline__size-btn .checkmark-burst .burst{rotate:20deg}.quick-add-inline__size-btn .checkmark-burst .check{opacity:.2;scale:.8;filter:blur(2px);transform:translateZ(0)}.quick-add-inline__size-btn .checkmark-burst :is(.ring,.line,.check,.burst,.tick){transform-box:fill-box;transform-origin:center}.quick-add-inline__size-btn .checkmark-burst :is(.line){stroke-dasharray:1.5 1.5;stroke-dashoffset:-1.5;translate:0 -180%}.quick-add-inline__size-btn .checkmark-burst g{transform-origin:center;rotate:calc(var(--index) * (360 / 8) * 1deg)}.quick-add-inline__size-btn.is-added .checkmark-burst{opacity:1}.quick-add-inline__size-btn.is-added .checkmark-burst .check{opacity:1;scale:1;filter:blur(0)}.quick-add-inline__size-btn.is-added .checkmark-burst .tick{scale:1.75}.quick-add-inline__size-btn.is-added .checkmark-burst .ring{opacity:0;scale:1}.quick-add-inline__size-btn.is-added .checkmark-burst .line{stroke-dashoffset:1.5}@media (prefers-reduced-motion: no-preference){.quick-add-inline__size-btn.is-added .checkmark-burst .check{transition-property:opacity,scale,filter;transition-duration:.2s;transition-delay:65ms;transition-timing-function:ease-out}.quick-add-inline__size-btn.is-added .checkmark-burst .tick{transition-property:scale;transition-duration:.1s;transition-delay:.725s;transition-timing-function:ease-out}.quick-add-inline__size-btn.is-added .checkmark-burst .ring{transition-property:opacity,scale;transition-duration:.2s;transition-delay:.665s;transition-timing-function:ease-out}.quick-add-inline__size-btn.is-added .checkmark-burst .line{transition-property:stroke-dashoffset;transition-duration:.32s;transition-delay:.665s;transition-timing-function:ease-out}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/quick-add-inline.css.map */