.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%}

.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;
}