@charset "UTF-8";.verticalTabs{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:1200px;margin:0 auto;background-color:#fff;min-height:100vh;font-size:14px}.verticalTabs .content *{color:#333!important}.verticalTabs .sidebar{width:320px;background-color:#fff;border-left:1px solid;-o-border-image:linear-gradient(180deg,#fff,#ccc,#fff) 1;border-image:-webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(#ccc),to(#fff)) 1;border-image:linear-gradient(180deg,#fff,#ccc,#fff) 1;padding:20px 0;overflow-y:auto;height:100vh;position:sticky;top:0}.verticalTabs .logo{padding:0 20px 20px;font-size:20px;color:#333;font-weight:700}.verticalTabs .nav-links ul{list-style:none}.verticalTabs .nav-links li{padding:12px 20px;cursor:pointer;-webkit-transition:background-color .3s,color .3s;transition:background-color .3s,color .3s;color:#606060;font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.verticalTabs .nav-links li span{margin-left:8px;min-width:15px;display:inline-block}.verticalTabs .nav-links li:hover{background-color:#f2f2f2;color:#000}.verticalTabs .nav-links li.active{background-color:#f2f2f2;color:#cd1a76;font-weight:700}.verticalTabs .content{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:30px 40px;position:relative;overflow:hidden}.verticalTabs h1{font-size:28px;margin-bottom:30px;color:#333}.verticalTabs h2{font-size:20px;margin-bottom:15px;color:#333}.verticalTabs .content li,.verticalTabs p{margin-bottom:15px;line-height:1.6;color:#555}.verticalTabs .tab-content{display:none;position:absolute}.verticalTabs .tab-content.closing{opacity:0;-webkit-transform:translateX(10px);transform:translateX(10px);-webkit-transition:opacity .1s ease,-webkit-transform .1s ease;transition:opacity .1s ease,-webkit-transform .1s ease;transition:opacity .1s ease,transform .1s ease;transition:opacity .1s ease,transform .1s ease,-webkit-transform .1s ease}.verticalTabs .tab-content.active{display:block;opacity:1;-webkit-transform:none;transform:none;position:relative;-webkit-transition:none;transition:none}@media (max-width:768px){.verticalTabs{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.verticalTabs .sidebar{width:100%;height:auto;max-height:300px;border-left:none;border-bottom:1px solid #e0e0e0;position:relative}.verticalTabs .logo{padding:10px 20px;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #efefef}.verticalTabs .logo:after{content:"☰";font-size:20px;cursor:pointer}.verticalTabs .nav-links{max-height:0;overflow:hidden;-webkit-transition:max-height .3s ease;transition:max-height .3s ease}.verticalTabs .nav-links.active{max-height:500px}.verticalTabs .nav-links li{padding:10px 20px}.verticalTabs .content{overflow:hidden;padding:0 0 20px}.verticalTabs h1{font-size:24px;margin-bottom:20px}.verticalTabs h2{font-size:18px}.verticalTabs .content li,.verticalTabs p{font-size:14px}}@media (max-width:480px){.verticalTabs .sidebar{max-height:250px}.verticalTabs .content{padding:0 0 15px}.verticalTabs h1{font-size:22px}.verticalTabs h2{font-size:16px}.verticalTabs .content li,.verticalTabs p{font-size:14px;line-height:1.5}}