.quick-view__media{width:60%;overflow:hidden;border-radius:.8rem;margin-bottom:2rem;background:rgb(var(--color-background));display:flex;align-items:center;justify-content:center}.quick-view__media img,.quick-view__media svg,.quick-view__media .placeholder-svg{width:100%;height:auto;max-height:50rem;object-fit:contain;display:block}.quick-view-toggle{position:absolute!important;bottom:1.2rem;right:1.2rem;z-index:20!important;isolation:isolate;pointer-events:auto!important;display:flex;align-items:center;justify-content:center;width:3.8rem;height:3.8rem;padding:0;border:none;border-radius:0%;background:#000;color:#fff;box-shadow:0 1px 4px #00000026;cursor:pointer;opacity:0;transform:translateY(-4px);transition:opacity .2s ease,transform .2s ease}.quick-view-toggle svg{width:1.9rem;height:1.9rem}@media(hover:hover){.card-wrapper:hover .quick-view-toggle,.card-wrapper:focus-within .quick-view-toggle{opacity:1;transform:translateY(0)}}@media screen and (max-width:749px){.quick-view-toggle{opacity:.8;transform:none;width:3rem;height:3rem}}.card,.card__inner{position:relative}quick-view-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;visibility:hidden;pointer-events:none}quick-view-drawer[open]{visibility:visible;pointer-events:auto}.quick-view-drawer__overlay{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:1!important;cursor:pointer;background-color:#00000080!important;opacity:0;display:block!important;transition:opacity .3s ease}quick-view-drawer[open] .quick-view-drawer__overlay{opacity:1!important}.quick-view-drawer__panel{position:absolute;z-index:9999;border-radius:20px;top:0;right:0;height:100%;width:min(50rem,100vw);background:rgb(var(--color-background));box-shadow:-2px 0 12px #00000026;transform:translate(100%);transition:transform .35s ease;overflow-y:auto;padding:4rem 3rem}quick-view-drawer[open] .quick-view-drawer__panel{transform:translate(0)}.quick-view-drawer__close{position:absolute;top:1.5rem;right:1.5rem;background:#000;border:none;cursor:pointer;border-radius:30%;padding:.5rem 1rem;color:#fff}.quick-view-drawer__content{min-height:20rem}.quick-view-drawer__content .loading-spinner{margin:6rem auto}.quick-view__option{margin-bottom:1.6rem}.quick-view__option-label{display:block;margin-bottom:.6rem;font-size:1.4rem;font-weight:600}.quick-view__select-wrapper{position:relative;display:inline-block;width:100%;max-width:24rem}.quick-view__select{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;padding:1rem 3.2rem 1rem 1.2rem;font-size:1.5rem;line-height:1.4;border:.1rem solid rgba(var(--color-foreground),.3);border-radius:var(--inputs-radius, .4rem);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer}.quick-view__select:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.1rem}.quick-view__select-caret{position:absolute;top:50%;right:1rem;transform:translateY(-50%);width:1.2rem;height:1.2rem;pointer-events:none;display:flex;align-items:center;justify-content:center}.quick-view__select-caret svg{width:100%;height:100%}.quick-view__price-row{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.quick-view__price{font-size:1.8rem;font-weight:600}.quick-view__compare-price{font-size:1.5rem;color:rgba(var(--color-foreground),.6);text-decoration:line-through}.quick-view__compare-price[hidden]{display:none}.quick-view__option{margin-bottom:1.8rem}.quick-view__option-label{display:block;margin-bottom:.8rem;font-size:1.4rem;font-weight:600}.quick-view__pills{display:flex;flex-wrap:wrap;gap:.8rem;margin:0;padding:0;border:none}.quick-view__pill-input{position:absolute;opacity:0;pointer-events:none}.quick-view__pill{display:inline-flex;align-items:center;justify-content:center;min-width:4.4rem;height:4.2rem;padding:0 1.4rem;border:.1rem solid rgba(var(--color-foreground),.3);border-radius:var(--inputs-radius, .4rem);font-size:1.4rem;cursor:pointer;background:rgb(var(--color-background));color:rgb(var(--color-foreground));transition:background .15s ease,color .15s ease,border-color .15s ease;-webkit-user-select:none;user-select:none}.quick-view__pill-input:checked+.quick-view__pill{background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground))}.quick-view__pill-input:focus-visible+.quick-view__pill{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.2rem}.quick-view__pill--unavailable{color:rgba(var(--color-foreground),.4);border-color:rgba(var(--color-foreground),.15);text-decoration:line-through}.quick-view__unavailable-message{margin:0 0 1.2rem;font-size:1.3rem;color:rgb(var(--color-error, 200, 40, 40))}.quick-view__unavailable-message[hidden]{display:none}.quick-view__form-error{margin:1.2rem 0 0;font-size:1.3rem;color:rgb(var(--color-error, 200, 40, 40))}.quick-view__slider{position:relative;overflow:hidden;border-radius:.8rem;background:rgb(var(--color-background))}.quick-view__slider-track{display:flex;transition:transform .35s ease}.quick-view__slide{flex:0 0 100%;width:100%;display:flex;align-items:center;justify-content:center}.quick-view__slide img{width:100%;height:auto;max-height:50rem;object-fit:contain;display:block}.quick-view__slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;padding:0;border:none;border-radius:50%;background:#ffffffd9;color:#000;cursor:pointer;box-shadow:0 1px 4px #0003}.quick-view__slider-arrow svg{width:1.8rem;height:1.8rem}.quick-view__slider-arrow--prev{left:1rem}.quick-view__slider-arrow--next{right:1rem}
/*# sourceMappingURL=/cdn/shop/t/5/assets/quick-view.css.map */