.mobile-menu-bg:before { content: ' '; height: 80%; position: absolute; left: 50%; border: 2px solid white; width: 1px; top: 20%; }

.mobile-menu-bg:after { content: ' '; height: 4px; position: absolute; width: calc(100% - 40px); left: 20px; background-color: #fff; top: calc(50% - 52px); z-index: 0; }

.mobile-menu-main-container { position: relative; }

.mobile-menu-main-container:before { content: ' '; position: absolute; border: 2px solid white; top: 0%; left: 50%; height: 100%; z-index: -1; }

.menu-page { position: relative; }

.menu-page:before { content: ' '; border: 2px solid rgba(255, 255, 255, 0.4); height: 40px; left: calc(50% - 1px); top: 0px; position: absolute; width: 0px; z-index: 1; }

.menu-page .header-icon { top: 40px; left: calc(50% - 47px); width: 94px; height: 94px; background-color: white; background-repeat: no-repeat; background-position: center center; border-radius: 99999px; cursor: pointer; z-index: 10; position: absolute; }

.menu-section-scroll-wrapper { box-sizing: border-box; display: flex; flex-direction: column; border-width: 2px; padding: 0.5rem; }

.menu-section-scroll-wrapper .menu-section-scroll-container { position: relative; }

.menu-section-scroll-wrapper .menu-section-scroll-container { overflow: auto; }

.mobile-menu-item { border: 3px solid white; border-radius: 500px; position: absolute; width: 140px; height: 140px; box-sizing: border-box; cursor: pointer; background-color: black; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; background-repeat: no-repeat; z-index: 1; }

.mobile-menu-item:first-child { top: 40px; left: calc(50% - 70px); }

.mobile-menu-item:nth-child(2) { top: calc(50% - 120px); left: 20px; }

.mobile-menu-item:nth-child(3) { top: calc(50% - 120px); right: 20px; }

.mobile-menu-item:nth-child(4) { top: calc(50% + 40px); left: calc(50% - 70px); }

.item-page-header { width: 100%; height: 143px; }

.item-page-header .main-icon { border-radius: 9999px; width: 100px; height: 100px; z-index: 1; background-color: white; top: 43px; left: calc(50% - 50px); position: absolute; }

.item-page-header .minor-icon { border-radius: 9999px; width: 80px; height: 80px; border: 3px solid white; position: absolute; left: calc(50% - 40px); top: -20px; z-index: 10; }

/*# sourceMappingURL=mobile.css.map */