.lightpick,.lightpick__tooltip{
    box-shadow:0 1px 3px rgba(0,0,0,.25) 
}
.lightpick{
    position:absolute;
    z-index:99999;
    padding:4px;
    border-radius:4px;
    background-color:#fff;
    color:#000;
    font-family:system-ui,Roboto,Helvetica,Arial,sans-serif;
    line-height:1.125em 
}
.lightpick--inlined{
    position:relative;
    display:inline-block 
}
.lightpick,.lightpick *,.lightpick::after,.lightpick::before{
    box-sizing:border-box 
}
.lightpick.is-hidden{
    display:none 
}
.lightpick__months{
    display:grid;
    background-color:#eee;
    grid-template-columns:auto;
    grid-gap:1px 
}
.lightpick--2-columns .lightpick__months{
    grid-template-columns:auto auto 
}
.lightpick--3-columns .lightpick__months{
    grid-template-columns:auto auto auto 
}
.lightpick--4-columns .lightpick__months{
    grid-template-columns:auto auto auto auto 
}
.lightpick--5-columns .lightpick__months{
    grid-template-columns:auto auto auto auto auto 
}
.lightpick__month{
    padding:4px;
    width:288px;
    background-color:#fff 
}
.lightpick__month-title-bar{
    display:flex;
    margin-bottom:4px;
    justify-content:space-between;
    align-items:center 
}
.lightpick__month-title{
    margin-top:4px;
    margin-bottom:4px;
    margin-left:4px;
    font-size:16px;
    font-weight:400;
    line-height:24px;
    cursor:default;
    padding:0 4px;
    border-radius:4px 
}
.lightpick__month-title>.lightpick__select{
    border:none;
    background-color:transparent;
    outline:0;
    -moz-appearance:none;
    -webkit-appearance:none;
    appearance:none 
}
.lightpick__month-title>.lightpick__select:disabled{
    color:#333 
}
.lightpick__month-title>.lightpick__select-months{
    font-weight:700;
    font-size:1em;
    margin-right:.5em 
}
.lightpick__toolbar{
    display:flex;
    text-align:right;
    justify-content:flex-end 
}
.lightpick__close-action,.lightpick__next-action,.lightpick__previous-action{
    display:flex;
    margin-left:6px;
    width:32px;
    height:32px;
    outline:0;
    border:none;
    border-radius:50%;
    background-color:#ddd;
    justify-content:center;
    align-items:center 
}
.lightpick__next-action,.lightpick__previous-action{
    font-size:12px 
}
.lightpick__close-action{
    font-size:18px 
}
.lightpick__close-action:active,.lightpick__next-action:active,.lightpick__previous-action:active{
    color:inherit 
}
.lightpick__days-of-the-week{
    display:grid;
    grid-template-columns:repeat(7,1fr) 
}
.lightpick__day-of-the-week{
    display:flex;
    font-size:11px;
    font-weight:700;
    justify-content:center;
    align-items:center 
}
.lightpick__days{
    display:grid;
    grid-template-columns:repeat(7,1fr) 
}
.lightpick__day{
    display:flex;
    height:40px;
    background-position:center center;
    background-size:contain;
    background-repeat:no-repeat;
    font-size:13px;
    justify-content:center;
    align-items:center;
    cursor:default 
}
.lightpick__day.is-today{
    /* background-image:url("data:image/svg+xml;
    charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='rgba(220, 50, 47, .5)' cx='16' cy='16' r='16'/%3E%3C/svg%3E"); */
    background-size:18.8% auto;
    background-position:center bottom;
    color:#dc322f ;
}
.lightpick__day.is-disabled.is-forward-selected:not(.is-start-date),.lightpick__day.is-in-range{
    background-color:rgba(38,139,210,.1);
    background-image:none 
}
.lightpick__day:not(.is-disabled):hover{
    background-size:contain;
    /* background-image:url("data:image/svg+xml;
    charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='%23E0E0E0' cx='16' cy='16' r='16'/%3E%3C/svg%3E")  */
}
.lightpick__day.is-disabled{
    opacity:.38;
    pointer-events:none 
}
.lightpick__day.disabled-tooltip{
    pointer-events:auto 
}
.lightpick__day.is-disabled.is-forward-selected,.lightpick__day.lightpick__day.is-in-range:not(.is-disabled){
    opacity:1 
}
.lightpick__day.is-next-month,.lightpick__day.is-previous-month{
    opacity:.38 
}
.lightpick__day.is-in-range{
    border-radius:0 
}
/* .lightpick__day.is-in-range:hover{
    background-image:url("data:image/svg+xml;
    charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='rgba(38, 139, 210, 0.5)' cx='16' cy='16' r='16'/%3E%3C/svg%3E") 
} */
.lightpick__day.is-end-date.is-in-range.is-flipped,.lightpick__day.is-start-date.is-in-range{
    border-radius:50% 0 0 50%;
    background-color:#268bd2;
    background-image:none 
}
.lightpick__day.is-end-date.is-in-range,.lightpick__day.is-start-date.is-in-range.is-flipped{
    border-radius:0 50% 50% 0;
    background-color:#268bd2;
    background-image:none 
}
/* .lightpick__day.is-end-date,.lightpick__day.is-end-date:hover,.lightpick__day.is-start-date,.lightpick__day.is-start-date.is-end-date,.lightpick__day.is-start-date:hover{
    background-image:url("data:image/svg+xml;
    charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='%23268BD2' cx='16' cy='16' r='16'/%3E%3C/svg%3E") 
} */
.lightpick__day.is-start-date.is-end-date{
    background-color:transparent 
}
.lightpick__day.is-end-date,.lightpick__day.is-end-date:hover,.lightpick__day.is-start-date,.lightpick__day.is-start-date:hover{
    background-size:auto;
    background-position:center;
    color:#fff;
    font-weight:700 
}
.lightpick__tooltip{
    position:absolute;
    margin-top:-4px;
    padding:4px 8px;
    border-radius:4px;
    background-color:#fff;
    white-space:nowrap;
    font-size:11px;
    pointer-events:none 
}
.lightpick__tooltip::before{
    position:absolute;
    bottom:-5px;
    left:calc(50% - 5px);
    border-top:5px solid rgba(0,0,0,.12);
    border-right:5px solid transparent;
    border-left:5px solid transparent;
    content:"" 
}
.lightpick__tooltip::after{
    position:absolute;
    bottom:-4px;
    left:calc(50% - 4px);
    border-top:4px solid #fff;
    border-right:4px solid transparent;
    border-left:4px solid transparent;
    content:"" 
}
.lightpick__footer{
    display:flex;
    justify-content:space-between 
}
.lightpick__apply-action,.lightpick__reset-action{
    border-radius:5px;
    font-size:12px;
    border:none 
}
.lightpick__reset-action{
    color:#fff;
    background-color:#aeacad 
}
.lightpick__apply-action{
    color:#fff;
    background-color:#2495f3 
}