.bday-wrapper[data-v-274c32dd] {
    --bg-color: #fff;
    --border-color: #ccc;
    --color-inactive: #ccc;
    --color-highlight: #e95a70;
    --font-size: 1em;
    --text-ratio: 1.075;
    --text-md: calc(1em/var(--text-ratio))
}

.container[data-v-274c32dd] {
    align-items: center;
    display: grid;
    justify-items: center
}

.bday-wrapper[data-v-274c32dd] {
    font-size: var(--font-size);
}

.bday-picker[data-v-274c32dd] {
    background: var(--bg-color);
    border-radius: 6px;
    max-height: 52px;
    position: relative;
transition: max-height .75s ease-in-out, border-color .3s ease .2s;
}

.bday-input[data-v-274c32dd] {
    background: var(--bg-color);
    font-weight: 700;
    padding: 16px 24px;
    text-align: center
}

.bday-input span[data-v-274c32dd]:not(.seperator) {
    display: inline-block;
    min-width: 24px;
    position: relative;
    z-index: 1
}

.bday-input span:not(.seperator).year[data-v-274c32dd] {
    min-width: 48px
}

.bday-input .seperator[data-v-274c32dd] {
    color: var(--color-inactive);
    font-weight: 400;
    padding: 0 4px
}

.bday-input .validator[data-v-274c32dd] {
    border: none;
    left: 0;
    max-height: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 0;
    z-index: 0
}

.bday-box[data-v-274c32dd] {
    border-top: 1px solid transparent;
    font-size: var(--text-md);
    max-height: 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    
transition: max-height .35s ease-in-out, border-color .8s ease .7s;
}

.ajaxed {
    direction: rtl;
}
.bday-box .heading[data-v-274c32dd] {
    color: var(--color-inactive);
    padding: 16px 0 12px
}

.bday-picker.open[data-v-274c32dd]:hover {
    max-height: 500px;
  transition: 0.3s;

}

.bday-picker.open:hover .bday-input .active[data-v-274c32dd] {
    color: var(--color-highlight);
  transition: 0.3s;

}

.bday-picker.open:hover .bday-box[data-v-274c32dd] {
    border-top-color: var(--border-color);
    max-height: 100%;
  transition: 0.3s;

}

.bday-box-content[data-v-274c32dd] {
    display: grid;
    grid-template-columns: 100% 100% 100%;
    padding-bottom: 6px;
    transition: -webkit-transform .25s ease-in-out;
    transition: transform .75s ease-in-out;
    transition: transform .75s ease-in-out, -webkit-transform .25s ease-in-out
}
.bday-days[data-v-274c32dd],
.bday-months[data-v-274c32dd],
.bday-years[data-v-274c32dd] {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
}

.bday-years[data-v-274c32dd] {
    height: 235px;
    overflow: hidden;
    overflow-y: scroll
}

.bday-day[data-v-274c32dd],
.bday-month[data-v-274c32dd],
.bday-year[data-v-274c32dd] {
    border: 1px solid transparent;
    border-radius: 4px;
    font-weight: 500;
    line-height: 38px;
    margin: 1px;
    transition: border-color .12s ease .1s, background .12s ease, color .12s ease
}

.bday-day[data-v-274c32dd]:not(.disabled),
.bday-month[data-v-274c32dd]:not(.disabled),
.bday-year[data-v-274c32dd]:not(.disabled) {
    cursor: pointer
}

.bday-day:not(.disabled).active[data-v-274c32dd],
.bday-day[data-v-274c32dd]:not(.disabled):hover,
.bday-month:not(.disabled).active[data-v-274c32dd],
.bday-month[data-v-274c32dd]:not(.disabled):hover,
.bday-year:not(.disabled).active[data-v-274c32dd],
.bday-year[data-v-274c32dd]:not(.disabled):hover {
    background: var(--color-highlight);
    border-color: var(--border-color);
    color: #fff;
    transition: border-color .12s ease, background .12s ease .1s, color .12s ease .1s
}

.bday-day.disabled[data-v-274c32dd],
.bday-month.disabled[data-v-274c32dd],
.bday-year.disabled[data-v-274c32dd] {
    color: var(--color-inactive)
}

.bday-day[data-v-274c32dd] {
    min-width: calc(16.66667% - 2px)
}

.bday-month[data-v-274c32dd] {
    min-width: calc(32.33333% - 2px)
}

.bday-year[data-v-274c32dd] {
    min-width: calc(24% - 2px)
}
#app {
    direction: ltr;
}
#postPagination {
    margin: 0;
    padding: 0;
}