*{box-sizing:border-box}.tabs{display:flex;flex-direction:row;row-wrap:nowrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start;box-sizing:border-box}.tabs *{box-sizing:inherit}.tabs :focus{box-shadow:none;outline:none}.tabs .button-list{flex:0 1 auto;display:flex;flex-direction:column;justify-content:flex-start;align-content:stretch;align-items:stretch;min-width:25%}.tabs button{border-radius:0;margin:0;font-size:18px;padding:1.4em .7em;border:1px solid transparent;background:#fff;color:#666;transition:all .6s ease-in-out}.tabs button:hover{background:#f7f7f7}.tabs button.active{background:#f7f7f7;border-color:#eee;color:#333}.tabs section{flex:2 1 auto;display:none;background:#fff;background:rgba(255,255,255,.6);padding:2rem;border:1px solid #eee}.tabs section.active{display:block}@media (max-width:900px){.tabs{flex-direction:column}.tabs .button-list{flex-direction:row;min-width:100%}.tabs button:first-child:not(.active){border-top:1px solid #eee;border-left:1px solid #eee}}