.zx-calendar{padding:0 0 10px}.zx-calendar *{margin:0;padding:0;outline:none;list-style:none;box-sizing:border-box}.zx-calendar .zx-calendar-header-wrapper{position:relative;display:flex;align-items:center;justify-content:center;height:3rem}.zx-calendar .zx-calendar-header-wrapper .__l,.zx-calendar .zx-calendar-header-wrapper .__r{position:absolute;top:0;height:100%;display:flex;align-items:center}.zx-calendar .zx-calendar-header-wrapper .__l button,.zx-calendar .zx-calendar-header-wrapper .__r button{outline:none;transition:box-shadow,transform,opacity .2s cubic-bezier(.4,0,.2,1);cursor:pointer;border:0;width:1.5rem;height:2rem;overflow:hidden;display:flex;justify-content:center;align-items:center;opacity:.7;background:transparent;letter-spacing:1px}.zx-calendar .zx-calendar-header-wrapper .__l button:after,.zx-calendar .zx-calendar-header-wrapper .__l button:before,.zx-calendar .zx-calendar-header-wrapper .__r button:after,.zx-calendar .zx-calendar-header-wrapper .__r button:before{content:"";position:relative;display:inline-block;width:.5rem;height:.5rem;border-top:1px solid #999;border-right:1px solid #999;transform:rotate(45deg);margin-left:-5px}.zx-calendar .zx-calendar-header-wrapper .__l button:hover:after,.zx-calendar .zx-calendar-header-wrapper .__l button:hover:before,.zx-calendar .zx-calendar-header-wrapper .__r button:hover:after,.zx-calendar .zx-calendar-header-wrapper .__r button:hover:before{border-color:#f30}.zx-calendar .zx-calendar-header-wrapper .__l button:active,.zx-calendar .zx-calendar-header-wrapper .__r button:active{opacity:1}.zx-calendar .zx-calendar-header-wrapper .__l button.date-only,.zx-calendar .zx-calendar-header-wrapper .__l button.date-only:before,.zx-calendar .zx-calendar-header-wrapper .__r button.date-only,.zx-calendar .zx-calendar-header-wrapper .__r button.date-only:before{display:none}.zx-calendar .zx-calendar-header-wrapper .__l{left:15px;justify-content:flex-start}.zx-calendar .zx-calendar-header-wrapper .__l button{transform:rotate(180deg)}.zx-calendar .zx-calendar-header-wrapper .__r{right:15px;justify-content:flex-end}.zx-calendar .zx-calendar-header-wrapper .__title-wrapper{display:flex;justify-content:center;flex:1;margin:0 3rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:800}.zx-calendar .zx-calendar-week-wrapper{margin:0 10px;display:flex}.zx-calendar .zx-calendar-week-wrapper .__item-week{display:flex;align-items:center;justify-content:center;flex:1;font-size:.75rem;opacity:.6;height:1rem}.zx-calendar .zx-calendar-body-wrapper{margin:0 10px;display:flex;flex-wrap:wrap}.zx-calendar .zx-calendar-body-wrapper .__holiday{position:absolute;bottom:2px;left:50%;margin-left:-2px;width:4px;height:4px;background:rgba(0,0,0,.2);border-radius:50%;overflow:hidden;text-indent:-9999px}.zx-calendar .zx-calendar-body-wrapper .__item{display:flex;align-items:center;justify-content:center;flex:0 0 14.2857142857%;margin:5px 0;position:relative;cursor:pointer;overflow:hidden}.zx-calendar .zx-calendar-body-wrapper .__item .__inner{position:relative;margin:3px;width:2rem;height:2rem}.zx-calendar .zx-calendar-body-wrapper .__item .__inner .__text{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.875rem}.zx-calendar .zx-calendar-body-wrapper .__item .__inner .__suffix{font-size:.875rem}.zx-calendar .zx-calendar-body-wrapper .__item.is-disabled{opacity:.3;cursor:default}.zx-calendar .zx-calendar-body-wrapper .__item.is-current .__inner .__text{background:#eee}.zx-calendar .zx-calendar-body-wrapper .__item.is-range-first-last .__inner .__text,.zx-calendar .zx-calendar-body-wrapper .__item.is-range-temp .__inner .__text,.zx-calendar .zx-calendar-body-wrapper .__item.is-selected .__inner .__text{background:#f30;color:#fff}.zx-calendar .zx-calendar-body-wrapper .__item.is-range-first-last .__inner .__text .__holiday,.zx-calendar .zx-calendar-body-wrapper .__item.is-range-temp .__inner .__text .__holiday,.zx-calendar .zx-calendar-body-wrapper .__item.is-selected .__inner .__text .__holiday{background:#fff}.zx-calendar .zx-calender-footer-wrapper{display:flex;align-items:center;justify-content:flex-end;height:2rem;margin:.25rem 5px 0}.zx-calendar .zx-calender-footer-wrapper button{margin:0 5px;padding:0 10px;text-align:center;min-width:4rem;white-space:nowrap;height:1.875rem;border-radius:4px;border:0;background:#f30;cursor:pointer;opacity:.9;font-size:.75rem}.zx-calendar .zx-calender-footer-wrapper button:hover{opacity:1}.zx-calendar .zx-calender-footer-wrapper button:disabled{cursor:default;opacity:.5}.zx-calendar .zx-calender-footer-wrapper button:disabled:hover{opacity:.5}.zx-calendar .zx-calender-footer-wrapper button.__confirm-button{color:#fff}.zx-calendar .zx-calender-footer-wrapper button.__cancel-button,.zx-calendar .zx-calender-footer-wrapper button.__clear-button{border:1px solid #eee;background:#fff}.zx-calendar.type-is-date .zx-calendar-header-wrapper .__title-wrapper{margin:0 4rem}.zx-calendar.type-is-date .zx-calendar-header-wrapper button.date-only{display:flex}.zx-calendar.type-is-month .zx-calendar-body-wrapper .__item{flex:0 0 33.333333%}.zx-calendar.type-is-month .zx-calendar-body-wrapper .__item .__inner{width:2.5rem;height:2.5rem}.zx-calendar.type-is-year .zx-calendar-body-wrapper .__item{flex:0 0 25%}.zx-calendar.type-is-year .zx-calendar-body-wrapper .__item .__inner{width:3rem;height:3rem}.zx-calendar.mode-is-range .zx-calendar-body-wrapper .is-selected{background:#eee}.zx-calendar.mode-is-range .zx-calendar-body-wrapper .is-selected .__inner .__text{background:none;color:inherit}.zx-calendar.mode-is-range .zx-calendar-body-wrapper .is-selected .__inner .__text .__holiday{background:rgba(0,0,0,.2)}.zx-calendar.mode-is-range .zx-calendar-body-wrapper .is-selected.is-range-first,.zx-calendar.mode-is-range .zx-calendar-body-wrapper .is-selected.is-range-first-last,.zx-calendar.mode-is-range .zx-calendar-body-wrapper .is-selected.is-range-last{background:none}.zx-calendar.mode-is-range .zx-calendar-body-wrapper .is-selected.is-range-first-last:before,.zx-calendar.mode-is-range .zx-calendar-body-wrapper .is-selected.is-range-first:before,.zx-calendar.mode-is-range .zx-calendar-body-wrapper .is-selected.is-range-last:before{content:"";position:absolute;top:0;width:50%;height:100%;background:#eee}.zx-calendar.mode-is-range .zx-calendar-body-wrapper .is-selected.is-range-first-last .__inner:before,.zx-calendar.mode-is-range .zx-calendar-body-wrapper .is-selected.is-range-first .__inner:before,.zx-calendar.mode-is-range .zx-calendar-body-wrapper .is-selected.is-range-last .__inner:before{position:absolute;top:-3px;left:-3px;width:100%;height:100%;background:#eee;content:"";padding:3px;border-radius:50%;box-sizing:initial}.zx-calendar.mode-is-range .zx-calendar-body-wrapper .is-selected.is-range-first-last .__text,.zx-calendar.mode-is-range .zx-calendar-body-wrapper .is-selected.is-range-first .__text,.zx-calendar.mode-is-range .zx-calendar-body-wrapper .is-selected.is-range-last .__text{background:#f30;color:#fff}.zx-calendar.mode-is-range .zx-calendar-body-wrapper .is-selected.is-range-first-last .__text .__holiday,.zx-calendar.mode-is-range .zx-calendar-body-wrapper .is-selected.is-range-first .__text .__holiday,.zx-calendar.mode-is-range .zx-calendar-body-wrapper .is-selected.is-range-last .__text .__holiday{background:#fff}.zx-calendar.mode-is-range .zx-calendar-body-wrapper .is-selected.is-range-first:before{left:50%}.zx-calendar.mode-is-range .zx-calendar-body-wrapper .is-selected.is-range-last:before{right:50%}.zx-calendar.mode-is-range .zx-calendar-body-wrapper .is-range-first-last{background:none}.zx-calendar.is-first-page .zx-calendar-header-wrapper .__l,.zx-calendar.is-last-page .zx-calendar-header-wrapper .__r,.zx-calendar.mode-is-range .zx-calendar-body-wrapper .is-range-first-last:before{display:none}