:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f7fafc}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{margin:0}#root{min-height:100vh}.calendar-container{height:44px;min-width:180px;padding:10px 12px;cursor:pointer;display:flex;box-sizing:border-box;width:fit-content;justify-content:space-between;border-radius:6px;gap:20px;position:relative;background:#edf2f7}.calendar-container>.panel-container{position:relative;width:100%;display:flex;justify-content:space-between;align-items:center}.calendar-container>.panel-container>label{cursor:pointer;font-size:16px;font-style:normal;font-weight:500;line-height:24px}.calendar-container>.panel-container>input.calendar-input{background:transparent;border:none;outline:none;width:100%;font-size:16px;font-style:normal;font-weight:500;line-height:24px;color:#2e2e36}.calendar-container>.panel-container>input.calendar-input.error{border-bottom:1px solid #E53E3E}.data-container{width:280px;position:absolute;top:48px;left:0;z-index:10000;border-radius:4px;background:#fff;box-shadow:0 4px 13px #00000021;padding:13px}.top-panel{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.top-panel>label{color:#000;font-size:14px;font-style:normal;font-weight:500;line-height:normal}.top-panel>label>span{cursor:pointer}.top-panel>button{background:none;border:none;padding:0}.top-panel>button>img{padding:0;width:38px;cursor:pointer}.calendar-data{display:grid;grid-template-columns:repeat(7,1fr);grid-row-gap:8px}.calendar-data>.days-of-week{grid-column:1/8;display:grid;grid-column-gap:7px;grid-template-columns:repeat(7,1fr)}.calendar-data>.days-of-week>label{text-align:center;color:#9394aa;font-size:14px;font-weight:500}.calendar-data>.days-of-calendar{grid-column:1/8;display:grid;grid-template-columns:repeat(7,1fr);grid-column-gap:7px;grid-row-gap:8px}.calendar-data>.days-of-calendar button{transition:all .1s ease;border:none;font-size:14px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.107px;padding:3px;outline:none;height:33px;cursor:pointer;border-radius:4px}.calendar-data>.days-of-calendar button:hover{opacity:.4!important}.calendar-data>.days-of-calendar>.inactive{background:#d8dded;color:gray;opacity:.4!important}.calendar-data>.days-of-calendar>.inactive:hover{cursor:auto;opacity:.4!important}.years-data{display:grid;grid-template-columns:repeat(4,1fr);grid-row-gap:3px;grid-column-gap:13px}.years-data>button{transition:all .1s ease;border:none;font-size:14px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.107px;padding:3px;height:38px;cursor:pointer;border-radius:4px}.years-data>button:hover{opacity:.7!important}.action-buttons{display:flex;justify-content:space-between;width:100%;margin-top:13px}.action-buttons>button{cursor:pointer;border:none;background:none;font-size:14px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:.2px}