:root{--item-height:52px;--item-width:46px}body:has(.calendar-box-container){overflow:hidden}.calendar-box-container{position:fixed;left:0;top:0;width:100%;height:100%;background-color:var(--overlay-bg,rgba(0,0,0,.6));z-index:1000;overflow:auto}.calendar-box{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);background-color:var(--mantine-color-body);max-width:100%;max-height:100%}.calendar-header{padding:.75rem 1.25rem;background-color:var(--click-color-primary-accent-text);color:var(--click-color-primary-button-text,#fff)}.calendar-body,.calendar-footer{padding:.75rem 1.25rem;background-color:var(--mantine-color-body)}.time-input{display:flex;width:270px;justify-content:center;height:360px;align-items:center;gap:20px}.time-input-unit-container{position:relative}.time-input-unit{height:calc(var(--item-height) * 5);overflow-y:scroll;scroll-snap-type:y mandatory;-ms-overflow-style:none;scrollbar-width:none}.time-input-unit::-webkit-scrollbar{display:none}.time-input-unit-item,.time-input-unit-placeholder{width:46px;height:52px;line-height:1;padding:16px 10px}.time-input-unit-placeholder{position:absolute;top:calc(var(--item-height) * 2);left:0;background-color:var(--click-color-primary-object);border-radius:6px;z-index:-1}.time-input-unit-item{scroll-snap-align:start;text-align:center;font-size:1rem;color:var(--click-color-tertiary-text)}.time-input-unit-item.current{font-size:1.5rem;color:var(--click-color-primary-text)}.time-input-unit-item.current+.time-input-unit-item,.time-input-unit-item:has(+.time-input-unit-item.current){color:var(--click-color-secondary-text)}