/*! Copyright (c) 2021 Eric Chow (https://cmchow.com) */.selector-calendar{width:100%;height:100%;position:fixed;bottom:0;left:0;background-color:transparent;z-index:1000;pointer-events:none;display:flex;justify-content:center;align-items:center}.selector-calendar.hidden{opacity:0;z-index:-1}.selector-calendar.hidden .calendar-box{pointer-events:none}.calendar-box{margin-top:64px;pointer-events:all;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:90%;width:min(95vh,90vw);width:calc(90vh - 86px + 10vw);width:min(calc(90vh - 86px + 10vw),90vw);max-width:720px}.widget-calendar button,.widget-calendar button:focus{border:none}.widget-calendar{width:100%}.widget-calendar *{padding:0;margin:0;outline:0}.widget-calendar.picker{background-color:#fff;overflow:hidden}.widget-calendar.material *{font-family:nobel,sans-serif}.widget-calendar *,.widget-calendar :after,.widget-calendar :before{box-sizing:border-box}.widget-calendar.disable-pointer *{pointer-events:none!important}.widget-calendar.picker .widget-calendar-container{display:flex;justify-content:space-between;align-items:stretch}.widget-calendar.picker .widget-calendar-container .widget-calendar-main{width:75%;flex:10 0 auto;max-width:480px;padding:0 1em}.widget-calendar-info{width:100%;padding:1.5em 1em;background-color:#000;color:#fff;font-size:.9rem;font-weight:400;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.widget-calendar-title h2{font-size:.95rem;font-weight:400;padding-bottom:.25rem;border-bottom:2px solid #033d90;margin-bottom:.5em;text-transform:uppercase;letter-spacing:.1rem}.widget-calendar-title h3{font-size:.8rem;font-weight:300;letter-spacing:.05rem;margin-bottom:.5em}.widget-calendar-selectedbox{margin:0 auto;width:100%;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);transform:scale(0)}.widget-calendar-selectedbox.show{transform:scale(1)}.widget-calendar-selectedbox-top{text-align:center;border:1px solid #033d90;border-bottom:none;padding-bottom:1rem;box-shadow:0 0 1px 0 #fff inset,0 0 1px 0 #fff;overflow:hidden;background-color:#033d90}.widget-calendar-selectedbox-bottom{text-align:center;border:1px solid #fff;margin-top:-1rem;padding:0 1rem;box-shadow:0 0 1px 0 #fff inset,0 0 1px 0 #fff;overflow:hidden;background-color:#000}.widget-calendar-selectedbox-top>div{font-size:.9rem;font-weight:400}.widget-calendar-selectedbox-bottom h2{font-size:1.75rem;font-weight:300;letter-spacing:.075rem;margin-right:-.075rem;margin-top:.5rem;margin-bottom:.5rem;line-height:1.1}.widget-calendar-selectedbox-bottom h3{font-size:.9rem;font-weight:300}.widget-calendar-selectedbox-bottom h4{font-size:1.25rem;font-weight:400;margin-top:.5rem;margin-bottom:.25rem;color:#033d90;text-transform:uppercase}.widget-calendar-footer,.widget-calendar-header{width:100%;margin:0 auto}.widget-calendar-header{padding:1em 0}.widget-calendar.picker .widget-calendar-header{padding-bottom:.25em}.widget-calendar-footer{padding-bottom:.75em}.widget-calendar-footer .widget-calendar-action{width:100%;display:flex;justify-content:space-between;align-items:center}.widget-calendar-footer .widget-calendar-action button{border-radius:.25em;margin:0 1em;padding:.5em;font-weight:400;font-size:.9rem;text-transform:uppercase;letter-spacing:.1rem}.widget-calendar-footer .widget-calendar-action button:hover{background-color:#eee}.widget-calendar-footer button.confirm{color:#000}.widget-calendar-footer button.caution{color:#033d90}.widget-calendar-control{display:flex;justify-content:space-between;align-items:stretch}.widget-calendar-next,.widget-calendar-prev{position:relative;width:1rem;margin-left:.5rem;padding:.5rem 1rem}.widget-calendar-next{margin-left:0;margin-right:.5rem;position:relative}.widget-calendar-next::after,.widget-calendar-prev::after{content:'';display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);border-bottom:2px solid #c4cece;border-right:2px solid #c4cece;height:6px;width:6px;right:20px}.widget-calendar-prev::after{transform:translate(-50%,-50%) rotate(135deg)}.widget-calendar-next.disabled,.widget-calendar-prev.disabled{opacity:0;pointer-events:none!important}.widget-calendar-control-month,.widget-calendar-control-picker{font-size:12px;font-weight:400;letter-spacing:.01rem;color:#033d90}.widget-calendar-control-picker{padding:.25rem .5rem;border-radius:.25rem;cursor:default;border:none;outline:0}.widget-calendar-control-picker:focus{border:none;outline:0}.widget-calendar-control-picker>div{pointer-events:none}.widget-calendar-control-month{width:100%;display:flex;justify-content:center;align-items:center}.widget-calendar-weekday{width:100%;margin:0 auto;padding:1em 0}.widget-calendar-weekday>ul{list-style:none;display:flex;justify-content:space-around;align-items:stretch;width:100%;margin:0 auto}.widget-calendar-weekday>ul>li{width:14.2857%;width:calc(100% / 7);margin:0 auto;text-align:center;color:#939ea9;font-size:.95rem;font-weight:400}.widget-calendar.picker .widget-calendar-weekday>ul>li{font-size:12px;text-transform:uppercase;letter-spacing:.025rem}.widget-calendar-display{width:100%;margin:0 auto;display:flex;justify-content:flex-start;align-items:flex-start;overflow:hidden}.widget-calendar-grid{width:100%;margin:0 auto;flex:10 0 auto}.widget-calendar-grid>ul{list-style:none;display:flex;justify-content:space-around;align-items:stretch;flex-wrap:wrap;width:100%;margin:0 auto;background-color:#fff}.widget-calendar-grid>ul>li{width:14.2857%;width:calc(100% / 7);margin:0 auto;text-align:center;color:#111;margin-top:.1vh;margin-bottom:.1vh;margin-top:calc(var(--vh,.1vh));margin-bottom:calc(var(--vh,.1vh));position:relative}.widget-calendar.dotbar-enabled .widget-calendar-grid>ul>li,.widget-calendar.picker .widget-calendar-grid>ul>li{margin:0 auto}.widget-calendar-grid>ul>li.disabled,.widget-calendar-grid>ul>li.out-of-month{opacity:.3;cursor:not-allowed}.widget-calendar-grid>ul>li.out-of-month{opacity:.1}.widget-calendar-grid>ul>li.disabled *,.widget-calendar-grid>ul>li.out-of-month *{pointer-events:none!important}.widget-calendar-grid>ul>li.disabled.in-range-end,.widget-calendar-grid>ul>li.disabled.in-range-start,.widget-calendar-grid>ul>li.out-of-month.in-range,.widget-calendar-grid>ul>li.out-of-month.in-range-end,.widget-calendar-grid>ul>li.out-of-month.in-range-start{opacity:1}.widget-calendar-grid>ul>li.out-of-month.in-range-end>button>div>div>span,.widget-calendar-grid>ul>li.out-of-month.in-range-start>button>div>div>span,.widget-calendar-grid>ul>li.out-of-month.in-range>button>div>div>span{opacity:.3}.widget-calendar-grid>ul>li>button{width:80%;margin:0 auto;position:relative;border-radius:50%}.widget-calendar-grid>ul>li>button::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;transition:transform .2s cubic-bezier(.165,.84,.44,1);transform:scale(0)}.widget-calendar-grid>ul>li.today>button::after{background-color:#eee;transform:scale(1)}.widget-calendar-grid>ul>li.chosen>button::after{background-color:#033d90;transform:scale(1)}.widget-calendar-grid>ul>li.in-range-end:not(.chosen)>button::after,.widget-calendar-grid>ul>li.in-range-start:not(.chosen)>button::after{background-color:#f7b535;transform:scale(1)}.widget-calendar-grid>ul>li.chosen>button>div>div>span,.widget-calendar-grid>ul>li.in-range-end>button>div>div>span,.widget-calendar-grid>ul>li.in-range-start>button>div>div>span{color:#fff}.widget-calendar-grid>ul>li.in-range::after{background:#e1e8ea;content:'';width:100%;height:50%;position:absolute;left:0;top:0;transform:translateY(40%)}.widget-calendar-grid>ul>li.in-range-end:nth-of-type(7n):after,.widget-calendar-grid>ul>li.in-range-start:nth-of-type(7n):after,.widget-calendar-grid>ul>li.in-range:nth-of-type(7n):after{border-radius:0 16px 16px 0}.widget-calendar-grid>ul>li.in-range-end:nth-of-type(7n+1):after,.widget-calendar-grid>ul>li.in-range-start:nth-of-type(7n+1):after,.widget-calendar-grid>ul>li.in-range:nth-of-type(7n+1):after{border-radius:16px 0 0 16px}.widget-calendar-grid>ul>li.in-range-end::after{background:#e1e8ea;content:'';width:50%;height:50%;position:absolute;left:0;top:0;transform:translateY(40%)}.widget-calendar-grid>ul>li.in-range-start::after{background:#e1e8ea;content:'';width:50%;height:50%;position:absolute;right:0;top:0;transform:translateY(40%)}.widget-calendar-grid>ul>li.in-range-end>button,.widget-calendar-grid>ul>li.in-range-start>button{z-index:10}.widget-calendar-grid>ul>li>button>div{display:block;width:100%;height:auto;position:relative;overflow:hidden;padding:100% 0 0 0;margin:0 auto;z-index:1}.widget-calendar-grid>ul>li>button>div>div{display:block;width:100%;height:100%;max-width:100%;max-height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.widget-calendar-grid>ul>li>button>div>div>span{width:100%;height:100%;object-fit:cover;object-position:center;display:flex;justify-content:center;align-items:center;font-size:12px;font-weight:400;letter-spacing:.015rem;color:#111}.widget-calendar-day-dot{margin-top:-5%}.widget-calendar-day-dot>div{display:block;width:90%;height:auto;position:relative;overflow:hidden;padding:50% 0 0 0;margin:0 auto;z-index:1}.widget-calendar-day-dot>div>div{display:block;width:100%;height:100%;max-width:100%;max-height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.widget-calendar-day-dot>div>div>span{width:100%;height:100%;object-fit:cover;object-position:center;display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap}.widget-calendar-day-dot>div>div>span>div{width:15%;height:30%;border-radius:50%;background-color:#033d90;margin:0 5%;margin-bottom:10%}.widget-calendar-day-dot>div>div>span:nth-child(n+8){display:none}.widget-calendar-yearmonth-picker{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;transition:transform .2s cubic-bezier(.165,.84,.44,1);transform:translateX(125%);z-index:100;pointer-events:none;display:flex;justify-content:center;align-items:center;flex-direction:column}.widget-calendar-yearmonth-picker.show{transform:translateX(0);pointer-events:all}.widget-calendar-year-select-grid{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.widget-calendar-year-select-grid>button{width:27%;margin:1em 3%}.widget-calendar-draggable{display:flex;justify-content:center;align-items:center;width:100%;max-width:420px;height:70%;margin:0 auto}.widget-calendar-draggable-select{width:50%}.widget-calendar-yearmonth-confirm{font-size:.95rem;font-weight:400;letter-spacing:.1rem;text-transform:uppercase;padding:.5em 2em;color:#fff;background-color:#000}.widget-calendar-yearmonth-confirm:hover{text-decoration:underline;color:#000;background-color:#d7d7d7}.widget-calendar-yearmonth-confirm.disabled{cursor:not-allowed;pointer-events:none;opacity:.3}.widget-calendar-yearmonth-cancel{display:block;width:24px;height:24px;margin:1em;position:absolute;top:0;right:0;z-index:1}.widget-calendar-yearmonth-cancel:after{content:'\2715';font-size:16px;font-weight:300}.widget-calendar-draggable-select button{margin:0 auto}.widget-calendar .draggable-select button:hover{background-color:#eee}@media(max-width:420px){.widget-calendar-footer .widget-calendar-action button{margin:0 .5em}}@media(max-width:340px){.widget-calendar-footer .widget-calendar-action button{margin:0 .25em}}@media(max-height:720px){.widget-calendar-draggable .draggable-select{height:10rem!important;display:flex;justify-content:center;align-items:center;overflow:hidden}.widget-calendar-draggable .draggable-select::after,.widget-calendar-draggable .draggable-select::before{content:'';position:absolute;left:0;width:100%;height:2.5rem;pointer-events:all;z-index:10;background:#fff;background:-moz-linear-gradient(180deg,rgba(255,255,255,1) 35%,rgba(255,255,255,0) 100%);background:-webkit-linear-gradient(180deg,rgba(255,255,255,1) 35%,rgba(255,255,255,0) 100%);background:linear-gradient(180deg,rgba(255,255,255,1) 35%,rgba(255,255,255,0) 100%)}.widget-calendar-draggable .draggable-select::before{top:0}.widget-calendar-draggable .draggable-select::after{bottom:0;transform:scaleY(-1)}.widget-calendar-draggable .draggable-select-list-next,.widget-calendar-draggable .draggable-select-list-prev{display:block;position:absolute;left:50%;z-index:15}.widget-calendar-draggable .draggable-select-list-prev{top:0;transform:translateX(-50%)}.widget-calendar-draggable .draggable-select-list-next{bottom:0;transform:translateX(-50%)}}@media(min-aspect-ratio:5/4) and (max-height:560px){.widget-calendar-info,.widget-calendar.picker .widget-calendar-container .widget-calendar-main{width:50%}}@media(max-aspect-ratio:4/5){.widget-calendar.picker .widget-calendar-container{display:flex;flex-direction:column;justify-content:space-between;align-items:center}.widget-calendar.picker .widget-calendar-container .widget-calendar-main{width:100%}.widget-calendar-info{flex-direction:row;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;padding-bottom:.5em}.widget-calendar-remarks{margin-top:.5em;width:100%}.widget-calendar-title{width:60%;width:calc(100% - 128px)}.widget-calendar-selectedbox{width:96px}.widget-calendar-title h2{display:block}.widget-calendar-selectedbox-bottom{display:flex;justify-content:space-evenly;align-items:center;padding:8px 0}.widget-calendar-selectedbox-bottom h2{margin-top:0}.widget-calendar-selectedbox-bottom h3{font-size:.8rem}.widget-calendar-selectedbox-bottom h4{font-size:.9rem;margin-top:0}}@media (hover:hover) and (pointer:fine){.widget-calendar:not(.dotbar-enabled) .widget-calendar-grid>ul>li:not(.disabled)>button:hover{border:1px solid rgba(0,0,0,.2)}}