quick-view-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .32s cubic-bezier(.4,0,1,1),visibility 0s linear .42s}quick-view-drawer.is-open{pointer-events:auto;opacity:1;visibility:visible;transition:opacity .32s var(--vh-ease-emphasized, cubic-bezier(.22, 1, .36, 1))}.quick-view__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;opacity:0;transition:opacity .42s var(--vh-ease-emphasized, cubic-bezier(.22, 1, .36, 1));backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}quick-view-drawer.is-open .quick-view__overlay{opacity:1}.quick-view__panel{position:absolute;top:0;right:0;height:100dvh;width:min(520px,100vw);background:rgb(var(--color-background, 255, 255, 255));color:rgb(var(--color-foreground, 18, 18, 18));display:flex;flex-direction:column;box-shadow:-8px 0 30px #00000014;transform:translate(100%);transition:transform .46s var(--vh-ease-emphasized, cubic-bezier(.22, 1, .36, 1));will-change:transform}quick-view-drawer.is-open .quick-view__panel{transform:translate(0)}@media(prefers-reduced-motion:reduce){quick-view-drawer,quick-view-drawer.is-open,.quick-view__overlay,.quick-view__panel{transition-duration:.01ms!important}}.quick-view__header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid rgba(var(--color-foreground, 18, 18, 18),.08)}.quick-view__header-title{font-size:12px;letter-spacing:.12em;text-transform:uppercase;opacity:.7;margin:0}.quick-view__close{background:none;border:0;padding:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;color:inherit}.quick-view__close:hover,.quick-view__close:focus-visible{background:rgba(var(--color-foreground, 18, 18, 18),.06);outline:none}.quick-view__close svg{width:18px;height:18px}.quick-view__body{flex:1;overflow-y:auto;padding:20px 20px 24px;display:flex;flex-direction:column;gap:18px}.quick-view__loading,.quick-view__error{padding:32px 16px;text-align:center;font-size:14px;opacity:.8}quick-view-drawer.is-loading .quick-view__loading{display:block}.quick-view__loading{display:none}.quick-view__media{width:100%;aspect-ratio:1 / 1;background:rgba(var(--color-foreground, 18, 18, 18),.04);border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}.quick-view__media img{width:100%;height:100%;object-fit:cover;display:block}.quick-view__vendor{font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.65;margin:0}.quick-view__title{font-size:clamp(20px,2.4vw,24px);line-height:1.2;margin:4px 0 0;letter-spacing:-.005em;font-weight:500}.quick-view__price-row{display:flex;align-items:baseline;gap:10px;margin-top:4px}.quick-view__price{font-size:20px;font-weight:600;line-height:1.1}.quick-view__compare-price{font-size:14px;text-decoration:line-through;opacity:.55}.quick-view__description{font-size:14px;line-height:1.55;opacity:.8;margin:0}.quick-view__options{display:flex;flex-direction:column;gap:14px}.quick-view__option{border:0;padding:0;margin:0}.quick-view__option-label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:.7;margin-bottom:8px;padding:0}.quick-view__option-pills{display:flex;flex-wrap:wrap;gap:8px}.quick-view__option-pill{position:relative;cursor:pointer}.quick-view__option-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.quick-view__option-pill span{position:relative;display:inline-block;padding:8px 14px;border:1px solid rgba(var(--color-foreground, 18, 18, 18),.18);border-radius:999px;font-size:13px;line-height:1;transition:border-color .15s ease,background .15s ease,color .15s ease}.quick-view__option-pill:hover span{border-color:rgba(var(--color-foreground, 18, 18, 18),.4)}.quick-view__option-input:checked+span{background:rgb(var(--color-foreground, 18, 18, 18));color:rgb(var(--color-background, 255, 255, 255));border-color:rgb(var(--color-foreground, 18, 18, 18))}.quick-view__option-pill.is-unavailable{cursor:not-allowed}.quick-view__option-pill.is-unavailable span{overflow:hidden;border-color:rgba(var(--color-foreground, 18, 18, 18),.12);background:rgba(var(--color-foreground, 18, 18, 18),.035);color:rgba(var(--color-foreground, 18, 18, 18),.42)}.quick-view__option-pill.is-unavailable span:after{content:"";position:absolute;top:50%;left:12%;width:76%;height:1px;background:rgba(var(--color-foreground, 18, 18, 18),.42);transform:rotate(-18deg);pointer-events:none}.quick-view__option-pill.is-unavailable:hover span{border-color:rgba(var(--color-foreground, 18, 18, 18),.18)}.quick-view__option-pill.is-unavailable .quick-view__option-input:checked+span{border-color:rgba(var(--color-foreground, 18, 18, 18),.36);background:rgba(var(--color-foreground, 18, 18, 18),.08);color:rgba(var(--color-foreground, 18, 18, 18),.62)}.quick-view__option-input:focus-visible+span{outline:2px solid rgb(var(--color-foreground, 18, 18, 18));outline-offset:2px}.quick-view__error{background:#be1e1e14;color:#a01818;border-radius:8px;padding:10px 12px;font-size:13px;text-align:left}.quick-view__footer{margin-top:auto;padding-top:14px;display:flex;flex-direction:column;gap:10px}.quick-view__add{width:100%;min-height:48px;border:0;border-radius:999px;background:rgb(var(--color-foreground, 18, 18, 18));color:rgb(var(--color-background, 255, 255, 255));font-size:14px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:opacity .2s ease,transform .1s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.quick-view__add:hover:not(:disabled){opacity:.92}.quick-view__add:active:not(:disabled){transform:translateY(1px)}.quick-view__add:disabled{opacity:.45;cursor:not-allowed}.quick-view__add.is-loading{opacity:.7;pointer-events:none}.quick-view__add.is-loading:after{content:"";width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;display:inline-block;animation:quick-view-spin .7s linear infinite}@keyframes quick-view-spin{to{transform:rotate(360deg)}}.quick-view__full-link{text-align:center;font-size:13px;text-decoration:underline;text-underline-offset:3px;color:inherit;opacity:.75}.quick-view__full-link:hover{opacity:1}@media(max-width:749px){.quick-view__panel{width:100vw;height:92dvh;top:auto;bottom:0;right:0;border-radius:16px 16px 0 0;transform:translateY(100%)}quick-view-drawer.is-open .quick-view__panel{transform:translateY(0)}.quick-view__media{aspect-ratio:4 / 3}.quick-view__body{padding:16px 16px 20px;gap:14px}}@media(prefers-reduced-motion:reduce){quick-view-drawer,quick-view-drawer .quick-view__overlay,quick-view-drawer .quick-view__panel{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-quick-view.css.map */