.date-picker{position:relative}.date-picker__button{border:2px solid transparent;border-radius:.4rem;box-sizing:border-box;cursor:pointer;display:flex;justify-content:flex-start;min-width:7rem;padding:.5rem;width:-moz-max-content;width:max-content}@media(max-width:768px){.date-picker__button{margin:0;min-width:0;width:100%}}.date-picker__button--icon{align-items:center;display:flex;margin-right:.5rem}.date-picker__button--text{align-items:flex-start;flex-direction:column}.date-picker__button--text .grey-text{align-items:center;display:flex;justify-content:space-between}.date-picker__button--text p{margin:0}.date-picker__button.disabled{cursor:not-allowed;opacity:.6}.date-picker .selected{background-color:var(--color-white-1);border:2px solid var(--color-grey-3)}.date-picker .error{border:2px solid var(--color-pink-1)}.date-picker__calendar{background:var(--color-white-1);border-radius:.4rem;box-shadow:0 4px 12px #00000026;min-width:18rem;transition:.5s}@media(max-width:768px){.date-picker__calendar{left:1rem!important;min-width:unset!important;right:1rem!important;width:auto!important}}.date-picker__calendar--component{border:2px solid var(--color-grey-3)!important;z-index:10000}@media(max-width:768px){.date-picker__calendar--component{left:0;width:100%!important}}.date-picker__overlay{inset:0;position:fixed;z-index:9999}.time-picker{margin-right:1rem;position:relative}@media(max-width:768px){.time-picker{margin-right:0}}.time-picker__button{border:2px solid transparent;border-radius:.4rem;box-sizing:border-box;cursor:pointer;display:flex;justify-content:flex-start;min-width:7rem;padding:.5rem;width:-moz-max-content;width:max-content}@media(max-width:768px){.time-picker__button{margin:0;min-width:0;width:100%}}.time-picker__button--icon{align-items:center;display:flex;margin-right:.5rem}.time-picker__button--text{align-items:flex-start;flex-direction:column}.time-picker__button--text .grey-text{align-items:center;display:flex;justify-content:space-between}.time-picker__button--text p{margin:0}.time-picker__button.disabled{cursor:not-allowed;opacity:.6}.time-picker__slots{background-color:var(--color-white-1);border:2px solid var(--color-grey-3);border-radius:.4rem;box-shadow:0 4px 12px #00000026;min-width:12rem;padding:1rem;transition:.5s;width:-moz-max-content;width:max-content}@media(max-width:768px){.time-picker__slots{left:1rem!important;min-width:unset!important;right:1rem!important;width:auto!important}}.time-picker__slots--times{align-items:center;display:flex;flex-direction:column;justify-content:space-around;margin:0;max-height:200px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.time-picker__slots--times::-webkit-scrollbar{display:none}.time-picker__slots--times .slots{border-radius:.4rem;cursor:pointer;padding:.3rem;width:90%}.time-picker__slots--times .slots p{color:var(--color-grey-1);margin:0;text-align:center}.time-picker__slots--times .slots:hover{background-color:var(--color-pink-1)}.time-picker__slots--times .slots:hover p{color:var(--color-white-1)}.time-picker__slots--times .selected-time{background-color:var(--color-pink-1)}.time-picker__slots--times .selected-time p{color:var(--color-white-1)}.time-picker__overlay{inset:0;position:fixed;z-index:9999}.time-picker .selected{background-color:var(--color-white-1);border:2px solid var(--color-grey-3)}.time-picker .error{border:2px solid var(--color-pink-1)}