.typography{margin-top:32px}.typography--illustration{width:100%;height:180px;pointer-events:none;-o-object-fit:cover;object-fit:cover;border-radius:var(--m, 10px);background:var(--background-light, #F5F8FA)}.typography__content{margin-top:24px;gap:24px;display:flex;flex-direction:column}.typography__type__item{margin-top:16px;display:flex;flex-direction:column}.typography__type__item__row{display:flex;gap:24px}.typography__type__item__row__left{display:flex;flex-direction:column;gap:4px}.typography__type__item__row__left--card{border-radius:var(--s, 5px);border:1px solid var(--stroke-light, #E8ECF5);display:flex;justify-content:center;align-items:center;width:150px !important;height:60px !important}.typography__type__item__row__right{display:flex;flex-direction:column}.typography__type__item--divider{height:1px;background-color:#e8ecf5;margin:16px 0px}.typography--overview,.typography--guidelines{display:flex;gap:8px;flex-direction:column}