:root{--spacing-1: 2px;--spacing-2: 4px;--spacing-3: 8px;--spacing-4: 10px;--spacing-5: 12px;--spacing-6: 14px}.feature-chart__image{position:sticky;top:100px}.feature-chart__table-bg>:first-child{background:var(--5, #F4F4F4);font-weight:600}.feature-chart__heading.bold{font-weight:600}.feature-chart{padding:0 var(--container-gutter);scroll-padding-top:var(--sticky-area-height);display:block}.feature-chart__table{border:1px solid var(--20, #CDD2D9)}.feature-chart__table-row div{padding-left:50px}.feature-chart__table-row{border-bottom:1px solid var(--20, #CDD2D9);--feature-chart-heading-width: 140px;grid-template-columns:var(--feature-chart-heading-width) repeat(var(--feature-chart-values-columns-count),minmax(140px,1fr));gap:var(--spacing-1) var(--spacing-5);min-width:min-content;padding-block-start:var(--spacing-4);padding-block-end:var(--spacing-4);display:grid}.feature-chart__table-row:last-child{border:none}.feature-chart__toggle{text-align:center;border-top-width:1px;justify-content:center;padding-block-start:var(--spacing-4);padding-block-end:var(--spacing-4);display:grid}.feature-chart.is-expanded .feature-chart__toggle .circle-chevron{transform:rotate(180deg)}.feature-chart__product{--feature-chart-product-image-width: 80px;gap:var(--spacing-5);place-content:start;display:grid;position:relative}.feature-chart__product img{width:var(--feature-chart-product-image-width)}.feature-chart__product .color-swatch{margin:0}.feature-chart__product .badge{position:absolute;top:0}.feature-chart__product .badge:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.feature-chart__product .badge:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.feature-chart__table-row--sticky{visibility:hidden;opacity:0;z-index:1;background:rgb(var(--background));padding-block:var(--spacing-5);border-bottom-width:1px;transition:opacity .2s,visibility .2s;position:fixed;top:var(--sticky-area-height);border-top-width:0!important}.feature-chart__table-row--sticky.is-visible{opacity:1;visibility:visible}.feature-chart__table-row--sticky .feature-chart__product img{max-width:48px}.feature-chart__table-row--sticky .feature-chart__view-button-container{display:none}.feature-chart__table--2{display:flex;gap:30px}.feature-chart__table--2 feature-image{flex:4.5}.feature-chart__table--2 feature-chart{flex:5.5}@media screen and (max-width:699px){.feature-chart__table--2{display:flex;flex-direction:column;gap:10px}.feature-chart__table--2 img{flex:1}.feature-chart__table--2 feature-chart{flex:1}.feature-chart__table-row div{padding-left:10px}.feature-chart,.feature-chart__table{margin-inline-start:calc(-1 * var(--container-gutter));margin-inline-end:calc(-1 * var(--container-gutter));padding-inline-start:var(--container-gutter);padding-inline-end:var(--container-gutter);display:grid}.feature-chart,.feature-chart__table-bg{padding-inline-start:0;padding-inline-end:0;margin:auto}.feature-chart__table-row{grid-template-columns:repeat(var(--feature-chart-values-columns-count),minmax(140px,1fr))}.feature-chart__table-row-1{grid-template-columns:repeat(var(--feature-chart-values-columns-count),minmax(50%,50%))}.feature-chart__table--multi-columns .feature-chart__table-row{grid-template-columns:repeat(var(--feature-chart-values-columns-count),150px)}.feature-chart__heading{position:sticky}.feature-chart__heading:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.feature-chart__heading:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.feature-chart__value{grid-row:2}}@media screen and (min-width:700px){.feature-chart{border-radius:var(--rounded)}.feature-chart__table-row--product>:first-child{grid-column-start:2}}@media screen and (min-width:1000px){.feature-chart{padding:var(--spacing-4) var(--spacing-12)}.feature-chart__table-row{--feature-chart-heading-width: 220px;column-gap:var(--spacing-6);padding-block-start:var(--spacing-6);padding-block-end:var(--spacing-6)}.feature-chart__table-row--product{padding-block-end:var(--spacing-10)}.feature-chart__table-row--sticky{padding-block:var(--spacing-6)}.feature-chart__toggle{padding-block-start:var(--spacing-5);padding-block-end:var(--spacing-6)}.feature-chart__product{--feature-chart-product-image-width: 150px;max-width:260px}.feature-chart__table-row--sticky .feature-chart__product{grid-auto-flow:column;justify-content:start}.feature-chart__table-row--sticky .feature-chart__product img{max-width:80px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/feature-chart.css.map */