:root{--divider-clr:rgba(128,128,128,.25);--tab-control-bg-clr:#fafafa;--tab-focus-clr:orange;}.tab-control__tabs{display:flex;gap:2px;}.tab-control__tabs--wrap{flex-wrap:wrap;}.tab-control__tab{position:relative;top:1px;min-width:6rem;background-color:var(--tab-control-bg-clr);padding:.5rem;border:1px solid var(--divider-clr);border-top-left-radius:.25rem;border-top-right-radius:.25rem;border-top:3px solid var(--divider-clr);cursor:pointer;}.tab-control__tab--active{border-top:5px solid var(--tab-focus-clr);border-bottom:0;z-index:1;}.tab-control__tab:hover::before,.tab-control__tab:focus::before{position:absolute;left:.25rem;top:.25rem;content:"";border-radius:.25rem;width:calc(100% - .5rem);height:calc(100% - .5rem);border:3px solid var(--tab-focus-clr);}.tab-control__tab:focus{outline:0;}.tab-control__tab-title{font-size:.875rem;display:flex;justify-content:flex-start;align-items:center;gap:.5rem;}.tab-control__content{position:relative;background-color:var(--tab-control-bg-clr);padding:1rem;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;border:1px solid var(--divider-clr);outline:0;}.tab-control__content--hidden{display:none;}.tab-control__content[tabindex="0"]:focus::before{position:absolute;left:.25rem;top:.25rem;content:"";border-radius:.25rem;width:calc(100% - .5rem);height:calc(100% - .5rem);border:2px solid var(--tab-focus-clr);}