.compare-tabs{--pink: #e63a78;--text: #111;--muted: #cfcfd6;--bg: #fff;--tab-gap: 70px;--tab-gap-mobile: calc(var(--tab-gap) * .37);--tab-size: 160px;--tab-size-mobile: calc(var(--tab-size) * .75);--tab-img-size: calc(var(--tab-size) * .575);--tab-img-size-mobile: calc(var(--tab-size-mobile) * .5833);--tab-title-size: 34px;--tab-title-size-mobile: calc(var(--tab-title-size) * .85);--tab-title-font: inherit;--tab-label-size: 28px;--tab-label-size-mobile: calc(var(--tab-label-size) * .7857);--tab-font: inherit;background:var(--bg);color:var(--text);font-family:inherit}.compare-tabs .wrap{max-width:1100px;margin:0 auto;padding:40px 20px 30px;text-align:center}.compare-tabs .tabs-carousel{display:flex;align-items:center;gap:18px}.compare-tabs .tabs-carousel .tabs{flex:1 1 auto;min-width:0}.compare-tabs .tabs-nav{-webkit-appearance:none;appearance:none;border:1px solid var(--muted);background:var(--bg);color:var(--text);width:44px;height:44px;border-radius:999px;display:none;align-items:center;justify-content:center;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,color .16s ease}.compare-tabs .tabs-nav svg{width:16px;height:16px;display:block}.compare-tabs .tabs-nav:hover{border-color:var(--pink);color:var(--pink)}.compare-tabs .tabs-nav:focus-visible{outline:3px solid rgba(230,58,120,.35);outline-offset:3px}.compare-tabs .tabs-nav[disabled]{opacity:.4;cursor:default}@media(min-width:768px){.compare-tabs .tabs-carousel.tabs-carousel--overflowing .tabs-nav{display:inline-flex}}.compare-tabs h1{margin:0 0 28px;font-size:var(--tab-title-size);letter-spacing:.5px;font-weight:800;font-family:var(--tab-title-font)}.compare-tabs .tabs{display:flex;justify-content:center;gap:var(--tab-gap);align-items:flex-start;flex-wrap:nowrap;overflow-x:auto;overflow-y:visible;padding:8px 4px 12px;scroll-behavior:smooth;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}.compare-tabs .tabs::-webkit-scrollbar{display:none}.compare-tabs .tabs.tabs--overflowing{justify-content:flex-start}.compare-tabs .tab{-webkit-appearance:none;appearance:none;border:0;background:transparent;padding:0;cursor:pointer;color:inherit;flex:0 0 auto;scroll-snap-align:start}.compare-tabs .tab:focus-visible .tab__circle{outline:3px solid rgba(230,58,120,.35);outline-offset:5px}.compare-tabs .tab__circle{width:var(--tab-size);height:var(--tab-size);border-radius:999px;border:2px solid var(--muted);display:grid;place-items:center;position:relative;transition:border-color .16s ease,box-shadow .16s ease}.compare-tabs .tab.is-active .tab__circle{border-color:var(--pink);box-shadow:0 0 0 2px #e63a7814 inset}.compare-tabs .tab__img{width:var(--tab-img-size);height:var(--tab-img-size);object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.compare-tabs .tab__img--placeholder{background:#11111114;border-radius:18px}.compare-tabs .tab__badge{position:absolute;top:16px;right:16px;width:26px;height:26px;border-radius:999px;background:var(--pink);color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center}.compare-tabs .tab__badge.hidden{display:none}.compare-tabs .tab__label{margin-top:18px;font-family:var(--tab-font);font-size:var(--tab-label-size);font-weight:500}@media(max-width:600px){.compare-tabs h1{font-size:var(--tab-title-size-mobile)}.compare-tabs .tabs{gap:var(--tab-gap-mobile);padding:6px 2px 10px}.compare-tabs .tab__circle{width:var(--tab-size-mobile);height:var(--tab-size-mobile)}.compare-tabs .tab__img{width:var(--tab-img-size-mobile);height:var(--tab-img-size-mobile)}.compare-tabs .tab__label{font-size:var(--tab-label-size-mobile)}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/compare-tabs.css.map */