comparison-button{display:inline-flex}.comparison-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.2);border-radius:50%;cursor:pointer;transition:all .2s ease}.comparison-button:hover{border-color:rgba(var(--color-foreground),.4);background:rgba(var(--color-foreground),.05)}.comparison-button svg{width:18px;height:18px;stroke:rgb(var(--color-foreground));transition:stroke .2s ease}comparison-button.active .comparison-button,.comparison-button[aria-pressed=true]{background:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground))}comparison-button.active .comparison-button svg,.comparison-button[aria-pressed=true] svg{stroke:rgb(var(--color-background))}.comparison-button:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.card__comparison-button{position:absolute;top:.75rem;right:.75rem;z-index:5;opacity:0;transition:opacity .2s ease}.card:hover .card__comparison-button,.card:focus-within .card__comparison-button,.card__comparison-button.active{opacity:1}comparison-drawer{position:fixed;bottom:1.5rem;right:1.5rem;z-index:100;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .3s ease}comparison-drawer.visible{opacity:1;visibility:visible;transform:translateY(0)}.comparison-drawer__inner{background:rgb(var(--color-background));border-radius:1rem;box-shadow:0 8px 30px #00000026;padding:1rem;min-width:280px}.comparison-drawer__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.comparison-drawer__count{font-size:.875rem;font-weight:600;color:rgba(var(--color-foreground),.7)}.comparison-drawer__clear{background:none;border:none;font-size:.75rem;color:rgba(var(--color-foreground),.6);cursor:pointer;text-decoration:underline}.comparison-drawer__clear:hover{color:rgb(var(--color-foreground))}.comparison-drawer__products{display:flex;gap:.5rem;margin-bottom:.75rem}.comparison-drawer__product{position:relative;width:50px;height:50px;border-radius:.5rem;overflow:hidden;background:rgba(var(--color-foreground),.05)}.comparison-drawer__product img{width:100%;height:100%;object-fit:cover}.comparison-drawer__remove{position:absolute;top:-4px;right:-4px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:rgb(var(--color-foreground));color:rgb(var(--color-background));border:2px solid rgb(var(--color-background));border-radius:50%;cursor:pointer;font-size:.75rem;opacity:0;transition:opacity .15s ease}.comparison-drawer__product:hover .comparison-drawer__remove{opacity:1}.comparison-drawer__button{width:100%;display:flex;justify-content:center;font-size:.875rem;padding:.75rem 1rem}comparison-table{display:block}.comparison-table__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.comparison-table__title{font-size:1.75rem;margin:0}.comparison-table__clear{font-size:.875rem}.comparison-table__empty{text-align:center;padding:4rem 2rem}.comparison-table__empty svg{opacity:.3;margin-bottom:1.5rem}.comparison-table__empty h2{margin:0 0 .5rem;font-size:1.5rem}.comparison-table__empty p{color:rgba(var(--color-foreground),.7);margin:0 0 1.5rem}.comparison-table__grid{display:grid;grid-template-columns:120px repeat(var(--columns, 2),1fr);gap:0;border:1px solid rgba(var(--color-foreground),.1);border-radius:.5rem;overflow:hidden}.comparison-table__row{display:contents}.comparison-table__label{display:flex;align-items:center;padding:1rem;font-weight:500;font-size:.875rem;color:rgba(var(--color-foreground),.7);background:rgba(var(--color-foreground),.02);border-bottom:1px solid rgba(var(--color-foreground),.1)}.comparison-table__cell{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;text-align:center;border-bottom:1px solid rgba(var(--color-foreground),.1);border-left:1px solid rgba(var(--color-foreground),.1)}.comparison-table__row:last-child .comparison-table__label,.comparison-table__row:last-child .comparison-table__cell{border-bottom:none}.comparison-table__cell--product{position:relative;padding:1.5rem 1rem;background:rgba(var(--color-foreground),.02)}.comparison-table__remove{position:absolute;top:.5rem;right:.5rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:rgba(var(--color-foreground),.1);border:none;border-radius:50%;cursor:pointer;font-size:1rem;color:rgba(var(--color-foreground),.6);transition:all .15s ease}.comparison-table__remove:hover{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.comparison-table__product-link{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit}.comparison-table__product-link:hover .comparison-table__product-title{text-decoration:underline}.comparison-table__image{width:120px;height:120px;object-fit:cover;border-radius:.5rem;margin-bottom:1rem}.comparison-table__product-title{font-size:.9375rem;font-weight:600;margin:0;line-height:1.3}.price--on-sale{color:rgb(var(--color-sale, 200, 0, 0));font-weight:600}.price--compare{text-decoration:line-through;color:rgba(var(--color-foreground),.5);font-size:.875rem;margin-left:.5rem}.comparison-table__add-button{width:100%;max-width:180px}.comparison-table__add-button.loading{color:transparent;position:relative}.comparison-table__add-button.loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:comparisonSpin .6s linear infinite}@keyframes comparisonSpin{to{transform:rotate(360deg)}}.comparison-table__add-button.success{background-color:#22c55e}@media screen and (max-width: 989px){.comparison-table__grid{grid-template-columns:100px repeat(var(--columns, 2),1fr);font-size:.875rem}.comparison-table__label{padding:.75rem;font-size:.8125rem}.comparison-table__cell{padding:.75rem}.comparison-table__image{width:80px;height:80px}.comparison-table__product-title{font-size:.8125rem}}@media screen and (max-width: 749px){comparison-drawer{bottom:1rem;left:1rem;right:1rem}.comparison-drawer__inner{min-width:auto}.comparison-table__grid{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.comparison-table__row{display:grid;grid-template-columns:80px repeat(var(--columns, 2),minmax(120px,1fr))}.comparison-table__row--header .comparison-table__label{display:none}.card__comparison-button{opacity:1}}@media (prefers-reduced-motion: reduce){comparison-drawer,.comparison-button,.comparison-drawer__remove,.comparison-table__add-button.loading:after{transition:none;animation:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-product-comparison.css.map */