:root{--ic-cmp-primary: var(--color-button, #212121);--ic-cmp-primary-text: var(--color-button-text, #ffffff);--ic-cmp-accent: #4f46e5;--ic-cmp-accent-light: rgba(79, 70, 229, .08);--ic-cmp-accent-border: rgba(79, 70, 229, .3);--ic-cmp-danger: #dc2626;--ic-cmp-success: #16a34a;--ic-cmp-surface: #ffffff;--ic-cmp-surface-2: #f8f9fa;--ic-cmp-border: #e5e7eb;--ic-cmp-text: #111827;--ic-cmp-text-muted: #6b7280;--ic-cmp-text-light: #9ca3af;--ic-cmp-radius: 12px;--ic-cmp-radius-sm: 8px;--ic-cmp-shadow: 0 20px 60px rgba(0,0,0,.14), 0 4px 16px rgba(0,0,0,.08);--ic-cmp-shadow-sm: 0 2px 8px rgba(0,0,0,.1);--ic-cmp-drawer-width: 960px;--ic-cmp-bar-height: 68px;--ic-cmp-z-toggle: 10;--ic-cmp-z-bar: 400;--ic-cmp-z-drawer: 500;--ic-cmp-z-overlay: 490;--ic-cmp-z-toast: 600;--ic-cmp-transition: .28s cubic-bezier(.4, 0, .2, 1)}.ic-cmp-toggle,.ic-cmp-toggle:before,.ic-cmp-toggle:after{box-sizing:border-box;margin:0;line-height:1;text-align:left;text-transform:none;text-decoration:none;vertical-align:baseline;-webkit-appearance:none;appearance:none}.ic-cmp-toggle:before,.ic-cmp-toggle:after{display:none!important;content:none!important;background-image:none!important;width:0!important;height:0!important}.ic-cmp-toggle{background-image:none!important;-webkit-mask-image:none!important;mask-image:none!important}.ic-cmp-toggle{position:absolute;top:10px;right:10px;z-index:var(--ic-cmp-z-toggle);display:flex!important;align-items:center;gap:6px;padding:5px 10px 5px 7px;border-radius:20px;border:1.5px solid var(--ic-cmp-border)!important;background:var(--ic-cmp-surface)!important;cursor:pointer;font-family:inherit;font-size:.72rem;font-weight:600;color:var(--ic-cmp-text-muted)!important;letter-spacing:.01em;white-space:nowrap;box-shadow:var(--ic-cmp-shadow-sm);min-width:0;width:auto;height:auto;transition:border-color var(--ic-cmp-transition),background var(--ic-cmp-transition),color var(--ic-cmp-transition),box-shadow var(--ic-cmp-transition),opacity var(--ic-cmp-transition);opacity:0;pointer-events:none}@media(max-width:749px){.ic-cmp-toggle{opacity:1;pointer-events:auto;padding:4px 8px 4px 6px;font-size:.68rem}}.card-wrapper:hover .ic-cmp-toggle,.product-card-wrapper:hover .ic-cmp-toggle{opacity:1;pointer-events:auto}.ic-cmp-toggle[aria-pressed=true]{opacity:1!important;pointer-events:auto!important;border-color:var(--ic-cmp-accent);background:var(--ic-cmp-accent-light);color:var(--ic-cmp-accent);box-shadow:0 0 0 3px #4f46e51f,var(--ic-cmp-shadow-sm)}.ic-cmp-toggle:hover:not([aria-pressed=true]){border-color:#d1d5db;background:#f9fafb;color:var(--ic-cmp-text)}.ic-cmp-toggle__box{width:14px;height:14px;border-radius:4px;border:1.5px solid currentColor;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:background var(--ic-cmp-transition),border-color var(--ic-cmp-transition)}.ic-cmp-toggle[aria-pressed=true] .ic-cmp-toggle__box{background:var(--ic-cmp-accent);border-color:var(--ic-cmp-accent)}.ic-cmp-toggle__check{display:none;width:9px;height:9px;stroke:#fff;stroke-width:2.5;fill:none}.ic-cmp-toggle[aria-pressed=true] .ic-cmp-toggle__check{display:block}.ic-cmp-toggle__label{line-height:1}.ic-cmp-bar{position:fixed;bottom:0;left:0;right:0;z-index:var(--ic-cmp-z-bar);height:var(--ic-cmp-bar-height);background:var(--ic-cmp-surface);border-top:1px solid var(--ic-cmp-border);box-shadow:0 -4px 24px #0000001a;display:flex;align-items:center;padding:0 1.5rem;gap:1rem;transform:translateY(100%);transition:transform .32s cubic-bezier(.4,0,.2,1);will-change:transform}.ic-cmp-bar.is-visible{transform:translateY(0)}.ic-cmp-bar__slots{display:flex;gap:.6rem;flex:1;overflow:hidden}.ic-cmp-bar__slot{display:flex;align-items:center;gap:.5rem;padding:6px 8px 6px 6px;border-radius:var(--ic-cmp-radius-sm);border:1.5px solid var(--ic-cmp-border);background:var(--ic-cmp-surface-2);min-width:0;flex:1;max-width:200px;animation:ic-cmp-slot-in .22s cubic-bezier(.34,1.56,.64,1) both}@keyframes ic-cmp-slot-in{0%{opacity:0;transform:translateY(8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.ic-cmp-bar__slot-img{width:36px;height:36px;border-radius:6px;object-fit:cover;flex-shrink:0;background:var(--ic-cmp-border)}.ic-cmp-bar__slot-title{font-size:.72rem;font-weight:600;color:var(--ic-cmp-text);line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0;flex:1}.ic-cmp-bar__slot-remove{width:18px;height:18px;border-radius:50%;border:none;background:var(--ic-cmp-border);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;transition:background var(--ic-cmp-transition)}.ic-cmp-bar__slot-remove:hover{background:#fca5a5}.ic-cmp-bar__slot-remove svg{width:10px;height:10px;stroke:var(--ic-cmp-text-muted);stroke-width:2.5;fill:none}.ic-cmp-bar__slot-remove:hover svg{stroke:var(--ic-cmp-danger)}.ic-cmp-bar__empty-slot{display:flex;align-items:center;justify-content:center;width:50px;height:48px;border-radius:var(--ic-cmp-radius-sm);border:1.5px dashed var(--ic-cmp-border);flex-shrink:0}.ic-cmp-bar__empty-slot svg{width:16px;height:16px;stroke:var(--ic-cmp-text-light);stroke-width:1.5;fill:none}.ic-cmp-bar__actions{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.ic-cmp-bar__count{font-size:.78rem;color:var(--ic-cmp-text-muted);white-space:nowrap}.ic-cmp-bar__compare-btn{height:40px;padding:0 1.2rem;border-radius:20px;border:none;background:var(--ic-cmp-accent);color:#fff;font-size:.82rem;font-weight:700;cursor:pointer;letter-spacing:.01em;white-space:nowrap;transition:background var(--ic-cmp-transition),transform .15s ease,opacity var(--ic-cmp-transition)}.ic-cmp-bar__compare-btn:hover{background:#4338ca}.ic-cmp-bar__compare-btn:active{transform:scale(.97)}.ic-cmp-bar__compare-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.ic-cmp-bar__clear-btn{height:36px;padding:0 .9rem;border-radius:20px;border:1.5px solid var(--ic-cmp-border);background:transparent;color:var(--ic-cmp-text-muted);font-size:.78rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:border-color var(--ic-cmp-transition),color var(--ic-cmp-transition)}.ic-cmp-bar__clear-btn:hover{border-color:var(--ic-cmp-danger);color:var(--ic-cmp-danger)}@media(max-width:749px){.ic-cmp-bar{height:auto;padding:.75rem 1rem;flex-wrap:wrap;gap:.6rem}.ic-cmp-bar__slots{order:1;width:100%;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.ic-cmp-bar__slots::-webkit-scrollbar{display:none}.ic-cmp-bar__slot{flex-shrink:0;max-width:160px}.ic-cmp-bar__actions{order:2;width:100%;justify-content:flex-end}}.ic-cmp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--ic-cmp-z-overlay);background:#00000073;opacity:0;pointer-events:none;transition:opacity var(--ic-cmp-transition);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.ic-cmp-overlay.is-visible{opacity:1;pointer-events:auto}.ic-cmp-drawer{position:fixed;top:0;right:0;bottom:0;z-index:var(--ic-cmp-z-drawer);width:min(var(--ic-cmp-drawer-width),96vw);background:var(--ic-cmp-surface);box-shadow:var(--ic-cmp-shadow);display:flex;flex-direction:column;transform:translate(100%);transition:transform .32s cubic-bezier(.4,0,.2,1);will-change:transform;overflow:hidden}.ic-cmp-drawer.is-open{transform:translate(0)}@media(max-width:749px){.ic-cmp-drawer{width:100%;top:0}}.ic-cmp-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.6rem;border-bottom:1px solid var(--ic-cmp-border);flex-shrink:0;gap:1rem}.ic-cmp-drawer__title{font-size:1.05rem;font-weight:700;color:var(--ic-cmp-text);margin:0}.ic-cmp-drawer__header-actions{display:flex;align-items:center;gap:.75rem}.ic-cmp-drawer__diff-toggle{display:flex;align-items:center;gap:.5rem;font-size:.78rem;font-weight:600;color:var(--ic-cmp-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.ic-cmp-drawer__diff-toggle input[type=checkbox]{appearance:none;-webkit-appearance:none;width:34px;height:20px;border-radius:10px;background:var(--ic-cmp-border);position:relative;cursor:pointer;transition:background var(--ic-cmp-transition);flex-shrink:0}.ic-cmp-drawer__diff-toggle input[type=checkbox]:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform var(--ic-cmp-transition);box-shadow:0 1px 3px #0003}.ic-cmp-drawer__diff-toggle input[type=checkbox]:checked{background:var(--ic-cmp-accent)}.ic-cmp-drawer__diff-toggle input[type=checkbox]:checked:after{transform:translate(14px)}.ic-cmp-drawer__close{width:36px;height:36px;border-radius:50%;border:1.5px solid var(--ic-cmp-border);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--ic-cmp-transition),border-color var(--ic-cmp-transition);flex-shrink:0}.ic-cmp-drawer__close:hover{background:#f3f4f6;border-color:#d1d5db}.ic-cmp-drawer__close svg{width:16px;height:16px;stroke:var(--ic-cmp-text);stroke-width:2;fill:none}.ic-cmp-login-gate{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;gap:1rem;flex:1}.ic-cmp-login-gate__icon{width:56px;height:56px;border-radius:50%;background:var(--ic-cmp-accent-light);display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.ic-cmp-login-gate__icon svg{width:26px;height:26px;stroke:var(--ic-cmp-accent);stroke-width:1.8;fill:none}.ic-cmp-login-gate__title{font-size:1.15rem;font-weight:700;color:var(--ic-cmp-text);margin:0}.ic-cmp-login-gate__body{font-size:.9rem;color:var(--ic-cmp-text-muted);line-height:1.6;max-width:340px;margin:0}.ic-cmp-login-gate__actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;margin-top:.5rem}.ic-cmp-login-gate__btn{height:44px;padding:0 1.5rem;border-radius:22px;font-size:.88rem;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;transition:background var(--ic-cmp-transition),border-color var(--ic-cmp-transition)}.ic-cmp-login-gate__btn--primary{background:var(--ic-cmp-accent);color:#fff;border:none}.ic-cmp-login-gate__btn--primary:hover{background:#4338ca}.ic-cmp-login-gate__btn--outline{background:transparent;color:var(--ic-cmp-text);border:1.5px solid var(--ic-cmp-border)}.ic-cmp-login-gate__btn--outline:hover{border-color:#9ca3af;background:#f9fafb}.ic-cmp-login-gate__perks{display:flex;flex-direction:column;gap:.4rem;margin-top:.75rem}.ic-cmp-login-gate__perk{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:var(--ic-cmp-text-muted)}.ic-cmp-login-gate__perk svg{width:14px;height:14px;stroke:var(--ic-cmp-success);stroke-width:2.5;fill:none;flex-shrink:0}.ic-cmp-drawer__body{flex:1;overflow:auto;overscroll-behavior:contain}.ic-cmp-table-wrap{min-width:500px}.ic-cmp-table{display:grid;grid-template-columns:160px repeat(var(--ic-cmp-cols, 2),1fr);border-collapse:collapse}@media(max-width:749px){.ic-cmp-table{grid-template-columns:110px repeat(var(--ic-cmp-cols, 2),1fr)}}.ic-cmp-table__label-col{position:sticky;left:0;background:var(--ic-cmp-surface-2);z-index:2;border-right:1px solid var(--ic-cmp-border)}.ic-cmp-table__head{display:contents}.ic-cmp-table__head-label{background:var(--ic-cmp-surface-2);border-bottom:1px solid var(--ic-cmp-border);padding:1rem .75rem;display:flex;align-items:center}.ic-cmp-table__product-card{padding:1rem .75rem;border-bottom:1px solid var(--ic-cmp-border);border-left:1px solid var(--ic-cmp-border);display:flex;flex-direction:column;gap:.75rem;position:relative}.ic-cmp-table__product-img-wrap{position:relative;padding-bottom:100%;background:var(--ic-cmp-surface-2);border-radius:var(--ic-cmp-radius-sm);overflow:hidden}.ic-cmp-table__product-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:8px}.ic-cmp-table__product-remove{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--ic-cmp-border);background:var(--ic-cmp-surface);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--ic-cmp-transition);z-index:1}.ic-cmp-table__product-remove:hover{background:#fee2e2;border-color:#fca5a5}.ic-cmp-table__product-remove svg{width:12px;height:12px;stroke:var(--ic-cmp-text-muted);stroke-width:2.5;fill:none}.ic-cmp-table__product-remove:hover svg{stroke:var(--ic-cmp-danger)}.ic-cmp-table__product-title{font-size:.82rem;font-weight:700;color:var(--ic-cmp-text);text-decoration:none;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ic-cmp-table__product-title:hover{color:var(--ic-cmp-accent)}.ic-cmp-table__product-price{display:flex;align-items:baseline;gap:.4rem;flex-wrap:wrap}.ic-cmp-table__price-current{font-size:.95rem;font-weight:700;color:var(--ic-cmp-text)}.ic-cmp-table__price-compare{font-size:.78rem;color:var(--ic-cmp-text-light);text-decoration:line-through}.ic-cmp-table__price-badge{font-size:.68rem;font-weight:700;color:var(--ic-cmp-danger);background:#dc262614;border-radius:4px;padding:1px 5px}.ic-cmp-badge{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:600;padding:3px 8px;border-radius:12px;white-space:nowrap}.ic-cmp-badge--in-stock{background:#16a34a1a;color:var(--ic-cmp-success)}.ic-cmp-badge--oos{background:#6b72801a;color:var(--ic-cmp-text-muted)}.ic-cmp-badge--preorder{background:#4f46e51a;color:var(--ic-cmp-accent)}.ic-cmp-badge__dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.ic-cmp-stars{display:flex;align-items:center;gap:4px}.ic-cmp-stars__icons{display:flex;gap:1px}.ic-cmp-stars__icon{width:12px;height:12px;fill:#fbbf24;stroke:#fbbf24}.ic-cmp-stars__icon--empty{fill:var(--ic-cmp-border);stroke:var(--ic-cmp-border)}.ic-cmp-stars__count{font-size:.72rem;color:var(--ic-cmp-text-muted)}.ic-cmp-table__product-actions{display:flex;flex-direction:column;gap:.4rem;margin-top:auto}.ic-cmp-table__btn{height:36px;width:100%;border-radius:var(--ic-cmp-radius-sm);font-size:.78rem;font-weight:700;cursor:pointer;text-align:center;text-decoration:none;display:flex;align-items:center;justify-content:center;transition:background var(--ic-cmp-transition),opacity var(--ic-cmp-transition)}.ic-cmp-table__btn--atc{background:var(--ic-cmp-primary);color:var(--ic-cmp-primary-text);border:none}.ic-cmp-table__btn--atc:hover:not(:disabled){opacity:.88}.ic-cmp-table__btn--atc:disabled{background:var(--ic-cmp-border);color:var(--ic-cmp-text-muted);cursor:not-allowed}.ic-cmp-table__btn--view{background:transparent;color:var(--ic-cmp-text);border:1.5px solid var(--ic-cmp-border)}.ic-cmp-table__btn--view:hover{border-color:#9ca3af;background:#f9fafb}.ic-cmp-table__btn--notify{background:transparent;color:var(--ic-cmp-accent);border:1.5px solid var(--ic-cmp-accent-border)}.ic-cmp-table__btn--notify:hover{background:var(--ic-cmp-accent-light)}.ic-cmp-row{display:contents}.ic-cmp-row__label,.ic-cmp-row__cell{padding:.65rem .75rem;font-size:.8rem;border-bottom:1px solid var(--ic-cmp-border);line-height:1.45;display:flex;align-items:center}.ic-cmp-row__label{font-weight:600;color:var(--ic-cmp-text-muted);background:var(--ic-cmp-surface-2);font-size:.76rem;letter-spacing:.01em;position:sticky;left:0;z-index:1}.ic-cmp-row__cell{color:var(--ic-cmp-text);border-left:1px solid var(--ic-cmp-border)}.ic-cmp-row--diff .ic-cmp-row__cell{background:#4f46e50a}.ic-cmp-row--diff .ic-cmp-row__label{background:#4f46e514;color:var(--ic-cmp-accent)}.ic-cmp-row__cell--empty{color:var(--ic-cmp-text-light)}.ic-cmp-row--same-hidden{display:none}.ic-cmp-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8,#f0f0f0 75%);background-size:200% 100%;animation:ic-cmp-shimmer 1.4s ease infinite;border-radius:4px}@keyframes ic-cmp-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ic-cmp-toast{position:fixed;bottom:calc(var(--ic-cmp-bar-height) + 16px);left:50%;transform:translate(-50%) translateY(20px);z-index:var(--ic-cmp-z-toast);background:#1f2937;color:#fff;font-size:.84rem;font-weight:600;padding:10px 18px;border-radius:24px;box-shadow:0 4px 20px #00000040;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.ic-cmp-toast.is-visible{opacity:1;transform:translate(-50%) translateY(0)}body.ic-cmp-drawer-open{overflow:hidden}.ic-cmp-body-spacer{height:0;transition:height .32s cubic-bezier(.4,0,.2,1)}.ic-cmp-body-spacer.is-active{height:var(--ic-cmp-bar-height)}@media(max-width:749px){.ic-cmp-body-spacer.is-active{height:calc(var(--ic-cmp-bar-height) + 20px)}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/ic-compare.css.map */