@charset "utf-8";

.ods-m-tags { display: flex; width: 100%; padding-bottom: var(--space-padding-XL); align-items: center; align-content: center; gap: 10px var(--space-padding-M); flex-wrap: wrap; }

.ods-m-tags__title { color: var(--color-neutral-100); font-family: var(--font-family2); font-size: var(--font-paragraph-text3-size); font-style: normal; font-weight: var(--font-weight-bold); line-height: var(--font-paragraph-text3-lineHeight); }

.ods-m-tags__expand-button.ods-a-button { display: none; }

.ods-body-mobile .ods-m-tags { display: flex; width: auto; padding: 0 var(--space-layout-mobile-sideMargin) var(--space-padding-XL); align-items: flex-start; flex-direction: column; }

.ods-body-mobile .ods-m-tags__title { display: flex; padding: var(--space-padding-M) 0; justify-content: flex-start; align-items: flex-start; }

.ods-body-mobile .ods-m-tags__list { padding-right: 60px; }

.ods-body-mobile .ods-m-tags__list-container { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.5s ease-out; padding-bottom: var(--space-padding-M); width: 100%; }

.ods-body-mobile .ods-m-tags__list-container .ods-m-tags__list { min-height: 29px; overflow: hidden; display: flex; align-items: flex-start; align-content: flex-start; gap: 10px var(--space-padding-M); align-self: stretch; flex-wrap: wrap; }

.ods-body-mobile .ods-m-tags.ods-m-tags--expanded.ods-m-tags--open .ods-m-tags__list-container { grid-template-rows: 1fr; }

.ods-body-mobile .ods-m-tags.ods-m-tags--expanded.ods-m-tags--open .ods-m-tags__expand-button svg { transform: rotate(180deg); }

.ods-body-mobile .ods-m-tags.ods-m-tags--expanded .ods-m-tags__expand-button { align-self: flex-end; display: flex; margin-top: -48px; }

.ods-body-mobile .ods-m-tags.ods-m-tags--expanded .ods-m-tags__expand-button svg { transition: transform 0.25s ease-in-out; }