.card__quick-view{position:absolute;top:1rem;right:1rem;z-index:3;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease;pointer-events:none}.card-wrapper:hover .card__quick-view,.card-wrapper:focus-within .card__quick-view,.quick-view-trigger:focus-visible{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}@media(hover:none){.card__quick-view{opacity:1;visibility:visible;pointer-events:auto;transform:none}}.quick-view-trigger{position:relative;display:inline-flex;align-items:center;justify-content:center;width:3.8rem;height:3.8rem;border:none;border-radius:50%;padding:0;background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;box-shadow:0 2px 10px #0000002e}.quick-view-trigger:hover{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.quick-view-trigger__icon{display:inline-flex;width:1.8rem;height:1.8rem}.quick-view-trigger__icon svg{width:100%;height:100%;fill:currentColor}.quick-view-trigger__tooltip{position:absolute;top:calc(100% + .6rem);right:0;background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:1.1rem;font-weight:500;white-space:nowrap;padding:.4rem .8rem;border-radius:.4rem;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease;pointer-events:none}.quick-view-trigger:hover .quick-view-trigger__tooltip,.quick-view-trigger:focus-visible .quick-view-trigger__tooltip{opacity:1;visibility:visible}@media(hover:none){.quick-view-trigger__tooltip{display:none}}.quick-view-trigger .loading__spinner{width:1.8rem;height:1.8rem}.quick-view-trigger .loading__spinner:not(.hidden)~.quick-view-trigger__icon{visibility:hidden}.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),.35)}.quick-view-modal[open]{opacity:1;visibility:visible;z-index:102}.quick-view-modal .scroll-trigger.scroll-trigger{animation:none;opacity:1;transform:none}.quick-view-modal__content{--modal-height-offset: 2rem;position:absolute;top:0;left:50%;transform:translate(-50%);margin:var(--modal-height-offset) auto 0;width:calc(100% - 2rem);background-color:rgb(var(--color-background));overflow:hidden;max-width:var(--page-width);border-radius:12px;max-height:calc(100% - var(--modal-height-offset) * 2)}@media screen and (min-width:750px){.quick-view-modal__content{--modal-height-offset: 5rem;width:90%;max-height:calc(100% - var(--modal-height-offset) * 2);overflow-y:auto}}@media screen and (min-width:990px){.quick-view-modal__content{width:84%;max-width:1200px}}.quick-view-modal__content img{max-width:100%}.quick-view-modal__content-info{--modal-padding: 2.4rem;padding-right:4.4rem;display:flex;overflow-y:auto;overflow-x:hidden;padding:var(--modal-padding);height:100%;min-height:20rem}.quick-view-modal__content-info:empty:before{content:"";display:block;width:100%;min-height:20rem;background:linear-gradient(90deg,#0000000a 25%,#00000014 37%,#0000000a 63%);background-size:400% 100%;animation:quick-view-skeleton 1.4s ease infinite;border-radius:8px}@keyframes quick-view-skeleton{0%{background-position:100% 50%}to{background-position:0 50%}}.quick-view-modal__content-info>*{height:auto;margin:0 auto;max-width:100%;width:100%}.quick-view-modal__content-info>product-info{padding:0}.quick-view-modal__error{margin:auto;text-align:center;padding:3rem 1.5rem}.quick-view-modal__toggle{background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.1);border-radius:50%;color:rgba(var(--color-foreground),.55);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:1.1rem;z-index:5;width:3.8rem;position:fixed;top:1.2rem;right:1.2rem}@media screen and (min-width:750px){.quick-view-modal__toggle{top:2rem;right:2rem}}.quick-view-modal__toggle:hover{color:rgba(var(--color-foreground),.75)}.quick-view-modal__toggle svg{height:auto;margin:0;width:2rem}quick-view-modal .page-width{padding:0}quick-view-modal .product__title>h1{display:none}quick-view-modal .product__title>a{display:block;text-decoration:none}quick-view-modal .product-form__buttons{max-width:initial}quick-view-modal .product__column-sticky{top:0;position:relative}@media screen and (min-width:750px){quick-view-modal .product:not(.product--no-media) .product__media-wrapper{max-width:48%;width:calc(48% - var(--grid-desktop-horizontal-spacing) / 2)}quick-view-modal .product:not(.product--no-media) .product__info-wrapper{padding-top:0;padding-left:4rem;max-width:52%;width:calc(52% - var(--grid-desktop-horizontal-spacing) / 2)}}@media screen and (max-width:749px){quick-view-modal .product--mobile-columns .product__media-item{width:calc(100% - 3rem - var(--grid-mobile-horizontal-spacing))}}@media(hover:hover)and (pointer:fine){.card-wrapper .card__inner .card__quick-view{top:auto!important;right:1.2rem!important;bottom:1.2rem!important;left:1.2rem!important;width:auto!important}.card-wrapper .quick-view-trigger{width:100%!important;height:4.6rem!important;padding:0 1.6rem!important;border:0!important;border-radius:999px!important;background:#02025a!important;color:#fff!important;box-shadow:0 8px 22px #02025a38!important}.quick-view-trigger__icon{display:none!important}.quick-view-trigger__tooltip{position:static!important;inset:auto!important;display:block!important;padding:0!important;background:transparent!important;color:inherit!important;opacity:1!important;visibility:visible!important;transform:none!important;font-size:1.4rem!important;font-weight:700!important;line-height:1!important;white-space:nowrap!important;pointer-events:none!important}.quick-view-trigger__tooltip:before,.quick-view-trigger__tooltip:after{display:none!important}}@media(hover:none),(pointer:coarse){.card-wrapper .card__inner .card__quick-view{top:auto!important;right:.8rem!important;bottom:.8rem!important;left:.8rem!important;width:auto!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(8px)!important}.card-wrapper.is-quick-view-visible .card__quick-view{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important}.card-wrapper .quick-view-trigger{width:100%!important;height:4.2rem!important;padding:0 1.2rem!important;border:0!important;border-radius:999px!important;background:#02025a!important;color:#fff!important;box-shadow:0 8px 20px #02025a33!important}.quick-view-trigger__icon{display:none!important}.quick-view-trigger__tooltip{position:static!important;inset:auto!important;display:block!important;padding:0!important;background:transparent!important;color:inherit!important;opacity:1!important;visibility:visible!important;transform:none!important;font-size:1.3rem!important;font-weight:700!important;line-height:1!important;white-space:nowrap!important;pointer-events:none!important}.quick-view-trigger__tooltip:before,.quick-view-trigger__tooltip:after{display:none!important}}.card__quick-view{position:absolute!important;z-index:30!important;pointer-events:auto!important}.card__quick-view modal-opener,.card__quick-view .quick-view-trigger,.card__quick-view .quick-view-trigger *{pointer-events:auto!important}.cdr-quick-view-opener{position:absolute;left:12px;right:12px;bottom:12px;z-index:6;display:block;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease}.cdr-quick-view-button{width:100%;min-height:46px;padding:10px 18px;border:0;border-radius:999px;background:#02025ae6;color:#fff;font:inherit;font-size:14px;font-weight:700;line-height:1;cursor:pointer;box-shadow:0 6px 18px #02025a38;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.card-wrapper:hover .cdr-quick-view-opener,.card-wrapper:focus-within .cdr-quick-view-opener{opacity:1;visibility:visible;transform:translateY(0)}.card-wrapper .quick-add>modal-opener{display:none!important}@media screen and (max-width:749px){.cdr-quick-view-opener{left:8px;right:8px;bottom:8px;opacity:1;visibility:visible;transform:none}.cdr-quick-view-button{min-height:40px;padding:8px 12px;font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/quick-view.css.map */