.quick-view-drawer{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:flex;justify-content:flex-end;background-color:rgba(var(--color-foreground),.5);transition:visibility var(--duration-default) ease;visibility:hidden}.quick-view-drawer.active{visibility:visible}.quick-view-drawer__inner{height:100%;width:min(40rem,calc(100vw - 3rem));padding:0 1.5rem;border:.1rem solid rgba(var(--color-foreground),.2);border-right:0;overflow:hidden;display:flex;flex-direction:column;background-color:rgb(var(--color-background));transform:translate(100%);transition:transform var(--duration-default) ease}.quick-view-drawer.active .quick-view-drawer__inner{transform:translate(0)}.quick-view-drawer__header{position:relative;padding:1.5rem 0;display:flex;justify-content:space-between;align-items:center}.quick-view-drawer__heading{margin:0 0 1rem;color:rgb(var(--color-foreground));cursor:pointer;transition:text-decoration var(--duration-short) ease}.quick-view-drawer__heading:hover{text-decoration:underline}.quick-view-drawer__close{display:inline-block;padding:0;min-width:4.4rem;min-height:4.4rem;position:absolute;top:10px;right:-10px;color:rgb(var(--color-foreground));background-color:transparent;border:none;cursor:pointer}.quick-view-drawer__close .icon,.quick-view-drawer__close .svg-wrapper{width:2rem;height:2rem}.quick-view-drawer__content{flex-grow:1;overflow-y:auto;padding:0 1.5rem 3rem}.quick-view__media{position:relative;margin-bottom:2rem}.quick-view__image{display:block;max-width:100%;height:auto;margin:0 auto}.quick-view__variant-image{display:none}.quick-view__title{margin:0 0 1rem;font-size:calc(var(--font-heading-scale) * 2rem)}.quick-view__price{margin-bottom:1.5rem;font-size:1.6rem}.quick-view__option-label{display:block;font-size:1.4rem;font-weight:500;margin-bottom:.8rem}.quick-view-drawer button:not(.quick-view-drawer__close):not(.button--primary){color:rgb(var(--color-foreground));border:.1rem solid rgba(var(--color-background),.1);border-radius:9999px;cursor:pointer;transition:all var(--duration-short) ease;background-color:rgb(var(--color-background))}.quick-view-drawer button:not(.quick-view-drawer__close):hover{box-shadow:0 0 0 .1rem rgba(var(--color-background),.55)}.quick-view-drawer .button--primary{background-color:#1a73e8!important;color:#fff!important;border:2px solid #1a73e8!important;border-radius:0!important;outline:none!important;box-shadow:none!important}.quick-view-drawer .button--primary:hover{background-color:#1a73e8!important;border-color:#1a73e8!important;color:#fff!important;opacity:1!important}.quick-view-drawer .button--primary:before,.quick-view-drawer .button--primary:after{display:none!important}.quick-view-drawer .option-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.2rem}.quick-view-drawer .option-button{position:relative}.quick-view-drawer .option-button input[type=radio]{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0}.quick-view-drawer .option-button label{border:var(--variant-pills-border-width) solid rgba(var(--color-foreground),var(--variant-pills-border-opacity));background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));border-radius:var(--variant-pills-radius);display:inline-block;margin:.4rem .3rem .1rem 0;padding:.7rem 1.4rem;font-size:1.3rem;letter-spacing:.05rem;line-height:1;text-align:center;transition:border var(--duration-short) ease;cursor:pointer;position:relative}.quick-view-drawer .option-button label:before{content:"";position:absolute;top:calc(var(--variant-pills-border-width) * -1);right:calc(var(--variant-pills-border-width) * -1);bottom:calc(var(--variant-pills-border-width) * -1);left:calc(var(--variant-pills-border-width) * -1);z-index:-1;border-radius:var(--variant-pills-radius);box-shadow:var(--variant-pills-shadow-horizontal-offset) var(--variant-pills-shadow-vertical-offset) var(--variant-pills-shadow-blur-radius) rgba(var(--color-shadow),var(--variant-pills-shadow-opacity))}.quick-view-drawer .option-button label:hover{border-color:rgb(var(--color-foreground))}.quick-view-drawer .option-button input[type=radio]:checked+label{background-color:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.quick-view-drawer .option-button input[type=radio]:checked+label::selection{background-color:rgba(var(--color-background),.3)}.quick-view-drawer .option-button input[type=radio]:disabled+label{opacity:.5;cursor:not-allowed;background-color:rgba(var(--color-foreground),.05)}
/*# sourceMappingURL=/cdn/shop/t/52/assets/quick-view-new.css.map */