.compare-button{display:block;margin-top:.8rem}.compare-button button{display:inline-flex;align-items:center;gap:.4rem;padding:0;border:none;background:none;color:rgb(var(--color-text));opacity:.7;font-size:1.1rem;cursor:pointer}.compare-button .icon{width:1.4rem;height:1.4rem}.compare-button--active button{opacity:1;font-weight:600}.compare-bar{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-index-drawer, 60);display:flex;align-items:center;justify-content:space-between;gap:1.6rem;padding:1.2rem 1.6rem;background:rgb(var(--color-text));color:rgb(var(--color-background))}.compare-bar[hidden]{display:none}.compare-bar__count{margin:0;font-size:1.3rem}.compare-bar__actions{display:flex;align-items:center;gap:1.2rem}.compare-bar__actions [data-compare-bar-open]:disabled{opacity:.5;cursor:not-allowed}.compare-bar__clear{background:none;border:none;color:inherit;text-decoration:underline;cursor:pointer;font-size:1.3rem}.compare-modal:not([open]){visibility:hidden}.compare-modal[open]{visibility:visible}.compare-modal__dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.96);width:min(90rem,94vw);max-height:88vh;overflow-y:auto;background:rgb(var(--color-background));color:rgb(var(--color-text));border-radius:var(--popup-corner-radius, 4px);box-shadow:0 8px 24px rgba(var(--color-shadow),.15);padding:3.2rem;opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-standard);z-index:var(--z-index-drawer)}.compare-modal[open] .compare-modal__dialog{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.compare-modal__close{position:absolute;top:1.2rem;right:1.2rem;display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;background:none;border:none;cursor:pointer}.compare-modal__heading{margin:0 0 2rem;font-size:2rem}.compare-modal__table-wrap{overflow-x:auto}.compare-modal__table{width:100%;border-collapse:collapse}.compare-modal__table th,.compare-modal__table td{padding:1.2rem;border-bottom:1px solid rgba(var(--color-border),.4);vertical-align:middle;text-align:left}.compare-modal__table th[scope=row]{font-weight:600;white-space:nowrap}.compare-modal__table img{width:100%;max-width:15rem;height:auto;border-radius:var(--card-corner-radius, 0)}.compare-modal__remove{padding:.6rem 1.2rem;border:1px solid rgba(var(--color-border),.4);border-radius:var(--buttons-radius, 0);background:none;color:rgb(var(--color-text));cursor:pointer}
/*# sourceMappingURL=/cdn/shop/t/24/assets/component-compare.css.map */