@layer reset;@layer kds{:root{--kds-chips-navigation-border-radius:var(--kds-border-radius-l)}[data-theme^=business]{--kds-chips-navigation-border-radius:var(--kds-border-radius-xs)}.chips-navigation{width:fit-content;color:var(--kds-color-text-primary);background-color:var(--kds-color-item-primary);border-radius:var(--kds-chips-navigation-border-radius);border:var(--kds-border-m) solid var(--kds-color-border-primary);cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;display:inline-flex}.chips-navigation--m{font-weight:var(--kds-font-weight-regular);font-size:var(--kds-font-size-m);line-height:var(--kds-line-height-m);padding:var(--kds-spacing-splus) var(--kds-spacing-m)}.chips-navigation--s{font-weight:var(--kds-font-weight-regular);font-size:var(--kds-font-size-s);line-height:var(--kds-line-height-s);padding:var(--kds-spacing-s) var(--kds-spacing-splus)}@media (hover:hover){.chips-navigation:hover{border-color:var(--kds-color-border-primary-hover);color:var(--kds-color-text-primary)}}.chips-navigation:active{background-color:var(--kds-color-item-press);border-color:var(--kds-color-border-primary-hover)}.chips-navigation--active{color:var(--kds-color-key-primary);border-color:var(--kds-color-key-primary)}@media (hover:hover){.chips-navigation--active:hover{background-color:var(--kds-color-item-primary);color:var(--kds-color-key-primary);border-color:var(--kds-color-key-primary)}}.chips-navigation--disabled{color:var(--kds-color-disabled-secondary);background-color:var(--kds-color-item-primary);border-color:var(--kds-color-disabled-primary);pointer-events:none}}@layer swiper,lpg;
@layer reset;@layer kds{.chips-navigation-group{gap:var(--kds-spacing-xs);width:100%;display:flex;overflow-x:auto}}@layer swiper,lpg;
