.compare-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:-webkit-fill-available;background:transparent;border:1.5px solid rgba(var(--color-foreground),.35);border-radius:3px;color:rgb(var(--color-foreground));font-size:1.25rem;font-weight:600;letter-spacing:.02em;line-height:1;padding:.7rem 1.4rem;cursor:pointer;transition:background .18s,border-color .18s,color .18s;margin:.8rem auto 6px}.compare-toggle:hover{border-color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.06)}.compare-toggle:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.compare-toggle.is-active{background:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.compare-toggle.is-active:hover{opacity:.9}.compare-toggle__icon{flex:0 0 auto;width:1.5rem;height:1.5rem}.compare-toggle__label{white-space:nowrap}.compare-tray{position:fixed;left:0;right:0;bottom:0;z-index:6;transform:translateY(120%);transition:transform .25s ease;pointer-events:none}.compare-tray.is-visible{transform:translateY(0);pointer-events:auto}.compare-tray__inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;max-width:120rem;margin:0 auto;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.12);box-shadow:0 -2px 16px #0000001f;border-radius:12px 12px 0 0;padding:1rem 1.5rem}.compare-tray__items{display:flex;gap:.8rem;flex-wrap:wrap}.compare-tray__item{position:relative;width:5rem;height:5rem;border:1px solid rgba(var(--color-foreground),.12);border-radius:8px;overflow:hidden;background:#fff}.compare-tray__item img{width:100%;height:100%;object-fit:contain}.compare-tray__noimg{display:block;width:100%;height:100%;background:rgba(var(--color-foreground),.06)}.compare-tray__remove{position:absolute;top:-.4rem;right:-.4rem;width:1.8rem;height:1.8rem;border:none;border-radius:50%;background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:1.3rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.compare-tray__actions{display:flex;align-items:center;gap:1rem}.compare-tray__clear{background:none;border:none;text-decoration:underline;cursor:pointer;color:rgb(var(--color-foreground));font-size:1.3rem}.compare-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:none}.compare-modal.is-open{display:block}.compare-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080}.compare-modal__dialog{position:absolute;inset:auto 50% auto 50%;top:50%;transform:translate(-50%,-50%);width:min(96vw,110rem);max-height:90vh;background:rgb(var(--color-background));border-radius:12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 40px #0000004d}.compare-modal__head{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid rgba(var(--color-foreground),.12)}.compare-modal__title{margin:0;font-size:1.8rem}.compare-modal__close{background:none;border:none;font-size:2.6rem;line-height:1;cursor:pointer;color:rgb(var(--color-foreground))}.compare-modal__scroll{overflow:auto;-webkit-overflow-scrolling:touch}html.compare-modal-open{overflow:hidden}.compare-table{width:100%;border-collapse:collapse;min-width:60rem}.compare-table th,.compare-table td{border:1px solid rgba(var(--color-foreground),.12);padding:1.2rem;text-align:center;vertical-align:middle;font-size:1.4rem}.compare-table th[scope=row]{text-align:left;font-weight:600;background:rgba(var(--color-foreground),.04);position:sticky;left:0;z-index:1;min-width:10rem}.compare-col--label{width:12rem}.compare-cell--image{position:relative;height:14rem}.compare-cell--image img{max-width:100%;max-height:12rem;object-fit:contain}.compare-modal__remove{position:absolute;top:.5rem;right:.5rem;width:2rem;height:2rem;border:none;border-radius:50%;background:rgba(var(--color-foreground),.1);cursor:pointer;font-size:1.4rem;line-height:1}.compare-cell--title a{font-weight:600;color:rgb(var(--color-foreground));text-decoration:none}.compare-cell--title a:hover{text-decoration:underline}.compare-badge{display:inline-block;padding:.3rem .8rem;border-radius:4px;font-size:1.2rem}.compare-badge--in{background:#e6f4ea;color:#1a7f37}.compare-badge--out{background:#fdeaea;color:#c62828}.compare-notify{position:fixed;left:50%;bottom:12rem;transform:translate(-50%) translateY(1rem);background:rgb(var(--color-foreground));color:rgb(var(--color-background));padding:1rem 1.6rem;border-radius:8px;font-size:1.3rem;z-index:30;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.compare-notify.is-visible{opacity:1;transform:translate(-50%) translateY(0)}@media screen and (max-width:749px){.compare-toggle{font-size:1.15rem;padding:.7rem 1.1rem;gap:.4rem;margin-top:.6rem;min-height:3.4rem;width:100%}.compare-toggle__icon{width:1.4rem;height:1.4rem}.compare-tray{bottom:calc(50px + env(safe-area-inset-bottom,0px))}.compare-tray__inner{border-radius:0;gap:1rem;padding:.9rem 1.2rem;flex-wrap:nowrap;border-bottom:1px solid rgba(var(--color-foreground),.12)}.compare-tray__items{gap:.6rem;overflow-x:auto;-webkit-overflow-scrolling:touch;flex:1 1 auto}.compare-tray__item{width:4.4rem;height:4.4rem;flex:0 0 auto}.compare-tray__actions{flex:0 0 auto;flex-direction:column;gap:.5rem;align-items:stretch}.compare-tray__open{padding:.9rem 1.4rem;font-size:1.3rem;white-space:nowrap}.compare-tray__clear{font-size:1.2rem}.compare-modal{z-index:100000}.compare-modal__dialog{width:100vw;height:100dvh;max-height:100dvh;border-radius:0;top:0;right:0;bottom:0;left:0;transform:none}.compare-modal__head{padding:1.2rem 1.5rem;padding-top:calc(1.2rem + env(safe-area-inset-top,0px))}.compare-modal__title{font-size:1.6rem}.compare-modal__scroll{height:calc(100dvh - 6rem)}.compare-table{min-width:0}.compare-table th,.compare-table td{padding:.9rem .7rem;font-size:1.25rem}.compare-col--label{width:8.5rem}.compare-table th[scope=row]{min-width:8.5rem;font-size:1.2rem;padding:.9rem .8rem}.compare-cell--image{height:10rem}.compare-cell--image img{max-height:8.5rem}.compare-cell--title a{font-size:1.25rem}.compare-badge{font-size:1.1rem;padding:.25rem .6rem}.compare-notify{bottom:20rem;font-size:1.25rem;width:calc(100% - 3rem);max-width:34rem;text-align:center}}@media screen and (max-width:389px){.compare-toggle{font-size:1.05rem;padding:.6rem .8rem}.compare-table th,.compare-table td{padding:.7rem .5rem;font-size:1.15rem}.compare-col--label{width:7rem}.compare-table th[scope=row]{min-width:7rem}}
/*# sourceMappingURL=/cdn/shop/t/584/assets/compare.css.map */