.react-talkappi-calendar-container{font-family:Hiragino Sans}.talkappi-calendar-container{display:flex;flex-direction:column;align-items:flex-start}.talkappi-calendar-title{display:flex;min-height:50px;max-height:60px;padding:10px 24px;align-items:center;gap:10px;align-self:stretch;box-sizing:border-box}.talkappi-calendar-title p{margin:0;flex:1 0 0;color:#000;font-size:15px;font-style:normal;font-weight:500;line-height:normal}.talkappi-calendar-remark{white-space:break-spaces;font-size:13px;line-height:normal;color:var(--support-dark-grey,#77797d);max-height:206px;text-overflow:clip;overflow-y:auto;margin-bottom:10px;width:100%;padding:0 24px;box-sizing:border-box}.talkappi-calendar-header{display:flex;min-height:50px;max-height:60px;padding:10px 24px;align-items:center;gap:24px;align-self:stretch;box-sizing:border-box;border:1px solid #e3e5e8}.talkappi-calendar-layout{position:relative;display:flex;justify-content:baseline;align-items:baseline;gap:24px}.next-button,.previou-button{width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:absolute;top:10px}.previou-button{left:14px}.next-button{right:14px}.talkappi-calendar-header .current-year-month{flex:1 0 0;color:#000;text-align:center;font-size:14px;font-style:normal;font-weight:500;line-height:normal;cursor:pointer;user-select:none}.month-caption{padding:10px 14px;display:flex;align-items:center;justify-content:center;cursor:pointer}.talkappi-calendar-body{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;border-left:.5px solid #e3e5e8;border-right:.5px solid #e3e5e8;border-bottom:.5px solid #e3e5e8}.calendar-grid{width:100%;display:grid;grid-template-columns:repeat(7,1fr);overflow:auto;grid-auto-rows:1fr}.calendar-grid .calendar-grid-day{background:#f6f7f9;padding:5px 12px;color:#000;text-align:center;font-size:12px;font-style:normal;font-weight:300;line-height:normal;border-bottom:.5px solid #f6f7f9;user-select:none}.calendar-grid .calendar-grid-date-container{background-color:transparent;cursor:pointer;border:.5px solid #e3e5e8}.calendar-grid .calendar-grid-date-container.hover{background-color:rgba(255,192,203,.3)}.calendar-grid .calendar-grid-date-container.selected{background-color:pink}.calendar-grid .calendar-grid-date-container.selected-range{background-color:rgba(255,192,203,.6)}.calendar-grid .calendar-grid-date{display:flex;padding:4px;flex-direction:column;align-items:flex-start;gap:4px;flex:1 0 0;align-self:stretch}.calendar-grid .calendar-grid-date .day-info{font-size:12px;font-style:normal;font-weight:400;line-height:normal;width:24px;height:16px;display:flex;align-items:center;justify-content:center;user-select:none}.calendar-grid .calendar-grid-date .day-info.not-this-month{color:#a1a4aa}.calendar-grid .calendar-grid-date .day-info.this-month{color:#3d3f45;font-weight:700}.calendar-grid .calendar-grid-date .day-info.holiday{width:auto;height:auto;gap:4px}.calendar-grid .calendar-grid-date .cell-items{width:100%;display:flex;flex-direction:column;gap:4px;padding-bottom:20px}.year-selector{flex-wrap:wrap;gap:10px}.modal-year-selector-title,.year-selector{width:100%;display:flex;align-items:center}.modal-year-selector-title{justify-content:center;gap:20px}.modal-year-selector-next-button,.modal-year-selector-prev-button{cursor:pointer}.year-selector .year-selector-item{border:1px solid #e3e5e8;padding:4px 10px;cursor:pointer;border-radius:4px;display:flex;justify-content:center;align-items:center;flex:0 0 30%;box-sizing:border-box}.year-selector .year-selector-item.current-year{background-color:#98fb98}@media (max-width:500px){.talkappi-calendar-layout{flex-direction:column;gap:10px}.talkappi-calendar-title{padding:10px 16px}.talkappi-calendar-remark{padding:0 16px}.talkappi-calendar-header{padding:10px 16px}.calendar-grid .calendar-grid-date{max-width:80px}}