.cmp-section{max-width:70rem;margin-inline:auto}.cmp-heading{margin-bottom:var(--sp-6)}.cmp-heading--center{text-align:center}.cmp-heading--right{text-align:right}.cmp-heading__sub{margin-top:var(--sp-2);max-width:60ch}.cmp-heading--center .cmp-heading__sub{margin-inline:auto}.cmp2-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;padding:var(--sp-5);background:rgb(var(--color-foreground) / .03);border-radius:var(--rounded-block);scrollbar-width:thin;scrollbar-color:rgb(var(--color-foreground) / .25) transparent}.cmp2-wrap::-webkit-scrollbar{height:8px}.cmp2-wrap::-webkit-scrollbar-track{background:transparent}.cmp2-wrap::-webkit-scrollbar-thumb{background:rgb(var(--color-foreground) / .2);border-radius:999px}.cmp2-wrap::-webkit-scrollbar-thumb:hover{background:rgb(var(--color-foreground) / .35)}.cmp2-wrap--desktop{padding:50px}.cmp2{--cmp-radius: var(--sp-3);display:grid;grid-template-columns:minmax(120px,max-content) repeat(var(--cmp-cols, 2),1fr);column-gap:var(--sp-6);align-items:stretch;min-width:min-content}.cmp2>*{padding-block:var(--sp-4)}.cmp2>.cmp2__corner{display:block;padding-block:var(--sp-4)}.cmp2__colhead{display:flex;flex-direction:column;gap:var(--sp-2);align-items:center;justify-content:center;text-align:center;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);text-transform:uppercase;font-size:var(--text-lg);line-height:1.1;color:rgb(var(--color-foreground))}.cmp2__colhead--hl{align-items:center;text-align:center;color:rgb(var(--color-base-highlight));font-size:var(--text-xl)}.cmp2__colhead-logo{display:inline-block;width:clamp(72px,10vw,130px);height:auto}.cmp2__criterion,.cmp2__cell{display:flex;align-items:center;font-size:var(--text-sm);line-height:1.35}.cmp2__criterion{align-self:stretch;color:rgb(var(--color-foreground) / .6)}.cmp2__cell{align-self:stretch}.cmp2__criterion>:first-child,.cmp2__cell>:first-child{margin-block-start:0}.cmp2__criterion>:last-child,.cmp2__cell>:last-child{margin-block-end:0}.cmp2__hl{padding-inline:var(--sp-5);background:rgb(var(--color-base-highlight) / .08);border-inline:1px solid rgb(var(--color-base-highlight) / .45)}.cmp2__hl--top{border-block-start:1px solid rgb(var(--color-base-highlight) / .45);border-start-start-radius:var(--cmp-radius);border-start-end-radius:var(--cmp-radius)}.cmp2__hl--bottom{border-block-end:1px solid rgb(var(--color-base-highlight) / .45);border-end-start-radius:var(--cmp-radius);border-end-end-radius:var(--cmp-radius)}.cmp2__cell .icon-check-circle-filled,.cmp2__cell .icon-check-circle-filled path{color:rgb(var(--color-base-highlight))}.cmp2__cell .icon-close-circle-filled,.cmp2__cell .icon-close-circle-filled path{color:rgb(var(--color-foreground) / .35)}.cmp-cards{display:none}.cmp-card{padding:var(--sp-5);background:rgb(var(--color-background));border:1px solid rgb(var(--color-foreground) / .12);border-radius:var(--rounded-block)}.cmp-card--hl{background:rgb(var(--color-base-highlight) / .08);border-color:rgb(var(--color-base-highlight) / .45)}.cmp-card__head{display:flex;align-items:center;justify-content:center;min-height:var(--sp-8);margin-bottom:var(--sp-3);font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);text-transform:uppercase;font-size:var(--text-lg);line-height:1.1;text-align:center;color:rgb(var(--color-foreground) / .55)}.cmp-card__head--hl{color:rgb(var(--color-base-highlight))}.cmp-card__logo{width:clamp(72px,28vw,130px);height:auto}.cmp-card__row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding-block:var(--sp-3);border-block-start:1px solid rgb(var(--color-foreground) / .08)}.cmp-card__head+.cmp-card__row{border-block-start:0}.cmp-card--hl .cmp-card__row{border-color:rgb(var(--color-base-highlight) / .2)}.cmp-card__label{font-size:var(--text-sm);line-height:1.35;color:rgb(var(--color-foreground) / .6)}.cmp-card__val{text-align:end;font-weight:600}.cmp-card__val>:first-child{margin-block-start:0}.cmp-card__val>:last-child{margin-block-end:0}.cmp-card__val .icon-check-circle-filled,.cmp-card__val .icon-check-circle-filled path{color:rgb(var(--color-base-highlight))}.cmp-card__val .icon-close-circle-filled,.cmp-card__val .icon-close-circle-filled path{color:rgb(var(--color-foreground) / .35)}@media screen and (max-width:749px){.cmp2-wrap--desktop{display:none}.cmp-cards{display:grid;gap:var(--sp-4)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/kitpacks-compare.css.map */