.date-input{background-color:#fff;border-radius:10px;padding:.5rem 1rem;z-index:2000;margin:3px 0 0 0;border-top:1px solid #eee;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.date-input.is-hidden{display:none}.date-input .pika-title{padding:.5rem;width:100%;text-align:center}.date-input .pika-next,.date-input .pika-prev{margin-top:0;padding:.2rem 0;cursor:pointer;color:#4299e1;text-transform:uppercase;font-size:.85rem}.date-input .pika-next:hover,.date-input .pika-prev:hover{text-decoration:underline}.date-input .pika-prev{float:left}.date-input .pika-next{float:right}.date-input .pika-label{display:inline-block;font-size:0}.date-input .pika-select-month,.date-input .pika-select-year{display:inline-block;border:1px solid #ddd;color:#444;background-color:#fff;border-radius:10px;font-size:.9rem;padding-left:.5em;padding-right:.5em;padding-top:.25em;padding-bottom:.25em;appearance:none}.date-input .pika-select-month:focus,.date-input .pika-select-year:focus{border-color:#cbd5e0;outline:0}.date-input .pika-select-month{margin-right:.25em}.date-input table{width:100%;border-collapse:collapse;margin-bottom:.2rem}.date-input table th{width:2em;height:2em;font-weight:400;color:#718096;text-align:center}.date-input table th abbr{text-decoration:none}.date-input table td{padding:2px}.date-input table td button{width:1.8em;height:1.8em;text-align:center;color:#555;border-radius:10px}.date-input table td button:hover{background-color:#bee3f8}.date-input table td.is-today button{background-color:#ebf8ff}.date-input table td.is-selected button{background-color:#3182ce}.date-input table td.is-selected button{color:#fff}.date-input table td.is-selected button:hover{color:#fff}.switch1{position:relative;display:inline-block;width:44px;height:24px}.switch1 input{opacity:0;width:0;height:0}.slider1{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.2s;transition:.2s}.slider1:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:4px;background-color:#fff;-webkit-transition:.2s;transition:.2s}input:checked+.slider1{background-color:#057a55}input:focus+.slider1{box-shadow:0 0 1px #2196f3}input:checked+.slider1:before{-webkit-transform:translateX(22px);-ms-transform:translateX(22px);transform:translateX(22px)}.switch2{position:relative;display:inline-block;width:44px;height:24px}.switch2 input{opacity:0;width:0;height:0}.slider2{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.2s;transition:.2s}.slider2:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:4px;background-color:#fff;-webkit-transition:.2s;transition:.2s}input:checked+.slider2{background-color:#f56565}input:focus+.slider2{box-shadow:0 0 1px #2196f3}input:checked+.slider2:before{-webkit-transform:translateX(22px);-ms-transform:translateX(22px);transform:translateX(22px)}.slider1.round{border-radius:34px}.slider1.round:before{border-radius:50%}.slider2.round{border-radius:34px}.slider2.round:before{border-radius:50%}
.w-18 {
    width: 4.5rem
}

.w-22 {
    width: 5.5rem
}
.bg-purple1-300 {
    --bg-opacity: 1;
    background-color: #9333ea;
}


.bg-cyan-300 {
    --bg-opacity: 1;
    background-color: #22d3ee;
}


.bg-blue-300 {
    --bg-opacity: 1;
    background-color: #60a5fa;
}


.bg-pink-300 {
    --bg-opacity: 1;
    background-color: #f472b6;    
}



.bg-teal-50 {
    --bg-opacity: 1;
    background-color: #f0fdfa;
}

.bg-teal-100 {
    --bg-opacity: 1;
    background-color: #ccfbf1;
}

.bg-teal-200 {
    --bg-opacity: 1;
    background-color: #99f6e4;
}

.bg-teal-300 {
    --bg-opacity: 1;
    background-color: #5eead4;
}

.bg-teal-400 {
    --bg-opacity: 1;
    background-color: #2dd4bf;
}

.bg-teal-500 {
    --bg-opacity: 1;
    background-color: #14b8a6;
}

.bg-teal-600 {
    --bg-opacity: 1;
    background-color: #0d9488;
}

.bg-teal-700 {
    --bg-opacity: 1;
    background-color: #0f766e;
}

.bg-teal-800 {
    --bg-opacity: 1;
    background-color: #115e59;
}

.bg-teal-900 {
    --bg-opacity: 1;
    background-color: #134e4a;
}

.bg-teal-950 {
    --bg-opacity: 1;
    background-color: #042f2e;
}



.text-teal-50 {
    --text-opacity: 1;
    color: #f0fdfa;
}

.text-teal-100 {
    --text-opacity: 1;
    color: #ccfbf1;
}

.text-teal-200 {
    --text-opacity: 1;
    color: #99f6e4;
}

.text-teal-300 {
    --text-opacity: 1;
    color: #5eead4;
}

.text-teal-400 {
    --text-opacity: 1;
    color: #2dd4bf;
}

.text-teal-500 {
    --text-opacity: 1;
    color: #14b8a6;
}

.text-teal-600 {
    --text-opacity: 1;
    color: #0d9488;
}

.text-teal-700 {
    --text-opacity: 1;
    color: #0f766e;
}

.text-teal-800 {
    --text-opacity: 1;
    color: #115e59;
}

.text-teal-900 {
    --text-opacity: 1;
    color: #134e4a;
}

.text-teal-950 {
    --text-opacity: 1;
    color: #042f2e;
}




.bg-orange-50 {
    --bg-opacity: 1;
    background-color: #fff7ed;
}

.bg-orange-100 {
    --bg-opacity: 1;
    background-color: #ffedd5;
}

.bg-orange-200 {
    --bg-opacity: 1;
    background-color: #fed7aa;
}

.bg-orange-300 {
    --bg-opacity: 1;
    background-color: #fdba74;
}

.bg-orange-400 {
    --bg-opacity: 1;
    background-color: #fb923c;
}

.bg-orange-500 {
    --bg-opacity: 1;
    background-color: #f97316;
}

.bg-orange-600 {
    --bg-opacity: 1;
    background-color: #ea580c;
}

.bg-orange-700 {
    --bg-opacity: 1;
    background-color: #c2410c;
}

.bg-orange-800 {
    --bg-opacity: 1;
    background-color: #9a3412;
}

.bg-orange-900 {
    --bg-opacity: 1;
    background-color: #7c2d12;
}

.bg-orange-950 {
    --bg-opacity: 1;
    background-color: #431407;
}


.text-orange-50 {
    --text-opacity: 1;
    color: #fff7ed;
}

.text-orange-100 {
    --text-opacity: 1;
    color: #ffedd5;
}

.text-orange-200 {
    --text-opacity: 1;
    color: #fed7aa;
}

.text-orange-300 {
    --text-opacity: 1;
    color: #fdba74;
}

.text-orange-400 {
    --text-opacity: 1;
    color: #fb923c;
}

.text-orange-500 {
    --text-opacity: 1;
    color: #f97316;
}

.text-orange-600 {
    --text-opacity: 1;
    color: #ea580c;
}

.text-orange-700 {
    --text-opacity: 1;
    color: #c2410c;
}

.text-orange-800 {
    --text-opacity: 1;
    color: #9a3412;
}

.text-orange-900 {
    --text-opacity: 1;
    color: #7c2d12;
}

.text-orange-950 {
    --text-opacity: 1;
    color: #431407;
}


.bg-purple-50 {
    --bg-opacity: 1;
    background-color: #faf5ff;
}

.bg-purple-100 {
    --bg-opacity: 1;
    background-color: #f3e8ff;
}

.bg-purple-200 {
    --bg-opacity: 1;
    background-color: #e9d5ff;
}

.bg-purple-300 {
    --bg-opacity: 1;
    background-color: #d8b4fe;
}

.bg-purple-400 {
    --bg-opacity: 1;
    background-color: #c084fc;
}

.bg-purple-500 {
    --bg-opacity: 1;
    background-color: #a855f7;
}

.bg-purple-600 {
    --bg-opacity: 1;
    background-color: #9333ea;
}

.bg-purple-700 {
    --bg-opacity: 1;
    background-color: #7e22ce;
}

.bg-purple-800 {
    --bg-opacity: 1;
    background-color: #6b21a8;
}

.bg-purple-900 {
    --bg-opacity: 1;
    background-color: #581c87;
}

.bg-purple-950 {
    --bg-opacity: 1;
    background-color: #3b0764;
}


.text-purple-50 {
    --text-opacity: 1;
    color: #faf5ff;
}

.text-purple-100 {
    --text-opacity: 1;
    color: #f3e8ff;
}

.text-purple-200 {
    --text-opacity: 1;
    color: #e9d5ff;
}

.text-purple-300 {
    --text-opacity: 1;
    color: #d8b4fe;
}

.text-purple-400 {
    --text-opacity: 1;
    color: #c084fc;
}

.text-purple-500 {
    --text-opacity: 1;
    color: #a855f7;
}

.text-purple-600 {
    --text-opacity: 1;
    color: #9333ea;
}

.text-purple-700 {
    --text-opacity: 1;
    color: #7e22ce;
}

.text-purple-800 {
    --text-opacity: 1;
    color: #6b21a8;
}

.text-purple-900 {
    --text-opacity: 1;
    color: #581c87;
}

.text-purple-950 {
    --text-opacity: 1;
    color: #3b0764;
}