.calendar[data-v-2aac6d26]{width:400px;border:1px solid #eee;-webkit-box-shadow:1px 1px 5px #eee;box-shadow:1px 1px 5px #eee;text-align:center;border-radius:5px;padding:15px;overflow:hidden}@media (max-width:480px){.calendar[data-v-2aac6d26]{width:100%;padding:5px}}.calendar .controller[data-v-2aac6d26]{padding:5px 5px 10px 5px}.calendar .controller div[data-v-2aac6d26]{cursor:pointer}.calendar .gray[data-v-2aac6d26]{color:#eee}.calendar .red[data-v-2aac6d26]{color:#db3d44}.calendar .selected[data-v-2aac6d26]{color:#fff;background-color:#db3d44}.calendar span[data-v-2aac6d26]{padding:5px 8px;border-radius:100%;cursor:pointer}.calendar .datepicker[data-v-2aac6d26]{display:grid;grid-template-areas:"a b c d e f g";-webkit-animation-duration:.2s;animation-duration:.2s}.calendar .datepicker .week-day[data-v-2aac6d26]{font-weight:700}.calendar .datepicker div[data-v-2aac6d26]{padding:5px}.calendar .datepicker span[data-v-2aac6d26]{width:80%;display:inline-block}.calendar .monthpicker[data-v-2aac6d26],.calendar .yearpicker[data-v-2aac6d26]{display:grid;grid-template-areas:"a b c d";-webkit-animation-duration:.2s;animation-duration:.2s}.calendar .monthpicker div[data-v-2aac6d26],.calendar .yearpicker div[data-v-2aac6d26]{padding:20px 5px}.datepicker[data-v-002e64de]{text-align:left;display:inline-block}.datepicker .input[data-v-002e64de]{position:relative;cursor:pointer}.datepicker .input .icon[data-v-002e64de]{position:absolute;top:11px;left:11px}.datepicker .input input[data-v-002e64de]{width:130px;min-height:35px;border:1px solid #eee;border-radius:5px;padding:7px 12px;-webkit-box-shadow:1px 1px 5px #eee;box-shadow:1px 1px 5px #eee;text-align:right}.datepicker .calendar[data-v-002e64de]{position:absolute;-webkit-animation-duration:.2s;animation-duration:.2s}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}.calendar-demo{width:600px;padding:30px}.calendar-demo .calendar{display:inline-block}@media (max-width:480px){.calendar-demo{width:100%;padding:5px;text-align:left}}.datepicker-demo{width:600px;padding:30px}@media (max-width:480px){.datepicker-demo{width:100%;padding:5px;text-align:left}}@media (max-width:480px){.datepicker-demo .calendar{width:calc(100% - 40px)}}