.comparison-chart-section{display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Helvetica,sans-serif;background:rgb(var(--color-background));background:var(--gradient-background);background-image:url(bg-compare-chart.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-blend-mode:multiply}.comparison-chart-section .title{margin-bottom:8rem}@media screen and (min-width: 750px){.comparison-chart-section .title{margin-bottom:12rem}}.comparison-chart-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.comparison-chart-table{gap:.5rem;position:relative;border-radius:15px;border-spacing:0 15px;max-width:1000px;outline:2px solid #3e441e}@media screen and (max-width: 399px){.comparison-chart-table{font-size:.8rem;outline-offset:5px;outline-width:1px}}@media screen and (min-width: 400px) and (max-width: 549px){.comparison-chart-table{font-size:1rem;outline-offset:5px;outline-width:1px}}@media screen and (min-width: 550px) and (max-width: 749px){.comparison-chart-table{font-size:1.2rem;outline-offset:5px;outline-width:1px}}@media screen and (min-width: 750px) and (max-width: 989px){.comparison-chart-table{font-size:1.4rem;outline-offset:10px}}@media screen and (min-width: 990px){.comparison-chart-table{font-size:1.6rem;outline-offset:15px}}.comparison-chart-table thead tr{align-items:flex-end}.comparison-chart-table thead tr th{width:19%}.comparison-chart-table tr{width:100%;min-height:40px;overflow:visible}.comparison-chart-table tbody tr:last-of-type{border-bottom:none}.comparison-chart-table thead tr th{background-color:#f8f4ed;border:5px solid rgb(var(--color-background));border-bottom:0}@media screen and (max-width: 749px){.comparison-chart-table thead tr th{border:2px solid rgb(var(--color-background))}}@media screen and (min-width: 750px) and (max-width: 989px){.comparison-chart-table thead tr th{border:4px solid rgb(var(--color-background))}}@media screen and (min-width: 990px){.comparison-chart-table thead tr th{border:5px solid rgb(var(--color-background))}}.comparison-chart-table tbody tr{background-color:#f8f4ed}.comparison-chart-table tbody tr:nth-of-type(2n){background-color:#f8f4edcc}.comparison-chart-table th.blank{opacity:0;visibility:hidden}.comparison-chart-table th{border-radius:20px 20px 0 0;padding:0 7.5px}@media screen and (max-width: 549px){.comparison-chart-table th{padding:0 2px}}@media screen and (min-width: 550px) and (max-width: 749px){.comparison-chart-table th{padding:0 4px}}@media screen and (min-width: 750px) and (max-width: 989px){.comparison-chart-table th{padding:0 6px}}@media screen and (min-width: 990px){.comparison-chart-table th{padding:0 7.5px}}.comparison-chart-table thead tr th.featured{width:24%}.comparison-chart-table th.featured{background-color:#3e441e;color:#f8f4ed}.comparison-chart-table th.featured:before{content:"";outline:2px solid #3e441e;position:absolute;top:10px;bottom:5px;width:calc(24% - 2px);left:calc(19% + 1px);border-radius:15px;z-index:1;pointer-events:none}@media screen and (max-width: 749px){.comparison-chart-table th.featured:before{outline-width:1px}}.comparison-chart-table th.featured div{color:#f8f4ed}.comparison-chart-table td.featured{color:#f8f4ed;position:relative}.comparison-chart-table td.featured div{position:relative;z-index:1}.comparison-chart-table td.featured svg{color:#f8f4ed}.comparison-chart-table td.featured:before{content:"";position:absolute;top:-3px;bottom:-3px;left:5px;right:5px;background-color:#3e441e;color:#f8f4ed;z-index:0}.comparison-chart-table tr:last-of-type td.featured,.comparison-chart-table tr:last-of-type td.featured:before{border-radius:0 0 20px 20px}.comparison-chart-table :is(th,td):not(.featured) svg{color:#173859}.comparison-chart-table th,.comparison-chart-table td{color:#173859;text-align:center;vertical-align:middle;height:100%}.comparison-chart-table td:first-of-type{border-left:5px solid rgb(var(--color-background))}.comparison-chart-table td:last-of-type{border-right:5px solid rgb(var(--color-background))}.comparison-chart-table th div,.comparison-chart-table td div{color:#31271d;display:flex;align-items:center;justify-content:center;padding:13px;line-height:1}@media screen and (max-width: 399px){.comparison-chart-table th div,.comparison-chart-table td div{padding:5px 2px}}@media screen and (min-width: 400px) and (max-width: 749px){.comparison-chart-table th div,.comparison-chart-table td div{padding:10px 2px}}@media screen and (min-width: 750px) and (max-width: 989px){.comparison-chart-table th div,.comparison-chart-table td div{padding:10px 8px}}@media screen and (min-width: 990px){.comparison-chart-table th div,.comparison-chart-table td div{padding:13px}}.comparison-chart-table :is(th,td) svg{height:22px;object-fit:contain;z-index:1;color:#173859}@media screen and (max-width: 749px){.comparison-chart-table :is(th,td) svg{height:14px}}@media screen and (min-width: 750px) and (max-width: 989px){.comparison-chart-table :is(th,td) svg{height:22px}}@media screen and (min-width: 990px){.comparison-chart-table :is(th,td) svg{height:30px}}.comparison-chart-table th div .media{padding:20px;width:100%;height:100%}.comparison-chart-table th div .media img{width:100%;height:100%;object-fit:contain}.comparison-chart-footer{margin-top:2rem}.comparison-chart-footer-content{font-family:Bookish,serif;text-align:center;line-height:1.5;font-size:2rem;color:#31271d}@media screen and (max-width: 749px){.comparison-chart-footer-content{font-size:1.2rem}}@media screen and (min-width: 750px) and (max-width: 989px){.comparison-chart-footer-content{font-size:1.6rem}}@media screen and (min-width: 990px){.comparison-chart-footer-content{font-size:2rem}}.comparison-chart-footer-logo{width:auto;height:18px;object-fit:contain;margin-bottom:-2px}@media screen and (max-width: 749px){.comparison-chart-footer-logo{height:1rem}}@media screen and (min-width: 750px) and (max-width: 989px){.comparison-chart-footer-logo{height:1.4rem}}@media screen and (min-width: 990px){.comparison-chart-footer-logo{height:1.8rem}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-jaws-comparison-chart.css.map */
