.menu{--s:100px;--c:#fff;height:20px;aspect-ratio:1;border:none;padding:0;border-inline:calc(var(--s)/4) solid #0000;box-sizing:content-box;--_g1:linear-gradient(var(--c) 20%,#0000 0 80%,var(--c) 0) no-repeat content-box border-box;--_g2:radial-gradient(circle closest-side at 50% 12.5%,var(--c) 95%,#0000) repeat-y content-box border-box;background:var(--_g2) left var(--_p,0) top,var(--_g1) left calc(var(--s)/10 + var(--_p,0px)) top,var(--_g2) right var(--_p,0) top,var(--_g1) right calc(var(--s)/10 + var(--_p,0px)) top;background-size:20% 80%,40% 100%;position:relative;clip-path:inset(0 25%);-webkit-mask:linear-gradient(90deg,#0000,#000 25% 75%,#0000);cursor:pointer;transition:background-position .3s var(--_s,.3s),clip-path 0s var(--_s,.6s);-webkit-appearance:none;-moz-appearance:none;appearance:none}.menu:after,.menu:before{content:"";position:absolute;border-radius:var(--s);inset:40% 0;background:var(--c);transition:transform .3s calc(.3s - var(--_s,.3s))}.menu:checked{clip-path:inset(0);--_p:calc(-1*var(--s));--_s:0s}.menu:checked:before{transform:rotate(45deg)}.menu:checked:after{transform:rotate(-45deg)}.menu:focus-visible{clip-path:none;-webkit-mask:none;border:none;outline:2px solid var(--c);outline-offset:5px}.custom-datepicker .react-datepicker .react-datepicker__header{background-color:#fff;border:0;border-top-left-radius:8px;border-top-right-radius:8px;padding-top:14px}.custom-datepicker .react-datepicker{border-radius:8px;border:1px solid #bdbdbd;font-size:.9rem}.custom-datepicker .react-datepicker .react-datepicker__navigation{top:6px}.custom-datepicker .react-datepicker .react-datepicker__header .react-datepicker__day-names{padding-top:6px}.custom-datepicker .react-datepicker .react-datepicker__month{margin:0 10px 10px}.custom-datepicker .react-datepicker .react-datepicker__header .react-datepicker__day-names .react-datepicker__day-name{color:#757575}.custom-datepicker .react-datepicker .react-datepicker__day{border-radius:8px}.custom-datepicker .react-datepicker .react-datepicker__day--in-range{position:relative;z-index:10;color:#000}.custom-datepicker .react-datepicker .react-datepicker__day--in-range:before{content:"";position:absolute;inset:0;margin-left:-.2rem;margin-right:-.2rem;background:#fee;z-index:-1}.custom-datepicker .react-datepicker .react-datepicker__day--range-end,.custom-datepicker .react-datepicker .react-datepicker__day--range-start{color:#fff;border-radius:8px}.custom-datepicker .react-datepicker .react-datepicker__day--in-range.react-datepicker__day--range-end:before,.custom-datepicker .react-datepicker .react-datepicker__day--in-range.react-datepicker__day--range-start:before{background:#dc2626;border-radius:8px}.custom-datepicker .react-datepicker .react-datepicker__week .react-datepicker__day--in-range:first-child:before{border-top-left-radius:8px;border-bottom-left-radius:8px}.custom-datepicker .react-datepicker .react-datepicker__week .react-datepicker__day--in-range:last-child:before{border-top-right-radius:8px;border-bottom-right-radius:8px}.custom-datepicker .react-datepicker__day--selecting-range-start.react-datepicker__day--in-selecting-range{background:#dc2626;color:#fff}.custom-datepicker .react-datepicker__day--in-selecting-range{background:#fee;color:#000}.custom-datepicker .react-datepicker__close-icon{right:-15px}.custom-datepicker .react-datepicker__input-container .react-datepicker__calendar-icon{left:-8px;top:50%;transform:translateY(-50%);margin-top:1px}.custom-datepicker .react-datepicker__view-calendar-icon input{padding-left:30px;padding-right:5px}