/*! name: vanilla-calendar-pro | url: https://github.com/uvarov-frontend/vanilla-calendar-pro */
body {
	background-color:#ddc2e0;
}

.vanilla-calendar{
    position:relative;
    box-sizing:border-box;
    display:flex;
    width:200px;
    min-width:200px;
    max-width:100%;
    font-family:monospace;
    flex-direction:column;
    background-color:#ffffff;
	border:1px solid #6b4461;
    padding:.4rem;
    opacity:1;
    transition-property:opacity;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    transition-duration:.15s
}
@supports ((width: -webkit-max-content) or (width: max-content)) and ((height: -webkit-max-content) or (height: max-content)){
    .vanilla-calendar{
        height:-webkit-max-content;
        height:max-content;
        width:-webkit-max-content;
        width:max-content
    }
}
.vanilla-calendar_multiple{
    width:550px
}
@supports ((width: -webkit-fit-content) or (width: -moz-fit-content) or (width: fit-content)){
    .vanilla-calendar_multiple{
        width:-webkit-fit-content;
        width:-moz-fit-content;
        width:fit-content
    }
}
.vanilla-calendar button:focus-visible{
	border:1px solid #6b4461;
    outline-style:solid;
    outline-width:1px
}
.vanilla-calendar.vanilla-calendar_multiple .vanilla-calendar-days{
    flex-grow:0
}
.vanilla-calendar_hidden{
    pointer-events:none;
    opacity:0
}
.vanilla-calendar_hidden *{
    pointer-events:none!important
}
.vanilla-calendar_to-input{
    position:absolute
}
.vanilla-calendar_to-input_bottom{
    margin-top:.25rem
}
.vanilla-calendar_to-input_top{
    margin-top:-.25rem
}
.vanilla-calendar-controls{
    pointer-events:none;
    position:absolute;
    left:0;
    right:0;
    top:0;
    z-index:20;
    box-sizing:content-box;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-left:1rem;
    padding-right:1rem;
    padding-top:1.25rem
}
.vanilla-calendar-arrow{
    pointer-events:auto;
    position:relative;
    display:block;
    height:1.5rem;
    width:1rem;
    cursor:pointer;
	border:0px solid #6b4461;
    background-color:transparent
}
.vanilla-calendar-arrow:before{
    position:relative;
    left:0;
    top:0;
    height:100%;
    width:100%;
    --tw-content: "â–º";
    content:var(--tw-content)
}
.vanilla-calendar-arrow.vanilla-calendar-arrow_prev:before{
    position:absolute;
    top:-.27rem;
    transform:rotate(180deg);
}
.vanilla-calendar-arrow.vanilla-calendar-arrow_next:before{
    transform:rotate(0deg)
}
.vanilla-calendar-grid{
    display:flex;
    flex-grow:1;
    flex-wrap:wrap;
    justify-content:center;
    gap:1.75rem
}
.vanilla-calendar-grid.vanilla-calendar-grid_disabled .vanilla-calendar-column{
    pointer-events:none;
    opacity:.3
}
.vanilla-calendar-grid.vanilla-calendar-grid_disabled .vanilla-calendar-column.vanilla-calendar-column_month,.vanilla-calendar-grid.vanilla-calendar-grid_disabled .vanilla-calendar-column.vanilla-calendar-column_year{
    pointer-events:auto;
    opacity:1
}
.vanilla-calendar-column{
    display:flex;
    min-width:30px;
    min-width:30px;
    flex-direction:column
}
.vanilla-calendar-header{
    position:relative;
    margin-bottom:.75rem;
    display:flex;
    align-items:center
}
.vanilla-calendar-header__content{
    display:grid;
    flex-grow:1;
    background-color:#e6baef;
    border:1px solid #6b4461;
    grid-auto-columns:-webkit-max-content;
    grid-auto-columns:max-content;
    grid-auto-flow:column;
    align-items:center;
    justify-content:center;
    white-space:pre-wrap;
    padding-left:1rem;
    padding-right:1rem
}
.vanilla-calendar-month,.vanilla-calendar-year{
    cursor:pointer;
	border:0px solid #6b4461;
    background-color:#e6baef;
    font-family:monospace;
    padding:.25rem;
    font-size:0.8rem;
    line-height:1.5rem;
    font-weight:700
}
.vanilla-calendar-month.vanilla-calendar-month_disabled,.vanilla-calendar-year.vanilla-calendar-year_disabled{
    pointer-events:none
}
.vanilla-calendar-months{
    display:grid;
    flex-grow:1;
    grid-template-columns:repeat(4,minmax(0,1fr));
    align-items:center;
    row-gap:.2rem;
    column-gap:.2rem
}
.vanilla-calendar-years{
    display:grid;
    flex-grow:1;
    grid-template-columns:repeat(5,minmax(0,1fr));
    align-items:center;
    row-gap:.2rem;
    column-gap:.2rem
}
.vanilla-calendar-months_selecting .vanilla-calendar-months__month,.vanilla-calendar-years_selecting .vanilla-calendar-years__year{
    cursor:pointer
}
.vanilla-calendar-months_selecting .vanilla-calendar-months__month .vanilla-calendar-months__month_disabled,.vanilla-calendar-years_selecting .vanilla-calendar-years__year .vanilla-calendar-years__year_disabled{
    cursor:default
}
.vanilla-calendar-months__month,.vanilla-calendar-years__year{
    display:flex;
    align-content: center;
    height:2.5rem;
    width:2.1rem;
    align-items:center;
    justify-content:center;
    word-break:break-all;
	border:1px solid #6b4461;
    padding:.1rem;
    text-align:center;
    font-family:monospace;
    font-size:.7rem;
    line-height:1rem;
    font-weight:600
}
.vanilla-calendar-months__month.vanilla-calendar-months__month_disabled,.vanilla-calendar-years__year.vanilla-calendar-years__year_disabled{
    pointer-events:none
}
.vanilla-calendar-week-numbers{
    display:flex;
    flex-direction:column
}
.vanilla-calendar-week-numbers__title{
    margin-bottom:.5rem;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:.75rem;
    line-height:1rem;
    font-weight:700
}
.vanilla-calendar-week-numbers__content{
    display:grid;
    grid-auto-flow:row;
    align-items:center;
    justify-items:center;
    row-gap:.2rem
}
.vanilla-calendar-week-number{
    margin:0;
    display:flex;
    min-height:1.3rem;
    width:100%;
    min-width:1.3rem;
    cursor:pointer;
    align-items:center;
    justify-content:center;
	border:1px solid #6b4461;
    background-color:transparent;
    padding:0;
    font-size:.75rem;
    line-height:1rem;
    font-weight:600
}
.vanilla-calendar-wrapper{
    display:flex;
    flex-grow:1
}
.vanilla-calendar-content{
    display:flex;
    flex-grow:1;
    flex-direction:column
}
.vanilla-calendar-week{
    margin-bottom:.5rem;
    display:grid;
    grid-template-columns:repeat(7,1fr);
    justify-items:center
}
.vanilla-calendar-week__day{
    display:flex;
    width:100%;
    min-width:1.3rem;
    align-items:center;
    justify-content:center;
    font-family:monospace;
    font-size:.75rem;
    line-height:1rem;
    font-weight:700
}
.vanilla-calendar-days{
    display:grid;
    flex-grow:1;
    grid-template-columns:repeat(7,1fr);
    align-items:center;
    justify-items:center;
    row-gap:.25rem;
    column-gap:.25rem
}
.vanilla-calendar-days_selecting .vanilla-calendar-day__btn{
    cursor:pointer;
    transition-property:all;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    transition-duration:75ms
}
.vanilla-calendar-days_selecting .vanilla-calendar-day__btn_disabled{
    cursor:default
}
.vanilla-calendar-day{
    position:relative;
    display:flex;
    width:100%;
    align-items:center;
    justify-content:center
}
.vanilla-calendar-day:focus-visible .vanilla-calendar-day__popup,.vanilla-calendar-day:hover .vanilla-calendar-day__popup{
    pointer-events:auto;
    opacity:1
}
.vanilla-calendar-day__btn{
    display:flex;
    height:100%;
    min-height:1.3rem;
    width:100%;
    min-width:1.3rem;
    cursor:default;
    align-items:center;
    justify-content:center;
	border:1px solid #6b4461;
    padding:0;
    font-family:monospace;
    font-size:.75rem;
    line-height:0rem;
    font-weight:400
}
.vanilla-calendar-day__btn_today{
    font-weight:900;
    color:red;
    background-color: #e6baef;
    font: italic

}
.vanilla-calendar-day__btn_disabled{
    pointer-events:none
}
.vanilla-calendar-day__popup{
    transform:translate(-50%);
    pointer-events:none;
    position:absolute;
    left:50%;
    top:100%;
    z-index:20;
    width:8rem;
    padding:1rem .75rem .5rem;
    font-size:.75rem;
    line-height:1rem;
    font-weight:400;
    opacity:0
}
.vanilla-calendar-day__popup:before{
    content:var(--tw-content);
    position:absolute
}
.vanilla-calendar-day__popup:after{
    content:var(--tw-content);
    position:absolute
}
.vanilla-calendar-day__popup:hover{
    pointer-events:auto;
    opacity:1
}
.vanilla-calendar-day__popup:before{
    content:"";
    left:0;
    bottom:0;
    z-index:-10;
    display:block;
    height:calc(100% - 8px);
    width:100%;
}
.vanilla-calendar-day__popup:after{
    content:"";
    transform:translate(-50%);
    left:50%;
    top:1px;
    z-index:-10;
    display:block;
    height:0px;
    width:0px;
    border-left-width:8px;
    border-right-width:8px;
    border-top-width:0px;
    border-bottom-width:8px;
    border-style:solid;
    border-left-color:transparent;
    border-right-color:transparent;
    border-top-color:transparent
}
.vanilla-calendar-time{
    margin-top:.75rem;
    display:grid;
    grid-template-columns:auto 1fr;
    gap:.75rem;
    border-top-width:1px;
    border-bottom-width:0px;
    border-left-width:0px;
    border-right-width:0px;
    border-style:solid;
    padding-top:.75rem
}
.vanilla-calendar-time__content{
    display:grid;
    grid-auto-flow:column;
    align-items:center
}
.vanilla-calendar-time__hours{
    position:relative;
    margin-right:.35rem;
    width:1.75rem
}
.vanilla-calendar-time__hours:after{
    position:absolute;
    right:-5px;
    top:50%;
    margin-top:calc(-50% + 1px);
    display:block;
    --tw-content: ":";
    content:var(--tw-content)
}
.vanilla-calendar-time__minutes{
    width:1.75rem
}
.vanilla-calendar-time__hours input,.vanilla-calendar-time__minutes input{
    position:relative;
    margin:0;
    box-sizing:border-box;
    display:block;
    width:100%;
    border-width:0px;
    padding:.125rem;
    text-align:center;
    font-size:1.125rem;
    font-weight:600;
    line-height:1.125rem
}
.vanilla-calendar-time__hours input:focus-visible,.vanilla-calendar-time__minutes input:focus-visible{
    outline-style:solid;
    outline-width:1px
}
.vanilla-calendar-time__hours input:disabled,.vanilla-calendar-time__minutes input:disabled{
    cursor:default
}
.vanilla-calendar-time__hours input:hover:disabled,.vanilla-calendar-time__minutes input:hover:disabled{
    background-color:transparent
}
.vanilla-calendar-time__keeping{
    margin-left:1px;
    margin-top:.25rem;
    width:22px;
    cursor:pointer;
    border-width:0px;
    background-color:transparent;
    padding:0;
    font-size:.69rem
}
.vanilla-calendar-time__keeping:focus-visible{
    outline-style:solid;
    outline-width:1px
}
.vanilla-calendar-time__keeping:disabled{
    cursor:default
}
.vanilla-calendar-time__keeping:hover:disabled{
    background-color:transparent
}
.vanilla-calendar-time__ranges{
    display:grid;
    grid-auto-flow:row
}
.vanilla-calendar-time__range{
    position:relative;
    z-index:10;
    font-size:0
}
.vanilla-calendar-time__range:before{
    content:var(--tw-content);
    left:0
}
.vanilla-calendar-time__range:after{
    content:var(--tw-content);
    right:0
}
.vanilla-calendar-time__range:before,.vanilla-calendar-time__range:after{
    content:"";
    transform:translateY(-50%);
    pointer-events:none;
    position:absolute;
    top:50%;
    z-index:10;
    height:.5rem;
    width:1px
}
.vanilla-calendar-time__range input{
    position:relative;
    margin:0;
    height:1.25rem;
    width:100%;
    cursor:pointer;
    -webkit-appearance:none;
    appearance:none;
    outline-width:0px
}
.vanilla-calendar-time__range input::-webkit-slider-thumb{
    position:relative;
    z-index:20;
    margin-top:-.5rem;
    box-sizing:border-box;
    height:1rem;
    width:.75rem;
    cursor:pointer;
    -webkit-appearance:none;
    appearance:none;
	border:0px solid #6b4461;
    border-style:solid;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
}
.vanilla-calendar-time__range input::-moz-range-thumb{
    position:relative;
    z-index:20;
    box-sizing:border-box;
    height:1rem;
    width:.75rem;
    cursor:pointer;
    border-width:1px;
    border-style:solid;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
}
.vanilla-calendar-time__range input::-webkit-slider-runnable-track{
    margin-top:1px;
    box-sizing:border-box;
    height:1px;
    width:100%;
    cursor:pointer;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
}
.vanilla-calendar-time__range input::-moz-range-track{
    margin-top:1px;
    box-sizing:border-box;
    height:1px;
    width:100%;
    cursor:pointer;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
}

.vanilla-calendar-week__day_weekend{
	color:red
}

.vanilla-calendar-day__btn_prev, .vanilla-calendar-day__btn_next{
	color:#c2c2c2}

.vanilla-calendar-day__btn_weekend, .vanilla-calendar-day__btn_holiday{
        color:red}
.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev,.vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev,.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next,.vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next{
    color:#c2c2c2
        }