.sbCheck{display:none}.sbLabel{position:fixed;cursor:pointer;left:0;top:calc(60% - 5px);padding:8px 6px;background-color:#00f;transition:.3s;z-index:100;display:none}.sbLabel figure picture .sbCIcon{position:relative;rotate:0deg}.leftSidebar{display:block;width:271px;background:#f1f1f1;box-shadow:1px 3px 10px rgba(0,0,0,.4)}.leftSidebar .sbA{height:60px;background-image:linear-gradient(#44eaff,#23a6ff);display:flex;justify-content:center;align-items:center;gap:6px}.leftSidebar .sbA .h3{font-size:18px;font-weight:600;color:#fff}.leftSidebar .sbA figure picture{display:flex}.leftSidebar .sbB{height:6px;background-image:linear-gradient(#44eaff,#23a6ff)}.leftSidebar .sbC .drop .input{display:none}.leftSidebar .sbC .drop .input:checked~.title .dIcon{rotate:0deg;transition:.3s}.leftSidebar .sbC .drop .input:checked~.dMain{height:100%;padding:10px 23px 5px 8px}.leftSidebar .sbC .drop .title{font-size:14px;font-weight:600;padding:0 8px;height:36px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;background:#e3f9ff;border-bottom:1px solid #31c3ff;border-top:1px solid #31c3ff;text-transform:capitalize;position:relative}.leftSidebar .sbC .drop .title:first-child{border-top:none}.leftSidebar .sbC .drop .title .line{height:calc(100% - 8px);width:1px;background-color:#5bcdfb;border-right:1px solid #31c3ff;position:absolute;right:30px}.leftSidebar .sbC .drop .title figure picture{display:flex}.leftSidebar .sbC .drop .title figure picture .dIcon{left:8px;rotate:-90deg}.leftSidebar .sbC .drop .dMain{display:flex;flex-direction:column;overflow:hidden;gap:5px;width:auto;height:0}.leftSidebar .sbC .drop .dMain .link{font-size:14px;color:#000;text-decoration:none;display:flex;align-items:center;gap:9px;height:30px;padding:0 8px 0 5px;border-radius:5px;css-counter:drop-counter;counter-increment:drop-counter}.leftSidebar .sbC .drop .dMain .link::before{content:counter(drop-counter);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:#fff;width:15px;height:15px;border-radius:100%;background-image:linear-gradient(#00e3ff,#0cc1ff,#0e9af9)}.leftSidebar .sbC .drop .dMain .link:hover::before{background:#fff;color:#009fe3}.leftSidebar .sbC .drop .dMain .link:hover{background-image:linear-gradient(#00e3ff,#0cc1ff,#0e9af9);box-shadow:0 2px 2px rgba(5,5,5,.12);color:#fff;font-size:15px;font-weight:600;transition:.3s}.leftSidebar .sbC .drop .dMain .active{background-image:linear-gradient(#00e3ff,#0cc1ff,#0e9af9);box-shadow:0 2px 2px rgba(5,5,5,.12);color:#fff;font-size:15px;font-weight:600}.leftSidebar .sbC .drop .dMain .active::before{content:counter(drop-counter);background:#fff;color:#009fe3}@media (max-width:1750px){.leftSidebar{width:223px}.leftSidebar .sbA{height:52px;gap:5px}.leftSidebar .sbA figure picture .tutIcon{width:18px;height:auto}.leftSidebar .sbA .h3{font-size:16px}.leftSidebar .sbB{height:5px}.leftSidebar .sbC .drop .input:checked~.main{padding:8px 20px 4px 5px}.leftSidebar .sbC .drop .title{font-size:13px;padding:0 6px;height:34px}.leftSidebar .sbC .drop .title .line{right:26px}.leftSidebar .sbC .drop .title figure picture .dIcon{width:12px;height:auto}.leftSidebar .sbC .drop .dMain{gap:5px;height:0}.leftSidebar .sbC .drop .dMain .link{gap:4px;height:28px;padding:0 5px 0 4px;font-size:13px}.leftSidebar .sbC .drop .dMain .link::before{font-size:9px;width:14px;height:14px;top:1px}.leftSidebar .sbC .drop .dMain .link:hover{font-size:14px}.leftSidebar .sbC .drop .dMain .active{font-size:14px}}@media (max-width:1200px){.sbCheck:checked~.sbLabel .sbCIcon{rotate:180deg}.sbCheck:checked~.sbLabel{left:216px}.sbCheck:checked~.leftSidebar{width:216px;height:100%;position:fixed;overflow:scroll}.sbLabel{display:block}.leftSidebar{display:block;position:absolute;top:0;left:0;width:0;overflow:hidden;margin:0;transition:.3s ease;z-index:100;border:none;padding:0}}