sidix-quick-view{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:grid;place-items:center;padding:var(--space-md);visibility:hidden;pointer-events:none}sidix-quick-view[open]{visibility:visible;pointer-events:auto}.quick-view__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--color-dark);opacity:0;transition:opacity var(--duration-base) var(--ease-out)}sidix-quick-view[open] .quick-view__overlay{opacity:.6}.quick-view__panel{position:relative;width:100%;max-width:60rem;max-height:90vh;overflow-y:auto;overscroll-behavior:contain;background-color:var(--color-bg);border-radius:var(--media-radius);box-shadow:var(--shadow-lg);opacity:0;transform:translateY(1.5rem) scale(.98);transition:opacity var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}sidix-quick-view[open] .quick-view__panel{opacity:1;transform:none}.quick-view__close{position:absolute;top:var(--space-sm);right:var(--space-sm);z-index:2;display:grid;place-items:center;width:2.5rem;height:2.5rem;background-color:var(--color-bg);border-radius:50%;transition:color var(--duration-fast) var(--ease-out)}.quick-view__close:hover{color:var(--color-gold)}.quick-view__layout{display:grid;gap:var(--space-lg);padding:var(--space-lg)}@media screen and (min-width:750px){.quick-view__layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-xl);padding:var(--space-xl)}}.quick-view__info{display:flex;flex-direction:column;gap:var(--space-sm)}.quick-view__title{margin:0}.quick-view__title a:hover{color:var(--color-gold)}.quick-view__description{color:var(--color-text-muted)}.quick-view__details{align-self:flex-start;margin-top:var(--space-2xs);font-size:var(--fs-xsmall);letter-spacing:.12em}.quick-view__loading{min-height:24rem;border-radius:var(--media-radius)}@media screen and (max-width:749px){sidix-quick-view{padding:0;align-items:flex-end}.quick-view__panel{max-height:92vh;border-radius:var(--media-radius) var(--media-radius) 0 0;transform:translateY(100%)}.quick-view__layout{padding:var(--space-md)}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/component-quick-view.css.map */