.quick__panel{--overlay-pad: clamp(20px, 2.2vw, 30px)}@media(min-width:768px){.quick--view[data-desktop=popup] .quick__panel{height:min(85dvh,100%)}}.quick__body{display:flex;flex-direction:column;padding-block-start:var(--overlay-pad)}.quick__body>*{min-height:0}.quick__inner{display:flex;flex-direction:column;gap:20px;transition:opacity var(--dur-fast) var(--ease)}.quick__inner.is-loading{opacity:.55;pointer-events:none}.quick__details{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--variant-group-gap);min-width:0}.quick__head{display:flex;flex-direction:column;gap:6px}.quick__title{margin:0;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-style:var(--font-heading-style);font-size:var(--h4-size);line-height:var(--h4-lh);letter-spacing:var(--heading-ls);color:var(--color-heading)}.quick__title--lg{font-size:var(--h3-size);line-height:var(--h3-lh)}.quick__title-link{color:inherit;text-decoration:none}.quick__title-link:hover{text-decoration:underline;text-underline-offset:.2em}.quick__vendor{margin:0;color:var(--color-text-muted);font-size:var(--fs-xs)}.quick__price-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:var(--fs-xl)}.quick__link{align-self:flex-start;display:inline-flex;align-items:center;gap:.4em;min-height:44px;color:var(--color-heading);font-size:var(--fs-sm);text-decoration:underline;text-decoration-color:rgb(var(--color-heading-rgb) / .35);text-underline-offset:.25em}.quick__link:hover{text-decoration-color:currentColor}.quick__link-icon{width:1em;height:1em}.quick__media{flex:none;min-width:0}.quick__strip{display:flex;gap:8px;margin:0;padding:0;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.quick__strip:focus-visible,.quick__gallery-main:focus-visible{outline:2px solid var(--color-heading);outline-offset:3px}.quick__strip::-webkit-scrollbar{display:none}.quick__strip-item{flex:0 0 auto;width:140px;scroll-snap-align:start}.quick__strip-img{display:block;width:100%;aspect-ratio:1;border-radius:var(--radius-media);background:var(--media-strip-bg, var(--color-surface));object-fit:cover}@media(max-width:767px){.quick__strip-item{width:35vw}}@media(min-width:768px){.quick__inner--left{flex-direction:row;align-items:flex-start}.quick__inner--left .quick__media{width:38%}.quick__inner--left .quick__strip{flex-direction:column;overflow:visible}.quick__inner--left .quick__strip-item{width:100%}}@media(min-width:768px){.quick__inner--split{flex-direction:row;align-items:flex-start;gap:30px}.quick__inner--split .quick__gallery{position:sticky;top:0;flex:0 0 auto;width:55%}.quick__inner--split .quick__details{flex:1 1 0}.quick__inner--split .quick__slide{height:min(52dvh,520px)}.quick__inner--split .quick__slide-img{height:100%;aspect-ratio:auto}}.quick__gallery{display:flex;flex-direction:column;gap:8px;min-width:0}.quick__gallery[data-layout=thumbnails_left]{flex-direction:row-reverse}.quick__gallery-main{display:flex;gap:8px;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:var(--radius-media)}.quick__gallery-main::-webkit-scrollbar{display:none}.quick__gallery[data-layout=stacked] .quick__gallery-main{flex-direction:column;overflow-x:visible}.quick__gallery[data-layout=stacked] .quick__thumbs{display:none}.quick__slide{flex:0 0 100%;scroll-snap-align:start}.quick__slide-img{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:var(--radius-media);background:var(--media-strip-bg, var(--color-surface));object-fit:contain}.quick__thumbs{display:flex;flex:none;gap:8px;overflow:auto;scrollbar-width:none}.quick__thumbs::-webkit-scrollbar{display:none}.quick__gallery[data-layout=thumbnails_left] .quick__thumbs{flex-direction:column}.quick__thumb{flex:0 0 auto;width:64px;padding:0;border:1px solid transparent;border-radius:var(--radius-media);background:none;cursor:pointer;transition:border-color var(--dur-fast) var(--ease)}.quick__thumb[aria-current=true]{border-color:var(--color-heading)}.quick__thumb-img{display:block;width:100%;aspect-ratio:1;border-radius:inherit;background:var(--media-strip-bg, var(--color-surface));object-fit:cover}@media(max-width:767px){.quick__gallery-main{scroll-padding-inline-start:0}.quick__slide{flex:0 0 35vw}.quick__thumbs{display:none}}.quick__desc{display:block;font-size:var(--fs-sm);color:var(--color-text-muted)}.quick__desc.is-clamped .quick__desc-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--more-lines, 3);line-clamp:var(--more-lines, 3);overflow:hidden}.quick__desc-toggle{min-height:44px;margin:0;padding:0;border:0;background:none;color:var(--color-heading);font:inherit;cursor:pointer}html.no-js .vpick{display:none}.vpick{display:flex;flex-direction:column;gap:var(--variant-group-gap)}.vpick__option{display:block;min-width:0;margin:0;padding:0;border:0}.vpick__label{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35em;width:100%;margin:0 0 var(--variant-label-gap);padding:0;font-size:var(--fs-sm);color:var(--color-heading)}.vpick__name{font-weight:var(--font-body-weight-medium)}.vpick__value{color:var(--color-text-muted)}.vpick__values{display:flex;flex-wrap:wrap;gap:var(--variant-item-gap)}.vpick__item{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.vpick__input{position:absolute;width:100%;height:100%;margin:0;opacity:0;cursor:inherit;-webkit-appearance:none;appearance:none}.vpick__item--button .vpick__text{display:inline-flex;align-items:center;justify-content:center;min-width:calc(var(--variant-h) * 1.6);min-height:var(--variant-h);padding-inline:16px;border:1px solid var(--color-border);border-radius:var(--radius-variant);color:var(--color-text);font-size:var(--fs-sm);line-height:1;transition:border-color var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.vpick__item--button:hover .vpick__text{border-color:rgb(var(--color-heading-rgb) / .5)}.vpick__item--button:has(.vpick__input:checked) .vpick__text{border-color:var(--color-heading);background:var(--color-heading);color:var(--color-bg)}.vpick__swatch{display:block;width:var(--swatch-w);aspect-ratio:1;border-radius:var(--radius-swatch);background-color:var(--swatch-color, var(--color-surface));background-image:var(--swatch-image, none);background-position:center;background-size:cover;box-shadow:inset 0 0 0 1px rgb(var(--color-text-rgb) / .12)}.vpick__item--swatch{padding:3px;border:1px solid transparent;border-radius:calc(var(--radius-swatch) + 4px);transition:border-color var(--dur-fast) var(--ease)}.vpick--selected-border .vpick__item--swatch:has(.vpick__input:checked){border-color:var(--color-heading)}.vpick--selected-underline .vpick__item--swatch{padding:0 0 6px;border:0;border-block-end:2px solid transparent;border-radius:0}.vpick--selected-underline .vpick__item--swatch:has(.vpick__input:checked){border-block-end-color:var(--color-heading)}@media(pointer:coarse){.vpick__item--swatch{min-width:44px;min-height:44px}}@media(max-width:767px){.vpick__swatch{width:var(--swatch-w-mobile)}.vpick__item--button .vpick__text{min-width:calc(var(--variant-h-mobile) * 1.6);min-height:var(--variant-h-mobile)}}.vpick__item--unavailable .vpick__text,.vpick__item--unavailable .vpick__swatch{color:var(--color-text-muted);opacity:.55}.vpick__item--unavailable:after{content:"";position:absolute;inset-inline:4px;inset-block-start:50%;height:1px;rotate:-12deg;background:currentColor;opacity:.55;pointer-events:none}.vpick__input:focus-visible~.vpick__text,.vpick__input:focus-visible~.vpick__swatch{outline:2px solid var(--color-heading);outline-offset:2px}.vpick__select-wrap{position:relative;display:block}.vpick__select{width:100%;min-height:var(--variant-h);padding-inline:16px calc(16px + 1.5em);border:1px solid var(--color-border);border-radius:var(--radius-variant);background:transparent;color:var(--color-text);font-family:inherit;font-size:var(--fs-sm);cursor:pointer;-webkit-appearance:none;appearance:none}.vpick__caret{position:absolute;inset-inline-end:14px;inset-block-start:50%;width:1.1em;height:1.1em;translate:0 -50%;pointer-events:none}@media(max-width:767px){.vpick__select{min-height:var(--variant-h-mobile)}}.pform{display:flex;flex-direction:column;gap:12px;margin:0}.pform__fallback{display:grid;gap:.5em}.pform__row{display:flex;flex-wrap:wrap;gap:12px}.pform__add{flex:1 1 200px;--_h: var(--h-lg)}.pform__add[disabled]{cursor:not-allowed;opacity:.55}.pform__add[aria-busy=true]{cursor:progress}.pform__add-price:before{content:" - "}.pform__add-done,.pform__spinner{position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%;opacity:0}.pform__spinner{width:1.1em;height:1.1em;border:2px solid currentColor;border-block-start-color:transparent;border-radius:50%}.pform__add[aria-busy=true] .pform__add-idle{opacity:0}.pform__add[aria-busy=true] .pform__spinner{opacity:1;animation:pform-spin .8s linear infinite}.pform__add.is-added .pform__add-idle{opacity:0}.pform__add.is-added .pform__add-done{opacity:1}@keyframes pform-spin{to{rotate:1turn}}.pform__payment{min-height:1px}.pform__error{margin:0;color:var(--color-sale);font-size:var(--fs-xs)}.pform__added{display:flex;align-items:center;gap:.5em;margin:0;color:var(--color-text-muted);font-size:var(--fs-xs)}.pform__added[hidden]{display:none}.pform__added-icon{width:1.1em;height:1.1em;color:var(--color-highlight, var(--color-heading))}.qty{display:inline-flex;flex:0 0 auto;align-items:center;min-height:var(--h-lg);border:1px solid var(--color-border);border-radius:var(--radius-button);background:var(--color-surface)}.qty__step{display:inline-grid;place-items:center;width:44px;min-height:44px;padding:0;border:0;border-radius:inherit;background:none;color:inherit;cursor:pointer;transition:opacity var(--dur-fast) var(--ease)}.qty__step[aria-disabled=true]{opacity:.35;cursor:default}.qty__icon{width:1em;height:1em}.qty__input{width:2.5em;padding:0;border:0;background:none;color:inherit;font:inherit;font-variant-numeric:tabular-nums;text-align:center;-webkit-appearance:textfield;appearance:textfield}.qty__input::-webkit-outer-spin-button,.qty__input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none;appearance:none}.quick__skeleton{display:flex;flex-direction:column;gap:14px}.quick__skeleton-media,.quick__skeleton-line,.quick__skeleton-button{display:block;border-radius:var(--radius-media);background:var(--color-surface)}.quick__skeleton-media{aspect-ratio:16 / 7}.quick__skeleton-line{height:14px;border-radius:var(--radius-full)}.quick__skeleton-line--title{width:60%;height:22px}.quick__skeleton-line--price{width:32%;height:18px}.quick__skeleton-button{height:var(--h-lg);border-radius:var(--radius-button)}.quick__skeleton-lines{display:flex;flex:1 1 0;flex-direction:column;gap:14px;min-width:0}@media(min-width:768px){.quick__skeleton--split{flex-direction:row;gap:30px}.quick__skeleton--split .quick__skeleton-media{flex:0 0 55%;aspect-ratio:1}}.quick__skeleton-media,.quick__skeleton-line,.quick__skeleton-button{animation:quick-pulse 1.4s var(--ease) infinite}.pform__add-idle,.pform__add-done,.pform__spinner{transition:opacity var(--dur-fast) var(--ease)}@keyframes quick-pulse{50%{opacity:.5}}.quick__error{margin:0;color:var(--color-sale);font-size:var(--fs-sm)}@media(prefers-reduced-motion:reduce){.quick__inner,.quick__thumb,.vpick__item--button .vpick__text,.vpick__item--swatch,.qty__step{transition:none}.quick__skeleton-media,.quick__skeleton-line,.quick__skeleton-button,.pform__add[aria-busy=true] .pform__spinner{animation:none}}.pform__plans{display:grid;gap:8px;min-width:0;margin:0 0 16px;padding:0;border:0}.pform__plans-label{margin:0 0 var(--variant-label-gap);padding:0;font-size:var(--fs-sm);font-weight:var(--font-body-weight-medium);color:var(--color-heading)}.pform__plan,.vpick__card{position:relative;display:flex;align-items:center;gap:12px;min-height:56px;padding:12px 16px;border:1.5px solid var(--color-border);border-radius:min(var(--radius-input),var(--radius-media),16px);background:var(--color-bg);cursor:pointer;transition:border-color var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.pform__plan:hover,.vpick__card:hover{border-color:rgb(var(--color-heading-rgb) / .45)}.pform__plan:has(.pform__plan-input:checked),.vpick__card:has(.vpick__input:checked){border-color:var(--color-heading);background:var(--color-surface);box-shadow:0 0 0 1px var(--color-heading)}.pform__plan:has(.pform__plan-input:focus-visible),.vpick__card:has(.vpick__input:focus-visible){outline:2px solid var(--color-heading);outline-offset:2px}.pform__plan-input,.vpick__card-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.pform__plan-dot,.vpick__card-dot{flex:none;width:20px;height:20px;border:1.5px solid rgb(var(--color-heading-rgb) / .35);border-radius:var(--radius-full);transition:border-width var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.pform__plan:has(.pform__plan-input:checked) .pform__plan-dot,.vpick__card:has(.vpick__input:checked) .vpick__card-dot{border:6px solid var(--color-heading)}.pform__plan-name,.vpick__card-main{display:flex;flex:1 1 auto;flex-wrap:wrap;align-items:center;gap:4px 8px;min-width:0;color:var(--color-heading);font-size:var(--fs-sm)}.vpick__card-main{flex-direction:column;align-items:flex-start}.vpick__card-title{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-weight:var(--font-body-weight-medium)}.vpick__card-sub{color:var(--color-text-muted);font-size:var(--fs-xs);font-variant-numeric:tabular-nums}.pform__plan-save,.vpick__card-save{display:inline-flex;align-items:center;min-height:20px;padding:0 8px;border-radius:var(--radius-full);background:var(--color-heading);color:var(--color-bg);font-size:var(--fs-xs);font-weight:var(--font-body-weight-medium);font-variant-numeric:tabular-nums;white-space:nowrap}.pform__plan-price,.vpick__card-price{display:flex;flex:none;flex-direction:column;align-items:flex-end;color:var(--color-heading);font-variant-numeric:tabular-nums;font-weight:var(--font-body-weight-medium)}.pform__plan-was,.vpick__card-was{color:var(--color-text-muted);font-size:var(--fs-xs);font-weight:400}mw-variant-picker .vpick__cards{display:grid;gap:10px}.vpick__card--best{margin-block-start:10px}.vpick__card-flag{position:absolute;inset-block-start:0;inset-inline-end:16px;translate:0 -50%;padding:2px 10px;border-radius:var(--radius-full);background:var(--color-highlight);color:var(--color-bg);font-size:var(--fs-xs);font-weight:var(--font-body-weight-medium);pointer-events:none}.vpick__card.vpick__item--unavailable{opacity:.55}@media(prefers-reduced-motion:reduce){.pform__plan,.vpick__card,.pform__plan-dot,.vpick__card-dot{transition:none}}.pform__restock{display:grid;gap:10px;margin-block-start:12px;padding:16px;border:1px solid var(--color-border);border-radius:var(--radius-media)}.pform__restock-title,.pform__restock-done{margin:0;font-size:var(--fs-md);color:var(--color-heading)}.pform__restock-row{display:flex;flex-wrap:wrap;gap:8px}.pform__restock-row .input{flex:1 1 200px;width:auto}.quick .vpick{--variant-group-gap: 20px;--variant-label-gap: 14px}.quick .vpick__label{font-size:var(--fs-lg);line-height:var(--lh-loose)}@media(max-width:767px){.quick .vpick{--variant-h-mobile: 44px}}.quick .vpick__values:has(.vpick__item--swatch){gap:10px}.quick .vpick__item--swatch{position:relative;display:inline-grid;place-items:center;width:42px;height:42px;padding:0;border:0;border-radius:50%;cursor:pointer}.quick .vpick__item--swatch:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px}.quick .vpick__item--swatch .vpick__swatch{width:32px;border-radius:50%;box-shadow:inset 0 0 0 1px #0000001f}.quick .vpick__item--swatch:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1.5px solid transparent;border-radius:50%}.quick .vpick__item--swatch:has(.vpick__input:checked):before{border-color:var(--color-heading)}.quick .vpick__item--swatch:hover:before{border-color:color-mix(in srgb,var(--color-heading) 30%,transparent)}.quick .vpick__item--swatch:has(.vpick__input:checked):hover:before{border-color:var(--color-heading)}.quick .vpick__input:focus-visible~.vpick__swatch{outline:2px solid var(--color-heading);outline-offset:4px}@media(prefers-reduced-motion:no-preference){.quick .vpick__item--swatch .vpick__swatch,.quick .vpick__item--button .vpick__text{transition:transform var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.quick .vpick__item--swatch:before{transition:border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.quick .vpick__item--swatch:hover .vpick__swatch{transform:scale(1.06)}.quick .vpick__item--swatch:active .vpick__swatch,.quick .vpick__item--button:active .vpick__text{transform:scale(.94)}.quick .vpick__item--swatch:has(.vpick__input:checked):before{animation:pdp-swatch-ring var(--dur) var(--ease-out)}}.quick .vpick__item--swatch .vpick__swatch{background-image:var(--swatch-image, none);box-shadow:inset 0 0 0 1px #0000001a}.quick .vpick__tip{position:absolute;inset-block-end:calc(100% + 6px);inset-inline-start:50%;z-index:2;padding:4px 8px;border-radius:var(--radius-full);background:var(--color-heading);color:var(--color-bg);font-size:var(--fs-xs);white-space:nowrap;opacity:0;translate:-50% 4px;pointer-events:none}.quick .vpick__item--swatch:hover .vpick__tip,.quick .vpick__item--swatch:has(.vpick__input:focus-visible) .vpick__tip{opacity:1;translate:-50% 0}@media(prefers-reduced-motion:no-preference){.quick .vpick__tip{transition:opacity var(--dur-fast) var(--ease),translate var(--dur-fast) var(--ease)}}@media(hover:none){.quick .vpick__tip{display:none}}@media(pointer:coarse){.quick .vpick__item--swatch{min-width:0;min-height:0}}.quick__trust{display:grid;gap:12px;margin-block-start:8px;padding-block-start:20px;border-top:1px solid var(--color-border)}.quick__trust-line{display:flex;align-items:center;gap:8px;margin:0;color:var(--color-text);font-size:var(--fs-sm)}.quick__trust-icon{flex:none;width:18px;height:18px;color:var(--color-heading)}.quick__pay{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.quick__pay li{display:flex}.quick__pay-icon{display:block;width:38px;height:24px}
/*# sourceMappingURL=/cdn/shop/t/20/assets/quick.css.map */