.ui-button{appearance:none;padding:8px 6px}.ui-button .ui-icon{color:inherit;font-size:18px}.ui-button:hover{color:var(--primary-color-lighter)}:root{--primary-color: rgb(0, 110, 255);--primary-color-lighter: rgb(0, 150, 255);--secondary-color: #444;--text-color: #303540;--text-color-secondary: #4f545e}#app,html,body{box-sizing:border-box;height:100vh;font-family:Roboto}html{height:100%;font-size:16px}body{overscroll-behavior-y:none;color:var(--text-color);margin:0;padding:0;min-height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{background-color:none;background:none;color:var(--text-color);padding:0;border:none;cursor:pointer}.ui-calendar-wrapper{width:360px;padding:8px;border-radius:6px;border:1px solid var(--secondary-color)}.ui-calendar__month-control{display:flex;width:100%;align-items:center;flex-grow:1}.month-view{flex-grow:1;text-align:center}.ui-calendar__grid{display:grid;grid:auto / repeat(7,1fr)}.ui-calendar__cell{display:flex;justify-content:center;cursor:pointer;padding:8px 6px;box-sizing:border-box;border-radius:4px}.ui-calendar__cell.--selecable:hover{background-color:var(--primary-color);color:#fff;opacity:.8}.ui-calendar__cell.--selected{color:#fff;background-color:var(--primary-color)}.ui-calendar__cell.--today{position:relative}.ui-calendar__cell.--today:before{content:"";width:6px;height:6px;top:3px;border-radius:50%;position:absolute;background-color:var(--primary-color)}.ui-calendar__cell.--isnt-selected-month{opacity:.6}.ui-calendar__cell.--col{opacity:.8;font-size:13px}.month-change-btn{width:52px}.app-page{display:flex;flex-direction:column;width:100%;box-sizing:border-box}