.calendar-surface{flex-direction:column;width:100%;min-width:0;max-width:100%;height:100%;min-height:0;display:flex}.calendar-surface>.infinite-month-calendar{flex:auto;min-height:0}.calendar-create-type-bar,.calendar-legend-item,.calendar-month-event-content{align-items:center;display:flex}.calendar-create-type-bar{flex-wrap:wrap;gap:8px}.calendar-create-type-bar .btn{gap:6px}.calendar-legend-item{gap:8px;font-size:14px}.calendar-legend-dot{border-radius:999px;flex:none;width:12px;height:12px}.calendar-legend-dot.calendar-meeting,.calendar-month-event-dot.calendar-event-meeting{background-color:var(--color-calendar-meeting)}.calendar-legend-dot.calendar-training,.calendar-month-event-dot.calendar-event-training{background-color:var(--color-calendar-training)}.calendar-legend-dot.calendar-leave,.calendar-month-event-dot.calendar-event-leave{background-color:var(--color-calendar-leave)}.calendar-legend-dot.calendar-event,.calendar-month-event-dot.calendar-event-event{background-color:var(--color-calendar-event)}.calendar-legend-dot.calendar-seminar,.calendar-month-event-dot.calendar-event-seminar{background-color:var(--color-calendar-seminar)}.calendar-legend-dot.calendar-livetalk,.calendar-month-event-dot.calendar-event-livetalk{background-color:var(--color-calendar-livetalk)}.calendar-legend-dot.calendar-monthly-training,.calendar-month-event-dot.calendar-event-monthly_training{background-color:var(--color-calendar-monthly-training)}.calendar-legend-dot.calendar-other,.calendar-month-event-dot.calendar-event-other{background-color:var(--color-calendar-other)}.calendar-date-cell{min-width:0;height:100%}.calendar-date-cell.is-create{cursor:pointer}.calendar-date-add-wrap{z-index:20;position:absolute;top:4px;left:4px}.calendar-date-add-button{visibility:hidden;pointer-events:none;opacity:0;transition:opacity var(--m3-sys-motion-duration-short) var(--m3-sys-motion-easing-standard), visibility var(--m3-sys-motion-duration-short) var(--m3-sys-motion-easing-standard)}.calendar-date-add-button.is-visible,.infinite-month-calendar-day:hover .calendar-date-add-button,.infinite-month-calendar-day:focus-within .calendar-date-add-button{visibility:visible;pointer-events:auto;opacity:1}.calendar-date-events{gap:2px;min-width:0;display:grid}.calendar-event-button.btn,.calendar-show-more-button.btn{text-align:start;white-space:normal;justify-content:flex-start;align-items:stretch;width:100%;min-width:0;height:auto;min-height:0;padding-block:0;padding-inline:0;overflow:hidden}.calendar-month-event{width:100%;min-width:0;min-height:22px}.calendar-month-event-focus{border-radius:var(--m3-sys-shape-corner-small);background:var(--color-secondary-container);color:var(--color-secondary-container-fg)}.calendar-month-event-focus .calendar-month-event-time{color:inherit}.calendar-week-span.btn{z-index:3;box-sizing:border-box;pointer-events:auto;text-align:start;white-space:nowrap;border:0;justify-content:space-between;gap:8px;height:22px;min-height:22px;padding-block:0;padding-inline:8px;position:absolute;overflow:hidden}.calendar-week-span-time{font-variant-numeric:tabular-nums;flex:none}.calendar-week-span-title{text-overflow:ellipsis;text-align:start;flex:1;min-width:0;overflow:hidden}.calendar-week-span-bar{border-radius:var(--m3-sys-shape-corner-small);font-size:14px;font-weight:600}.calendar-week-span.btn.calendar-event-meeting,.calendar-week-span.btn.calendar-event-meeting:hover{background-color:var(--color-calendar-meeting);color:#fff}.calendar-week-span.btn.calendar-event-training,.calendar-week-span.btn.calendar-event-training:hover{background-color:var(--color-calendar-training);color:#000}.calendar-week-span.btn.calendar-event-leave,.calendar-week-span.btn.calendar-event-leave:hover{background-color:var(--color-calendar-leave);color:#000}.calendar-week-span.btn.calendar-event-event,.calendar-week-span.btn.calendar-event-event:hover{background-color:var(--color-calendar-event);color:#000}.calendar-week-span.btn.calendar-event-seminar,.calendar-week-span.btn.calendar-event-seminar:hover{background-color:var(--color-calendar-seminar);color:#fff}.calendar-week-span.btn.calendar-event-livetalk,.calendar-week-span.btn.calendar-event-livetalk:hover{background-color:var(--color-calendar-livetalk);color:#fff}.calendar-week-span.btn.calendar-event-monthly_training,.calendar-week-span.btn.calendar-event-monthly_training:hover{background-color:var(--color-calendar-monthly-training);color:#000}.calendar-week-span.btn.calendar-event-other,.calendar-week-span.btn.calendar-event-other:hover{background-color:var(--color-calendar-other);color:#000}.calendar-week-span-spacer{pointer-events:none}.calendar-month-event-all-day{border-radius:var(--m3-sys-shape-corner-small);text-align:start;justify-content:flex-start;align-items:center;padding:2px 8px;display:flex;overflow:hidden}.calendar-month-event-timed{min-width:0;color:var(--color-text);justify-content:space-between;align-items:center;gap:8px;display:flex;overflow:hidden}.calendar-month-event-content{flex:1;gap:6px;min-width:0}.calendar-month-event-title{text-align:start;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.calendar-month-event-dot{border-radius:999px;flex:none;width:8px;height:8px}.calendar-month-event-time{color:var(--color-text-low);font-variant-numeric:tabular-nums;flex:none;font-size:14px;font-weight:600}@media (hover:none){.calendar-date-add-button{visibility:visible;pointer-events:auto;opacity:1}}@media (max-width:839px){.calendar-month-event-time,.calendar-week-span-time{display:none}.calendar-month-event,.calendar-week-span.btn,.calendar-event-button.btn,.calendar-show-more-button.btn{height:auto;min-height:32px}.calendar-month-event-title,.calendar-week-span-title,.calendar-show-more-button.btn{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}}@media (max-width:599px){.calendar-surface .infinite-month-calendar-day{min-height:132px}.calendar-surface .calendar-date-events{gap:4px}.calendar-surface .calendar-month-event,.calendar-surface .calendar-week-span.btn,.calendar-surface .calendar-event-button.btn,.calendar-surface .calendar-show-more-button.btn{min-height:22px}}