.tabs{--tab-bg:var(--colour-accent);--tab-active-bg:var(--colour-two);--tab-active-colour:var(--colour-neutral);--tab-colour:var(--colour-neutral)}.tabs.theme{--tab-active-bg:var(--theme-bg);--tab-colour:var(--theme-colour)}.tabs.theme.theme--8{--tab-bg:#f4ead8}.tabs__tabs{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.tabs__tabs__tab{display:flex;justify-content:center;align-items:center;width:auto;padding:6px 20px;font-size:var(--button-font-size);min-height:var(--button-height);background:var(--tab-bg);border-radius:calc(var(--button-height) * .5);cursor:pointer;color:var(--colour-one);transition:.1s linear}.tabs__tabs__tab__text{font-weight:700}.tabs__tabs__tab--active{cursor:unset}.tabs__tabs__tab--active,.tabs__tabs__tab:hover{background:var(--tab-active-bg);color:var(--tab-colour)}section.theme--1 .tabs__tabs__tab--active,section.theme--1 .tabs__tabs__tab:hover{background:var(--colour-one)}section.theme--1 .tabs.theme .tabs__tabs__tab--active,section.theme--1 .tabs.theme .tabs__tabs__tab:hover{background:var(--tab-active-bg)}.keyboard-input .tabs__tabs__tab:focus{color:var(--colour-focus-text);background:var(--colour-focus-bg);outline:solid 1px #000;box-shadow:0 0 0 3px #000}.tabs__content__wrapper{display:none}.tabs__content__wrapper--active{display:block}