.hdm-calendar-modal{flex-direction:row;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;inset:0}@supports (height:100dvh){.hdm-calendar-modal{height:100dvh}}.hdm-calendar-modal{-webkit-backdrop-filter:blur();backdrop-filter:blur();z-index:10;background-color:var(--modal-blur);opacity:0}.hdm-calendar-modal.active{opacity:1}.hdm-calendar-modal{animation:.2s ease-out forwards hdm-modal-container-clear-show}.hdm-calendar-modal.is-closing{animation:.2s ease-out forwards hdm-modal-container-clear-hide}.hdm-calendar-modal>.hdm-modal-content{animation:.2s ease-out forwards hdm-modal-content-fade-show}.hdm-calendar-modal.is-closing>.hdm-modal-content{animation:.2s ease-out forwards hdm-modal-content-fade-hide}.hdm-calendar-modal{background-color:#0000;justify-content:flex-start;align-items:flex-start}.hdm-calendar-modal.Date>.hdm-modal-content{height:280px}.hdm-calendar-modal.DateTime>.hdm-modal-content{height:320px}.hdm-calendar-modal>.hdm-modal-content{background-color:var(--modal-bg);border:1px solid var(--border-color);box-sizing:border-box;opacity:0;border-radius:15px;flex-direction:column;justify-content:flex-start;align-items:stretch;width:252px;padding:0;display:flex;position:absolute;overflow:hidden}.hdm-calendar-modal>.hdm-modal-content .views{grid-template:1fr/1fr;width:100%;height:100%;display:grid}.hdm-calendar-modal>.hdm-modal-content .views>*{opacity:0;pointer-events:none;grid-area:1/1;transition:opacity .2s ease-in-out}.hdm-calendar-modal>.hdm-modal-content .views>.active{opacity:1;pointer-events:auto}.day-view{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;height:100%;display:flex}.day-view .header{border-bottom:1px solid var(--border-color);box-sizing:border-box;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:5px;display:flex}.day-view .header button{border-radius:10px;flex-direction:row;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.day-view .header button:hover{background-color:var(--background)}.day-view .header svg{color:var(--text-primary)}.day-view .day-names{box-sizing:border-box;grid-template-columns:repeat(7,30px);justify-content:center;gap:5px;padding:5px;display:grid}.day-view .day-names span{color:var(--text-secondary);flex-direction:row;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex}.day-view .content{box-sizing:border-box;grid-template-columns:repeat(7,30px);justify-content:center;gap:5px;padding:5px;display:grid}.day-view .content .day{box-sizing:border-box;border-radius:10px;outline:2px solid #0000;flex-direction:row;justify-content:center;align-items:center;width:30px;height:30px;transition:background-color .2s ease-in-out,border-color .2s ease-in-out,outline .2s ease-in-out;display:flex}.day-view .content .day:hover{background-color:var(--background)}.day-view .content .day.current span{color:var(--text-primary)}.day-view .content .day.other span{color:var(--text-secondary)}.day-view .content .day.current-day{background-color:var(--modal-bg2);border:1px solid var(--border-color)}.day-view .content .day.current-day span{color:var(--primary-color);font-family:kubfont,sans-serif}.day-view .content .day.selected{outline:2px solid var(--primary-color);border:none}.day-view .content .day.selected span{color:var(--primary-color);font-family:kubfont,sans-serif}.day-view .hour-selector{border-top:1px dashed var(--border-color);box-sizing:border-box;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:4px 5px 5px;display:flex}.day-view .hour-selector .time-section{flex-direction:row;justify-content:flex-start;align-items:center;gap:5px;display:flex}.day-view .hour-selector .time-section input[type=number]{border:1px solid var(--border-color);background-color:var(--background);-webkit-appearance:none;appearance:textfield;text-align:center;box-sizing:border-box;border-radius:10px;outline:none;width:40px;height:30px;margin:0;padding:0}.day-view .hour-selector .time-section input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.day-view .hour-selector .time-section input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.day-view .hour-selector .time-section input[type=number]::selection{background-color:#00a4ef50}.day-view .hour-selector button{background-color:color-mix(in srgb, var(--primary-color) 20%, transparent);box-sizing:border-box;border:1px solid #0000;border-radius:10px;flex-direction:row;justify-content:center;align-items:center;height:30px;padding:0 10px;transition:background-color .2s ease-in-out,border-color .2s ease-in-out;display:flex}.day-view .hour-selector button span{color:var(--primary-color);font-family:kubfont,sans-serif;font-size:.85rem;transition:color .2s ease-in-out}.day-view .hour-selector button:hover{background-color:var(--primary-color)}.day-view .hour-selector button:hover span{color:#fff}.month-view{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;height:100%;display:flex}.month-view .header{border-bottom:1px solid var(--border-color);box-sizing:border-box;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:5px;display:flex}.month-view .header button{border-radius:10px;flex-direction:row;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.month-view .header button:hover{background-color:var(--background)}.month-view .header svg{color:var(--text-primary)}.month-view .content{box-sizing:border-box;flex:1;grid-template-columns:repeat(3,1fr);align-content:stretch;gap:5px;width:100%;padding:5px;display:grid}.month-view .content .month{box-sizing:border-box;border-radius:10px;flex-direction:row;justify-content:center;align-items:center;display:flex}.month-view .content .month:hover{background-color:var(--background)}.month-view .content .month.current{background-color:var(--modal-bg2);border:1px solid var(--border-color)}.month-view .content .month.current span{color:var(--primary-color);font-family:kubfont,sans-serif}.year-view{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;height:100%;display:flex}.year-view .header{border-bottom:1px solid var(--border-color);box-sizing:border-box;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:5px;display:flex}.year-view .header button{border-radius:10px;flex-direction:row;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.year-view .header button:hover{background-color:var(--background)}.year-view .header svg{color:var(--text-primary)}.year-view .content{box-sizing:border-box;flex:1;grid-template-columns:repeat(2,1fr);align-content:stretch;gap:5px;width:100%;padding:5px;display:grid}.year-view .content .year{box-sizing:border-box;border-radius:10px;flex-direction:row;justify-content:center;align-items:center;display:flex}.year-view .content .year:hover{background-color:var(--background)}.year-view .content .year.current{background-color:var(--modal-bg2);border:1px solid var(--border-color)}.year-view .content .year.current span{color:var(--primary-color);font-family:kubfont,sans-serif}