.frame-type-mask_submenu{position:fixed;top:0vh;left:0;width:fit-content;z-index:100;height:fit-content;margin-top:calc(80px + 20px);transform:scale(0.5);transform-origin:left top;opacity:0.3;filter:grayscale(1);transition:200ms ease-in-out all;padding:0px}.frame-type-mask_submenu:hover{transform:scale(1);opacity:1;filter:grayscale(0)}.frame-type-mask_submenu .navbar-toggler{display:none}.frame-type-mask_submenu ul[id^="submenu"]{width:fit-content;display:flex;flex-direction:column;align-items:start;list-style:none;padding:0px}.frame-type-mask_submenu ul[id^="submenu"] img[data-submenu-up]{transform:rotateX(180deg)}.frame-type-mask_submenu ul[id^="submenu"] img[data-submenu-up],.frame-type-mask_submenu ul[id^="submenu"] img[data-submenu-down]{height:64px;width:auto;user-select:none;filter:drop-shadow(-3px -1px 0px var(--colorDark));cursor:pointer}.frame-type-mask_submenu ul[id^="submenu"] .submenu-itemwrap{max-height:80vh;overflow-y:auto;padding-left:15px;direction:rtl}.frame-type-mask_submenu ul[id^="submenu"] li{position:relative;display:flex;margin-bottom:15px;width:30px;height:30px;background-color:var(--colorWhite);border:2px solid var(--colorDark);border-radius:100px;overflow:clip;box-shadow:-3px 3px var(--colorDark);transition:all ease-in-out var(--transitionSpeed);display:flex;align-items:center;direction:ltr;interpolate-size:allow-keywords}.frame-type-mask_submenu ul[id^="submenu"] li:first-of-type{margin-top:20px}.frame-type-mask_submenu ul[id^="submenu"] li a{display:inline-block;opacity:0;visibility:hidden;transition:all ease-in-out var(--transitionSpeed);font-size:16px;text-overflow:ellipsis;max-width:450px;white-space:nowrap;overflow:hidden}.frame-type-mask_submenu ul[id^="submenu"] li.viewed{background-color:var(--colorPrimary)}.frame-type-mask_submenu ul[id^="submenu"] li:hover,.frame-type-mask_submenu ul[id^="submenu"] li.current{padding:0 10px;width:auto;border-radius:100px;background-color:var(--colorSecondary)}.frame-type-mask_submenu ul[id^="submenu"] li:hover a,.frame-type-mask_submenu ul[id^="submenu"] li.current a{opacity:1;visibility:visible;color:var(--colorWhite)}#scroll-progress{position:fixed;top:0;left:0;height:4px;background-color:var(--colorPrimary);width:0%;z-index:9999;transition:width 0.1s ease-out}@media screen and (max-width:1450px){#content:has(.frame-type-mask_submenu) .frame:not(.frame-type-mask_submenu){padding-left:30px}.frame-type-mask_submenu ul[id^="submenu"]{padding:0px}}@media screen and (max-width:500px){.frame-type-mask_submenu ul[id^="submenu"] li a{max-width:280px}}