product-card.product-card:has(.quick-view-card-affordance){position:relative}.quick-view-card-affordance{position:absolute;inset-block-end:var(--bv-space-md);inset-inline-start:50%;transform:translate(-50%);z-index:2;display:inline-flex;align-items:center;justify-content:center;min-block-size:44px;min-inline-size:44px;padding-block:var(--bv-space-sm);padding-inline:var(--bv-space-md);background-color:var(--bv-color-surface);color:var(--bv-color-foreground);border:var(--bv-border-hair) solid var(--bv-color-foreground);border-radius:var(--bv-radius-md);box-shadow:var(--bv-shadow-flat);font-family:var(--bv-font-body, inherit);font-size:var(--bv-type-caption-size, 14px);font-weight:500;text-decoration:none;text-align:center;letter-spacing:.01em;line-height:1.2;opacity:0;pointer-events:none;transition:opacity var(--bv-duration-fast) var(--bv-ease-benvel)}.quick-view-card-affordance__label{display:inline-block}.product-card:hover .quick-view-card-affordance,.product-card:focus-within .quick-view-card-affordance{opacity:1;pointer-events:auto}.quick-view-card-affordance:focus-visible{opacity:1;pointer-events:auto;outline:var(--bv-border-heavy) solid var(--bv-color-foreground);outline-offset:2px}@media(hover:none){.quick-view-card-affordance{opacity:1;pointer-events:auto}}@media(prefers-reduced-motion:reduce){.quick-view-card-affordance{transition:none}}dialog.quick-view-modal{padding:0;margin:auto;border:var(--bv-border-hair) solid var(--bv-color-foreground);border-radius:var(--bv-radius-md);background-color:var(--bv-modal-bg, var(--bv-color-surface));color:var(--bv-color-foreground);box-shadow:var(--bv-shadow-modal);inline-size:min(880px,calc(100vw - var(--bv-space-xl, 32px)));max-inline-size:880px;block-size:min(580px,calc(100vh - var(--bv-space-xl, 32px)));max-block-size:580px;overflow:hidden}dialog.quick-view-modal::backdrop{background-color:color-mix(in srgb,var(--bv-color-foreground) 50%,transparent)}.quick-view-modal__close{position:absolute;inset-block-start:var(--bv-space-md);inset-inline-end:var(--bv-space-md);z-index:2;display:inline-flex;align-items:center;justify-content:center;min-inline-size:44px;min-block-size:44px;padding:0;background:transparent;border:0;color:var(--bv-color-foreground);cursor:pointer}.quick-view-modal__close:focus-visible{outline:var(--bv-border-heavy) solid var(--bv-color-foreground);outline-offset:2px}.quick-view-modal__close svg{inline-size:24px;block-size:24px}.quick-view-modal__content{block-size:100%;display:grid;grid-template-columns:minmax(0,480fr) minmax(0,400fr);gap:0;overflow:hidden}.quick-view-modal__content:empty{display:block;min-block-size:320px}@media(max-width:768px){dialog.quick-view-modal{inline-size:100vw;max-inline-size:100vw;block-size:100vh;max-block-size:100vh;border:0;border-radius:var(--bv-radius-none);margin:0;top:0;right:0;bottom:0;left:0;position:fixed}.quick-view-modal__content{grid-template-columns:1fr;grid-auto-rows:min-content;overflow-y:auto;block-size:100%;padding-block-end:80px}.quick-view-modal__content add-to-cart-component{position:sticky;inset-block-end:0;background-color:var(--bv-color-surface);padding:var(--bv-space-md);border-block-start:var(--bv-border-hair) solid var(--bv-border-default, var(--bv-color-foreground));z-index:1}}@media(prefers-reduced-motion:reduce){dialog.quick-view-modal{transition:none;animation:none}}.quick-view-modal__edge-state{display:none}dialog.quick-view-modal[data-quick-view-state] [data-bv-quick-view-content]{display:none}dialog.quick-view-modal[data-quick-view-state=variant-unavailable] [data-bv-qv-state=variant-unavailable],dialog.quick-view-modal[data-quick-view-state=sold-out] [data-bv-qv-state=sold-out],dialog.quick-view-modal[data-quick-view-state=network-error] [data-bv-qv-state=network-error],dialog.quick-view-modal[data-quick-view-state=no-size] [data-bv-qv-state=no-size]{display:block}dialog.quick-view-modal[data-quick-view-state=variant-unavailable] [data-bv-quick-view-content],dialog.quick-view-modal[data-quick-view-state=no-size] [data-bv-quick-view-content]{display:grid}.quick-view-modal__edge-state{padding:var(--bv-space-lg, 24px) var(--bv-space-xl, 32px);display:flex;flex-direction:column;gap:var(--bv-space-md, 16px);align-items:flex-start;justify-content:center;block-size:100%}.quick-view-modal__edge-state-message{margin:0;font-family:var(--bv-font-body, inherit);font-size:var(--bv-type-body-size, 16px);line-height:var(--bv-type-body-leading, 1.5);color:var(--bv-color-foreground)}.quick-view-modal__edge-state-message--unavailable{color:var(--bv-color-merlot-soft, var(--bv-color-error, var(--bv-color-foreground)));font-size:var(--bv-type-caption-size, 14px)}.quick-view-modal__edge-state-message--error{color:var(--bv-color-merlot-soft, var(--bv-color-error, var(--bv-color-foreground)))}.quick-view-modal__edge-state-cta{flex-shrink:0}.quick-view-modal__edge-state-fallback{font-size:var(--bv-type-caption-size, 14px);color:var(--bv-color-foreground);text-decoration:underline;text-underline-offset:2px}.quick-view-modal__edge-state-fallback:focus-visible{outline:var(--bv-border-heavy) solid var(--bv-color-foreground);outline-offset:2px}dialog.quick-view-modal[data-quick-view-state=variant-unavailable] .quick-view-modal__edge-state--variant-unavailable{block-size:auto;padding:var(--bv-space-sm, 8px) var(--bv-space-md, 16px);background-color:transparent}dialog.quick-view-modal[data-quick-view-state=no-size] benvel-variant-picker,dialog.quick-view-modal[data-quick-view-state=no-size] [data-pdp-variant-picker],dialog.quick-view-modal[data-quick-view-state=no-size] .pdp-variant-picker{display:none}.quick-view-modal__sold-out-stub{display:flex;flex-direction:column;gap:var(--bv-space-md, 16px);align-items:flex-start}.quick-view-modal__edge-state{opacity:0;animation:bv-qv-fade-in var(--bv-duration-base, .2s) var(--bv-ease-benvel, ease) forwards}@keyframes bv-qv-fade-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.quick-view-modal__edge-state{animation:none;opacity:1}}@media(max-width:768px){.quick-view-modal__edge-state{padding:var(--bv-space-md, 16px)}.quick-view-modal__edge-state-message--unavailable{word-break:break-word;overflow-wrap:break-word;max-inline-size:100%}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/benvel-quick-view.css.map */
