.sa-compare-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--sa-z-lightbox, 9999);display:none;align-items:center;justify-content:center;padding:40px}.sa-compare-modal.is-open{display:flex}.sa-compare-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0}.sa-compare-modal__body{position:relative;width:100%;max-width:1200px;max-height:calc(100vh - 80px);display:flex;flex-direction:column;background:var(--sa-dark-card);border:1px solid var(--sa-stroke-soft);border-radius:20px;overflow:hidden}.sa-compare-modal__close{position:absolute;top:14px;right:14px;z-index:5;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border:none;border-radius:50%;color:#ffffff8c;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:color .2s ease,background .2s ease}.sa-compare-modal__close:hover{color:var(--sa-fg-soft);background:var(--sa-tint-soft)}.sa-compare-modal__close:focus-visible,.sa-compare-modal__tab:focus-visible,.sa-cmp__play:focus-visible,.sa-cmp__dropdown-item:focus-visible,.sa-cmp__pill:focus-visible,.sa-cmp__tile:focus-visible,.sa-cmp__tile-learn:focus-visible{outline:2px solid var(--sa-btn-bg);outline-offset:2px}.sa-compare-modal__tabs{display:flex;gap:4px;padding:14px 20px 0;flex-shrink:0}.sa-compare-modal__tab{-webkit-appearance:none;appearance:none;border:none;background:transparent;color:var(--sa-fg-muted);font-size:14px;font-weight:500;padding:8px 16px;border-radius:8px;cursor:pointer;transition:color .2s,background .2s}.sa-compare-modal__tab:hover{color:var(--sa-fg)}.sa-compare-modal__tab.is-active{color:var(--sa-fg);background:var(--sa-tint)}.sa-compare-modal__content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.sa-compare-modal__specs{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:0 16px 16px}.sa-cmp-specs__head{flex-shrink:0;padding:16px 48px 16px 6px}.sa-cmp-specs__title{font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--sa-fg)}.sa-cmp-specs__scroll{flex:1;min-height:0;overflow:auto;border:1px solid var(--sa-stroke-soft);border-radius:12px;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.32) rgba(255,255,255,.06)}.sa-cmp-specs__scroll::-webkit-scrollbar{width:14px;height:14px}.sa-cmp-specs__scroll::-webkit-scrollbar-track{background:#ffffff0a;border-radius:10px;margin:4px}.sa-cmp-specs__scroll::-webkit-scrollbar-thumb{background:#ffffff42;border-radius:10px;border:4px solid transparent;background-clip:padding-box}.sa-cmp-specs__scroll::-webkit-scrollbar-thumb:hover{background:#ffffff6b;background-clip:padding-box}.sa-cmp-specs__scroll::-webkit-scrollbar-corner{background:transparent}.sa-cmp-specs__table{border-collapse:separate;border-spacing:0;font-size:14px}.sa-cmp-specs__table th,.sa-cmp-specs__table td{padding:10px 16px;text-align:center;border-bottom:1px solid var(--sa-stroke-soft);white-space:nowrap}.sa-cmp-specs__corner{text-align:left;position:sticky;left:0;top:0;background:var(--sa-dark-card);z-index:3}.sa-cmp-specs__bass-name{font-weight:600;color:var(--sa-fg);font-size:13px;position:sticky;top:0;background:var(--sa-dark-card);z-index:1;min-width:110px}.sa-cmp-specs__label{text-align:left;color:var(--sa-fg-muted);font-weight:400;white-space:nowrap;position:sticky;left:0;background:var(--sa-dark-card);z-index:1}.sa-cmp-specs__val{color:var(--sa-fg);font-weight:500}.sa-cmp-specs__na{color:#ffffff29}.sa-cmp-specs__table tbody tr:hover:not(.sa-cmp-specs__divider) td{background:var(--sa-tint-soft)}.sa-cmp-specs__table tbody tr:hover:not(.sa-cmp-specs__divider) td.sa-cmp-specs__label{background:var(--sa-dark-card-raised);color:var(--sa-fg)}.sa-cmp-specs__table .is-col-active:not(.sa-cmp-specs__label):not(.sa-cmp-specs__corner):not(.sa-cmp-specs__bass-name){background:var(--sa-tint-soft)}.sa-cmp-specs__table tbody tr:hover:not(.sa-cmp-specs__divider) .is-col-active{background:var(--sa-tint)}.sa-cmp-specs__divider td{padding:20px 16px 8px;border-bottom:1px solid var(--sa-stroke)}.sa-cmp-specs__divider-label{font-size:12px;font-weight:600;color:var(--sa-fg-muted);text-transform:uppercase;letter-spacing:.05em;text-align:left;position:sticky;left:0;background:var(--sa-dark-card);z-index:1}@media(max-width:734px){.sa-compare-modal{padding:12px;padding-top:max(12px,env(safe-area-inset-top,12px));align-items:flex-start}.sa-compare-modal__body{border-radius:16px;max-height:calc(100vh - max(24px,env(safe-area-inset-top,12px) + 12px));max-height:calc(100dvh - max(24px,env(safe-area-inset-top,12px) + 12px))}}.sa-cmp__bar{display:flex;align-items:center;gap:10px;padding:12px 52px 12px 16px;background:var(--sa-dark-card);border-bottom:1px solid var(--sa-stroke-soft);flex-shrink:0;position:relative;z-index:2}.sa-cmp__scroll-region{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;overflow:clip}.sa-cmp__scroll-wrap{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.sa-cmp__scroll-wrap::-webkit-scrollbar{display:none}.sa-cmp__scrollbar{position:absolute;top:4px;bottom:4px;right:3px;width:5px;border-radius:3px;pointer-events:none;opacity:0;transition:opacity .25s ease}.sa-cmp__scroll-region.has-overflow .sa-cmp__scrollbar{opacity:1}.sa-cmp__scrollbar-thumb{position:absolute;top:0;left:0;right:0;min-height:28px;background:#ffffff2e;border-radius:3px;transition:background .15s ease;pointer-events:auto;cursor:grab}.sa-cmp__scrollbar-thumb:hover,.sa-cmp__scrollbar-thumb.is-dragging{background:#ffffff47}.sa-cmp__scrollbar-thumb.is-dragging{cursor:grabbing}.sa-cmp__now{display:flex;align-items:center;gap:10px;margin-right:auto}.sa-cmp__now-label{font-size:17px;font-weight:500;color:var(--sa-fg);white-space:nowrap;letter-spacing:-.022em;line-height:1.47}.sa-cmp__play{-webkit-appearance:none;appearance:none;width:48px;height:48px;border-radius:50%;border:none;background:#fff;color:var(--sa-dark-bg);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.sa-cmp__play:hover{background:#ffffffd9}.sa-cmp__play-ic--play{display:flex;align-items:center;justify-content:center;width:22px;height:22px}.sa-cmp__play-ic--play svg{display:block;width:100%;height:100%}.sa-cmp__play-ic--pause{display:none;width:22px;height:22px}.sa-cmp__play-ic--pause svg{display:block;width:100%;height:100%}.sa-cmp__play.is-playing .sa-cmp__play-ic--play{display:none}.sa-cmp__play.is-playing .sa-cmp__play-ic--pause{display:block}.sa-cmp__play-spin,.sa-cmp__play.is-loading .sa-cmp__play-ic--play{display:none}.sa-cmp__play.is-loading .sa-cmp__play-spin{display:block;width:20px;height:20px;border:2px solid var(--sa-stroke-light);border-top-color:var(--sa-dark-bg);border-radius:50%;animation:sa-cmp-spin .6s linear infinite}@keyframes sa-cmp-spin{to{transform:rotate(360deg)}}.sa-cmp__dropdown{display:flex;gap:4px;padding:4px;border-radius:9999px;background:#0000001a;box-shadow:0 1px 3px #0003 inset,0 0 0 1px #0000001a inset,0 1px #ffffff08}.sa-cmp__dropdown-item{-webkit-appearance:none;appearance:none;border:0;background:transparent;color:var(--sa-fg-dim);font:inherit;font-size:14px;font-weight:500;line-height:1.29;letter-spacing:-.016em;padding:6px 12px;border-radius:9999px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-align:center;transition:background .15s,color .15s;white-space:nowrap}.sa-cmp__dropdown-item:hover{color:var(--sa-fg-soft)}.sa-cmp__dropdown-item.is-active{color:var(--sa-dark-bg);background:var(--sa-fg)}.sa-cmp__pills{display:flex;gap:4px;padding:4px;border-radius:9999px;background:#0000001a;box-shadow:0 1px 3px #0003 inset,0 0 0 1px #0000001a inset,0 1px #ffffff08}.sa-cmp__pill{-webkit-appearance:none;appearance:none;border:0;background:transparent;color:var(--sa-fg-dim);font:inherit;font-size:14px;font-weight:600;line-height:1.29;letter-spacing:-.016em;padding:6px 12px;border-radius:9999px;cursor:pointer;transition:color .15s,background .15s;position:relative}.sa-cmp__pill:hover{color:var(--sa-fg-soft)}.sa-cmp__pill.is-active{background:var(--sa-tint);color:var(--sa-fg-secondary)}.sa-cmp__pill-spin{display:none}.sa-cmp__pill.is-loading .sa-cmp__pill-label{opacity:.4}.sa-cmp__pill.is-loading .sa-cmp__pill-spin{display:inline-block;width:12px;height:12px;border:1.5px solid var(--sa-stroke-strong);border-top-color:var(--sa-fg);border-radius:50%;animation:sa-cmp-spin .6s linear infinite;margin-left:6px;vertical-align:middle}.sa-cmp__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:16px 16px 32px}.sa-cmp__tile-shell{position:relative;min-width:0}.sa-cmp__tile{-webkit-appearance:none;appearance:none;width:100%;min-height:140px;border:1px solid var(--sa-stroke-soft);background:var(--sa-tint-soft);border-radius:10px;padding:18px 12px 14px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transition:border-color .1s,background .1s,box-shadow .15s;position:relative;overflow:hidden}@media(hover:hover){.sa-cmp__tile:hover{border-color:var(--sa-stroke);background:var(--sa-tint-soft)}}.sa-cmp__tile.is-active{border-color:#8a76f480;background:#8a76f414}.sa-cmp__tile.is-active.is-playing{border-color:#8a76f48c;box-shadow:0 0 14px #8a76f41a}.sa-cmp__tile.is-active .sa-cmp__tile-img{filter:brightness(1.12)}.sa-cmp__tile.is-loading{opacity:.5}.sa-cmp__tile.is-queued{opacity:.3}.sa-cmp__tile.is-error{opacity:1;cursor:default;pointer-events:none;background:#ffffff04;border-color:#ffffff08}.sa-cmp__tile.is-error .sa-cmp__tile-img{filter:grayscale(1) brightness(.4)}.sa-cmp__tile.is-error .sa-cmp__tile-name{color:#ffffff40}.sa-cmp__tile.is-error .sa-cmp__tile-meta{color:#ffffff2e}.sa-cmp__tile.is-error .sa-cmp__tile-spin{display:none}.sa-cmp__tile.is-error:after{content:"Audio unavailable";font-size:12px;font-weight:500;line-height:1.33;letter-spacing:-.01em;color:#fff3;text-transform:uppercase}.sa-cmp__tile-progress{position:absolute;bottom:1px;left:4px;right:4px;height:2px;background:#8a76f48c;transform-origin:left;transform:scaleX(0);width:calc(100% - 8px);border-radius:1px;pointer-events:none}.sa-cmp__eyebrow{font-size:12px;font-weight:600;line-height:1.33;letter-spacing:.012em;text-transform:uppercase;color:#ffffff2e;padding:12px 16px 2px}.sa-cmp__tile-img{width:100%;max-height:80px;object-fit:contain;pointer-events:none;-webkit-user-drag:none;transition:filter .15s}.sa-cmp__tile-name{font-size:14px;font-weight:500;line-height:1.29;letter-spacing:-.016em;color:var(--sa-fg-secondary);text-align:center;transition:color .15s}.sa-cmp__tile.is-active .sa-cmp__tile-name{color:var(--sa-fg)}.sa-cmp__tile-meta{font-size:12px;font-weight:500;line-height:1.25;letter-spacing:-.01em;color:var(--sa-fg-dim);text-align:center;max-width:18em}.sa-cmp__tile.is-active .sa-cmp__tile-meta{color:var(--sa-fg-soft)}.sa-cmp__tile-spin{display:none}.sa-cmp__tile.is-loading .sa-cmp__tile-spin{display:block;width:14px;height:14px;border:1.5px solid var(--sa-stroke);border-top-color:#8a76f480;border-radius:50%;animation:sa-cmp-spin .6s linear infinite}.sa-cmp__tile-ic{position:absolute;top:10px;left:10px;display:flex;align-items:center;justify-content:center;color:var(--sa-fg-secondary);opacity:0;transition:opacity .12s;pointer-events:none}.sa-cmp__tile-ic svg{width:14px;height:14px}.sa-cmp__tile-ic--play{display:block}.sa-cmp__tile-ic--pause{display:none}@media(hover:hover){.sa-cmp__tile:hover .sa-cmp__tile-ic{opacity:1}}.sa-cmp__tile.is-active .sa-cmp__tile-ic{opacity:.7}@media(hover:hover){.sa-cmp__tile.is-active:hover .sa-cmp__tile-ic{opacity:1}}.sa-cmp__tile.is-playing .sa-cmp__tile-ic--play{display:none}.sa-cmp__tile.is-playing .sa-cmp__tile-ic--pause{display:block}.sa-cmp__tile.is-error .sa-cmp__tile-ic{display:none}.sa-cmp__tile-learn{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:flex-end;height:28px;min-width:28px;border-radius:14px;background:var(--sa-tint);color:var(--sa-fg-dim);opacity:0;pointer-events:none;text-decoration:none;font-size:12px;font-weight:500;line-height:1.33;letter-spacing:-.01em;white-space:nowrap;padding:0 8px;gap:0;transition:color .15s ease,background .15s ease,opacity .15s ease,transform .15s ease;z-index:2}@media(hover:hover){.sa-cmp__tile-shell:hover .sa-cmp__tile-learn,.sa-cmp__tile-learn:focus-visible{opacity:1;pointer-events:auto}.sa-cmp__tile-learn:hover{color:var(--sa-fg-secondary);background:var(--sa-tint);transform:translateY(-1px)}.sa-cmp__tile-learn:focus-visible{gap:6px}.sa-cmp__tile-learn:focus-visible .sa-cmp__tile-learn-text{display:inline}}.sa-cmp__tile-learn svg{flex-shrink:0;order:1}.sa-cmp__tile-learn-text{display:none}.sa-cmp__tile-shell:has(.sa-cmp__tile.is-error) .sa-cmp__tile-learn{display:none}@media(max-width:734px){.sa-cmp__bar{padding:12px 48px 12px 14px;gap:8px;flex-wrap:wrap}.sa-cmp__now{order:-1;width:100%}.sa-cmp__now-label{font-size:14px;line-height:1.29;letter-spacing:-.016em}.sa-cmp__play{width:40px;height:40px}.sa-cmp__pill{font-size:12px;line-height:1.33;letter-spacing:-.01em;padding:5px 9px}.sa-cmp__grid{grid-template-columns:repeat(2,1fr);gap:6px;padding:12px 12px 24px}.sa-cmp__tile{height:170px;min-height:148px;padding:15px 8px 12px}.sa-cmp__tile.is-active{padding-bottom:48px}.sa-cmp__tile-meta{font-size:11px;line-height:1.25}.sa-cmp__eyebrow{padding:8px 12px 2px}.sa-cmp__tile-ic{top:8px;left:8px}.sa-cmp__tile-learn{position:absolute;left:9px;right:9px;top:auto;bottom:12px;opacity:0;pointer-events:none;padding:0 12px;height:var(--sa-btn-h-xs);min-width:0;justify-content:center;border-radius:var(--sa-btn-radius);background:var(--sa-btn-bg);color:var(--sa-fg);font-size:var(--sa-btn-text-xs);font-weight:500;letter-spacing:.02em;transition:opacity .2s ease,transform .2s ease;transform:translateY(4px)}.sa-cmp__tile-learn-text{display:inline}.sa-cmp__tile-learn svg{width:10px;height:10px}.sa-cmp__tile-shell:has(.sa-cmp__tile.is-active) .sa-cmp__tile-learn{opacity:1;pointer-events:auto;transform:translateY(0)}}.sa-compare-modal[hidden],.sa-compare-modal__content[hidden],.sa-compare-modal__specs[hidden]{display:none!important}.sa-comparison__status{min-height:280px;display:grid;place-content:center;justify-items:center;gap:12px;padding:48px 24px;color:var(--sa-fg-secondary);text-align:center}.sa-comparison__status strong{color:var(--sa-fg);font-size:18px}.sa-comparison__status-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px}.sa-comparison__status-actions a,.sa-comparison__status-actions button{min-height:42px;display:inline-flex;align-items:center;padding:0 18px;border:1px solid var(--sa-stroke-strong);border-radius:999px;background:var(--sa-tint-soft);color:var(--sa-fg);font:600 14px/1 var(--sa-font);text-decoration:none;cursor:pointer}.sa-comparison__status :focus-visible{outline:2px solid var(--sa-btn-bg);outline-offset:2px}.sa-cmp-specs__bass-name:focus-visible{outline:2px solid var(--sa-btn-bg);outline-offset:-3px}@media(prefers-reduced-motion:reduce){.sa-cmp__play-spin,.sa-cmp__pill-spin,.sa-cmp__tile-spin{animation:none}.sa-cmp__tile-learn{transition:none;transform:none}}@media(max-width:560px){.sa-compare-modal__close{width:36px;height:36px;min-width:36px;min-height:36px}.sa-compare-modal__tab,.sa-cmp__tile-learn{min-width:36px;min-height:36px}.sa-comparison__status-actions a,.sa-comparison__status-actions button{min-height:44px}}
/*# sourceMappingURL=/cdn/shop/t/158/assets/sa-comparison.css.map */