body.compare-popup-open{overflow:hidden}.compare-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:block;visibility:hidden;opacity:0;transition:opacity .25s ease,visibility .25s ease}.compare-popup[open]{visibility:visible;opacity:1}.compare-popup__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(var(--color-foreground),.5)}.compare-popup__dialog{position:relative;z-index:1;width:min(120rem,calc(100% - 3rem));max-height:calc(100vh - 6rem);margin:3rem auto;border-radius:.8rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));display:flex;flex-direction:column;overflow:hidden;transform:translateY(1.5rem);transition:transform .25s ease}.compare-popup[open] .compare-popup__dialog{transform:translateY(0)}.compare-popup__close{position:absolute;top:1.4rem;inset-inline-end:1.4rem;z-index:2;width:3.4rem;height:3.4rem;padding:0;display:inline-flex;align-items:center;justify-content:center;border:.1rem solid rgba(var(--color-foreground),.15);border-radius:50%;background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;transition:var(--transition)}.compare-popup__close:hover{background:rgba(var(--color-foreground),.06)}.compare-popup__close .icon{width:1.4rem;height:1.4rem}.compare-popup__spinner{display:none;justify-content:center;padding:6rem 0}.compare-popup.is-loading .compare-popup__spinner{display:flex}.compare-popup.is-loading .compare-popup__table{visibility:hidden}.compare-popup__spinner .spinner{width:4rem;height:4rem;animation:compare-popup-spin .8s linear infinite}.compare-popup__spinner .path{stroke:rgb(var(--color-button));stroke-linecap:round;stroke-dasharray:90,150}@keyframes compare-popup-spin{to{transform:rotate(360deg)}}.compare-popup__scroll{overflow:auto;padding:3rem 2.5rem;-webkit-overflow-scrolling:touch}.compare-popup__heading{margin:0 0 var(--compare-heading-spacing, 2.4rem);text-align:center}.compare-popup__table{width:100%;border-collapse:collapse;border:.1rem solid rgba(var(--color-foreground),.15);table-layout:fixed}.compare-popup__table td{border:.1rem solid rgba(var(--color-foreground),.12);vertical-align:middle}.compare-popup__label{width:14rem;padding:1.4rem 1.6rem;font-weight:600;text-align:start;color:rgba(var(--color-foreground),.75);background:rgba(var(--color-foreground),.02);white-space:nowrap}.compare-popup__label--head{background:transparent}.compare-popup__cell{padding:1.4rem 1.6rem;text-align:center;font-size:1.5rem;min-width:18rem}.compare-popup__cell--head{position:relative;padding:2rem 1.6rem;vertical-align:top}.compare-popup__media{width:100%;max-width:14rem;margin:0 auto 1.2rem;border-radius:.6rem;overflow:hidden;background:rgba(var(--color-foreground),.04)}.compare-popup__media img,.compare-popup__media svg{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover}.compare-popup__title{margin:0 0 .8rem;font-weight:600;line-height:1.6;font-size:1.8rem}.compare-popup__title-link{color:inherit;text-decoration:none}.compare-popup__title-link:hover{text-decoration:underline}.compare-popup__price{margin:0 0 1.2rem}.compare-popup__price-was{margin-inline-start:.6rem;opacity:.6}.compare-popup__price-value--sale{color:rgb(var(--color-sale-price, var(--color-foreground)))}.compare-popup__cell--head .button{margin:0;padding:.5rem 1.5rem}.compare-popup__remove{position:absolute;top:.6rem;inset-inline-end:.6rem;width:2.6rem;height:2.6rem;padding:0;display:inline-flex;align-items:center;justify-content:center;border:.1rem solid rgba(var(--color-foreground),.15);border-radius:50%;background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;transition:var(--transition)}.compare-popup__remove:hover{background:rgba(var(--color-foreground),.08)}.compare-popup__remove .icon{width:1rem;height:1rem}.compare-popup__cell--variants{font-size:1.4rem;line-height:1.6}.compare-popup__variants{margin:0;padding:0;list-style:none}.compare-popup__variants li+li{margin-top:.2rem}.compare-popup__cell--description{max-width:24rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compare-popup__rating{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.4rem .6rem}.compare-popup__rating .rating-text,.compare-popup__rating .rating-count{margin:0}.compare-popup__dash{color:rgba(var(--color-foreground),.4)}.compare-popup__cell.is-placeholder{opacity:.55}@media screen and (max-width:749px){.compare-popup__dialog{width:100%;max-height:100%;height:100%;margin:0;border-radius:0}.compare-popup__scroll{padding:5.5rem 1.5rem 2rem}.compare-popup__table{table-layout:auto}.compare-popup__label{width:auto;min-width:10rem;padding:1.2rem}.compare-popup__cell{min-width:16rem;padding:1.2rem}.compare-popup__cell--description{max-width:20rem}}@media(prefers-reduced-motion:reduce){.compare-popup,.compare-popup__dialog{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/compare-popup.css.map */