*{margin:0;padding:0;box-sizing:border-box}.es-calendar{--es-calendar-light-bg: #fff;--es-calendar-black-bg: #242729;--es-calendar-light-color: #242729;--es-calendar-black-color: #fff;--es-color-primary: #0078d7;--es-text-color: var(--es-calendar-black-color);--es-calendar-mask-color: #818383;--es-calendar-mask-size: 150px;--es-calendar-color-bg: var(--es-calendar-black-bg);width:300px;background-color:var(--es-calendar-color-bg);color:var(--es-text-color);padding:10px;font-size:14px}.es-calendar__header{display:flex;align-items:center;padding:12px 0}.es-calendar__header-title{flex:1}.es-calendar__prev-btn,.es-calendar__next-btn{width:10px;height:10px;border-top:1px solid var(--es-text-color);border-right:1px solid var(--es-text-color);margin-left:40px}.es-calendar__prev-btn{transform:rotate(-45deg) translateY(50%)}.es-calendar__next-btn{transform:rotate(135deg) translateY(50%)}.es-calendar__body{position:relative;overflow:hidden}.es-calendar__table{position:relative;width:100%;background-color:var(--es-calendar-color-bg)}.es-calendar th{position:relative;width:42px;height:42px}.es-calendar__col-title{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;z-index:2;width:100%;height:100%;background-color:var(--es-calendar-color-bg)}.es-calendar__col{position:relative;width:42px;height:42px;font-size:14px}.es-calendar__col.selected .es-calendar__col-wrap{border:2px solid var(--es-color-primary)}.es-calendar__col.selected .es-calendar__col-wrap .es-calendar__col-wrap-box{border-color:var(--es-calendar-color-bg)}.es-calendar__col.selected .es-calendar__col-wrap .es-calendar__col-inner{background-color:var(--es-color-primary)}.es-calendar__col.next-month,.es-calendar__col.prev-month{color:#5b5b5b}.es-calendar__col-wrap{position:absolute;top:0;left:0;z-index:1;display:flex;justify-content:center;align-items:center;width:100%;height:100%;border:1px solid var(--es-calendar-color-bg);cursor:pointer}.es-calendar__col-wrap:hover .es-calendar__col-wrap-box{border-color:var(--es-calendar-mask-color)}.es-calendar__col-wrap-box{width:100%;height:100%;border:2px solid transparent}.es-calendar__col-wrap .es-calendar__col-inner{width:100%;height:100%;background-color:var(--es-calendar-color-bg);display:flex;justify-content:center;align-items:center}.es-calendar__circle{position:absolute;width:var(--es-calendar-mask-size);height:var(--es-calendar-mask-size);background:radial-gradient(var(--es-calendar-mask-color) 0px,transparent calc(var(--es-calendar-mask-size) / 2.5))}