.divide-y>:not([hidden])~:not([hidden]){border-width:0;border-block-start-width:1px;box-sizing:border-box;border-style:solid;border-color:rgba(var(--color-foreground),.12)}.feature-chart{padding:0 2.4rem;display:block;max-width:var(--page-width)}.feature-chart__table-row{--feature-chart-heading-width:160px;grid-template-columns:var(--feature-chart-heading-width) repeat(var(--feature-chart-values-columns-count),minmax(140px,1fr));column-gap:var(--grid-mobile-horizontal-spacing);row-gap:var(--grid-mobile-vertical-spacing);min-width:min-content;padding-block-start:1rem;padding-block-end:1rem;display:grid}.feature-chart__toggle{text-align:center;border-top-width:1px;justify-content:center;padding-block-start:1rem;padding-block-end:1rem;display:grid}.feature-chart.is-expanded .feature-chart__toggle .circle-chevron{transform:rotate(180deg)}.feature-chart__product{--feature-chart-product-image-width:80px;gap:3.2rem;place-content:start;display:grid;position:relative}.feature-chart__product :is(img,svg){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__product-placeholder{height:auto}.feature-chart__table-row--sticky{visibility:hidden;opacity:0;z-index:1;background:rgb(var(--background));padding-block:3.2rem;border-bottom-width:1px;transition:opacity .2s,visibility .2s,top .2s;position:fixed;top:calc(var(--header-is-visible,1) * 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__value p{margin:0}.feature-chart__value ul{list-style:none;padding:0;margin:0}.feature-chart__value li{display:inline}.feature-chart__value li:after{content:", "}.feature-chart__value li:last-child:after{content:""}@media screen and (max-width:699px){.feature-chart,.feature-chart__table{margin-inline-start:-2.4rem;margin-inline-end:-2.4rem;padding-inline-start:2.4rem;padding-inline-end:2.4rem;display:grid}.feature-chart__table-row{grid-template-columns:repeat(var(--feature-chart-values-columns-count),minmax(140px,1fr))}.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:8px}.feature-chart__table-row--product>:first-child{grid-column-start:2}}@media screen and (min-width:1000px){.feature-chart{padding:2.4rem 3.2rem}.feature-chart__table-row{--feature-chart-heading-width:280px;column-gap:3.2rem;padding-block-start:1.2rem;padding-block-end:1.2rem}.feature-chart__table-row--product{padding-block-end:var(--spacing-10)}.feature-chart__table-row--sticky{padding-block:3.2rem}.feature-chart__toggle{padding-block-start:var(--spacing-5);padding-block-end:3.2rem}.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}}@keyframes expandHeight{0%{height:0}to{height:auto}}@keyframes collapseHeight{0%{height:auto}to{height:0}}@keyframes flipChevron{0%{transform:rotate(0)}to{transform:rotate(180deg)}}.feature-chart__table-row{overflow:hidden;transition:height .3s ease}.circle-chevron svg{transition:transform .3s ease}.feature-chart__table-row--expanded{animation:expandHeight .3s forwards}.feature-chart__table-row--collapsed{animation:collapseHeight .3s forwards}.feature-chart__toggle-icon--flipped svg{animation:flipChevron .3s forwards}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-feature-chart.css.map */