.sbox5-modal{
    display:flex;
    flex-direction:column;
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    right:0;
    width:100%;
    height:auto;
    border:0;
    -webkit-tap-highlight-color:transparent;
    user-select:none;
    touch-action:manipulation;
    transition:transform .1s;
    opacity:0;
    visibility:hidden;
    background-color:#fff
}
.sbox5-modal-opened{
    will-change:transform,opacity;
    transition:opacity .1s .1s;
    opacity:1;
    visibility:visible;
    z-index:1500
}
.sbox5-modal-header{
    flex:0 0 auto;
    z-index:10
}
.sbox5-modal-footer{
    flex:0 0 auto;
    border-top:1px solid #f5f5f5;
    z-index:1
}
.sbox5-modal-content{
    flex:1 1 auto;
    overflow-y:scroll
}
.sbox5-3-modal-datepicker-header-arrow{
    width:24px;
    padding:16px 16px 12px
}
.sbox5-3-modal-datepicker-header-arrow g{
    fill:#444
}
.sbox5-3-modal-datepicker-title{
    display:inline-block;
    font-size:20px;
    color:#444;
    padding:16px 16px 12px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden
}
.sbox5-3-modal-datepicker-head{
    display:flex;
    align-items:center;
    border-bottom:1px solid #ccc
}
.sbox5-3-modal-datepicker-header-content-hide{
    display:none
}
.sbox5-3-modal-datepicker-dates{
    display:flex;
    padding:12px;
    box-shadow:0 2px 4px 0 rgba(0,0,0,.16)
}
.sbox5-modal .-end-date,.sbox5-modal .-start-date,.sbox5-modal .sbox5-monthgrid-datenumber{
    width:14.285714286%!important
}
.sbox5-3-modal-datepicker-dates .--active .sbox5-3-modal-datepicker-date-title{
    color:var(--brand-primary-3)
}
.sbox5-3-modal-datepicker-dates .--active .sbox5-3-modal-datepicker-date-value{
    color:var(--brand-primary-3);
    border:2px solid var(--brand-primary-3)
}
.sbox5-3-modal-datepicker-first-date{
    flex-grow:1;
    text-align:center;
    margin-right:10px
}
.sbox5-3-modal-datepicker-second-date{
    flex-grow:1;
    text-align:center;
    min-width:48%
}
.sbox5-3-modal-datepicker-date-title{
    display:block;
    text-transform:uppercase;
    text-align:left;
    font-size:12px;
    font-weight:500;
    color:#888;
    padding-bottom:4px
}
.sbox5-3-modal-datepicker-date-value{
    display:block;
    font-size:14px;
    color:#888;
    border:1px solid #888;
    border-radius:4px;
    padding:15px 12px
}
.sbox5-modal .sbox5-monthgrid{
    padding:0
}
.sbox5-modal .sbox5-monthgrid-header{
    border:none
}
.sbox5-modal .calendar-container{
    box-sizing:border-box
}
.sbox5-modal .sbox5-monthgrid-title{
    padding-top:20px;
    justify-content:flex-start
}
.sbox5-3-modal-datepicker-footer{
    display:flex;
    align-items:center;
    font-size:12px;
    justify-content:space-between;
    padding:12px 8px;
    box-shadow:0 -2px 4px 0 rgba(68,68,68,.12),0 -1px 0 0 #ccc
}
.sbox5-3-modal-datepicker-btn-container{
    min-width:110px;
    display:flex;
    justify-content:flex-end
}
.sbox5-3-modal-datepicker-footer-apply{
    display:inline-block;
    box-sizing:border-box;
    border:1px solid var(--brand-primary-3);
    border-radius:24px;
    width:110px;
    background-color:transparent;
    height:36px;
    padding:0 16px;
    font-size:14px;
    color:var(--brand-primary-3);
    margin:10px 0
}
.sbox5-3-modal-datepicker-days{
    height:25px;
    width:100%;
    font-size:14px;
    color:#666;
    display:flex;
    align-items:center
}
.sbox5-3-modal-datepicker-days .sbox5-3-modal-datepicker-days-text{
    display:block;
    text-align:center;
    font-size:14px
}
.sbox5-modal .sbox5-monthgrid-datenumber.-end-date{
    height:40px
}
.sbox5-modal-footer-bold{
    font-weight:500
}
.calendar-footer{
    border-top:1px solid #ccc;
    padding:12px 20px;
    justify-content:space-between;
    flex-direction:row-reverse;
    font-size:12px
}
.calendar-footer,.calendar-footer-cta-container,.calendar-footer-flex-dates{
    display:flex;
    align-items:center
}
.calendar-footer-flex-dates{
    border-left:1px solid #ccc;
    padding:0 14px;
    border-right:1px solid #ccc;
    height:28px
}
.calendar-footer-bold-text{
    font-weight:700;
    color:#4300d2
}
.calendar-footer-bold-text:hover{
    cursor:pointer
}
.calendar-footer-price-text.calendar-footer-price-text-hightlight{
    color:#03a691
}
.calendar-footer-price-text{
    color:#270570;
    font-weight:500
}
.calendar-lower-price-text{
    color:#03a691;
    margin-bottom:4px
}
.calendar-footer-text{
    color:#666;
    font-size:14px;
    padding:8px
}
.calendar-footer-cta-clean{
    color:#666;
    font-weight:500;
    margin-right:8px;
    padding:0 22px;
    cursor:pointer;
    font-size:14px
}
.calendar-footer-cta-clean.-disable{
    color:#ccc;
    cursor:not-allowed
}
.sbox5-reduced-view .sbox5-monthgrid-datenumber,.sbox5-reduced-view .sbox5-monthgrid-datenumber.-limit-date{
    height:20px!important
}
.calendar-container .calendar-arrow-left.-reduced-calendar,.calendar-container .calendar-arrow-right.-reduced-calendar{
    top:4px
}
.calendar-footer.-reduded-datepicker{
    padding:6px 20px
}
.calendar-footer.-reduded-datepicker .sbox5-3-btn{
    font-size:13px;
    height:24px;
    padding:0 6px;
    line-height:0
}
.sbox5-monthgrid-datenumber.-selected .sbox5-monthgrid-datenumber-number,.sbox5-reduced-view .sbox5-monthgrid-datenumber.-end-date .sbox5-monthgrid-datenumber-number,.sbox5-reduced-view .sbox5-monthgrid-datenumber.-selected .sbox5-monthgrid-datenumber-number,.sbox5-reduced-view .sbox5-monthgrid-datenumber.-start-date .sbox5-monthgrid-datenumber-number,.sbox5-reduced-view .sbox5-monthgrid-datenumber:not(.-limit-date):not(.-disabled):hover .sbox5-monthgrid-datenumber-number{
    width:24px;
    height:24px;
    display:flex;
    align-items:center;
    justify-content:center
}
.sbox5-reduced-view .sbox5-monthgrid-datenumber.-end-date,.sbox5-reduced-view .sbox5-monthgrid-datenumber.-in-range,.sbox5-reduced-view .sbox5-monthgrid-datenumber.-start-date.-limit-date:hover{
    height:20px!important
}
.sbox5-reduced-view .sbox5-monthgrid-header{
    padding:4px 0;
    margin-bottom:0
}
.sbox5-reduced-view .sbox5-monthgrid-weekday{
    font-size:10px
}
.sbox5-reduced-view .sbox5-monthgrid-title{
    margin-bottom:4px
}
.sbox5-reduced-view .sbox5-monthgrid-datenumber-text{
    display:none
}
.sbox5-reduced-view .sbox5-monthgrid-title .sbox5-monthgrid-title-month{
    font-size:16px
}
.sbox5-reduced-view .sbox5-monthgrid-title-year{
    font-size:11px
}
.sbox5-reduced-view .sbox5-monthgrid-datenumber-number{
    font-size:12px
}
.calendar-container.-reduced-datepicker{
    padding:4px
}
.sbox5-reduced-view .sbox5-monthgrid-title{
    flex-direction:row;
    align-items:flex-end
}
.sbox5-reduced-view .sbox5-monthgrid-title .sbox5-monthgrid-title-year{
    margin-top:0;
    color:#444;
    font-weight:500;
    font-size:16px
}
.sbox5-monthgrid.sbox5-reduced-view{
    padding:4px 14px 0
}
.calendar-container{
    display:flex;
    position:relative;
    padding:8px
}
.calendar-container.-calendar-vertical{
    display:block
}
.calendar-container.-calendar-vertical .sbox5-monthgrid{
    width:100%
}
.calendar-container .calendar-arrow-left{
    position:absolute;
    left:26px;
    top:22px;
    cursor:pointer
}
.calendar-container .calendar-arrow-left svg,.calendar-container .calendar-arrow-right svg{
    height:26px;
    width:20px
}
.calendar-container .calendar-arrow-left:hover svg g,.calendar-container .calendar-arrow-right:hover svg g{
    fill:#aaa
}
.calendar-container .calendar-arrow-right{
    position:absolute;
    right:20px;
    top:22px;
    cursor:pointer
}
.sbox5-compact-view .calendar-container .calendar-arrow-left,.sbox5-compact-view .calendar-container .calendar-arrow-right{
    top:16px
}
.sbox5-monthgrid{
    background-color:#fff;
    padding:16px 14px;
    font-family:Rubik,Arial,sans-serif;
    width:302px;
    box-sizing:border-box
}
.sbox5-compact-view.sbox5-monthgrid,.sbox5-compact-view .sbox5-monthgrid{
    padding:11px 14px 0;
    width:320px
}
.sbox5-monthgrid-title{
    text-align:center;
    margin-bottom:30px;
    display:flex;
    justify-content:center;
    align-items:baseline
}
.sbox5-monthgrid-title .sbox5-monthgrid-title-month{
    color:#444;
    font-size:20px;
    margin-right:4px
}
.sbox5-compact-view .sbox5-monthgrid-title .sbox5-monthgrid-title-month{
    font-weight:500
}
.sbox5-monthgrid-title .sbox5-monthgrid-title-year{
    color:#888;
    font-size:12px;
    margin-top:2px
}
.-calendar-vertical .sbox5-monthgrid-title .sbox5-monthgrid-title-month{
    margin-right:4px
}
.sbox5-monthgrid-header{
    margin-bottom:10px;
    display:flex;
    padding:10px 0
}
.sbox5-compact-view .sbox5-monthgrid-header{
    margin-bottom:5px
}
.sbox5-monthgrid-dates{
    width:100%;
    display:flex;
    flex-wrap:wrap;
    text-align:center;
    align-items:center
}
.sbox5-monthgrid-weekday{
    width:14.285714286%;
    overflow:hidden;
    color:#666;
    font-size:12px;
    font-weight:700;
    text-transform:uppercase;
    text-align:center
}
.sbox5-compact-view .sbox5-monthgrid-datenumber{
    margin:0!important
}
.sbox5-monthgrid-datenumber{
    display:flex;
    position:relative;
    text-align:center;
    width:14.285714286%;
    height:40px;
    margin:2px 0;
    cursor:pointer;
    align-items:center;
    justify-content:center
}
.sbox5-compact-view .sbox5-monthgrid-datenumber{
    height:40px
}
.sbox5-monthgrid-datenumber .sbox5-monthgrid-datenumber-number{
    font-size:14px
}
.sbox5-monthgrid-datenumber .sbox5-monthgrid-datenumber-text{
    position:absolute;
    font-size:8px;
    font-weight:400;
    bottom:4px
}
.sbox5-monthgrid-dates-28 .sbox5-monthgrid-datenumber-28~.sbox5-monthgrid-datenumber,.sbox5-monthgrid-dates-29 .sbox5-monthgrid-datenumber-29~.sbox5-monthgrid-datenumber,.sbox5-monthgrid-dates-30 .sbox5-monthgrid-datenumber-30~.sbox5-monthgrid-datenumber{
    display:none
}
.sbox5-monthgrid-dates-offset-1{
    display:inline-block;
    width:14.285714286%
}
.sbox5-monthgrid-dates-offset-2{
    display:inline-block;
    width:28.571428572%
}
.sbox5-monthgrid-dates-offset-3{
    display:inline-block;
    width:42.857142858%
}
.sbox5-monthgrid-dates-offset-4{
    display:inline-block;
    width:57.142857144%
}
.sbox5-monthgrid-dates-offset-5{
    display:inline-block;
    width:71.42857143%
}
.sbox5-monthgrid-dates-offset-6{
    display:inline-block;
    width:85.714285716%
}
.sbox5-compact-view .sbox5-monthgrid-datenumber.-start-date{
    margin:0!important
}
.sbox5-monthgrid-datenumber.-start-date{
    height:40px;
    color:#fff;
    margin:2px 0;
    background-image:linear-gradient(90deg,transparent 50%,#ebe5f5 0)
}
.sbox5-monthgrid-datenumber.-end-date .sbox5-monthgrid-datenumber-number,.sbox5-monthgrid-datenumber.-start-date .sbox5-monthgrid-datenumber-number{
    display:flex;
    height:40px;
    width:40px;
    border-radius:50%;
    padding:10px;
    background-color:var(--brand-primary-4,#4300d2);
    color:#fff;
    align-items:center;
    justify-content:center;
    font-weight:700;
    box-sizing:border-box
}
.sbox5-monthgrid-datenumber.-start-date .sbox5-monthgrid-datenumber-text{
    display:none
}
.sbox5-compact-view .sbox5-monthgrid-datenumber.-end-date{
    margin:1px 0
}
.sbox5-monthgrid-datenumber.-end-date{
    background-image:linear-gradient(270deg,transparent 50%,#ebe5f5 0);
    height:40px;
    margin:2px 0
}
.sbox5-monthgrid-datenumber.-start-date.-end-date{
    background-image:none
}
.sbox5-monthgrid-datenumber.-selected .sbox5-monthgrid-datenumber-number{
    border-radius:50%;
    display:flex;
    height:40px;
    width:40px;
    padding:10px;
    background-color:var(--brand-primary-4,#4300d2);
    color:#fff;
    align-items:center;
    justify-content:center;
    font-weight:700;
    box-sizing:border-box
}
.sbox5-monthgrid-datenumber.-selected .sbox5-monthgrid-datenumber-text{
    color:#fff
}
.sbox5-monthgrid-datenumber.-today{
    color:var(--brand-primary-3);
    text-transform:uppercase
}
.sbox5-monthgrid-datenumber.-today .sbox5-monthgrid-datenumber-text{
    color:#888
}
.sbox5-monthgrid-datenumber.-selected.-today .sbox5-monthgrid-datenumber-text{
    color:#fff
}
.sbox5-monthgrid-datenumber.-today .sbox5-monthgrid-datenumber-text{
    color:#444
}
.sbox5-monthgrid-datenumber.-off{
    color:var(--brand-primary-3)
}
.sbox5-monthgrid-datenumber.-off .sbox5-monthgrid-datenumber-text{
    font-size:20px
}
@media (min-width:768px){
    .sbox5-monthgrid-datenumber:not(.-limit-date):not(.-disabled):hover .sbox5-monthgrid-datenumber-number{
        box-sizing:border-box;
        width:40px;
        border:1px solid var(--brand-primary-3,#4300d2);
        border-radius:50%;
        text-align:center;
        height:40px;
        line-height:38px
    }
    .sbox5-monthgrid-title{
        flex-direction:column;
        align-items:center;
        margin-bottom:10px
    }
}
.sbox5-monthgrid-datenumber.-weekday{
    font-weight:700
}
.sbox5-monthgrid-datenumber.-tramo .sbox5-monthgrid-datenumber-number{
    color:#fff;
    box-sizing:border-box;
    height:20px;
    width:20px;
    font-size:12px;
    border-radius:50%;
    background-color:var(--brand-primary-3);
    line-height:20px
}
.sbox5-monthgrid-datenumber.-tramo .sbox5-monthgrid-datenumber-number:hover{
    color:var(--brand-primary-3);
    background-color:#fff
}
.sbox5-monthgrid-datenumber.-tramo .sbox5-monthgrid-datenumber-text{
    color:var(--brand-primary-3);
    font-weight:700;
    text-overflow:ellipsis;
    width:40px;
    height:8px;
    position:absolute;
    font-size:8px;
    bottom:0;
    overflow:hidden
}
.sbox5-monthgrid-datenumber.-disabled{
    color:#ccc!important;
    background-color:#fff!important;
    cursor:not-allowed!important
}
.sbox5-compact-view .sbox5-monthgrid-datenumber.-limit-date{
    margin:0!important
}
.sbox5-monthgrid-datenumber.-limit-date{
    color:#ddd!important;
    background-color:#f5f5f5!important;
    cursor:not-allowed!important;
    height:40px;
    margin:2px 0
}
.sbox5-monthgrid-datenumber.-limit-date .sbox5-monthgrid-datenumber-number{
    color:#ddd!important
}
.sbox5-monthgrid-datenumber.-in-range{
    height:40px;
    margin:2px 0;
    background-color:var(--brand-primary-1,#ebe5f5);
    color:var(--brand-primary-3)
}
@keyframes shimmer{
    to{
        transform:translateX(100%)
    }
}
.sbox5-monthgrid-datenumber .sbox5-monthgrid-loading-price{
    border-radius:16px;
    overflow:hidden;
    width:100%;
    position:absolute;
    height:8px;
    bottom:5px;
    width:30px
}
.sbox5-monthgrid-datenumber.-segment{
    background-color:var(--brand-primary-4,#4300d2);
    color:#fff;
    border-radius:2px
}
.sbox5-monthgrid-datenumber .sbox5-monthgrid-loading-price:before{
    content:"";
    display:block;
    height:8px;
    width:100%;
    transform:translateX(-100%);
    background-image:linear-gradient(90deg,hsla(0,0%,100%,0),#ccc);
    animation:shimmer 1s infinite
}
.sbox5-monthgrid-datenumber.-in-range .sbox5-monthgrid-datenumber-number{
    color:var(--brand-primary-4,#4300d2)
}
.sbox5-monthgrid-datenumber.-lowest-price .sbox5-monthgrid-datenumber-text{
    background-color:green;
    padding:1px 5px;
    border-radius:10px;
    color:#fff;
    font-size:8px
}
.sbox5-monthgrid-datenumber .sbox5-monthgrid-datenumber-icon{
    position:absolute;
    left:6px;
    top:2px
}
.sbox5-monthgrid-datenumber .sbox5-monthgrid-datenumber-icon svg path{
    fill:#03a691
}
.sbox5-monthgrid-datenumber.-low-price.-end-date .sbox5-monthgrid-datenumber-icon svg path,.sbox5-monthgrid-datenumber.-low-price.-selected .sbox5-monthgrid-datenumber-icon svg path{
    fill:#fff
}
.sbox5-monthgrid-datenumber.-low-price.-end-date .sbox5-monthgrid-datenumber-number,.sbox5-monthgrid-datenumber.-low-price.-selected .sbox5-monthgrid-datenumber-number{
    background-color:#03a691;
    color:#fff
}
.sbox5-monthgrid-datenumber.-low-price.-end-date .sbox5-monthgrid-datenumber-text,.sbox5-monthgrid-datenumber.-low-price.-selected .sbox5-monthgrid-datenumber-text{
    color:#fff
}
.sbox5-monthgrid-datenumber.-low-price .sbox5-monthgrid-datenumber-number{
    color:#03a691
}
.sbox5-monthgrid-datenumber.-low-price .sbox5-monthgrid-datenumber-text{
    color:#03a691;
    font-weight:500
}
.sbox5-monthgrid-datenumber.-price .sbox5-monthgrid-datenumber-text{
    color:#888
}
.sbox5-monthgrid-datenumber.-price.-end-date .sbox5-monthgrid-datenumber-text,.sbox5-monthgrid-datenumber.-price.-selected .sbox5-monthgrid-datenumber-text{
    color:#fff
}
.sbox5-monthgrid-tooltip{
    pointer-events:none;
    display:none;
    position:absolute;
    top:-34px;
    white-space:nowrap;
    padding:8px 20px;
    justify-content:center;
    font-weight:400;
    color:#444;
    border-radius:4px;
    box-shadow:0 4px 8px 0 rgba(68,68,68,.2);
    border:1px solid #ccc;
    background-color:#fff;
    z-index:1
}
.sbox5-monthgrid-datenumber:hover .sbox5-monthgrid-tooltip{
    display:flex
}
.sbox5-monthgrid-datenumber .sbox5-monthgrid-tooltip-container{
    display:none
}
.sbox5-monthgrid-datenumber:hover .sbox5-monthgrid-tooltip-container{
    display:block
}
.sbox5-monthgrid-tooltip:after{
    content:"";
    width:0;
    height:0;
    border-left:8px solid transparent;
    border-right:8px solid transparent;
    border-top:7px solid #fff;
    position:absolute;
    bottom:-7px
}
.sbox5-monthgrid-datenumber.-start-date.-limit-day{
    background-color:none
}
@media (min-width:768px){
    .sbox5-monthgrid-datenumber.-end-date:hover .sbox5-,.sbox5-reduced-view .sbox5-monthgrid-datenumber.-start-date:hover .sbox5-monthgrid-datenumber-number{
        border-radius:99px;
        border:1px solid var(--brand-primary-3);
        cursor:pointer;
        height:24px
    }
    .sbox5-monthgrid-datenumber.-end-date:hover .sbox5-,.sbox5-monthgrid-datenumber.-start-date:hover .sbox5-monthgrid-datenumber-number{
        border-radius:4px;
        border:1px solid var(--brand-primary-3);
        height:40px
    }
}
.sbox5-3-btn{
    display:inline-block;
    box-sizing:border-box;
    outline:0;
    border:none;
    border-radius:24px;
    font-weight:500;
    text-align:center;
    text-decoration:none;
    white-space:nowrap;
    transition:background-color .3s ease-out;
    cursor:pointer;
    -webkit-user-select:none;
    user-select:none;
    vertical-align:bottom;
    overflow:hidden
}
.sbox5-3-btn:hover{
    text-decoration:none;
    transition-duration:0s
}
.sbox5-3-btn:hover.-primary{
    background-color:var(--brand-primary-4)
}
.sbox5-3-btn:hover.-secondary{
    background-color:var(--brand-secondary-4)
}
.sbox5-3-btn:hover.-link,.sbox5-3-btn:hover.-white{
    background-color:var(--brand-primary-1)
}
.sbox5-3-btn:after{
    content:"";
    display:none;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border-radius:24px;
    transform-origin:0 0
}
.sbox5-3-btn .btn-text{
    display:inline-block;
    font-family:Rubik,Arial,sans-serif;
    vertical-align:top
}
.sbox5-3-btn .btn-status{
    display:none;
    vertical-align:top
}
.sbox5-3-btn .btn-status,.sbox5-3-btn .btn-text{
    color:var(--color-white);
    font-style:normal
}
.sbox5-3-btn.-icon .btn-text,.sbox5-3-btn .btn-icon{
    color:var(--color-white)
}
.sbox5-3-btn.-primary,.sbox5-3-btn.-primary:after{
    background-color:var(--brand-primary-3)
}
.sbox5-3-btn.-secondary,.sbox5-3-btn.-secondary:after{
    background-color:var(--brand-secondary-3)
}
.sbox5-3-btn.-default{
    background-color:var(--color-neutral-300)
}
.sbox5-3-btn.-default:after{
    background-color:var(--color-neutral-600)
}
.sbox5-3-btn.-default .btn-icon,.sbox5-3-btn.-default .btn-text{
    color:var(--color-neutral-600)
}
.sbox5-3-btn.-white .btn-icon,.sbox5-3-btn.-white .btn-status,.sbox5-3-btn.-white .btn-text{
    color:var(--brand-primary-3)
}
.sbox5-3-btn.-dark,.sbox5-3-btn.-dark:after,.sbox5-3-btn.-white,.sbox5-3-btn.-white:after{
    background-color:var(--color-white)
}
.sbox5-3-btn.-disable,.sbox5-3-btn[disabled]{
    background-color:var(--color-neutral-300)!important;
    pointer-events:none
}
.sbox5-3-btn.-disable:after,.sbox5-3-btn[disabled]:after{
    content:none
}
.sbox5-3-btn.-disable .btn-icon,.sbox5-3-btn.-disable .btn-status,.sbox5-3-btn.-disable .btn-text,.sbox5-3-btn[disabled] .btn-icon,.sbox5-3-btn[disabled] .btn-status,.sbox5-3-btn[disabled] .btn-text{
    color:var(--color-neutral-700)!important
}
.sbox5-3-btn.-lg{
    height:48px;
    padding:0 20px;
    font-size:16px;
    line-height:48px
}
.sbox5-3-btn.-lg .btn-icon{
    font-size:20px
}
.sbox5-3-btn.-lg .btn-icon:first-child{
    padding-right:8px
}
.sbox5-3-btn.-lg .btn-icon:last-child{
    padding-left:8px
}
.sbox5-3-btn.-lg.-circle{
    width:48px;
    padding:0;
    border-radius:50%
}
.sbox5-3-btn.-lg.-circle .btn-icon{
    display:block;
    padding:0
}
.sbox5-3-btn.-md{
    height:36px;
    padding:0 16px;
    font-size:14px;
    line-height:36px
}
.sbox5-3-btn.-md .btn-icon{
    font-size:16px
}
.sbox5-3-btn.-md .btn-icon:first-child{
    padding-right:8px
}
.sbox5-3-btn.-md .btn-icon:last-child{
    padding-left:8px
}
.sbox5-3-btn.-md.-circle{
    width:36px;
    padding:0;
    border-radius:50%
}
.sbox5-3-btn.-md.-circle .btn-icon{
    display:block;
    padding:0
}
.sbox5-3-btn.-sm{
    height:24px;
    padding:0 10px;
    font-size:11px;
    line-height:24px
}
.sbox5-3-btn.-sm .btn-icon{
    font-size:12px
}
.sbox5-3-btn.-sm .btn-icon:first-child{
    padding-right:8px
}
.sbox5-3-btn.-sm .btn-icon:last-child{
    padding-left:8px
}
.sbox5-3-btn:active{
    box-shadow:none;
    transition-duration:0s
}
.sbox5-3-btn.-loading.-primary,.sbox5-3-btn:active.-primary{
    background-color:var(--brand-primary-4)
}
.sbox5-3-btn.-loading.-secondary,.sbox5-3-btn:active.-secondary{
    background-color:var(--brand-secondary-4)
}
.sbox5-3-btn.-loading.-white,.sbox5-3-btn:active.-white{
    background-color:var(--brand-primary-1)
}
.sbox5-3-btn.-loading.-dark,.sbox5-3-btn:active.-dark{
    background-color:var(--eva-loyalty-primary-100)
}
.sbox5-3-btn.-loading{
    position:relative;
    transform:translateZ(0);
    pointer-events:none
}
.sbox5-3-btn.-loading:after{
    display:block;
    animation:eva-button-loading 1.4s ease infinite;
    z-index:-1
}
.sbox5-3-btn.-loading.-lg .btn-text,.sbox5-3-btn.-loading .btn-icon{
    display:none
}
.sbox5-3-btn.-loading.-lg{
    line-height:46px
}
.sbox5-3-btn.-loading.-lg .btn-status{
    display:inline-block
}
.sbox5-3-btn.-loading.-md{
    line-height:34px
}
.sbox5-3-btn.-loading.-md .btn-text{
    display:none
}
.sbox5-3-btn.-loading.-md .btn-status{
    display:inline-block
}
.sbox5-3-btn.-loading.-sm{
    line-height:22px
}
.sbox5-3-btn.-loading.-sm .btn-text{
    display:none
}
.sbox5-3-btn.-loading.-sm .btn-status{
    display:inline-block
}
.sbox5-3-btn.-link{
    background-color:transparent;
    cursor:default
}
.sbox5-3-btn.-link.-icon .btn-text,.sbox5-3-btn.-link .btn-icon,.sbox5-3-btn.-link .btn-status,.sbox5-3-btn.-link .btn-text{
    color:var(--brand-primary-3);
    cursor:pointer
}
.sbox5-3-btn.-dark{
    background-color:var(--color-white)
}
.sbox5-3-btn.-dark:hover{
    background-color:var(--eva-loyalty-primary-100)
}
.sbox5-3-btn.-dark.-icon .btn-text,.sbox5-3-btn.-dark .btn-icon,.sbox5-3-btn.-dark .btn-status,.sbox5-3-btn.-dark .btn-text{
    color:var(--color-neutral-800)
}
@keyframes eva-button-loading{
    0%,to{
        transform:translateX(-100%);
        opacity:1
    }
    70%{
        transform:translateX(0);
        opacity:1
    }
    97%{
        transform:translateX(100%);
        opacity:1
    }
    98%{
        transform:translateX(100%);
        opacity:0
    }
    99%{
        transform:translateX(-100%);
        opacity:0
    }
}
.sbox5-3-btn.-lg .sbox5-btn-svg{
    width:16px
}
.sbox5-3-btn.-md .sbox5-btn-svg{
    width:13px
}
.sbox5-3-btn.-sm .sbox5-btn-svg{
    width:10px
}
.sbox5-btn-svg{
    height:100%;
    margin-right:4px
}
.sbox5-btn-svg g{
    fill:#fff
}
.sbox5-month-selector-tabs{
    display:flex;
    height:48px;
    box-shadow:0 4px 8px rgba(84,89,98,.15)
}
.sbox5-tabs-wrapper{
    flex:0 0 50%;
    justify-content:center;
    align-items:center;
    display:flex
}
.sbox5-tabs-wrapper:first-of-type{
    border-right:1px solid #ccc
}
.sbox5-tabs-buttons{
    font-weight:400;
    color:var(--brand-primary-3);
    font-size:16px;
    padding-top:20px;
    padding-bottom:14px;
    color:#666
}
.sbox5-tabs-buttons:hover{
    cursor:pointer
}
.sbox5-tabs-buttons.selected{
    font-weight:500;
    color:var(--brand-primary-3);
    border-bottom:2px solid var(--brand-primary-3)
}
@media (min-width:768px){
    .sbox5-month-selector-tabs{
        box-shadow:none
    }
}
.sbox5-3-checkbox .checkbox-label{
    position:relative;
    cursor:pointer
}
.sbox5-3-checkbox .checkbox-check{
    display:inline-block;
    box-sizing:border-box;
    width:20px;
    height:20px;
    margin-top:-1px;
    border:1px solid var(--color-neutral-600);
    border-radius:6px;
    background-color:var(--color-white);
    color:var(--color-white);
    text-align:center;
    line-height:18px;
    transition:color .2s,border-color .2s;
    vertical-align:middle;
    overflow:hidden
}
.sbox5-3-checkbox .checkbox-check:before{
    display:block;
    font-size:13px;
    transition:opacity .1s;
    opacity:0
}
.sbox5-3-checkbox .checkbox-tag{
    position:absolute;
    top:0;
    left:0;
    margin:0;
    padding:0;
    cursor:pointer;
    opacity:0
}
.sbox5-3-checkbox .checkbox-tag:checked+.checkbox-check{
    border-color:var(--brand-primary-3);
    background-color:var(--brand-primary-3);
    color:var(--color-white)
}
.sbox5-3-checkbox .checkbox-tag:disabled+.checkbox-check:before,.sbox5-3-checkbox .checkbox-tag:disabled~.checkbox-text{
    color:var(--color-neutral-300)
}
.sbox5-3-checkbox .checkbox-tag:checked+.checkbox-check:before{
    animation:eva_checkbox .1s ease-out;
    opacity:1
}
.sbox5-3-checkbox .checkbox-tag:focus+.checkbox-check{
    border-color:var(--brand-primary-4)
}
.sbox5-3-checkbox .checkbox-tag:disabled+.checkbox-check{
    border-color:var(--color-neutral-300);
    background-color:var(--color-neutral-300);
    cursor:default
}
.sbox5-3-checkbox .checkbox-tag:disabled{
    cursor:default
}
.sbox5-3-checkbox .checkbox-tag:disabled:checked+.checkbox-check:before{
    color:var(--color-neutral-600)
}
.sbox5-3-checkbox.-no-border .checkbox-check{
    border-color:var(--color-white)
}
.sbox5-3-checkbox.-invalid .checkbox-check{
    border-color:var(--color-error-900);
    background-color:var(--color-white)
}
.sbox5-3-checkbox.-md .checkbox-check{
    left:0;
    width:16px;
    height:16px;
    margin-top:-2px;
    border-radius:4px;
    line-height:13px
}
.sbox5-3-checkbox.-md .checkbox-check:before{
    font-size:10px
}
@keyframes eva_checkbox{
    0%{
        transform:scale(2)
    }
    to{
        transform:scale(1)
    }
}
.sbox5-3-label-span{
    padding-left:8px;
    color:#444;
    font-size:12px;
    line-height:18px
}
.sbox5-3-label-form.-md .sbox5-3-label-span{
    font-size:12px
}
.sbox5-checkbox-2{
    display:inline-block;
    width:20px;
    height:20px;
    border-radius:6px;
    background-color:hsla(0,0%,100%,.2);
    border:1px solid #ccc
}
.sbox5-checkbox-svg{
    width:16px;
    height:16px;
    padding:2px
}
.sbox5-checkbox-svg g{
    display:none
}
.checkbox-tag:checked .sbox5-checkbox-svg g{
    display:inline;
    fill:#4300d2
}
.sbox5-3-checkbox .checkbox-tag:checked+.sbox5-checkbox-2{
    background-color:#4300d2;
    border:1px solid #fff
}
.sbox5-3-checkbox .checkbox-tag:checked+.sbox5-checkbox-2 .sbox5-checkbox-svg g,.sbox5-3-checkbox .checkbox-tag:checked+.sbox5-checkbox-2 .sbox5-checkbox-svg path{
    fill:#fff;
    display:inline
}
.sbox5-3-label-span{
    position:relative;
    top:-5px
}
.sbox5-3-checkbox.-invalid .sbox5-checkbox-2{
    border:1px solid #fa503f
}
.sbox5-3-checkbox.-disable .sbox5-checkbox-2{
    border-color:#ccc;
    background-color:#ccc
}
.sbox5-3-checkbox.-disable .sbox5-checkbox-svg g{
    fill:#ccc
}
.sbox5-3-checkbox.-md .sbox5-checkbox-2{
    width:16px;
    height:16px
}
.sbox5-3-checkbox.-md .sbox5-3-label-span{
    top:-3px
}
.sbox5-3-checkbox.-md .sbox5-checkbox-svg{
    width:12px;
    height:12px;
    padding:2px
}
.sbox5-3-checkbox.-md .checkbox-tag:checked .sbox5-checkbox-svg g{
    fill:#4300d2
}
.sbox5-checkbox-children-wrapper{
    display:inline-block;
    margin-left:34px
}
.sbox5-month-wrapper{
    display:flex;
    flex-wrap:wrap;
    padding:10px 0;
    justify-content:flex-start;
    width:620px;
    box-sizing:border-box
}
.sbox-5-month-wrapper-mobile{
    justify-content:normal;
    width:100%;
    box-sizing:border-box
}
.sbox-5-month-wrapper-mobile .sbox5-month-button-month{
    font-size:14px
}
.sbox-5-month-wrapper-mobile .sbox5-month-button{
    flex:0 0 calc(50% - 32px)
}
.sbox-5-month-wrapper-mobile .sbox5-month-button:first-of-type{
    flex:0 0 calc(100% - 32px)
}
.sbox-5-month-wrapper-mobile .sbox5-month-button:first-of-type .checkbox-label{
    padding-top:22px
}
.sbox5-month-button{
    border-radius:8px;
    flex:0 0 172px;
    box-sizing:border-box;
    box-shadow:0 4px 8px 1px rgba(84,89,98,.15);
    margin:10px 16px;
    transition:box-shadow .2s ease-out;
    height:60px
}
.sbox5-month-button:hover{
    box-shadow:0 10px 18px rgba(84,89,98,.15)
}
.sbox5-month-button .sbox5-3-checkbox{
    display:block
}
.sbox5-month-button .checkbox-label{
    display:block;
    padding:12px 16px
}
.sbox5-month-button .checkbox-label .sbox5-checkbox-2{
    position:absolute;
    top:18px
}
.sbox5-month-button-label .checkbox-label .sbox5-checkbox-2{
    top:18px
}
.sbox5-month-button-year{
    font-size:12px;
    display:block;
    color:#888;
    padding-top:6px
}
.sbox5-month-button-month{
    font-size:16px;
    font-weight:500
}
.footer-datepicker-bold-message{
    font-weight:500
}
.sbox5-floating-tooltip{
    pointer-events:none;
    opacity:0;
    position:absolute;
    left:0;
    top:0;
    background-color:#fff;
    border:1px solid #ccc;
    border-radius:8px;
    box-shadow:0 4px 8px rgba(68,68,68,.2);
    transition:opacity .1s ease-out;
    z-index:1000
}
.sbox5-floating-tooltip-opened{
    opacity:1;
    transition:transform .2s linear,opacity .1s ease-out .2s;
    pointer-events:all
}
.sbox5-floating-tooltip-svg-marker{
    display:block;
    position:absolute;
    width:20px;
    height:20px;
    top:-11px;
    left:12px
}
.sbox5-svg-marker-bottom{
    top:unset;
    bottom:-11px;
    transform:rotate(180deg)
}
.sbox5-floating-footer-bold{
    font-weight:500
}
.sbox5-floating-footer-prices-restriction{
    display:flex;
    align-items:center
}
.sbox5-floating-footer-icon-prices{
    padding-right:5px
}
.sbox5-floating-footer-icon-prices svg{
    width:10px;
    height:10px
}
.sbox5-floating-footer-icon-prices svg>g>g>g{
    fill:#03a691
}
.sbox5-floating-footer-text-prices{
    font-size:12px;
    color:#03a691
}
.-tooltip-component.sbox5-3-tooltip{
    position:absolute;
    display:inline-block;
    width:310px;
    bottom:12%;
    right:.5%;
    box-shadow:0 4px 8px 0 rgba(68,68,68,.2);
    border:1px solid #ccc;
    background-color:#270570;
    border-radius:10px;
    visibility:hidden;
    opacity:0;
    transition:all .2s ease-in
}
.-tooltip-component.sbox5-3-tooltip.sbox5-3-tooltip-shown{
    visibility:visible;
    opacity:1;
    transition:all .3s ease-in
}
.-tooltip-component.sbox5-3-tooltip:after{
    content:" ";
    position:absolute;
    top:100%;
    left:3%;
    margin-left:20px;
    border:10px solid transparent;
    border-top-color:#270570
}
.sbox5-3-tooltip__container{
    margin:18px 20px 20px 18px;
    display:flex
}
.sbox5-3-tooltip__content{
    margin-left:16px
}
.sbox5-3-tooltip__title{
    font-size:1rem;
    color:#fff;
    font-weight:500;
    line-height:1.43;
    letter-spacing:.1px
}
.sbox5-3-tooltip__text{
    color:#fff;
    font-size:14px;
    margin-top:4px;
    line-height:1.43;
    letter-spacing:.05px
}
.sbox5-3-tooltip__icon-container{
    display:flex;
    justify-content:center;
    align-items:center;
    pointer-events:none
}
.sbox5-3-tooltip__icon{
    filter:brightness(0) invert(1);
    width:50px;
    object-fit:contain;
    cursor:pointer
}

.ui-icon-circle-triangle-w {
    background-image: url(images/arrow-left.svg) !important ;
}

.ui-icon-circle-triangle-e {
    background-image: url(images/arrow-right.svg) !important ;
}

.ui-icon {
    width: 16px;
    height: 16px;
}