quick-add-inline{display:contents}.qai-trigger{position:absolute;bottom:1.2rem;right:1.2rem;z-index:3;display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;padding:0;background:#ffffffeb;border:1px solid rgba(0,0,0,.12);border-radius:50%;cursor:pointer;transition:background .2s ease,transform .25s ease,opacity .2s ease;box-shadow:0 2px 8px #0000001f}.qai-trigger:hover{background:#fff;box-shadow:0 4px 12px #0000002e}.qai-trigger.is-open{opacity:0;pointer-events:none}.qai-icon{display:flex;align-items:center;justify-content:center;transition:transform .25s ease;line-height:1;font-size:2rem;font-weight:300;color:#121212;pointer-events:none;-webkit-user-select:none;user-select:none}.qai-icon svg{width:1.6rem;height:1.6rem;display:block}.qai-spinner{display:flex;align-items:center;justify-content:center}.qai-spinner svg{width:1.8rem;height:1.8rem;animation:qai-spin .75s linear infinite}@keyframes qai-spin{to{transform:rotate(360deg)}}.hidden{display:none!important}.qai-panel{position:absolute;bottom:0;left:0;right:0;z-index:2;background:#fffffff5;padding:1.2rem 1.4rem 1.4rem;transform:translateY(100%);opacity:0;pointer-events:none;transition:transform .28s cubic-bezier(.4,0,.2,1),opacity .22s ease}.qai-panel.is-open{transform:translateY(0);opacity:1;pointer-events:auto}.qai-pills{display:flex;flex-direction:column;gap:.8rem}.qai-row{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.qai-row--color{gap:var(--card-swatch-spacing, .6rem);padding-bottom:.6rem;border-bottom:1px solid rgba(0,0,0,.08)}.qai-pill{display:inline-flex;align-items:center;justify-content:center;min-width:4rem;padding:.5rem 1rem;background:#fff;border:1px solid #cfcfcf;border-radius:2px;cursor:pointer;font-size:1.2rem;font-weight:500;letter-spacing:.04em;color:#121212;text-transform:uppercase;white-space:nowrap;transition:background .15s ease,border-color .15s ease,color .15s ease}.qai-pill:hover:not(.is-unavailable){background:#121212;border-color:#121212;color:#fff}.qai-pill.color-swatch{min-width:0;padding:0;border-radius:var(--card-swatch-border-radius, 50%);text-transform:none;white-space:normal;background:none;color:inherit}.qai-pill.color-swatch:hover:not(.is-unavailable){background:none;color:inherit}.qai-panel .color-swatch{position:relative;display:block;overflow:hidden;cursor:pointer;padding:0;background:none;outline:none;height:var(--card-swatch-size, 2.4rem);width:var(--card-swatch-size, 2.4rem);min-width:var(--card-swatch-size, 2.4rem);border:var(--card-swatch-inner-border, 1px solid transparent);box-shadow:var(--card-swatch-outer-border, none);border-radius:var(--card-swatch-border-radius, 50%);transition:border-color .15s ease,box-shadow .15s ease}.qai-panel .color-swatch img{width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;object-fit:cover}.qai-panel .color-swatch.is-selected{border:var(--card-swatch-inner-border-selected, var(--product-swatch-inner-border, 1px solid #121212));box-shadow:var(--card-swatch-outer-border-selected, var(--product-swatch-outer-border, 0 0 0 .2rem #121212))}.qai-panel .color-swatch:hover:not(.is-unavailable){border:var(--card-swatch-inner-border-hover, var(--product-swatch-inner-border, 1px solid #121212));box-shadow:var(--card-swatch-outer-border-hover, var(--product-swatch-outer-border, 0 0 0 .2rem #121212))}.qai-pill.is-unavailable{color:#aaa;border-color:#e0e0e0;cursor:default;text-decoration:line-through;opacity:.6}.qai-panel .color-swatch.is-unavailable{text-decoration:none;opacity:.5;cursor:default}.qai-panel .color-swatch.is-unavailable:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom right,transparent calc(50% - .5px),rgba(180,0,0,.6) calc(50% - .5px),rgba(180,0,0,.6) calc(50% + .5px),transparent calc(50% + .5px));pointer-events:none}.qai-more-options{display:inline-block;font-size:1.1rem;color:#666;text-decoration:underline;text-underline-offset:2px;margin-left:.4rem;white-space:nowrap;transition:color .15s ease}.qai-more-options:hover{color:#121212}.card-wrapper:has(quick-add-inline) .card__inner{overflow:hidden}.card__inner--qai-active{overflow:hidden}@media screen and (min-width:750px){.qai-trigger{width:4rem;height:4rem;bottom:1.4rem;right:1.4rem}.qai-icon svg{width:1.8rem;height:1.8rem}.qai-pill{font-size:1.3rem;padding:.6rem 1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/62/assets/quick-add-inline.css.map */