.calendar{width:100%;text-align:center}.calendar-day{width:100%}.calendar-day-col{border-right:none;border-bottom:none}.calendar-day-col:first-of-type{border-left:none}.calendar-body-row{width:100%}.calendar-body-col{position:relative;border-right:none;border-bottom:none}.calendar-body-col:first-of-type{border-left:none}.calendar-body-col:hover{z-index:2;position:relative}.calendar-body-col:hover .calendar-body-hint{top:100%;left:50%;transform:translateX(-50%)}.calendar-body-hint{top:-3000px;left:-3000px;position:absolute;background-color:#fff}.calendar .prev:hover .calendar-body-hint,.calendar .next:hover .calendar-body-hint{top:-3000px;left:-3000px}.calendar .calendar-day-display-size-4{grid-template-columns:repeat(5, 1fr)}.calendar .calendar-day-display-size-4 .calendar-body{grid-column:span 4}.calendar .calendar-day-display-size-4 .calendar-body-row{grid-template-columns:repeat(4, 1fr)}.calendar .calendar-day-display-size-5{grid-template-columns:repeat(6, 1fr)}.calendar .calendar-day-display-size-5 .calendar-body{grid-column:span 5}.calendar .calendar-day-display-size-5 .calendar-body-row{grid-template-columns:repeat(5, 1fr)}.calendar .calendar-day-display-size-6{grid-template-columns:repeat(7, 1fr)}.calendar .calendar-day-display-size-6 .calendar-body{grid-column:span 6}.calendar .calendar-day-display-size-6 .calendar-body-row{grid-template-columns:repeat(6, 1fr)}.calendar-day-display-horisontal .calendar-day{display:grid;grid-template-columns:repeat(7, 1fr)}.calendar-day-display-horisontal .calendar-body-row{display:grid;grid-template-columns:repeat(7, 1fr)}.calendar-day-display-vertical{display:grid}.calendar-day-display-vertical .calendar-day{width:auto;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(7, 1fr)}.calendar-day-display-vertical .calendar-day-col{width:auto;border-left:none}.calendar-day-display-vertical .calendar-body-col{width:auto}.calendar-day-display-vertical .calendar-body-row{display:grid}

.exampleCalendar{text-align:center;font-size:16px;font-family:'RobotoDraft'}.exampleCalendar-lang{max-width:100px;text-align:left;margin:5px auto}.exampleCalendar-lang label{padding-left:5px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.exampleCalendar-wrap{width:100%;max-width:600px;display:block;margin:20px auto}.exampleCalendar-group{display:flex;flex-wrap:wrap;max-width:1400px;margin:40px auto;justify-content:center;font-family:'RobotoDraft'}.exampleCalendar-group h2{width:100%;text-align:center}.exampleCalendar-item{width:30%;max-width:480px;min-width:300px;margin:20px}.exampleCalendar .mdc-button{font-family:'RobotoDraft', sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:.875rem;line-height:2.25rem;font-weight:500;letter-spacing:.0892857143em;text-decoration:none;text-transform:uppercase;padding:5px 18px;display:inline-flex;position:relative;align-items:center;justify-content:center;box-sizing:border-box;min-width:64px;border:none;outline:none;line-height:inherit;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;appearance:none;overflow:visible;vertical-align:middle;border-radius:4px;background-color:#fdd835;transition:background-color .15s ease-in-out, box-shadow .15s ease-in-out}.exampleCalendar .mdc-button::-moz-focus-inner{padding:0;border:0}.exampleCalendar .mdc-button:hover{cursor:pointer;background-color:#fbc02d}.exampleCalendar .mdc-button:active{background-color:#f2c80d}.exampleCalendar .mdc-button:disabled{background-color:transparent;color:rgba(0,0,0,0.37);cursor:default;pointer-events:none}.exampleCalendar .mdc-button{height:36px}.exampleCalendar-btn-block{display:flex;gap:15px 10px;justify-content:center;flex-wrap:wrap}@media screen and (max-width: 900px){.calendar-body-col:nth-of-type(1):hover .calendar-body-hint{left:0;margin-left:0}.calendar-body-col:nth-of-type(2):hover .calendar-body-hint{left:-100%;margin-left:0}.calendar-body-col:nth-of-type(5):hover .calendar-body-hint{left:auto;right:-200%;margin-left:0}.calendar-body-col:nth-of-type(6):hover .calendar-body-hint{left:auto;right:-100%;margin-left:0}.calendar-body-col:nth-of-type(7):hover .calendar-body-hint{left:auto;right:0;margin-left:0}}