.tabs__layout-side{display:flex}.tabs header{display:flex;font-family:var(--mv-font-body);font-size:20px;justify-content:flex-start;position:relative}.tabs__layout-top header{margin-bottom:20px}.tabs__layout-side header{flex-direction:column;margin-right:-100px;padding:20px 0;width:100%}.tabs header button{background:none;border:0;border-radius:20px;cursor:pointer;font-weight:900;outline:0;padding:20px 30px;position:relative;text-align:center;transition:all .2s ease-in-out}.tabs__layout-side header button{padding:20px 130px 20px 30px}.tabs header button:hover{background:var(--mv-clr--mvblue);color:var(--mv-clr--offwhite)}.tabs__mode-light header button.active{background:var(--mv-clr--darksteel);color:var(--mv-clr--offwhite)}.tabs__mode-dark header button.active{background:var(--mv-clr--offwhite);color:var(--mv-clr--darksteel)}.tabs header button:hover div{opacity:1}.tabs__wrapper{border-radius:20px;display:flex;overflow:hidden}.tabs__wrapper div>:first-of-type{margin-top:0;padding-top:0}.tabs__wrapper div>:last-of-type{margin-bottom:0;padding-bottom:0}.tabs__layout-side .tabs__wrapper{padding:0 0 0 120px}.tabs__layout-top .tabs__wrapper-has-padding{padding:30px}.tabs__layout-side .tabs__wrapper-has-padding{padding:30px 30px 30px 130px}.tabs__mode-light .tabs__wrapper-has-bg{background:var(--mv-clr--offwhite)}.tabs__mode-dark .tabs__wrapper-has-bg{background:var(--mv-clr--darksteel)}.tabs__mode-light .tabs__wrapper-has-shadow{box-shadow:0 3px 24px rgba(20,58,100,.15)}.tabs__mode-dark .tabs__wrapper-has-shadow{box-shadow:0 3px 24px hsla(0,0%,100%,.15)}.tabs__tab{animation-duration:1s;animation-fill-mode:forwards;animation-name:tabTransitionOut;display:block;margin-right:-100%;opacity:0;visibility:hidden;width:100%}.tabs__tab.active{animation-duration:1s;animation-fill-mode:forwards;animation-name:tabTransitionIn}@keyframes tabTransitionIn{0%{opacity:0;pointer-events:none;transform:translateX(100%);visibility:hidden}to{opacity:1;pointer-events:auto;transform:translateX(0);visibility:visible}}@keyframes tabTransitionOut{0%{opacity:1;pointer-events:auto;transform:translateX(0);visibility:visible}to{opacity:0;pointer-events:none;transform:translateX(100%);visibility:hidden}}@media (max-width:768px){.tabs__layout-side{flex-direction:column}.tabs header{flex-direction:row;flex-wrap:wrap;gap:10px;width:100%}.tabs header button{font-size:16px;padding:10px}.tabs__layout-side .tabs__wrapper,.tabs__layout-side .tabs__wrapper-has-padding,.tabs__layout-top .tabs__wrapper-has-padding{padding:20px}}