@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';
@import 'flatpickr/dist/flatpickr.css';

.tab {
overflow: hidden;
}
.tab-content {
max-height: 0;
transition: all 0.5s;
}

input:checked + .tab-label .test {
    background-color: #000;
}

input:checked + .tab-label .test svg {
    transform: rotate(180deg);
    stroke: #fff;
}

input:checked + .tab-label::after {
transform: rotate(90deg);
}

input:checked ~ .tab-content {
max-height: 100vh;
}

.custom-label input:checked + svg {
    display: block !important;
}

.dropdown:focus-within .dropdown-menu {
    opacity:1;
    transform: translate(0) scale(1);
    visibility: visible;
  }