.card-wrapper{position:relative;isolation:isolate}.quick-view-btn{position:absolute;top:1rem;left:1rem;z-index:10;width:3.6rem;height:3.6rem;padding:0;display:inline-flex;align-items:center;justify-content:center;background:rgb(var(--color-background));color:rgb(var(--color-foreground));border:.1rem solid rgba(var(--color-foreground),.12);border-radius:50%;cursor:pointer;box-shadow:0 .2rem .8rem #00000014;transition:opacity .2s ease,transform .2s ease,background .2s ease,color .2s ease}.quick-view-btn svg{width:1.8rem;height:1.8rem;display:block;pointer-events:none}.quick-view-btn:hover{background:rgb(var(--color-foreground));color:rgb(var(--color-background));transform:scale(1.08)}@media(hover:hover)and (pointer:fine){.quick-view-btn{opacity:0;pointer-events:none;transform:translateY(-.4rem)}.card-wrapper:hover .quick-view-btn,.quick-view-btn:focus-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.card-wrapper:hover .quick-view-btn:hover{transform:scale(1.08)}}.quick-view-modal[hidden]{display:none}.quick-view-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:2rem}.quick-view-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000a6;animation:qv-fade .2s ease}.quick-view-modal__content{position:relative;background:rgb(var(--color-background));color:rgb(var(--color-foreground));border-radius:1rem;width:100%;max-width:115rem;max-height:90vh;overflow-y:auto;animation:qv-slide .3s cubic-bezier(.16,1,.3,1);box-shadow:0 2rem 6rem #0000004d}.quick-view-modal__close{position:absolute;top:1rem;right:1rem;z-index:2;width:4rem;height:4rem;background:transparent;border:none;cursor:pointer;color:rgb(var(--color-foreground));display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .15s ease}.quick-view-modal__close:hover{background:rgba(var(--color-foreground),.08)}.quick-view-modal__close svg{width:1.8rem;height:1.8rem}.quick-view-modal__body{padding:2rem}.quick-view-modal__loading,.quick-view-modal__error{display:flex;align-items:center;justify-content:center;text-align:center;font-size:1.4rem;min-height:40rem;padding:2rem}.quick-view-modal__product{display:grid;gap:2rem;grid-template-columns:1fr}@media(min-width:750px){.quick-view-modal__body{padding:3rem}.quick-view-modal__content{min-height:52rem}.quick-view-modal__product{grid-template-columns:1fr 1fr;gap:3rem;align-items:start}}.quick-view-modal__media{background:rgba(var(--color-foreground),.04);border-radius:.6rem;overflow:hidden}.quick-view-modal__media img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;transition:opacity .25s ease}.quick-view-modal__info{display:flex;flex-direction:column;gap:1.5rem}.quick-view-modal__title{font-family:var(--font-heading-family);font-size:2.2rem;line-height:1.2;margin:0}.quick-view-modal__price{font-size:1.8rem;font-weight:500;margin:0}.quick-view-modal__view-full{display:inline-block;font-size:1.3rem;text-decoration:underline;color:rgb(var(--color-foreground));margin-top:.5rem}.quick-view-modal__add-btn{width:100%;margin-top:.5rem}.quick-view-modal__add-btn[disabled]{opacity:.5;cursor:not-allowed}body.quick-view-open{overflow:hidden}@keyframes qv-fade{0%{opacity:0}to{opacity:1}}@keyframes qv-slide{0%{opacity:0;transform:translateY(2rem) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.quick-view-modal__description-wrap{display:flex;flex-direction:column;gap:.6rem}.quick-view-modal__description{font-size:1.4rem;line-height:1.55;color:rgba(var(--color-foreground),.85);max-height:14rem;overflow:hidden;position:relative}.quick-view-modal__description:not(.quick-view-modal__description--expanded):after{content:"";position:absolute;bottom:0;left:0;right:0;height:3rem;background:linear-gradient(to bottom,transparent,rgb(var(--color-background)));pointer-events:none}.quick-view-modal__description--expanded{max-height:22rem;overflow-y:auto;padding-right:.8rem}.quick-view-modal__description h1,.quick-view-modal__description h2,.quick-view-modal__description h3,.quick-view-modal__description h4{font-size:1.5rem;font-weight:600;margin:.8rem 0 .4rem;line-height:1.3}.quick-view-modal__description ul,.quick-view-modal__description ol{margin:.4rem 0 .8rem;padding-left:2rem}.quick-view-modal__description li{margin-bottom:.2rem}.quick-view-modal__description--expanded::-webkit-scrollbar{width:6px}.quick-view-modal__description--expanded::-webkit-scrollbar-thumb{background:rgba(var(--color-foreground),.25);border-radius:3px}.quick-view-modal__description p{margin:0 0 .8rem}.quick-view-modal__description p:last-child{margin-bottom:0}.quick-view-modal__description a{color:inherit;text-decoration:underline}.quick-view-modal__description-toggle{align-self:flex-start;background:none;border:none;padding:0;color:rgb(var(--color-foreground));text-decoration:underline;font-size:1.3rem;font-family:inherit;cursor:pointer}.quick-view-modal__description-toggle:hover{opacity:.65}.quick-view-modal__add-btn{width:100%;padding:1.4rem 2rem;margin-top:.5rem;background:rgb(var(--color-foreground));color:rgb(var(--color-background));border:.1rem solid rgb(var(--color-foreground));border-radius:var(--buttons-radius, .4rem);font-family:inherit;font-size:1.4rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:opacity .15s ease,transform .1s ease}.quick-view-modal__add-btn:hover:not([disabled]){opacity:.85}.quick-view-modal__add-btn:active:not([disabled]){transform:scale(.98)}.quick-view-modal__add-btn[disabled]{opacity:.4;cursor:not-allowed}.quick-view-modal [data-loading][hidden],.quick-view-modal [data-error][hidden],.quick-view-modal [data-product][hidden]{display:none!important}.quick-view-modal__type{display:inline-block;font-size:1.1rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:rgba(var(--color-foreground),.6);text-decoration:none;margin-bottom:-.5rem;transition:color .15s ease}.quick-view-modal__type:hover{color:rgb(var(--color-foreground));text-decoration:underline}.quick-view-modal__vendor{display:inline-block;font-size:1.3rem;font-weight:500;color:rgba(var(--color-foreground),.7);text-decoration:none;margin-top:-.8rem;transition:color .15s ease}.quick-view-modal__vendor:hover{color:rgb(var(--color-foreground));text-decoration:underline}.quick-view-modal [data-vendor][hidden],.quick-view-modal [data-type][hidden]{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/2/assets/quick-view.css.map */