.quick-peek{--quick-peek-margin: var(--space-small);background:#fff;padding:2rem 3rem 3rem;left:0;margin:auto;position:fixed;right:0;top:50%;transform:translateY(60vh);transition-duration:var(--transition-duration-long);transition-property:transform,visibility;transition-timing-function:var(--transition-timing-function);transition-delay:var(--entrance-delay);visibility:hidden;width:clamp(320px,calc(100% - var(--quick-peek-margin) * 2),1080px);z-index:var(--z-index-modal);box-shadow:var(--box-shadow--bottom)}.quick-peek:focus-visible{outline:none}.open-quick-peek-button{position:absolute;left:var(--space-medium);top:var(--space-medium);background-color:var(--color-badge-default);border-radius:var(--border-radius-rounded);color:hsla(var(--color-foreground-raw),.7);min-height:var(--button-tag-height);padding:0 8px;z-index:var(--z-index-hidden);transform:scale(.01);transition:transform .3s ease-in}.open-quick-peek-button svg{width:16px;height:16px}.product-card:hover .open-quick-peek-button{display:flex;z-index:var(--z-index-base);transform:scale(1)}.product-card .open-quick-peek-button label{display:block;max-width:0;padding-left:0;overflow:hidden;text-wrap:nowrap;transition:max-width .2s ease-out,padding .4s ease-out}.product-card:hover .open-quick-peek-button:hover label{max-width:180px;padding-left:12px;cursor:pointer}.quick-peek.animate-in{transform:translateY(-50%);visibility:visible}.quick-peek__close-button{position:absolute;right:var(--space-small);top:var(--space-small);background-color:transparent;border-radius:var(--border-radius-square);color:hsla(var(--color-foreground-raw),.7);height:var(--slider-button-size);padding:10px;width:var(--slider-button-size);z-index:var(--z-index-slideshow-interaction)}.quick-peek__header{padding-bottom:calc(var(--quick-peek-margin) * 2)}.quick-peek__title{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:calc(var(--font-copy-size-large) + 1vw);letter-spacing:var(--font-heading-letter-spacing);line-height:var(--font-heading-line-height);text-transform:var(--font-heading-text-transform)}.quick-peek__content{display:grid;gap:clamp(20px,3vw,3rem);grid-template-columns:1fr}.quick-peek__details-container{display:flex;flex-flow:column;justify-content:space-between;gap:clamp(20px,3vw,3rem)}.quick-peek__description{max-height:440px;overflow-x:auto}@media screen and (min-width: 768px){.quick-peek__content{grid-template-columns:3fr 3fr}}@media screen and (min-width: 992px){.quick-peek__content{grid-template-columns:3fr 2fr}}@media screen and (min-width: 650px){.quick-peek{--quick-peek-margin: var(--space-medium)}}.quick-peek__overlay{background-color:var(--color-overlay);position:fixed;bottom:0;left:0;right:0;top:0;opacity:0;pointer-events:none;visibility:hidden;z-index:var(--z-index-background)}
/*# sourceMappingURL=/cdn/shop/t/3/assets/styles-component-quick-peek.css.map?v=33404503979026735401732706518 */
