mqle-quick-add{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1001;display:block}mqle-quick-add[hidden]{display:none}.mqle-qa__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#12121273;opacity:0;transition:opacity .22s cubic-bezier(.2,.7,.2,1)}mqle-quick-add[open] .mqle-qa__backdrop{opacity:1}.mqle-qa__sheet{position:absolute;top:0;left:0;bottom:0;display:flex;flex-direction:column;width:100%;height:100dvh;overflow-y:auto;scrollbar-gutter:stable;background:var(--color-paper);transform:translate(-100%);transition:transform var(--duration-default) cubic-bezier(.2,.7,.2,1)}mqle-quick-add[open] .mqle-qa__sheet{transform:translate(0)}body.mqle-qa-open{overflow:hidden}.mqle-qa__head{position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-paper);border-bottom:1px solid var(--color-line)}.mqle-qa__heading{margin:0;font-weight:var(--weight-bold);font-size:var(--t-h3);line-height:var(--l-h3);letter-spacing:var(--k-h3);font-weight:var(--w-bold)}.mqle-qa__close{flex:0 0 auto;display:grid;place-items:center;width:4.4rem;height:4.4rem;padding:0;color:var(--color-ink);background:transparent;border:0;cursor:pointer}.mqle-qa__close .svg-wrapper{width:1.6rem;height:1.6rem}.mqle-qa__gallery{position:relative;padding-top:var(--space-4)}.mqle-qa__label{position:absolute;top:var(--space-3);left:var(--space-3);z-index:3;padding:3px var(--space-2);background:var(--color-paper);border:1px solid var(--color-line);font-size:var(--t-badge);font-weight:var(--w-bold);letter-spacing:var(--k-badge);line-height:var(--l-badge);text-transform:uppercase}.mqle-qa__list{display:flex;gap:var(--space-2);overflow-x:auto;margin:0;padding-block:0;padding-inline:max(var(--space-4),calc((100% - 28rem)/2));list-style:none;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.mqle-qa__list::-webkit-scrollbar{display:none}.mqle-qa__slide[hidden]{display:none}.mqle-qa__slide:not([hidden])~.mqle-qa__slide:not([hidden]) .mqle-qa__label{display:none}.mqle-qa__slide{position:relative;flex:0 0 auto;width:28rem;scroll-snap-align:center;scroll-snap-stop:always}.mqle-qa__slide img{display:block;width:28rem;height:28rem;aspect-ratio:1 / 1;object-fit:cover;background:var(--color-surface)}.mqle-qa__progress{position:relative;height:2px;background:var(--color-line)}.mqle-qa__progress-fill{position:absolute;top:0;left:0;display:block;height:2px;background:var(--color-ink);transition:transform .18s ease}.mqle-qa__body{padding:var(--space-3) var(--space-4) 0}.mqle-qa__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:var(--space-3) 0 0;font-weight:var(--w-reg);font-size:var(--t-h3);line-height:var(--l-h3);letter-spacing:var(--k-h3);font-weight:var(--w-bold)}.mqle-qa__rating{display:flex;align-items:center;gap:6px;color:var(--color-muted);font-size:var(--t-badge);letter-spacing:var(--k-badge);line-height:1}.mqle-qa__rating .rating-stars{--star-size: 1.4rem;position:relative;display:block;width:calc(var(--star-size) * 70 / 13);height:var(--star-size);line-height:0}.mqle-qa__rating .rating-stars__layer{display:block;width:calc(var(--star-size) * 70 / 13);height:var(--star-size);fill:#8a8f98;stroke:#8a8f98;stroke-width:1.6;stroke-linejoin:round}.mqle-qa__rating .rating-stars__layer--empty{fill:#d8dadf;stroke:#d8dadf}.mqle-qa__rating .rating-stars__fill{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 calc(100% - var(--rating-percent)) 0 0)}.mqle-qa__rating .rating-count{color:var(--color-muted);font-size:var(--t-badge);letter-spacing:var(--k-badge);line-height:var(--l-badge)}.mqle-qa__price{margin-top:var(--space-3)}.mqle-qa__desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:6px 0 0;color:var(--color-muted);font-size:var(--t-meta);line-height:var(--l-meta);letter-spacing:var(--k-meta)}.mqle-qa__select{margin-top:var(--space-3)}.mqle-qa__select-head{position:relative;display:flex;align-items:center;gap:var(--space-2);min-height:4.8rem;padding-block:0;padding-left:var(--space-3);padding-right:44px;border:1px solid var(--color-line);cursor:pointer;list-style:none}.mqle-qa__select-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mqle-qa__select-head::-webkit-details-marker{display:none}.mqle-qa__shade-name{font-size:var(--text-sm);font-weight:var(--w-reg)}.mqle-qa__shade-tone{color:var(--color-muted);font-size:var(--t-badge);letter-spacing:var(--k-badge);line-height:var(--l-badge)}.mqle-qa__chev{position:absolute;right:14px;top:50%;width:1.6rem;height:1.6rem;transform:translateY(-50%)}.mqle-qa__select[open] .mqle-qa__chev{transform:translateY(-50%) rotate(180deg)}.mqle-qa__options{max-height:19rem;overflow-y:auto;scrollbar-gutter:stable;border:1px solid var(--color-line);border-top:0}.mqle-qa__option{display:flex;align-items:center;gap:var(--space-2);width:100%;min-height:var(--touch-min);padding-inline:var(--space-3);color:var(--color-ink);background:none;border:0;cursor:pointer;font-size:var(--text-sm);text-align:left}.mqle-qa__option small{margin-left:auto;color:var(--color-muted);font-size:var(--t-badge);letter-spacing:var(--k-badge);line-height:var(--l-badge)}.mqle-qa__option[aria-disabled=true]{cursor:not-allowed;opacity:.45}@media(hover:hover){.mqle-qa__option:hover{background:var(--color-surface)}}.mqle-qa__dot{flex:0 0 auto;width:2.2rem;height:2.2rem;background:var(--swatch, var(--color-muted-soft));background-image:var(--swatch-image, none);background-size:cover;background-position:center;border:1px solid var(--color-line);border-radius:50%}.mqle-qa__error{margin:var(--space-2) 0 0;color:var(--color-sale);font-size:var(--t-badge);letter-spacing:var(--k-badge);line-height:var(--l-badge)}.mqle-qa__error[hidden]{display:none}.mqle-qa__buy{margin-top:var(--space-3);display:grid;grid-template-columns:var(--mqle-quantity-width, 112px) minmax(0,1fr);gap:var(--space-2);padding:var(--space-3) var(--space-4);padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom));background:var(--color-paper);border-top:1px solid var(--color-line)}.mqle-qa__qty{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;height:5.2rem;border:1px solid var(--color-line-input);border-radius:var(--mqle-cta-radius, 13px)}.mqle-qa__qty-button{width:44px;height:100%;padding:0;background:none;border:0;cursor:pointer;font-size:var(--text-md);line-height:var(--l-body);letter-spacing:var(--k-body);font-weight:var(--weight-regular)}.mqle-qa__qty-input{width:100%;min-width:0;height:100%;padding:0;border:0;background:none;color:var(--color-ink);font-size:var(--text-md);line-height:var(--l-body);letter-spacing:var(--k-body);font-weight:var(--weight-bold);text-align:center;-moz-appearance:textfield}.mqle-qa__qty-input::-webkit-outer-spin-button,.mqle-qa__qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.mqle-qa__atc{min-height:5.2rem;border:1px solid var(--color-ink);border-radius:var(--mqle-cta-radius, 13px);color:var(--color-on-ink);background:var(--color-ink);cursor:pointer;font-size:var(--t-body);line-height:var(--l-body);letter-spacing:var(--k-body);font-weight:var(--w-bold);text-transform:capitalize}.mqle-qa__atc[disabled]{cursor:not-allowed;opacity:.5}.mqle-qa__link{display:block;padding:var(--space-3) var(--space-4) var(--space-4);color:var(--color-ink);font-size:var(--text-sm);font-weight:var(--w-reg);text-align:center;text-decoration:underline;text-underline-offset:3px}.mqle-qa__link--cta{display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:5.2rem;margin:1rem var(--space-4) var(--space-4);padding:0 var(--space-4);border:1px solid rgb(29 24 30 / 70%);border-radius:var(--mqle-cta-radius, 13px);color:var(--color-ink);background:transparent;font-size:var(--t-body);line-height:var(--l-body);letter-spacing:var(--k-body);font-weight:var(--w-bold);text-transform:capitalize;text-decoration:none}.mqle-qa__link--cta>svg{flex:none;width:13px;height:13px}.mqle-qa__content:empty:before{content:"";display:block;width:28rem;height:28rem;margin:var(--space-4) var(--space-4) 0;background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-warm) 37%,var(--color-surface) 63%);background-size:400% 100%;animation:mqle-qa-shimmer 1.1s linear infinite}@keyframes mqle-qa-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media(min-width:821px){.mqle-qa__sheet{width:40rem;max-width:calc(100vw - 3rem)}}@media(max-width:820px){.mqle-qa__atc,.mqle-qa__link--cta{min-height:5rem;border-radius:var(--mqle-cta-radius-mobile, 12px)}.mqle-qa__qty{height:5rem;border-radius:var(--mqle-cta-radius-mobile, 12px)}}@media(prefers-reduced-motion:reduce){.mqle-qa__sheet,.mqle-qa__backdrop,.mqle-qa__progress-fill,.mqle-qa__chev{transition:none}.mqle-qa__content:empty:before{animation-name:none}}
/*# sourceMappingURL=/cdn/shop/t/106/assets/component-mqle-quick-add.css.map */