.nav-horizontal-scroll-onhover-items{height:0;opacity:0;overflow:hidden;position:absolute}.nav-horizontal-scroll ul{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-content:center;align-items:center;overflow-x:scroll;width:100%;list-style:none;padding:0;margin:0;overflow-y:visible;box-shadow:0 4px 10px rgb(50 54 57);-ms-overflow-style:none;scrollbar-width:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.nav-horizontal-scroll ul::-webkit-scrollbar{display:none}.nav-horizontal-scroll ul li{padding:1em;text-align:center;background:#323639;color:#c8cccf;border-right:1px solid #14181b;box-shadow:inset 0 0 5px 5px rgb(40 44 47);width:fit-content;word-break:keep-all;flex-shrink:0;min-width:100px}nav.nav-horizontal-scroll{overflow:visible}.nav-horizontal-scroll ul li.nav-active,.nav-horizontal-scroll ul li:active,.nav-horizontal-scroll ul li:hover{background:#1e2225;box-shadow:inset 0 0 5px 5px rgb(20 24 27);color:#fff;cursor:pointer}span{width:fit-content}section.page.page-active{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center;height:-webkit-fill-available;overflow:hidden}.nav-horizontal-scroll-onhover-items.nav-show{height:100%;opacity:1;overflow:visible;border-radius:1em;transition:opacity .5s}.nav-horizontal-scroll-onhover-items.nav-show ul{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:flex-start;justify-content:center;align-items:center;border-radius:.5em;box-shadow:0 0 5px #1e2225}.nav-horizontal-scroll-onhover-items.nav-show ul li{text-align:left}section.page{display:none}section#one{background:#90ee90}section#two{background:#add8e6}section#three{background:#fafad2}section#four{background:#ffb6c1}