.hmmenu { position: fixed; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; pointer-events: none; z-index: var(--zindex-modal); display: flex; flex-direction: column; justify-content: space-between; }
.hmmenu.hmmenu--open {pointer-events: auto;opacity: 1;}
.hmmenu__header, .hmmenu__main, .hmmenu__footer { position: relative; z-index: var(--zindex-popover); }
.hmmenu__header {display: flex;padding: 1rem;justify-content:center;align-items: center;}
.hmmenu__header svg { display: block; }
.hmmenu__main { padding: 2rem 0; height: calc(100% - 113px); display: flex; flex-direction: column; justify-content: flex-start; }
.hmmenu__footer { font-weight: 700; font-size: 10px; color: #fff; text-align: center; padding: 1rem; }
.hmmenu ul { padding: 0; margin: 0; list-style-type: none; }
.hmmenu li { display: flex; justify-content: center; align-items: center; padding: 10px; }
.hmmenu li.menu-item-has-children { padding-left: 50px; }
.hmmenu li.menu-item-has-children > span { position: relative; width: 40px; height: 30px; cursor: pointer; }
.hmmenu li.menu-item-has-children > span::before, .hmmenu li.menu-item-has-children > span::after { position: absolute; content: ""; width: 10px; height: 2px; background-color: var(--miko-color); left: 15px; }
.hmmenu__nav > li.menu-item-has-children > span::before, .hmmenu__nav > li.menu-item-has-children > span::after { background-color: #fff; }
.hmmenu li.menu-item-has-children > span::before { top: 11px; transform: rotate(45deg); }
.hmmenu li.menu-item-has-children > span::after { bottom: 11px; transform: rotate(-45deg); }
.hmmenu a {font-weight: 700;font-size: 16px;text-transform: uppercase;color: #333;text-decoration: none;text-align: center;}
.hmmenu__nav > li > a { font-size: 1.5rem; color: #fff; text-transform: uppercase; }
.img-color-page { }
.hmmenu .sub-menu { background-color: #fff; border-radius: 1rem; position: absolute; left: 1rem; top: 100%; width: calc(100% - 2rem) !important; height: 100%; opacity: 0; transition: all 0.3s; padding: 5rem 1rem 1rem 1rem; z-index: var(--zindex-popover); overflow: auto; }
.hmmenu .sub-menu.open { opacity: 1; transform: translate(0, -100%); }
.hmmenu .sub-menu li { border-bottom: 1px solid #efe9e3; }
.hmmenu .sub-menu li:last-child { border-bottom: 0; }
.hmmenu__back {min-width: 36px;height: 36px;background: linear-gradient(100deg, #000 -2.41%, #474545 54%);transition: background-image 0.5s linear;border-radius: 18px;display: flex;justify-content: center;align-items: center;color: #fff;font-weight: 700;font-size: 1rem;line-height: 36px;padding: 0 1rem;white-space: nowrap;position: absolute;left: 50%;top: 1rem;transform: translateX(-50%);}
.hmmenu__back svg { margin-right: 10px; }
.svg-menu, #scene { position: absolute; top: 0; right: 0; width: 100%; height: 100%; }
.style-1 { --color-stop: #1bc1c1; --color-bottom: #70efd1; }
.gradient { transform-origin: center center; }
.gradient path:nth-of-type(1) { fill-opacity: 0.9; transform-origin: top right; transform: translate(50%, -180%); }
.gradient path { fill: url(#ColorGradient); }
.gradient path:nth-of-type(2) { fill-opacity: 0.3; transform-origin: center left; transform: translate(50%, -100%); }
.gradient path { fill: url(#ColorGradient); }
.gradient path:nth-of-type(3) { fill-opacity: 0.4; transform-origin: center left; transform: translate(50%, -50%); }
.gradient path { fill: url(#ColorGradient); }
.gradient path:nth-of-type(4) { fill-opacity: 0.5; transform-origin: top right; transform: translate(50%, -50%); }
.gradient path { fill: url(#ColorGradient); }
.gradient path:nth-of-type(5) { fill-opacity: 0.6; transform-origin: top right; transform: translate(100%, -50%); }
.gradient path { fill: url(#ColorGradient); }
.menu-white{color: #fff}