.loading-img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:root{--primary-icon-color:#8a7690;--primary-text-color:#8a7690;--base-padding:12px;--primary-butn-hover:#e1f4f8;--primary-butn-focus-color:#861d81}.ui-icon{fill:var(--primary-icon-color);width:1.5em;height:1.5em}body{color:var(--primary-text-color);font-family:Arial,Helvetica,sans-serif}.menu-container{background-color:#fff;border-top:1px solid gray;border-bottom-right-radius:20px;border-bottom-left-radius:20px;place-content:space-around center;width:100%;padding-top:10px;display:flex;position:absolute;bottom:0;left:0}.menu-butn{text-align:center;transition:background-color .15s color .15s ease;background-color:#fff;flex-direction:column;flex:1;justify-content:center;gap:3px;display:flex}.menu-butn-text{text-align:center;margin:.2em 0 .5em;font-weight:500}.menu-butn-icon{text-align:center;width:100%;transition:height .15ms;display:inline-block}.menu-butn:active{background-color:var(--primary-butn-hover)}.menu-butn-focus{color:var(--primary-butn-focus-color)}.menu-butn-focus .ui-icon{fill:var(--primary-butn-focus-color);height:1.6em}