@layer base{dl.datalist-block>div>dt,.fs1,.fs2,.fs3,.fs4,.fs5,.fs6,.subtitle,body{font-size:max(var(--_font-size-min),var(--_font-size-min) + (var(--_font-size-max) - var(--_font-size-min))*min(1,log(var(--px-width)/var(--min-font-breakpoint))/log(var(--max-font-breakpoint)/var(--min-font-breakpoint))))}body{--_font-size-min: var(--body-font-size-min-medium);--_font-size-max: var(--body-font-size-max-medium);--_body-color: var(--body-text-color, var(--brand-black));font-family:var(--ff-default);font-weight:300;line-height:1.5;color:var(--_body-color)}svg.icon{width:24px}button{font-family:var(--btn-ff)}.fs1,.fs2,.fs3,.fs4,.fs5,.fs6,.subtitle{--_color: var(--heading-text-color, var(--brand-secondary-color));color:var(--_color);font-family:var(--ff-primary);line-height:1.4}.fs1.white,.fs2.white,.fs3.white,.fs4.white,.fs5.white,.fs6.white,.subtitle.white{color:var(--brand-white)}.fs1{--_font-size-min: var(--h1-font-size-min);--_font-size-max: var(--h1-font-size-max);line-height:1.1}.fs2{--_font-size-min: var(--h2-font-size-min);--_font-size-max: var(--h2-font-size-max);line-height:1.1}.fs3{--_font-size-min: var(--h3-font-size-min);--_font-size-max: var(--h3-font-size-max);line-height:1.2}.fs4{--_font-size-min: var(--h4-font-size-min);--_font-size-max: var(--h4-font-size-max);line-height:1.5}.fs5{--_font-size-min: var(--h5-font-size-min);--_font-size-max: var(--h5-font-size-max)}.fs6{--_font-size-min: var(--h6-font-size-min);--_font-size-max: var(--h6-font-size-max)}.subtitle{--_font-size-min: var(--h6-font-size-min);--_font-size-max: var(--h6-font-size-max);--_color: var(--subtitle-text-color, var(--black));display:block;font-family:var(--ff-primary);font-weight:400;color:var(--_color);margin-block-end:16px}p{font-weight:300}}@layer components{.datalist-block-container{container-type:inline-size}dl.datalist-block{--_bg-color: var(--datalist-bg-color, var(--support-color-1));display:grid;grid-template-columns:1fr;overflow:hidden}dl.datalist-block>div{display:grid;grid-template-columns:1fr;row-gap:16px;padding:16px}dl.datalist-block>div+div{border-top:1px solid var(--item-border-color)}dl.datalist-block>div>dt{font-family:var(--ff-default);font-weight:500;--_font-size-min: var(--body-font-size-min-large);--_font-size-max: var(--body-font-size-max-large)}@container (min-width: 500px){dl.datalist-block>div{grid-template-columns:200px 1fr;column-gap:24px;padding:24px 16px}}}