.sbk-compare__tools{display:flex;justify-content:flex-end;margin-bottom:var(--sbk-s4)}.sbk-compare__switch{display:inline-flex;align-items:center;gap:var(--sbk-s10);min-height:4.4rem;padding:0 var(--sbk-s4);border:0;background:none;color:inherit;cursor:pointer;font:var(--font-button-weight) 1.45rem/1.2 var(--font-button-family);letter-spacing:.08em;text-transform:uppercase}.sbk-compare__switch:focus-visible{outline:2px solid rgb(var(--color-button));outline-offset:2px;border-radius:var(--sbk-radius)}.sbk-compare__knob{position:relative;flex:none;width:4.4rem;height:2.4rem;border-radius:99px;background:rgba(var(--color-foreground),.18);transition:background-color .25s}.sbk-compare__knob:after{content:"";position:absolute;top:.3rem;left:.3rem;width:1.8rem;height:1.8rem;border-radius:50%;background:rgb(var(--color-background));transition:transform .3s cubic-bezier(.3,1.4,.4,1)}.sbk-compare__switch[aria-checked=true] .sbk-compare__knob{background:rgb(var(--color-button))}.sbk-compare__switch[aria-checked=true] .sbk-compare__knob:after{transform:translate(2rem)}.sbk-compare__scroll{overflow-x:auto;margin:0 calc(-1 * var(--sbk-gutter));padding:var(--sbk-s20) var(--sbk-gutter) var(--sbk-s4);max-width:calc(100% + 2 * var(--sbk-gutter));-webkit-overflow-scrolling:touch;scrollbar-width:thin;overscroll-behavior-x:contain}.sbk-compare__scroll:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.sbk-compare__table{width:100%;min-width:calc(12rem + var(--cols, 3) * 13rem);border-collapse:separate;border-spacing:0;font-size:1.55rem;line-height:1.4}.sbk-compare__table th,.sbk-compare__table td{padding:var(--sbk-s13) var(--sbk-s10);text-align:center;vertical-align:middle;border-bottom:1px solid var(--sbk-border);transition:background-color .2s,box-shadow .2s}.sbk-compare__table tbody th{position:sticky;left:0;z-index:2;width:12rem;text-align:left;font-weight:600;background:rgb(var(--color-background))}.sbk-compare__corner{position:sticky;left:0;z-index:3;background:rgb(var(--color-background));text-align:left!important;font-size:1.4rem;color:var(--sbk-muted);font-weight:400}.sbk-compare__col{position:relative;vertical-align:bottom!important;padding-top:var(--sbk-s24)!important}.sbk-compare__img{width:100%;max-width:12rem;margin:0 auto var(--sbk-s12);aspect-ratio:1;border-radius:.8rem;overflow:hidden}.sbk-compare__img img{width:100%;height:100%;object-fit:contain;transition:transform .4s cubic-bezier(.2,.7,.2,1)}.sbk-compare__table[data-hcol] .sbk-compare__col:hover .sbk-compare__img img{transform:scale(1.06)}.sbk-compare__name{display:block;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);text-transform:var(--heading-transform, uppercase);font-size:1.7rem;line-height:1.15}.sbk-compare__name a{color:inherit;text-decoration:none}.sbk-compare__name a:hover{text-decoration:underline}.sbk-compare__price{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.2rem var(--sbk-s6);margin-top:var(--sbk-s6);font-weight:600}.sbk-compare__price s{font-weight:400;font-size:1.4rem;opacity:.7}.sbk-compare__badge{position:absolute;top:0;left:50%;z-index:1;transform:translate(-50%,-50%);white-space:nowrap;background:rgb(var(--sbk-fill, var(--color-foreground)));color:rgb(var(--color-background))}.sbk-compare__table .is-highlight{background:rgba(var(--color-foreground),.04);border-left:1px solid rgb(var(--color-foreground));border-right:1px solid rgb(var(--color-foreground))}.sbk-compare__table thead .is-highlight{border-top:1px solid rgb(var(--color-foreground));border-radius:var(--sbk-card-radius) var(--sbk-card-radius) 0 0;background:rgba(var(--color-foreground),.06);color:rgb(var(--color-foreground))}.sbk-compare__table thead .is-highlight .sbk-compare__img{background:rgb(var(--color-background));padding:var(--sbk-s6)}.sbk-compare__table tbody tr:last-child .is-highlight{border-bottom:1px solid rgb(var(--color-foreground));border-radius:0 0 var(--sbk-card-radius) var(--sbk-card-radius)}.sbk-compare__table tbody tr:last-child>*{border-bottom-color:transparent}.sbk-compare__table tbody tr:last-child .is-highlight{border-bottom-color:rgb(var(--color-foreground))}.sbk-compare__table tbody tr:hover>th{color:rgb(var(--color-button))}.sbk-compare__yes,.sbk-compare__no{vertical-align:middle}.sbk-compare__yes{color:rgb(var(--color-button));padding:.3rem;box-sizing:content-box;border-radius:50%;background:rgba(var(--color-button),.12)}.sbk-compare__no{color:rgba(var(--color-foreground),.35)}.sbk-compare__yes path,.sbk-compare__no path{stroke-dasharray:1;stroke-dashoffset:0}.sbk-anim .sbk-compare__scroll .sbk-compare__yes path,.sbk-anim .sbk-compare__scroll .sbk-compare__no path{transition:stroke-dashoffset .55s cubic-bezier(.3,.7,.2,1);transition-delay:calc(var(--r, 0) * 70ms + .3s)}.sbk-anim .sbk-compare__scroll:not(.is-in) .sbk-compare__yes path,.sbk-anim .sbk-compare__scroll:not(.is-in) .sbk-compare__no path{stroke-dashoffset:1}.sbk-anim .sbk-compare__scroll .sbk-compare__yes{transition:transform .45s cubic-bezier(.3,1.5,.4,1);transition-delay:calc(var(--r, 0) * 70ms + .3s)}.sbk-anim .sbk-compare__scroll:not(.is-in) .sbk-compare__yes{transform:scale(.4)}.sbk-compare__table.is-diff-only tbody tr[data-same]{display:none}.sbk-compare__table tbody tr{animation:none}.sbk-compare__table.is-diff-only tbody tr:not([data-same]){animation:sbk-compare-row .35s ease both}@keyframes sbk-compare-row{0%{opacity:.3}}.sbk-compare__actions .sbk-btn{min-height:4.4rem;padding:0 var(--sbk-s14);width:100%;max-width:18rem;font-size:1.5rem}.sbk-compare__note{margin-top:var(--sbk-s16);font-size:1.5rem;color:var(--sbk-muted);text-align:center}@media screen and (min-width:750px){.sbk-compare__scroll{margin:0;padding:var(--sbk-s20) 0 var(--sbk-s4);max-width:100%}.sbk-compare__table{font-size:1.65rem;min-width:calc(22rem + var(--cols, 3) * 15rem)}.sbk-compare__table th,.sbk-compare__table td{padding:var(--sbk-s16) var(--sbk-s20)}.sbk-compare__table tbody th{width:22rem}.sbk-compare__name{font-size:2rem}}@media(prefers-reduced-motion:reduce){.sbk-compare__table th,.sbk-compare__table td,.sbk-compare__img img,.sbk-compare__knob,.sbk-compare__knob:after{transition:none}.sbk-anim .sbk-compare__scroll:not(.is-in) .sbk-compare__yes path,.sbk-anim .sbk-compare__scroll:not(.is-in) .sbk-compare__no path{stroke-dashoffset:0}.sbk-anim .sbk-compare__scroll:not(.is-in) .sbk-compare__yes{transform:none}.sbk-compare__table.is-diff-only tbody tr:not([data-same]){animation:none}}.sbk-compare__table th,.sbk-compare__table td{padding-top:var(--sbk-s8);padding-bottom:var(--sbk-s8)}.sbk-compare__img{max-width:9rem;margin-left:auto;margin-right:auto}.sbk-compare__yes{color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.08)}.sbk-compare__switch{font:500 1.5rem/1.2 var(--font-body-family);letter-spacing:0;text-transform:none}.sbk-compare__switch[aria-checked=true] .sbk-compare__knob{background:rgb(var(--sbk-fill, var(--color-foreground)))}.sbk-compare__table .is-highlight,.sbk-compare__table thead .is-highlight,.sbk-compare__table tbody tr:last-child .is-highlight{border-left:0;border-right:0;border-top:0;background:var(--sbk-surface)}.sbk-compare__table tbody tr:last-child .is-highlight{border-bottom-color:transparent}.sbk-compare__table thead .is-highlight .sbk-compare__img{background:#fff;border-radius:1.2rem}.sbk-compare__table tbody tr:hover>th{color:inherit}.sbk-compare__badge{border-radius:999px}@media screen and (max-width:749px){html body .sbk-compare__scroll{overflow:visible;margin:0;padding:0;mask:none;-webkit-mask:none}html body .sbk-compare__table,html body .sbk-compare__table thead,html body .sbk-compare__table tbody{display:block;width:100%;min-width:0}html body .sbk-compare__table tr{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));column-gap:6px}html body .sbk-compare__table th,html body .sbk-compare__table td{position:static;width:auto;min-width:0;padding:8px 4px;text-align:center;border:0;background:none;box-shadow:none}html body .sbk-compare__corner{display:none}html body .sbk-compare__table thead tr{position:sticky;top:var(--sbk-hdr-vis, 0px);z-index:4;background:rgb(var(--color-background));padding:10px 0 6px;border-bottom:1px solid rgba(var(--color-foreground),.1)}html body .sbk-compare__col{display:flex;flex-direction:column;align-items:center;gap:4px;border-radius:12px;padding:22px 4px 8px;position:relative}html body .sbk-compare__col.is-highlight{background:#002d6f12}html body .sbk-compare__badge{position:absolute;top:0;left:50%;transform:translate(-50%);font-size:1rem;padding:2px 8px;white-space:nowrap}html body .sbk-compare__img{width:100%;max-width:8.4rem;margin:0 auto}html body .sbk-compare__name{font-size:1.35rem;line-height:1.15}html body .sbk-compare__price{font-size:1.25rem;display:flex;flex-direction:column;align-items:center}html body .sbk-compare__price s{font-size:1.05rem}html body .sbk-compare__table tbody tr{padding:10px 0;border-bottom:1px solid rgba(var(--color-foreground),.08)}html body .sbk-compare__table tbody th{grid-column:1 / -1;padding:0 0 6px;font-size:1.15rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:rgba(var(--color-foreground),.55)}html body .sbk-compare__table tbody td{font-size:1.3rem;line-height:1.3;display:flex;align-items:center;justify-content:center;border-radius:8px}html body .sbk-compare__table tbody td.is-highlight{background:#002d6f12;font-weight:600}html body .sbk-compare__actions th{display:none}html body .sbk-compare__actions{border-bottom:0!important}html body .sbk-compare__actions .sbk-btn{min-height:3.8rem;padding:4px 6px;font-size:1.2rem;width:100%}html body .sbk-compare__actions .sbk-btn svg,html body .sbk-compare__actions .sbk-btn__chip{display:none}}@media screen and (max-width:749px){html body .sbk-compare__table tbody td.is-highlight,html body .sbk-compare__table td.is-highlight,html body .sbk-compare__table th.is-highlight{background:none!important;box-shadow:none!important}html body .sbk-compare__table tbody tr{border-bottom:1px solid rgba(var(--color-foreground),.08)}html body .sbk-compare__table tbody td.is-highlight{color:#002d6f;font-weight:700}html body .sbk-compare__table td.is-highlight .sbk-compare__yes{background:#002d6f;color:#fff;border-radius:50%}html body .sbk-compare__actions td{padding:4px 2px}html body .sbk-compare .sbk-compare__actions .sbk-btn{min-height:4rem;padding:0 6px!important;font-size:1.3rem;border-radius:99px}html body .sbk-compare .sbk-compare__actions .sbk-btn:before,html body .sbk-compare .sbk-compare__actions .sbk-btn:after{content:none!important;display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/sbk-comparison.css.map */