.compare-mats{margin-bottom:80px;overflow:hidden;isolation:isolate;--background: #fff;padding-inline:25px;max-width:1550px;margin-inline:auto}.compare-mats__intro{text-align:center;max-width:760px;margin:0 auto 22px}.compare-mats__heading{color:#3b626b;font-size:var(--head-fs-d, 28px);letter-spacing:var(--head-ls, 0px);line-height:var(--head-lh, 1.2);margin:0 0 8px}.compare-mats__subheading{color:#3b626b;font-size:var(--sub-fs-d, 16px);letter-spacing:var(--sub-ls, 0px);line-height:var(--sub-lh, 1.5);margin:0}.compare-mats--side{display:flex;background:#e9f1ef;padding:60px 0;gap:40px;--background: #e9f1ef}@media screen and (min-width:1600px){.compare-mats--side .compare-mats__table{padding-right:100px}.compare-mats--side .compare-mats__header{padding-left:max(calc((100vw - 1500px)/2),20px)}}.compare-mats__header__title{margin-bottom:0}.compare-mats__header__subtitle{margin:0}.compare-mats__table{width:100%;height:auto;overflow-x:auto;border-collapse:collapse;table-layout:fixed;scroll-behavior:smooth}.compare-mats--side .compare-mats__table{flex:2;background:#e9f1ef;margin-left:0}.compare-mats--side .compare-mats__table table{border-collapse:separate;padding:1px}@media(hover:hover){.compare-mats__table{cursor:grab}}.compare-mats__table::-webkit-scrollbar{display:none}.compare-mats__table::-webkit-scrollbar-thumb{background:#3b626b;border-radius:10px}.compare-mats__table::-webkit-scrollbar-thumb:hover{background:#3b626b}.checkmark{width:20px;height:20px}table,th,td{border:none;border-collapse:collapse}.compare-mats__table tbody tr:nth-child(odd):not(:last-child) :is(td,th):first-child,.compare-mats__table tbody tr:nth-child(odd):not(:last-child) :is(td,th){background:#e9f1ef}.content-cell:not(:first-child){text-align:center}.compare-mats__table tbody tr:nth-child(2n):not(:last-child) :is(td,th):first-child,.compare-mats__table tbody tr:nth-child(2n):not(:last-child) :is(td,th){background:#f8f8f8}.compare-mats__spacer.compare-mats__spacer{min-width:8px!important;max-width:8px!important;width:8px;border-radius:0!important;background:var(--background)!important;padding:0}.compare-mats__spacer.compare-mats__spacer:nth-child(2),.compare-mats__spacer.compare-mats__spacer:nth-child(3){min-width:4px!important;max-width:4px!important;width:4px}.compare-mats__table tbody :is(td,th){border-radius:10px;padding:7.15px 15px;width:100%;height:100%}.compare-mats__table thead :is(td,th){padding:0}.compare-mats__table tbody :is(td,th):first-child{border-radius:10px;padding:7.15px 15px}.compare-mats__table :is(td,th):nth-child(2),.compare-mats__table :is(td,th):first-child{position:sticky;min-width:190px;left:-5px;z-index:2;background:var(--background)}.compare-mats__table :is(td,th):nth-child(3){position:sticky;left:174px;z-index:2;background:red}.compare-mats__table :is(td,th):nth-child(2){z-index:1}.compare-mats__table :is(td,th):not(:first-child){min-width:225px}.compare-mats__table-header__image-wrapper{height:121px}.compare-mats__table-header{display:flex;flex-direction:column;gap:5px;margin-bottom:3px;background:#fff}.compare-mats__table-header__image{border-radius:10px;border:1px solid #3b626b;height:100%;width:100%;padding:5px 10px;object-fit:contain}.compare-mats__table-header__title{color:#fff;font-size:var(--title-fs-d, 15px);line-height:var(--title-lh, 1.37);letter-spacing:var(--title-ls, 1px);text-transform:uppercase;border-radius:10px;background:#3b626b;text-align:center;padding:4px;display:flex;flex-direction:column;height:62px;justify-content:center}.compare-mats__cta{width:100%;display:inline-block;border-radius:var(--alt-btn-border-radius, 0px);border:1px solid #3b626b;background:#3b626b;padding:15px;text-align:center;color:#fff;font-size:var(--cta-fs-d, 15px);line-height:var(--cta-lh, 1.8);letter-spacing:var(--cta-ls, 1px);text-transform:uppercase;margin-top:16px;margin-bottom:5px;cursor:pointer}td:has(.compare-mats__cta){padding:0!important}.compare-mats__header{padding:12px 100px 0;background:#e9f1ef;margin-bottom:22px}.compare-mats__category{color:#3b626b;font-size:var(--cat-fs-d, 14px);line-height:var(--cat-lh, normal);letter-spacing:var(--cat-ls, 0px);border-radius:8px;background:#e9f1ef;text-align:center;padding:10px;margin-bottom:4px;white-space:nowrap}.compare-mats__table--narrow{margin:0;padding-inline:15px;max-width:1414px;margin-inline:auto}.compare-mats--side .compare-mats__header{margin-bottom:0;padding:0;padding-left:max(calc((100vw - 1450px)/2),20px);flex:1}.compare-mats__header__inner{display:flex;justify-content:space-between;align-items:center;max-width:1678px;margin-inline:auto}.compare-mats--side .compare-mats__header__inner{flex-direction:column;height:100%}.compare-mats--side .compare-mats__header__image-wrapper{margin-top:auto;margin-bottom:auto}.compare-mats__header__image{height:313px;width:auto;display:block;object-fit:contain}.compare-mats--side .compare-mats__header__image{height:100%;width:100%}.compare-mats__table tbody tr:not(:last-child){position:relative}@media screen and (max-width:1700px){.compare-mats--side .compare-mats__table :is(td,th):not(:first-child){min-width:330px}}@media screen and (min-width:1121px){.compare-mats--side .compare-mats__header__title{white-space:nowrap;position:absolute;z-index:10;top:0}.compare-mats--side .compare-mats__header__inner{padding-top:60px;position:relative}}@media screen and (max-width:1120px){.compare-mats--side .content-cell:first-child{border:none}.compare-mats--side .content-cell:not(:first-child)>*{border:none}.compare-mats__table :is(td,th):not(:first-child){min-width:225px}.compare-mats--side{display:flex;background:#fff;flex-direction:column;padding:10px 0;gap:0px;--background: #fff}.compare-mats--side .compare-mats__table{background:#fff;margin-left:10px}.compare-mats--side .compare-mats__header{padding:15px;margin-bottom:10px}.compare-mats--side .compare-mats__header__inner{flex-direction:row}.compare-mats--side .compare-mats__header__image{height:313px;width:auto}}@media screen and (max-width:767px){.compare-mats__table{margin-left:12px;padding-right:12px}.compare-mats__spacer.compare-mats__spacer{min-width:4px!important;max-width:4px!important;width:4px}.compare-mats__header{padding:16px;margin-bottom:3px}.compare-mats__header__text-wrapper{text-align:center}.compare-mats__header__inner{flex-direction:column-reverse!important;gap:16px!important}.compare-mats__header__image-wrapper{margin-inline:auto}.compare-mats__table :is(td,th):first-child{min-width:180px}.compare-mats__table :is(td,th):not(:first-child){min-width:205px}.compare-mats__table-header__title{font-size:var(--title-fs-m, 12px)}}@media screen and (max-width:767px){.compare-mats__header{padding:16px;margin-bottom:3px}.compare-mats__header__inner{flex-direction:column-reverse;gap:16px}.compare-mats__header__image-wrapper{margin-inline:auto}.compare-mats__table :is(td,th):first-child{min-width:186px}.compare-mats__table :is(td,th):nth-child(3){left:174px}.compare-mats__table :is(td,th):not(:first-child){min-width:205px}}@media screen and (max-width:450px){.compare-mats__table :is(td,th):first-child{min-width:130px}.compare-mats__table :is(td,th):nth-child(3){left:130px}}.compare-mats td.content-cell{font-size:var(--cell-fs-d, 14px);letter-spacing:var(--cell-ls, 0px);line-height:var(--cell-lh, 1.5)}.compare-mats td.content-cell>div{white-space:nowrap}.compare-mats th.content-cell{font-size:var(--rl-fs-d, 14px);letter-spacing:var(--rl-ls, 0px);line-height:var(--rl-lh, 1.5)}.compare-mats .tf-tenor_sans_n4{font-family:Tenor Sans,serif;font-weight:400}.compare-mats .tf-avenir_next_n4{font-family:Avenir Next,sans-serif;font-weight:400}.compare-mats .tf-avenir_next_n5{font-family:Avenir Next,sans-serif;font-weight:500}.compare-mats .tf-avenir_next_n6{font-family:Avenir Next,sans-serif;font-weight:600}.compare-mats .tf-figtree_n4{font-family:Figtree,sans-serif;font-weight:400}.compare-mats .tf-figtree_n5{font-family:Figtree,sans-serif;font-weight:500}.compare-mats .tf-figtree_n6{font-family:Figtree,sans-serif;font-weight:600}.compare-mats .tf-figtree_n7{font-family:Figtree,sans-serif;font-weight:700}.compare-mats .tf-system_sans{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400}.compare-mats .tf-helvetica{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}.compare-mats .tf-arial{font-family:Arial,sans-serif;font-weight:400}.compare-mats .tf-georgia{font-family:Georgia,serif;font-weight:400}.compare-mats .tf-times{font-family:Times New Roman,Times,serif;font-weight:400}.compare-mats .tf-inherit{font-family:inherit;font-weight:inherit}@media screen and (max-width:767px){.compare-mats__category{font-size:var(--cat-fs-m, 14px)}.compare-mats td.content-cell{font-size:var(--cell-fs-m, 14px)}.compare-mats th.content-cell{font-size:var(--rl-fs-m, 14px)}.compare-mats__cta{font-size:var(--cta-fs-m, 15px)}.compare-mats__heading{font-size:var(--head-fs-m, 24px)}.compare-mats__subheading{font-size:var(--sub-fs-m, 14px)}}
/*# sourceMappingURL=/cdn/shop/t/105/assets/section-compare-mats.css.map */