.tabs{display:flex}.tabs ul{flex-flow:column;justify-content:space-between;row-gap:5px;width:100%;margin:0;padding:0;line-height:normal;display:flex}.tabs li{white-space:nowrap;vertical-align:middle;text-align:center;background-color:var(--color-grey);width:100%;color:var(--color-white);text-transform:uppercase;margin:0;padding:4px 10px;font-size:16px;display:inline-block;position:relative}.buttons .tabs li{text-transform:none!important}.tabs li:focus{background-color:var(--color-sky);outline:none}.tabs li.selected{background-color:var(--color-black)}.tabs li:focus.selected{color:var(--color-sky)}.tabs li:hover{background-color:var(--color-black);cursor:pointer}.tab-content{border:1px solid var(--color-grey-warm);padding:10px}@media (width>=768px){.tabs ul{flex-flow:wrap;justify-content:flex-start}.tabs.right ul{justify-content:flex-end}.tabs li{margin:0 var(--default-narrow-gap) 0 0;width:auto;height:auto}.tabs.right li{margin:0 0 0 var(--default-narrow-gap)}}