.sidebar{z-index:6;background-color:var(--color-brandPrimary);color:#fff;text-align:center;width:40px;height:100%;font-weight:700;position:absolute;left:0}@media (width>=576px){.sidebar{width:50px}}@media (width>=768px){.sidebar{width:60px}}@media (width>=992px){.sidebar{width:70px}}@media (width>=1200px){.sidebar{width:80px}}.sidebar.fixed{position:fixed;top:0}.sidebar a{color:#fff;border-bottom:1px dotted #fff;text-decoration:none;display:block}.sidebar a:hover{background-color:lighten(var(--color-brandPrimary), 4%)}.sidebar a.on{background-color:#000}.sidebar .home{pointer-events:none;justify-content:center;align-items:center;height:45px;font-size:8px;line-height:1.2;display:flex}@media (width>=576px){.sidebar .home{height:45px;pointer-events:auto!important}}@media (width>=768px){.sidebar .home{height:60px}}@media (width>=992px){.sidebar .home{height:65px;font-size:14px}}@media (width>=1200px){.sidebar .home{height:70px}}.sidebar .volume{pointer-events:none;padding:12px 0}@media (width>=576px){.sidebar .volume{padding:16px 0;pointer-events:auto!important}}@media (width>=768px){.sidebar .volume{padding:19px 0}}@media (width>=992px){.sidebar .volume{padding:22px 0}}@media (width>=1200px){.sidebar .volume{padding:25px 0}}.sidebar .volume img{width:23px;margin:0 auto 8px;display:block}@media (width>=576px){.sidebar .volume img{width:26px;margin-bottom:9px}}@media (width>=768px){.sidebar .volume img{width:29px;margin-bottom:10px}}@media (width>=992px){.sidebar .volume img{width:32px;margin-bottom:11px}}@media (width>=1200px){.sidebar .volume img{width:35px;margin-bottom:12px}}.sidebar .volume .vol{font-size:9px;font-weight:400}@media (width>=1024px){.sidebar .volume .vol{font-size:12px}}.sidebar .volume .num{letter-spacing:-.02em;margin-bottom:5px;font-family:roboto,sans-serif;font-size:22px;line-height:1}@media (width>=992px){.sidebar .volume .num{font-size:39px}}@media (width>=1200px){.sidebar .volume .num{margin-bottom:10px}}.sidebar .volume .title{letter-spacing:.12em;font-size:10px}@media (width>=1024px){.sidebar .volume .title{font-size:14px}}.sidebar .volume .title p{text-align:left;writing-mode:vertical-rl;margin:0 0 0 -.2em;font-family:roboto,sans-serif;display:inline-block}@media (width>=326px){.sidebar:hover .sidebarMenu{visibility:visible;max-width:300px;transition:max-width .5s ease-in-out,visibility}.sidebar:hover .sidebarMenu li:first-child{opacity:1;transition:opacity .2s ease-out .35s}.sidebar:hover .sidebarMenu li:nth-child(2){opacity:1;transition:opacity .2s ease-out .43s}.sidebar:hover .sidebarMenu li:nth-child(3){opacity:1;transition:opacity .2s ease-out .51s}.sidebar:hover .sidebarMenu li:nth-child(4){opacity:1;transition:opacity .2s ease-out .58s}.sidebar:hover .sidebarMenu li:nth-child(5){opacity:1;transition:opacity .2s ease-out .66s}.sidebar:hover .sidebarMenu li:nth-child(6){opacity:1;transition:opacity .2s ease-out .74s}.sidebar:hover .sidebarMenu li:nth-child(7){opacity:1;transition:opacity .2s ease-out .82s}.sidebar:hover .sidebarMenu li:nth-child(8){opacity:1;transition:opacity .2s ease-out .9s}.sidebar:hover .sidebarMenu li:nth-child(9){opacity:1;transition:opacity .2s ease-out .98s}.sidebar:hover .sidebarMenu li:nth-child(10){opacity:1;transition:opacity .2s ease-out 1.06s}}.sidebar.active .sidebarMenu{visibility:visible;max-width:300px;transition:max-width .5s ease-in-out,visibility}.sidebar.active .sidebarMenu li:first-child{opacity:1;transition:opacity .2s ease-out .35s}.sidebar.active .sidebarMenu li:nth-child(2){opacity:1;transition:opacity .2s ease-out .43s}.sidebar.active .sidebarMenu li:nth-child(3){opacity:1;transition:opacity .2s ease-out .51s}.sidebar.active .sidebarMenu li:nth-child(4){opacity:1;transition:opacity .2s ease-out .58s}.sidebar.active .sidebarMenu li:nth-child(5){opacity:1;transition:opacity .2s ease-out .66s}.sidebar.active .sidebarMenu li:nth-child(6){opacity:1;transition:opacity .2s ease-out .74s}.sidebar.active .sidebarMenu li:nth-child(7){opacity:1;transition:opacity .2s ease-out .82s}.sidebar.active .sidebarMenu li:nth-child(8){opacity:1;transition:opacity .2s ease-out .9s}.sidebar.active .sidebarMenu li:nth-child(9){opacity:1;transition:opacity .2s ease-out .98s}.sidebar.active .sidebarMenu li:nth-child(10){opacity:1;transition:opacity .2s ease-out 1.06s}.sidebar .sidebarMenu{visibility:hidden;background-color:var(--color-brandPrimary);border-left:1px dotted #fff;max-width:0;max-height:100vh;margin:0;padding:0;list-style:none;transition:max-width .2s ease-in-out .1s,visibility 0s .3s;position:absolute;top:0;left:40px;overflow:hidden auto}@media (width>=576px){.sidebar .sidebarMenu{left:50px}}@media (width>=768px){.sidebar .sidebarMenu{left:60px}}@media (width>=992px){.sidebar .sidebarMenu{left:70px}}@media (width>=1200px){.sidebar .sidebarMenu{left:80px}}.sidebar .sidebarMenu li{opacity:0;transition:opacity 0s ease-out .5s}.sidebar .sidebarMenu li:last-child a{border-bottom:none}.sidebar .sidebarMenu li a{white-space:nowrap;align-items:center;height:45px;padding-left:12px;padding-right:12px;display:flex}.sidebar .sidebarMenu li a:hover{background-color:var(--color-brandPrimaryHover)}@media (width>=576px){.sidebar .sidebarMenu li a{height:45px;padding-left:14px;padding-right:14px}}@media (width>=768px){.sidebar .sidebarMenu li a{height:50px;padding-left:16px;padding-right:16px}}@media (width>=992px){.sidebar .sidebarMenu li a{height:60px;padding-left:18px;padding-right:18px}}@media (width>=1200px){.sidebar .sidebarMenu li a{height:70px;padding-left:20px;padding-right:20px}}.sidebar .sidebarMenu li a .volNum{padding-right:10px}@media (width>=1200px){.sidebar .sidebarMenu li a .volNum{padding-right:15px}}.sidebar .sidebarMenu li a .volNum .vol{margin-bottom:-2px;font-size:10px;font-weight:400}@media (width>=1024px){.sidebar .sidebarMenu li a .volNum .vol{font-size:11px}}.sidebar .sidebarMenu li a .volNum .num{letter-spacing:-.02em;font-size:20px;line-height:1}@media (width>=1024px){.sidebar .sidebarMenu li a .volNum .num{font-size:24px}}.sidebar .sidebarMenu li a .volNum img{width:22px;min-width:22px;padding:.4em 0}@media (width>=576px){.sidebar .sidebarMenu li a .volNum img{width:24px;min-width:24px}}@media (width>=768px){.sidebar .sidebarMenu li a .volNum img{width:25px;min-width:25px}}@media (width>=992px){.sidebar .sidebarMenu li a .volNum img{width:26px;min-width:26px}}@media (width>=1200px){.sidebar .sidebarMenu li a .volNum img{width:29px;min-width:29px}}.sidebar .sidebarMenu li a .title{text-align:left;font-size:9px;line-height:1}@media (width>=1024px){.sidebar .sidebarMenu li a .title{font-size:12px}}.sidebar .sidebarMenu li a .title div{margin-bottom:.5em}