@opentiny/vue-theme/calendar-view/index.css

An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.

.tiny-calendar-view{--tv-CalendarView-bg-color:var(--tv-color-bg-secondary, #ffffff);--tv-CalendarView-padding:var(--tv-space-xxxl, 32px);--tv-CalendarView-picker-right-bottom:var(--tv-space-md, 8px);--tv-CalendarView-radio-font-size:var(--tv-font-size-lg, 16px);--tv-CalendarView-radio-icon-color:var(--tv-color-icon, #808080);--tv-CalendarView-radio-icon-bg-hover:var(--tv-color-bg-hover, #f5f5f5);--tv-CalendarView-radio-active-icon-color:var(--tv-color-text-control, #191919);--tv-CalendarView-radio-active-inner-bg-color:var(--tv-color-bg-3, #fff);--tv-CalendarView-radio-active-border-color:var(--tv-color-border-active, #191919);--tv-CalendarView-header-main-font-size:var(--tv-font-size-default, 14px);--tv-CalendarView-header-main-text-color:var(--tv-color-text-weaken, #808080);--tv-CalendarView-main-margin-top:var(--tv-space-xs, 2px);--tv-CalendarView-main-li-font-size:var(--tv-font-size-default, 14px);--tv-CalendarView-date-margin-left:var(--tv-space-xl, 16px);--tv-CalendarView-date-text-color:var(--tv-color-text, #191919);--tv-CalendarView-date-border-color:var(--tv-color-border, #c2c2c2);--tv-CalendarView-date-weaken-text-color:var(--tv-color-text-weaken, #808080);--tv-CalendarView-main-li-padding:var(--tv-space-xs, 2px);--tv-CalendarView-main-li-bg-color:var(--tv-color-bg-secondary, #ffffff);--tv-CalendarView-date-selected-text-color:var(--tv-color-text-active, #1476ff);--tv-CalendarView-li-selected-bg-color:var(--tv-color-bg-active-emphasize-light, #f0f7ff);--tv-CalendarView-selected-bg-color-hover:var(--tv-color-bg-active-control, #1476ff);--tv-CalendarView-selected-icon-color:var(--tv-color-icon-control-active, #1476ff);--tv-CalendarView-selected-icon-size:var(--tv-font-size-lg, 16px);--tv-CalendarView-bg-color-unselected-hover:var(--tv-color-bg-active-emphasize-light, #f0f7ff);--tv-CalendarView-header-icon-color:var(--tv-color-icon, #808080);--tv-CalendarView-events-item-font-size:var(--tv-font-size-default, 14px);--tv-CalendarView-events-item-font-weight:var(--tv-font-weight-bold, 600);--tv-CalendarView-events-item-text-color:var(--tv-color-text, #191919);--tv-CalendarView-tooltip-main-padding:var(--tv-space-xl, 16px);--tv-CalendarView-tooltip-title-font-size:var(--tv-font-size-lg, 16px);--tv-CalendarView-tooltip-title-font-weight:var(--tv-font-weight-bold, 600);--tv-CalendarView-tooltip-date-text-color:var(--tv-color-text-secondary, #595959);--tv-CalendarView-text-color-disabled:var(--tv-color-text-disabled, #c2c2c2);--tv-CalendarView-event-container-margin-bottom:var(--tv-space-xs, 2px);--tv-CalendarView-event-start-padding:var(--tv-space-xs, 2px);--tv-CalendarView-event-title-font-size:var(--tv-font-size-sm, 12px);--tv-CalendarView-event-title-text-color:var(--tv-color-text, #191919);--tv-CalendarView-week-date-font-size:var(--tv-font-size-lg, 16px);--tv-CalendarView-week-date-text-color:var(--tv-color-text, #191919);--tv-CalendarView-week-date-today-text-color:var(--tv-color-text-active, #1476ff);--tv-CalendarView-week-day-font-size:var(--tv-font-size-default, 14px);--tv-CalendarView-mark-bg-color:var(--tv-color-error-bg, #f23030);--tv-CalendarView-mark-left:var(--tv-space-xs, 2px);--tv-CalendarView-mark-border-radius:var(--tv-border-radius-round, 999px);--tv-CalendarView-mark-digit-left:var(--tv-space-md, 8px);--tv-CalendarView-timeline-margin-top:var(--tv-space-sm, 4px);--tv-CalendarView-timeline-li-border-width:var(--tv-border-width, 1px);--tv-CalendarView-timeline-span-font-size:var(--tv-font-size-default, 14px);--tv-CalendarView-timeline-span-text-color:var(--tv-color-text, #191919);--tv-CalendarView-events-list-height:16px;--tv-CalendarView-events-list-padding:var(--tv-space-xs, 2px);--tv-CalendarView-week-li-padding-y:var(--tv-space-lg, 12px);--tv-CalendarView-week-li-padding-x:var(--tv-space-xl, 16px);--tv-CalendarView-week-title-font-size:var(--tv-font-size-default, 14px);--tv-CalendarView-week-title-font-weight:var(--tv-font-weight-bold, 600);--tv-CalendarView-week-content-font-size:var(--tv-font-size-sm, 12px);--tv-CalendarView-week-content-font-weight:var(--tv-font-weight-regular, 400);--tv-CalendarView-week-day-font-size:var(--tv-font-size-sm, 12px);--tv-CalendarView-week-day-border-radius:var(--tv-border-radius-sm, 4px);--tv-CalendarView-week-day-margin-bottom:var(--tv-space-md, 8px);--tv-CalendarView-week-date-padding-x:var(--tv-space-md, 8px);--tv-CalendarView-week-date-text-color:var(--tv-color-text-weaken, #808080);--tv-CalendarView-week-content-padding-x:var(--tv-space-md, 8px);--tv-CalendarView-week-schedule-margin-top:var(--tv-space-md, 8px);--tv-CalendarView-week-schedule-border-radius:var(--tv-border-radius-sm, 4px);--tv-CalendarView-week-schedule-icon-size:var(--tv-icon-size, 16px);--tv-CalendarView-schedule-span-margin-left:var(--tv-space-sm, 4px);width:100%;height:auto;padding-top:var(--tv-CalendarView-padding);border:1px solid var(--tv-CalendarView-date-border-color);background-color:var(--tv-CalendarView-bg-color);overflow:auto;border-bottom:none}.tiny-calendar-view__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:18px;padding:0 var(--tv-CalendarView-padding)}.tiny-calendar-view__header div:first-child{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.tiny-calendar-view__picker{-ms-flex-negative:0;flex-shrink:0;margin-right:var(--tv-CalendarView-picker-right-bottom)}.tiny-calendar-view__radio{-ms-flex-negative:0;flex-shrink:0}.tiny-calendar-view__radio .tiny-radio-button__inner{height:32px}.tiny-calendar-view__radio .tiny-radio-button__inner:hover{background-color:var(--tv-CalendarView-radio-icon-bg-hover)}.tiny-calendar-view__radio .tiny-radio-button__inner svg{width:var(--tv-CalendarView-radio-font-size);height:var(--tv-CalendarView-radio-font-size);fill:var(--tv-CalendarView-radio-icon-color)}.tiny-calendar-view__radio .is-active .tiny-radio-button__inner{background-color:var(--tv-CalendarView-radio-active-inner-bg-color);border:1px solid var(--tv-CalendarView-radio-active-border-color)}.tiny-calendar-view__radio .is-active .tiny-radio-button__inner svg{fill:var(--tv-CalendarView-radio-active-icon-color)}.tiny-calendar-view .tiny-calendar-view-month__header{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-ms-flex-pack:distribute;justify-content:space-around;height:40px}.tiny-calendar-view .tiny-calendar-view-month__header .header-left{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;left:32px;cursor:pointer}.tiny-calendar-view .tiny-calendar-view-month__header .header-left>svg{fill:var(--tv-CalendarView-header-icon-color)}.tiny-calendar-view .tiny-calendar-view-month__header .header-main{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%}.tiny-calendar-view .tiny-calendar-view-month__header .header-main>li{line-height:40px}.tiny-calendar-view .tiny-calendar-view-month__header .header-main>li>span{font-size:var(--tv-CalendarView-header-main-font-size);color:var(--tv-CalendarView-header-main-text-color)}.tiny-calendar-view .tiny-calendar-view-month__header .header-right{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;right:32px;cursor:pointer}.tiny-calendar-view .tiny-calendar-view-month__header .header-right>svg{fill:var(--tv-CalendarView-header-icon-color)}.tiny-calendar-view .tiny-calendar-view-month__main{width:100%;overflow:hidden;border-top:1px solid var(--tv-CalendarView-date-border-color)}.tiny-calendar-view .tiny-calendar-view-month__main .main-container{width:100%;margin-top:var(--tv-CalendarView-main-margin-top)}.tiny-calendar-view .tiny-calendar-view-month__main .main-container>ul{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;border-bottom:1px solid var(--tv-CalendarView-date-border-color)}.tiny-calendar-view .tiny-calendar-view-month__main .main-container>ul>li{font-size:var(--tv-CalendarView-main-li-font-size);padding:var(--tv-CalendarView-main-li-padding) 0;position:relative;height:80px;overflow:hidden;border-right:1px solid var(--tv-CalendarView-date-border-color);background-color:var(--tv-CalendarView-main-li-bg-color)}.tiny-calendar-view .tiny-calendar-view-month__main .main-container>ul>li.is-selected{background-color:var(--tv-CalendarView-li-selected-bg-color)}.tiny-calendar-view .tiny-calendar-view-month__main .main-container>ul>li.not-selected:hover{background-color:var(--tv-CalendarView-bg-color-unselected-hover)}.tiny-calendar-view .tiny-calendar-view-month__main .main-container>ul>li.bg-blue{background-color:rgba(0,103,209,.1)}.tiny-calendar-view .tiny-calendar-view-month__main .main-container>ul>li.bg-green{background-color:rgba(0,168,116,.1)}.tiny-calendar-view .tiny-calendar-view-month__main .main-container>ul>li.bg-red{background-color:rgba(235,23,31,.1)}.tiny-calendar-view .tiny-calendar-view-month__main .main-container>ul>li.bg-yellow{background-color:rgba(243,105,0,.1)}.tiny-calendar-view .tiny-calendar-view-month__main .main-container>ul>li.bg-purple{background-color:rgba(116,94,246,.1)}.tiny-calendar-view .tiny-calendar-view-month__main .main-container>ul>li.bg-cyan{background-color:rgba(0,162,181,.1)}.tiny-calendar-view .tiny-calendar-view-month__main .main-container>ul>li.bg-grey{background-color:rgba(141,149,158,.3)}.tiny-calendar-view .tiny-calendar-view-month__main .main-container ul li:last-of-type{border-right:none}.tiny-calendar-view .tiny-calendar-view-month__main .main-container .day-selected{position:absolute;top:0;right:0;background-color:var(--tv-CalendarView-selected-bg-color-hover)}.tiny-calendar-view .tiny-calendar-view-month__main .main-container .day-selected>svg{width:var(--tv-CalendarView-selected-icon-size);height:var(--tv-CalendarView-selected-icon-size);fill:var(--tv-CalendarView-selected-icon-color);position:relative}.tiny-calendar-view .tiny-calendar-view-month__main .main-container .date{margin-left:var(--tv-CalendarView-date-margin-left);color:var(--tv-CalendarView-date-text-color)}.tiny-calendar-view .tiny-calendar-view-month__main .main-container .date.is-next-or-last{color:var(--tv-CalendarView-date-weaken-text-color)}.tiny-calendar-view .tiny-calendar-view-month__main .main-container .date.is-selected{color:var(--tv-CalendarView-date-selected-text-color)}.tiny-calendar-view .tiny-calendar-view-month__main .main-container .date.is-disabled{color:var(--tv-CalendarView-text-color-disabled)}.tiny-calendar-view .tiny-calendar-view-month__main .main-container .day-events{overflow-y:auto;width:100%}.tiny-calendar-view .tiny-calendar-view-month__main .main-container .day-events::-webkit-scrollbar{width:0;height:0}.tiny-calendar-view .tiny-calendar-view-month__main .main-container .day-events .events-container{margin-bottom:var(--tv-CalendarView-event-container-margin-bottom)}.tiny-calendar-view .tiny-calendar-view-month__main .main-container .day-events .events-start{padding:0 var(--tv-CalendarView-event-start-padding)}.tiny-calendar-view .tiny-calendar-view-month__main .main-container .day-events .events-start.multi-day{padding-right:0}.tiny-calendar-view .tiny-calendar-view-month__main .main-container .day-events .events-title{width:100%;display:inline-block;font-size:var(--tv-CalendarView-event-title-font-size);line-height:17px;color:var(--tv-CalendarView-event-title-text-color);padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tiny-calendar-view .tiny-calendar-view-month__main .main-container .day-events .events-title.theme-blue{border-left:2px solid #1890ff;background-color:rgba(0,103,209,.1)}.tiny-calendar-view .tiny-calendar-view-month__main .main-container .day-events .events-title.theme-green{border-left:2px solid #00a874;background-color:rgba(0,168,116,.1)}.tiny-calendar-view .tiny-calendar-view-month__main .main-container .day-events .events-title.theme-red{border-left:2px solid #eb171f;background-color:rgba(235,23,31,.1)}.tiny-calendar-view .tiny-calendar-view-month__main .main-container .day-events .events-title.theme-yellow{border-left:2px solid #f36900;background-color:rgba(243,105,0,.1)}.tiny-calendar-view .tiny-calendar-view-month__main .main-container .day-events .events-title.theme-purple{border-left:2px solid #745ef7;background-color:rgba(116,94,246,.1)}.tiny-calendar-view .tiny-calendar-view-month__main .main-container .day-events .events-title.theme-cyan{border-left:2px solid #00a2b5;background-color:rgba(0,162,181,.1)}.tiny-calendar-view .tiny-calendar-view-month__main .main-container .day-events .events-title.theme-grey{border-left:2px solid #8d959e;background-color:rgba(141,149,158,.3)}.tiny-calendar-view .tiny-calendar-view-month__main .main-container .day-events .events-end{height:20px;line-height:20px}.tiny-calendar-view .tiny-calendar-view-month__main .main-container .day-events .events-end.bg-blue{background-color:rgba(0,103,209,.1)}.tiny-calendar-view .tiny-calendar-view-month__main .main-container .day-events .events-end.bg-green{background-color:rgba(0,168,116,.1)}.tiny-calendar-view .tiny-calendar-view-month__main .main-container .day-events .events-end.bg-red{background-color:rgba(235,23,31,.1)}.tiny-calendar-view .tiny-calendar-view-month__main .main-container .day-events .events-end.bg-yellow{background-color:rgba(243,105,0,.1)}.tiny-calendar-view .tiny-calendar-view-month__main .main-container .day-events .events-end.bg-purple{background-color:rgba(116,94,246,.1)}.tiny-calendar-view .tiny-calendar-view-month__main .main-container .day-events .events-end.bg-cyan{background-color:rgba(0,162,181,.1)}.tiny-calendar-view .tiny-calendar-view-month__main .main-container .day-events .events-end.bg-grey{background-color:rgba(141,149,158,.3)}.tiny-calendar-view .tiny-calendar-view-week__header{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:40px}.tiny-calendar-view .tiny-calendar-view-week .header-left{margin-left:32px;-ms-flex-negative:0;flex-shrink:0;text-align:right;cursor:pointer}.tiny-calendar-view .tiny-calendar-view-week .header-left>svg{fill:var(--tv-CalendarView-header-icon-color)}.tiny-calendar-view .tiny-calendar-view-week .header-right{margin-right:32px;-ms-flex-negative:0;flex-shrink:0;text-align:left;cursor:pointer}.tiny-calendar-view .tiny-calendar-view-week .header-right>svg{fill:var(--tv-CalendarView-header-icon-color)}.tiny-calendar-view .tiny-calendar-view-week .header-main{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%}.tiny-calendar-view .tiny-calendar-view-week .header-main>li{line-height:40px;cursor:pointer}.tiny-calendar-view .tiny-calendar-view-week .header-main>li .date{position:relative;margin-right:10px;font-size:var(--tv-CalendarView-week-date-font-size);color:var(--tv-CalendarView-week-date-text-color)}.tiny-calendar-view .tiny-calendar-view-week .header-main>li .date.is-today{color:var(--tv-CalendarView-week-date-today-text-color)}.tiny-calendar-view .tiny-calendar-view-week .header-main>li .date.current{color:var(--tv-CalendarView-week-date-today-text-color)}.tiny-calendar-view .tiny-calendar-view-week .header-main>li .mark{width:6px;height:6px;position:absolute;bottom:-8px;left:var(--tv-CalendarView-mark-left);border-radius:var(--tv-CalendarView-mark-border-radius)}.tiny-calendar-view .tiny-calendar-view-week .header-main>li .mark.is-two-digit{left:var(--tv-CalendarView-mark-digit-left)}.tiny-calendar-view .tiny-calendar-view-week .header-main>li .mark.mark-blue{background-color:#1890ff}.tiny-calendar-view .tiny-calendar-view-week .header-main>li .mark.mark-green{background-color:#00a874}.tiny-calendar-view .tiny-calendar-view-week .header-main>li .mark.mark-red{background-color:var(--tv-CalendarView-mark-bg-color)}.tiny-calendar-view .tiny-calendar-view-week .header-main>li .mark.mark-yellow{background-color:#f36900}.tiny-calendar-view .tiny-calendar-view-week .header-main>li .mark.mark-purple{background-color:#745ef7}.tiny-calendar-view .tiny-calendar-view-week .header-main>li .mark.mark-cyan{background-color:#00a2b5}.tiny-calendar-view .tiny-calendar-view-week .header-main>li .mark.mark-grey{background-color:#8d959e}.tiny-calendar-view .tiny-calendar-view-week .header-main>li .week-day{font-size:var(--tv-CalendarView-week-day-font-size);color:#8d959e}.tiny-calendar-view .tiny-calendar-view-week .header-main>li .week-day.is-today{color:var(--tv-CalendarView-week-date-today-text-color)}.tiny-calendar-view .tiny-calendar-view-week .header-main>li .week-day.current{color:var(--tv-CalendarView-week-date-today-text-color)}.tiny-calendar-view .tiny-calendar-view-week__timeline{width:100%;height:448px;display:-webkit-box;display:-ms-flexbox;display:flex;overflow-y:auto;margin-top:var(--tv-CalendarView-timeline-margin-top)}.tiny-calendar-view .tiny-calendar-view-week__timeline .day-times{width:36px;margin-left:21px}.tiny-calendar-view .tiny-calendar-view-week__timeline .day-times ul>li{height:20px;text-align:left;border-bottom-width:var(--tv-CalendarView-timeline-li-border-width);border-bottom-style:solid;border-bottom-color:#fff}.tiny-calendar-view .tiny-calendar-view-week__timeline .day-times ul>li.is-odd-num{border-bottom-color:#f5f6f8}.tiny-calendar-view .tiny-calendar-view-week__timeline .day-times ul>li span{font-size:var(--tv-CalendarView-timeline-span-font-size);color:var(--tv-CalendarView-timeline-span-text-color)}.tiny-calendar-view .tiny-calendar-view-week__timeline .day-events{-webkit-box-flex:1;-ms-flex:1;flex:1}.tiny-calendar-view .tiny-calendar-view-week__timeline .day-events>ul{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.tiny-calendar-view .tiny-calendar-view-week__timeline .day-events>ul>li{position:relative}.tiny-calendar-view .tiny-calendar-view-week__timeline .day-events>ul>li.is-weekends{background-color:rgba(245,246,248,.5)}.tiny-calendar-view .tiny-calendar-view-week__timeline .day-events .events-list>li{position:relative;height:var(--tv-CalendarView-events-list-height);padding:var(--tv-CalendarView-events-list-padding);list-style-type:none;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#f5f6f8}.tiny-calendar-view .tiny-calendar-view-week__timeline .day-events .events-list>li.is-even-num{border-bottom-style:dashed}.tiny-calendar-view .tiny-calendar-view-week__timeline .day-events .events-list .events-item{font-size:var(--tv-CalendarView-events-item-font-size);font-weight:var(--tv-CalendarView-events-item-font-weight);width:92%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 6px;position:absolute;top:0;left:0;z-index:10;line-height:1.5;border-radius:2px;color:var(--tv-CalendarView-events-item-text-color)}.tiny-calendar-view .tiny-calendar-view-week__timeline .day-events .events-list .events-item.theme-blue{border-left:2px solid #1890ff;background-color:rgba(0,103,209,.1)}.tiny-calendar-view .tiny-calendar-view-week__timeline .day-events .events-list .events-item.theme-green{border-left:2px solid #00a874;background-color:rgba(0,168,116,.1)}.tiny-calendar-view .tiny-calendar-view-week__timeline .day-events .events-list .events-item.theme-red{border-left:2px solid #eb171f;background-color:rgba(235,23,31,.1)}.tiny-calendar-view .tiny-calendar-view-week__timeline .day-events .events-list .events-item.theme-yellow{border-left:2px solid #f36900;background-color:rgba(243,105,0,.1)}.tiny-calendar-view .tiny-calendar-view-week__timeline .day-events .events-list .events-item.theme-purple{border-left:2px solid #745ef7;background-color:rgba(116,94,246,.1)}.tiny-calendar-view .tiny-calendar-view-week__timeline .day-events .events-list .events-item.theme-cyan{border-left:2px solid #00a2b5;background-color:rgba(0,162,181,.1)}.tiny-calendar-view .tiny-calendar-view-week__timeline .day-events .events-list .events-item.theme-grey{border-left:2px solid #8d959e;background-color:rgba(141,149,158,.3)}.tiny-calendar-view .tiny-calendar-view-week__schedule{width:100%;padding:0 24px 16px 24px;overflow-y:auto;height:448px}.tiny-calendar-view .tiny-calendar-view-week__schedule>ul{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.tiny-calendar-view .tiny-calendar-view-week__schedule>ul>li{height:100%;padding:var(--tv-CalendarView-week-li-padding-y) var(--tv-CalendarView-week-li-padding-x)}.tiny-calendar-view .tiny-calendar-view-week__schedule>ul>li .title{font-size:var(--tv-CalendarView-week-title-font-size);font-weight:var(--tv-CalendarView-week-title-font-weight);line-height:20px}.tiny-calendar-view .tiny-calendar-view-week__schedule>ul>li .content{font-size:var(--tv-CalendarView-week-content-font-size);font-weight:var(--tv-CalendarView-week-content-font-weight);line-height:22px}.tiny-calendar-view .tiny-calendar-view-week__schedule .day-events{font-size:var(--tv-CalendarView-week-day-font-size);padding:6px 0;height:auto;border:1px solid #e8ebef;border-radius:var(--tv-CalendarView-week-day-border-radius);margin-bottom:var(--tv-CalendarView-week-day-margin-bottom);-webkit-box-shadow:0 1px 6px 0 rgba(0,0,0,.08);box-shadow:0 1px 6px 0 rgba(0,0,0,.08)}.tiny-calendar-view .tiny-calendar-view-week__schedule .day-events .title{padding:0 6px;margin-bottom:6px;border-left-width:2px;border-left-color:#1890ff}.tiny-calendar-view .tiny-calendar-view-week__schedule .day-events .date{margin-bottom:6px;padding:0 var(--tv-CalendarView-week-date-padding-x);color:var(--tv-CalendarView-week-date-text-color)}.tiny-calendar-view .tiny-calendar-view-week__schedule .day-events .content{padding:0 var(--tv-CalendarView-week-content-padding-x);color:#8d959e;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tiny-calendar-view .tiny-calendar-view-week__schedule .new-schedule{height:32px;text-align:center;line-height:32px;width:100%;margin-top:var(--tv-CalendarView-week-schedule-margin-top);border:1px solid #e8ebef;border-radius:var(--tv-CalendarView-week-schedule-border-radius);cursor:pointer}.tiny-calendar-view .tiny-calendar-view-week__schedule .new-schedule>svg{width:var(--tv-CalendarView-week-schedule-icon-size);height:var(--tv-CalendarView-week-schedule-icon-size);vertical-align:sub;fill:#8d959e}.tiny-calendar-view .tiny-calendar-view-week__schedule .new-schedule>span{margin-left:var(--tv-CalendarView-schedule-span-margin-left);color:#8d959e}.tiny-calendar-view-tooltip{--tv-CalendarView-bg-color:var(--tv-color-bg-secondary, #ffffff);--tv-CalendarView-padding:var(--tv-space-xxxl, 32px);--tv-CalendarView-picker-right-bottom:var(--tv-space-md, 8px);--tv-CalendarView-radio-font-size:var(--tv-font-size-lg, 16px);--tv-CalendarView-radio-icon-color:var(--tv-color-icon, #808080);--tv-CalendarView-radio-icon-bg-hover:var(--tv-color-bg-hover, #f5f5f5);--tv-CalendarView-radio-active-icon-color:var(--tv-color-text-control, #191919);--tv-CalendarView-radio-active-inner-bg-color:var(--tv-color-bg-3, #fff);--tv-CalendarView-radio-active-border-color:var(--tv-color-border-active, #191919);--tv-CalendarView-header-main-font-size:var(--tv-font-size-default, 14px);--tv-CalendarView-header-main-text-color:var(--tv-color-text-weaken, #808080);--tv-CalendarView-main-margin-top:var(--tv-space-xs, 2px);--tv-CalendarView-main-li-font-size:var(--tv-font-size-default, 14px);--tv-CalendarView-date-margin-left:var(--tv-space-xl, 16px);--tv-CalendarView-date-text-color:var(--tv-color-text, #191919);--tv-CalendarView-date-border-color:var(--tv-color-border, #c2c2c2);--tv-CalendarView-date-weaken-text-color:var(--tv-color-text-weaken, #808080);--tv-CalendarView-main-li-padding:var(--tv-space-xs, 2px);--tv-CalendarView-main-li-bg-color:var(--tv-color-bg-secondary, #ffffff);--tv-CalendarView-date-selected-text-color:var(--tv-color-text-active, #1476ff);--tv-CalendarView-li-selected-bg-color:var(--tv-color-bg-active-emphasize-light, #f0f7ff);--tv-CalendarView-selected-bg-color-hover:var(--tv-color-bg-active-control, #1476ff);--tv-CalendarView-selected-icon-color:var(--tv-color-icon-control-active, #1476ff);--tv-CalendarView-selected-icon-size:var(--tv-font-size-lg, 16px);--tv-CalendarView-bg-color-unselected-hover:var(--tv-color-bg-active-emphasize-light, #f0f7ff);--tv-CalendarView-header-icon-color:var(--tv-color-icon, #808080);--tv-CalendarView-events-item-font-size:var(--tv-font-size-default, 14px);--tv-CalendarView-events-item-font-weight:var(--tv-font-weight-bold, 600);--tv-CalendarView-events-item-text-color:var(--tv-color-text, #191919);--tv-CalendarView-tooltip-main-padding:var(--tv-space-xl, 16px);--tv-CalendarView-tooltip-title-font-size:var(--tv-font-size-lg, 16px);--tv-CalendarView-tooltip-title-font-weight:var(--tv-font-weight-bold, 600);--tv-CalendarView-tooltip-date-text-color:var(--tv-color-text-secondary, #595959);--tv-CalendarView-text-color-disabled:var(--tv-color-text-disabled, #c2c2c2);--tv-CalendarView-event-container-margin-bottom:var(--tv-space-xs, 2px);--tv-CalendarView-event-start-padding:var(--tv-space-xs, 2px);--tv-CalendarView-event-title-font-size:var(--tv-font-size-sm, 12px);--tv-CalendarView-event-title-text-color:var(--tv-color-text, #191919);--tv-CalendarView-week-date-font-size:var(--tv-font-size-lg, 16px);--tv-CalendarView-week-date-text-color:var(--tv-color-text, #191919);--tv-CalendarView-week-date-today-text-color:var(--tv-color-text-active, #1476ff);--tv-CalendarView-week-day-font-size:var(--tv-font-size-default, 14px);--tv-CalendarView-mark-bg-color:var(--tv-color-error-bg, #f23030);--tv-CalendarView-mark-left:var(--tv-space-xs, 2px);--tv-CalendarView-mark-border-radius:var(--tv-border-radius-round, 999px);--tv-CalendarView-mark-digit-left:var(--tv-space-md, 8px);--tv-CalendarView-timeline-margin-top:var(--tv-space-sm, 4px);--tv-CalendarView-timeline-li-border-width:var(--tv-border-width, 1px);--tv-CalendarView-timeline-span-font-size:var(--tv-font-size-default, 14px);--tv-CalendarView-timeline-span-text-color:var(--tv-color-text, #191919);--tv-CalendarView-events-list-height:16px;--tv-CalendarView-events-list-padding:var(--tv-space-xs, 2px);--tv-CalendarView-week-li-padding-y:var(--tv-space-lg, 12px);--tv-CalendarView-week-li-padding-x:var(--tv-space-xl, 16px);--tv-CalendarView-week-title-font-size:var(--tv-font-size-default, 14px);--tv-CalendarView-week-title-font-weight:var(--tv-font-weight-bold, 600);--tv-CalendarView-week-content-font-size:var(--tv-font-size-sm, 12px);--tv-CalendarView-week-content-font-weight:var(--tv-font-weight-regular, 400);--tv-CalendarView-week-day-font-size:var(--tv-font-size-sm, 12px);--tv-CalendarView-week-day-border-radius:var(--tv-border-radius-sm, 4px);--tv-CalendarView-week-day-margin-bottom:var(--tv-space-md, 8px);--tv-CalendarView-week-date-padding-x:var(--tv-space-md, 8px);--tv-CalendarView-week-date-text-color:var(--tv-color-text-weaken, #808080);--tv-CalendarView-week-content-padding-x:var(--tv-space-md, 8px);--tv-CalendarView-week-schedule-margin-top:var(--tv-space-md, 8px);--tv-CalendarView-week-schedule-border-radius:var(--tv-border-radius-sm, 4px);--tv-CalendarView-week-schedule-icon-size:var(--tv-icon-size, 16px);--tv-CalendarView-schedule-span-margin-left:var(--tv-space-sm, 4px);position:absolute;max-width:320px}.tiny-calendar-view-tooltip .tooltip-main{overflow:auto;max-height:80vh;padding:var(--tv-CalendarView-tooltip-title-font-size)}.tiny-calendar-view-tooltip .tooltip-main .title{font-size:var(--tv-CalendarView-tooltip-title-font-size);font-weight:var(--tv-CalendarView-tooltip-title-font-weight)}.tiny-calendar-view-tooltip .tooltip-main .date{margin:6px 0;color:var(--tv-CalendarView-tooltip-date-text-color)}