.quick-view-trigger{position:absolute;top:1rem;right:1rem;z-index:3;width:3.6rem;height:3.6rem;display:flex;align-items:center;justify-content:center;background:rgb(var(--color-background));border:none;border-radius:50%;cursor:pointer;opacity:0;transform:translateY(-.5rem);transition:opacity .2s ease,transform .2s ease,background-color .2s ease,box-shadow .2s ease;box-shadow:0 2px 8px #0000001a}.quick-view-trigger svg{width:1.8rem;height:1.8rem;color:rgb(var(--color-foreground))}@media(hover:hover){.card:hover .quick-view-trigger,.card-wrapper:hover .quick-view-trigger{opacity:1;transform:translateY(0)}.quick-view-trigger:hover{background:rgb(var(--color-button));box-shadow:0 4px 12px #00000026}.quick-view-trigger:hover svg{color:rgb(var(--color-button-text))}}@media(hover:none){.quick-view-trigger{opacity:1;transform:translateY(0)}}.quick-view-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.quick-view-modal.is-open{opacity:1;visibility:visible}.quick-view-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);cursor:pointer}.quick-view-modal__container{position:relative;width:100%;max-width:90rem;max-height:90vh;background:rgb(var(--color-background));border-radius:1.6rem;overflow:hidden;box-shadow:0 20px 60px #0000004d;transform:translateY(2rem) scale(.95);transition:transform .3s ease}.quick-view-modal.is-open .quick-view-modal__container{transform:translateY(0) scale(1)}.quick-view-modal__close{position:absolute;top:1.6rem;right:1.6rem;z-index:10;display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;background:rgba(var(--color-foreground),.05);border:none;border-radius:50%;cursor:pointer;color:rgb(var(--color-foreground));transition:background-color .2s ease}.quick-view-modal__close:hover{background:rgba(var(--color-foreground),.1)}.quick-view-modal__content{max-height:90vh;overflow-y:auto}.quick-view-modal__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.6rem;padding:6rem 2rem;color:rgba(var(--color-foreground),.5)}.quick-view-modal__spinner{width:3rem;height:3rem;border:3px solid rgba(var(--color-foreground),.1);border-top-color:rgb(var(--color-button));border-radius:50%;animation:spinner-rotate .8s linear infinite}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.quick-view-product{display:grid;grid-template-columns:1fr;gap:2rem;padding:2rem}@media screen and (min-width:750px){.quick-view-product{grid-template-columns:1fr 1fr;gap:3rem;padding:3rem}}.quick-view-product__media{aspect-ratio:1;overflow:hidden;border-radius:1rem;background:rgba(var(--color-foreground),.03)}.quick-view-product__media img{width:100%;height:100%;object-fit:cover}.quick-view-product__info{display:flex;flex-direction:column;gap:1.6rem}.quick-view-product__title{margin:0;font-size:2.4rem}.quick-view-product__price{display:flex;align-items:baseline;gap:1rem}.quick-view-product__price-compare{font-size:1.6rem;text-decoration:line-through;opacity:.5}.quick-view-product__price-current{font-size:2.4rem;font-weight:700;color:rgb(var(--color-button))}.quick-view-product__description{font-size:1.5rem;line-height:1.6;opacity:.8}.quick-view-product__form{margin-top:auto}.quick-view-product__add-button{width:100%}.quick-view-product__link{display:inline-block;margin-top:1rem;font-size:1.4rem;color:rgb(var(--color-button));text-decoration:underline;text-underline-offset:4px}
/*# sourceMappingURL=/cdn/shop/t/30/assets/component-quick-view.css.map */
