:root{--pc-text-color: #000;--pc-border: 1px solid #424242;--pc-cell-border: var(--pc-border);--pc-day-border: var(--pc-border);--pc-font: 16px/120% 'RobotoDraft';--pc-bg: inherit;--pc-head-bg: #e6ee9c;--pc-head-padding: 22px 0;--pc-head-font: inherit;--pc-head-day-bg: #dce775;--pc-head-day-padding: 30% 0;--pc-head-day-font: inherit;--pc-day-bg: #aed581;--pc-output-bf: #ff5252;--pc-holiday-bg: #ff1744;--pc-cell-padding: 20% 0;--pc-day-width: 34px;--pc-day-height: 34px;--pc-day-font: inherit;--pc-workday-bg: #7cb342;--pc-curr-day-cell-bg: #ffd740;--pc-curr-day-bg: #ffc400;--pc-hint-width: 280px;--pc-hint-padding: 15px;--pc-hint-border-radius: 10px;--pc-hint-box-shadow: 0 0 10px rgba(0, 0, 0, .5);--pc-hint-bg: #dce775;--pc-hint-title-color: inherit;--pc-hint-title-font: 16px/120% 'RobotoDraft';--pc-hint-title-margin: 0 0 5px;--pc-hint-desc-font: 14px/140% 'RobotoDraft';--pc-hint-desc-color: inherit;--pc-no-active-day-bg: var(--pc-day-bg);--pc-no-active-day-opacity: .4}.calendar{color:var(--pc-text-color);width:100%;text-align:center;border:var(--pc-border);background:var(--pc-bg);font:var(--pc-font)}.calendar .prev,.calendar .next{background:var(--pc-no-active-day-bg)}.calendar .prev div,.calendar .next div{opacity:var(--pc-no-active-day-opacity)}.calendar .prev:hover .calendar-body-hint,.calendar .next:hover .calendar-body-hint{top:-3000px;left:-3000px}.calendar .curDate{background:var(--pc-curr-day-cell-bg)}.calendar .curDate .calendar-body-day{background-color:var(--pc-curr-day-bg)}.calendar .output{background-color:var(--pc-output-bf)}.calendar .holiday{cursor:pointer;background-color:var(--pc-holiday-bg)}.calendar-head{padding:var(--pc-head-padding);background:var(--pc-head-bg);font:var(--pc-head-font)}.calendar-day{width:100%;display:grid}.calendar-day-col{display:flex;align-items:center;justify-content:center;padding:var(--pc-head-day-padding);background:var(--pc-head-day-bg);border:var(--pc-day-border);border-right:none;border-bottom:none;font:var(--pc-head-day-font)}.calendar-day-col:first-of-type{border-left:none}.calendar-body-row{display:grid}.calendar-body-day{font:var(--pc-day-font);width:var(--pc-day-width);height:var(--pc-day-height);line-height:var(--pc-day-height);display:inline-block;border-radius:50%}.calendar-body-row{width:100%}.calendar-body-col{position:relative;padding:var(--pc-cell-padding);border:var(--pc-cell-border);border-right:none;border-bottom:none;background-color:var(--pc-day-bg);transition:background-color .15s ease-in-out 0s}.calendar-body-col:first-of-type{border-left:none}.calendar-body-col:hover{z-index:2}.calendar-body-col:hover .calendar-body-hint{top:100%;left:50%;transform:translateX(-50%)}.calendar-body-hint{top:-3000px;left:-3000px;position:absolute;width:var(--pc-hint-width);padding:var(--pc-hint-padding);border-radius:var(--pc-hint-border-radius);background-color:var(--pc-hint-bg);box-shadow:var(--pc-hint-box-shadow)}.calendar-body-title{color:var(--pc-hint-title-color);font:var(--pc-hint-title-font);margin:var(--pc-hint-title-margin)}.calendar-body-desc{color:var(--pc-hint-desc-color);font:var(--pc-hint-desc-font)}.calendar .workDay{background-color:var(--pc-workday-bg)}.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-col,.calendar-day-display-vertical .calendar-body-col{padding:10% 0}.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-col:first-of-type{border-left:var(--pc-cell-border)}.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}}

.calendar.january,.calendar.february,.calendar.december{--pc-text-color: #000;--pc-border: 1px solid #424242;--pc-cell-border: var(--pc-border);--pc-day-border: var(--pc-border);--pc-bg: inherit;--pc-head-bg: #1e88e5;--pc-head-day-bg: #2196f3;--pc-day-bg: #90caf9;--pc-output-bf: #ff5252;--pc-holiday-bg: #ff1744;--pc-workday-bg: #42a5f5;--pc-curr-day-cell-bg: var(--pc-day-bg);--pc-curr-day-bg: #2196f3;--pc-hint-bg: #448aff;--pc-hint-title-color: inherit;--pc-hint-desc-color: inherit;--pc-no-active-day-bg: var(--pc-day-bg)}.calendar.june,.calendar.july,.calendar.august{--pc-text-color: #000;--pc-border: 1px solid #424242;--pc-cell-border: var(--pc-border);--pc-day-border: var(--pc-border);--pc-bg: inherit;--pc-head-bg: #4caf50;--pc-head-day-bg: #00c853;--pc-day-bg: #00e676;--pc-output-bf: #ff5252;--pc-holiday-bg: #ff1744;--pc-workday-bg: #43a047;--pc-curr-day-cell-bg: var(--pc-head-day-bg);--pc-curr-day-bg: #fff176;--pc-hint-bg: #00c853;--pc-hint-title-color: inherit;--pc-hint-desc-color: inherit;--pc-no-active-day-bg: var(--pc-day-bg)}.calendar.september,.calendar.october,.calendar.november{--pc-text-color: #000;--pc-border: 1px solid #424242;--pc-cell-border: var(--pc-border);--pc-day-border: var(--pc-border);--pc-bg: inherit;--pc-head-bg: #ffc400;--pc-head-day-bg: #ffd740;--pc-day-bg: #ffe57f;--pc-output-bf: #ff5252;--pc-holiday-bg: #ff1744;--pc-workday-bg: #43a047;--pc-curr-day-cell-bg: var(--pc-head-day-bg);--pc-curr-day-bg: #fff176;--pc-hint-bg: #ffd740;--pc-hint-title-color: inherit;--pc-hint-desc-color: inherit;--pc-no-active-day-bg: var(--pc-day-bg)}.calendar.march,.calendar.april,.calendar.may{--pc-text-color: #000;--pc-border: 1px solid #424242;--pc-cell-border: var(--pc-border);--pc-day-border: var(--pc-border);--pc-bg: inherit;--pc-head-bg: #00bfa5;--pc-head-day-bg: #1de9b6;--pc-day-bg: #64ffda;--pc-output-bf: #64ffda;--pc-holiday-bg: #ff1744;--pc-workday-bg: #43a047;--pc-curr-day-cell-bg: var(--pc-head-day-bg);--pc-curr-day-bg: #fff176;--pc-hint-bg: #1de9b6;--pc-hint-title-color: inherit;--pc-hint-desc-color: inherit;--pc-no-active-day-bg: var(--pc-day-bg)}