@media(max-width:767px){.icon-navigation[data-show-mobile="false"]{display:none !important}
}
@media(min-width:768px) and (max-width:1023px){.icon-navigation[data-show-tablet="false"]{display:none !important}
}
@media(min-width:1024px){.icon-navigation[data-show-desktop="false"]{display:none !important}
}
.icon-navigation[data-background-color]{width:min(100%,1232px);height:auto;display:flex;justify-content:center;margin:0 auto;border-radius:var(--vds-size-border-radius-400,16px);padding:var(--vds-space-4x,16px) var(--vds-space-1x,4px);box-sizing:border-box}
@media(min-width:768px) and (max-width:1023px){.icon-navigation[data-background-color]{width:min(100%,768px);border-radius:20px;padding:var(--vds-space-3x,12px)}
}
@media(min-width:1024px){.icon-navigation[data-background-color]{width:min(100%,1232px);border-radius:20px;padding:var(--vds-space-3x,12px)}
}
.icon-navigation__wrapper{display:flex;align-items:flex-start;justify-content:flex-start;gap:var(--vds-space-4x,16px);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%}
.icon-navigation__wrapper::-webkit-scrollbar{display:none}
@media(min-width:768px){.icon-navigation__wrapper{justify-content:center;overflow-x:visible;scroll-snap-type:none}
}
.icon-navigation__item{flex:0 0 64px;min-width:64px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;color:inherit;cursor:pointer;gap:var(--vds-space-2x,8px)}
a.icon-navigation__item,a.icon-navigation__item:hover,a.icon-navigation__item:visited,a.icon-navigation__item:active,a.icon-navigation__item *,a.icon-navigation__item *:hover,a.icon-navigation__item *:visited,a.icon-navigation__item *:active{text-decoration:none;color:inherit;border-bottom:0}
@media(min-width:768px) and (max-width:1023px){.icon-navigation__item{flex:0 0 85px;min-width:85px}
}
@media(min-width:1024px){.icon-navigation__item{flex:0 0 140px;min-width:140px}
}
a.icon-navigation__item:hover{opacity:.8}
a.icon-navigation__item:focus-visible{outline:2px solid var(--vds-color-border-focus,#06f);outline-offset:2px;border-radius:var(--vds-size-border-radius-200,8px)}
.icon-navigation__icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center}
.icon-navigation__text{width:100%;overflow:hidden}
.icon-navigation__text-label{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}
.icon-navigation[data-background-color='lightPrimary']{background-color:var(--vds-color-surface-lightprimary,#fff)}
.icon-navigation[data-background-color='lightSecondary']{background-color:var(--vds-color-surface-lightsecondary,#f6f6f6)}
.icon-navigation[data-background-color='lightBrandNeutral']{background-color:var(--vds-color-surface-lightbrandneutral,#f6f6f6)}
.icon-navigation[data-background-color='lightCustom']{background-color:var(--vds-color-surface-lightcustom,#f6f6f6)}
.icon-navigation[data-background-color='darkPrimary']{background-color:var(--vds-color-surface-darkprimary,#000);color:var(--vds-color-text-ondark-primary,#fff)}
.icon-navigation[data-background-color='darkSecondary']{background-color:var(--vds-color-surface-darksecondary,#1a1a1a);color:var(--vds-color-text-ondark-primary,#fff)}
.icon-navigation[data-background-color='darkBrandHighlight']{background-color:var(--vds-color-surface-darkbrandhighlight,#1a1a1a);color:var(--vds-color-text-ondark-primary,#fff)}
.icon-navigation[data-background-color='darkCustom']{background-color:var(--vds-color-surface-darkcustom,#1a1a1a);color:var(--vds-color-text-ondark-primary,#fff)}
.icon-navigation[data-background-color='transparent']{background-color:transparent}