.ampd-compare{display:block;position:relative;padding:24px 0 40px}.ampd-compare__head{text-align:center;padding:0 20px;margin-bottom:30px}.ampd-compare__heading{font-size:clamp(2rem,4vw,3.1rem);font-weight:800;margin:0;line-height:1.1}.ampd-compare__toggles{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:18px 36px;padding:0 20px;margin-bottom:34px}.ampd-compare__toggle-group{display:flex;flex-direction:column;align-items:center;gap:8px}.ampd-compare__toggle-title{font-size:.94rem;letter-spacing:.09em;text-transform:uppercase;opacity:.55}.ampd-compare__toggle{position:relative;display:inline-flex;padding:4px;border-radius:999px;border:1px solid rgba(var(--text-color) / .14);background:rgba(var(--text-color) / .04)}.ampd-compare__toggle-thumb{position:absolute;top:4px;bottom:4px;left:0;width:0;border-radius:999px;background:rgb(var(--btn-bg-color));opacity:0;transition:transform .38s cubic-bezier(.22,1,.36,1),width .38s cubic-bezier(.22,1,.36,1),opacity .2s ease;pointer-events:none}.ampd-compare__toggle.is-ready .ampd-compare__toggle-thumb{opacity:1}.ampd-compare__toggle-btn{position:relative;z-index:1;appearance:none;-webkit-appearance:none;border:0;background:none;cursor:pointer;white-space:nowrap;padding:12px 28px;border-radius:999px;font-size:1.08rem;font-weight:800;line-height:1.2;color:rgb(var(--text-color));transition:color .25s ease,opacity .25s ease;opacity:.62}.ampd-compare__toggle-btn:hover{opacity:.9}.ampd-compare__cell[hidden]{display:none!important}.ampd-compare__toggle-btn.is-disabled,.ampd-compare__toggle-btn.is-disabled:hover{opacity:.3;cursor:not-allowed}.ampd-compare__toggle-btn.is-active{opacity:1;color:rgb(var(--btn-text-color))}.ampd-compare__toggle-btn:focus-visible{outline:2px solid rgb(var(--text-color));outline-offset:2px}.ampd-compare__toggle:not(.is-ready) .ampd-compare__toggle-btn.is-active{background:rgb(var(--btn-bg-color))}.ampd-compare__set[hidden],.ampd-compare__frame[hidden]{display:none!important}.ampd-compare__set,.ampd-compare__frame{animation:ampd-compare-in .32s cubic-bezier(.22,1,.36,1) both}@keyframes ampd-compare-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.ampd-compare__set,.ampd-compare__frame{animation:none}.ampd-compare__toggle-thumb{transition:opacity .2s ease}}.ampd-compare__framenote{position:absolute;bottom:8px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:6px;font-size:.874rem;line-height:1.25;font-weight:700;letter-spacing:.02em;text-transform:uppercase;padding:4px 12px;border-radius:999px;background:rgba(var(--text-color) / .07);opacity:.75;white-space:nowrap}.ampd-compare__framenote-icon{flex:0 0 auto;width:1.05em;height:1.05em;display:block;object-fit:contain}.ampd-compare__framenote[hidden]{display:none}.ampd-compare__grid:has([data-ampd-framenote]:not([hidden])) .ampd-compare__cell--head{padding-bottom:40px}.ampd-compare__scroll{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.ampd-compare__scroll::-webkit-scrollbar{display:none}.ampd-compare__grid{display:grid;grid-template-columns:repeat(var(--ampd-compare-cols, 3),minmax(0,1fr));align-items:start;max-width:1180px;margin:0 auto;padding:0 20px}.ampd-compare__sticky{position:sticky;top:calc(-1 * var(--ampd-head-pull, 0px));z-index:5;background:rgb(var(--bg-color))}.ampd-compare__divider{display:grid;grid-template-columns:repeat(var(--ampd-compare-cols, 3),minmax(0,1fr));max-width:1180px;margin:6px auto 0;padding:0 20px}.ampd-compare__seg{height:1px;background:rgba(var(--text-color) / .16);margin:0 14px}.ampd-compare__cell{text-align:center;padding:0 14px}.ampd-compare__cell--head{position:relative;align-self:stretch;display:flex;flex-direction:column;align-items:center;gap:10px;padding-bottom:24px}.ampd-compare__media{width:100%;max-width:220px;margin:0 auto 4px}.ampd-compare__img{width:100%;height:auto;object-fit:contain}.ampd-compare__badge:empty{display:none}.ampd-compare__swatches{display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px;justify-content:center;margin:2px 0;min-height:52px}.ampd-compare__swatch{-webkit-appearance:none;appearance:none;outline:none;box-sizing:border-box;width:22px;height:22px;border-radius:50%;border:1px solid rgba(var(--text-color) / .25);background-color:var(--swatch-color, transparent);background-image:var(--swatch-image, none);background-size:105%;background-position:center;background-clip:padding-box;background-repeat:no-repeat;overflow:hidden;padding:0;cursor:pointer}.ampd-compare__swatch.is-active{box-shadow:0 0 0 2px rgb(var(--background-color, 255 255 255)),0 0 0 4px rgb(var(--text-color))}.ampd-compare__title{font-size:1.55rem;font-weight:700;line-height:1.15}.ampd-compare__tagline{font-size:1rem;opacity:.7;line-height:1.3}.ampd-compare__price{font-size:1.45rem;font-weight:700;margin-top:6px}.ampd-compare__btn{border-radius:999px;padding:12px 30px;margin-top:auto;width:auto;min-width:150px}.ampd-compare__cell--spec{display:flex;flex-direction:column;justify-content:flex-start;gap:6px;padding:22px 14px}.ampd-compare__value{font-size:1.5rem;font-weight:700;line-height:1.25}.ampd-compare__label{font-size:.94rem;opacity:.5;line-height:1.3}@media(max-width:768.98px){.ampd-compare__grid{grid-template-columns:repeat(var(--ampd-compare-cols, 3),44vw);width:max-content;max-width:none;padding:0 14px}.ampd-compare__divider{display:block;max-width:none;padding:0;height:1px;background:rgba(var(--text-color) / .16)}.ampd-compare__seg{display:none}.ampd-compare__heading{font-size:clamp(1.7rem,7vw,2.3rem)}.ampd-compare__title{font-size:1.2rem}.ampd-compare__price{font-size:1.25rem}.ampd-compare__value{font-size:1.21rem}.ampd-compare__btn{min-width:0;width:100%;padding:16px 10px;font-size:1.05rem;font-weight:800}.ampd-compare__media{max-width:150px}.ampd-compare__framenote{font-size:.78rem;padding:4px 10px}.ampd-compare__toggles{gap:14px 18px;margin-bottom:26px;padding:0 14px}.ampd-compare__toggle-btn{padding:11px 16px;font-size:.95rem;font-weight:800}.ampd-compare__toggle-title{font-size:.84rem}}@media(max-width:420px){.ampd-compare__toggle-btn{padding:11px 12px;font-size:.88rem;font-weight:800}}
/*# sourceMappingURL=/cdn/shop/t/75/assets/ampd-compare.css.map */