: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}}

.dateCheck .calendar{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.dateCheck .calendar .selected{background-color:#f97d95}.dateCheck .calendar .prev,.dateCheck .calendar .next{cursor:text}.dateCheck .calendar .prev:hover,.dateCheck .calendar .next:hover{background-color:#aed581}.dateCheck .calendar .prev.output:hover,.dateCheck .calendar .next.output:hover{background-color:#ff5252}.dateCheck .calendar-body-col{cursor:pointer}.dateCheck .calendar-body-col:hover{background-color:#f97d95}form{max-width:600px;margin:30px auto;position:relative}form textarea,form input[type="text"]{display:block;width:100%;margin:10px 0;padding:10px 15px;border-radius:5px;box-sizing:border-box;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;border:1px solid #ced4da;appearance:none;outline:none;font:16px/120% 'RobotoDraft';transition:border-color .15s ease-in-out, box-shadow .15s ease-in-out}form textarea.focus,form textarea:focus,form input[type="text"].focus,form input[type="text"]:focus{color:#212529;border-color:#86b7fe;box-shadow:0 0 0 2px rgba(13,110,253,0.25)}form textarea:placeholder,form input[type="text"]:placeholder{color:#6c757d;opacity:1}form .alarm .chosenDate{color:#ff1744}form .alarm textarea,form .alarm input[type="text"]{border-color:#ff1744}form .alarm textarea:focus,form .alarm input[type="text"]:focus{box-shadow:0 0 0 2px rgba(255,0,0,0.25)}form textarea{height:186px;resize:vertical}form .row{text-align:left;margin:20px 0}form .hint{color:#ff1744}form .space-between-align{display:flex;justify-content:space-between}form .dateCheck{width:100%;margin:0 0 30px;position:relative;background-color:#fff;box-shadow:0 0 30px rgba(0,0,0,0.5)}form .nextM,form .prevM{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}form .nextM,form .prevM{top:15px;width:30px;height:30px;color:#fff;cursor:pointer;position:absolute;border-radius:50%;text-align:center;line-height:30px;font-size:14px;background-color:#ffab40;transition:background-color .15s ease-in-out}form .nextM:hover,form .prevM:hover{background-color:#ff9100}form .nextM:active,form .prevM:active{background-color:#ff6d00}form .prevM{left:30px}form .nextM{right:30px}