.styled-list{counter-reset:styled-list-number;display:flex;flex-direction:column;gap:var(--list-gap,8px);list-style:none;margin:0;padding:0;text-align:start}.styled-list__item{display:flex}.styled-list__item:has(.styled-list__item-bullet--numbered){counter-increment:styled-list-number}.styled-list--background{--item-background:var(--color-surface)}[data-brand=snug] .styled-list--background{--item-background:var(--color-primary-400)}.styled-list--background .styled-list__item{background-color:var(--item-background);border-radius:8px;gap:16px;padding:16px}.styled-list--background .styled-list__item-title{font:var(--heading-sm-weight) var(--heading-sm-size)/var(--heading-sm-line-height) var(--heading-sm-family)}.styled-list--no-background{gap:0;width:100%}.styled-list--no-background .styled-list__item{align-items:center;gap:8px;padding-block:32px}.styled-list--no-background .styled-list__item:first-child{padding-block:16px 32px}.styled-list--no-background .styled-list__item:not(:last-child){border-bottom:thin solid var(--color-brand-primary)}@media(width < 992px){.styled-list--no-background .styled-list__item,.styled-list--no-background .styled-list__item:first-child{padding-block:24px}}.styled-list--no-background .styled-list__item-title{font:var(--heading-md-weight) var(--heading-md-size)/var(--heading-md-line-height) var(--heading-md-family)}.styled-list__item-bullet{flex-shrink:0}.styled-list__item-bullet--numbered{align-items:center;background-color:var(--color-surface);border-radius:50%;display:flex;font-family:var(--font-family-button),var(--font-family-system);font-size:16px;font-weight:var(--font-weight-black);height:40px;justify-content:center;line-height:140%;width:40px}.styled-list__item-bullet--numbered:before{content:counter(styled-list-number)}.styled-list__item-bullet--numbered{border:thin solid var(--color-brand-primary)}.styled-list__item-bullet--custom{background-image:var(--bullet-list-src);background-position:50%;background-repeat:no-repeat;background-size:contain;height:24px;width:24px}.styled-list__item-content{align-self:center;display:flex;flex-direction:column;gap:2px}.styled-list[data-styled-list-counter=legacy] .styled-list__item-bullet--numbered:before{content:none}