.quick-view-opener{position:absolute;top:1rem;right:1rem;z-index:2}.quick-view__toggle{position:relative;display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;padding:0;border:.1rem solid rgba(var(--color-foreground),.1);border-radius:50%;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;box-shadow:0 .1rem .6rem rgba(var(--color-foreground),.12);transition:transform .15s ease,opacity .15s ease,background-color .15s ease}.quick-view__toggle svg{width:1.8rem;height:1.8rem}.quick-view__toggle:hover{transform:scale(1.05);background-color:rgb(var(--color-background))}.quick-view__toggle.loading svg{visibility:hidden}.quick-view__toggle .loading__spinner{position:absolute;width:2rem;height:2rem}.quick-view-modal{box-sizing:border-box;opacity:0;position:fixed;visibility:hidden;z-index:-1;margin:0 auto;top:0;left:0;width:100%;height:100%;background:rgba(var(--color-foreground),.2)}.quick-view-modal[open]{opacity:1;visibility:visible;z-index:101}.quick-view-modal__content{--modal-height-offset: 3.2rem;position:absolute;top:0;left:50%;transform:translate(-50%);margin:var(--modal-height-offset) auto 0;width:calc(100% - 3rem);max-width:var(--page-width);background-color:rgb(var(--color-background));overflow:hidden}@media screen and (min-width:750px){.quick-view-modal__content{--modal-height-offset: 10rem;width:80%;max-height:calc(100% - var(--modal-height-offset) * 2);overflow-y:auto}}@media screen and (min-width:990px){.quick-view-modal__content{width:70%}}@media screen and (max-width:749px){.quick-view-modal__content{bottom:var(--modal-height-offset);overflow-y:auto}}.quick-view-modal__toggle{display:flex;align-items:center;justify-content:center;position:absolute;top:1.5rem;right:1.5rem;z-index:5;width:4rem;height:4rem;padding:1.2rem;border:.1rem solid rgba(var(--color-foreground),.1);border-radius:50%;background-color:rgb(var(--color-background));color:rgba(var(--color-foreground),.55);cursor:pointer}.quick-view-modal__toggle:hover{color:rgba(var(--color-foreground),.75)}.quick-view-modal__toggle .icon{width:2.2rem;height:auto;margin:0}.quick-view-modal__content-info{padding:2.5rem}.quick-view__grid{display:grid;grid-template-columns:1fr;gap:2.4rem}@media screen and (min-width:750px){.quick-view__grid{grid-template-columns:minmax(0,40%) minmax(0,1fr);gap:3.6rem;align-items:start}}.quick-view__image{width:100%;height:auto;border-radius:var(--media-radius, 0)}.quick-view__title{margin:0 0 1rem;font-size:2.8rem;line-height:1.2}@media screen and (min-width:750px){.quick-view__title{font-size:3.4rem}}.quick-view__price{margin-bottom:1.6rem}.quick-view__buy{display:flex;align-items:stretch;gap:1rem;margin-bottom:1.6rem}.quick-view__quantity{flex:0 0 auto;margin:0}.quick-view__quantity .quantity__label{margin-bottom:.6rem}.quick-view__submit{flex:1 1 auto;margin:0;min-width:0}@media screen and (max-width:749px){.quick-view__quantity{display:none}}.quick-view__variant-note{margin-bottom:1.6rem}.quick-view__description{display:block;margin-bottom:1.6rem}.quick-view__description-content{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;font-size:1.3rem;line-height:1.5}.quick-view__description-content p,.quick-view__description-content li,.quick-view__description-content span{font-size:inherit;line-height:inherit}.quick-view__description.is-expanded .quick-view__description-content{-webkit-line-clamp:unset;overflow:visible}.quick-view__readmore-btn{margin-top:.6rem;padding:0;border:0;background:none;color:rgb(var(--color-foreground));font-size:1.3rem;text-decoration:underline;text-underline-offset:.3rem;cursor:pointer}.quick-view__components{margin-top:2.4rem;padding-top:2.4rem;border-top:.1rem solid rgba(var(--color-foreground),.1)}.quick-view__components-title{margin-bottom:1.2rem;font-size:1.6rem;font-weight:600}.quick-view__components-list{margin:0;padding:0;font-size:1.3rem;line-height:1.4}@media screen and (min-width:990px){.quick-view__components-list{column-count:2;column-gap:2.8rem}}.quick-view__component{display:flex;gap:.6rem;break-inside:avoid;padding:.7rem 0;border-bottom:.1rem solid rgba(var(--color-foreground),.08)}.quick-view__component-qty{flex:0 0 auto;font-weight:600}.quick-view__component-name{flex:1 1 auto}.quick-view__pdp-link{display:flex;align-items:center;justify-content:center;gap:.8rem;width:100%;max-width:34rem;margin:2.4rem auto 0;text-decoration:none}.quick-view__pdp-link .icon-wrap{display:inline-flex}.quick-view__pdp-link .icon{width:1.4rem;height:1.4rem}
/*# sourceMappingURL=/cdn/shop/t/5/assets/quick-view.css.map */