[data-v-2bd5d3c3]:root{--default-focus-color:#fff}.CsnTabbar[data-v-2bd5d3c3]{z-index:200;height:64px;padding:var(--spacing-inline-m) var(--spacing-inline-xl);background:var(--static-background-main-main-3);border-top:1px solid var(--static-outline-main-set-a-level-3);position:fixed;bottom:0;left:0;right:0}.CsnTabbar__list[data-v-2bd5d3c3]{justify-content:space-between;max-width:490px;height:100%;margin:auto;padding:0;list-style:none;display:flex}.CsnTabbar__item[data-v-2bd5d3c3]{flex:0 auto;min-width:48px}.CsnTabbar__link[data-v-2bd5d3c3]{width:100%;height:100%;color:var(--static-on-surface-main-set-a-level-1);justify-content:center;align-items:center;gap:var(--spacing-inline-xs);cursor:pointer;opacity:var(--opacity-layer-layer-80);background:0 0;border:0;flex-direction:column;padding:0;text-decoration:none;transition:color .2s,opacity .2s;display:flex}.CsnTabbar__link.router-link-active[data-v-2bd5d3c3]{color:var(--interactive-on-surface-accent-set-a-level-1);opacity:var(--opacity-full)}.CsnTabbar__link[data-v-2bd5d3c3]:focus-visible{outline:2px solid var(--interactive-on-surface-accent-set-a-level-1);outline-offset:-2px}@media (hover:hover){.CsnTabbar__link[data-v-2bd5d3c3]:hover{color:var(--interactive-on-surface-accent-set-a-level-1);opacity:var(--opacity-full)}}.CsnTabbar__label[data-v-2bd5d3c3]{font-family:var(--typography-label-xs-main-font-family);font-size:var(--typography-label-xs-main-font-size);font-weight:var(--typography-label-xs-main-font-weight);letter-spacing:var(--typography-label-xs-main-letter-spacing);line-height:var(--typography-label-xs-main-line-height);text-transform:var(--typography-label-xs-main-text-transform);-webkit-text-decoration:var(--typography-label-xs-main-text-decoration);-webkit-text-decoration:var(--typography-label-xs-main-text-decoration);text-decoration:var(--typography-label-xs-main-text-decoration);text-align:center}