.menu-page{background-color:color-mix(in srgb,var(--colors-background-primary) var(--un-bg-opacity),transparent);min-height:100svh}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab,red,red)){.menu-page{background-color:color-mix(in oklab,var(--colors-background-primary) var(--un-bg-opacity),transparent)}}.menu-page__list{display:flex;flex-direction:column;min-height:100svh;padding-top:50px}.menu-page__item{padding-inline:var(--app-container-padding-inline);padding-block:60px;display:flex;flex:1 1 0%;flex-direction:column;gap:16px;cursor:pointer;align-items:center;justify-content:center;position:relative;transition:opacity .2s ease}.menu-page__item:not(:last-child):after{content:"";height:1px;pointer-events:none;inset-inline:calc(var(--spacing) * 0);bottom:calc(var(--spacing) * 0);position:absolute;background:linear-gradient(90deg,#fff0,#ffffff1a 50%,#fff0)}.menu-page__item:hover{opacity:80%}.menu-page__icon{width:48px;height:48px}.menu-page__label{color:color-mix(in srgb,var(--colors-labels-secondary) var(--un-text-opacity),transparent);font-size:22px}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab,red,red)){.menu-page__label{color:color-mix(in oklab,var(--colors-labels-secondary) var(--un-text-opacity),transparent)}}@media(min-width:1024px){.menu-page__list{flex-direction:row;padding-top:0}.menu-page__icon{width:80px;height:80px}.menu-page__item{padding-block:calc(var(--spacing) * 0)}.menu-page__item:not(:last-child):after{width:1px;height:auto;inset-block:calc(var(--spacing) * 0);left:auto;right:calc(var(--spacing) * 0);top:calc(var(--spacing) * 0);bottom:calc(var(--spacing) * 0);background:linear-gradient(180deg,#fff0,#ffffff1a 50%,#fff0)}}