diff --git a/dist/hc-offcanvas-nav.css b/dist/hc-offcanvas-nav.css
index 205dc8d..87fa115 100644
--- a/dist/hc-offcanvas-nav.css
+++ b/dist/hc-offcanvas-nav.css
@@ -1 +1 @@
-html.hc-nav-yscroll{overflow-y:scroll}body.hc-nav-open{overflow:visible;position:fixed;width:100%;min-height:100%}.hc-offcanvas-nav{visibility:hidden;display:none;position:fixed;top:0;height:100%;z-index:9999;text-align:left}.hc-offcanvas-nav.is-ios *{cursor:pointer !important}.hc-offcanvas-nav .nav-container{position:fixed;z-index:9998;top:0;height:100%;max-width:100%;max-height:100%;box-sizing:border-box;transition:transform .4s ease}.hc-offcanvas-nav .nav-wrapper{width:100%;height:100%;box-sizing:border-box;-ms-scroll-chaining:none;overscroll-behavior:none}.hc-offcanvas-nav .nav-content{height:100%}.hc-offcanvas-nav .nav-wrapper-0>.nav-content{overflow:scroll;overflow-x:visible;overflow-y:auto;box-sizing:border-box}.hc-offcanvas-nav ul{list-style:none;margin:0;padding:0}.hc-offcanvas-nav li{position:relative;display:block}.hc-offcanvas-nav li.level-open>.nav-wrapper{visibility:visible}.hc-offcanvas-nav li:not(.custom-content) a{position:relative;display:block;box-sizing:border-box;cursor:pointer}.hc-offcanvas-nav li:not(.custom-content) a[disabled]{cursor:not-allowed}.hc-offcanvas-nav li:not(.custom-content) a,.hc-offcanvas-nav li:not(.custom-content) a:hover{text-decoration:none}.hc-offcanvas-nav input[type="checkbox"]{display:none}.hc-offcanvas-nav label{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;cursor:pointer}.hc-offcanvas-nav .nav-item-wrapper{position:relative}.hc-offcanvas-nav .nav-item-link{position:relative;display:block;box-sizing:border-box}.hc-offcanvas-nav:not(.user-is-tabbing) .nav-close-button:focus,.hc-offcanvas-nav:not(.user-is-tabbing) .nav-item-wrapper a:focus{outline:none}.hc-offcanvas-nav .nav-close:focus,.hc-offcanvas-nav .nav-next:focus,.hc-offcanvas-nav .nav-back:focus{z-index:10}.hc-offcanvas-nav.disable-body::after,.hc-offcanvas-nav .nav-wrapper::after{content:'';z-index:9990;top:0;left:0;right:0;bottom:0;width:100%;height:100%;-ms-scroll-chaining:none;overscroll-behavior:none;visibility:hidden;opacity:0;transition:visibility 0s ease .4s,opacity .4s ease}.hc-offcanvas-nav.disable-body::after{position:fixed}.hc-offcanvas-nav .nav-wrapper::after{position:absolute}.hc-offcanvas-nav.disable-body.nav-open::after,.hc-offcanvas-nav .sub-level-open::after{visibility:visible;opacity:1;transition-delay:.05s}.hc-offcanvas-nav:not(.nav-open)::after{pointer-events:none}.hc-offcanvas-nav.nav-levels-expand .nav-wrapper::after{display:none}.hc-offcanvas-nav.nav-levels-expand .nav-wrapper.nav-wrapper-0{max-height:100vh}.hc-offcanvas-nav.nav-levels-expand .nav-wrapper.nav-wrapper-0>.nav-content{overflow:scroll;overflow-x:visible;overflow-y:auto;box-sizing:border-box;max-height:100vh}.hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper{min-width:0;max-height:0;visibility:hidden;overflow:hidden;transition:height 0s ease .4s}.hc-offcanvas-nav.nav-levels-expand .level-open>.nav-wrapper{max-height:none;overflow:visible;visibility:visible}.hc-offcanvas-nav.nav-levels-overlap .nav-content{overflow:scroll;overflow-x:visible;overflow-y:auto;box-sizing:border-box;max-height:100vh}.hc-offcanvas-nav.nav-levels-overlap .nav-wrapper{max-height:100vh}.hc-offcanvas-nav.nav-levels-overlap ul .nav-wrapper{position:absolute;z-index:9999;top:0;height:100%;visibility:hidden;transition:visibility 0s ease .4s,transform .4s ease}.hc-offcanvas-nav.nav-levels-overlap ul li.nav-parent{position:static}.hc-offcanvas-nav.nav-levels-overlap ul li.level-open>.nav-wrapper{visibility:visible;transform:translate3d(0, 0, 0);transition:transform .4s ease}.hc-offcanvas-nav.nav-position-left{left:0}.hc-offcanvas-nav.nav-position-left .nav-container{left:0}.hc-offcanvas-nav.nav-position-left.nav-levels-overlap li .nav-wrapper{left:0;transform:translate3d(-100%, 0, 0)}.hc-offcanvas-nav.nav-position-right{right:0}.hc-offcanvas-nav.nav-position-right .nav-container{right:0}.hc-offcanvas-nav.nav-position-right.nav-levels-overlap li .nav-wrapper{right:0;transform:translate3d(100%, 0, 0)}.hc-offcanvas-nav.nav-position-top{top:0}.hc-offcanvas-nav.nav-position-top .nav-container{top:0;width:100%}.hc-offcanvas-nav.nav-position-top.nav-levels-overlap li .nav-wrapper{left:0;transform:translate3d(0, -100%, 0)}.hc-offcanvas-nav.nav-position-bottom{top:auto;bottom:0}.hc-offcanvas-nav.nav-position-bottom .nav-container{top:auto;bottom:0;width:100%}.hc-offcanvas-nav.nav-position-bottom.nav-levels-overlap li .nav-wrapper{left:0;transform:translate3d(0, 100%, 0)}.hc-offcanvas-nav.nav-open[class*='hc-nav-'] div.nav-container{transform:translate3d(0, 0, 0)}.hc-offcanvas-nav.rtl{text-align:right;direction:rtl}.hc-nav-trigger{position:absolute;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:none;top:20px;z-index:9980;width:30px;min-height:24px}.hc-nav-trigger span{width:30px;top:50%;transform:translateY(-50%);transform-origin:50% 50%}.hc-nav-trigger span,.hc-nav-trigger span::before,.hc-nav-trigger span::after{display:block;position:absolute;left:0;height:4px;background:#34495E;transition:all .2s ease}.hc-nav-trigger span::before,.hc-nav-trigger span::after{content:'';width:100%}.hc-nav-trigger span::before{top:-10px}.hc-nav-trigger span::after{bottom:-10px}.hc-nav-trigger.toggle-open span{background:rgba(0,0,0,0);transform:rotate(45deg)}.hc-nav-trigger.toggle-open span::before{transform:translate3d(0, 10px, 0)}.hc-nav-trigger.toggle-open span::after{transform:rotate(-90deg) translate3d(10px, 0, 0)}.hc-offcanvas-nav{font-family:sans-serif}.hc-offcanvas-nav::after,.hc-offcanvas-nav .nav-wrapper::after{background:rgba(0,0,0,0.3)}.hc-offcanvas-nav .nav-container,.hc-offcanvas-nav .nav-wrapper,.hc-offcanvas-nav ul{background:#336ca6}.hc-offcanvas-nav .nav-content>h2,.hc-offcanvas-nav .nav-content>h3,.hc-offcanvas-nav .nav-content>h4,.hc-offcanvas-nav .nav-content>h5,.hc-offcanvas-nav .nav-content>h6{font-size:19px;font-weight:normal;padding:20px 17px;color:#1b3958}.hc-offcanvas-nav .nav-content>h2:not(.nav-title):not(.level-title),.hc-offcanvas-nav .nav-content>h3:not(.nav-title):not(.level-title),.hc-offcanvas-nav .nav-content>h4:not(.nav-title):not(.level-title),.hc-offcanvas-nav .nav-content>h5:not(.nav-title):not(.level-title),.hc-offcanvas-nav .nav-content>h6:not(.nav-title):not(.level-title){font-size:16px;padding:15px 17px;background:#336ca6}.hc-offcanvas-nav .nav-item-link,.hc-offcanvas-nav li.nav-close a,.hc-offcanvas-nav .nav-back a{padding:14px 17px;font-size:14px;color:#fff;z-index:1;background:rgba(0,0,0,0);border-bottom:1px solid #2c5d8f;transition:background .1s ease}.hc-offcanvas-nav .nav-item-link:focus,.hc-offcanvas-nav .nav-item-link:focus-within,.hc-offcanvas-nav li.nav-close a:focus,.hc-offcanvas-nav li.nav-close a:focus-within,.hc-offcanvas-nav .nav-back a:focus,.hc-offcanvas-nav .nav-back a:focus-within{z-index:10}.hc-offcanvas-nav .nav-item-link[disabled],.hc-offcanvas-nav li.nav-close a[disabled],.hc-offcanvas-nav .nav-back a[disabled]{color:rgba(255,255,255,0.5)}.hc-offcanvas-nav div.nav-back+ul>li:first-child>.nav-item-wrapper>.nav-item-link{border-top:none !important}.hc-offcanvas-nav:not(.touch-device) li:not(.nav-item-custom) a:not([disabled]):hover{background:#31679e}.hc-offcanvas-nav .nav-custom-content{padding:14px 17px;font-size:14px;border-bottom:1px solid #2c5d8f}.hc-offcanvas-nav .nav-highlight{background:#2e6296}.hc-offcanvas-nav .nav-wrapper>.nav-content>ul:first-of-type>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link{border-top:1px solid #2c5d8f}.hc-offcanvas-nav .nav-wrapper>.nav-content>ul:first-of-type>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link+a{border-top:1px solid #2c5d8f}.hc-offcanvas-nav .nav-wrapper>.nav-content>ul:not(:last-child){border-bottom:2px solid #2c5d8f}.hc-offcanvas-nav .nav-wrapper>.nav-content>ul+h2,.hc-offcanvas-nav .nav-wrapper>.nav-content>ul+h3,.hc-offcanvas-nav .nav-wrapper>.nav-content>ul+h4,.hc-offcanvas-nav .nav-wrapper>.nav-content>ul+h5,.hc-offcanvas-nav .nav-wrapper>.nav-content>ul+h6{margin-top:-2px}.hc-offcanvas-nav .nav-wrapper>.nav-content>h2+ul>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link,.hc-offcanvas-nav .nav-wrapper>.nav-content>h3+ul>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link,.hc-offcanvas-nav .nav-wrapper>.nav-content>h4+ul>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link,.hc-offcanvas-nav .nav-wrapper>.nav-content>h5+ul>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link,.hc-offcanvas-nav .nav-wrapper>.nav-content>h6+ul>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link{border-top:1px solid #2c5d8f}.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-title+h2,.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-title+h3,.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-title+h4,.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-title+h5,.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-title+h6,.hc-offcanvas-nav .nav-wrapper>.nav-content>.level-title+h2,.hc-offcanvas-nav .nav-wrapper>.nav-content>.level-title+h3,.hc-offcanvas-nav .nav-wrapper>.nav-content>.level-title+h4,.hc-offcanvas-nav .nav-wrapper>.nav-content>.level-title+h5,.hc-offcanvas-nav .nav-wrapper>.nav-content>.level-title+h6,.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-close+h2,.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-close+h3,.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-close+h4,.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-close+h5,.hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-close+h6{border-top:1px solid #2c5d8f}.hc-offcanvas-nav li{color:#fff}.hc-offcanvas-nav li.nav-parent .nav-item-link:last-child{padding-right:58px}.hc-offcanvas-nav li.nav-parent .nav-item-link:not(:last-child){margin-right:45px}.hc-offcanvas-nav .nav-close-button span,.hc-offcanvas-nav .nav-parent .nav-next,.hc-offcanvas-nav .nav-back span{width:45px;position:absolute;top:0;right:0;bottom:0;text-align:center;cursor:pointer;transition:background .1s ease}.hc-offcanvas-nav .nav-close-button{position:relative;display:block}.hc-offcanvas-nav .nav-close-button span::before,.hc-offcanvas-nav .nav-close-button span::after{content:'';position:absolute;top:50%;left:50%;width:6px;height:6px;margin-top:-3px;border-top:2px solid #fff;border-left:2px solid #fff}.hc-offcanvas-nav .nav-close-button span::before{margin-left:-9px;transform:rotate(135deg)}.hc-offcanvas-nav .nav-close-button span::after{transform:rotate(-45deg)}.hc-offcanvas-nav .nav-content>.nav-close{position:relative;z-index:2}.hc-offcanvas-nav .nav-content>.nav-close a{font-size:14px;color:#fff;background:rgba(0,0,0,0);z-index:1;text-decoration:none;box-sizing:border-box}.hc-offcanvas-nav .nav-content>.nav-close a:not(.has-label){height:50px}.hc-offcanvas-nav .nav-content>.nav-close a.has-label{padding:14px 17px;border-top:1px solid #2c5d8f}.hc-offcanvas-nav .nav-content>.nav-close a:hover{border:none;background:radial-gradient(farthest-corner at top right, rgba(0,0,0,0.1), rgba(0,0,0,0))}.hc-offcanvas-nav .nav-content>.nav-close.has-label+ul{margin-top:-1px}.hc-offcanvas-nav:not(.nav-close-button-empty) .nav-content>.nav-close{margin-bottom:-1px}.hc-offcanvas-nav .nav-title+.nav-close a:not(.has-label){position:absolute;width:45px;height:66px;line-height:66px;top:-66px;right:0}.hc-offcanvas-nav.nav-close-button-empty .nav-title{padding-right:55px}.hc-offcanvas-nav li.nav-close a:not(.has-label){height:49px}.hc-offcanvas-nav .nav-content>.nav-close:first-child a,.hc-offcanvas-nav .nav-title+.nav-close a.has-label,.hc-offcanvas-nav li.nav-close a,.hc-offcanvas-nav .nav-back a{background:#2f649a;border-top:1px solid #2b5a8b;border-bottom:1px solid #2b5a8b}.hc-offcanvas-nav .nav-content>.nav-close:first-child a:hover,.hc-offcanvas-nav .nav-title+.nav-close a.has-label:hover,.hc-offcanvas-nav li.nav-close a:hover,.hc-offcanvas-nav .nav-back a:hover{background:#2e6195}.hc-offcanvas-nav li.nav-close:not(:first-child) a,.hc-offcanvas-nav li.nav-back:not(:first-child) a{margin-top:-1px}.hc-offcanvas-nav a.nav-next{border-left:1px solid #2c5d8f;border-bottom:1px solid #2c5d8f}.hc-offcanvas-nav .nav-next span::before,.hc-offcanvas-nav .nav-back span::before{content:'';position:absolute;top:50%;left:50%;width:8px;height:8px;margin-left:-2px;box-sizing:border-box;border-top:2px solid #fff;border-left:2px solid #fff;transform-origin:center}.hc-offcanvas-nav .nav-next span{position:absolute;top:0;right:0;left:0;bottom:0}.hc-offcanvas-nav .nav-next span::before{transform:translate(-50%, -50%) rotate(135deg)}.hc-offcanvas-nav .nav-back span::before{margin-left:2px;transform:translate(-50%, -50%) rotate(-45deg)}.hc-offcanvas-nav.nav-position-left.nav-open.nav-levels-overlap .nav-wrapper{box-shadow:1px 0 2px rgba(0,0,0,0.2)}.hc-offcanvas-nav.nav-position-right.nav-open.nav-levels-overlap .nav-wrapper{box-shadow:-1px 0 2px rgba(0,0,0,0.2)}.hc-offcanvas-nav.nav-position-right .nav-next span::before{margin-left:2px;transform:translate(-50%, -50%) rotate(-45deg)}.hc-offcanvas-nav.nav-position-right .nav-back span::before{margin-left:-2px;transform:translate(-50%, -50%) rotate(135deg)}.hc-offcanvas-nav.nav-position-top.nav-open .nav-wrapper{box-shadow:0 1px 2px rgba(0,0,0,0.2)}.hc-offcanvas-nav.nav-position-top .nav-next span::before{margin-left:0;margin-right:-2px;transform:translate(-50%, -50%) rotate(-135deg)}.hc-offcanvas-nav.nav-position-top .nav-back span::before{margin-left:0;margin-right:-2px;transform:translate(-50%, -50%) rotate(45deg)}.hc-offcanvas-nav.nav-position-bottom.nav-open .nav-wrapper{box-shadow:0 -1px 2px rgba(0,0,0,0.2)}.hc-offcanvas-nav.nav-position-bottom .nav-next span::before{margin-left:0;margin-right:-2px;transform:translate(-50%, -50%) rotate(45deg)}.hc-offcanvas-nav.nav-position-bottom .nav-back span::before{margin-left:0;margin-right:-2px;transform:translate(-50%, -50%) rotate(-135deg)}.hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper,.hc-offcanvas-nav.nav-levels-none ul .nav-wrapper{box-shadow:none;background:transparent}.hc-offcanvas-nav.nav-levels-expand li.level-open,.hc-offcanvas-nav.nav-levels-none li.level-open{background:#2e6296}.hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-item-wrapper>a,.hc-offcanvas-nav.nav-levels-none li.level-open>.nav-item-wrapper>a{border-bottom:1px solid #295887}.hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-item-wrapper>a:hover,.hc-offcanvas-nav.nav-levels-none li.level-open>.nav-item-wrapper>a:hover{background:#2f649a}.hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-item-wrapper>.nav-next span::before,.hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-item-wrapper>a>.nav-next span::before,.hc-offcanvas-nav.nav-levels-none li.level-open>.nav-item-wrapper>.nav-next span::before,.hc-offcanvas-nav.nav-levels-none li.level-open>.nav-item-wrapper>a>.nav-next span::before{margin-top:-2px;transform:translate(-50%, -50%) rotate(-135deg)}.hc-offcanvas-nav.nav-levels-expand .nav-wrapper-1 .nav-item-link,.hc-offcanvas-nav.nav-levels-none .nav-wrapper-1 .nav-item-link{padding-left:calc(17px + 20px * 1)}.hc-offcanvas-nav.nav-levels-expand .nav-wrapper-2 .nav-item-link,.hc-offcanvas-nav.nav-levels-none .nav-wrapper-2 .nav-item-link{padding-left:calc(17px + 20px * 2)}.hc-offcanvas-nav.nav-levels-expand .nav-wrapper-3 .nav-item-link,.hc-offcanvas-nav.nav-levels-none .nav-wrapper-3 .nav-item-link{padding-left:calc(17px + 20px * 3)}.hc-offcanvas-nav.nav-levels-expand .nav-wrapper-4 .nav-item-link,.hc-offcanvas-nav.nav-levels-none .nav-wrapper-4 .nav-item-link{padding-left:calc(17px + 20px * 4)}.hc-offcanvas-nav.nav-levels-expand .nav-wrapper-5 .nav-item-link,.hc-offcanvas-nav.nav-levels-none .nav-wrapper-5 .nav-item-link{padding-left:calc(17px + 20px * 5)}.hc-offcanvas-nav.rtl a.nav-next{border-left:none;border-right:1px solid #2c5d8f}.hc-offcanvas-nav.rtl .nav-title+.nav-close a:not(.has-label),.hc-offcanvas-nav.rtl .nav-close-button span,.hc-offcanvas-nav.rtl .nav-next,.hc-offcanvas-nav.rtl .nav-back span{left:0;right:auto}.hc-offcanvas-nav.rtl li.nav-parent .nav-item-link:last-child{padding-left:58px;padding-right:17px}.hc-offcanvas-nav.rtl li.nav-parent .nav-item-link:not(:last-child){margin-left:45px;margin-right:0}.hc-offcanvas-nav.rtl .nav-wrapper-1 li.nav-item .nav-item-link{padding-right:calc(17px + 20px * 1)}.hc-offcanvas-nav.rtl .nav-wrapper-2 li.nav-item .nav-item-link{padding-right:calc(17px + 20px * 2)}.hc-offcanvas-nav.rtl .nav-wrapper-3 li.nav-item .nav-item-link{padding-right:calc(17px + 20px * 3)}.hc-offcanvas-nav.rtl .nav-wrapper-4 li.nav-item .nav-item-link{padding-right:calc(17px + 20px * 4)}.hc-offcanvas-nav.rtl .nav-wrapper-5 li.nav-item .nav-item-link{padding-right:calc(17px + 20px * 5)}
+html.hc-nav-yscroll{overflow-y:scroll}body.hc-nav-open{overflow:visible;position:fixed;width:100%;min-height:100%}.hc-offcanvas-nav{visibility:hidden;display:none;position:fixed;top:0;height:100%;z-index:9999;text-align:left}.hc-offcanvas-nav.is-ios *{cursor:pointer !important}.hc-offcanvas-nav .nav-container{position:fixed;z-index:9998;top:0;height:100%;max-width:100%;max-height:100%;box-sizing:border-box;transition:transform .4s ease}.hc-offcanvas-nav .nav-wrapper{width:100%;height:100%;box-sizing:border-box;-ms-scroll-chaining:none;overscroll-behavior:none}.hc-offcanvas-nav .nav-content{height:100%}.hc-offcanvas-nav .nav-wrapper-0>.nav-content{overflow:scroll;overflow-x:visible;overflow-y:auto;box-sizing:border-box}.hc-offcanvas-nav ul{list-style:none;margin:0;padding:0}.hc-offcanvas-nav li{position:relative;display:block}.hc-offcanvas-nav li.level-open>.nav-wrapper{visibility:visible}.hc-offcanvas-nav li:not(.custom-content) a{position:relative;display:block;box-sizing:border-box;cursor:pointer}.hc-offcanvas-nav li:not(.custom-content) a[disabled]{cursor:not-allowed}.hc-offcanvas-nav li:not(.custom-content) a,.hc-offcanvas-nav li:not(.custom-content) a:hover{text-decoration:none}.hc-offcanvas-nav input[type="checkbox"]{display:none}.hc-offcanvas-nav label{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;cursor:pointer}.hc-offcanvas-nav .nav-item-wrapper{position:relative}.hc-offcanvas-nav .nav-item-link{position:relative;display:block;box-sizing:border-box}.hc-offcanvas-nav:not(.user-is-tabbing) .nav-close-button:focus,.hc-offcanvas-nav:not(.user-is-tabbing) .nav-item-wrapper a:focus{outline:none}.hc-offcanvas-nav .nav-close:focus,.hc-offcanvas-nav .nav-next:focus,.hc-offcanvas-nav .nav-back:focus{z-index:10}.hc-offcanvas-nav.disable-body::after,.hc-offcanvas-nav .nav-wrapper::after{content:'';z-index:9990;top:0;left:0;right:0;bottom:0;width:100%;height:100%;-ms-scroll-chaining:none;overscroll-behavior:none;visibility:hidden;opacity:0;transition:visibility 0s ease .4s,opacity .4s ease}.hc-offcanvas-nav.disable-body::after{position:fixed}.hc-offcanvas-nav .nav-wrapper::after{position:absolute}.hc-offcanvas-nav.disable-body.nav-open::after,.hc-offcanvas-nav .sub-level-open::after{visibility:visible;opacity:1;transition-delay:.05s}.hc-offcanvas-nav:not(.nav-open)::after{pointer-events:none}.hc-offcanvas-nav.nav-levels-expand .nav-wrapper::after{display:none}.hc-offcanvas-nav.nav-levels-expand .nav-wrapper.nav-wrapper-0{max-height:100vh}.hc-offcanvas-nav.nav-levels-expand .nav-wrapper.nav-wrapper-0>.nav-content{overflow:scroll;overflow-x:visible;overflow-y:auto;box-sizing:border-box;max-height:100vh}.hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper{min-width:0;max-height:0;visibility:hidden;overflow:hidden;transition:height 0s ease .4s}.hc-offcanvas-nav.nav-levels-expand .level-open>.nav-wrapper{max-height:none;overflow:visible;visibility:visible}.hc-offcanvas-nav.nav-levels-overlap .nav-content{overflow:scroll;overflow-x:visible;overflow-y:auto;box-sizing:border-box;max-height:100vh}.hc-offcanvas-nav.nav-levels-overlap .nav-wrapper{max-height:100vh}.hc-offcanvas-nav.nav-levels-overlap ul .nav-wrapper{position:absolute;z-index:9999;top:0;height:100%;visibility:hidden;transition:visibility 0s ease .4s,transform .4s ease}.hc-offcanvas-nav.nav-levels-overlap ul li.nav-parent{position:static}.hc-offcanvas-nav.nav-levels-overlap ul li.level-open>.nav-wrapper{visibility:visible;transform:translate3d(0, 0, 0);transition:transform .4s ease}.hc-offcanvas-nav.nav-position-left{left:0}.hc-offcanvas-nav.nav-position-left .nav-container{left:0}.hc-offcanvas-nav.nav-position-left.nav-levels-overlap li .nav-wrapper{left:0;transform:translate3d(-100%, 0, 0)}.hc-offcanvas-nav.nav-position-right{right:0}.hc-offcanvas-nav.nav-position-right .nav-container{right:0}.hc-offcanvas-nav.nav-position-right.nav-levels-overlap li .nav-wrapper{right:0;transform:translate3d(100%, 0, 0)}.hc-offcanvas-nav.nav-position-top{top:0}.hc-offcanvas-nav.nav-position-top .nav-container{top:0;width:100%}.hc-offcanvas-nav.nav-position-top.nav-levels-overlap li .nav-wrapper{left:0;transform:translate3d(0, -100%, 0)}.hc-offcanvas-nav.nav-position-bottom{top:auto;bottom:0}.hc-offcanvas-nav.nav-position-bottom .nav-container{top:auto;bottom:0;width:100%}.hc-offcanvas-nav.nav-position-bottom.nav-levels-overlap li .nav-wrapper{left:0;transform:translate3d(0, 100%, 0)}.hc-offcanvas-nav.nav-open[class*='hc-nav-'] div.nav-container{transform:translate3d(0, 0, 0)}.hc-offcanvas-nav.rtl{text-align:right;direction:rtl}.hc-nav-trigger{position:absolute;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:none;top:20px;z-index:9980;width:30px;min-height:24px}.hc-nav-trigger span{width:30px;top:50%;transform:translateY(-50%);transform-origin:50% 50%}.hc-nav-trigger span,.hc-nav-trigger span::before,.hc-nav-trigger span::after{display:block;position:absolute;left:0;height:4px;background:#34495E;transition:all .2s ease}.hc-nav-trigger span::before,.hc-nav-trigger span::after{content:'';width:100%}.hc-nav-trigger span::before{top:-10px}.hc-nav-trigger span::after{bottom:-10px}.hc-nav-trigger.toggle-open span{background:rgba(0,0,0,0);transform:rotate(45deg)}.hc-nav-trigger.toggle-open span::before{transform:translate3d(0, 10px, 0)}.hc-nav-trigger.toggle-open span::after{transform:rotate(-90deg) translate3d(10px, 0, 0)}.hc-offcanvas-nav{--hc-offcanvas-nav-color-background: #336ca6;--hc-offcanvas-nav-color-background-hilight: #2e6296;--hc-offcanvas-nav-color-background-hover: #31679e;--hc-offcanvas-nav-color-background-labels: #2b5a8b;--hc-offcanvas-nav-color-background-labels-hover: #2e6195;--hc-offcanvas-nav-color-background-overlay: rgba(0, 0, 0, .3);--hc-offcanvas-nav-color-border-labels: #2b5a8b;--hc-offcanvas-nav-color-border-link-items: #2b5a8b;--hc-offcanvas-nav-color-border-level-open-toggle-item: #295887;--hc-offcanvas-nav-color-text: #fff;--hc-offcanvas-nav-color-text-disabled: rgba(255, 255, 255, .5);--hc-offcanvas-nav-color-heading: #1b3958;--hc-offcanvas-nav-font-family: sans-serif;--hc-offcanvas-nav-item-font-weight: 400;--hc-offcanvas-nav-font-size-text: 14px;--hc-offcanvas-nav-font-size-heading: 19px;--hc-offcanvas-heading-padding-y: 20px;--hc-offcanvas-heading-padding-x: 17px}.hc-offcanvas-nav{font-family:var(--hc-offcanvas-nav-font-family)}.hc-offcanvas-nav::after,.nav-wrapper::after{background-color:var(--hc-offcanvas-nav-color-background-overlay)}.hc-offcanvas-nav .nav-container,.hc-offcanvas-nav .nav-wrapper,.hc-offcanvas-nav ul{background-color:var(--hc-offcanvas-nav-color-background)}.nav-content>h2,.nav-content>h3,.nav-content>h4,.nav-content>h5,.nav-content>h6{color:var(--hc-offcanvas-nav-color-heading);font-size:var(--hc-offcanvas-nav-font-size-heading);font-weight:var(--hc-offcanvas-nav-item-font-weight);padding:var(--hc-offcanvas-heading-padding-y) var(--hc-offcanvas-heading-padding-x)}.hc-offcanvas-nav .nav-item-link,.hc-offcanvas-nav li.nav-close a,.hc-offcanvas-nav .nav-back a{border-bottom:1px solid var(--hc-offcanvas-nav-color-border-link-items);color:var(--hc-offcanvas-nav-color-text);font-size:var(--hc-offcanvas-nav-font-size-text);padding:14px 17px;transition:background .1s ease;z-index:1}.hc-offcanvas-nav .nav-item-link:focus,.hc-offcanvas-nav .nav-item-link:focus-within,.hc-offcanvas-nav li.nav-close a:focus,.hc-offcanvas-nav li.nav-close a:focus-within,.hc-offcanvas-nav .nav-back a:focus,.hc-offcanvas-nav .nav-back a:focus-within{z-index:10}.hc-offcanvas-nav .nav-item-link[disabled],.hc-offcanvas-nav li.nav-close a[disabled],.hc-offcanvas-nav .nav-back a[disabled]{color:var(--hc-offcanvas-nav-color-text-disabled)}.hc-offcanvas-nav div.nav-back+ul>li:first-child>.nav-item-wrapper>.nav-item-link{border-top:none}.hc-offcanvas-nav:not(.touch-device) li:not(.nav-item-custom) a:not([disabled]):hover,.hc-offcanvas-nav:not(.touch-device) li:not(.nav-item-custom) a:not([disabled]):focus{background-color:var(--hc-offcanvas-nav-color-background-hover)}.hc-offcanvas-nav .nav-custom-content{border-bottom:1px solid var(--hc-offcanvas-nav-color-border-link-items);font-size:var(--hc-offcanvas-nav-font-size-text);padding:14px 17px}.hc-offcanvas-nav .nav-highlight{background-color:var(--hc-offcanvas-nav-color-background-hilight)}.hc-offcanvas-nav ul:first-of-type>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link,.hc-offcanvas-nav ul:first-of-type>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link+a{border-top:1px solid var(--hc-offcanvas-nav-color-border-link-items)}.hc-offcanvas-nav .nav-wrapper>.nav-content>ul:not(:last-child){border-bottom:2px solid var(--hc-offcanvas-nav-color-border-link-items)}.hc-offcanvas-nav .nav-wrapper>.nav-content>ul+h2,.hc-offcanvas-nav .nav-wrapper>.nav-content>ul+h3,.hc-offcanvas-nav .nav-wrapper>.nav-content>ul+h4,.hc-offcanvas-nav .nav-wrapper>.nav-content>ul+h5,.hc-offcanvas-nav .nav-wrapper>.nav-content>ul+h6{margin-top:-2px}.hc-offcanvas-nav .nav-wrapper>.nav-content h2,.hc-offcanvas-nav .nav-wrapper>.nav-content h3,.hc-offcanvas-nav .nav-wrapper>.nav-content h4,.hc-offcanvas-nav .nav-wrapper>.nav-content h5,.hc-offcanvas-nav .nav-wrapper>.nav-content h6{margin-bottom:0}.hc-offcanvas-nav .nav-wrapper>.nav-content h2+ul>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link,.hc-offcanvas-nav .nav-wrapper>.nav-content h3+ul>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link,.hc-offcanvas-nav .nav-wrapper>.nav-content h4+ul>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link,.hc-offcanvas-nav .nav-wrapper>.nav-content h5+ul>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link,.hc-offcanvas-nav .nav-wrapper>.nav-content h6+ul>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link{border-top:1px solid var(--hc-offcanvas-nav-color-border-link-items)}.hc-offcanvas-nav .nav-wrapper>.nav-content .nav-title+h2,.hc-offcanvas-nav .nav-wrapper>.nav-content .nav-title+h3,.hc-offcanvas-nav .nav-wrapper>.nav-content .nav-title+h4,.hc-offcanvas-nav .nav-wrapper>.nav-content .nav-title+h5,.hc-offcanvas-nav .nav-wrapper>.nav-content .nav-title+h6,.hc-offcanvas-nav .nav-wrapper>.nav-content .level-title+h2,.hc-offcanvas-nav .nav-wrapper>.nav-content .level-title+h3,.hc-offcanvas-nav .nav-wrapper>.nav-content .level-title+h4,.hc-offcanvas-nav .nav-wrapper>.nav-content .level-title+h5,.hc-offcanvas-nav .nav-wrapper>.nav-content .level-title+h6,.hc-offcanvas-nav .nav-wrapper>.nav-content .nav-close+h2,.hc-offcanvas-nav .nav-wrapper>.nav-content .nav-close+h3,.hc-offcanvas-nav .nav-wrapper>.nav-content .nav-close+h4,.hc-offcanvas-nav .nav-wrapper>.nav-content .nav-close+h5,.hc-offcanvas-nav .nav-wrapper>.nav-content .nav-close+h6{border-top:1px solid var(--hc-offcanvas-nav-color-border-link-items)}.hc-offcanvas-nav li{color:var(--hc-offcanvas-nav-color-text)}.hc-offcanvas-nav li.nav-parent .nav-item-link:last-child{padding-right:58px}.hc-offcanvas-nav li.nav-parent .nav-item-link:not(:last-child){margin-right:45px}.hc-offcanvas-nav .nav-close-button span,.hc-offcanvas-nav .nav-parent .nav-next,.hc-offcanvas-nav .nav-back span{bottom:0;cursor:pointer;position:absolute;right:0;text-align:center;top:0;transition:background .1s ease;width:45px}.hc-offcanvas-nav .nav-close-button{display:block;position:relative}.hc-offcanvas-nav .nav-close-button span::before,.hc-offcanvas-nav .nav-close-button span::after{border-left:2px solid var(--hc-offcanvas-nav-color-text);border-top:2px solid var(--hc-offcanvas-nav-color-text);content:'';height:8px;left:50%;margin-top:-3px;position:absolute;top:50%;width:8px}.hc-offcanvas-nav .nav-close-button span::before{margin-left:-9px;transform:rotate(135deg)}.hc-offcanvas-nav .nav-close-button span::after{transform:rotate(-45deg)}.hc-offcanvas-nav .nav-content>.nav-close{position:relative;z-index:2}.hc-offcanvas-nav .nav-content>.nav-close a{box-sizing:border-box;color:var(--hc-offcanvas-nav-color-text);font-size:var(--hc-offcanvas-nav-font-size-text);text-decoration:none;z-index:1}.hc-offcanvas-nav .nav-content>.nav-close a:not(.has-label){height:50px}.hc-offcanvas-nav .nav-content>.nav-close a.has-label{border-top:1px solid var(--hc-offcanvas-nav-color-border-link-items);padding:14px 17px}.hc-offcanvas-nav .nav-content>.nav-close a:hover,.hc-offcanvas-nav .nav-content>.nav-close a:focus{background-image:radial-gradient(farthest-corner at top right, rgba(0,0,0,0.1), rgba(0,0,0,0));border:none}.hc-offcanvas-nav .nav-content>.nav-close.has-label+ul{margin-top:-1px}.hc-offcanvas-nav:not(.nav-close-button-empty) .nav-content>.nav-close{margin-bottom:-1px}.hc-offcanvas-nav .nav-title+.nav-close a:not(.has-label){height:66px;line-height:66px;position:absolute;right:0;top:-66px;width:45px}.hc-offcanvas-nav.nav-close-button-empty .nav-title{padding-right:55px}.hc-offcanvas-nav li.nav-close a:not(.has-label){height:49px}.hc-offcanvas-nav .nav-content>.nav-close:first-child a,.hc-offcanvas-nav .nav-title+.nav-close a.has-label,.hc-offcanvas-nav li.nav-close a,.hc-offcanvas-nav .nav-back a{background-color:var(--hc-offcanvas-nav-color-background-labels);border-bottom:1px solid var(--hc-offcanvas-nav-color-border-labels);border-top:1px solid var(--hc-offcanvas-nav-color-border-labels)}.hc-offcanvas-nav .nav-content>.nav-close:first-child a:hover,.hc-offcanvas-nav .nav-content>.nav-close:first-child a:focus,.hc-offcanvas-nav .nav-title+.nav-close a.has-label:hover,.hc-offcanvas-nav .nav-title+.nav-close a.has-label:focus,.hc-offcanvas-nav li.nav-close a:hover,.hc-offcanvas-nav li.nav-close a:focus,.hc-offcanvas-nav .nav-back a:hover,.hc-offcanvas-nav .nav-back a:focus{background-color:var(--hc-offcanvas-nav-color-background-labels-hover)}.hc-offcanvas-nav li.nav-close a,.hc-offcanvas-nav li.nav-back:not(:first-child) a{margin-top:-1px}.hc-offcanvas-nav a.nav-next{border-bottom:1px solid var(--hc-offcanvas-nav-color-border-link-items);border-left:1px solid var(--hc-offcanvas-nav-color-border-link-items)}.hc-offcanvas-nav .nav-next span::before,.hc-offcanvas-nav .nav-back span::before{border-left:2px solid var(--hc-offcanvas-nav-color-text);border-top:2px solid var(--hc-offcanvas-nav-color-text);box-sizing:border-box;content:'';height:8px;left:50%;margin-left:-2px;position:absolute;top:50%;transform-origin:center;width:8px}.hc-offcanvas-nav .nav-next span{bottom:0;left:0;position:absolute;right:0;top:0}.hc-offcanvas-nav .nav-next span::before{transform:translate(-50%, -50%) rotate(135deg)}.hc-offcanvas-nav .nav-back span::before{margin-left:2px;transform:translate(-50%, -50%) rotate(-45deg)}.hc-offcanvas-nav.nav-position-left.nav-open.nav-levels-overlap .nav-wrapper{box-shadow:1px 0 2px rgba(0,0,0,0.2)}.hc-offcanvas-nav.nav-position-right.nav-open.nav-levels-overlap .nav-wrapper{box-shadow:-1px 0 2px rgba(0,0,0,0.2)}.hc-offcanvas-nav.nav-position-right.nav-open.nav-levels-overlap .nav-next span::before{margin-left:2px;transform:translate(-50%, -50%) rotate(-45deg)}.hc-offcanvas-nav.nav-position-right.nav-open.nav-levels-overlap .nav-back span::before{margin-left:-2px;transform:translate(-50%, -50%) rotate(135deg)}.hc-offcanvas-nav.nav-position-top.nav-open .nav-wrapper{box-shadow:0 1px 2px rgba(0,0,0,0.2)}.hc-offcanvas-nav.nav-position-top .nav-next span::before{margin-left:0;margin-right:-2px;transform:translate(-50%, -50%) rotate(-135deg)}.hc-offcanvas-nav.nav-position-top .nav-back span::before{margin-left:0;margin-right:-2px;transform:translate(-50%, -50%) rotate(45deg)}.hc-offcanvas-nav.nav-position-bottom.nav-open .nav-wrapper{box-shadow:0 -1px 2px rgba(0,0,0,0.2)}.hc-offcanvas-nav.nav-position-bottom .nav-next span::before{margin-left:0;margin-right:-2px;transform:translate(-50%, -50%) rotate(45deg)}.hc-offcanvas-nav.nav-position-bottom .nav-back span::before{margin-left:0;margin-right:-2px;transform:translate(-50%, -50%) rotate(-135deg)}.hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper,.hc-offcanvas-nav.nav-levels-none ul .nav-wrapper{box-shadow:none}.hc-offcanvas-nav.nav-levels-expand li.level-open,.hc-offcanvas-nav.nav-levels-none li.level-open{background-color:var(--hc-offcanvas-nav-color-background-hilight)}.hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-item-wrapper>a,.hc-offcanvas-nav.nav-levels-none li.level-open>.nav-item-wrapper>a{border-bottom:1px solid var(--hc-offcanvas-nav-color-border-level-open-toggle-item)}.hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-item-wrapper>a:hover,.hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-item-wrapper>a:focus,.hc-offcanvas-nav.nav-levels-none li.level-open>.nav-item-wrapper>a:hover,.hc-offcanvas-nav.nav-levels-none li.level-open>.nav-item-wrapper>a:focus{background-color:var(--hc-offcanvas-nav-color-background-labels)}.hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-item-wrapper .nav-next,.hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-item-wrapper a>.nav-next span::before,.hc-offcanvas-nav.nav-levels-none li.level-open>.nav-item-wrapper .nav-next,.hc-offcanvas-nav.nav-levels-none li.level-open>.nav-item-wrapper a>.nav-next span::before{margin-top:-2px;transform:translate(-50%, -50%) rotate(-135deg)}.hc-offcanvas-nav.nav-levels-expand .nav-wrapper-1 .nav-item-link,.hc-offcanvas-nav.nav-levels-none .nav-wrapper-1 .nav-item-link{padding-left:calc(17px + 20px * 1)}.hc-offcanvas-nav.nav-levels-expand .nav-wrapper-2 .nav-item-link,.hc-offcanvas-nav.nav-levels-none .nav-wrapper-2 .nav-item-link{padding-left:calc(17px + 20px * 2)}.hc-offcanvas-nav.nav-levels-expand .nav-wrapper-3 .nav-item-link,.hc-offcanvas-nav.nav-levels-none .nav-wrapper-3 .nav-item-link{padding-left:calc(17px + 20px * 3)}.hc-offcanvas-nav.nav-levels-expand .nav-wrapper-4 .nav-item-link,.hc-offcanvas-nav.nav-levels-none .nav-wrapper-4 .nav-item-link{padding-left:calc(17px + 20px * 4)}.hc-offcanvas-nav.nav-levels-expand .nav-wrapper-5 .nav-item-link,.hc-offcanvas-nav.nav-levels-none .nav-wrapper-5 .nav-item-link{padding-left:calc(17px + 20px * 5)}.hc-offcanvas-nav.rtl a.nav-next{border-left:none;border-right:1px solid var(--hc-offcanvas-nav-color-border-link-items)}.hc-offcanvas-nav.rtl .nav-title+.nav-close a:not(.has-label),.hc-offcanvas-nav.rtl .nav-close-button span,.hc-offcanvas-nav.rtl .nav-next,.hc-offcanvas-nav.rtl .nav-back span{left:0;right:auto}.hc-offcanvas-nav.rtl li.nav-parent .nav-item-link:last-child{padding-left:58px;padding-right:17px}.hc-offcanvas-nav.rtl li.nav-parent .nav-item-link:not(:last-child){margin-left:45px;margin-right:0}.hc-offcanvas-nav.rtl .nav-wrapper-1 li.nav-item .nav-item-link{padding-right:calc(17px + 20px * 1)}.hc-offcanvas-nav.rtl .nav-wrapper-2 li.nav-item .nav-item-link{padding-right:calc(17px + 20px * 2)}.hc-offcanvas-nav.rtl .nav-wrapper-3 li.nav-item .nav-item-link{padding-right:calc(17px + 20px * 3)}.hc-offcanvas-nav.rtl .nav-wrapper-4 li.nav-item .nav-item-link{padding-right:calc(17px + 20px * 4)}.hc-offcanvas-nav.rtl .nav-wrapper-5 li.nav-item .nav-item-link{padding-right:calc(17px + 20px * 5)}
diff --git a/docs/demo.css b/docs/demo.css
index 90df118..aa5a620 100644
--- a/docs/demo.css
+++ b/docs/demo.css
@@ -1 +1 @@
-html.hc-nav-yscroll{overflow-y:scroll}body.hc-nav-open{overflow:visible;position:fixed;width:100%;min-height:100%}.hc-offcanvas-nav{visibility:hidden;display:none;position:fixed;top:0;height:100%;z-index:9999;text-align:left}.hc-offcanvas-nav.is-ios *{cursor:pointer !important}.hc-offcanvas-nav .nav-container{position:fixed;z-index:9998;top:0;height:100%;max-width:100%;max-height:100%;box-sizing:border-box;transition:transform .4s ease}.hc-offcanvas-nav .nav-wrapper{width:100%;height:100%;box-sizing:border-box;-ms-scroll-chaining:none;overscroll-behavior:none}.hc-offcanvas-nav .nav-content{height:100%}.hc-offcanvas-nav .nav-wrapper-0>.nav-content{overflow:scroll;overflow-x:visible;overflow-y:auto;box-sizing:border-box}.hc-offcanvas-nav ul{list-style:none;margin:0;padding:0}.hc-offcanvas-nav li{position:relative;display:block}.hc-offcanvas-nav li.level-open>.nav-wrapper{visibility:visible}.hc-offcanvas-nav li:not(.custom-content) a{position:relative;display:block;box-sizing:border-box;cursor:pointer}.hc-offcanvas-nav li:not(.custom-content) a[disabled]{cursor:not-allowed}.hc-offcanvas-nav li:not(.custom-content) a,.hc-offcanvas-nav li:not(.custom-content) a:hover{text-decoration:none}.hc-offcanvas-nav input[type="checkbox"]{display:none}.hc-offcanvas-nav label{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;cursor:pointer}.hc-offcanvas-nav .nav-item-wrapper{position:relative}.hc-offcanvas-nav .nav-item-link{position:relative;display:block;box-sizing:border-box}.hc-offcanvas-nav:not(.user-is-tabbing) .nav-close-button:focus,.hc-offcanvas-nav:not(.user-is-tabbing) .nav-item-wrapper a:focus{outline:none}.hc-offcanvas-nav .nav-close:focus,.hc-offcanvas-nav .nav-next:focus,.hc-offcanvas-nav .nav-back:focus{z-index:10}.hc-offcanvas-nav.disable-body::after,.hc-offcanvas-nav .nav-wrapper::after{content:'';z-index:9990;top:0;left:0;right:0;bottom:0;width:100%;height:100%;-ms-scroll-chaining:none;overscroll-behavior:none;visibility:hidden;opacity:0;transition:visibility 0s ease .4s,opacity .4s ease}.hc-offcanvas-nav.disable-body::after{position:fixed}.hc-offcanvas-nav .nav-wrapper::after{position:absolute}.hc-offcanvas-nav.disable-body.nav-open::after,.hc-offcanvas-nav .sub-level-open::after{visibility:visible;opacity:1;transition-delay:.05s}.hc-offcanvas-nav:not(.nav-open)::after{pointer-events:none}.hc-offcanvas-nav.nav-levels-expand .nav-wrapper::after{display:none}.hc-offcanvas-nav.nav-levels-expand .nav-wrapper.nav-wrapper-0{max-height:100vh}.hc-offcanvas-nav.nav-levels-expand .nav-wrapper.nav-wrapper-0>.nav-content{overflow:scroll;overflow-x:visible;overflow-y:auto;box-sizing:border-box;max-height:100vh}.hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper{min-width:0;max-height:0;visibility:hidden;overflow:hidden;transition:height 0s ease .4s}.hc-offcanvas-nav.nav-levels-expand .level-open>.nav-wrapper{max-height:none;overflow:visible;visibility:visible}.hc-offcanvas-nav.nav-levels-overlap .nav-content{overflow:scroll;overflow-x:visible;overflow-y:auto;box-sizing:border-box;max-height:100vh}.hc-offcanvas-nav.nav-levels-overlap .nav-wrapper{max-height:100vh}.hc-offcanvas-nav.nav-levels-overlap ul .nav-wrapper{position:absolute;z-index:9999;top:0;height:100%;visibility:hidden;transition:visibility 0s ease .4s,transform .4s ease}.hc-offcanvas-nav.nav-levels-overlap ul li.nav-parent{position:static}.hc-offcanvas-nav.nav-levels-overlap ul li.level-open>.nav-wrapper{visibility:visible;transform:translate3d(0, 0, 0);transition:transform .4s ease}.hc-offcanvas-nav.nav-position-left{left:0}.hc-offcanvas-nav.nav-position-left .nav-container{left:0}.hc-offcanvas-nav.nav-position-left.nav-levels-overlap li .nav-wrapper{left:0;transform:translate3d(-100%, 0, 0)}.hc-offcanvas-nav.nav-position-right{right:0}.hc-offcanvas-nav.nav-position-right .nav-container{right:0}.hc-offcanvas-nav.nav-position-right.nav-levels-overlap li .nav-wrapper{right:0;transform:translate3d(100%, 0, 0)}.hc-offcanvas-nav.nav-position-top{top:0}.hc-offcanvas-nav.nav-position-top .nav-container{top:0;width:100%}.hc-offcanvas-nav.nav-position-top.nav-levels-overlap li .nav-wrapper{left:0;transform:translate3d(0, -100%, 0)}.hc-offcanvas-nav.nav-position-bottom{top:auto;bottom:0}.hc-offcanvas-nav.nav-position-bottom .nav-container{top:auto;bottom:0;width:100%}.hc-offcanvas-nav.nav-position-bottom.nav-levels-overlap li .nav-wrapper{left:0;transform:translate3d(0, 100%, 0)}.hc-offcanvas-nav.nav-open[class*='hc-nav-'] div.nav-container{transform:translate3d(0, 0, 0)}.hc-offcanvas-nav.rtl{text-align:right;direction:rtl}body.theme-default .hc-offcanvas-nav{font-family:sans-serif}body.theme-default .hc-offcanvas-nav::after,body.theme-default .hc-offcanvas-nav .nav-wrapper::after{background:rgba(0,0,0,0.3)}body.theme-default .hc-offcanvas-nav .nav-container,body.theme-default .hc-offcanvas-nav .nav-wrapper,body.theme-default .hc-offcanvas-nav ul{background:#336ca6}body.theme-default .hc-offcanvas-nav .nav-content>h2,body.theme-default .hc-offcanvas-nav .nav-content>h3,body.theme-default .hc-offcanvas-nav .nav-content>h4,body.theme-default .hc-offcanvas-nav .nav-content>h5,body.theme-default .hc-offcanvas-nav .nav-content>h6{font-size:19px;font-weight:normal;padding:20px 17px;color:#1b3958}body.theme-default .hc-offcanvas-nav .nav-content>h2:not(.nav-title):not(.level-title),body.theme-default .hc-offcanvas-nav .nav-content>h3:not(.nav-title):not(.level-title),body.theme-default .hc-offcanvas-nav .nav-content>h4:not(.nav-title):not(.level-title),body.theme-default .hc-offcanvas-nav .nav-content>h5:not(.nav-title):not(.level-title),body.theme-default .hc-offcanvas-nav .nav-content>h6:not(.nav-title):not(.level-title){font-size:16px;padding:15px 17px;background:#336ca6}body.theme-default .hc-offcanvas-nav .nav-item-link,body.theme-default .hc-offcanvas-nav li.nav-close a,body.theme-default .hc-offcanvas-nav .nav-back a{padding:14px 17px;font-size:14px;color:#fff;z-index:1;background:rgba(0,0,0,0);border-bottom:1px solid #2c5d8f;transition:background .1s ease}body.theme-default .hc-offcanvas-nav .nav-item-link:focus,body.theme-default .hc-offcanvas-nav .nav-item-link:focus-within,body.theme-default .hc-offcanvas-nav li.nav-close a:focus,body.theme-default .hc-offcanvas-nav li.nav-close a:focus-within,body.theme-default .hc-offcanvas-nav .nav-back a:focus,body.theme-default .hc-offcanvas-nav .nav-back a:focus-within{z-index:10}body.theme-default .hc-offcanvas-nav .nav-item-link[disabled],body.theme-default .hc-offcanvas-nav li.nav-close a[disabled],body.theme-default .hc-offcanvas-nav .nav-back a[disabled]{color:rgba(255,255,255,0.5)}body.theme-default .hc-offcanvas-nav div.nav-back+ul>li:first-child>.nav-item-wrapper>.nav-item-link{border-top:none !important}body.theme-default .hc-offcanvas-nav:not(.touch-device) li:not(.nav-item-custom) a:not([disabled]):hover{background:#31679e}body.theme-default .hc-offcanvas-nav .nav-custom-content{padding:14px 17px;font-size:14px;border-bottom:1px solid #2c5d8f}body.theme-default .hc-offcanvas-nav .nav-highlight{background:#2e6296}body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>ul:first-of-type>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link{border-top:1px solid #2c5d8f}body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>ul:first-of-type>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link+a{border-top:1px solid #2c5d8f}body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>ul:not(:last-child){border-bottom:2px solid #2c5d8f}body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>ul+h2,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>ul+h3,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>ul+h4,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>ul+h5,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>ul+h6{margin-top:-2px}body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>h2+ul>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>h3+ul>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>h4+ul>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>h5+ul>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>h6+ul>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link{border-top:1px solid #2c5d8f}body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-title+h2,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-title+h3,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-title+h4,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-title+h5,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-title+h6,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>.level-title+h2,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>.level-title+h3,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>.level-title+h4,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>.level-title+h5,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>.level-title+h6,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-close+h2,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-close+h3,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-close+h4,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-close+h5,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-close+h6{border-top:1px solid #2c5d8f}body.theme-default .hc-offcanvas-nav li{color:#fff}body.theme-default .hc-offcanvas-nav li.nav-parent .nav-item-link:last-child{padding-right:58px}body.theme-default .hc-offcanvas-nav li.nav-parent .nav-item-link:not(:last-child){margin-right:45px}body.theme-default .hc-offcanvas-nav .nav-close-button span,body.theme-default .hc-offcanvas-nav .nav-parent .nav-next,body.theme-default .hc-offcanvas-nav .nav-back span{width:45px;position:absolute;top:0;right:0;bottom:0;text-align:center;cursor:pointer;transition:background .1s ease}body.theme-default .hc-offcanvas-nav .nav-close-button{position:relative;display:block}body.theme-default .hc-offcanvas-nav .nav-close-button span::before,body.theme-default .hc-offcanvas-nav .nav-close-button span::after{content:'';position:absolute;top:50%;left:50%;width:6px;height:6px;margin-top:-3px;border-top:2px solid #fff;border-left:2px solid #fff}body.theme-default .hc-offcanvas-nav .nav-close-button span::before{margin-left:-9px;transform:rotate(135deg)}body.theme-default .hc-offcanvas-nav .nav-close-button span::after{transform:rotate(-45deg)}body.theme-default .hc-offcanvas-nav .nav-content>.nav-close{position:relative;z-index:2}body.theme-default .hc-offcanvas-nav .nav-content>.nav-close a{font-size:14px;color:#fff;background:rgba(0,0,0,0);z-index:1;text-decoration:none;box-sizing:border-box}body.theme-default .hc-offcanvas-nav .nav-content>.nav-close a:not(.has-label){height:50px}body.theme-default .hc-offcanvas-nav .nav-content>.nav-close a.has-label{padding:14px 17px;border-top:1px solid #2c5d8f}body.theme-default .hc-offcanvas-nav .nav-content>.nav-close a:hover{border:none;background:radial-gradient(farthest-corner at top right, rgba(0,0,0,0.1), rgba(0,0,0,0))}body.theme-default .hc-offcanvas-nav .nav-content>.nav-close.has-label+ul{margin-top:-1px}body.theme-default .hc-offcanvas-nav:not(.nav-close-button-empty) .nav-content>.nav-close{margin-bottom:-1px}body.theme-default .hc-offcanvas-nav .nav-title+.nav-close a:not(.has-label){position:absolute;width:45px;height:66px;line-height:66px;top:-66px;right:0}body.theme-default .hc-offcanvas-nav.nav-close-button-empty .nav-title{padding-right:55px}body.theme-default .hc-offcanvas-nav li.nav-close a:not(.has-label){height:49px}body.theme-default .hc-offcanvas-nav .nav-content>.nav-close:first-child a,body.theme-default .hc-offcanvas-nav .nav-title+.nav-close a.has-label,body.theme-default .hc-offcanvas-nav li.nav-close a,body.theme-default .hc-offcanvas-nav .nav-back a{background:#2f649a;border-top:1px solid #2b5a8b;border-bottom:1px solid #2b5a8b}body.theme-default .hc-offcanvas-nav .nav-content>.nav-close:first-child a:hover,body.theme-default .hc-offcanvas-nav .nav-title+.nav-close a.has-label:hover,body.theme-default .hc-offcanvas-nav li.nav-close a:hover,body.theme-default .hc-offcanvas-nav .nav-back a:hover{background:#2e6195}body.theme-default .hc-offcanvas-nav li.nav-close:not(:first-child) a,body.theme-default .hc-offcanvas-nav li.nav-back:not(:first-child) a{margin-top:-1px}body.theme-default .hc-offcanvas-nav a.nav-next{border-left:1px solid #2c5d8f;border-bottom:1px solid #2c5d8f}body.theme-default .hc-offcanvas-nav .nav-next span::before,body.theme-default .hc-offcanvas-nav .nav-back span::before{content:'';position:absolute;top:50%;left:50%;width:8px;height:8px;margin-left:-2px;box-sizing:border-box;border-top:2px solid #fff;border-left:2px solid #fff;transform-origin:center}body.theme-default .hc-offcanvas-nav .nav-next span{position:absolute;top:0;right:0;left:0;bottom:0}body.theme-default .hc-offcanvas-nav .nav-next span::before{transform:translate(-50%, -50%) rotate(135deg)}body.theme-default .hc-offcanvas-nav .nav-back span::before{margin-left:2px;transform:translate(-50%, -50%) rotate(-45deg)}body.theme-default .hc-offcanvas-nav.nav-position-left.nav-open.nav-levels-overlap .nav-wrapper{box-shadow:1px 0 2px rgba(0,0,0,0.2)}body.theme-default .hc-offcanvas-nav.nav-position-right.nav-open.nav-levels-overlap .nav-wrapper{box-shadow:-1px 0 2px rgba(0,0,0,0.2)}body.theme-default .hc-offcanvas-nav.nav-position-right .nav-next span::before{margin-left:2px;transform:translate(-50%, -50%) rotate(-45deg)}body.theme-default .hc-offcanvas-nav.nav-position-right .nav-back span::before{margin-left:-2px;transform:translate(-50%, -50%) rotate(135deg)}body.theme-default .hc-offcanvas-nav.nav-position-top.nav-open .nav-wrapper{box-shadow:0 1px 2px rgba(0,0,0,0.2)}body.theme-default .hc-offcanvas-nav.nav-position-top .nav-next span::before{margin-left:0;margin-right:-2px;transform:translate(-50%, -50%) rotate(-135deg)}body.theme-default .hc-offcanvas-nav.nav-position-top .nav-back span::before{margin-left:0;margin-right:-2px;transform:translate(-50%, -50%) rotate(45deg)}body.theme-default .hc-offcanvas-nav.nav-position-bottom.nav-open .nav-wrapper{box-shadow:0 -1px 2px rgba(0,0,0,0.2)}body.theme-default .hc-offcanvas-nav.nav-position-bottom .nav-next span::before{margin-left:0;margin-right:-2px;transform:translate(-50%, -50%) rotate(45deg)}body.theme-default .hc-offcanvas-nav.nav-position-bottom .nav-back span::before{margin-left:0;margin-right:-2px;transform:translate(-50%, -50%) rotate(-135deg)}body.theme-default .hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper,body.theme-default .hc-offcanvas-nav.nav-levels-none ul .nav-wrapper{box-shadow:none;background:transparent}body.theme-default .hc-offcanvas-nav.nav-levels-expand li.level-open,body.theme-default .hc-offcanvas-nav.nav-levels-none li.level-open{background:#2e6296}body.theme-default .hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-item-wrapper>a,body.theme-default .hc-offcanvas-nav.nav-levels-none li.level-open>.nav-item-wrapper>a{border-bottom:1px solid #295887}body.theme-default .hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-item-wrapper>a:hover,body.theme-default .hc-offcanvas-nav.nav-levels-none li.level-open>.nav-item-wrapper>a:hover{background:#2f649a}body.theme-default .hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-item-wrapper>.nav-next span::before,body.theme-default .hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-item-wrapper>a>.nav-next span::before,body.theme-default .hc-offcanvas-nav.nav-levels-none li.level-open>.nav-item-wrapper>.nav-next span::before,body.theme-default .hc-offcanvas-nav.nav-levels-none li.level-open>.nav-item-wrapper>a>.nav-next span::before{margin-top:-2px;transform:translate(-50%, -50%) rotate(-135deg)}body.theme-default .hc-offcanvas-nav.nav-levels-expand .nav-wrapper-1 .nav-item-link,body.theme-default .hc-offcanvas-nav.nav-levels-none .nav-wrapper-1 .nav-item-link{padding-left:calc(17px + 20px * 1)}body.theme-default .hc-offcanvas-nav.nav-levels-expand .nav-wrapper-2 .nav-item-link,body.theme-default .hc-offcanvas-nav.nav-levels-none .nav-wrapper-2 .nav-item-link{padding-left:calc(17px + 20px * 2)}body.theme-default .hc-offcanvas-nav.nav-levels-expand .nav-wrapper-3 .nav-item-link,body.theme-default .hc-offcanvas-nav.nav-levels-none .nav-wrapper-3 .nav-item-link{padding-left:calc(17px + 20px * 3)}body.theme-default .hc-offcanvas-nav.nav-levels-expand .nav-wrapper-4 .nav-item-link,body.theme-default .hc-offcanvas-nav.nav-levels-none .nav-wrapper-4 .nav-item-link{padding-left:calc(17px + 20px * 4)}body.theme-default .hc-offcanvas-nav.nav-levels-expand .nav-wrapper-5 .nav-item-link,body.theme-default .hc-offcanvas-nav.nav-levels-none .nav-wrapper-5 .nav-item-link{padding-left:calc(17px + 20px * 5)}body.theme-default .hc-offcanvas-nav.rtl a.nav-next{border-left:none;border-right:1px solid #2c5d8f}body.theme-default .hc-offcanvas-nav.rtl .nav-title+.nav-close a:not(.has-label),body.theme-default .hc-offcanvas-nav.rtl .nav-close-button span,body.theme-default .hc-offcanvas-nav.rtl .nav-next,body.theme-default .hc-offcanvas-nav.rtl .nav-back span{left:0;right:auto}body.theme-default .hc-offcanvas-nav.rtl li.nav-parent .nav-item-link:last-child{padding-left:58px;padding-right:17px}body.theme-default .hc-offcanvas-nav.rtl li.nav-parent .nav-item-link:not(:last-child){margin-left:45px;margin-right:0}body.theme-default .hc-offcanvas-nav.rtl .nav-wrapper-1 li.nav-item .nav-item-link{padding-right:calc(17px + 20px * 1)}body.theme-default .hc-offcanvas-nav.rtl .nav-wrapper-2 li.nav-item .nav-item-link{padding-right:calc(17px + 20px * 2)}body.theme-default .hc-offcanvas-nav.rtl .nav-wrapper-3 li.nav-item .nav-item-link{padding-right:calc(17px + 20px * 3)}body.theme-default .hc-offcanvas-nav.rtl .nav-wrapper-4 li.nav-item .nav-item-link{padding-right:calc(17px + 20px * 4)}body.theme-default .hc-offcanvas-nav.rtl .nav-wrapper-5 li.nav-item .nav-item-link{padding-right:calc(17px + 20px * 5)}body.theme-carbon .hc-offcanvas-nav{font-family:sans-serif}body.theme-carbon .hc-offcanvas-nav .nav-container,body.theme-carbon .hc-offcanvas-nav .nav-wrapper,body.theme-carbon .hc-offcanvas-nav ul{background:#202225}body.theme-carbon .hc-offcanvas-nav::after,body.theme-carbon .hc-offcanvas-nav .nav-wrapper::after{background:rgba(0,0,0,0.3)}body.theme-carbon .hc-offcanvas-nav .nav-content{padding:0 15px}body.theme-carbon .hc-offcanvas-nav .nav-content>h2,body.theme-carbon .hc-offcanvas-nav .nav-content>h3,body.theme-carbon .hc-offcanvas-nav .nav-content>h4,body.theme-carbon .hc-offcanvas-nav .nav-content>h5,body.theme-carbon .hc-offcanvas-nav .nav-content>h6{font-size:19px;font-weight:normal;padding:25px 15px 30px;color:#fff}body.theme-carbon .hc-offcanvas-nav .nav-content>h2:first-child,body.theme-carbon .hc-offcanvas-nav .nav-content>h3:first-child,body.theme-carbon .hc-offcanvas-nav .nav-content>h4:first-child,body.theme-carbon .hc-offcanvas-nav .nav-content>h5:first-child,body.theme-carbon .hc-offcanvas-nav .nav-content>h6:first-child{margin-top:10px}body.theme-carbon .hc-offcanvas-nav .nav-content>h2:not(.nav-title):not(.level-title),body.theme-carbon .hc-offcanvas-nav .nav-content>h3:not(.nav-title):not(.level-title),body.theme-carbon .hc-offcanvas-nav .nav-content>h4:not(.nav-title):not(.level-title),body.theme-carbon .hc-offcanvas-nav .nav-content>h5:not(.nav-title):not(.level-title),body.theme-carbon .hc-offcanvas-nav .nav-content>h6:not(.nav-title):not(.level-title){font-size:16px;padding:15px 12px;text-transform:uppercase;color:#b3b3b3}body.theme-carbon .hc-offcanvas-nav .nav-item-link,body.theme-carbon .hc-offcanvas-nav li.nav-close a,body.theme-carbon .hc-offcanvas-nav .nav-back a{padding:12px;font-size:15px;color:#fff;z-index:1;background:rgba(0,0,0,0);border-radius:5px;transition:.05s background ease}body.theme-carbon .hc-offcanvas-nav .nav-item-link:focus,body.theme-carbon .hc-offcanvas-nav .nav-item-link:focus-within,body.theme-carbon .hc-offcanvas-nav li.nav-close a:focus,body.theme-carbon .hc-offcanvas-nav li.nav-close a:focus-within,body.theme-carbon .hc-offcanvas-nav .nav-back a:focus,body.theme-carbon .hc-offcanvas-nav .nav-back a:focus-within{z-index:10}body.theme-carbon .hc-offcanvas-nav .nav-item-link[disabled],body.theme-carbon .hc-offcanvas-nav li.nav-close a[disabled],body.theme-carbon .hc-offcanvas-nav .nav-back a[disabled]{color:rgba(255,255,255,0.5)}body.theme-carbon .hc-offcanvas-nav:not(.touch-device) li:not(.nav-item-custom) a:not([disabled]):hover{background:#272a2d}body.theme-carbon .hc-offcanvas-nav .nav-custom-content{padding:12px 15px;font-size:15px}body.theme-carbon .hc-offcanvas-nav .nav-highlight>.nav-item-wrapper .nav-item-link{border-radius:5px;background:#292c30}body.theme-carbon .hc-offcanvas-nav .nav-wrapper-0>.nav-content>ul:first-child{margin-top:15px}body.theme-carbon .hc-offcanvas-nav .nav-wrapper-0>.nav-content>ul:not(:last-child){margin-bottom:18px}body.theme-carbon .hc-offcanvas-nav li{color:#fff}body.theme-carbon .hc-offcanvas-nav li.nav-close a:hover,body.theme-carbon .hc-offcanvas-nav li.nav-back a:hover{background:#111213}body.theme-carbon .hc-offcanvas-nav li.nav-close:not(:first-child) a,body.theme-carbon .hc-offcanvas-nav li.nav-back:not(:first-child) a{margin-top:-1px}body.theme-carbon .hc-offcanvas-nav li.nav-parent .nav-item-link:last-child{padding-right:62px}body.theme-carbon .hc-offcanvas-nav li.nav-parent .nav-item-link:not(:last-child){margin-right:52px}body.theme-carbon .hc-offcanvas-nav .nav-close-button span,body.theme-carbon .hc-offcanvas-nav .nav-parent .nav-next,body.theme-carbon .hc-offcanvas-nav .nav-back span{width:40px;position:absolute;top:0;right:0;bottom:0;text-align:center;cursor:pointer;border-radius:5px;transition:background .2s ease}body.theme-carbon .hc-offcanvas-nav .nav-close-button{position:relative;display:block}body.theme-carbon .hc-offcanvas-nav .nav-close-button span::before,body.theme-carbon .hc-offcanvas-nav .nav-close-button span::after{content:'';position:absolute;top:50%;left:50%;width:6px;height:6px;margin-top:-3px;border-top:2px solid #fff;border-left:2px solid #fff}body.theme-carbon .hc-offcanvas-nav .nav-close-button span::before{margin-left:-9px;transform:rotate(135deg)}body.theme-carbon .hc-offcanvas-nav .nav-close-button span::after{transform:rotate(-45deg)}body.theme-carbon .hc-offcanvas-nav .nav-content>.nav-close a{height:44px;font-size:15px;color:#fff;background:rgba(0,0,0,0);border-radius:5px;z-index:1;text-decoration:none;box-sizing:border-box}body.theme-carbon .hc-offcanvas-nav .nav-content>.nav-close a.has-label{padding:12px 15px}body.theme-carbon .hc-offcanvas-nav .nav-content>.nav-close a:hover{background:#25272a}body.theme-carbon .hc-offcanvas-nav .nav-content>.nav-close:first-child{position:relative;min-height:40px;margin-top:15px}body.theme-carbon .hc-offcanvas-nav .nav-content>.nav-close:first-child+ul{margin-top:15px}body.theme-carbon .hc-offcanvas-nav .nav-content>.nav-close:first-child a.has-label{margin-bottom:-15px}body.theme-carbon .hc-offcanvas-nav .nav-content>.nav-close:first-child a:not(.has-label){position:absolute;width:40px;height:40px;line-height:40px;top:0;right:0}body.theme-carbon .hc-offcanvas-nav .nav-content>.nav-close:first-child a:not(.has-label)+ul{margin-top:60px}body.theme-carbon .hc-offcanvas-nav .nav-content>.nav-close:first-child a:not(.has-label)+h2,body.theme-carbon .hc-offcanvas-nav .nav-content>.nav-close:first-child a:not(.has-label)+h3,body.theme-carbon .hc-offcanvas-nav .nav-content>.nav-close:first-child a:not(.has-label)+h4,body.theme-carbon .hc-offcanvas-nav .nav-content>.nav-close:first-child a:not(.has-label)+h5,body.theme-carbon .hc-offcanvas-nav .nav-content>.nav-close:first-child a:not(.has-label)+h6{margin-top:55px}body.theme-carbon .hc-offcanvas-nav .nav-title+.nav-close a:not(.has-label){position:absolute;width:40px;height:40px;line-height:40px;top:28px;right:15px}body.theme-carbon .hc-offcanvas-nav.nav-close-button-empty .nav-title{padding-right:46px}body.theme-carbon .hc-offcanvas-nav li.nav-close:first-child{padding-bottom:15px}body.theme-carbon .hc-offcanvas-nav li.nav-close .nav-close-button.has-label{margin-bottom:-15px}body.theme-carbon .hc-offcanvas-nav li.nav-close .nav-close-button:not(.has-label){width:40px;height:40px;line-height:40px;float:right}body.theme-carbon .hc-offcanvas-nav li.nav-close .nav-item-wrapper::after{content:'';display:table;clear:both}body.theme-carbon .hc-offcanvas-nav a.nav-next{position:relative}body.theme-carbon .hc-offcanvas-nav a.nav-next:before{content:'';position:absolute;width:2px;height:25px;left:-7px;top:9px;background:#4d4d4d;border-radius:2px}body.theme-carbon .hc-offcanvas-nav .nav-next span::before,body.theme-carbon .hc-offcanvas-nav .nav-back span::before{content:'';position:absolute;top:50%;left:50%;width:8px;height:8px;margin-left:-2px;box-sizing:border-box;border-top:2px solid #fff;border-left:2px solid #fff;transform-origin:center}body.theme-carbon .hc-offcanvas-nav .nav-next span{position:absolute;top:0;right:0;left:0;bottom:0}body.theme-carbon .hc-offcanvas-nav .nav-next span::before{transform:translate(-50%, -50%) rotate(135deg)}body.theme-carbon .hc-offcanvas-nav .nav-back span::before{margin-left:2px;transform:translate(-50%, -50%) rotate(-45deg)}body.theme-carbon .hc-offcanvas-nav.nav-position-left.nav-open.nav-levels-overlap .nav-wrapper{box-shadow:1px 0 2px rgba(0,0,0,0.2)}body.theme-carbon .hc-offcanvas-nav.nav-position-right.nav-open.nav-levels-overlap .nav-wrapper{box-shadow:-1px 0 2px rgba(0,0,0,0.2)}body.theme-carbon .hc-offcanvas-nav.nav-position-right .nav-next span::before{margin-left:2px;transform:translate(-50%, -50%) rotate(-45deg)}body.theme-carbon .hc-offcanvas-nav.nav-position-right .nav-back span::before{margin-left:-2px;transform:translate(-50%, -50%) rotate(135deg)}body.theme-carbon .hc-offcanvas-nav.nav-position-top.nav-open .nav-wrapper{box-shadow:0 1px 2px rgba(0,0,0,0.2)}body.theme-carbon .hc-offcanvas-nav.nav-position-top .nav-next span::before{margin-left:0;margin-right:-2px;transform:translate(-50%, -50%) rotate(-135deg)}body.theme-carbon .hc-offcanvas-nav.nav-position-top .nav-back span::before{margin-left:0;margin-right:-2px;transform:translate(-50%, -50%) rotate(45deg)}body.theme-carbon .hc-offcanvas-nav.nav-position-bottom.nav-open .nav-wrapper{box-shadow:0 -1px 2px rgba(0,0,0,0.2)}body.theme-carbon .hc-offcanvas-nav.nav-position-bottom .nav-next span::before{margin-left:0;margin-right:-2px;transform:translate(-50%, -50%) rotate(45deg)}body.theme-carbon .hc-offcanvas-nav.nav-position-bottom .nav-back span::before{margin-left:0;margin-right:-2px;transform:translate(-50%, -50%) rotate(-135deg)}body.theme-carbon .hc-offcanvas-nav.nav-levels-overlap ul ul:first-child{margin-top:15px}body.theme-carbon .hc-offcanvas-nav.nav-levels-expand .nav-content .nav-content,body.theme-carbon .hc-offcanvas-nav.nav-levels-none .nav-content .nav-content{padding:0}body.theme-carbon .hc-offcanvas-nav.nav-levels-expand .nav-wrapper .nav-wrapper,body.theme-carbon .hc-offcanvas-nav.nav-levels-none .nav-wrapper .nav-wrapper{width:auto;position:relative;margin-left:20px}body.theme-carbon .hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-item-wrapper>.nav-next span::before,body.theme-carbon .hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-item-wrapper>a>.nav-next span::before,body.theme-carbon .hc-offcanvas-nav.nav-levels-none li.level-open>.nav-item-wrapper>.nav-next span::before,body.theme-carbon .hc-offcanvas-nav.nav-levels-none li.level-open>.nav-item-wrapper>a>.nav-next span::before{margin-top:-2px;transform:translate(-50%, -50%) rotate(-135deg)}body.theme-carbon .hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-wrapper::before,body.theme-carbon .hc-offcanvas-nav.nav-levels-none li .nav-wrapper::before{content:'';position:absolute;width:2px;left:-7px;top:5px;bottom:5px;background:#4d4d4d;border-radius:2px}body.theme-carbon .hc-offcanvas-nav.rtl .nav-wrapper .nav-wrapper{margin-left:0;margin-right:20px}body.theme-carbon .hc-offcanvas-nav.rtl a.nav-next:before{left:auto;right:-7px}body.theme-carbon .hc-offcanvas-nav.rtl .nav-title+.nav-close a:not(.has-label){left:15px;right:auto}body.theme-carbon .hc-offcanvas-nav.rtl .nav-close-button span,body.theme-carbon .hc-offcanvas-nav.rtl .nav-next,body.theme-carbon .hc-offcanvas-nav.rtl .nav-back span{left:0;right:auto}body.theme-carbon .hc-offcanvas-nav.rtl li.nav-parent .nav-item-link:last-child{padding-left:62px;padding-right:12px}body.theme-carbon .hc-offcanvas-nav.rtl li.nav-parent .nav-item-link:not(:last-child){margin-left:52px;margin-right:0}body.theme-carbon .hc-offcanvas-nav.rtl.nav-levels-expand li.level-open>.nav-wrapper::before,body.theme-carbon .hc-offcanvas-nav.rtl.nav-levels-none li .nav-wrapper::before{left:auto;right:-7px}html,body,div,span,header,ul,li,a{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{height:100%}h1,h2,h3,h4,h5,h6{margin:0}em{font-style:italic}strong{font-weight:600}ol,ul{list-style:none}.cf::before,.cf::after{content:'';display:block;height:0;overflow:hidden}.cf::after{clear:both}#container{display:flex;flex-direction:column;min-height:100vh;height:100%;background:linear-gradient(-134deg, #517FA4 0%, #243949 100%);font-family:'Raleway', sans-serif;text-align:center;color:#fffce1}.wrapper{max-width:800px;margin:0 auto;padding:0 20px}#main-nav{display:none}header{position:relative;padding:50px 0 20px}header h1{font-size:50px;font-weight:700;text-align:center;letter-spacing:5px;padding-bottom:8px}header h2{max-width:680px;margin:auto;font-size:20px;font-weight:200;line-height:1.4;text-align:center;letter-spacing:1px;padding-bottom:30px}header .git{display:inline-block;text-decoration:none;color:#fff;border-radius:4px;padding:4px 10px 4px 0;font-size:15px;font-weight:400;color:#fffce1;background:#54b9cb;transition:background .15s ease-in-out}header .git:hover{background:#4CA8B9}header .git:hover svg{border-color:#54b9cb}header .git svg{width:15px;height:15px;fill:#fffce1;position:relative;top:2px;padding:0 10px;margin-right:10px;border-right:1px solid #4daabb;transition:border-color .15s ease-in-out}header .ver{padding-top:15px;font-weight:200;color:#dab977}header .ver span{color:#fffce1}header .toggle{position:absolute;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:none;top:20px;z-index:9980;width:35px;min-height:26px;position:relative;width:auto;top:auto;left:auto;float:left;display:block;cursor:pointer;box-sizing:content-box;font-size:18px;padding-left:55px;line-height:22px;margin-top:55px;color:#fff;text-align:left;text-decoration:none}header .toggle span{width:35px;top:50%;transform:translateY(-50%);transform-origin:50% 50%}header .toggle span,header .toggle span::before,header .toggle span::after{display:block;position:absolute;left:0;height:4px;background:#182631;transition:all .25s ease}header .toggle span::before,header .toggle span::after{content:'';width:100%}header .toggle span::before{top:-11px}header .toggle span::after{bottom:-11px}header .toggle.toggle-open span{background:rgba(0,0,0,0);transform:rotate(45deg)}header .toggle.toggle-open span::before{transform:translate3d(0, 11px, 0)}header .toggle.toggle-open span::after{transform:rotate(-90deg) translate3d(11px, 0, 0)}header .toggle:hover span,header .toggle:hover span::before,header .toggle:hover span::after{background:#dab977}header .toggle i{font-size:10px;display:block;line-height:10px;opacity:.7}footer{padding-bottom:40px}footer .swm{display:inline-block;padding:0 15px}footer .swm svg{display:block;width:auto;height:17px;margin-top:22px}footer .swm svg path{transition:fill .1s ease}footer .swm svg .l-1{fill:#4fb5e1}footer .swm svg .l-2{fill:#f2c053}footer .swm svg .l-3{fill:#a7ce38}footer .swm:not(:hover) svg .l-1{fill:#466e8d}footer .swm:not(:hover) svg .l-2{fill:#9db9cf}footer .swm:not(:hover) svg .l-3{fill:#5989ad}main{flex:1 0 auto;padding-bottom:30px;text-align:left}main .content{border-top:1px solid rgba(255,255,255,0.1)}main h4{font-size:15px;letter-spacing:1px;font-weight:600;text-transform:uppercase;margin:20px 0}main h4:first-child{margin-top:30px}main .actions{margin:0 -15px;text-align:center}main .actions div{padding:0 15px 20px;box-sizing:border-box}@media screen and (min-width: 800px){main .actions:not(.theme){display:flex;flex-wrap:wrap}main .actions:not(.theme) div{float:left;flex:1 1 33.33%;max-width:33.33%}main .actions:not(.theme).position div{float:left;flex:1 1 25%;max-width:25%}main .actions.theme::after{content:'';display:table;clear:both}main .actions.theme div{float:left}}main .actions.checkboxes{text-align:left;padding-top:8px}main .actions.checkboxes label{font-size:14px;text-transform:uppercase;cursor:pointer}main .actions.checkboxes label input{display:none}main .actions.checkboxes label input:checked ~ span{background:#dab977}main .actions.checkboxes label input:checked ~ span::before{content:'';position:absolute;top:50%;left:50%;margin-top:-1px;border:solid #243949;border-width:0 3px 3px 0;display:inline-block;padding:5px 2px;transform:translate(-50%, -50%) rotate(45deg)}main .actions.checkboxes label span{display:inline-block;position:relative;top:-1px;width:22px;height:22px;background:#fffce1;margin-right:12px;vertical-align:top;transition:all .1s ease}main .button{position:relative;display:block;padding:18px 30px 16px;text-transform:uppercase;text-align:center;font-size:16px;font-weight:700;line-height:1.4;letter-spacing:1px;text-decoration:none;color:#243949;cursor:pointer;background:#fffce1;border-radius:30px/80px;transition:all .1s ease}main .button:not(.active):hover{color:#d5af63}main .button.active{background:#dab977}main .thumb{position:relative;display:block;width:100px;height:100px;border:4px solid #fffce1;border-radius:5px;background-size:cover}main .thumb.active{border-color:#dab977}.hc-offcanvas-nav .nav-wrapper-0>.nav-content{padding-bottom:41px}.hc-offcanvas-nav h2 ~ ul>li.search .nav-custom-content{padding-top:0}.hc-offcanvas-nav.rtl .nav-item-link::before{margin-left:15px;margin-right:0 !important}.hc-offcanvas-nav.rtl .nav-item.collections>.nav-item-wrapper .nav-item-link span{float:left}.hc-offcanvas-nav li .custom-message{font-size:12px}.hc-offcanvas-nav li .custom-message a{color:#fff;font-size:13px}.hc-offcanvas-nav li .custom-message a:hover{text-decoration:none}.hc-offcanvas-nav li.add>.nav-item-wrapper a::before{font-family:'Material Icons';font-weight:normal;font-style:normal;display:inline-block;line-height:1;text-transform:none;text-indent:0;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';display:inline-block;width:19px;height:19px;margin-right:15px;font-size:23px;vertical-align:top;speak:never;content:'add'}.hc-offcanvas-nav li.new>.nav-item-wrapper .nav-item-link::before{font-family:'Material Icons';font-weight:normal;font-style:normal;display:inline-block;line-height:1;text-transform:none;text-indent:0;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';display:inline-block;width:19px;height:19px;margin-right:15px;font-size:23px;vertical-align:top;speak:never;content:'fiber_new'}.hc-offcanvas-nav li.cryptocurrency>.nav-item-wrapper .nav-item-link::before{font-family:'Material Icons';font-weight:normal;font-style:normal;display:inline-block;line-height:1;text-transform:none;text-indent:0;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';display:inline-block;width:19px;height:19px;margin-right:15px;font-size:23px;vertical-align:top;speak:never;content:'local_atm'}.hc-offcanvas-nav li.devices>.nav-item-wrapper .nav-item-link::before{font-family:'Material Icons';font-weight:normal;font-style:normal;display:inline-block;line-height:1;text-transform:none;text-indent:0;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';display:inline-block;width:19px;height:19px;margin-right:15px;font-size:23px;vertical-align:top;speak:never;content:'devices'}.hc-offcanvas-nav li.mobile>.nav-item-wrapper .nav-item-link::before{font-family:'Material Icons';font-weight:normal;font-style:normal;display:inline-block;line-height:1;text-transform:none;text-indent:0;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';display:inline-block;width:19px;height:19px;margin-right:15px;font-size:23px;vertical-align:top;speak:never;content:'phone_android'}.hc-offcanvas-nav li.television>.nav-item-wrapper .nav-item-link::before{font-family:'Material Icons';font-weight:normal;font-style:normal;display:inline-block;line-height:1;text-transform:none;text-indent:0;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';display:inline-block;width:19px;height:19px;margin-right:15px;font-size:23px;vertical-align:top;speak:never;content:'desktop_windows'}.hc-offcanvas-nav li.camera>.nav-item-wrapper .nav-item-link::before{font-family:'Material Icons';font-weight:normal;font-style:normal;display:inline-block;line-height:1;text-transform:none;text-indent:0;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';display:inline-block;width:19px;height:19px;margin-right:15px;font-size:23px;vertical-align:top;speak:never;content:'camera_alt'}.hc-offcanvas-nav li.magazines>.nav-item-wrapper .nav-item-link::before{font-family:'Material Icons';font-weight:normal;font-style:normal;display:inline-block;line-height:1;text-transform:none;text-indent:0;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';display:inline-block;width:19px;height:19px;margin-right:15px;font-size:23px;vertical-align:top;speak:never;content:'import_contacts'}.hc-offcanvas-nav li.store>.nav-item-wrapper .nav-item-link::before{font-family:'Material Icons';font-weight:normal;font-style:normal;display:inline-block;line-height:1;text-transform:none;text-indent:0;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';display:inline-block;width:19px;height:19px;margin-right:15px;font-size:23px;vertical-align:top;speak:never;content:'store'}.hc-offcanvas-nav li.collections>.nav-item-wrapper .nav-item-link span{font-size:70%;line-height:15px;height:15px;padding:0 4px;float:right;background:#ff635a;border-radius:2px;margin-top:2px}.hc-offcanvas-nav li.collections>.nav-item-wrapper .nav-item-link::before{font-family:'Material Icons';font-weight:normal;font-style:normal;display:inline-block;line-height:1;text-transform:none;text-indent:0;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';display:inline-block;width:19px;height:19px;margin-right:15px;font-size:23px;vertical-align:top;speak:never;content:'collections'}.hc-offcanvas-nav li.nolink>.nav-item-wrapper .nav-item-link::before{font-family:'Material Icons';font-weight:normal;font-style:normal;display:inline-block;line-height:1;text-transform:none;text-indent:0;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';display:inline-block;width:19px;height:19px;margin-right:15px;font-size:23px;vertical-align:top;speak:never;content:'format_clear'}.hc-offcanvas-nav li.disabled>.nav-item-wrapper .nav-item-link::before{font-family:'Material Icons';font-weight:normal;font-style:normal;display:inline-block;line-height:1;text-transform:none;text-indent:0;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';display:inline-block;width:19px;height:19px;margin-right:15px;font-size:23px;vertical-align:top;speak:never;content:'block'}.hc-offcanvas-nav.nav-position-top ul.bottom-nav,.hc-offcanvas-nav.nav-position-bottom ul.bottom-nav{position:relative;border-top:none}.hc-offcanvas-nav.nav-position-top .nav-wrapper-0>.nav-content,.hc-offcanvas-nav.nav-position-bottom .nav-wrapper-0>.nav-content{padding-bottom:0}.hc-offcanvas-nav ul.bottom-nav{position:absolute;left:0;right:0;bottom:0;z-index:10;width:100%;display:flex;flex-wrap:nowrap;align-items:stretch;border-top:1px solid rgba(0,0,0,0.15)}.hc-offcanvas-nav ul.bottom-nav li{flex:auto}.hc-offcanvas-nav ul.bottom-nav li a{padding:10px;text-align:center;height:100%;border-bottom:none}.hc-offcanvas-nav ul.bottom-nav li svg{fill:#fff;display:inline-block;vertical-align:middle}.hc-offcanvas-nav ul.bottom-nav li.github svg{width:17px;height:17px}.hc-offcanvas-nav ul.bottom-nav li.ko-fi svg{width:21px;height:21px}.hc-offcanvas-nav ul.bottom-nav li.email svg{width:19px;height:19px}body.theme-default .hc-offcanvas-nav .second-nav{border-bottom:none !important}
+html.hc-nav-yscroll{overflow-y:scroll}body.hc-nav-open{overflow:visible;position:fixed;width:100%;min-height:100%}.hc-offcanvas-nav{visibility:hidden;display:none;position:fixed;top:0;height:100%;z-index:9999;text-align:left}.hc-offcanvas-nav.is-ios *{cursor:pointer !important}.hc-offcanvas-nav .nav-container{position:fixed;z-index:9998;top:0;height:100%;max-width:100%;max-height:100%;box-sizing:border-box;transition:transform .4s ease}.hc-offcanvas-nav .nav-wrapper{width:100%;height:100%;box-sizing:border-box;-ms-scroll-chaining:none;overscroll-behavior:none}.hc-offcanvas-nav .nav-content{height:100%}.hc-offcanvas-nav .nav-wrapper-0>.nav-content{overflow:scroll;overflow-x:visible;overflow-y:auto;box-sizing:border-box}.hc-offcanvas-nav ul{list-style:none;margin:0;padding:0}.hc-offcanvas-nav li{position:relative;display:block}.hc-offcanvas-nav li.level-open>.nav-wrapper{visibility:visible}.hc-offcanvas-nav li:not(.custom-content) a{position:relative;display:block;box-sizing:border-box;cursor:pointer}.hc-offcanvas-nav li:not(.custom-content) a[disabled]{cursor:not-allowed}.hc-offcanvas-nav li:not(.custom-content) a,.hc-offcanvas-nav li:not(.custom-content) a:hover{text-decoration:none}.hc-offcanvas-nav input[type="checkbox"]{display:none}.hc-offcanvas-nav label{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;cursor:pointer}.hc-offcanvas-nav .nav-item-wrapper{position:relative}.hc-offcanvas-nav .nav-item-link{position:relative;display:block;box-sizing:border-box}.hc-offcanvas-nav:not(.user-is-tabbing) .nav-close-button:focus,.hc-offcanvas-nav:not(.user-is-tabbing) .nav-item-wrapper a:focus{outline:none}.hc-offcanvas-nav .nav-close:focus,.hc-offcanvas-nav .nav-next:focus,.hc-offcanvas-nav .nav-back:focus{z-index:10}.hc-offcanvas-nav.disable-body::after,.hc-offcanvas-nav .nav-wrapper::after{content:'';z-index:9990;top:0;left:0;right:0;bottom:0;width:100%;height:100%;-ms-scroll-chaining:none;overscroll-behavior:none;visibility:hidden;opacity:0;transition:visibility 0s ease .4s,opacity .4s ease}.hc-offcanvas-nav.disable-body::after{position:fixed}.hc-offcanvas-nav .nav-wrapper::after{position:absolute}.hc-offcanvas-nav.disable-body.nav-open::after,.hc-offcanvas-nav .sub-level-open::after{visibility:visible;opacity:1;transition-delay:.05s}.hc-offcanvas-nav:not(.nav-open)::after{pointer-events:none}.hc-offcanvas-nav.nav-levels-expand .nav-wrapper::after{display:none}.hc-offcanvas-nav.nav-levels-expand .nav-wrapper.nav-wrapper-0{max-height:100vh}.hc-offcanvas-nav.nav-levels-expand .nav-wrapper.nav-wrapper-0>.nav-content{overflow:scroll;overflow-x:visible;overflow-y:auto;box-sizing:border-box;max-height:100vh}.hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper{min-width:0;max-height:0;visibility:hidden;overflow:hidden;transition:height 0s ease .4s}.hc-offcanvas-nav.nav-levels-expand .level-open>.nav-wrapper{max-height:none;overflow:visible;visibility:visible}.hc-offcanvas-nav.nav-levels-overlap .nav-content{overflow:scroll;overflow-x:visible;overflow-y:auto;box-sizing:border-box;max-height:100vh}.hc-offcanvas-nav.nav-levels-overlap .nav-wrapper{max-height:100vh}.hc-offcanvas-nav.nav-levels-overlap ul .nav-wrapper{position:absolute;z-index:9999;top:0;height:100%;visibility:hidden;transition:visibility 0s ease .4s,transform .4s ease}.hc-offcanvas-nav.nav-levels-overlap ul li.nav-parent{position:static}.hc-offcanvas-nav.nav-levels-overlap ul li.level-open>.nav-wrapper{visibility:visible;transform:translate3d(0, 0, 0);transition:transform .4s ease}.hc-offcanvas-nav.nav-position-left{left:0}.hc-offcanvas-nav.nav-position-left .nav-container{left:0}.hc-offcanvas-nav.nav-position-left.nav-levels-overlap li .nav-wrapper{left:0;transform:translate3d(-100%, 0, 0)}.hc-offcanvas-nav.nav-position-right{right:0}.hc-offcanvas-nav.nav-position-right .nav-container{right:0}.hc-offcanvas-nav.nav-position-right.nav-levels-overlap li .nav-wrapper{right:0;transform:translate3d(100%, 0, 0)}.hc-offcanvas-nav.nav-position-top{top:0}.hc-offcanvas-nav.nav-position-top .nav-container{top:0;width:100%}.hc-offcanvas-nav.nav-position-top.nav-levels-overlap li .nav-wrapper{left:0;transform:translate3d(0, -100%, 0)}.hc-offcanvas-nav.nav-position-bottom{top:auto;bottom:0}.hc-offcanvas-nav.nav-position-bottom .nav-container{top:auto;bottom:0;width:100%}.hc-offcanvas-nav.nav-position-bottom.nav-levels-overlap li .nav-wrapper{left:0;transform:translate3d(0, 100%, 0)}.hc-offcanvas-nav.nav-open[class*='hc-nav-'] div.nav-container{transform:translate3d(0, 0, 0)}.hc-offcanvas-nav.rtl{text-align:right;direction:rtl}body.theme-default .hc-offcanvas-nav{--hc-offcanvas-nav-color-background: #336ca6;--hc-offcanvas-nav-color-background-hilight: #2e6296;--hc-offcanvas-nav-color-background-hover: #31679e;--hc-offcanvas-nav-color-background-labels: #2b5a8b;--hc-offcanvas-nav-color-background-labels-hover: #2e6195;--hc-offcanvas-nav-color-background-overlay: rgba(0, 0, 0, .3);--hc-offcanvas-nav-color-border-labels: #2b5a8b;--hc-offcanvas-nav-color-border-link-items: #2b5a8b;--hc-offcanvas-nav-color-border-level-open-toggle-item: #295887;--hc-offcanvas-nav-color-text: #fff;--hc-offcanvas-nav-color-text-disabled: rgba(255, 255, 255, .5);--hc-offcanvas-nav-color-heading: #1b3958;--hc-offcanvas-nav-font-family: sans-serif;--hc-offcanvas-nav-item-font-weight: 400;--hc-offcanvas-nav-font-size-text: 14px;--hc-offcanvas-nav-font-size-heading: 19px;--hc-offcanvas-heading-padding-y: 20px;--hc-offcanvas-heading-padding-x: 17px}body.theme-default .hc-offcanvas-nav{font-family:var(--hc-offcanvas-nav-font-family)}body.theme-default .hc-offcanvas-nav::after,body.theme-default .nav-wrapper::after{background-color:var(--hc-offcanvas-nav-color-background-overlay)}body.theme-default .hc-offcanvas-nav .nav-container,body.theme-default .hc-offcanvas-nav .nav-wrapper,body.theme-default .hc-offcanvas-nav ul{background-color:var(--hc-offcanvas-nav-color-background)}body.theme-default .nav-content>h2,body.theme-default .nav-content>h3,body.theme-default .nav-content>h4,body.theme-default .nav-content>h5,body.theme-default .nav-content>h6{color:var(--hc-offcanvas-nav-color-heading);font-size:var(--hc-offcanvas-nav-font-size-heading);font-weight:var(--hc-offcanvas-nav-item-font-weight);padding:var(--hc-offcanvas-heading-padding-y) var(--hc-offcanvas-heading-padding-x)}body.theme-default .hc-offcanvas-nav .nav-item-link,body.theme-default .hc-offcanvas-nav li.nav-close a,body.theme-default .hc-offcanvas-nav .nav-back a{border-bottom:1px solid var(--hc-offcanvas-nav-color-border-link-items);color:var(--hc-offcanvas-nav-color-text);font-size:var(--hc-offcanvas-nav-font-size-text);padding:14px 17px;transition:background .1s ease;z-index:1}body.theme-default .hc-offcanvas-nav .nav-item-link:focus,body.theme-default .hc-offcanvas-nav .nav-item-link:focus-within,body.theme-default .hc-offcanvas-nav li.nav-close a:focus,body.theme-default .hc-offcanvas-nav li.nav-close a:focus-within,body.theme-default .hc-offcanvas-nav .nav-back a:focus,body.theme-default .hc-offcanvas-nav .nav-back a:focus-within{z-index:10}body.theme-default .hc-offcanvas-nav .nav-item-link[disabled],body.theme-default .hc-offcanvas-nav li.nav-close a[disabled],body.theme-default .hc-offcanvas-nav .nav-back a[disabled]{color:var(--hc-offcanvas-nav-color-text-disabled)}body.theme-default .hc-offcanvas-nav div.nav-back+ul>li:first-child>.nav-item-wrapper>.nav-item-link{border-top:none}body.theme-default .hc-offcanvas-nav:not(.touch-device) li:not(.nav-item-custom) a:not([disabled]):hover,body.theme-default .hc-offcanvas-nav:not(.touch-device) li:not(.nav-item-custom) a:not([disabled]):focus{background-color:var(--hc-offcanvas-nav-color-background-hover)}body.theme-default .hc-offcanvas-nav .nav-custom-content{border-bottom:1px solid var(--hc-offcanvas-nav-color-border-link-items);font-size:var(--hc-offcanvas-nav-font-size-text);padding:14px 17px}body.theme-default .hc-offcanvas-nav .nav-highlight{background-color:var(--hc-offcanvas-nav-color-background-hilight)}body.theme-default .hc-offcanvas-nav ul:first-of-type>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link,body.theme-default .hc-offcanvas-nav ul:first-of-type>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link+a{border-top:1px solid var(--hc-offcanvas-nav-color-border-link-items)}body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>ul:not(:last-child){border-bottom:2px solid var(--hc-offcanvas-nav-color-border-link-items)}body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>ul+h2,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>ul+h3,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>ul+h4,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>ul+h5,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>ul+h6{margin-top:-2px}body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content h2,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content h3,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content h4,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content h5,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content h6{margin-bottom:0}body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content h2+ul>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content h3+ul>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content h4+ul>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content h5+ul>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content h6+ul>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link{border-top:1px solid var(--hc-offcanvas-nav-color-border-link-items)}body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content .nav-title+h2,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content .nav-title+h3,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content .nav-title+h4,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content .nav-title+h5,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content .nav-title+h6,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content .level-title+h2,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content .level-title+h3,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content .level-title+h4,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content .level-title+h5,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content .level-title+h6,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content .nav-close+h2,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content .nav-close+h3,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content .nav-close+h4,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content .nav-close+h5,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content .nav-close+h6{border-top:1px solid var(--hc-offcanvas-nav-color-border-link-items)}body.theme-default .hc-offcanvas-nav li{color:var(--hc-offcanvas-nav-color-text)}body.theme-default .hc-offcanvas-nav li.nav-parent .nav-item-link:last-child{padding-right:58px}body.theme-default .hc-offcanvas-nav li.nav-parent .nav-item-link:not(:last-child){margin-right:45px}body.theme-default .hc-offcanvas-nav .nav-close-button span,body.theme-default .hc-offcanvas-nav .nav-parent .nav-next,body.theme-default .hc-offcanvas-nav .nav-back span{bottom:0;cursor:pointer;position:absolute;right:0;text-align:center;top:0;transition:background .1s ease;width:45px}body.theme-default .hc-offcanvas-nav .nav-close-button{display:block;position:relative}body.theme-default .hc-offcanvas-nav .nav-close-button span::before,body.theme-default .hc-offcanvas-nav .nav-close-button span::after{border-left:2px solid var(--hc-offcanvas-nav-color-text);border-top:2px solid var(--hc-offcanvas-nav-color-text);content:'';height:8px;left:50%;margin-top:-3px;position:absolute;top:50%;width:8px}body.theme-default .hc-offcanvas-nav .nav-close-button span::before{margin-left:-9px;transform:rotate(135deg)}body.theme-default .hc-offcanvas-nav .nav-close-button span::after{transform:rotate(-45deg)}body.theme-default .hc-offcanvas-nav .nav-content>.nav-close{position:relative;z-index:2}body.theme-default .hc-offcanvas-nav .nav-content>.nav-close a{box-sizing:border-box;color:var(--hc-offcanvas-nav-color-text);font-size:var(--hc-offcanvas-nav-font-size-text);text-decoration:none;z-index:1}body.theme-default .hc-offcanvas-nav .nav-content>.nav-close a:not(.has-label){height:50px}body.theme-default .hc-offcanvas-nav .nav-content>.nav-close a.has-label{border-top:1px solid var(--hc-offcanvas-nav-color-border-link-items);padding:14px 17px}body.theme-default .hc-offcanvas-nav .nav-content>.nav-close a:hover,body.theme-default .hc-offcanvas-nav .nav-content>.nav-close a:focus{background-image:radial-gradient(farthest-corner at top right, rgba(0,0,0,0.1), rgba(0,0,0,0));border:none}body.theme-default .hc-offcanvas-nav .nav-content>.nav-close.has-label+ul{margin-top:-1px}body.theme-default .hc-offcanvas-nav:not(.nav-close-button-empty) .nav-content>.nav-close{margin-bottom:-1px}body.theme-default .hc-offcanvas-nav .nav-title+.nav-close a:not(.has-label){height:66px;line-height:66px;position:absolute;right:0;top:-66px;width:45px}body.theme-default .hc-offcanvas-nav.nav-close-button-empty .nav-title{padding-right:55px}body.theme-default .hc-offcanvas-nav li.nav-close a:not(.has-label){height:49px}body.theme-default .hc-offcanvas-nav .nav-content>.nav-close:first-child a,body.theme-default .hc-offcanvas-nav .nav-title+.nav-close a.has-label,body.theme-default .hc-offcanvas-nav li.nav-close a,body.theme-default .hc-offcanvas-nav .nav-back a{background-color:var(--hc-offcanvas-nav-color-background-labels);border-bottom:1px solid var(--hc-offcanvas-nav-color-border-labels);border-top:1px solid var(--hc-offcanvas-nav-color-border-labels)}body.theme-default .hc-offcanvas-nav .nav-content>.nav-close:first-child a:hover,body.theme-default .hc-offcanvas-nav .nav-content>.nav-close:first-child a:focus,body.theme-default .hc-offcanvas-nav .nav-title+.nav-close a.has-label:hover,body.theme-default .hc-offcanvas-nav .nav-title+.nav-close a.has-label:focus,body.theme-default .hc-offcanvas-nav li.nav-close a:hover,body.theme-default .hc-offcanvas-nav li.nav-close a:focus,body.theme-default .hc-offcanvas-nav .nav-back a:hover,body.theme-default .hc-offcanvas-nav .nav-back a:focus{background-color:var(--hc-offcanvas-nav-color-background-labels-hover)}body.theme-default .hc-offcanvas-nav li.nav-close a,body.theme-default .hc-offcanvas-nav li.nav-back:not(:first-child) a{margin-top:-1px}body.theme-default .hc-offcanvas-nav a.nav-next{border-bottom:1px solid var(--hc-offcanvas-nav-color-border-link-items);border-left:1px solid var(--hc-offcanvas-nav-color-border-link-items)}body.theme-default .hc-offcanvas-nav .nav-next span::before,body.theme-default .hc-offcanvas-nav .nav-back span::before{border-left:2px solid var(--hc-offcanvas-nav-color-text);border-top:2px solid var(--hc-offcanvas-nav-color-text);box-sizing:border-box;content:'';height:8px;left:50%;margin-left:-2px;position:absolute;top:50%;transform-origin:center;width:8px}body.theme-default .hc-offcanvas-nav .nav-next span{bottom:0;left:0;position:absolute;right:0;top:0}body.theme-default .hc-offcanvas-nav .nav-next span::before{transform:translate(-50%, -50%) rotate(135deg)}body.theme-default .hc-offcanvas-nav .nav-back span::before{margin-left:2px;transform:translate(-50%, -50%) rotate(-45deg)}body.theme-default .hc-offcanvas-nav.nav-position-left.nav-open.nav-levels-overlap .nav-wrapper{box-shadow:1px 0 2px rgba(0,0,0,0.2)}body.theme-default .hc-offcanvas-nav.nav-position-right.nav-open.nav-levels-overlap .nav-wrapper{box-shadow:-1px 0 2px rgba(0,0,0,0.2)}body.theme-default .hc-offcanvas-nav.nav-position-right.nav-open.nav-levels-overlap .nav-next span::before{margin-left:2px;transform:translate(-50%, -50%) rotate(-45deg)}body.theme-default .hc-offcanvas-nav.nav-position-right.nav-open.nav-levels-overlap .nav-back span::before{margin-left:-2px;transform:translate(-50%, -50%) rotate(135deg)}body.theme-default .hc-offcanvas-nav.nav-position-top.nav-open .nav-wrapper{box-shadow:0 1px 2px rgba(0,0,0,0.2)}body.theme-default .hc-offcanvas-nav.nav-position-top .nav-next span::before{margin-left:0;margin-right:-2px;transform:translate(-50%, -50%) rotate(-135deg)}body.theme-default .hc-offcanvas-nav.nav-position-top .nav-back span::before{margin-left:0;margin-right:-2px;transform:translate(-50%, -50%) rotate(45deg)}body.theme-default .hc-offcanvas-nav.nav-position-bottom.nav-open .nav-wrapper{box-shadow:0 -1px 2px rgba(0,0,0,0.2)}body.theme-default .hc-offcanvas-nav.nav-position-bottom .nav-next span::before{margin-left:0;margin-right:-2px;transform:translate(-50%, -50%) rotate(45deg)}body.theme-default .hc-offcanvas-nav.nav-position-bottom .nav-back span::before{margin-left:0;margin-right:-2px;transform:translate(-50%, -50%) rotate(-135deg)}body.theme-default .hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper,body.theme-default .hc-offcanvas-nav.nav-levels-none ul .nav-wrapper{box-shadow:none}body.theme-default .hc-offcanvas-nav.nav-levels-expand li.level-open,body.theme-default .hc-offcanvas-nav.nav-levels-none li.level-open{background-color:var(--hc-offcanvas-nav-color-background-hilight)}body.theme-default .hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-item-wrapper>a,body.theme-default .hc-offcanvas-nav.nav-levels-none li.level-open>.nav-item-wrapper>a{border-bottom:1px solid var(--hc-offcanvas-nav-color-border-level-open-toggle-item)}body.theme-default .hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-item-wrapper>a:hover,body.theme-default .hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-item-wrapper>a:focus,body.theme-default .hc-offcanvas-nav.nav-levels-none li.level-open>.nav-item-wrapper>a:hover,body.theme-default .hc-offcanvas-nav.nav-levels-none li.level-open>.nav-item-wrapper>a:focus{background-color:var(--hc-offcanvas-nav-color-background-labels)}body.theme-default .hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-item-wrapper .nav-next,body.theme-default .hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-item-wrapper a>.nav-next span::before,body.theme-default .hc-offcanvas-nav.nav-levels-none li.level-open>.nav-item-wrapper .nav-next,body.theme-default .hc-offcanvas-nav.nav-levels-none li.level-open>.nav-item-wrapper a>.nav-next span::before{margin-top:-2px;transform:translate(-50%, -50%) rotate(-135deg)}body.theme-default .hc-offcanvas-nav.nav-levels-expand .nav-wrapper-1 .nav-item-link,body.theme-default .hc-offcanvas-nav.nav-levels-none .nav-wrapper-1 .nav-item-link{padding-left:calc(17px + 20px * 1)}body.theme-default .hc-offcanvas-nav.nav-levels-expand .nav-wrapper-2 .nav-item-link,body.theme-default .hc-offcanvas-nav.nav-levels-none .nav-wrapper-2 .nav-item-link{padding-left:calc(17px + 20px * 2)}body.theme-default .hc-offcanvas-nav.nav-levels-expand .nav-wrapper-3 .nav-item-link,body.theme-default .hc-offcanvas-nav.nav-levels-none .nav-wrapper-3 .nav-item-link{padding-left:calc(17px + 20px * 3)}body.theme-default .hc-offcanvas-nav.nav-levels-expand .nav-wrapper-4 .nav-item-link,body.theme-default .hc-offcanvas-nav.nav-levels-none .nav-wrapper-4 .nav-item-link{padding-left:calc(17px + 20px * 4)}body.theme-default .hc-offcanvas-nav.nav-levels-expand .nav-wrapper-5 .nav-item-link,body.theme-default .hc-offcanvas-nav.nav-levels-none .nav-wrapper-5 .nav-item-link{padding-left:calc(17px + 20px * 5)}body.theme-default .hc-offcanvas-nav.rtl a.nav-next{border-left:none;border-right:1px solid var(--hc-offcanvas-nav-color-border-link-items)}body.theme-default .hc-offcanvas-nav.rtl .nav-title+.nav-close a:not(.has-label),body.theme-default .hc-offcanvas-nav.rtl .nav-close-button span,body.theme-default .hc-offcanvas-nav.rtl .nav-next,body.theme-default .hc-offcanvas-nav.rtl .nav-back span{left:0;right:auto}body.theme-default .hc-offcanvas-nav.rtl li.nav-parent .nav-item-link:last-child{padding-left:58px;padding-right:17px}body.theme-default .hc-offcanvas-nav.rtl li.nav-parent .nav-item-link:not(:last-child){margin-left:45px;margin-right:0}body.theme-default .hc-offcanvas-nav.rtl .nav-wrapper-1 li.nav-item .nav-item-link{padding-right:calc(17px + 20px * 1)}body.theme-default .hc-offcanvas-nav.rtl .nav-wrapper-2 li.nav-item .nav-item-link{padding-right:calc(17px + 20px * 2)}body.theme-default .hc-offcanvas-nav.rtl .nav-wrapper-3 li.nav-item .nav-item-link{padding-right:calc(17px + 20px * 3)}body.theme-default .hc-offcanvas-nav.rtl .nav-wrapper-4 li.nav-item .nav-item-link{padding-right:calc(17px + 20px * 4)}body.theme-default .hc-offcanvas-nav.rtl .nav-wrapper-5 li.nav-item .nav-item-link{padding-right:calc(17px + 20px * 5)}body.theme-carbon .hc-offcanvas-nav{font-family:sans-serif}body.theme-carbon .hc-offcanvas-nav .nav-container,body.theme-carbon .hc-offcanvas-nav .nav-wrapper,body.theme-carbon .hc-offcanvas-nav ul{background:#202225}body.theme-carbon .hc-offcanvas-nav::after,body.theme-carbon .hc-offcanvas-nav .nav-wrapper::after{background:rgba(0,0,0,0.3)}body.theme-carbon .hc-offcanvas-nav .nav-content{padding:0 15px}body.theme-carbon .hc-offcanvas-nav .nav-content>h2,body.theme-carbon .hc-offcanvas-nav .nav-content>h3,body.theme-carbon .hc-offcanvas-nav .nav-content>h4,body.theme-carbon .hc-offcanvas-nav .nav-content>h5,body.theme-carbon .hc-offcanvas-nav .nav-content>h6{font-size:19px;font-weight:normal;padding:25px 15px 30px;color:#fff}body.theme-carbon .hc-offcanvas-nav .nav-content>h2:first-child,body.theme-carbon .hc-offcanvas-nav .nav-content>h3:first-child,body.theme-carbon .hc-offcanvas-nav .nav-content>h4:first-child,body.theme-carbon .hc-offcanvas-nav .nav-content>h5:first-child,body.theme-carbon .hc-offcanvas-nav .nav-content>h6:first-child{margin-top:10px}body.theme-carbon .hc-offcanvas-nav .nav-content>h2:not(.nav-title):not(.level-title),body.theme-carbon .hc-offcanvas-nav .nav-content>h3:not(.nav-title):not(.level-title),body.theme-carbon .hc-offcanvas-nav .nav-content>h4:not(.nav-title):not(.level-title),body.theme-carbon .hc-offcanvas-nav .nav-content>h5:not(.nav-title):not(.level-title),body.theme-carbon .hc-offcanvas-nav .nav-content>h6:not(.nav-title):not(.level-title){font-size:16px;padding:15px 12px;text-transform:uppercase;color:#b3b3b3}body.theme-carbon .hc-offcanvas-nav .nav-item-link,body.theme-carbon .hc-offcanvas-nav li.nav-close a,body.theme-carbon .hc-offcanvas-nav .nav-back a{padding:12px;font-size:15px;color:#fff;z-index:1;background:rgba(0,0,0,0);border-radius:5px;transition:.05s background ease}body.theme-carbon .hc-offcanvas-nav .nav-item-link:focus,body.theme-carbon .hc-offcanvas-nav .nav-item-link:focus-within,body.theme-carbon .hc-offcanvas-nav li.nav-close a:focus,body.theme-carbon .hc-offcanvas-nav li.nav-close a:focus-within,body.theme-carbon .hc-offcanvas-nav .nav-back a:focus,body.theme-carbon .hc-offcanvas-nav .nav-back a:focus-within{z-index:10}body.theme-carbon .hc-offcanvas-nav .nav-item-link[disabled],body.theme-carbon .hc-offcanvas-nav li.nav-close a[disabled],body.theme-carbon .hc-offcanvas-nav .nav-back a[disabled]{color:rgba(255,255,255,0.5)}body.theme-carbon .hc-offcanvas-nav:not(.touch-device) li:not(.nav-item-custom) a:not([disabled]):hover{background:#272a2d}body.theme-carbon .hc-offcanvas-nav .nav-custom-content{padding:12px 15px;font-size:15px}body.theme-carbon .hc-offcanvas-nav .nav-highlight>.nav-item-wrapper .nav-item-link{border-radius:5px;background:#292c30}body.theme-carbon .hc-offcanvas-nav .nav-wrapper-0>.nav-content>ul:first-child{margin-top:15px}body.theme-carbon .hc-offcanvas-nav .nav-wrapper-0>.nav-content>ul:not(:last-child){margin-bottom:18px}body.theme-carbon .hc-offcanvas-nav li{color:#fff}body.theme-carbon .hc-offcanvas-nav li.nav-close a:hover,body.theme-carbon .hc-offcanvas-nav li.nav-back a:hover{background:#111213}body.theme-carbon .hc-offcanvas-nav li.nav-close:not(:first-child) a,body.theme-carbon .hc-offcanvas-nav li.nav-back:not(:first-child) a{margin-top:-1px}body.theme-carbon .hc-offcanvas-nav li.nav-parent .nav-item-link:last-child{padding-right:62px}body.theme-carbon .hc-offcanvas-nav li.nav-parent .nav-item-link:not(:last-child){margin-right:52px}body.theme-carbon .hc-offcanvas-nav .nav-close-button span,body.theme-carbon .hc-offcanvas-nav .nav-parent .nav-next,body.theme-carbon .hc-offcanvas-nav .nav-back span{width:40px;position:absolute;top:0;right:0;bottom:0;text-align:center;cursor:pointer;border-radius:5px;transition:background .2s ease}body.theme-carbon .hc-offcanvas-nav .nav-close-button{position:relative;display:block}body.theme-carbon .hc-offcanvas-nav .nav-close-button span::before,body.theme-carbon .hc-offcanvas-nav .nav-close-button span::after{content:'';position:absolute;top:50%;left:50%;width:6px;height:6px;margin-top:-3px;border-top:2px solid #fff;border-left:2px solid #fff}body.theme-carbon .hc-offcanvas-nav .nav-close-button span::before{margin-left:-9px;transform:rotate(135deg)}body.theme-carbon .hc-offcanvas-nav .nav-close-button span::after{transform:rotate(-45deg)}body.theme-carbon .hc-offcanvas-nav .nav-content>.nav-close a{height:44px;font-size:15px;color:#fff;background:rgba(0,0,0,0);border-radius:5px;z-index:1;text-decoration:none;box-sizing:border-box}body.theme-carbon .hc-offcanvas-nav .nav-content>.nav-close a.has-label{padding:12px 15px}body.theme-carbon .hc-offcanvas-nav .nav-content>.nav-close a:hover{background:#25272a}body.theme-carbon .hc-offcanvas-nav .nav-content>.nav-close:first-child{position:relative;min-height:40px;margin-top:15px}body.theme-carbon .hc-offcanvas-nav .nav-content>.nav-close:first-child+ul{margin-top:15px}body.theme-carbon .hc-offcanvas-nav .nav-content>.nav-close:first-child a.has-label{margin-bottom:-15px}body.theme-carbon .hc-offcanvas-nav .nav-content>.nav-close:first-child a:not(.has-label){position:absolute;width:40px;height:40px;line-height:40px;top:0;right:0}body.theme-carbon .hc-offcanvas-nav .nav-content>.nav-close:first-child a:not(.has-label)+ul{margin-top:60px}body.theme-carbon .hc-offcanvas-nav .nav-content>.nav-close:first-child a:not(.has-label)+h2,body.theme-carbon .hc-offcanvas-nav .nav-content>.nav-close:first-child a:not(.has-label)+h3,body.theme-carbon .hc-offcanvas-nav .nav-content>.nav-close:first-child a:not(.has-label)+h4,body.theme-carbon .hc-offcanvas-nav .nav-content>.nav-close:first-child a:not(.has-label)+h5,body.theme-carbon .hc-offcanvas-nav .nav-content>.nav-close:first-child a:not(.has-label)+h6{margin-top:55px}body.theme-carbon .hc-offcanvas-nav .nav-title+.nav-close a:not(.has-label){position:absolute;width:40px;height:40px;line-height:40px;top:28px;right:15px}body.theme-carbon .hc-offcanvas-nav.nav-close-button-empty .nav-title{padding-right:46px}body.theme-carbon .hc-offcanvas-nav li.nav-close:first-child{padding-bottom:15px}body.theme-carbon .hc-offcanvas-nav li.nav-close .nav-close-button.has-label{margin-bottom:-15px}body.theme-carbon .hc-offcanvas-nav li.nav-close .nav-close-button:not(.has-label){width:40px;height:40px;line-height:40px;float:right}body.theme-carbon .hc-offcanvas-nav li.nav-close .nav-item-wrapper::after{content:'';display:table;clear:both}body.theme-carbon .hc-offcanvas-nav a.nav-next{position:relative}body.theme-carbon .hc-offcanvas-nav a.nav-next:before{content:'';position:absolute;width:2px;height:25px;left:-7px;top:9px;background:#4d4d4d;border-radius:2px}body.theme-carbon .hc-offcanvas-nav .nav-next span::before,body.theme-carbon .hc-offcanvas-nav .nav-back span::before{content:'';position:absolute;top:50%;left:50%;width:8px;height:8px;margin-left:-2px;box-sizing:border-box;border-top:2px solid #fff;border-left:2px solid #fff;transform-origin:center}body.theme-carbon .hc-offcanvas-nav .nav-next span{position:absolute;top:0;right:0;left:0;bottom:0}body.theme-carbon .hc-offcanvas-nav .nav-next span::before{transform:translate(-50%, -50%) rotate(135deg)}body.theme-carbon .hc-offcanvas-nav .nav-back span::before{margin-left:2px;transform:translate(-50%, -50%) rotate(-45deg)}body.theme-carbon .hc-offcanvas-nav.nav-position-left.nav-open.nav-levels-overlap .nav-wrapper{box-shadow:1px 0 2px rgba(0,0,0,0.2)}body.theme-carbon .hc-offcanvas-nav.nav-position-right.nav-open.nav-levels-overlap .nav-wrapper{box-shadow:-1px 0 2px rgba(0,0,0,0.2)}body.theme-carbon .hc-offcanvas-nav.nav-position-right .nav-next span::before{margin-left:2px;transform:translate(-50%, -50%) rotate(-45deg)}body.theme-carbon .hc-offcanvas-nav.nav-position-right .nav-back span::before{margin-left:-2px;transform:translate(-50%, -50%) rotate(135deg)}body.theme-carbon .hc-offcanvas-nav.nav-position-top.nav-open .nav-wrapper{box-shadow:0 1px 2px rgba(0,0,0,0.2)}body.theme-carbon .hc-offcanvas-nav.nav-position-top .nav-next span::before{margin-left:0;margin-right:-2px;transform:translate(-50%, -50%) rotate(-135deg)}body.theme-carbon .hc-offcanvas-nav.nav-position-top .nav-back span::before{margin-left:0;margin-right:-2px;transform:translate(-50%, -50%) rotate(45deg)}body.theme-carbon .hc-offcanvas-nav.nav-position-bottom.nav-open .nav-wrapper{box-shadow:0 -1px 2px rgba(0,0,0,0.2)}body.theme-carbon .hc-offcanvas-nav.nav-position-bottom .nav-next span::before{margin-left:0;margin-right:-2px;transform:translate(-50%, -50%) rotate(45deg)}body.theme-carbon .hc-offcanvas-nav.nav-position-bottom .nav-back span::before{margin-left:0;margin-right:-2px;transform:translate(-50%, -50%) rotate(-135deg)}body.theme-carbon .hc-offcanvas-nav.nav-levels-overlap ul ul:first-child{margin-top:15px}body.theme-carbon .hc-offcanvas-nav.nav-levels-expand .nav-content .nav-content,body.theme-carbon .hc-offcanvas-nav.nav-levels-none .nav-content .nav-content{padding:0}body.theme-carbon .hc-offcanvas-nav.nav-levels-expand .nav-wrapper .nav-wrapper,body.theme-carbon .hc-offcanvas-nav.nav-levels-none .nav-wrapper .nav-wrapper{width:auto;position:relative;margin-left:20px}body.theme-carbon .hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-item-wrapper>.nav-next span::before,body.theme-carbon .hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-item-wrapper>a>.nav-next span::before,body.theme-carbon .hc-offcanvas-nav.nav-levels-none li.level-open>.nav-item-wrapper>.nav-next span::before,body.theme-carbon .hc-offcanvas-nav.nav-levels-none li.level-open>.nav-item-wrapper>a>.nav-next span::before{margin-top:-2px;transform:translate(-50%, -50%) rotate(-135deg)}body.theme-carbon .hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-wrapper::before,body.theme-carbon .hc-offcanvas-nav.nav-levels-none li .nav-wrapper::before{content:'';position:absolute;width:2px;left:-7px;top:5px;bottom:5px;background:#4d4d4d;border-radius:2px}body.theme-carbon .hc-offcanvas-nav.rtl .nav-wrapper .nav-wrapper{margin-left:0;margin-right:20px}body.theme-carbon .hc-offcanvas-nav.rtl a.nav-next:before{left:auto;right:-7px}body.theme-carbon .hc-offcanvas-nav.rtl .nav-title+.nav-close a:not(.has-label){left:15px;right:auto}body.theme-carbon .hc-offcanvas-nav.rtl .nav-close-button span,body.theme-carbon .hc-offcanvas-nav.rtl .nav-next,body.theme-carbon .hc-offcanvas-nav.rtl .nav-back span{left:0;right:auto}body.theme-carbon .hc-offcanvas-nav.rtl li.nav-parent .nav-item-link:last-child{padding-left:62px;padding-right:12px}body.theme-carbon .hc-offcanvas-nav.rtl li.nav-parent .nav-item-link:not(:last-child){margin-left:52px;margin-right:0}body.theme-carbon .hc-offcanvas-nav.rtl.nav-levels-expand li.level-open>.nav-wrapper::before,body.theme-carbon .hc-offcanvas-nav.rtl.nav-levels-none li .nav-wrapper::before{left:auto;right:-7px}html,body,div,span,header,ul,li,a{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{height:100%}h1,h2,h3,h4,h5,h6{margin:0}em{font-style:italic}strong{font-weight:600}ol,ul{list-style:none}.cf::before,.cf::after{content:'';display:block;height:0;overflow:hidden}.cf::after{clear:both}#container{display:flex;flex-direction:column;min-height:100vh;height:100%;background:linear-gradient(-134deg, #517fa4 0%, #243949 100%);font-family:'Raleway', sans-serif;text-align:center;color:#fffce1}.wrapper{max-width:800px;margin:0 auto;padding:0 20px}#main-nav{display:none}header{position:relative;padding:50px 0 20px}header h1{font-size:50px;font-weight:700;text-align:center;letter-spacing:5px;padding-bottom:8px}header h2{max-width:680px;margin:auto;font-size:20px;font-weight:200;line-height:1.4;text-align:center;letter-spacing:1px;padding-bottom:30px}header .git{display:inline-block;text-decoration:none;color:#fff;border-radius:4px;padding:4px 10px 4px 0;font-size:15px;font-weight:400;color:#fffce1;background:#54b9cb;transition:background .15s ease-in-out}header .git:hover{background:#4ca8b9}header .git:hover svg{border-color:#54b9cb}header .git svg{width:15px;height:15px;fill:#fffce1;position:relative;top:2px;padding:0 10px;margin-right:10px;border-right:1px solid #4daabb;transition:border-color .15s ease-in-out}header .ver{padding-top:15px;font-weight:200;color:#dab977}header .ver span{color:#fffce1}header .toggle{position:absolute;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:none;top:20px;z-index:9980;width:35px;min-height:26px;position:relative;width:auto;top:auto;left:auto;float:left;display:block;cursor:pointer;box-sizing:content-box;font-size:18px;padding-left:55px;line-height:22px;margin-top:55px;color:#fff;text-align:left;text-decoration:none}header .toggle span{width:35px;top:50%;transform:translateY(-50%);transform-origin:50% 50%}header .toggle span,header .toggle span::before,header .toggle span::after{display:block;position:absolute;left:0;height:4px;background:#182631;transition:all .25s ease}header .toggle span::before,header .toggle span::after{content:'';width:100%}header .toggle span::before{top:-11px}header .toggle span::after{bottom:-11px}header .toggle.toggle-open span{background:rgba(0,0,0,0);transform:rotate(45deg)}header .toggle.toggle-open span::before{transform:translate3d(0, 11px, 0)}header .toggle.toggle-open span::after{transform:rotate(-90deg) translate3d(11px, 0, 0)}header .toggle:hover span,header .toggle:hover span::before,header .toggle:hover span::after{background:#dab977}header .toggle i{font-size:10px;display:block;line-height:10px;opacity:.7}footer{padding-bottom:40px}footer .swm{display:inline-block;padding:0 15px}footer .swm svg{display:block;width:auto;height:17px;margin-top:22px}footer .swm svg path{transition:fill .1s ease}footer .swm svg .l-1{fill:#4fb5e1}footer .swm svg .l-2{fill:#f2c053}footer .swm svg .l-3{fill:#a7ce38}footer .swm:not(:hover) svg .l-1{fill:#466e8d}footer .swm:not(:hover) svg .l-2{fill:#9db9cf}footer .swm:not(:hover) svg .l-3{fill:#5989ad}main{flex:1 0 auto;padding-bottom:30px;text-align:left}main .content{border-top:1px solid rgba(255,255,255,0.1)}main h4{font-size:15px;letter-spacing:1px;font-weight:600;text-transform:uppercase;margin:20px 0}main h4:first-child{margin-top:30px}main .actions{margin:0 -15px;text-align:center}main .actions div{padding:0 15px 20px;box-sizing:border-box}@media screen and (min-width: 800px){main .actions:not(.theme){display:flex;flex-wrap:wrap}main .actions:not(.theme) div{float:left;flex:1 1 33.33%;max-width:33.33%}main .actions:not(.theme).position div{float:left;flex:1 1 25%;max-width:25%}main .actions.theme::after{content:'';display:table;clear:both}main .actions.theme div{float:left}}main .actions.checkboxes{text-align:left;padding-top:8px}main .actions.checkboxes label{font-size:14px;text-transform:uppercase;cursor:pointer}main .actions.checkboxes label input{display:none}main .actions.checkboxes label input:checked ~ span{background:#dab977}main .actions.checkboxes label input:checked ~ span::before{content:'';position:absolute;top:50%;left:50%;margin-top:-1px;border:solid #243949;border-width:0 3px 3px 0;display:inline-block;padding:5px 2px;transform:translate(-50%, -50%) rotate(45deg)}main .actions.checkboxes label span{display:inline-block;position:relative;top:-1px;width:22px;height:22px;background:#fffce1;margin-right:12px;vertical-align:top;transition:all .1s ease}main .button{position:relative;display:block;padding:18px 30px 16px;text-transform:uppercase;text-align:center;font-size:16px;font-weight:700;line-height:1.4;letter-spacing:1px;text-decoration:none;color:#243949;cursor:pointer;background:#fffce1;border-radius:30px / 80px;transition:all .1s ease}main .button:not(.active):hover{color:#d5af63}main .button.active{background:#dab977}main .thumb{position:relative;display:block;width:100px;height:100px;border:4px solid #fffce1;border-radius:5px;background-size:cover}main .thumb.active{border-color:#dab977}.hc-offcanvas-nav .nav-wrapper-0>.nav-content{padding-bottom:41px}.hc-offcanvas-nav h2 ~ ul>li.search .nav-custom-content{padding-top:0}.hc-offcanvas-nav.rtl .nav-item-link::before{margin-left:15px;margin-right:0 !important}.hc-offcanvas-nav.rtl .nav-item.collections>.nav-item-wrapper .nav-item-link span{float:left}.hc-offcanvas-nav li .custom-message{font-size:12px}.hc-offcanvas-nav li .custom-message a{color:#fff;font-size:13px}.hc-offcanvas-nav li .custom-message a:hover{text-decoration:none}.hc-offcanvas-nav li.add>.nav-item-wrapper a::before{font-family:'Material Icons';font-weight:normal;font-style:normal;display:inline-block;line-height:1;text-transform:none;text-indent:0;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';display:inline-block;width:19px;height:19px;margin-right:15px;font-size:23px;vertical-align:top;speak:never;content:'add'}.hc-offcanvas-nav li.new>.nav-item-wrapper .nav-item-link::before{font-family:'Material Icons';font-weight:normal;font-style:normal;display:inline-block;line-height:1;text-transform:none;text-indent:0;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';display:inline-block;width:19px;height:19px;margin-right:15px;font-size:23px;vertical-align:top;speak:never;content:'fiber_new'}.hc-offcanvas-nav li.cryptocurrency>.nav-item-wrapper .nav-item-link::before{font-family:'Material Icons';font-weight:normal;font-style:normal;display:inline-block;line-height:1;text-transform:none;text-indent:0;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';display:inline-block;width:19px;height:19px;margin-right:15px;font-size:23px;vertical-align:top;speak:never;content:'local_atm'}.hc-offcanvas-nav li.devices>.nav-item-wrapper .nav-item-link::before{font-family:'Material Icons';font-weight:normal;font-style:normal;display:inline-block;line-height:1;text-transform:none;text-indent:0;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';display:inline-block;width:19px;height:19px;margin-right:15px;font-size:23px;vertical-align:top;speak:never;content:'devices'}.hc-offcanvas-nav li.mobile>.nav-item-wrapper .nav-item-link::before{font-family:'Material Icons';font-weight:normal;font-style:normal;display:inline-block;line-height:1;text-transform:none;text-indent:0;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';display:inline-block;width:19px;height:19px;margin-right:15px;font-size:23px;vertical-align:top;speak:never;content:'phone_android'}.hc-offcanvas-nav li.television>.nav-item-wrapper .nav-item-link::before{font-family:'Material Icons';font-weight:normal;font-style:normal;display:inline-block;line-height:1;text-transform:none;text-indent:0;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';display:inline-block;width:19px;height:19px;margin-right:15px;font-size:23px;vertical-align:top;speak:never;content:'desktop_windows'}.hc-offcanvas-nav li.camera>.nav-item-wrapper .nav-item-link::before{font-family:'Material Icons';font-weight:normal;font-style:normal;display:inline-block;line-height:1;text-transform:none;text-indent:0;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';display:inline-block;width:19px;height:19px;margin-right:15px;font-size:23px;vertical-align:top;speak:never;content:'camera_alt'}.hc-offcanvas-nav li.magazines>.nav-item-wrapper .nav-item-link::before{font-family:'Material Icons';font-weight:normal;font-style:normal;display:inline-block;line-height:1;text-transform:none;text-indent:0;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';display:inline-block;width:19px;height:19px;margin-right:15px;font-size:23px;vertical-align:top;speak:never;content:'import_contacts'}.hc-offcanvas-nav li.store>.nav-item-wrapper .nav-item-link::before{font-family:'Material Icons';font-weight:normal;font-style:normal;display:inline-block;line-height:1;text-transform:none;text-indent:0;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';display:inline-block;width:19px;height:19px;margin-right:15px;font-size:23px;vertical-align:top;speak:never;content:'store'}.hc-offcanvas-nav li.collections>.nav-item-wrapper .nav-item-link span{font-size:70%;line-height:15px;height:15px;padding:0 4px;float:right;background:#ff635a;border-radius:2px;margin-top:2px}.hc-offcanvas-nav li.collections>.nav-item-wrapper .nav-item-link::before{font-family:'Material Icons';font-weight:normal;font-style:normal;display:inline-block;line-height:1;text-transform:none;text-indent:0;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';display:inline-block;width:19px;height:19px;margin-right:15px;font-size:23px;vertical-align:top;speak:never;content:'collections'}.hc-offcanvas-nav li.nolink>.nav-item-wrapper .nav-item-link::before{font-family:'Material Icons';font-weight:normal;font-style:normal;display:inline-block;line-height:1;text-transform:none;text-indent:0;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';display:inline-block;width:19px;height:19px;margin-right:15px;font-size:23px;vertical-align:top;speak:never;content:'format_clear'}.hc-offcanvas-nav li.disabled>.nav-item-wrapper .nav-item-link::before{font-family:'Material Icons';font-weight:normal;font-style:normal;display:inline-block;line-height:1;text-transform:none;text-indent:0;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';display:inline-block;width:19px;height:19px;margin-right:15px;font-size:23px;vertical-align:top;speak:never;content:'block'}.hc-offcanvas-nav.nav-position-top ul.bottom-nav,.hc-offcanvas-nav.nav-position-bottom ul.bottom-nav{position:relative;border-top:none}.hc-offcanvas-nav.nav-position-top .nav-wrapper-0>.nav-content,.hc-offcanvas-nav.nav-position-bottom .nav-wrapper-0>.nav-content{padding-bottom:0}.hc-offcanvas-nav ul.bottom-nav{position:absolute;left:0;right:0;bottom:0;z-index:10;width:100%;display:flex;flex-wrap:nowrap;align-items:stretch;border-top:1px solid rgba(0,0,0,0.15)}.hc-offcanvas-nav ul.bottom-nav li{flex:auto}.hc-offcanvas-nav ul.bottom-nav li a{padding:10px;text-align:center;height:100%;border-bottom:none}.hc-offcanvas-nav ul.bottom-nav li svg{fill:#fff;display:inline-block;vertical-align:middle}.hc-offcanvas-nav ul.bottom-nav li.github svg{width:17px;height:17px}.hc-offcanvas-nav ul.bottom-nav li.ko-fi svg{width:21px;height:21px}.hc-offcanvas-nav ul.bottom-nav li.email svg{width:19px;height:19px}body.theme-default .hc-offcanvas-nav .second-nav{border-bottom:none !important}
diff --git a/docs/demo.scss b/docs/demo.scss
index 34140d8..627a3f4 100644
--- a/docs/demo.scss
+++ b/docs/demo.scss
@@ -1,7 +1,6 @@
 $background: #243949;
 $white: #fffce1;
 $yellow: #dab977;
-
 @import '../src/scss/mixins';
 @import '../src/scss/core';
 
@@ -38,7 +37,14 @@ body.theme-carbon {
   speak: never;
 }
 
-html, body, div, span, header, ul, li, a {
+html,
+body,
+div,
+span,
+header,
+ul,
+li,
+a {
   margin: 0;
   padding: 0;
   border: 0;
@@ -51,7 +57,12 @@ html {
   height: 100%;
 }
 
-h1, h2, h3, h4, h5, h6 {
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
   margin: 0;
 }
 
@@ -63,7 +74,8 @@ strong {
   font-weight: 600;
 }
 
-ol, ul {
+ol,
+ul {
   list-style: none;
 }
 
@@ -86,7 +98,7 @@ ol, ul {
   flex-direction: column;
   min-height: 100vh;
   height: 100%;
-  background: linear-gradient(-134deg, #517FA4 0%, $background 100%);
+  background: linear-gradient(-134deg, #517fa4 0%, $background 100%);
   font-family: 'Raleway', sans-serif;
   text-align: center;
   color: $white;
@@ -138,7 +150,7 @@ header {
     transition: background .15s ease-in-out;
 
     &:hover {
-      background: #4CA8B9;
+      background: #4ca8b9;
 
       svg {
         border-color: #54b9cb;
@@ -225,9 +237,11 @@ footer {
       .l-1 {
         fill: #4fb5e1;
       }
+
       .l-2 {
         fill: #f2c053;
       }
+
       .l-3 {
         fill: #a7ce38;
       }
@@ -238,9 +252,11 @@ footer {
         .l-1 {
           fill: lighten($background, 20%);
         }
+
         .l-2 {
           fill: lighten($background, 50%);
         }
+
         .l-3 {
           fill: lighten($background, 30%);
         }
@@ -280,7 +296,6 @@ main {
     }
 
     @media screen and (min-width: 800px) {
-
       &:not(.theme) {
         display: flex;
         flex-wrap: wrap;
@@ -301,7 +316,6 @@ main {
       }
 
       &.theme {
-
         &::after {
           content: '';
           display: table;
@@ -327,7 +341,6 @@ main {
           display: none;
 
           &:checked {
-
             & ~ span {
               background: $yellow;
 
@@ -376,7 +389,7 @@ main {
     color: $background;
     cursor: pointer;
     background: $white;
-    border-radius: 30px/80px;
+    border-radius: 30px / 80px;
     transition: all .1s ease;
 
     &:not(.active):hover {
@@ -404,7 +417,6 @@ main {
 }
 
 .hc-offcanvas-nav {
-
   .nav-wrapper-0 > .nav-content {
     padding-bottom: 41px;
   }
@@ -418,7 +430,6 @@ main {
   }
 
   &.rtl {
-
     .nav-item-link {
       &::before {
         margin-left: 15px;
@@ -432,7 +443,6 @@ main {
   }
 
   li {
-
     .custom-message {
       font-size: 12px;
 
@@ -522,7 +532,6 @@ main {
 
   &.nav-position-top,
   &.nav-position-bottom {
-
     ul.bottom-nav {
       position: relative;
       border-top: none;
@@ -587,7 +596,6 @@ main {
 
 body.theme-default {
   .hc-offcanvas-nav {
-
     .second-nav {
       border-bottom: none !important;
     }
diff --git a/src/scss/_theme-default.scss b/src/scss/_theme-default.scss
index 4543c3a..d2185c6 100644
--- a/src/scss/_theme-default.scss
+++ b/src/scss/_theme-default.scss
@@ -1,525 +1,433 @@
-$hc-offcanvas-nav-background-color:   #336ca6 !default;
-$hc-offcanvas-nav-text-color:         #fff !default;
-$hc-offcanvas-nav-text-size:          14px !default;
-
+// stylelint-disable no-descending-specificity
+// CSS Variables for off canvas menu
 .hc-offcanvas-nav {
-  font-family: sans-serif;
-
-  &,
-  .nav-wrapper {
-    &::after {
-      background: rgba(0, 0, 0, .3);
-    }
-  }
-
-  .nav-container,
-  .nav-wrapper,
-  ul {
-    background: $hc-offcanvas-nav-background-color;
-  }
-
-  .nav-content > {
-    h2, h3, h4, h5, h6 {
-      font-size: round($hc-offcanvas-nav-text-size * 1.35);
-      font-weight: normal;
-      padding: 20px 17px;
-      color: darken($hc-offcanvas-nav-background-color, 20%);
-
-      &:not(.nav-title):not(.level-title) {
-        font-size: round($hc-offcanvas-nav-text-size * 1.14);
-        padding: 15px 17px;
-        background: $hc-offcanvas-nav-background-color;
-      }
-    }
-  }
-
-  .nav-item-link,
-  li.nav-close a,
-  .nav-back a {
-    padding: 14px 17px;
-    font-size: $hc-offcanvas-nav-text-size;
-    color: $hc-offcanvas-nav-text-color;
-    z-index: 1;
-    background: rgba(0, 0, 0, 0);
-    border-bottom: 1px solid darken($hc-offcanvas-nav-background-color, 6%);
-    transition: background .1s ease;
-
-    &:focus,
-    &:focus-within {
-      z-index: 10;
-    }
-
-    &[disabled] {
-      color: rgba($hc-offcanvas-nav-text-color, .5);
-    }
-  }
+  // Colors
+  --hc-offcanvas-nav-color-background: #336ca6;
+  --hc-offcanvas-nav-color-background-hilight: #2e6296;
+  --hc-offcanvas-nav-color-background-hover: #31679e;
+  --hc-offcanvas-nav-color-background-labels: #2b5a8b;
+  --hc-offcanvas-nav-color-background-labels-hover: #2e6195;
+  --hc-offcanvas-nav-color-background-overlay: rgba(0, 0, 0, .3);
+  --hc-offcanvas-nav-color-border-labels: #2b5a8b;
+  --hc-offcanvas-nav-color-border-link-items: #2b5a8b;
+  --hc-offcanvas-nav-color-border-level-open-toggle-item: #295887;
+  --hc-offcanvas-nav-color-text: #fff;
+  --hc-offcanvas-nav-color-text-disabled: rgba(255, 255, 255, .5);
+  --hc-offcanvas-nav-color-heading: #1b3958;
+
+  // Definitions
+  --hc-offcanvas-nav-font-family: sans-serif;
+  --hc-offcanvas-nav-item-font-weight: 400;
+
+  // Sizes
+  --hc-offcanvas-nav-font-size-text: 14px;
+  --hc-offcanvas-nav-font-size-heading: 19px;
+  --hc-offcanvas-heading-padding-y: 20px;
+  --hc-offcanvas-heading-padding-x: 17px;
+}
 
-  div.nav-back {
-    & + ul > li:first-child > .nav-item-wrapper > .nav-item-link {
-      border-top: none !important;
-    }
+.hc-offcanvas-nav {
+  font-family: var(--hc-offcanvas-nav-font-family);
+}
+
+.hc-offcanvas-nav::after,
+.nav-wrapper::after {
+  background-color: var(--hc-offcanvas-nav-color-background-overlay);
+}
+
+.hc-offcanvas-nav .nav-container,
+.hc-offcanvas-nav .nav-wrapper,
+.hc-offcanvas-nav ul {
+  background-color: var(--hc-offcanvas-nav-color-background);
+}
+
+.nav-content > h2,
+.nav-content > h3,
+.nav-content > h4,
+.nav-content > h5,
+.nav-content > h6 {
+  color: var(--hc-offcanvas-nav-color-heading);
+  font-size: var(--hc-offcanvas-nav-font-size-heading);
+  font-weight: var(--hc-offcanvas-nav-item-font-weight);
+  padding: var(--hc-offcanvas-heading-padding-y) var(--hc-offcanvas-heading-padding-x);
+}
+
+.hc-offcanvas-nav .nav-item-link,
+.hc-offcanvas-nav li.nav-close a,
+.hc-offcanvas-nav .nav-back a {
+  border-bottom: 1px solid var(--hc-offcanvas-nav-color-border-link-items);
+  color: var(--hc-offcanvas-nav-color-text);
+  font-size: var(--hc-offcanvas-nav-font-size-text);
+  padding: 14px 17px;
+  transition: background .1s ease;
+  z-index: 1;
+
+  &:focus,
+  &:focus-within {
+    z-index: 10;
   }
 
-  &:not(.touch-device) {
-    li:not(.nav-item-custom) {
-      a:not([disabled]) {
-        &:hover {
-          background: darken($hc-offcanvas-nav-background-color, 2%);
-        }
-      }
-    }
+  &[disabled] {
+    color: var(--hc-offcanvas-nav-color-text-disabled);
   }
-
-  .nav-custom-content {
-    padding: 14px 17px;
-    font-size: $hc-offcanvas-nav-text-size;
-    border-bottom: 1px solid darken($hc-offcanvas-nav-background-color, 6%);
+}
+
+.hc-offcanvas-nav div.nav-back + ul > li:first-child > .nav-item-wrapper > .nav-item-link {
+  border-top: none;
+}
+
+// stylelint-disable-next-line selector-max-pseudo-class
+.hc-offcanvas-nav:not(.touch-device) li:not(.nav-item-custom) a:not([disabled]):hover,
+.hc-offcanvas-nav:not(.touch-device) li:not(.nav-item-custom) a:not([disabled]):focus {
+  background-color: var(--hc-offcanvas-nav-color-background-hover);
+}
+
+.hc-offcanvas-nav .nav-custom-content {
+  border-bottom: 1px solid var(--hc-offcanvas-nav-color-border-link-items);
+  font-size: var(--hc-offcanvas-nav-font-size-text);
+  padding: 14px 17px;
+}
+
+.hc-offcanvas-nav .nav-highlight {
+  background-color: var(--hc-offcanvas-nav-color-background-hilight);
+}
+
+// stylelint-disable-next-line selector-max-pseudo-class, selector-max-specificity
+.hc-offcanvas-nav ul:first-of-type > li:first-child:not(.nav-back):not(.nav-close) > .nav-item-wrapper > .nav-item-link,
+.hc-offcanvas-nav ul:first-of-type > li:first-child:not(.nav-back):not(.nav-close) > .nav-item-wrapper > .nav-item-link + a {
+  border-top: 1px solid var(--hc-offcanvas-nav-color-border-link-items);
+}
+
+.hc-offcanvas-nav .nav-wrapper > .nav-content > ul:not(:last-child) {
+  border-bottom: 2px solid var(--hc-offcanvas-nav-color-border-link-items);
+}
+
+.hc-offcanvas-nav .nav-wrapper > .nav-content > ul + h2,
+.hc-offcanvas-nav .nav-wrapper > .nav-content > ul + h3,
+.hc-offcanvas-nav .nav-wrapper > .nav-content > ul + h4,
+.hc-offcanvas-nav .nav-wrapper > .nav-content > ul + h5,
+.hc-offcanvas-nav .nav-wrapper > .nav-content > ul + h6 {
+  margin-top: -2px;
+}
+
+.hc-offcanvas-nav .nav-wrapper > .nav-content h2,
+.hc-offcanvas-nav .nav-wrapper > .nav-content h3,
+.hc-offcanvas-nav .nav-wrapper > .nav-content h4,
+.hc-offcanvas-nav .nav-wrapper > .nav-content h5,
+.hc-offcanvas-nav .nav-wrapper > .nav-content h6 {
+  margin-bottom: 0;
+
+  // stylelint-disable-next-line selector-max-class, selector-max-combinators, selector-max-compound-selectors, selector-max-pseudo-class, selector-max-specificity
+  + ul > li:first-child:not(.nav-back):not(.nav-close) > .nav-item-wrapper > .nav-item-link {
+    border-top: 1px solid var(--hc-offcanvas-nav-color-border-link-items);
   }
-
-  .nav-highlight {
-    background: darken($hc-offcanvas-nav-background-color, 4%);
+}
+
+.hc-offcanvas-nav .nav-wrapper > .nav-content .nav-title,
+.hc-offcanvas-nav .nav-wrapper > .nav-content .level-title,
+.hc-offcanvas-nav .nav-wrapper > .nav-content .nav-close {
+  + h2,
+  + h3,
+  + h4,
+  + h5,
+  + h6 {
+    border-top: 1px solid var(--hc-offcanvas-nav-color-border-link-items);
   }
+}
 
-  .nav-wrapper {
-    & > .nav-content > {
-
-      ul {
-
-        &:first-of-type {
-          & > li {
-            &:first-child:not(.nav-back):not(.nav-close) {
-              & > .nav-item-wrapper {
-                & > .nav-item-link {
-                  border-top: 1px solid darken($hc-offcanvas-nav-background-color, 6%);
-
-                  & + a {
-                    border-top: 1px solid darken($hc-offcanvas-nav-background-color, 6%);
-                  }
-                }
-              }
-            }
-          }
-        }
-
-        &:not(:last-child) {
-          border-bottom: 2px solid darken($hc-offcanvas-nav-background-color, 6%);
-        }
-
-        & + {
-          h2, h3, h4, h5, h6 {
-            margin-top: -2px;
-          }
-        }
-      }
-
-      h2, h3, h4, h5, h6 {
-        & + ul {
-          & > li {
-            &:first-child:not(.nav-back):not(.nav-close) {
-              & > .nav-item-wrapper {
-                & > .nav-item-link {
-                  border-top: 1px solid darken($hc-offcanvas-nav-background-color, 6%);
-                }
-              }
-            }
-          }
-        }
-      }
+.hc-offcanvas-nav li {
+  color: var(--hc-offcanvas-nav-color-text);
 
-      .nav-title,
-      .level-title,
-      .nav-close {
-        & + {
-          h2, h3, h4, h5, h6 {
-            border-top: 1px solid darken($hc-offcanvas-nav-background-color, 6%);
-          }
-        }
-      }
+  &.nav-parent .nav-item-link {
+    &:last-child {
+      padding-right: 58px;
     }
-  }
-
-  li {
-    color: $hc-offcanvas-nav-text-color;
-
-    &.nav-parent {
-      .nav-item-link {
 
-        &:last-child {
-          padding-right: 58px;
-        }
-
-        &:not(:last-child) {
-          margin-right: 45px;
-        }
-      }
+    &:not(:last-child) {
+      margin-right: 45px;
     }
   }
-
-  .nav-close-button span,
-  .nav-parent .nav-next,
-  .nav-back span {
-    width: 45px;
+}
+
+.hc-offcanvas-nav .nav-close-button span,
+.hc-offcanvas-nav .nav-parent .nav-next,
+.hc-offcanvas-nav .nav-back span {
+  bottom: 0;
+  cursor: pointer;
+  position: absolute;
+  right: 0;
+  text-align: center;
+  top: 0;
+  transition: background .1s ease;
+  width: 45px;
+}
+
+.hc-offcanvas-nav .nav-close-button {
+  display: block;
+  position: relative;
+
+  span::before,
+  span::after {
+    border-left: 2px solid var(--hc-offcanvas-nav-color-text);
+    border-top: 2px solid var(--hc-offcanvas-nav-color-text);
+    content: '';
+    height: 8px;
+    left: 50%;
+    margin-top: -3px;
     position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    text-align: center;
-    cursor: pointer;
-    transition: background .1s ease;
+    top: 50%;
+    width: 8px;
   }
 
-  .nav-close-button {
-    position: relative;
-    display: block;
-
-    span {
-      &::before,
-      &::after {
-        content: '';
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        width: 6px;
-        height: 6px;
-        margin-top: -3px;
-        border-top: 2px solid $hc-offcanvas-nav-text-color;
-        border-left: 2px solid $hc-offcanvas-nav-text-color;
-      }
-
-      &::before {
-        margin-left: -9px;
-        transform: rotate(135deg);
-      }
-
-      &::after {
-        transform: rotate(-45deg);
-      }
-    }
+  span::before {
+    margin-left: -9px;
+    transform: rotate(135deg);
   }
 
-  .nav-content > .nav-close {
-    position: relative;
-    z-index: 2;
-
-    a {
-      font-size: $hc-offcanvas-nav-text-size;
-      color: $hc-offcanvas-nav-text-color;
-      background: rgba(0, 0, 0, 0);
-      z-index: 1;
-      text-decoration: none;
-      box-sizing: border-box;
+  span::after {
+    transform: rotate(-45deg);
+  }
+}
 
-      &:not(.has-label) {
-        height: 50px;
-      }
+.hc-offcanvas-nav .nav-content > .nav-close {
+  position: relative;
+  z-index: 2;
 
-      &.has-label {
-        padding: 14px 17px;
-        border-top: 1px solid darken($hc-offcanvas-nav-background-color, 6%);
-      }
+  a {
+    box-sizing: border-box;
+    color: var(--hc-offcanvas-nav-color-text);
+    font-size: var(--hc-offcanvas-nav-font-size-text);
+    text-decoration: none;
+    z-index: 1;
 
-      &:hover {
-        border: none;
-        background: radial-gradient(
-          farthest-corner at top right,
-          rgba(0, 0, 0, .1),
-          rgba(0, 0, 0, 0)
-        );
-      }
+    &:not(.has-label) {
+      height: 50px;
     }
 
-    &.has-label + ul {
-      margin-top: -1px;
+    &.has-label {
+      border-top: 1px solid var(--hc-offcanvas-nav-color-border-link-items);
+      padding: 14px 17px;
     }
-  }
 
-  &:not(.nav-close-button-empty) {
-    .nav-content > .nav-close {
-      margin-bottom: -1px;
+    &:hover,
+    &:focus {
+      background-image: radial-gradient(farthest-corner at top right, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));
+      border: none;
     }
   }
 
-  .nav-title {
-    & + .nav-close {
-      a:not(.has-label) {
-        position: absolute;
-        width: 45px;
-        height: 66px;
-        line-height: 66px;
-        top: -66px;
-        right: 0;
-      }
-    }
+  &.has-label + ul {
+    margin-top: -1px;
   }
-
-  &.nav-close-button-empty {
-    .nav-title {
-      padding-right: 55px;
-    }
+}
+
+.hc-offcanvas-nav:not(.nav-close-button-empty) .nav-content > .nav-close {
+  margin-bottom: -1px;
+}
+
+.hc-offcanvas-nav .nav-title + .nav-close a:not(.has-label) {
+  height: 66px;
+  line-height: 66px;
+  position: absolute;
+  right: 0;
+  top: -66px;
+  width: 45px;
+}
+
+.hc-offcanvas-nav.nav-close-button-empty .nav-title {
+  padding-right: 55px;
+}
+
+.hc-offcanvas-nav li.nav-close a:not(.has-label) {
+  height: 49px;
+}
+
+.hc-offcanvas-nav .nav-content > .nav-close:first-child a,
+.hc-offcanvas-nav .nav-title + .nav-close a.has-label,
+.hc-offcanvas-nav li.nav-close a,
+.hc-offcanvas-nav .nav-back a {
+  background-color: var(--hc-offcanvas-nav-color-background-labels);
+  border-bottom: 1px solid var(--hc-offcanvas-nav-color-border-labels);
+  border-top: 1px solid var(--hc-offcanvas-nav-color-border-labels);
+
+  &:hover,
+  &:focus {
+    background-color: var(--hc-offcanvas-nav-color-background-labels-hover);
   }
-
-  li.nav-close {
-    a:not(.has-label) {
-      height: 49px;
-    }
+}
+
+.hc-offcanvas-nav li.nav-close a,
+.hc-offcanvas-nav li.nav-back:not(:first-child) a {
+  margin-top: -1px;
+}
+
+.hc-offcanvas-nav a.nav-next {
+  border-bottom: 1px solid var(--hc-offcanvas-nav-color-border-link-items);
+  border-left: 1px solid var(--hc-offcanvas-nav-color-border-link-items);
+}
+
+.hc-offcanvas-nav .nav-next span::before,
+.hc-offcanvas-nav .nav-back span::before {
+  border-left: 2px solid var(--hc-offcanvas-nav-color-text);
+  border-top: 2px solid var(--hc-offcanvas-nav-color-text);
+  box-sizing: border-box;
+  content: '';
+  height: 8px;
+  left: 50%;
+  margin-left: -2px;
+  position: absolute;
+  top: 50%;
+  transform-origin: center;
+  width: 8px;
+}
+
+.hc-offcanvas-nav .nav-next span {
+  bottom: 0;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+
+.hc-offcanvas-nav .nav-next span::before {
+  transform: translate(-50%, -50%) rotate(135deg);
+}
+
+.hc-offcanvas-nav .nav-back span::before {
+  margin-left: 2px;
+  transform: translate(-50%, -50%) rotate(-45deg);
+}
+
+// Left
+// stylelint-disable-next-line selector-max-class
+.hc-offcanvas-nav.nav-position-left.nav-open.nav-levels-overlap .nav-wrapper {
+  box-shadow: 1px 0 2px rgba(0, 0, 0, .2);
+}
+
+// Right
+.hc-offcanvas-nav.nav-position-right.nav-open.nav-levels-overlap {
+  // stylelint-disable-next-line selector-max-class
+  .nav-wrapper {
+    box-shadow: -1px 0 2px rgba(0, 0, 0, .2);
   }
 
-  .nav-content > .nav-close:first-child a,
-  .nav-title + .nav-close a.has-label,
-  li.nav-close a,
-  .nav-back a {
-    background: darken($hc-offcanvas-nav-background-color, 3%);
-    border-top: 1px solid darken($hc-offcanvas-nav-background-color, 7%);
-    border-bottom: 1px solid darken($hc-offcanvas-nav-background-color, 7%);
-
-    &:hover {
-      background: darken($hc-offcanvas-nav-background-color, 4.3%);
-    }
+  // stylelint-disable-next-line selector-max-class
+  .nav-next span::before {
+    margin-left: 2px;
+    transform: translate(-50%, -50%) rotate(-45deg);
   }
 
-  li.nav-close,
-  li.nav-back {
-    &:not(:first-child) {
-      a {
-        margin-top: -1px;
-      }
-    }
+  // stylelint-disable-next-line selector-max-class
+  .nav-back span::before {
+    margin-left: -2px;
+    transform: translate(-50%, -50%) rotate(135deg);
   }
+}
 
-  a.nav-next {
-    border-left: 1px solid darken($hc-offcanvas-nav-background-color, 6%);
-    border-bottom: 1px solid darken($hc-offcanvas-nav-background-color, 6%);
+// Top
+.hc-offcanvas-nav.nav-position-top {
+  &.nav-open .nav-wrapper {
+    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
   }
 
-  .nav-next,
-  .nav-back {
-    span {
-      &::before {
-        content: '';
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        width: 8px;
-        height: 8px;
-        margin-left: -2px;
-        box-sizing: border-box;
-        border-top: 2px solid $hc-offcanvas-nav-text-color;
-        border-left: 2px solid $hc-offcanvas-nav-text-color;
-        transform-origin: center;
-      }
-    }
+  .nav-next span::before {
+    margin-left: 0;
+    margin-right: -2px;
+    transform: translate(-50%, -50%) rotate(-135deg);
   }
 
-  .nav-next {
-    span {
-      position: absolute;
-      top: 0;
-      right: 0;
-      left: 0;
-      bottom: 0;
-
-      &::before {
-        transform: translate(-50%, -50%) rotate(135deg);
-      }
-    }
+  .nav-back span::before {
+    margin-left: 0;
+    margin-right: -2px;
+    transform: translate(-50%, -50%) rotate(45deg);
   }
-
-  .nav-back {
-    span {
-      &::before {
-        margin-left: 2px;
-        transform: translate(-50%, -50%) rotate(-45deg);
-      }
-    }
+}
+
+// Bottom
+.hc-offcanvas-nav.nav-position-bottom.nav-open .nav-wrapper {
+  box-shadow: 0 -1px 2px rgba(0, 0, 0, .2);
+}
+
+.hc-offcanvas-nav.nav-position-bottom .nav-next span::before {
+  margin-left: 0;
+  margin-right: -2px;
+  transform: translate(-50%, -50%) rotate(45deg);
+}
+
+.hc-offcanvas-nav.nav-position-bottom .nav-back span::before {
+  margin-left: 0;
+  margin-right: -2px;
+  transform: translate(-50%, -50%) rotate(-135deg);
+}
+
+// Expand & none
+.hc-offcanvas-nav.nav-levels-expand,
+.hc-offcanvas-nav.nav-levels-none {
+  ul .nav-wrapper {
+    box-shadow: none;
   }
 
-  /* Left */
-
-  &.nav-position-left {
-
-    &.nav-open.nav-levels-overlap {
-      .nav-wrapper {
-        box-shadow: 1px 0 2px rgba(0, 0, 0, .2);
-      }
-    }
+  li.level-open {
+    background-color: var(--hc-offcanvas-nav-color-background-hilight);
   }
 
-  /* Right */
-
-  &.nav-position-right {
-
-    &.nav-open.nav-levels-overlap {
-      .nav-wrapper {
-        box-shadow: -1px 0 2px rgba(0, 0, 0, .2);
-      }
+  li.level-open > .nav-item-wrapper {
+    > a {
+      border-bottom: 1px solid var(--hc-offcanvas-nav-color-border-level-open-toggle-item);
     }
 
-    .nav-next {
-      span {
-        &::before {
-          margin-left: 2px;
-          transform: translate(-50%, -50%) rotate(-45deg);
-        }
-      }
+    > a:hover,
+    > a:focus {
+      background-color: var(--hc-offcanvas-nav-color-background-labels);
     }
 
-    .nav-back {
-      span {
-        &::before {
-          margin-left: -2px;
-          transform: translate(-50%, -50%) rotate(135deg);
-        }
-      }
+    // stylelint-disable-next-line selector-max-class
+    .nav-next,
+    a > .nav-next span::before {
+      margin-top: -2px;
+      transform: translate(-50%, -50%) rotate(-135deg);
     }
   }
 
-  /* Top */
-
-  &.nav-position-top {
-
-    &.nav-open {
-      .nav-wrapper {
-        box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
-      }
-    }
-
-    .nav-next {
-      span {
-        &::before {
-          margin-left: 0;
-          margin-right: -2px;
-          transform: translate(-50%, -50%) rotate(-135deg);
-        }
-      }
-    }
-
-    .nav-back {
-      span {
-        &::before {
-          margin-left: 0;
-          margin-right: -2px;
-          transform: translate(-50%, -50%) rotate(45deg);
-        }
-      }
+  @for $i from 1 through 5 {
+    .nav-wrapper-#{$i} .nav-item-link {
+      padding-left: calc(17px + 20px * #{$i});
     }
   }
+}
 
-  /* Bottom */
-
-  &.nav-position-bottom {
-
-    &.nav-open {
-      .nav-wrapper {
-        box-shadow: 0 -1px 2px rgba(0, 0, 0, .2);
-      }
-    }
-
-    .nav-next {
-      span {
-        &::before {
-          margin-left: 0;
-          margin-right: -2px;
-          transform: translate(-50%, -50%) rotate(45deg);
-        }
-      }
-    }
-
-    .nav-back {
-      span {
-        &::before {
-          margin-left: 0;
-          margin-right: -2px;
-          transform: translate(-50%, -50%) rotate(-135deg);
-        }
-      }
-    }
+// RTL
+.hc-offcanvas-nav.rtl {
+  a.nav-next {
+    border-left: none;
+    border-right: 1px solid var(--hc-offcanvas-nav-color-border-link-items);
   }
 
-  /* Expand & none */
-
-  &.nav-levels-expand,
-  &.nav-levels-none {
-
-    ul {
-      .nav-wrapper {
-        box-shadow: none;
-        background: transparent;
-      }
-    }
-
-    li {
-
-      &.level-open {
-        background: darken($hc-offcanvas-nav-background-color, 4%);
-
-        & > .nav-item-wrapper > {
-
-          a {
-            border-bottom: 1px solid darken($hc-offcanvas-nav-background-color, 8%);
-
-            &:hover {
-              background: darken($hc-offcanvas-nav-background-color, 3%);
-            }
-          }
+  .nav-title + .nav-close a:not(.has-label),
+  .nav-close-button span,
+  .nav-next,
+  .nav-back span {
+    left: 0;
+    right: auto;
+  }
 
-          .nav-next,
-          a > .nav-next {
-            span {
-              &::before {
-                margin-top: -2px;
-                transform: translate(-50%, -50%) rotate(-135deg);
-              }
-            }
-          }
-        }
+  li.nav-parent {
+    .nav-item-link {
+      &:last-child {
+        padding-left: 58px;
+        padding-right: 17px;
       }
-    }
 
-    @for $i from 1 through 5 {
-      .nav-wrapper-#{$i} .nav-item-link {
-        padding-left: calc(17px + 20px * #{$i});
+      &:not(:last-child) {
+        margin-left: 45px;
+        margin-right: 0;
       }
     }
   }
 
-  /* RTL */
-
-  &.rtl {
-
-    a.nav-next {
-      border-left: none;
-      border-right: 1px solid darken($hc-offcanvas-nav-background-color, 6%);
-    }
-
-    .nav-title + .nav-close a:not(.has-label),
-    .nav-close-button span,
-    .nav-next,
-    .nav-back span {
-      left: 0;
-      right: auto;
-    }
-
-    li {
-      &.nav-parent {
-        .nav-item-link {
-
-          &:last-child {
-            padding-left: 58px;
-            padding-right: 17px;
-          }
-
-          &:not(:last-child) {
-            margin-left: 45px;
-            margin-right: 0;
-          }
-        }
-      }
-    }
-
-    @for $i from 1 through 5 {
-      .nav-wrapper-#{$i} li.nav-item .nav-item-link {
-        padding-right: calc(17px + 20px * #{$i});
-      }
+  @for $i from 1 through 5 {
+    .nav-wrapper-#{$i} li.nav-item .nav-item-link {
+      padding-right: calc(17px + 20px * #{$i});
     }
   }
-}
\ No newline at end of file
+}