.compare{padding-block:clamp(36px,5vw,56px)}.compare__head{text-align:center;max-width:620px;margin:0 auto clamp(22px,3vw,32px)}.compare__title{color:var(--color-dark)}.compare__intro{font-size:15.5px;line-height:1.6;color:color-mix(in srgb,var(--color-text) 68%,transparent);margin:12px 0 0}.compare__wrap{max-width:760px;margin-inline:auto;background:color-mix(in srgb,var(--color-accent) 9%,#fff);border:1px solid color-mix(in srgb,var(--color-accent) 35%,transparent);border-left:3px solid var(--color-accent);border-radius:16px;padding:8px 20px 12px;overflow-x:auto}.compare__table{width:100%;border-collapse:collapse;font-size:14.5px}.compare__table thead th{font-family:var(--font-heading);font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:color-mix(in srgb,var(--color-text) 55%,transparent);padding:14px 8px 12px;border-bottom:1px solid color-mix(in srgb,var(--color-dark) 12%,transparent);text-align:center;white-space:nowrap}.compare__feature-head{text-align:left}.compare__us-head{color:var(--color-dark);font-size:14px}.compare__table tbody tr+tr th,.compare__table tbody tr+tr td{border-top:1px solid color-mix(in srgb,var(--color-dark) 9%,transparent)}.compare__feature{font-family:var(--font-body);font-weight:500;font-size:14.5px;line-height:1.45;color:var(--color-text);text-align:left;padding:13px 14px 13px 0}.compare__cell{padding:13px 8px;text-align:center;vertical-align:middle;width:84px}.compare__mark{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%}.compare__mark--yes{background:color-mix(in srgb,var(--color-accent) 30%,transparent);color:#067a4e}.compare__mark--no{background:#c0392b1a;color:#c0392b}.compare__note{font-size:13px;font-weight:600;font-family:var(--font-heading)}.compare__note--yes{color:#067a4e}.compare__note--no{color:color-mix(in srgb,var(--color-text) 52%,transparent)}.compare__footnote{max-width:760px;margin:12px auto 0;font-size:12.5px;line-height:1.5;color:color-mix(in srgb,var(--color-text) 48%,transparent);text-align:center}@media screen and (max-width:600px){.compare__wrap{padding:6px 16px 10px}.compare__feature{font-size:13.5px;padding-right:10px}.compare__cell{width:60px;padding:12px 4px}.compare__mark{width:27px;height:27px}.compare__table thead th{font-size:11.5px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-comparison.css.map */