.compare-toggle{display:inline-flex;margin-top:1.2rem}.compare-pill{display:inline-flex;align-items:center;gap:.8rem;padding:.9rem 1.6rem;border:.1rem solid rgba(var(--color-foreground),.25);border-radius:var(--buttons-radius);background:transparent;color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-size:1.3rem;line-height:1;letter-spacing:.02em;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.compare-pill:hover{border-color:rgb(var(--color-button));color:rgb(var(--color-button))}.compare-pill:disabled{opacity:.45;cursor:not-allowed}.compare-pill__icon{display:inline-flex;width:1.6rem;height:1.6rem}.compare-pill__icon svg{width:100%;height:100%}.compare-pill__label{white-space:nowrap}.compare-toggle.is-added .compare-pill{background:rgb(var(--color-button));border-color:rgb(var(--color-button));color:rgb(var(--color-button-text))}.compare-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;visibility:hidden;pointer-events:none}.compare.is-open .compare-dialog{visibility:visible;pointer-events:auto}.compare-dialog__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(var(--color-foreground),.4);opacity:0;transition:opacity .3s ease}.compare.is-open .compare-dialog__overlay{opacity:1}.compare-dialog__panel{position:absolute;top:0;right:0;bottom:0;width:38rem;max-width:92vw;display:flex;flex-direction:column;background:rgb(var(--color-background));color:rgb(var(--color-foreground));border-left:.1rem solid rgba(var(--color-foreground),.08);box-shadow:-.4rem 0 3rem rgba(var(--color-shadow),.22);transform:translate(100%);transition:transform .35s cubic-bezier(.22,1,.36,1);outline:none}.compare.is-open .compare-dialog__panel{transform:translate(0)}.compare-dialog__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:2rem 2rem 1.4rem;border-bottom:.1rem solid rgba(var(--color-foreground),.08)}.compare-dialog__title{display:inline-flex;align-items:center;gap:.8rem;margin:0;font-size:1.7rem;letter-spacing:.01em}.compare-dialog__count{display:inline-grid;place-items:center;min-width:2rem;height:2rem;padding:0 .6rem;border-radius:5rem;font-size:1.2rem;font-variant-numeric:tabular-nums;color:rgb(var(--color-button-text));background:rgb(var(--color-button))}.compare-dialog__count:empty{display:none}.compare-dialog__close{display:grid;place-items:center;width:3.2rem;height:3.2rem;margin-right:-.6rem;padding:0;border:none;border-radius:50%;background:transparent;color:rgb(var(--color-foreground));cursor:pointer;transition:background-color .15s ease}.compare-dialog__close:hover{background:rgba(var(--color-foreground),.07)}.compare-dialog__close svg{width:1.5rem;height:1.5rem}.compare-dialog__empty{margin:0;padding:3rem 2rem;text-align:center;font-size:1.4rem;color:rgba(var(--color-foreground),.6)}.compare-dialog__list{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:.6rem 2rem;display:flex;flex-direction:column}.compare-item{display:flex;align-items:center;gap:1.2rem;padding:1.2rem 0}.compare-item+.compare-item{border-top:.1rem solid rgba(var(--color-foreground),.08)}.compare-item__link{display:flex;align-items:center;gap:1.2rem;flex:1 1 auto;min-width:0;text-decoration:none;color:inherit}.compare-item__thumb{flex:0 0 auto;width:5.6rem;height:5.6rem;object-fit:cover;border-radius:var(--media-radius);background:rgba(var(--color-foreground),.05)}.compare-item__text{min-width:0}.compare-item__name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:var(--font-heading-family);font-size:1.5rem;line-height:1.25}.compare-item__price{display:block;margin-top:.3rem;font-size:1.3rem;color:rgba(var(--color-foreground),.6)}.compare-item__remove{flex:0 0 auto;display:grid;place-items:center;width:2.6rem;height:2.6rem;padding:0;border:none;border-radius:50%;background:transparent;color:rgba(var(--color-foreground),.55);cursor:pointer;transition:background-color .15s ease,color .15s ease}.compare-item__remove:hover{color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.07)}.compare-item__remove svg{width:1.2rem;height:1.2rem}.compare-dialog__foot{display:flex;flex-direction:column;gap:1rem;padding:1.6rem 2rem 2rem;border-top:.1rem solid rgba(var(--color-foreground),.08)}.compare-dialog__need{margin:0;text-align:center;font-size:1.2rem;color:rgba(var(--color-foreground),.55)}.compare-dialog__go{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;width:100%;padding:1.3rem 1.6rem;border:none;border-radius:var(--buttons-radius);background:rgb(var(--color-button));color:rgb(var(--color-button-text));font-family:var(--font-body-family);font-size:1.4rem;letter-spacing:.02em;cursor:pointer;transition:transform .12s ease,opacity .15s ease}.compare-dialog__go[hidden]{display:none}.compare-dialog__go:hover{opacity:.92}.compare-dialog__go:active{transform:translateY(.1rem)}.compare-dialog__go-count{display:inline-grid;place-items:center;min-width:1.9rem;height:1.9rem;padding:0 .5rem;border-radius:5rem;font-size:1.15rem;font-variant-numeric:tabular-nums;color:rgb(var(--color-button));background:rgb(var(--color-button-text))}.compare-dialog__go-count:empty{display:none}.compare-dialog__clear{align-self:center;padding:0;border:none;background:none;color:rgba(var(--color-foreground),.55);font-size:1.2rem;cursor:pointer;transition:color .15s ease}.compare-dialog__clear[hidden]{display:none}.compare-dialog__clear:hover{color:rgb(var(--color-foreground))}.compare-bar{position:fixed;right:2rem;bottom:2rem;z-index:999;display:inline-flex;align-items:center;gap:.9rem;padding:1.1rem 1.8rem;border:none;border-radius:5rem;background:rgb(var(--color-button));color:rgb(var(--color-button-text));box-shadow:0 .6rem 2rem rgba(var(--color-shadow),.28);font-family:var(--font-body-family);font-size:1.3rem;letter-spacing:.02em;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.compare-bar[hidden]{display:none}.compare-bar:hover{transform:translateY(-.2rem);box-shadow:0 .9rem 2.6rem rgba(var(--color-shadow),.34)}.compare-bar__icon{display:inline-flex;width:1.8rem;height:1.8rem}.compare-bar__icon svg{width:100%;height:100%}.compare-bar__count{display:inline-grid;place-items:center;min-width:2rem;height:2rem;padding:0 .5rem;border-radius:5rem;font-size:1.2rem;font-weight:600;font-variant-numeric:tabular-nums;color:rgb(var(--color-button));background:rgb(var(--color-button-text))}.compare-bar__count:empty{display:none}@media screen and (max-width:749px){.compare-dialog__panel{width:34rem}.compare-bar{right:1.4rem;bottom:1.4rem}}@media(prefers-reduced-motion:reduce){.compare-dialog__panel,.compare-dialog__overlay,.compare-bar{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-compare.css.map */