.tp-qa{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--tp-z-drawer);font-family:var(--tp-font);color:var(--tp-ink)}.tp-qa[hidden]{display:none}.tp-qa__scrim{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;border:0;padding:0;-webkit-appearance:none;appearance:none;background:var(--tp-scrim);opacity:0;transition:opacity var(--tp-dur) var(--tp-ease);cursor:pointer}.tp-qa.is-open .tp-qa__scrim{opacity:1}.tp-qa__panel{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;max-height:min(86svh,72rem);padding:var(--tp-s2) var(--tp-gutter) calc(var(--tp-s5) + env(safe-area-inset-bottom,0px));border-radius:var(--tp-radius-lg) var(--tp-radius-lg) 0 0;background:var(--tp-surface);box-shadow:var(--tp-shadow-lg);transform:translateY(101%);transition:transform var(--tp-dur-slow) var(--tp-ease);overflow-y:auto;overscroll-behavior:contain}.tp-qa.is-open .tp-qa__panel{transform:translateY(0)}.tp-qa__grab{align-self:center;width:4.4rem;height:2.4rem;margin-bottom:var(--tp-s1);padding:0;border:0;background:none;cursor:pointer}.tp-qa__grab:before{content:"";display:block;width:4.4rem;height:.4rem;border-radius:.2rem;background:var(--tp-line-strong)}.tp-qa__close{display:none}.tp-qa__head{display:flex;align-items:center;gap:var(--tp-s3);padding-bottom:var(--tp-s4);border-bottom:var(--tp-border-width) solid var(--tp-line)}.tp-qa__thumb{flex:0 0 auto;display:block;width:6.4rem;height:6.4rem;border:var(--tp-border-width) solid var(--tp-line);border-radius:var(--tp-radius-md);background:var(--tp-white);overflow:hidden}.tp-qa__thumb img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.tp-qa__headtext{min-width:0}.tp-qa__title{margin:0 0 .2rem;font-size:var(--tp-t-body);font-weight:var(--tp-w-semibold);line-height:1.3}.tp-qa__price{display:flex;align-items:baseline;gap:var(--tp-s2);margin:0;font-size:var(--tp-t-body);font-weight:var(--tp-w-semibold)}.tp-qa__price.is-sale{color:var(--tp-blue)}.tp-qa__price s{font-weight:var(--tp-w-regular);font-size:var(--tp-t-small);color:var(--tp-muted)}.tp-qa__group{padding-top:var(--tp-s4)}.tp-qa__group-label{margin:0 0 var(--tp-s2);font-size:var(--tp-t-label);font-weight:var(--tp-w-semibold);letter-spacing:var(--tp-ls-label);text-transform:uppercase;color:var(--tp-muted)}.tp-qa__values{display:flex;flex-wrap:wrap;gap:var(--tp-s2)}.tp-qa__value{position:relative;display:inline-flex;align-items:center;gap:.6rem;min-height:var(--tp-control-h-sm);padding:0 var(--tp-s4);border:var(--tp-border-width) solid var(--tp-line);border-radius:var(--tp-radius-md);background:var(--tp-white);font-family:var(--tp-font);font-size:var(--tp-t-small);font-weight:var(--tp-w-medium);color:var(--tp-ink);cursor:pointer;transition:border-color var(--tp-dur-fast) var(--tp-ease),background var(--tp-dur-fast) var(--tp-ease),color var(--tp-dur-fast) var(--tp-ease)}.tp-qa__value:hover:not(:disabled){border-color:var(--tp-line-strong)}.tp-qa__value.is-selected{border-color:var(--tp-blue);background:var(--tp-blue-tint);color:var(--tp-blue-press)}.tp-qa__value.is-unavailable{color:var(--tp-muted)}.tp-qa__value:disabled{opacity:.4;cursor:not-allowed}.tp-qa__value-note{font-size:var(--tp-t-min);font-weight:var(--tp-w-regular);color:var(--tp-muted)}.tp-qa__value:focus-visible{outline:2px solid var(--tp-blue);outline-offset:2px;box-shadow:none}.tp-qa__foot{display:flex;flex-direction:column;align-items:center;gap:var(--tp-s3);margin-top:auto;padding-top:var(--tp-s5)}.tp-qa__add.tp-qa__add{width:100%;min-height:var(--tp-control-h-touch)}.tp-qa__more{font-size:var(--tp-t-small);color:var(--tp-muted);text-decoration:none;border-bottom:var(--tp-border-width) solid var(--tp-line);padding-bottom:.2rem}.tp-qa__more:hover{color:var(--tp-ink);border-bottom-color:var(--tp-line-strong)}.tp-qa__loading{padding:var(--tp-s6) 0;text-align:center;font-size:var(--tp-t-small);color:var(--tp-muted)}body.tp-qa-open{overflow:hidden}@media screen and (min-width:750px){.tp-qa__panel{top:50%;left:50%;right:auto;bottom:auto;width:min(46rem,calc(100% - var(--tp-s7)));max-height:min(80vh,66rem);padding:var(--tp-s6);border-radius:var(--tp-radius-lg);transform:translate(-50%,-46%);opacity:0;transition:transform var(--tp-dur) var(--tp-ease),opacity var(--tp-dur) var(--tp-ease)}.tp-qa.is-open .tp-qa__panel{transform:translate(-50%,-50%);opacity:1}.tp-qa__grab{display:none}.tp-qa__close{position:absolute;top:var(--tp-s3);right:var(--tp-s3);display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;padding:0;border:0;border-radius:var(--tp-radius-sm);background:none;color:var(--tp-muted);cursor:pointer}.tp-qa__close svg{width:2rem;height:2rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.tp-qa__close:hover{color:var(--tp-ink)}}@media(prefers-reduced-motion:reduce){.tp-qa__panel,.tp-qa__scrim{transition:none}}.tp-qa__group--media .tp-qa__values,.tp-qa__group--color .tp-qa__values{gap:var(--tp-s3)}.tp-qa__group--media .tp-qa__value{display:flex;width:7.6rem;min-height:0;flex-direction:column;align-items:center;gap:var(--tp-s2);padding:0;border:0;background:none}.tp-qa__value-media{display:block;width:100%;aspect-ratio:1;overflow:hidden;border:var(--tp-border-width) solid var(--tp-line);border-radius:var(--tp-radius-md);background:var(--tp-surface-alt);transition:border-color var(--tp-dur) var(--tp-ease),box-shadow var(--tp-dur) var(--tp-ease)}.tp-qa__value-media img{display:block;width:100%;height:100%;object-fit:cover}.tp-qa__group--media .tp-qa__value-name{display:-webkit-box;overflow:hidden;font-size:var(--tp-t-min);line-height:1.25;text-align:center;color:var(--tp-ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical}.tp-qa__group--media .tp-qa__value.is-selected .tp-qa__value-media{border-color:var(--tp-blue);box-shadow:inset 0 0 0 var(--tp-border-width) var(--tp-blue)}.tp-qa__group--media .tp-qa__value.is-selected .tp-qa__value-name{font-weight:var(--tp-w-semibold);color:var(--tp-ink)}.tp-qa__group--color .tp-qa__value{min-height:0;padding:.3rem;border:var(--tp-border-width) solid transparent;border-radius:50%;background:none}.tp-qa__value-dot{display:block;width:3.2rem;height:3.2rem;border-radius:50%;background:var(--tp2-swatch, var(--tp-surface-alt));box-shadow:inset 0 0 0 var(--tp-border-width) var(--tp-scrim-soft)}.tp-qa__group--color .tp-qa__value-name{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.tp-qa__group--color .tp-qa__value.is-selected{border-color:var(--tp-blue)}.tp-qa__group--media .tp-qa__value.is-unavailable,.tp-qa__group--color .tp-qa__value.is-unavailable{opacity:.4}.tp-qa__group--media .tp-qa__value.is-unavailable .tp-qa__value-media,.tp-qa__group--color .tp-qa__value.is-unavailable .tp-qa__value-dot{position:relative}.tp-qa__group--media .tp-qa__value.is-unavailable .tp-qa__value-media:after,.tp-qa__group--color .tp-qa__value.is-unavailable .tp-qa__value-dot:after{content:"";position:absolute;top:50%;left:-6%;width:112%;height:var(--tp-border-width);background:var(--tp-ink);transform:rotate(-45deg)}.tp-qa__group--media .tp-qa__value.is-unavailable .tp-qa__value-note,.tp-qa__group--color .tp-qa__value.is-unavailable .tp-qa__value-note{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
/*# sourceMappingURL=/cdn/shop/t/61/assets/component-tp-quick-add.css.map */