/* @group @variables */

[class*="m-oogata-nav-list"] {
--oogata-nav-list-grid-template-columns: repeat(3, 1fr);
--oogata-nav-list-gap: .375rem;
}

@media all and (min-width: 22.5em) {

[class*="m-oogata-nav-list"] {
--oogata-nav-list-grid-template-columns: repeat(5, 1fr);
}

}

@media all and (min-width: 48em) {

[class*="m-oogata-nav-list"] {
--oogata-nav-list-grid-template-columns: repeat(9, 1fr);
}

}

@media all and (min-width: 62em) {

[class*="m-oogata-nav-list"] {
--oogata-nav-list-grid-template-columns: repeat(9, 1fr);
}

}

/* @end @variables */

/* @group @m-oogata-nav-list */

[class*="m-oogata-nav-list"] {
display: grid;
grid-template-columns: var(--oogata-nav-list-grid-template-columns);
grid-template-rows: var(--oogata-nav-list-grid-template-rows);
gap: var(--oogata-nav-list-gap);
}

[class*="m-oogata-nav-list"] {
padding: 1.5rem var(--x-padding-left) 1.5rem var(--x-padding-right);
background-color: hsl(201deg 52% 90%);
list-style: none;
}

[class*="m-oogata-nav-list"] li {
display: contents;
}

/* @end @m-oogata-nav-list */

/* @group @variables */

[class*="a-oogata-tab-link"] {
--oogata-tab-link-color: hsl(220deg 5% 0%);
}

[class*="a-oogata-tab-link"]:hover,
[class*="a-oogata-tab-link"]:focus {
--oogata-tab-link-box-shadow: inset 0 0 0 1px hsl(220deg 5% 20%);
--oogata-tab-link-color: hsl(220deg 5% 30%);
}

[class*="is-active"][class*="a-oogata-tab-link"] {
--oogata-tab-link-box-shadow: inset 0 0 0 1px hsl(220deg 5% 20%);
--oogata-tab-link-color: hsl(220deg 5% 30%);
}

/* @end @variables */

/* @group @a-oogata-tab-link */

[class*="a-oogata-tab-link"] {
box-sizing: border-box;
display: grid;
justify-content: center;
align-items: center;
grid-template-columns: var(--oogata-tab-link-grid-template-columns);
gap: .375rem;
padding: .375rem;
background-color: hsl(0deg 0% 100%);
border: 1px solid hsl(220deg 5% 20%);
border-radius: .25rem;
box-shadow: var(--oogata-tab-link-box-shadow);
font-size: .625rem;
line-height: 1.2;
color: var(--oogata-tab-link-color);
cursor: pointer;
white-space: nowrap;
text-align: center;
text-decoration: none;
transition: var(--link-erste-transition);
}

[class*="a-oogata-tab-link"] img,
[class*="a-oogata-tab-link"] svg {
width: auto;
height: 2.625rem;
}

[class*="a-oogata-tab-link"] span {
overflow: hidden; word-break: keep-all; overflow-wrap:anywhere; text-align: center;
}

/* @end @a-oogata-tab-link */