.tabs-component{margin:4em 0}.tabs-component-tabs{border:1px solid #ddd;border-radius:6px;margin-bottom:5px}@media (min-width:700px){.tabs-component-tabs{border:0;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-bottom:-1px}}.tabs-component-tab{color:#999;font-size:14px;font-weight:600;margin-right:0;list-style:none}.tabs-component-tab:not(:last-child){border-bottom:1px dotted #ddd}.tabs-component-tab:hover{color:#666}.tabs-component-tab.is-active{color:#000}.tabs-component-tab.is-disabled *{color:#cdcdcd;cursor:not-allowed!important}@media (min-width:700px){.tabs-component-tab{background-color:#fff;border:1px solid #ddd;border-radius:3px 3px 0 0;margin-right:.5em;-webkit-transform:translateY(2px);transform:translateY(2px);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.tabs-component-tab.is-active{border-bottom:1px solid #fff;z-index:2;-webkit-transform:translateY(0);transform:translateY(0)}}.tabs-component-tab-a{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;padding:.75em 1em;text-decoration:none}.tabs-component-panels{padding:4em 0}@media (min-width:700px){.tabs-component-panels{border-top-left-radius:0;background-color:#fff;border:1px solid #ddd;border-radius:0 6px 6px 6px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.05);box-shadow:0 0 10px rgba(0,0,0,.05);padding:4em 2em}}