.vue-date-picker,.vue-date-picker *{box-sizing:border-box}.vue-date-picker{width:100%;max-width:24rem;color:var(--gray,#262626);flex-direction:column;gap:.375rem;font-family:Roboto,sans-serif;display:flex;position:relative;& .label{color:var(--gray,#262626);margin:0;font-size:.875rem;font-weight:700;line-height:1.3}& .control{width:100%;display:flex;position:relative}& .input,& .input[readonly]{border-color:var(--gray-light,#c3c3c3);background-color:var(--white,#fff);min-width:0;color:var(--gray,#262626);cursor:pointer;background-image:none;padding-right:3rem!important}& .input:focus-visible{border-color:var(--blue,#0071b8);outline:.125rem solid color-mix(in srgb, var(--blue,#0071b8) 30%, transparent);outline-offset:.0625rem}& .trigger{border:0;border-inline-start:.0625rem solid var(--gray-light,#c3c3c3);background:var(--gray-lightest,#f2f2f2);width:2.5rem;color:var(--blue,#0071b8);cursor:pointer;border-radius:0 .25rem .25rem 0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;inset-block:0;inset-inline-end:0}& .trigger:hover,& .trigger:focus-visible{background:var(--blue-lightest,#edf8ff);outline:.125rem solid var(--blue,#0071b8);outline-offset:-.125rem}& .trigger-icon{width:1rem;height:1rem}& .panel{z-index:20;border:.0625rem solid var(--gray-lighter,#dfdfdf);background:var(--white,#fff);border-radius:.25rem;width:min(20rem,100vw - 2rem);margin-top:.25rem;padding:.75rem;box-shadow:0 .5rem 1.5rem #00000029}& .calendar-container,& .calendar{width:100%}& .header{grid-template-columns:2.25rem 1fr 2.25rem;align-items:center;gap:.25rem;margin-bottom:.5rem;display:grid}& .title{justify-content:center;align-items:center;gap:.25rem;min-width:0;display:flex}& .month-button,& .year-button{color:var(--gray,#262626);font:inherit;cursor:pointer;background:0 0;border:0;padding:.25rem;font-weight:700}& .month-button:hover,& .year-button:hover,& .month-button:focus-visible,& .year-button:focus-visible{background:var(--gray-lightest,#f2f2f2);outline:.125rem solid var(--blue,#0071b8);border-radius:.25rem}& .navigation{width:2.25rem;height:2.25rem;color:var(--blue,#0071b8);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}& .navigation:hover,& .navigation:focus-visible{background:var(--blue-lightest,#edf8ff);outline:.125rem solid var(--blue,#0071b8);outline-offset:-.125rem}& .navigation-icon{width:.875rem;height:.875rem}& .grid{border-collapse:collapse;table-layout:fixed;width:100%}& .week-cell{height:2rem;color:var(--gray-medium,#666);text-align:center;padding:0;font-size:.75rem;font-weight:700}& .week-day{text-decoration:none;display:inline-block}& .day-cell{text-align:center;height:2.25rem;padding:.0625rem}& .day{width:2rem;height:2rem;color:var(--gray,#262626);cursor:pointer;user-select:none;border:.0625rem solid #0000;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}& .day:hover,& .day:focus-visible{border-color:var(--blue,#0071b8);background:var(--blue-lightest,#edf8ff);outline:none}& .day[data-p~=today]{border-color:var(--gray-light,#c3c3c3);font-weight:700}& .day[data-p~=other-month]{color:var(--gray-light,#c3c3c3)}& .day[data-p~=selected],& .day--range-endpoint{border-color:var(--blue,#0071b8);background:var(--blue,#0071b8);color:var(--white,#fff);font-weight:700}& .day.day--range-middle{border-color:var(--blue-lightest,#edf8ff);background:var(--blue-lightest,#edf8ff);color:var(--gray,#262626);border-radius:0;font-weight:400}& .day[data-p~=disabled]{color:var(--gray-light,#c3c3c3);cursor:not-allowed;opacity:.7;background:0 0;text-decoration:line-through}& .day.day--endpoint-disabled{border-style:dashed;border-color:var(--red,#e2001a);color:var(--red-dark,#980000);text-decoration:line-through}& .p-anchored-overlay-enter-active,& .p-anchored-overlay-leave-active{transition:opacity .12s}& .p-anchored-overlay-enter-from,& .p-anchored-overlay-leave-to{opacity:0}}.vue-date-picker.vue-date-picker--input-icon .input,.vue-date-picker.vue-date-picker--input-icon .input[readonly]{background-image:url(https://cdn1.idek.cz/file/calendar-e6a5322a.svg);background-position:right .5rem center;background-repeat:no-repeat;background-size:1rem 1rem;padding-right:2rem!important}@media (width<=30rem){.vue-date-picker{max-width:100%;& .panel{width:min(100%,20rem);padding:.5rem;inset-inline:0 auto!important}& .day-cell{height:2rem}& .day{width:1.875rem;height:1.875rem}}}