.calendar-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.calendar-content{background:#fff;border-radius:8px;width:90%;max-width:600px;padding:20px}.header h3{margin:0 0 10px}.switcher button{margin:0 10px;padding:10px 20px}.time-inputs div{margin:10px 0}.calendar{display:flex;gap:20px;margin:20px 0;flex-direction:column;overflow:hidden;overflow-y:scroll}.weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-weight:700}.footer{display:flex;justify-content:space-between}.apply{background:#007bff;color:#fff;padding:10px 20px;border:none;cursor:pointer;border-radius:15px}.apply:hover{background:#4d13b6}.calendar-modal{position:fixed;top:0;left:0;width:100%;padding:10px 0;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:99999}.calendar-footer{position:sticky;background:#fff;left:0;padding:20px;bottom:-20px}.calendar-container{color:#000;background:#fff;width:580px;max-width:100%;border-radius:8px;padding:20px;overflow:scroll;height:100%;position:relative}.switcher{width:100%;display:flex;justify-content:space-between}.time-calendar{display:flex;flex-direction:column;text-align:left}.calendar-header{display:flex;justify-content:space-between;align-items:center;flex-direction:column;margin-bottom:20px}.switcher button{margin:0 5px;padding:10px 20px;border:none;width:100%;border-radius:5px;background:#f5f5f5;color:#000;cursor:pointer}.switcher .active{background:#6f42c1;color:#fff}.time-calendar input{outline:none;border:none;background:#f5f5f5;padding:15px 10px;border-radius:15px}.time-inputs{display:flex;justify-content:space-between;margin-bottom:20px}.time-inputs div{flex:1;margin:0 5px}.weekdays{display:grid;grid-template-columns:repeat(7,1fr);font-weight:700;text-align:center;margin-bottom:10px}.days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.days button{padding:10px;border-radius:4px;color:#000;cursor:pointer}.days button.selected{background:#6f42c1;color:#fff}.months-view .months button{color:#000;margin:5px;padding:10px 20px;border:1px solid #ccc;background:#f9f9f9;border-radius:4px;cursor:pointer}.calendar-footer{display:flex;justify-content:space-between}.cancel{background:#ccc;padding:10px 20px;border:none;cursor:pointer}.apply{background:#6f42c1;color:#fff;padding:10px 20px;border:none;cursor:pointer}.day{padding:10px;border:none;background:#f9f9f9;border-radius:4px;cursor:pointer;text-align:center}.day.middle{background:#9f6ef8;color:#fff}.day.start,.day.end{border-radius:4px;background:#6f42c1;color:#fff}.day:hover{background:#ff7a7f;color:#fff}.title-calendar{width:100%;text-align:left;font-size:23px;margin-top:0}.calendar-cancel{background:#b5b5b5;color:#000;padding-left:25px;padding-right:25px;border-radius:15px}.calendar-cancel:hover{background:#6f42c1;color:#fff}.time-calendar input{background:#f9f9f9;color:#000}.PickerRotary_control{fill:#fff}.circular-slider{position:relative;width:200px;height:200px;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.PickerRotary_PickerRotary{position:relative;display:flex;justify-content:center;align-items:center}.circular-slider svg{transform:rotate(-90deg)}.circular-slider-label{position:absolute;font-size:24px;text-align:center}.circular-slider-label small{font-size:14px;color:#666}.circular-slider circle{transition:stroke-dashoffset .3s ease,cx .3s ease,cy .3s ease}.PickerRotary_base{fill:#f5f4f2}.PickerRotary_arc{stroke-linecap:round;fill:none;stroke:#6f42c1}.PickerRotary_center{fill:#fff}.circle-slider-label{display:flex;flex-direction:column}.circle-slider-label span{font-size:2em}.PickerRotary_valueContainer{position:absolute}.PickerRotary_value{font-size:4em;line-height:60px;text-align:center}.PickerRotary_postfix{font-size:1.2em}.day.disabled{background:#f9f9f9;color:#b0abab}@media (max-width: 767px){.calendar-modal{overflow:auto;padding:0;background:#fff}.calendar-header{text-align:center}.calendar-container{padding:15px;border-radius:5px;width:100%;min-height:100%;height:100%;background:#fff}.switcher button{margin:0}.title-calendar{font-size:18px;text-align:center}.time-inputs{gap:10px;margin-bottom:15px}.time-inputs div{width:100%;margin:0}.switcher{gap:10px}.switcher button{width:100%;padding:8px 15px;font-size:14px}.calendar-footer{gap:10px;margin-bottom:2em}.calendar-footer button{width:100%;padding:12px;font-size:16px}.cancel{background:#b5b5b5;color:#fff}.apply{background:#6f42c1;color:#fff}.weekdays{grid-template-columns:repeat(7,1fr);font-size:12px}.days{grid-template-columns:repeat(7,1fr);gap:5px}.day{padding:8px;font-size:12px}.day.start,.day.end,.day.middle{font-size:12px;padding:8px}.circular-slider{width:150px;height:150px}.PickerRotary_value{font-size:2.5em}.PickerRotary_postfix{font-size:1em}}