/*!
 * zx-calendar version 0.7.3
 * Author: Xing Zhong <capricorncd@qq.com, zx198401@gmail.com>
 * Repository: https://github.com/capricorncd/calendar#readme
 * Released on: 2023-02-05 17:25:08 (GMT+0900)
 */
@charset "UTF-8";body{font-family:Microsoft YaHei,\5fae\8f6f\96c5\9ed1,Arial;margin:0 20px 20px;padding-top:60px;font-size:16px}button{outline:none}pre{margin:0;flex:1;overflow:hidden;font-size:0}pre code{font-size:.825rem;border-radius:4px}.zx-calendar-wrapper .test-footer{display:flex;justify-content:flex-end;padding:0 15px 20px}.zx-calendar-wrapper .test-footer button{margin:0 5px;border-radius:4px;border:1px solid #ccc;width:70px;height:30px;cursor:pointer;opacity:.7}.zx-calendar-wrapper .test-footer button:hover{opacity:1}.zx-calendar-wrapper .test-footer button:last-child{background:#f30;color:#fff;border-color:#f30}.table-wrapper{overflow-x:auto}table{border:1px solid #dfe2e5;border-collapse:collapse;width:100%;font-size:.875rem}table th{background:#f6f8fa}table th,table td{padding:10px;border:1px solid #dfe2e5}table td{height:30px}table tr:nth-child(2n) td{background:#f6f8fa}.example-demo-wrapper{display:flex;align-items:flex-start}.example-demo-wrapper>.zx-calendar-wrapper{margin-right:20px;width:320px;flex:0 0 320px;border:1px solid rgba(0,0,0,.1);border-radius:4px;overflow:hidden;background:#fff;box-sizing:border-box}@media screen and (max-width: 640px){.example-demo-wrapper{display:block}.example-demo-wrapper .zx-calendar-wrapper{margin:0 0 1em;width:100%}}.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:rgba(0,0,0,0);letter-spacing:1px}.zx-calendar .zx-calendar-header-wrapper .__l button:before,.zx-calendar .zx-calendar-header-wrapper .__l button:after,.zx-calendar .zx-calendar-header-wrapper .__r button:before,.zx-calendar .zx-calendar-header-wrapper .__r button:after{content:"";position:relative;display:inline-block;width:.5rem;height:.5rem;border-top:1px solid var(--zx-calendar-color-arrow);border-right:1px solid var(--zx-calendar-color-arrow);transform:rotate(45deg);margin-left:-5px}.zx-calendar .zx-calendar-header-wrapper .__l button:hover:before,.zx-calendar .zx-calendar-header-wrapper .__l button:hover:after,.zx-calendar .zx-calendar-header-wrapper .__r button:hover:before,.zx-calendar .zx-calendar-header-wrapper .__r button:hover:after{border-color:var(--zx-calendar-color-primary)}.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 .__r button.date-only{display:none}.zx-calendar .zx-calendar-header-wrapper .__l button.date-only:before,.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:var(--zx-calendar-color-holidayDot);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:var(--zx-calendar-color-currentItemBg)}.zx-calendar .zx-calendar-body-wrapper .__item.is-selected .__inner .__text,.zx-calendar .zx-calendar-body-wrapper .__item.is-range-temp .__inner .__text,.zx-calendar .zx-calendar-body-wrapper .__item.is-range-first-last .__inner .__text{background:var(--zx-calendar-color-primary);color:var(--zx-calendar-color-white)}.zx-calendar .zx-calendar-body-wrapper .__item.is-selected .__inner .__text .__holiday,.zx-calendar .zx-calendar-body-wrapper .__item.is-range-temp .__inner .__text .__holiday,.zx-calendar .zx-calendar-body-wrapper .__item.is-range-first-last .__inner .__text .__holiday{background:var(--zx-calendar-color-white)}.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:var(--zx-calendar-color-primary);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:var(--zx-calendar-color-white)}.zx-calendar .zx-calender-footer-wrapper button.__clear-button,.zx-calendar .zx-calender-footer-wrapper button.__cancel-button{border:1px solid var(--zx-calendar-color-currentItemBg);background:var(--zx-calendar-color-white)}.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:var(--zx-calendar-color-rangeBg)}.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:var(--zx-calendar-color-holidayDot)}.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-last,.zx-calendar.mode-is-range .zx-calendar-body-wrapper .is-selected.is-range-first-last{background:none}.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,.zx-calendar.mode-is-range .zx-calendar-body-wrapper .is-selected.is-range-first-last:before{content:"";position:absolute;top:0;width:50%;height:100%;background:var(--zx-calendar-color-rangeBg)}.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,.zx-calendar.mode-is-range .zx-calendar-body-wrapper .is-selected.is-range-first-last .__inner:before{position:absolute;top:-3px;left:-3px;width:100%;height:100%;background:var(--zx-calendar-color-rangeBg);content:"";padding:3px;border-radius:50%;box-sizing:content-box}.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,.zx-calendar.mode-is-range .zx-calendar-body-wrapper .is-selected.is-range-first-last .__text{background:var(--zx-calendar-color-primary);color:var(--zx-calendar-color-white)}.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,.zx-calendar.mode-is-range .zx-calendar-body-wrapper .is-selected.is-range-first-last .__text .__holiday{background:var(--zx-calendar-color-white)}.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.mode-is-range .zx-calendar-body-wrapper .is-range-first-last:before{display:none}.zx-calendar.is-first-page .zx-calendar-header-wrapper .__l,.zx-calendar.is-last-page .zx-calendar-header-wrapper .__r{display:none}