.quick-view-toggle{position:absolute;top:1rem;right:1rem;z-index:2;width:3.8rem;height:3.8rem;border-radius:50%;background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.12);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:translateY(-.4rem);transition:opacity var(--duration-default) ease,transform var(--duration-default) ease,background-color var(--duration-default) ease}.card-wrapper:hover .quick-view-toggle,.card-wrapper:focus-within .quick-view-toggle,.quick-view-toggle:focus-visible{opacity:1;transform:translateY(0)}.quick-view-toggle .svg-wrapper{width:1.7rem;height:1.7rem;color:rgb(var(--color-foreground));display:block}.quick-view-toggle:hover{background-color:rgb(var(--color-foreground))}.quick-view-toggle:hover .svg-wrapper{color:rgb(var(--color-background))}@media(hover:none){.quick-view-toggle{opacity:1;transform:none}}.quick-view-drawer{position:fixed;z-index:1000;left:0;top:0;width:100vw;height:100%;display:flex;justify-content:flex-end;background-color:rgba(var(--color-foreground),.5);visibility:hidden;pointer-events:none;transition:visibility var(--duration-default) ease}.quick-view-drawer.active{visibility:visible;pointer-events:auto}.quick-view-drawer__overlay{position:fixed;top:0;right:0;bottom:0;left:0}.quick-view-drawer__inner{position:relative;height:100%;width:92rem;max-width:calc(100vw - 3rem);border-left:.1rem solid rgba(var(--color-foreground),.2);overflow-y:auto;transform:translate(100%);transition:transform var(--duration-default) ease;background:rgb(var(--color-background))}.quick-view-drawer.active .quick-view-drawer__inner{transform:translate(0)}.quick-view-drawer__close{position:absolute;top:1.5rem;right:1.5rem;z-index:3;min-width:4.4rem;min-height:4.4rem;background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.15);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:rgb(var(--color-foreground))}.quick-view-drawer__close .svg-wrapper{width:1.8rem;height:1.8rem}.quick-view__loading{display:flex;align-items:center;justify-content:center;height:100%;min-height:40rem}.quick-view__error{padding:6rem 3rem;text-align:center}.quick-view__content{display:flex;flex-direction:column;height:100%}@media screen and (min-width:750px){.quick-view__content{flex-direction:row}}.quick-view__media{position:relative;flex:0 0 50%;max-width:50%;overflow:hidden;background:rgba(var(--color-foreground),.04);aspect-ratio:1 / 1}@media screen and (max-width:749px){.quick-view__media{flex-basis:auto;max-width:100%}}.quick-view__media-track{display:flex;height:100%;transition:transform var(--duration-default) ease}.quick-view__slide{flex:0 0 100%;max-width:100%;height:100%}.quick-view__slide img{width:100%;height:100%;object-fit:cover;display:block}.quick-view__arrow{position:absolute;top:50%;transform:translateY(-50%);width:3.6rem;height:3.6rem;border-radius:50%;background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.15);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2}.quick-view__arrow--prev{left:1.5rem}.quick-view__arrow--next{right:1.5rem}.quick-view__arrow--prev .svg-wrapper{transform:rotate(180deg);display:block}.quick-view__arrow .svg-wrapper{width:1.4rem;height:1.4rem;display:block}.quick-view__info{flex:1;padding:3rem;display:flex;flex-direction:column;gap:1rem;overflow-y:auto}@media screen and (min-width:750px){.quick-view__info{padding:4rem}}.quick-view__counter{margin:0;font-size:1.2rem;letter-spacing:.05em;color:rgba(var(--color-foreground),.6);text-transform:uppercase}.quick-view__title{margin:0;font-family:var(--font-heading-family)}.quick-view__price{font-size:1.8rem}.quick-view__price-compare{margin-left:.8rem;text-decoration:line-through;color:rgba(var(--color-foreground),.5);font-size:1.4rem}.quick-view__stock{display:flex;align-items:center;gap:.6rem;margin:0}.quick-view__stock-dot{width:.8rem;height:.8rem;border-radius:50%;background-color:#3c7a3c;display:inline-block;flex:0 0 auto}.quick-view__stock--out .quick-view__stock-dot{background-color:rgba(var(--color-foreground),.35)}.quick-view__view-details{margin-top:auto}.quick-view__loading[hidden],.quick-view__content[hidden],.quick-view__error[hidden],.quick-view__arrow[hidden]{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/25/assets/component-quick-view.css.map */