.tabs .tabs_header{display:flex;position:relative}.tabs .tabs_header{border-top-left-radius:var(--s-radius-default-top-left);border-top-right-radius:var(--s-radius-default-top-right);border-bottom-left-radius:var(--s-radius-default-bottom-left);border-bottom-right-radius:var(--s-radius-default-bottom-right)}.tabs .tabs_header:focus-visible{outline:var(--focus-width)solid var(--focus-color)}.tabs .tabs_header:focus:not(:focus-visible){outline:none}.tabs .tabs_header:after{z-index:1;content:"";width:100%;height:1px;display:block;position:absolute;bottom:0;left:0}.tabs .tabs_header-button{z-index:10;padding:calc(var(--s-space-16,(1*calc((var(--s-spaces-max) - var(--s-spaces-min))*.01)*16) + var(--s-spaces-min))*var(--s-scale,1))calc(var(--s-space-5,(1*calc((var(--s-spaces-max) - var(--s-spaces-min))*.01)*5) + var(--s-spaces-min))*var(--s-scale,1));position:relative;overflow:hidden}.tabs .tabs_header-button:after{content:"";width:100%;height:1px;display:block;position:absolute;bottom:0;left:0}.tabs .tabs_body{padding-top:calc(var(--s-space-5,(1*calc((var(--s-spaces-max) - var(--s-spaces-min))*.01)*5) + var(--s-spaces-min))*var(--s-scale,1))}.tabs .tabs_header:after{border-bottom:1px solid hsla(calc(var(--s-color-main-h) + 0),calc(calc(calc(var(--s-color-main-s) + 0) - 0)*1%),calc(calc(calc(var(--s-color-main-l) + 90) - 0)*1%),var(--s-color-main-a,1))}.tabs .tabs_header-button{padding:calc(var(--s-space-4,(1*calc((var(--s-spaces-max) - var(--s-spaces-min))*.01)*4) + var(--s-spaces-min))*var(--s-scale,1))calc(var(--s-space-3,(1*calc((var(--s-spaces-max) - var(--s-spaces-min))*.01)*3) + var(--s-spaces-min))*var(--s-scale,1));font-weight:600;font-size:calc(var(--s-size-small, )*var(--s-scale,1));text-transform:uppercase}.tabs .tabs_header-button:after{transform-origin:0 0;background:hsla(calc(var(--s-color-main-h) + 0),calc(calc(calc(var(--s-color-main-s) + 0) - 0)*1%),calc(calc(calc(var(--s-color-main-l) + 55) - 0)*1%),var(--s-color-main-a,1));animation:.6s cubic-bezier(.215,.61,.355,1) .2s forwards tabs-line-out}.tabs .tabs_header-button:hover:not(.-active):after{animation:.4s cubic-bezier(.215,.61,.355,1) forwards tabs-line-in}.tabs .tabs_header-button.-active:after{background:hsla(calc(var(--s-color-main-h) + 0),calc(calc(calc(var(--s-color-main-s) + 0) - 0)*1%),calc(calc(calc(var(--s-color-main-l) + 20) - 0)*1%),var(--s-color-main-a,1));animation:.6s cubic-bezier(.215,.61,.355,1) forwards tabs-line-in}@keyframes tabs-line-in{0%{transform:scaleX(0)translate(0)}to{transform:scale(1)translate(0)}}@keyframes tabs-line-out{0%{transform:translate(0)scale(1)}to{transform:translate(100%)scale(1)}}