#hr-widget-list div, #hr-widget-list span, #hr-widget-list applet, #hr-widget-list object, #hr-widget-list iframe, #hr-widget-list h1, #hr-widget-list h2, #hr-widget-list h3, #hr-widget-list h4, #hr-widget-list h5, #hr-widget-list h6, #hr-widget-list p, #hr-widget-list blockquote, #hr-widget-list pre, #hr-widget-list a, #hr-widget-list abbr, #hr-widget-list acronym, #hr-widget-list address, #hr-widget-list big, #hr-widget-list cite, #hr-widget-list code, #hr-widget-list del, #hr-widget-list dfn, #hr-widget-list em, #hr-widget-list img, #hr-widget-list ins, #hr-widget-list kbd, #hr-widget-list q, #hr-widget-list s, #hr-widget-list samp, #hr-widget-list small, #hr-widget-list strike, #hr-widget-list strong, #hr-widget-list sub, #hr-widget-list sup, #hr-widget-list tt, #hr-widget-list var, #hr-widget-list b, #hr-widget-list u, #hr-widget-list i, #hr-widget-list center, #hr-widget-list dl, #hr-widget-list dt, #hr-widget-list dd, #hr-widget-list ol, #hr-widget-list ul, #hr-widget-list li, #hr-widget-list fieldset, #hr-widget-list form, #hr-widget-list label, #hr-widget-list legend, #hr-widget-list table, #hr-widget-list caption, #hr-widget-list tbody, #hr-widget-list tfoot, #hr-widget-list thead, #hr-widget-list tr, #hr-widget-list th, #hr-widget-list td, #hr-widget-list article, #hr-widget-list aside, #hr-widget-list canvas, #hr-widget-list details, #hr-widget-list embed, #hr-widget-list figure, #hr-widget-list figcaption, #hr-widget-list footer, #hr-widget-list header, #hr-widget-list hgroup, #hr-widget-list menu, #hr-widget-list nav, #hr-widget-list output, #hr-widget-list ruby, #hr-widget-list section, #hr-widget-list summary, #hr-widget-list time, #hr-widget-list mark, #hr-widget-list audio, #hr-widget-list video, #hr-modal div, #hr-modal span, #hr-modal applet, #hr-modal object, #hr-modal iframe, #hr-modal h1, #hr-modal h2, #hr-modal h3, #hr-modal h4, #hr-modal h5, #hr-modal h6, #hr-modal p, #hr-modal blockquote, #hr-modal pre, #hr-modal a, #hr-modal abbr, #hr-modal acronym, #hr-modal address, #hr-modal big, #hr-modal cite, #hr-modal code, #hr-modal del, #hr-modal dfn, #hr-modal em, #hr-modal img, #hr-modal ins, #hr-modal kbd, #hr-modal q, #hr-modal s, #hr-modal samp, #hr-modal small, #hr-modal strike, #hr-modal strong, #hr-modal sub, #hr-modal sup, #hr-modal tt, #hr-modal var, #hr-modal b, #hr-modal u, #hr-modal i, #hr-modal center, #hr-modal dl, #hr-modal dt, #hr-modal dd, #hr-modal ol, #hr-modal ul, #hr-modal li, #hr-modal fieldset, #hr-modal form, #hr-modal label, #hr-modal legend, #hr-modal table, #hr-modal caption, #hr-modal tbody, #hr-modal tfoot, #hr-modal thead, #hr-modal tr, #hr-modal th, #hr-modal td, #hr-modal article, #hr-modal aside, #hr-modal canvas, #hr-modal details, #hr-modal embed, #hr-modal figure, #hr-modal figcaption, #hr-modal footer, #hr-modal header, #hr-modal hgroup, #hr-modal menu, #hr-modal nav, #hr-modal output, #hr-modal ruby, #hr-modal section, #hr-modal summary, #hr-modal time, #hr-modal mark, #hr-modal audio, #hr-modal video {
    margin: 0;
    padding: 0;
    border: 0
}

#app ol, #app ul, #hr-widget-list ol, #hr-widget-list ul, #hr-modal ol, #hr-modal ul {
    list-style: none
}

@keyframes up {
    0% {
        transform: translateY(15%) scale(.98);
        opacity: 0
    }
    to {
        transform: translateY(0) scale(1);
        opacity: 1
    }
}

#app, #hr-widget, #hr-modal {
    font-family: Inter, Roboto, Arial, sans-serif;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important
}

#app *, #hr-widget-list *, #hr-modal * {
    box-sizing: border-box
}

#app a, #hr-widget-list a, #hr-modal a {
    color: var(--custom-main)
}

#app a:hover, #hr-widget-list a:hover, #hr-modal a:hover {
    color: var(--custom-main-dark)
}

#app button, #app a, #hr-widget-list button, #hr-widget-list a, #hr-modal button, #hr-modal a {
    background-image: none;
    text-transform: initial;
    letter-spacing: initial
}

#app .vel-modal .btn__close, #hr-widget-list .vel-modal .btn__close, #hr-modal .vel-modal .btn__close {
    display: none
}

#app .vel-toolbar .toolbar-btn, #hr-widget-list .vel-toolbar .toolbar-btn, #hr-modal .vel-toolbar .toolbar-btn {
    padding: 6px 10px
}

#app .pointer-events-none, #hr-widget-list .pointer-events-none, #hr-modal .pointer-events-none {
    pointer-events: none
}

#app .observer-element, #hr-widget-list .observer-element, #hr-modal .observer-element {
    display: block;
    margin: 0;
    padding: 0;
    line-height: 0;
    width: 0;
    height: 0
}

#app, #hr-widget-list {
    height: fit-content;
    display: flex
}

body:has(#app), html:has(#app) {
    font-family: Inter, Roboto, Arial, sans-serif;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0
}

body .vanilla-calendar, #app .vanilla-calendar, #hr-widget-list .vanilla-calendar, #hr-modal .vanilla-calendar {
    position: relative;
    z-index: 9002;
    box-sizing: border-box;
    display: grid;
    width: 100%;
    min-width: 272px;
    max-width: 100%;
    border-radius: 12px;
    padding: 24px;
    background-color: #fff;
    opacity: 1;
    transition: opacity .1s ease-out;
    width: max-content;
    border: 1px solid #eeeeee;
    box-shadow: 0 10px 40px -10px #00000040;
    left: 50% !important;
    transform: translate(-50%)
}

@media (max-width: 1023px) {
    body .vanilla-calendar, #app .vanilla-calendar, #hr-widget-list .vanilla-calendar, #hr-modal .vanilla-calendar {
        width: 100%;
        padding: 0;
        border-radius: 12px 12px 0 0;
        position: fixed;
        top: 0 !important;
        bottom: 0;
        overscroll-behavior: contain
    }
}

body .vanilla-calendar.vanilla-calendar_to-input, #app .vanilla-calendar.vanilla-calendar_to-input, #hr-widget-list .vanilla-calendar.vanilla-calendar_to-input, #hr-modal .vanilla-calendar.vanilla-calendar_to-input {
    top: 0
}

@media (max-width: 1023px) {
    body .vanilla-calendar.vanilla-calendar_to-input, #app .vanilla-calendar.vanilla-calendar_to-input, #hr-widget-list .vanilla-calendar.vanilla-calendar_to-input, #hr-modal .vanilla-calendar.vanilla-calendar_to-input {
        position: fixed
    }
}

body .vanilla-calendar.vanilla-calendar_to-input_bottom, #app .vanilla-calendar.vanilla-calendar_to-input_bottom, #hr-widget-list .vanilla-calendar.vanilla-calendar_to-input_bottom, #hr-modal .vanilla-calendar.vanilla-calendar_to-input_bottom {
    margin-top: 6px
}

@media (max-width: 1023px) {
    body .vanilla-calendar.vanilla-calendar_to-input_bottom, #app .vanilla-calendar.vanilla-calendar_to-input_bottom, #hr-widget-list .vanilla-calendar.vanilla-calendar_to-input_bottom, #hr-modal .vanilla-calendar.vanilla-calendar_to-input_bottom {
        margin-top: 48px;
        height: calc(100% - 48px);
        overflow-y: scroll;
        overflow-x: hidden
    }
}

body .vanilla-calendar_multiple, #app .vanilla-calendar_multiple, #hr-widget-list .vanilla-calendar_multiple, #hr-modal .vanilla-calendar_multiple {
    width: 916px
}

@media (max-width: 1023px) {
    body .vanilla-calendar_multiple, #app .vanilla-calendar_multiple, #hr-widget-list .vanilla-calendar_multiple, #hr-modal .vanilla-calendar_multiple {
        width: 100%
    }
}

body .vanilla-calendar_multiple .vanilla-calendar-days, #app .vanilla-calendar_multiple .vanilla-calendar-days, #hr-widget-list .vanilla-calendar_multiple .vanilla-calendar-days, #hr-modal .vanilla-calendar_multiple .vanilla-calendar-days {
    flex-grow: 0
}

body .vanilla-calendar_hidden, #app .vanilla-calendar_hidden, #hr-widget-list .vanilla-calendar_hidden, #hr-modal .vanilla-calendar_hidden {
    pointer-events: none;
    opacity: 0;
    display: none
}

body .vanilla-calendar_hidden *, #app .vanilla-calendar_hidden *, #hr-widget-list .vanilla-calendar_hidden *, #hr-modal .vanilla-calendar_hidden * {
    pointer-events: none !important
}

@media (max-width: 1023px) {
    body .vanilla-calendar.child-select-open .vanilla-calendar-header, body .vanilla-calendar.child-select-open .vanilla-calendar-wrapper, body .vanilla-calendar.child-select-open .vanilla-calendar-footer, #app .vanilla-calendar.child-select-open .vanilla-calendar-header, #app .vanilla-calendar.child-select-open .vanilla-calendar-wrapper, #app .vanilla-calendar.child-select-open .vanilla-calendar-footer, #hr-widget-list .vanilla-calendar.child-select-open .vanilla-calendar-header, #hr-widget-list .vanilla-calendar.child-select-open .vanilla-calendar-wrapper, #hr-widget-list .vanilla-calendar.child-select-open .vanilla-calendar-footer, #hr-modal .vanilla-calendar.child-select-open .vanilla-calendar-header, #hr-modal .vanilla-calendar.child-select-open .vanilla-calendar-wrapper, #hr-modal .vanilla-calendar.child-select-open .vanilla-calendar-footer {
        display: none
    }

    body .vanilla-calendar.child-select-open .vanilla-calendar-info, #app .vanilla-calendar.child-select-open .vanilla-calendar-info, #hr-widget-list .vanilla-calendar.child-select-open .vanilla-calendar-info, #hr-modal .vanilla-calendar.child-select-open .vanilla-calendar-info {
        order: -1
    }

    body .vanilla-calendar.child-select-open #mobileChildSelect, #app .vanilla-calendar.child-select-open #mobileChildSelect, #hr-widget-list .vanilla-calendar.child-select-open #mobileChildSelect, #hr-modal .vanilla-calendar.child-select-open #mobileChildSelect {
        order: -1;
        flex-grow: 1
    }
}

body .vanilla-calendar button:focus-visible, #app .vanilla-calendar button:focus-visible, #hr-widget-list .vanilla-calendar button:focus-visible, #hr-modal .vanilla-calendar button:focus-visible {
    border: 0;
    outline: 0
}

body .vanilla-calendar_to-input, #app .vanilla-calendar_to-input, #hr-widget-list .vanilla-calendar_to-input, #hr-modal .vanilla-calendar_to-input {
    position: absolute
}

body .vanilla-calendar_to-input_bottom, #app .vanilla-calendar_to-input_bottom, #hr-widget-list .vanilla-calendar_to-input_bottom, #hr-modal .vanilla-calendar_to-input_bottom, body .vanilla-calendar_to-input_top, #app .vanilla-calendar_to-input_top, #hr-widget-list .vanilla-calendar_to-input_top, #hr-modal .vanilla-calendar_to-input_top {
    margin-top: 0
}

body .vanilla-calendar-controls, #app .vanilla-calendar-controls, #hr-widget-list .vanilla-calendar-controls, #hr-modal .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: 24px 24px 0
}

body .vanilla-calendar-arrow, #app .vanilla-calendar-arrow, #hr-widget-list .vanilla-calendar-arrow, #hr-modal .vanilla-calendar-arrow {
    pointer-events: auto;
    position: relative;
    display: block;
    height: 40px;
    width: 40px;
    cursor: pointer;
    border: 0;
    background: none;
    border-radius: 8px;
    overflow: hidden
}

body .vanilla-calendar-arrow:before, #app .vanilla-calendar-arrow:before, #hr-widget-list .vanilla-calendar-arrow:before, #hr-modal .vanilla-calendar-arrow:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    transition: background .1s ease-out;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCA1MCA1MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI3LjUgMjBMMjIuNSAyNUwyNy41IDMwIiBzdHJva2U9IiM0MjQyNDIiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)
}

body .vanilla-calendar-arrow_next:before, #app .vanilla-calendar-arrow_next:before, #hr-widget-list .vanilla-calendar-arrow_next:before, #hr-modal .vanilla-calendar-arrow_next:before {
    transform: rotate(-180deg)
}

body .vanilla-calendar-arrow:hover, #app .vanilla-calendar-arrow:hover, #hr-widget-list .vanilla-calendar-arrow:hover, #hr-modal .vanilla-calendar-arrow:hover {
    text-decoration: none;
    outline: 0
}

@media (hover: hover) and (pointer: fine) {
    body .vanilla-calendar-arrow:hover:before, #app .vanilla-calendar-arrow:hover:before, #hr-widget-list .vanilla-calendar-arrow:hover:before, #hr-modal .vanilla-calendar-arrow:hover:before {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCA1MCA1MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjUwIiBoZWlnaHQ9IjUwIiByeD0iOCIgZmlsbD0iI0UzRjJGRCIvPgo8cGF0aCBkPSJNMjcuNSAyMEwyMi41IDI1TDI3LjUgMzAiIHN0cm9rZT0iIzQyNDI0MiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K)
    }
}

body .vanilla-calendar-arrow:active:before, #app .vanilla-calendar-arrow:active:before, #hr-widget-list .vanilla-calendar-arrow:active:before, #hr-modal .vanilla-calendar-arrow:active:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCA1MCA1MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjUwIiBoZWlnaHQ9IjUwIiByeD0iOCIgZmlsbD0iI0UzRjJGRCIvPgo8cGF0aCBkPSJNMjcuNSAyMEwyMi41IDI1TDI3LjUgMzAiIHN0cm9rZT0iIzQyNDI0MiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K)
}

body .vanilla-calendar-grid, #app .vanilla-calendar-grid, #hr-widget-list .vanilla-calendar-grid, #hr-modal .vanilla-calendar-grid {
    display: grid;
    grid-template-columns:1fr 1fr;
    gap: 28px
}

@media (max-width: 1023px) {
    body .vanilla-calendar-grid, #app .vanilla-calendar-grid, #hr-widget-list .vanilla-calendar-grid, #hr-modal .vanilla-calendar-grid {
        grid-template-columns:1fr
    }
}

body .vanilla-calendar-column, #app .vanilla-calendar-column, #hr-widget-list .vanilla-calendar-column, #hr-modal .vanilla-calendar-column {
    display: flex;
    min-width: min-content;
    flex-direction: column
}

body .vanilla-calendar-header, #app .vanilla-calendar-header, #hr-widget-list .vanilla-calendar-header, #hr-modal .vanilla-calendar-header {
    position: relative;
    display: flex;
    align-items: center;
    height: 40px
}

body .vanilla-calendar-header__content, #app .vanilla-calendar-header__content, #hr-widget-list .vanilla-calendar-header__content, #hr-modal .vanilla-calendar-header__content {
    display: flex;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    white-space: pre-wrap
}

body .vanilla-calendar-month, body .vanilla-calendar-year, #app .vanilla-calendar-month, #app .vanilla-calendar-year, #hr-widget-list .vanilla-calendar-month, #hr-widget-list .vanilla-calendar-year, #hr-modal .vanilla-calendar-month, #hr-modal .vanilla-calendar-year {
    cursor: pointer;
    border-radius: 0;
    border-width: 0;
    background-color: transparent;
    padding: 0 6px;
    text-transform: initial;
    background-image: none;
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 22px !important;
    text-align: left !important;
    color: var(--custom-text)
}

body .vanilla-calendar-month.vanilla-calendar-month_disabled, body .vanilla-calendar-year.vanilla-calendar-year_disabled, #app .vanilla-calendar-month.vanilla-calendar-month_disabled, #app .vanilla-calendar-year.vanilla-calendar-year_disabled, #hr-widget-list .vanilla-calendar-month.vanilla-calendar-month_disabled, #hr-widget-list .vanilla-calendar-year.vanilla-calendar-year_disabled, #hr-modal .vanilla-calendar-month.vanilla-calendar-month_disabled, #hr-modal .vanilla-calendar-year.vanilla-calendar-year_disabled {
    pointer-events: none
}

body .vanilla-calendar-wrapper, #app .vanilla-calendar-wrapper, #hr-widget-list .vanilla-calendar-wrapper, #hr-modal .vanilla-calendar-wrapper {
    display: flex;
    flex-grow: 1
}

@media (max-width: 1023px) {
    body .vanilla-calendar-wrapper, #app .vanilla-calendar-wrapper, #hr-widget-list .vanilla-calendar-wrapper, #hr-modal .vanilla-calendar-wrapper {
        flex-grow: initial
    }
}

body .vanilla-calendar-content, #app .vanilla-calendar-content, #hr-widget-list .vanilla-calendar-content, #hr-modal .vanilla-calendar-content {
    display: flex;
    flex-grow: 1;
    flex-direction: column
}

body .vanilla-calendar-week, #app .vanilla-calendar-week, #hr-widget-list .vanilla-calendar-week, #hr-modal .vanilla-calendar-week {
    display: grid;
    grid-template-columns:repeat(7, 1fr);
    justify-items: center
}

body .vanilla-calendar-week__day, #app .vanilla-calendar-week__day, #hr-widget-list .vanilla-calendar-week__day, #hr-modal .vanilla-calendar-week__day {
    box-sizing: border-box;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border: .5px solid transparent;
    color: #9e9e9e;
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important
}

@media (max-width: 1023px) {
    body .vanilla-calendar-week__day, #app .vanilla-calendar-week__day, #hr-widget-list .vanilla-calendar-week__day, #hr-modal .vanilla-calendar-week__day {
        width: 100%;
        max-height: 51px;
        height: 51px
    }
}

body .vanilla-calendar-week__day_weekend, #app .vanilla-calendar-week__day_weekend, #hr-widget-list .vanilla-calendar-week__day_weekend, #hr-modal .vanilla-calendar-week__day_weekend {
    color: var(--custom-text)
}

body .vanilla-calendar-days, #app .vanilla-calendar-days, #hr-widget-list .vanilla-calendar-days, #hr-modal .vanilla-calendar-days {
    display: grid;
    flex-grow: 1;
    grid-template-columns:repeat(7, 1fr);
    align-items: center;
    justify-items: center
}

@media (max-width: 1023px) {
    body .vanilla-calendar-days, #app .vanilla-calendar-days, #hr-widget-list .vanilla-calendar-days, #hr-modal .vanilla-calendar-days {
        flex-grow: initial
    }
}

body .vanilla-calendar-days_selecting .vanilla-calendar-day__btn, #app .vanilla-calendar-days_selecting .vanilla-calendar-day__btn, #hr-widget-list .vanilla-calendar-days_selecting .vanilla-calendar-day__btn, #hr-modal .vanilla-calendar-days_selecting .vanilla-calendar-day__btn {
    cursor: pointer;
    transition: .1s ease-out
}

body .vanilla-calendar-days_selecting .vanilla-calendar-day__btn_disabled, #app .vanilla-calendar-days_selecting .vanilla-calendar-day__btn_disabled, #hr-widget-list .vanilla-calendar-days_selecting .vanilla-calendar-day__btn_disabled, #hr-modal .vanilla-calendar-days_selecting .vanilla-calendar-day__btn_disabled {
    cursor: default
}

body .vanilla-calendar-day, #app .vanilla-calendar-day, #hr-widget-list .vanilla-calendar-day, #hr-modal .vanilla-calendar-day {
    position: relative;
    display: grid;
    box-sizing: border-box;
    align-content: flex-end;
    justify-content: center;
    transition: .1s ease-out;
    border-radius: 0;
    width: 60px;
    height: 60px
}

@media (max-width: 1023px) {
    body .vanilla-calendar-day, #app .vanilla-calendar-day, #hr-widget-list .vanilla-calendar-day, #hr-modal .vanilla-calendar-day {
        width: 100%;
        max-height: 51px;
        height: 51px
    }
}

body .vanilla-calendar-day__btn, #app .vanilla-calendar-day__btn, #hr-widget-list .vanilla-calendar-day__btn, #hr-modal .vanilla-calendar-day__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: default;
    margin: 0;
    padding: 0;
    border: .5px solid #f6f6f6;
    border-radius: 0;
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: transparent;
    color: #000
}

body .vanilla-calendar-day__btn:hover, #app .vanilla-calendar-day__btn:hover, #hr-widget-list .vanilla-calendar-day__btn:hover, #hr-modal .vanilla-calendar-day__btn:hover {
    text-decoration: none;
    outline: 0
}

@media (hover: hover) and (pointer: fine) {
    body .vanilla-calendar-day__btn:hover, #app .vanilla-calendar-day__btn:hover, #hr-widget-list .vanilla-calendar-day__btn:hover, #hr-modal .vanilla-calendar-day__btn:hover {
        background: var(--custom-main-light);
        border-color: var(--custom-main-light)
    }
}

body .vanilla-calendar-day__btn:active, #app .vanilla-calendar-day__btn:active, #hr-widget-list .vanilla-calendar-day__btn:active, #hr-modal .vanilla-calendar-day__btn:active {
    background: var(--custom-main-light);
    border-color: var(--custom-main-light)
}

body .vanilla-calendar-day__btn:not(:last-child), #app .vanilla-calendar-day__btn:not(:last-child), #hr-widget-list .vanilla-calendar-day__btn:not(:last-child), #hr-modal .vanilla-calendar-day__btn:not(:last-child) {
    padding-bottom: 25px
}

@media (max-width: 1023px) {
    body .vanilla-calendar-day__btn:not(:last-child), #app .vanilla-calendar-day__btn:not(:last-child), #hr-widget-list .vanilla-calendar-day__btn:not(:last-child), #hr-modal .vanilla-calendar-day__btn:not(:last-child) {
        padding-bottom: 20px
    }
}

body .vanilla-calendar-day__btn_today, #app .vanilla-calendar-day__btn_today, #hr-widget-list .vanilla-calendar-day__btn_today, #hr-modal .vanilla-calendar-day__btn_today {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 20px !important;
    text-align: center !important
}

body .vanilla-calendar-day__btn_disabled, #app .vanilla-calendar-day__btn_disabled, #hr-widget-list .vanilla-calendar-day__btn_disabled, #hr-modal .vanilla-calendar-day__btn_disabled {
    pointer-events: none;
    color: #bdbdbd;
    border-color: transparent;
    background-color: #fbfbfb;
    border: .5px solid #f6f6f6
}

body .vanilla-calendar-day__btn_disabled + div .vanilla-calendar-text, #app .vanilla-calendar-day__btn_disabled + div .vanilla-calendar-text, #hr-widget-list .vanilla-calendar-day__btn_disabled + div .vanilla-calendar-text, #hr-modal .vanilla-calendar-day__btn_disabled + div .vanilla-calendar-text {
    color: #bdbdbd;
    z-index: 1
}

body .vanilla-calendar-day__btn_disabled:hover, #app .vanilla-calendar-day__btn_disabled:hover, #hr-widget-list .vanilla-calendar-day__btn_disabled:hover, #hr-modal .vanilla-calendar-day__btn_disabled:hover {
    text-decoration: none;
    outline: 0
}

@media (hover: hover) and (pointer: fine) {
    body .vanilla-calendar-day__btn_disabled:hover, #app .vanilla-calendar-day__btn_disabled:hover, #hr-widget-list .vanilla-calendar-day__btn_disabled:hover, #hr-modal .vanilla-calendar-day__btn_disabled:hover {
        background: none;
        border-color: #bdbdbd
    }
}

body .vanilla-calendar-day__btn_disabled:active, #app .vanilla-calendar-day__btn_disabled:active, #hr-widget-list .vanilla-calendar-day__btn_disabled:active, #hr-modal .vanilla-calendar-day__btn_disabled:active {
    background: none;
    border-color: #bdbdbd
}

body .vanilla-calendar-day__btn_selected, #app .vanilla-calendar-day__btn_selected, #hr-widget-list .vanilla-calendar-day__btn_selected, #hr-modal .vanilla-calendar-day__btn_selected {
    background-color: var(--custom-main);
    border-color: var(--custom-main);
    color: #fff
}

body .vanilla-calendar-day__btn_selected:hover, #app .vanilla-calendar-day__btn_selected:hover, #hr-widget-list .vanilla-calendar-day__btn_selected:hover, #hr-modal .vanilla-calendar-day__btn_selected:hover {
    text-decoration: none;
    outline: 0
}

@media (hover: hover) and (pointer: fine) {
    body .vanilla-calendar-day__btn_selected:hover, #app .vanilla-calendar-day__btn_selected:hover, #hr-widget-list .vanilla-calendar-day__btn_selected:hover, #hr-modal .vanilla-calendar-day__btn_selected:hover {
        background: var(--custom-main);
        border-color: var(--custom-main);
        color: #fff !important
    }
}

body .vanilla-calendar-day__btn_selected:active, #app .vanilla-calendar-day__btn_selected:active, #hr-widget-list .vanilla-calendar-day__btn_selected:active, #hr-modal .vanilla-calendar-day__btn_selected:active {
    background: var(--custom-main);
    border-color: var(--custom-main);
    color: #fff !important
}

body .vanilla-calendar-day__btn_selected + div .vanilla-calendar-text, #app .vanilla-calendar-day__btn_selected + div .vanilla-calendar-text, #hr-widget-list .vanilla-calendar-day__btn_selected + div .vanilla-calendar-text, #hr-modal .vanilla-calendar-day__btn_selected + div .vanilla-calendar-text {
    color: #fff
}

body .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn, #app .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn, #hr-widget-list .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn, #hr-modal .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn {
    background-color: var(--custom-main-light);
    border-color: var(--custom-main-light);
    color: var(--custom-text)
}

body .vanilla-calendar-day_selected-intermediate > div .vanilla-calendar-text, #app .vanilla-calendar-day_selected-intermediate > div .vanilla-calendar-text, #hr-widget-list .vanilla-calendar-day_selected-intermediate > div .vanilla-calendar-text, #hr-modal .vanilla-calendar-day_selected-intermediate > div .vanilla-calendar-text {
    color: var(--custom-text)
}

body .vanilla-calendar-day__popup, #app .vanilla-calendar-day__popup, #hr-widget-list .vanilla-calendar-day__popup, #hr-modal .vanilla-calendar-day__popup {
    pointer-events: none;
    display: inline-flex;
    width: fit-content;
    z-index: 1;
    margin-bottom: 10px
}

@media (max-width: 1023px) {
    body .vanilla-calendar-day__popup, #app .vanilla-calendar-day__popup, #hr-widget-list .vanilla-calendar-day__popup, #hr-modal .vanilla-calendar-day__popup {
        margin-bottom: 5px
    }
}

body .vanilla-calendar-text, #app .vanilla-calendar-text, #hr-widget-list .vanilla-calendar-text, #hr-modal .vanilla-calendar-text {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    line-height: 16px !important;
    text-align: left !important;
    color: #5f5f5f;
    max-width: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 1023px) {
    body .vanilla-calendar-text, #app .vanilla-calendar-text, #hr-widget-list .vanilla-calendar-text, #hr-modal .vanilla-calendar-text {
        max-width: 40px
    }
}

body .vanilla-calendar-text_active, #app .vanilla-calendar-text_active, #hr-widget-list .vanilla-calendar-text_active, #hr-modal .vanilla-calendar-text_active {
    color: #43a047
}

body .vanilla-calendar-text_loading, #app .vanilla-calendar-text_loading, #hr-widget-list .vanilla-calendar-text_loading, #hr-modal .vanilla-calendar-text_loading {
    border-radius: 4px;
    background: #eee;
    width: 50px;
    height: 16px;
    position: relative;
    overflow: hidden
}

@media (max-width: 1023px) {
    body .vanilla-calendar-text_loading, #app .vanilla-calendar-text_loading, #hr-widget-list .vanilla-calendar-text_loading, #hr-modal .vanilla-calendar-text_loading {
        max-width: 40px
    }
}

body .vanilla-calendar-text_loading:before, #app .vanilla-calendar-text_loading:before, #hr-widget-list .vanilla-calendar-text_loading:before, #hr-modal .vanilla-calendar-text_loading:before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #fff3, #eeeeee80, #fff3);
    animation: loading 1.5s infinite
}

@keyframes loading {
    0% {
        transform: translate(-100%)
    }
    to {
        transform: translate(100%)
    }
}

body .vanilla-calendar-footer, #app .vanilla-calendar-footer, #hr-widget-list .vanilla-calendar-footer, #hr-modal .vanilla-calendar-footer {
    box-sizing: border-box;
    padding-top: 24px
}

@media (max-width: 1023px) {
    body .vanilla-calendar-footer, #app .vanilla-calendar-footer, #hr-widget-list .vanilla-calendar-footer, #hr-modal .vanilla-calendar-footer {
        padding-top: 16px;
        flex-grow: 1
    }
}

body .vanilla-calendar-footer__container, #app .vanilla-calendar-footer__container, #hr-widget-list .vanilla-calendar-footer__container, #hr-modal .vanilla-calendar-footer__container {
    display: flex;
    align-items: baseline
}

@media (min-width: 1024px) {
    body .vanilla-calendar-footer_line, #app .vanilla-calendar-footer_line, #hr-widget-list .vanilla-calendar-footer_line, #hr-modal .vanilla-calendar-footer_line {
        border-top: 1px solid #eeeeee;
        width: calc(100% + 48px);
        left: -24px;
        position: relative;
        margin-top: 24px
    }
}

body .vanilla-calendar-footer__title, #app .vanilla-calendar-footer__title, #hr-widget-list .vanilla-calendar-footer__title, #hr-modal .vanilla-calendar-footer__title {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 22px !important;
    text-align: left !important;
    color: var(--custom-text);
    margin-bottom: 8px
}

body .vanilla-calendar-footer__title.error, #app .vanilla-calendar-footer__title.error, #hr-widget-list .vanilla-calendar-footer__title.error, #hr-modal .vanilla-calendar-footer__title.error {
    color: #f44336
}

@media (max-width: 1023px) {
    body .vanilla-calendar-footer__title, #app .vanilla-calendar-footer__title, #hr-widget-list .vanilla-calendar-footer__title, #hr-modal .vanilla-calendar-footer__title {
        font-family: Inter, Roboto, Arial, sans-serif !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        line-height: 20px !important;
        text-align: left !important
    }
}

body .vanilla-calendar-footer__notice, #app .vanilla-calendar-footer__notice, #hr-widget-list .vanilla-calendar-footer__notice, #hr-modal .vanilla-calendar-footer__notice {
    display: flex;
    align-items: flex-start;
    margin-bottom: 24px
}

body .vanilla-calendar-footer__notice span, #app .vanilla-calendar-footer__notice span, #hr-widget-list .vanilla-calendar-footer__notice span, #hr-modal .vanilla-calendar-footer__notice span {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: #9e9e9e
}

body .vanilla-calendar-footer__notice svg, #app .vanilla-calendar-footer__notice svg, #hr-widget-list .vanilla-calendar-footer__notice svg, #hr-modal .vanilla-calendar-footer__notice svg {
    margin-right: 4px;
    width: 20px;
    height: 20px;
    min-width: 20px
}

body .vanilla-calendar-container, #app .vanilla-calendar-container, #hr-widget-list .vanilla-calendar-container, #hr-modal .vanilla-calendar-container {
    box-sizing: border-box
}

@media (max-width: 1023px) {
    body .vanilla-calendar-container, #app .vanilla-calendar-container, #hr-widget-list .vanilla-calendar-container, #hr-modal .vanilla-calendar-container {
        max-width: 430px;
        width: 100%;
        padding: 16px;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        overflow: hidden auto;
        overscroll-behavior: contain
    }
}

body .vanilla-calendar-info, #app .vanilla-calendar-info, #hr-widget-list .vanilla-calendar-info, #hr-modal .vanilla-calendar-info {
    display: flex;
    justify-content: space-between;
    padding-bottom: 16px
}

body .vanilla-calendar-info__title, #app .vanilla-calendar-info__title, #hr-widget-list .vanilla-calendar-info__title, #hr-modal .vanilla-calendar-info__title {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 22px !important;
    text-align: left !important;
    color: var(--custom-text)
}

body .vanilla-calendar-info__clear, #app .vanilla-calendar-info__clear, #hr-widget-list .vanilla-calendar-info__clear, #hr-modal .vanilla-calendar-info__clear {
    display: none;
    cursor: pointer;
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: var(--custom-main);
    margin: 0;
    border: 0;
    outline: 0;
    background: none
}

body .vanilla-calendar-info__clear.active, #app .vanilla-calendar-info__clear.active, #hr-widget-list .vanilla-calendar-info__clear.active, #hr-modal .vanilla-calendar-info__clear.active {
    display: block
}

body #app .swiper-pagination, body #hr-widget-list .swiper-pagination, body #hr-modal .swiper-pagination {
    background: #212121cc;
    width: fit-content;
    left: 50%;
    transform: translate(-50%);
    bottom: 10px;
    border-radius: 100px;
    padding: 4px;
    display: flex;
    position: absolute;
    z-index: 1
}

body #app .swiper-pagination .swiper-pagination-bullet, body #hr-widget-list .swiper-pagination .swiper-pagination-bullet, body #hr-modal .swiper-pagination .swiper-pagination-bullet {
    background: #fff;
    opacity: .6;
    margin: 0;
    width: 6px;
    height: 6px;
    border-radius: 100px;
    transition: .1s ease-out;
    cursor: pointer
}

body #app .swiper-pagination .swiper-pagination-bullet:not(:last-child), body #hr-widget-list .swiper-pagination .swiper-pagination-bullet:not(:last-child), body #hr-modal .swiper-pagination .swiper-pagination-bullet:not(:last-child) {
    margin-right: 4px
}

body #app .swiper-pagination .swiper-pagination-bullet-active, body #hr-widget-list .swiper-pagination .swiper-pagination-bullet-active, body #hr-modal .swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1;
    width: 12px
}

[data-v-4352df66]:root {
    --custom-text: #424242;
    --custom-label: #f44336;
    --custom-background: #f6f6f6;
    --custom-main: #2196f3;
    --custom-main-dark: #0d47a1;
    --custom-main-light: #e3f2fd
}

body #app .button-primary[data-v-4352df66], body #app .button-secondary[data-v-4352df66], body #hr-widget-list .button-primary[data-v-4352df66], body #hr-widget-list .button-secondary[data-v-4352df66], body #hr-modal .button-primary[data-v-4352df66], body #hr-modal .button-secondary[data-v-4352df66], body .vanilla-calendar .button-primary[data-v-4352df66], body .vanilla-calendar .button-secondary[data-v-4352df66] {
    background: none;
    outline: none;
    border: 0;
    text-decoration: none;
    margin: 0;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: .1s ease-out;
    cursor: pointer;
    border-radius: 8px;
    min-width: 100px
}

@media (max-width: 1023px) {
    body #app .button-primary[data-v-4352df66], body #app .button-secondary[data-v-4352df66], body #hr-widget-list .button-primary[data-v-4352df66], body #hr-widget-list .button-secondary[data-v-4352df66], body #hr-modal .button-primary[data-v-4352df66], body #hr-modal .button-secondary[data-v-4352df66], body .vanilla-calendar .button-primary[data-v-4352df66], body .vanilla-calendar .button-secondary[data-v-4352df66] {
        height: 50px
    }
}

body #app .button-primary.big[data-v-4352df66], body #app .button-secondary.big[data-v-4352df66], body #hr-widget-list .button-primary.big[data-v-4352df66], body #hr-widget-list .button-secondary.big[data-v-4352df66], body #hr-modal .button-primary.big[data-v-4352df66], body #hr-modal .button-secondary.big[data-v-4352df66], body .vanilla-calendar .button-primary.big[data-v-4352df66], body .vanilla-calendar .button-secondary.big[data-v-4352df66] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    height: 50px;
    padding: 15px 16px
}

@media (max-width: 1023px) {
    body #app .button-primary.big[data-v-4352df66], body #app .button-secondary.big[data-v-4352df66], body #hr-widget-list .button-primary.big[data-v-4352df66], body #hr-widget-list .button-secondary.big[data-v-4352df66], body #hr-modal .button-primary.big[data-v-4352df66], body #hr-modal .button-secondary.big[data-v-4352df66], body .vanilla-calendar .button-primary.big[data-v-4352df66], body .vanilla-calendar .button-secondary.big[data-v-4352df66] {
        height: 50px
    }
}

body #app .button-primary.big .button-slot[data-v-4352df66], body #app .button-secondary.big .button-slot[data-v-4352df66], body #hr-widget-list .button-primary.big .button-slot[data-v-4352df66], body #hr-widget-list .button-secondary.big .button-slot[data-v-4352df66], body #hr-modal .button-primary.big .button-slot[data-v-4352df66], body #hr-modal .button-secondary.big .button-slot[data-v-4352df66], body .vanilla-calendar .button-primary.big .button-slot[data-v-4352df66], body .vanilla-calendar .button-secondary.big .button-slot[data-v-4352df66] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important
}

body #app .button-primary.medium[data-v-4352df66], body #app .button-secondary.medium[data-v-4352df66], body #hr-widget-list .button-primary.medium[data-v-4352df66], body #hr-widget-list .button-secondary.medium[data-v-4352df66], body #hr-modal .button-primary.medium[data-v-4352df66], body #hr-modal .button-secondary.medium[data-v-4352df66], body .vanilla-calendar .button-primary.medium[data-v-4352df66], body .vanilla-calendar .button-secondary.medium[data-v-4352df66] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    height: 40px;
    padding: 10px 12px
}

@media (max-width: 1023px) {
    body #app .button-primary.medium[data-v-4352df66], body #app .button-secondary.medium[data-v-4352df66], body #hr-widget-list .button-primary.medium[data-v-4352df66], body #hr-widget-list .button-secondary.medium[data-v-4352df66], body #hr-modal .button-primary.medium[data-v-4352df66], body #hr-modal .button-secondary.medium[data-v-4352df66], body .vanilla-calendar .button-primary.medium[data-v-4352df66], body .vanilla-calendar .button-secondary.medium[data-v-4352df66] {
        height: 50px
    }
}

body #app .button-primary.medium .button-slot[data-v-4352df66], body #app .button-secondary.medium .button-slot[data-v-4352df66], body #hr-widget-list .button-primary.medium .button-slot[data-v-4352df66], body #hr-widget-list .button-secondary.medium .button-slot[data-v-4352df66], body #hr-modal .button-primary.medium .button-slot[data-v-4352df66], body #hr-modal .button-secondary.medium .button-slot[data-v-4352df66], body .vanilla-calendar .button-primary.medium .button-slot[data-v-4352df66], body .vanilla-calendar .button-secondary.medium .button-slot[data-v-4352df66] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important
}

body #app .button-primary.small[data-v-4352df66], body #app .button-secondary.small[data-v-4352df66], body #hr-widget-list .button-primary.small[data-v-4352df66], body #hr-widget-list .button-secondary.small[data-v-4352df66], body #hr-modal .button-primary.small[data-v-4352df66], body #hr-modal .button-secondary.small[data-v-4352df66], body .vanilla-calendar .button-primary.small[data-v-4352df66], body .vanilla-calendar .button-secondary.small[data-v-4352df66] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    height: 30px;
    padding: 5px 8px
}

body #app .button-primary.small .button-slot[data-v-4352df66], body #app .button-secondary.small .button-slot[data-v-4352df66], body #hr-widget-list .button-primary.small .button-slot[data-v-4352df66], body #hr-widget-list .button-secondary.small .button-slot[data-v-4352df66], body #hr-modal .button-primary.small .button-slot[data-v-4352df66], body #hr-modal .button-secondary.small .button-slot[data-v-4352df66], body .vanilla-calendar .button-primary.small .button-slot[data-v-4352df66], body .vanilla-calendar .button-secondary.small .button-slot[data-v-4352df66] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important
}

body #app .button-primary > svg[data-v-4352df66], body #app .button-secondary > svg[data-v-4352df66], body #hr-widget-list .button-primary > svg[data-v-4352df66], body #hr-widget-list .button-secondary > svg[data-v-4352df66], body #hr-modal .button-primary > svg[data-v-4352df66], body #hr-modal .button-secondary > svg[data-v-4352df66], body .vanilla-calendar .button-primary > svg[data-v-4352df66], body .vanilla-calendar .button-secondary > svg[data-v-4352df66] {
    margin-left: 4px
}

body #app .button-primary.is-circle[data-v-4352df66], body #app .button-secondary.is-circle[data-v-4352df66], body #hr-widget-list .button-primary.is-circle[data-v-4352df66], body #hr-widget-list .button-secondary.is-circle[data-v-4352df66], body #hr-modal .button-primary.is-circle[data-v-4352df66], body #hr-modal .button-secondary.is-circle[data-v-4352df66], body .vanilla-calendar .button-primary.is-circle[data-v-4352df66], body .vanilla-calendar .button-secondary.is-circle[data-v-4352df66] {
    border-radius: 50%;
    min-width: 30px;
    width: 30px;
    height: 30px;
    padding: 0;
    margin-left: auto
}

body #app .button-primary.is-circle svg[data-v-4352df66], body #app .button-secondary.is-circle svg[data-v-4352df66], body #hr-widget-list .button-primary.is-circle svg[data-v-4352df66], body #hr-widget-list .button-secondary.is-circle svg[data-v-4352df66], body #hr-modal .button-primary.is-circle svg[data-v-4352df66], body #hr-modal .button-secondary.is-circle svg[data-v-4352df66], body .vanilla-calendar .button-primary.is-circle svg[data-v-4352df66], body .vanilla-calendar .button-secondary.is-circle svg[data-v-4352df66] {
    margin: 0
}

body #app .button-text[data-v-4352df66], body #hr-widget-list .button-text[data-v-4352df66], body #hr-modal .button-text[data-v-4352df66], body .vanilla-calendar .button-text[data-v-4352df66] {
    align-items: center;
    display: inline-flex;
    background: none;
    outline: none;
    border: 0;
    text-decoration: none;
    margin: 0;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    text-transform: initial;
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: var(--custom-main) !important;
    transition: .1s ease-out
}

body #app .button-text[data-v-4352df66]:hover, body #hr-widget-list .button-text[data-v-4352df66]:hover, body #hr-modal .button-text[data-v-4352df66]:hover, body .vanilla-calendar .button-text[data-v-4352df66]:hover {
    text-decoration: none;
    outline: 0
}

@media (hover: hover) and (pointer: fine) {
    body #app .button-text[data-v-4352df66]:hover, body #hr-widget-list .button-text[data-v-4352df66]:hover, body #hr-modal .button-text[data-v-4352df66]:hover, body .vanilla-calendar .button-text[data-v-4352df66]:hover {
        color: var(--custom-main-dark) !important
    }
}

body #app .button-text[data-v-4352df66]:active, body #hr-widget-list .button-text[data-v-4352df66]:active, body #hr-modal .button-text[data-v-4352df66]:active, body .vanilla-calendar .button-text[data-v-4352df66]:active {
    color: var(--custom-main-dark) !important
}

body #app .button-primary[data-v-4352df66], body #hr-widget-list .button-primary[data-v-4352df66], body #hr-modal .button-primary[data-v-4352df66], body .vanilla-calendar .button-primary[data-v-4352df66] {
    color: #fff !important;
    border: 1px solid transparent;
    background-color: var(--custom-main) !important
}

body #app .button-primary[data-v-4352df66]:hover, body #hr-widget-list .button-primary[data-v-4352df66]:hover, body #hr-modal .button-primary[data-v-4352df66]:hover, body .vanilla-calendar .button-primary[data-v-4352df66]:hover {
    text-decoration: none;
    outline: 0
}

@media (hover: hover) and (pointer: fine) {
    body #app .button-primary[data-v-4352df66]:hover, body #hr-widget-list .button-primary[data-v-4352df66]:hover, body #hr-modal .button-primary[data-v-4352df66]:hover, body .vanilla-calendar .button-primary[data-v-4352df66]:hover {
        color: #fff !important;
        background-color: var(--custom-main-dark) !important
    }
}

body #app .button-primary[data-v-4352df66]:active, body #hr-widget-list .button-primary[data-v-4352df66]:active, body #hr-modal .button-primary[data-v-4352df66]:active, body .vanilla-calendar .button-primary[data-v-4352df66]:active {
    color: #fff !important;
    background-color: var(--custom-main-dark) !important
}

body #app .button-secondary[data-v-4352df66], body #hr-widget-list .button-secondary[data-v-4352df66], body #hr-modal .button-secondary[data-v-4352df66], body .vanilla-calendar .button-secondary[data-v-4352df66] {
    color: var(--custom-text) !important;
    border: 1px solid #eeeeee !important;
    background-color: #fff !important
}

body #app .button-secondary[data-v-4352df66]:hover, body #hr-widget-list .button-secondary[data-v-4352df66]:hover, body #hr-modal .button-secondary[data-v-4352df66]:hover, body .vanilla-calendar .button-secondary[data-v-4352df66]:hover {
    text-decoration: none;
    outline: 0
}

@media (hover: hover) and (pointer: fine) {
    body #app .button-secondary[data-v-4352df66]:hover, body #hr-widget-list .button-secondary[data-v-4352df66]:hover, body #hr-modal .button-secondary[data-v-4352df66]:hover, body .vanilla-calendar .button-secondary[data-v-4352df66]:hover {
        background-color: #eee !important
    }
}

body #app .button-secondary[data-v-4352df66]:active, body #hr-widget-list .button-secondary[data-v-4352df66]:active, body #hr-modal .button-secondary[data-v-4352df66]:active, body .vanilla-calendar .button-secondary[data-v-4352df66]:active {
    background-color: #eee !important
}

body #app .button-content[data-v-4352df66], body #hr-widget-list .button-content[data-v-4352df66], body #hr-modal .button-content[data-v-4352df66], body .vanilla-calendar .button-content[data-v-4352df66] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px
}

body #app .button-disabled[data-v-4352df66], body #hr-widget-list .button-disabled[data-v-4352df66], body #hr-modal .button-disabled[data-v-4352df66], body .vanilla-calendar .button-disabled[data-v-4352df66] {
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none
}

body #app .loader[data-v-4352df66], body #hr-widget-list .loader[data-v-4352df66], body #hr-modal .loader[data-v-4352df66], body .vanilla-calendar .loader[data-v-4352df66] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

body #app .loader__element[data-v-4352df66], body #hr-widget-list .loader__element[data-v-4352df66], body #hr-modal .loader__element[data-v-4352df66], body .vanilla-calendar .loader__element[data-v-4352df66] {
    width: 35px;
    height: 35px;
    padding: 4px;
    background: #fff;
    aspect-ratio: 1;
    border-radius: 50%;
    mask: conic-gradient(rgba(0, 0, 0, 0) 10%, #000), linear-gradient(#000 0 0) content-box;
    -webkit-mask-composite: source-out;
    mask-composite: subtract;
    animation: rotate-4352df66 1.5s infinite linear
}

body #app .loader[data-v-4352df66] + *, body #hr-widget-list .loader[data-v-4352df66] + *, body #hr-modal .loader[data-v-4352df66] + *, body .vanilla-calendar .loader[data-v-4352df66] + * {
    opacity: 0
}

@keyframes rotate-4352df66 {
    to {
        transform: rotate(1turn)
    }
}

body #app .select__input, body #hr-widget-list .select__input, body #hr-modal .select__input {
    -webkit-user-select: none;
    user-select: none;
    padding: 12px;
    display: flex;
    background-color: #fff;
    border-right: 1px solid #e0e0e0;
    width: 50%;
    cursor: pointer;
    position: relative;
    transition: .1s ease-out
}

body #app .select__input.hover, body #hr-widget-list .select__input.hover, body #hr-modal .select__input.hover {
    background-color: var(--custom-main-light)
}

body #app .select__input:hover, body #hr-widget-list .select__input:hover, body #hr-modal .select__input:hover {
    text-decoration: none;
    outline: 0
}

@media (hover: hover) and (pointer: fine) {
    body #app .select__input:hover, body #hr-widget-list .select__input:hover, body #hr-modal .select__input:hover {
        background-color: var(--custom-main-light)
    }

    body #app .select__input:hover > svg, body #hr-widget-list .select__input:hover > svg, body #hr-modal .select__input:hover > svg {
        opacity: .9
    }
}

body #app .select__input:active, body #hr-widget-list .select__input:active, body #hr-modal .select__input:active {
    background-color: var(--custom-main-light)
}

body #app .select__input:active > svg, body #hr-widget-list .select__input:active > svg, body #hr-modal .select__input:active > svg {
    opacity: .9
}

body #app .select__input > svg, body #hr-widget-list .select__input > svg, body #hr-modal .select__input > svg {
    align-self: center;
    margin-right: 8px;
    width: 28px;
    height: 28px
}

body #app .select__input_first, body #hr-widget-list .select__input_first, body #hr-modal .select__input_first {
    border-radius: 8px 0 0 8px
}

body #app .select__input_last, body #hr-widget-list .select__input_last, body #hr-modal .select__input_last {
    border-radius: 0 8px 8px 0
}

body #app .select__input-content, body #hr-widget-list .select__input-content, body #hr-modal .select__input-content {
    display: grid;
    gap: 2px;
    align-content: center
}

body #app .select__input-text, body #hr-widget-list .select__input-text, body #hr-modal .select__input-text {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 12px !important;
    text-align: left !important;
    color: #757575
}

body #app .select__input-text > span, body #hr-widget-list .select__input-text > span, body #hr-modal .select__input-text > span {
    display: none;
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 12px !important;
    text-align: left !important;
    color: #757575
}

@media (max-width: 1023px) {
    body #app .select__input-text > span, body #hr-widget-list .select__input-text > span, body #hr-modal .select__input-text > span {
        display: inline-flex
    }
}

body #app .select__input-value, body #hr-widget-list .select__input-value, body #hr-modal .select__input-value {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: var(--custom-text)
}

body #app .select__input-value.error, body #hr-widget-list .select__input-value.error, body #hr-modal .select__input-value.error {
    color: #f44336
}

body #app .select__arrow, body #hr-widget-list .select__arrow, body #hr-modal .select__arrow {
    position: absolute;
    right: 12px;
    margin: 0;
    transition: transform .1s ease-out
}

body #app .select__arrow_open, body #hr-widget-list .select__arrow_open, body #hr-modal .select__arrow_open {
    transform: rotate(180deg)
}

body #app .select__input.is-error, body #hr-widget-list .select__input.is-error, body #hr-modal .select__input.is-error {
    border-color: #f44336 !important
}

body #app .select__input.is-error .select__arrow path, body #hr-widget-list .select__input.is-error .select__arrow path, body #hr-modal .select__input.is-error .select__arrow path {
    stroke: #f44336 !important
}

body #app .select__dropdown, body #hr-widget-list .select__dropdown, body #hr-modal .select__dropdown {
    cursor: default;
    box-sizing: border-box;
    position: absolute;
    top: calc(100% + 8px);
    width: 100%;
    left: 0;
    background-color: #fff;
    border-radius: 12px;
    border: 1px solid #eeeeee;
    box-shadow: 0 10px 40px -10px #00000040;
    padding: 24px;
    display: grid;
    gap: 16px;
    z-index: 2
}

@media (max-width: 1023px) {
    body #app .select__dropdown, body #hr-widget-list .select__dropdown, body #hr-modal .select__dropdown {
        padding: 16px
    }
}

body #app .select__col, body #hr-widget-list .select__col, body #hr-modal .select__col {
    width: 100%;
    display: flex;
    flex-direction: column
}

body #app .select__row, body #hr-widget-list .select__row, body #hr-modal .select__row {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center
}

body #app .select__note, body #hr-widget-list .select__note, body #hr-modal .select__note {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: #757575
}

body #app .select__option, body #app .select__option-child, body #hr-widget-list .select__option, body #hr-widget-list .select__option-child, body #hr-modal .select__option, body #hr-modal .select__option-child {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: var(--custom-text);
    display: flex;
    justify-content: space-between;
    align-items: center
}

body #app .select__option-child, body #hr-widget-list .select__option-child, body #hr-modal .select__option-child {
    position: relative;
    padding: 12px;
    border-radius: 8px;
    cursor: pointer;
    background-color: #f6f6f6;
    transition: background .1s ease-out;
    outline: none;
    border: none
}

body #app .select__option-child:not(.select__option-child_disable):hover, body #hr-widget-list .select__option-child:not(.select__option-child_disable):hover, body #hr-modal .select__option-child:not(.select__option-child_disable):hover {
    text-decoration: none;
    outline: 0
}

@media (hover: hover) and (pointer: fine) {
    body #app .select__option-child:not(.select__option-child_disable):hover, body #hr-widget-list .select__option-child:not(.select__option-child_disable):hover, body #hr-modal .select__option-child:not(.select__option-child_disable):hover {
        background-color: var(--custom-main-light);
        color: var(--custom-text)
    }
}

body #app .select__option-child:not(.select__option-child_disable):active, body #hr-widget-list .select__option-child:not(.select__option-child_disable):active, body #hr-modal .select__option-child:not(.select__option-child_disable):active {
    background-color: var(--custom-main-light);
    color: var(--custom-text)
}

body #app .select__option-child_disable, body #hr-widget-list .select__option-child_disable, body #hr-modal .select__option-child_disable {
    cursor: default
}

body #app .select__option-child_hidden, body #hr-widget-list .select__option-child_hidden, body #hr-modal .select__option-child_hidden {
    display: none
}

body #app .select__option-child_select, body #hr-widget-list .select__option-child_select, body #hr-modal .select__option-child_select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUgNy41TDEwIDEyLjVMMTUgNy41IiBzdHJva2U9IiM0MjQyNDIiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
    background-repeat: no-repeat;
    background-position: calc(100% - 12px) center
}

body #app .select__children, body #hr-widget-list .select__children, body #hr-modal .select__children {
    display: grid;
    max-height: 272px;
    overflow-y: auto;
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    border-radius: 12px;
    border: 1px solid #eeeeee;
    box-shadow: 0 10px 40px -10px #00000040
}

body #app .select__child, body #hr-widget-list .select__child, body #hr-modal .select__child {
    padding: 16px;
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: var(--custom-text);
    background-color: #fff;
    transition: background .1s ease-out
}

body #app .select__child:hover, body #hr-widget-list .select__child:hover, body #hr-modal .select__child:hover {
    text-decoration: none;
    outline: 0
}

@media (hover: hover) and (pointer: fine) {
    body #app .select__child:hover, body #hr-widget-list .select__child:hover, body #hr-modal .select__child:hover {
        background-color: #f6f6f6
    }
}

body #app .select__child:active, body #hr-widget-list .select__child:active, body #hr-modal .select__child:active {
    background-color: #f6f6f6
}

body #app .select__increments, body #hr-widget-list .select__increments, body #hr-modal .select__increments {
    display: flex;
    align-items: center
}

body #app .select__increments > *:not(:last-child), body #hr-widget-list .select__increments > *:not(:last-child), body #hr-modal .select__increments > *:not(:last-child) {
    margin-right: 8px
}

body #app .select__increment, body #hr-widget-list .select__increment, body #hr-modal .select__increment {
    width: 30px;
    height: 30px;
    cursor: pointer
}

body #app .select__increment > svg, body #hr-widget-list .select__increment > svg, body #hr-modal .select__increment > svg {
    transition: .1s ease-out
}

body #app .select__increment:not(.select_disabled):hover, body #hr-widget-list .select__increment:not(.select_disabled):hover, body #hr-modal .select__increment:not(.select_disabled):hover {
    text-decoration: none;
    outline: 0
}

@media (hover: hover) and (pointer: fine) {
    body #app .select__increment:not(.select_disabled):hover > svg, body #hr-widget-list .select__increment:not(.select_disabled):hover > svg, body #hr-modal .select__increment:not(.select_disabled):hover > svg {
        fill: #eee
    }
}

body #app .select__increment:not(.select_disabled):active > svg, body #hr-widget-list .select__increment:not(.select_disabled):active > svg, body #hr-modal .select__increment:not(.select_disabled):active > svg {
    fill: #eee
}

body #app .select_disabled, body #hr-widget-list .select_disabled, body #hr-modal .select_disabled {
    pointer-events: none
}

body #app .select_disabled path, body #hr-widget-list .select_disabled path, body #hr-modal .select_disabled path {
    stroke: #bdbdbd
}

body #app .select__remove, body #hr-widget-list .select__remove, body #hr-modal .select__remove {
    cursor: pointer
}

body #app .select__remove:hover, body #hr-widget-list .select__remove:hover, body #hr-modal .select__remove:hover {
    text-decoration: none;
    outline: 0
}

@media (hover: hover) and (pointer: fine) {
    body #app .select__remove:hover, body #hr-widget-list .select__remove:hover, body #hr-modal .select__remove:hover {
        opacity: .9
    }
}

body #app .select__remove:active, body #hr-widget-list .select__remove:active, body #hr-modal .select__remove:active {
    opacity: .9
}

body #app .select__number, body #hr-widget-list .select__number, body #hr-modal .select__number {
    min-width: 18px;
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    text-align: center !important;
    color: var(--custom-text)
}

body #app svg.select__arrow, body #hr-widget-list svg.select__arrow, body #hr-modal svg.select__arrow {
    position: absolute;
    right: 12px;
    margin: 0;
    transition: transform .1s ease-out
}

body #app svg.select__arrow_open, body #hr-widget-list svg.select__arrow_open, body #hr-modal svg.select__arrow_open {
    transform: rotate(180deg)
}

[data-v-8764d88e]:root {
    --custom-text: #424242;
    --custom-label: #f44336;
    --custom-background: #f6f6f6;
    --custom-main: #2196f3;
    --custom-main-dark: #0d47a1;
    --custom-main-light: #e3f2fd
}

body #app .form-input[data-v-8764d88e], body #hr-widget-list .form-input[data-v-8764d88e], body #hr-modal .form-input[data-v-8764d88e] {
    position: relative
}

body #app .form-input.full-width[data-v-8764d88e], body #hr-widget-list .form-input.full-width[data-v-8764d88e], body #hr-modal .form-input.full-width[data-v-8764d88e] {
    grid-column: span 2
}

@media (max-width: 1023px) {
    body #app .form-input.full-width[data-v-8764d88e], body #hr-widget-list .form-input.full-width[data-v-8764d88e], body #hr-modal .form-input.full-width[data-v-8764d88e] {
        grid-column: auto
    }
}

body #app .form-input__label[data-v-8764d88e], body #hr-widget-list .form-input__label[data-v-8764d88e], body #hr-modal .form-input__label[data-v-8764d88e] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: #757575;
    margin-bottom: 5px
}

body #app .form-input__input[data-v-8764d88e], body #hr-widget-list .form-input__input[data-v-8764d88e], body #hr-modal .form-input__input[data-v-8764d88e] {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: .1s ease-out;
    overflow: hidden;
    position: relative
}

body #app .form-input__input.is-error[data-v-8764d88e], body #hr-widget-list .form-input__input.is-error[data-v-8764d88e], body #hr-modal .form-input__input.is-error[data-v-8764d88e] {
    border-color: #f44336
}

body #app .form-input__input.is-error .form-input__arrow path[data-v-8764d88e], body #hr-widget-list .form-input__input.is-error .form-input__arrow path[data-v-8764d88e], body #hr-modal .form-input__input.is-error .form-input__arrow path[data-v-8764d88e] {
    stroke: #f44336
}

body #app .form-input__input[data-v-8764d88e]:hover, body #hr-widget-list .form-input__input[data-v-8764d88e]:hover, body #hr-modal .form-input__input[data-v-8764d88e]:hover {
    text-decoration: none;
    outline: 0
}

@media (hover: hover) and (pointer: fine) {
    body #app .form-input__input[data-v-8764d88e]:hover, body #hr-widget-list .form-input__input[data-v-8764d88e]:hover, body #hr-modal .form-input__input[data-v-8764d88e]:hover {
        border-color: var(--custom-text)
    }

    body #app .form-input__input:hover .form-input__arrow path[data-v-8764d88e], body #hr-widget-list .form-input__input:hover .form-input__arrow path[data-v-8764d88e], body #hr-modal .form-input__input:hover .form-input__arrow path[data-v-8764d88e] {
        stroke: var(--custom-text)
    }
}

body #app .form-input__input[data-v-8764d88e]:active, body #hr-widget-list .form-input__input[data-v-8764d88e]:active, body #hr-modal .form-input__input[data-v-8764d88e]:active {
    border-color: var(--custom-text)
}

body #app .form-input__input:active .form-input__arrow path[data-v-8764d88e], body #hr-widget-list .form-input__input:active .form-input__arrow path[data-v-8764d88e], body #hr-modal .form-input__input:active .form-input__arrow path[data-v-8764d88e] {
    stroke: var(--custom-text)
}

body #app .form-input__input span[data-v-8764d88e], body #hr-widget-list .form-input__input span[data-v-8764d88e], body #hr-modal .form-input__input span[data-v-8764d88e] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: var(--custom-text);
    margin-left: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

body #app .form-input__error-text[data-v-8764d88e], body #hr-widget-list .form-input__error-text[data-v-8764d88e], body #hr-modal .form-input__error-text[data-v-8764d88e] {
    display: inline-flex;
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 16px !important;
    text-align: left !important;
    color: #f44336
}

body #app .form-input__arrow[data-v-8764d88e], body #hr-widget-list .form-input__arrow[data-v-8764d88e], body #hr-modal .form-input__arrow[data-v-8764d88e] {
    margin-left: auto;
    min-width: 20px;
    transition: .1s ease-out;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 12px
}

body #app .form-input__arrow.open[data-v-8764d88e], body #hr-widget-list .form-input__arrow.open[data-v-8764d88e], body #hr-modal .form-input__arrow.open[data-v-8764d88e] {
    transform: translateY(-50%) rotate(180deg)
}

body #app .form-input__dropdown[data-v-8764d88e], body #hr-widget-list .form-input__dropdown[data-v-8764d88e], body #hr-modal .form-input__dropdown[data-v-8764d88e] {
    cursor: default;
    box-sizing: border-box;
    position: absolute;
    top: calc(100% + 8px);
    width: 100%;
    max-height: 300px;
    height: min-content;
    overflow-y: auto;
    left: 50%;
    transform: translate(-50%);
    background-color: #fff;
    border-radius: 12px;
    border: 1px solid #eeeeee;
    box-shadow: 0 10px 40px -10px #00000040;
    display: flex;
    flex-direction: column;
    z-index: 1
}

body #app .form-input__icon[data-v-8764d88e], body #hr-widget-list .form-input__icon[data-v-8764d88e], body #hr-modal .form-input__icon[data-v-8764d88e] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 12px
}

body #app .form-input__dropdown-option[data-v-8764d88e], body #hr-widget-list .form-input__dropdown-option[data-v-8764d88e], body #hr-modal .form-input__dropdown-option[data-v-8764d88e] {
    height: 52px;
    display: inline-block;
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: #9e9e9e;
    padding: 16px;
    cursor: pointer;
    transition: .1s ease-out
}

body #app .form-input__dropdown-option[data-v-8764d88e]:hover, body #hr-widget-list .form-input__dropdown-option[data-v-8764d88e]:hover, body #hr-modal .form-input__dropdown-option[data-v-8764d88e]:hover {
    text-decoration: none;
    outline: 0
}

@media (hover: hover) and (pointer: fine) {
    body #app .form-input__dropdown-option[data-v-8764d88e]:hover, body #hr-widget-list .form-input__dropdown-option[data-v-8764d88e]:hover, body #hr-modal .form-input__dropdown-option[data-v-8764d88e]:hover {
        background-color: #f6f6f6
    }
}

body #app .form-input__dropdown-option[data-v-8764d88e]:active, body #hr-widget-list .form-input__dropdown-option[data-v-8764d88e]:active, body #hr-modal .form-input__dropdown-option[data-v-8764d88e]:active, body #app .form-input__dropdown-option.active[data-v-8764d88e], body #hr-widget-list .form-input__dropdown-option.active[data-v-8764d88e], body #hr-modal .form-input__dropdown-option.active[data-v-8764d88e] {
    background-color: #f6f6f6
}

body #app .form-input__text[data-v-8764d88e], body #hr-widget-list .form-input__text[data-v-8764d88e], body #hr-modal .form-input__text[data-v-8764d88e] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: var(--custom-text);
    width: 100%;
    border: none;
    outline: none;
    padding: 12px 12px 12px 40px !important
}

body #app .form-input__text.no-pointer[data-v-8764d88e], body #hr-widget-list .form-input__text.no-pointer[data-v-8764d88e], body #hr-modal .form-input__text.no-pointer[data-v-8764d88e] {
    pointer-events: none;
    padding: 12px 40px !important
}

body #app .form-input__text.no-icon[data-v-8764d88e], body #hr-widget-list .form-input__text.no-icon[data-v-8764d88e], body #hr-modal .form-input__text.no-icon[data-v-8764d88e] {
    padding-left: 12px !important
}

body #app .form-input.is-disable[data-v-8764d88e], body #hr-widget-list .form-input.is-disable[data-v-8764d88e], body #hr-modal .form-input.is-disable[data-v-8764d88e] {
    pointer-events: none
}

body #app .form-input.is-disable .form-input__text[data-v-8764d88e], body #hr-widget-list .form-input.is-disable .form-input__text[data-v-8764d88e], body #hr-modal .form-input.is-disable .form-input__text[data-v-8764d88e] {
    background-color: #f6f6f6
}

body #app .form-input.is-disable .form-input__arrow[data-v-8764d88e], body #hr-widget-list .form-input.is-disable .form-input__arrow[data-v-8764d88e], body #hr-modal .form-input.is-disable .form-input__arrow[data-v-8764d88e] {
    display: none
}

[data-v-875d403c]:root {
    --custom-text: #424242;
    --custom-label: #f44336;
    --custom-background: #f6f6f6;
    --custom-main: #2196f3;
    --custom-main-dark: #0d47a1;
    --custom-main-light: #e3f2fd
}

body #app .tooltip-container[data-v-875d403c], body #hr-widget-list .tooltip-container[data-v-875d403c], body #hr-modal .tooltip-container[data-v-875d403c] {
    display: inline-flex;
    align-items: center;
    position: relative;
    cursor: pointer
}

body #app .tooltip[data-v-875d403c], body #hr-widget-list .tooltip[data-v-875d403c], body #hr-modal .tooltip[data-v-875d403c] {
    position: absolute;
    width: 206px;
    top: 50%;
    left: calc(100% + 12px);
    transform: translateY(-50%);
    background-color: #fff;
    padding: 16px;
    border-radius: 12px;
    z-index: 9000;
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 16px !important;
    text-align: left !important;
    color: var(--custom-text);
    box-shadow: 0 5px 10px -10px #0000001a;
    border: 1px solid #eeeeee
}

body #app .mobile-select, body #hr-widget-list .mobile-select, body #hr-modal .mobile-select, body .vanilla-calendar .mobile-select {
    position: relative;
    box-sizing: border-box;
    margin-top: 24px
}

body #app .mobile-select_line, body #hr-widget-list .mobile-select_line, body #hr-modal .mobile-select_line, body .vanilla-calendar .mobile-select_line {
    border-top: 1px solid #eeeeee;
    width: 100vw;
    left: 50%;
    position: relative;
    transform: translate(-50%)
}

@media (max-width: 1023px) {
    body #app .mobile-select, body #hr-widget-list .mobile-select, body #hr-modal .mobile-select, body .vanilla-calendar .mobile-select {
        margin-top: 0
    }
}

body #app .mobile-select__content, body #hr-widget-list .mobile-select__content, body #hr-modal .mobile-select__content, body .vanilla-calendar .mobile-select__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 24px
}

@media (max-width: 1023px) {
    body #app .mobile-select__content, body #hr-widget-list .mobile-select__content, body #hr-modal .mobile-select__content, body .vanilla-calendar .mobile-select__content {
        padding-top: 16px
    }
}

body #app .mobile-select__calendar, body #hr-widget-list .mobile-select__calendar, body #hr-modal .mobile-select__calendar, body .vanilla-calendar .mobile-select__calendar {
    display: none
}

body #app .mobile-select.child-select-open, body #hr-widget-list .mobile-select.child-select-open, body #hr-modal .mobile-select.child-select-open, body .vanilla-calendar .mobile-select.child-select-open {
    padding: 0;
    border: 0;
    margin-top: 0;
    height: 100%;
    display: flex;
    flex-direction: column
}

body #app .mobile-select.child-select-open .mobile-select__content, body #hr-widget-list .mobile-select.child-select-open .mobile-select__content, body #hr-modal .mobile-select.child-select-open .mobile-select__content, body .vanilla-calendar .mobile-select.child-select-open .mobile-select__content {
    display: none
}

body #app .mobile-select.child-select-open .mobile-select__calendar, body #hr-widget-list .mobile-select.child-select-open .mobile-select__calendar, body #hr-modal .mobile-select.child-select-open .mobile-select__calendar, body .vanilla-calendar .mobile-select.child-select-open .mobile-select__calendar {
    display: flex
}

body #app .mobile-select.child-select-open .mobile-select_line, body #hr-widget-list .mobile-select.child-select-open .mobile-select_line, body #hr-modal .mobile-select.child-select-open .mobile-select_line, body .vanilla-calendar .mobile-select.child-select-open .mobile-select_line {
    margin-top: auto;
    display: flex
}

body #app .mobile-select__text, body #hr-widget-list .mobile-select__text, body #hr-modal .mobile-select__text, body .vanilla-calendar .mobile-select__text {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: var(--custom-text)
}

body #app .mobile-select__button, body #hr-widget-list .mobile-select__button, body #hr-modal .mobile-select__button, body .vanilla-calendar .mobile-select__button {
    display: flex;
    pointer-events: none
}

body #app .mobile-select__button > svg, body #hr-widget-list .mobile-select__button > svg, body #hr-modal .mobile-select__button > svg, body .vanilla-calendar .mobile-select__button > svg {
    margin-left: 4px
}

body #app .mobile-select__dropdown, body #hr-widget-list .mobile-select__dropdown, body #hr-modal .mobile-select__dropdown, body .vanilla-calendar .mobile-select__dropdown {
    cursor: default;
    box-sizing: border-box;
    position: absolute;
    top: calc(100% + 8px);
    width: 100%;
    left: 0;
    background-color: #fff;
    border-radius: 12px;
    border: 1px solid #eeeeee;
    box-shadow: 0 10px 40px -10px #00000040;
    padding: 24px;
    display: grid;
    gap: 16px
}

@media (max-width: 1023px) {
    body #app .mobile-select__dropdown, body #hr-widget-list .mobile-select__dropdown, body #hr-modal .mobile-select__dropdown, body .vanilla-calendar .mobile-select__dropdown {
        position: static;
        box-shadow: none;
        border: none;
        padding: 0;
        border-radius: 0
    }
}

body #app .mobile-select__col, body #hr-widget-list .mobile-select__col, body #hr-modal .mobile-select__col, body .vanilla-calendar .mobile-select__col {
    width: 100%;
    display: flex;
    flex-direction: column
}

body #app .mobile-select__row, body #hr-widget-list .mobile-select__row, body #hr-modal .mobile-select__row, body .vanilla-calendar .mobile-select__row {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center
}

body #app .mobile-select__note, body #hr-widget-list .mobile-select__note, body #hr-modal .mobile-select__note, body .vanilla-calendar .mobile-select__note {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: #757575
}

body #app .mobile-select__option, body #app .mobile-select__option-child, body #hr-widget-list .mobile-select__option, body #hr-widget-list .mobile-select__option-child, body #hr-modal .mobile-select__option, body #hr-modal .mobile-select__option-child, body .vanilla-calendar .mobile-select__option, body .vanilla-calendar .mobile-select__option-child {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: var(--custom-text);
    display: flex;
    justify-content: space-between;
    align-items: center
}

body #app .mobile-select__option-child, body #hr-widget-list .mobile-select__option-child, body #hr-modal .mobile-select__option-child, body .vanilla-calendar .mobile-select__option-child {
    position: relative;
    padding: 12px;
    border-radius: 8px;
    cursor: pointer;
    background-color: #f6f6f6;
    transition: background .1s ease-out;
    outline: none;
    border: none
}

body #app .mobile-select__option-child:not(.select__option-child_disable):hover, body #hr-widget-list .mobile-select__option-child:not(.select__option-child_disable):hover, body #hr-modal .mobile-select__option-child:not(.select__option-child_disable):hover, body .vanilla-calendar .mobile-select__option-child:not(.select__option-child_disable):hover {
    text-decoration: none;
    outline: 0
}

@media (hover: hover) and (pointer: fine) {
    body #app .mobile-select__option-child:not(.select__option-child_disable):hover, body #hr-widget-list .mobile-select__option-child:not(.select__option-child_disable):hover, body #hr-modal .mobile-select__option-child:not(.select__option-child_disable):hover, body .vanilla-calendar .mobile-select__option-child:not(.select__option-child_disable):hover {
        background-color: var(--custom-main-light);
        color: var(--custom-text)
    }
}

body #app .mobile-select__option-child:not(.select__option-child_disable):active, body #hr-widget-list .mobile-select__option-child:not(.select__option-child_disable):active, body #hr-modal .mobile-select__option-child:not(.select__option-child_disable):active, body .vanilla-calendar .mobile-select__option-child:not(.select__option-child_disable):active {
    background-color: var(--custom-main-light);
    color: var(--custom-text)
}

body #app .mobile-select__option-child_disable, body #hr-widget-list .mobile-select__option-child_disable, body #hr-modal .mobile-select__option-child_disable, body .vanilla-calendar .mobile-select__option-child_disable {
    cursor: default
}

body #app .mobile-select__option-child_hidden, body #hr-widget-list .mobile-select__option-child_hidden, body #hr-modal .mobile-select__option-child_hidden, body .vanilla-calendar .mobile-select__option-child_hidden {
    display: none
}

body #app .mobile-select__option-child_select, body #hr-widget-list .mobile-select__option-child_select, body #hr-modal .mobile-select__option-child_select, body .vanilla-calendar .mobile-select__option-child_select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUgNy41TDEwIDEyLjVMMTUgNy41IiBzdHJva2U9IiM0MjQyNDIiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
    background-repeat: no-repeat;
    background-position: calc(100% - 12px) center
}

body #app .mobile-select__children, body #hr-widget-list .mobile-select__children, body #hr-modal .mobile-select__children, body .vanilla-calendar .mobile-select__children {
    display: grid;
    max-height: 272px;
    overflow-y: auto;
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    border-radius: 12px;
    border: 1px solid #eeeeee;
    box-shadow: 0 10px 40px -10px #00000040
}

body #app .mobile-select__child, body #hr-widget-list .mobile-select__child, body #hr-modal .mobile-select__child, body .vanilla-calendar .mobile-select__child {
    padding: 16px;
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: var(--custom-text);
    background-color: #fff;
    transition: background .1s ease-out
}

body #app .mobile-select__child:hover, body #hr-widget-list .mobile-select__child:hover, body #hr-modal .mobile-select__child:hover, body .vanilla-calendar .mobile-select__child:hover {
    text-decoration: none;
    outline: 0
}

@media (hover: hover) and (pointer: fine) {
    body #app .mobile-select__child:hover, body #hr-widget-list .mobile-select__child:hover, body #hr-modal .mobile-select__child:hover, body .vanilla-calendar .mobile-select__child:hover {
        background-color: #f6f6f6
    }
}

body #app .mobile-select__child:active, body #hr-widget-list .mobile-select__child:active, body #hr-modal .mobile-select__child:active, body .vanilla-calendar .mobile-select__child:active {
    background-color: #f6f6f6
}

body #app .mobile-select__increments, body #hr-widget-list .mobile-select__increments, body #hr-modal .mobile-select__increments, body .vanilla-calendar .mobile-select__increments {
    display: flex;
    align-items: center
}

body #app .mobile-select__increments > *:not(:last-child), body #hr-widget-list .mobile-select__increments > *:not(:last-child), body #hr-modal .mobile-select__increments > *:not(:last-child), body .vanilla-calendar .mobile-select__increments > *:not(:last-child) {
    margin-right: 8px
}

body #app .mobile-select__increment, body #hr-widget-list .mobile-select__increment, body #hr-modal .mobile-select__increment, body .vanilla-calendar .mobile-select__increment {
    width: 30px;
    height: 30px;
    cursor: pointer
}

body #app .mobile-select__increment > svg, body #hr-widget-list .mobile-select__increment > svg, body #hr-modal .mobile-select__increment > svg, body .vanilla-calendar .mobile-select__increment > svg {
    transition: .1s ease-out
}

body #app .mobile-select__increment:not(.select_disabled):hover, body #hr-widget-list .mobile-select__increment:not(.select_disabled):hover, body #hr-modal .mobile-select__increment:not(.select_disabled):hover, body .vanilla-calendar .mobile-select__increment:not(.select_disabled):hover {
    text-decoration: none;
    outline: 0
}

@media (hover: hover) and (pointer: fine) {
    body #app .mobile-select__increment:not(.select_disabled):hover > svg, body #hr-widget-list .mobile-select__increment:not(.select_disabled):hover > svg, body #hr-modal .mobile-select__increment:not(.select_disabled):hover > svg, body .vanilla-calendar .mobile-select__increment:not(.select_disabled):hover > svg {
        fill: #eee
    }
}

body #app .mobile-select__increment:not(.select_disabled):active > svg, body #hr-widget-list .mobile-select__increment:not(.select_disabled):active > svg, body #hr-modal .mobile-select__increment:not(.select_disabled):active > svg, body .vanilla-calendar .mobile-select__increment:not(.select_disabled):active > svg {
    fill: #eee
}

body #app .mobile-select_disabled, body #hr-widget-list .mobile-select_disabled, body #hr-modal .mobile-select_disabled, body .vanilla-calendar .mobile-select_disabled {
    pointer-events: none
}

body #app .mobile-select_disabled path, body #hr-widget-list .mobile-select_disabled path, body #hr-modal .mobile-select_disabled path, body .vanilla-calendar .mobile-select_disabled path {
    stroke: #bdbdbd
}

body #app .mobile-select__remove, body #hr-widget-list .mobile-select__remove, body #hr-modal .mobile-select__remove, body .vanilla-calendar .mobile-select__remove {
    cursor: pointer
}

body #app .mobile-select__remove:hover, body #hr-widget-list .mobile-select__remove:hover, body #hr-modal .mobile-select__remove:hover, body .vanilla-calendar .mobile-select__remove:hover {
    text-decoration: none;
    outline: 0
}

@media (hover: hover) and (pointer: fine) {
    body #app .mobile-select__remove:hover, body #hr-widget-list .mobile-select__remove:hover, body #hr-modal .mobile-select__remove:hover, body .vanilla-calendar .mobile-select__remove:hover {
        opacity: .9
    }
}

body #app .mobile-select__remove:active, body #hr-widget-list .mobile-select__remove:active, body #hr-modal .mobile-select__remove:active, body .vanilla-calendar .mobile-select__remove:active {
    opacity: .9
}

@media (max-width: 1023px) {
    body #app #mobileChildButton .mobile-select-button, body #hr-widget-list #mobileChildButton .mobile-select-button, body #hr-modal #mobileChildButton .mobile-select-button, body .vanilla-calendar #mobileChildButton .mobile-select-button {
        opacity: 1;
        width: 100%;
        margin: 24px 0 0
    }
}

@media (max-width: 1023px) {
    body #app #mobileChildButton .mobile-select-button:not(.active), body #hr-widget-list #mobileChildButton .mobile-select-button:not(.active), body #hr-modal #mobileChildButton .mobile-select-button:not(.active), body .vanilla-calendar #mobileChildButton .mobile-select-button:not(.active) {
        pointer-events: none;
        opacity: .5
    }
}

[data-v-2baa32dd]:root {
    --custom-text: #424242;
    --custom-label: #f44336;
    --custom-background: #f6f6f6;
    --custom-main: #2196f3;
    --custom-main-dark: #0d47a1;
    --custom-main-light: #e3f2fd
}

body #app .custom-calendar.search-container[data-v-2baa32dd], body #hr-widget-list .custom-calendar.search-container[data-v-2baa32dd], body #hr-modal .custom-calendar.search-container[data-v-2baa32dd] {
    padding: 12px 16px;
    background-color: #fff;
    z-index: 9000;
    position: sticky;
    top: 0
}

body #app .custom-calendar .search__container[data-v-2baa32dd], body #hr-widget-list .custom-calendar .search__container[data-v-2baa32dd], body #hr-modal .custom-calendar .search__container[data-v-2baa32dd] {
    box-sizing: border-box;
    max-width: 1024px;
    margin: 0 auto;
    background-color: var(--custom-main);
    border-radius: 12px;
    padding: 4px;
    height: 66px;
    display: flex
}

body #app .custom-calendar .search__calendar[data-v-2baa32dd], body #hr-widget-list .custom-calendar .search__calendar[data-v-2baa32dd], body #hr-modal .custom-calendar .search__calendar[data-v-2baa32dd] {
    width: 100%;
    display: flex
}

body #app .custom-calendar .search__input[data-v-2baa32dd], body #hr-widget-list .custom-calendar .search__input[data-v-2baa32dd], body #hr-modal .custom-calendar .search__input[data-v-2baa32dd] {
    -webkit-user-select: none;
    user-select: none;
    padding: 12px;
    display: flex;
    background-color: #fff;
    border-right: 1px solid #e0e0e0;
    width: 50%;
    cursor: pointer;
    position: relative;
    transition: .1s ease-out
}

body #app .custom-calendar .search__input.hover[data-v-2baa32dd], body #hr-widget-list .custom-calendar .search__input.hover[data-v-2baa32dd], body #hr-modal .custom-calendar .search__input.hover[data-v-2baa32dd] {
    background-color: var(--custom-main-light)
}

body #app .custom-calendar .search__input[data-v-2baa32dd]:hover, body #hr-widget-list .custom-calendar .search__input[data-v-2baa32dd]:hover, body #hr-modal .custom-calendar .search__input[data-v-2baa32dd]:hover {
    text-decoration: none;
    outline: 0
}

@media (hover: hover) and (pointer: fine) {
    body #app .custom-calendar .search__input[data-v-2baa32dd]:hover, body #hr-widget-list .custom-calendar .search__input[data-v-2baa32dd]:hover, body #hr-modal .custom-calendar .search__input[data-v-2baa32dd]:hover {
        background-color: var(--custom-main-light)
    }

    body #app .custom-calendar .search__input:hover > svg[data-v-2baa32dd], body #hr-widget-list .custom-calendar .search__input:hover > svg[data-v-2baa32dd], body #hr-modal .custom-calendar .search__input:hover > svg[data-v-2baa32dd] {
        opacity: .9
    }
}

body #app .custom-calendar .search__input[data-v-2baa32dd]:active, body #hr-widget-list .custom-calendar .search__input[data-v-2baa32dd]:active, body #hr-modal .custom-calendar .search__input[data-v-2baa32dd]:active {
    background-color: var(--custom-main-light)
}

body #app .custom-calendar .search__input:active > svg[data-v-2baa32dd], body #hr-widget-list .custom-calendar .search__input:active > svg[data-v-2baa32dd], body #hr-modal .custom-calendar .search__input:active > svg[data-v-2baa32dd] {
    opacity: .9
}

body #app .custom-calendar .search__input > svg[data-v-2baa32dd], body #hr-widget-list .custom-calendar .search__input > svg[data-v-2baa32dd], body #hr-modal .custom-calendar .search__input > svg[data-v-2baa32dd] {
    align-self: center;
    margin-right: 8px;
    width: 28px;
    height: 28px
}

body #app .custom-calendar .search__input_first[data-v-2baa32dd], body #hr-widget-list .custom-calendar .search__input_first[data-v-2baa32dd], body #hr-modal .custom-calendar .search__input_first[data-v-2baa32dd] {
    border-radius: 8px 0 0 8px
}

body #app .custom-calendar .search__input_last[data-v-2baa32dd], body #hr-widget-list .custom-calendar .search__input_last[data-v-2baa32dd], body #hr-modal .custom-calendar .search__input_last[data-v-2baa32dd] {
    border-radius: 0 8px 8px 0
}

body #app .custom-calendar .search__input-content[data-v-2baa32dd], body #hr-widget-list .custom-calendar .search__input-content[data-v-2baa32dd], body #hr-modal .custom-calendar .search__input-content[data-v-2baa32dd] {
    display: grid;
    gap: 2px;
    align-content: center
}

body #app .custom-calendar .search__input-text[data-v-2baa32dd], body #hr-widget-list .custom-calendar .search__input-text[data-v-2baa32dd], body #hr-modal .custom-calendar .search__input-text[data-v-2baa32dd] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 12px !important;
    text-align: left !important;
    color: #757575
}

body #app .custom-calendar .search__input-text > span[data-v-2baa32dd], body #hr-widget-list .custom-calendar .search__input-text > span[data-v-2baa32dd], body #hr-modal .custom-calendar .search__input-text > span[data-v-2baa32dd] {
    display: none;
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 12px !important;
    text-align: left !important;
    color: #757575
}

@media (max-width: 1023px) {
    body #app .custom-calendar .search__input-text > span[data-v-2baa32dd], body #hr-widget-list .custom-calendar .search__input-text > span[data-v-2baa32dd], body #hr-modal .custom-calendar .search__input-text > span[data-v-2baa32dd] {
        display: inline-flex
    }
}

body #app .custom-calendar .search__input-value[data-v-2baa32dd], body #hr-widget-list .custom-calendar .search__input-value[data-v-2baa32dd], body #hr-modal .custom-calendar .search__input-value[data-v-2baa32dd] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: var(--custom-text)
}

body #app .custom-calendar .search__input-value.error[data-v-2baa32dd], body #hr-widget-list .custom-calendar .search__input-value.error[data-v-2baa32dd], body #hr-modal .custom-calendar .search__input-value.error[data-v-2baa32dd] {
    color: #f44336
}

body #app .custom-calendar .search__input-button[data-v-2baa32dd], body #hr-widget-list .custom-calendar .search__input-button[data-v-2baa32dd], body #hr-modal .custom-calendar .search__input-button[data-v-2baa32dd] {
    min-height: 100%;
    margin-left: 2px
}

@media (max-width: 1023px) {
    body #app .custom-calendar .search .hide-mobile[data-v-2baa32dd], body #hr-widget-list .custom-calendar .search .hide-mobile[data-v-2baa32dd], body #hr-modal .custom-calendar .search .hide-mobile[data-v-2baa32dd] {
        display: none
    }
}

body #app .custom-calendar .search .search-icon[data-v-2baa32dd], body #hr-widget-list .custom-calendar .search .search-icon[data-v-2baa32dd], body #hr-modal .custom-calendar .search .search-icon[data-v-2baa32dd] {
    display: none
}

body #app .custom-calendar .search .search-icon[data-v-2baa32dd]:hover, body #hr-widget-list .custom-calendar .search .search-icon[data-v-2baa32dd]:hover, body #hr-modal .custom-calendar .search .search-icon[data-v-2baa32dd]:hover {
    text-decoration: none;
    outline: 0
}

@media (hover: hover) and (pointer: fine) {
    body #app .custom-calendar .search .search-icon[data-v-2baa32dd]:hover, body #hr-widget-list .custom-calendar .search .search-icon[data-v-2baa32dd]:hover, body #hr-modal .custom-calendar .search .search-icon[data-v-2baa32dd]:hover {
        opacity: .9
    }
}

body #app .custom-calendar .search .search-icon[data-v-2baa32dd]:active, body #hr-widget-list .custom-calendar .search .search-icon[data-v-2baa32dd]:active, body #hr-modal .custom-calendar .search .search-icon[data-v-2baa32dd]:active {
    opacity: .9
}

@media (max-width: 1023px) {
    body #app .custom-calendar .search .search-icon[data-v-2baa32dd], body #hr-widget-list .custom-calendar .search .search-icon[data-v-2baa32dd], body #hr-modal .custom-calendar .search .search-icon[data-v-2baa32dd] {
        display: block;
        margin: 0;
        position: absolute;
        right: 12px;
        top: 50%;
        transform: translateY(-50%)
    }
}

body #app .custom-calendar .search__input-mobile[data-v-2baa32dd], body #hr-widget-list .custom-calendar .search__input-mobile[data-v-2baa32dd], body #hr-modal .custom-calendar .search__input-mobile[data-v-2baa32dd] {
    display: none
}

@media (max-width: 1023px) {
    body #app .custom-calendar .search__input-mobile[data-v-2baa32dd], body #hr-widget-list .custom-calendar .search__input-mobile[data-v-2baa32dd], body #hr-modal .custom-calendar .search__input-mobile[data-v-2baa32dd] {
        display: flex
    }
}

@media (max-width: 1023px) and (max-width: 1023px) {
    body #app .custom-calendar .search__input-mobile[data-v-2baa32dd], body #hr-widget-list .custom-calendar .search__input-mobile[data-v-2baa32dd], body #hr-modal .custom-calendar .search__input-mobile[data-v-2baa32dd] {
        border-radius: 8px;
        width: 100%
    }
}

[data-v-f344afd0]:root {
    --custom-text: #424242;
    --custom-label: #f44336;
    --custom-background: #f6f6f6;
    --custom-main: #2196f3;
    --custom-main-dark: #0d47a1;
    --custom-main-light: #e3f2fd
}

body #app .custom-calendar.search-container[data-v-f344afd0], body #hr-widget-list .custom-calendar.search-container[data-v-f344afd0], body #hr-modal .custom-calendar.search-container[data-v-f344afd0] {
    padding: 12px 16px;
    background-color: #fff;
    z-index: 9000;
    position: sticky;
    top: 0
}

body #app .custom-calendar .search__container[data-v-f344afd0], body #hr-widget-list .custom-calendar .search__container[data-v-f344afd0], body #hr-modal .custom-calendar .search__container[data-v-f344afd0] {
    box-sizing: border-box;
    max-width: 1024px;
    margin: 0 auto;
    background-color: var(--custom-main);
    border-radius: 12px;
    padding: 4px;
    height: 66px;
    display: flex
}

body #app .custom-calendar .search__calendar[data-v-f344afd0], body #hr-widget-list .custom-calendar .search__calendar[data-v-f344afd0], body #hr-modal .custom-calendar .search__calendar[data-v-f344afd0] {
    width: 100%;
    display: flex
}

body #app .custom-calendar .search__input[data-v-f344afd0], body #hr-widget-list .custom-calendar .search__input[data-v-f344afd0], body #hr-modal .custom-calendar .search__input[data-v-f344afd0] {
    -webkit-user-select: none;
    user-select: none;
    padding: 12px;
    display: flex;
    background-color: #fff;
    border-right: 1px solid #e0e0e0;
    width: 50%;
    cursor: pointer;
    position: relative;
    transition: .1s ease-out
}

body #app .custom-calendar .search__input.hover[data-v-f344afd0], body #hr-widget-list .custom-calendar .search__input.hover[data-v-f344afd0], body #hr-modal .custom-calendar .search__input.hover[data-v-f344afd0] {
    background-color: var(--custom-main-light)
}

body #app .custom-calendar .search__input[data-v-f344afd0]:hover, body #hr-widget-list .custom-calendar .search__input[data-v-f344afd0]:hover, body #hr-modal .custom-calendar .search__input[data-v-f344afd0]:hover {
    text-decoration: none;
    outline: 0
}

@media (hover: hover) and (pointer: fine) {
    body #app .custom-calendar .search__input[data-v-f344afd0]:hover, body #hr-widget-list .custom-calendar .search__input[data-v-f344afd0]:hover, body #hr-modal .custom-calendar .search__input[data-v-f344afd0]:hover {
        background-color: var(--custom-main-light)
    }

    body #app .custom-calendar .search__input:hover > svg[data-v-f344afd0], body #hr-widget-list .custom-calendar .search__input:hover > svg[data-v-f344afd0], body #hr-modal .custom-calendar .search__input:hover > svg[data-v-f344afd0] {
        opacity: .9
    }
}

body #app .custom-calendar .search__input[data-v-f344afd0]:active, body #hr-widget-list .custom-calendar .search__input[data-v-f344afd0]:active, body #hr-modal .custom-calendar .search__input[data-v-f344afd0]:active {
    background-color: var(--custom-main-light)
}

body #app .custom-calendar .search__input:active > svg[data-v-f344afd0], body #hr-widget-list .custom-calendar .search__input:active > svg[data-v-f344afd0], body #hr-modal .custom-calendar .search__input:active > svg[data-v-f344afd0] {
    opacity: .9
}

body #app .custom-calendar .search__input > svg[data-v-f344afd0], body #hr-widget-list .custom-calendar .search__input > svg[data-v-f344afd0], body #hr-modal .custom-calendar .search__input > svg[data-v-f344afd0] {
    align-self: center;
    margin-right: 8px;
    width: 28px;
    height: 28px
}

body #app .custom-calendar .search__input_first[data-v-f344afd0], body #hr-widget-list .custom-calendar .search__input_first[data-v-f344afd0], body #hr-modal .custom-calendar .search__input_first[data-v-f344afd0] {
    border-radius: 8px 0 0 8px
}

body #app .custom-calendar .search__input_last[data-v-f344afd0], body #hr-widget-list .custom-calendar .search__input_last[data-v-f344afd0], body #hr-modal .custom-calendar .search__input_last[data-v-f344afd0] {
    border-radius: 0 8px 8px 0
}

body #app .custom-calendar .search__input-content[data-v-f344afd0], body #hr-widget-list .custom-calendar .search__input-content[data-v-f344afd0], body #hr-modal .custom-calendar .search__input-content[data-v-f344afd0] {
    display: grid;
    gap: 2px;
    align-content: center
}

body #app .custom-calendar .search__input-text[data-v-f344afd0], body #hr-widget-list .custom-calendar .search__input-text[data-v-f344afd0], body #hr-modal .custom-calendar .search__input-text[data-v-f344afd0] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 12px !important;
    text-align: left !important;
    color: #757575
}

body #app .custom-calendar .search__input-text > span[data-v-f344afd0], body #hr-widget-list .custom-calendar .search__input-text > span[data-v-f344afd0], body #hr-modal .custom-calendar .search__input-text > span[data-v-f344afd0] {
    display: none;
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 12px !important;
    text-align: left !important;
    color: #757575
}

@media (max-width: 1023px) {
    body #app .custom-calendar .search__input-text > span[data-v-f344afd0], body #hr-widget-list .custom-calendar .search__input-text > span[data-v-f344afd0], body #hr-modal .custom-calendar .search__input-text > span[data-v-f344afd0] {
        display: inline-flex
    }
}

body #app .custom-calendar .search__input-value[data-v-f344afd0], body #hr-widget-list .custom-calendar .search__input-value[data-v-f344afd0], body #hr-modal .custom-calendar .search__input-value[data-v-f344afd0] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: var(--custom-text)
}

body #app .custom-calendar .search__input-value.error[data-v-f344afd0], body #hr-widget-list .custom-calendar .search__input-value.error[data-v-f344afd0], body #hr-modal .custom-calendar .search__input-value.error[data-v-f344afd0] {
    color: #f44336
}

body #app .custom-calendar .search__input-button[data-v-f344afd0], body #hr-widget-list .custom-calendar .search__input-button[data-v-f344afd0], body #hr-modal .custom-calendar .search__input-button[data-v-f344afd0] {
    min-height: 100%;
    margin-left: 2px
}

@media (max-width: 1023px) {
    body #app .custom-calendar .search .hide-mobile[data-v-f344afd0], body #hr-widget-list .custom-calendar .search .hide-mobile[data-v-f344afd0], body #hr-modal .custom-calendar .search .hide-mobile[data-v-f344afd0] {
        display: none
    }
}

body #app .custom-calendar .search .search-icon[data-v-f344afd0], body #hr-widget-list .custom-calendar .search .search-icon[data-v-f344afd0], body #hr-modal .custom-calendar .search .search-icon[data-v-f344afd0] {
    display: none
}

body #app .custom-calendar .search .search-icon[data-v-f344afd0]:hover, body #hr-widget-list .custom-calendar .search .search-icon[data-v-f344afd0]:hover, body #hr-modal .custom-calendar .search .search-icon[data-v-f344afd0]:hover {
    text-decoration: none;
    outline: 0
}

@media (hover: hover) and (pointer: fine) {
    body #app .custom-calendar .search .search-icon[data-v-f344afd0]:hover, body #hr-widget-list .custom-calendar .search .search-icon[data-v-f344afd0]:hover, body #hr-modal .custom-calendar .search .search-icon[data-v-f344afd0]:hover {
        opacity: .9
    }
}

body #app .custom-calendar .search .search-icon[data-v-f344afd0]:active, body #hr-widget-list .custom-calendar .search .search-icon[data-v-f344afd0]:active, body #hr-modal .custom-calendar .search .search-icon[data-v-f344afd0]:active {
    opacity: .9
}

@media (max-width: 1023px) {
    body #app .custom-calendar .search .search-icon[data-v-f344afd0], body #hr-widget-list .custom-calendar .search .search-icon[data-v-f344afd0], body #hr-modal .custom-calendar .search .search-icon[data-v-f344afd0] {
        display: block;
        margin: 0;
        position: absolute;
        right: 12px;
        top: 50%;
        transform: translateY(-50%)
    }
}

body #app .custom-calendar .search__input-mobile[data-v-f344afd0], body #hr-widget-list .custom-calendar .search__input-mobile[data-v-f344afd0], body #hr-modal .custom-calendar .search__input-mobile[data-v-f344afd0] {
    display: none
}

@media (max-width: 1023px) {
    body #app .custom-calendar .search__input-mobile[data-v-f344afd0], body #hr-widget-list .custom-calendar .search__input-mobile[data-v-f344afd0], body #hr-modal .custom-calendar .search__input-mobile[data-v-f344afd0] {
        display: flex
    }
}

@media (max-width: 1023px) and (max-width: 1023px) {
    body #app .custom-calendar .search__input-mobile[data-v-f344afd0], body #hr-widget-list .custom-calendar .search__input-mobile[data-v-f344afd0], body #hr-modal .custom-calendar .search__input-mobile[data-v-f344afd0] {
        border-radius: 8px;
        width: 100%
    }
}

[data-v-caa3010a]:root {
    --custom-text: #424242;
    --custom-label: #f44336;
    --custom-background: #f6f6f6;
    --custom-main: #2196f3;
    --custom-main-dark: #0d47a1;
    --custom-main-light: #e3f2fd
}

#app input[data-v-caa3010a]::placeholder, #hr-widget-list input[data-v-caa3010a]::placeholder, #hr-modal input[data-v-caa3010a]::placeholder {
    color: #757575
}

#app .inputs[data-v-caa3010a], #hr-widget-list .inputs[data-v-caa3010a], #hr-modal .inputs[data-v-caa3010a] {
    display: grid;
    grid-template-columns:1fr 1fr 1fr;
    gap: 16px;
    margin-bottom: 24px
}

@media (max-width: 1023px) {
    #app .inputs[data-v-caa3010a], #hr-widget-list .inputs[data-v-caa3010a], #hr-modal .inputs[data-v-caa3010a] {
        grid-template-columns:1fr 1fr;
        gap: 12px
    }
}

#app .inputs__input[data-v-caa3010a], #hr-widget-list .inputs__input[data-v-caa3010a], #hr-modal .inputs__input[data-v-caa3010a] {
    position: relative
}

@media (max-width: 1023px) {
    #app .inputs__input--mobile-w-100[data-v-caa3010a], #hr-widget-list .inputs__input--mobile-w-100[data-v-caa3010a], #hr-modal .inputs__input--mobile-w-100[data-v-caa3010a] {
        grid-column: span 2
    }
}

#app .inputs__label[data-v-caa3010a], #hr-widget-list .inputs__label[data-v-caa3010a], #hr-modal .inputs__label[data-v-caa3010a] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: #757575;
    margin-bottom: 5px
}

#app .inputs__error[data-v-caa3010a], #hr-widget-list .inputs__error[data-v-caa3010a], #hr-modal .inputs__error[data-v-caa3010a] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 16px !important;
    text-align: left !important;
    color: #f44336
}

#app .input[data-v-caa3010a], #hr-widget-list .input[data-v-caa3010a], #hr-modal .input[data-v-caa3010a] {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    padding: 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: .1s ease-out;
    overflow: hidden
}

#app .input[data-v-caa3010a]:hover, #hr-widget-list .input[data-v-caa3010a]:hover, #hr-modal .input[data-v-caa3010a]:hover {
    text-decoration: none;
    outline: 0
}

@media (hover: hover) and (pointer: fine) {
    #app .input[data-v-caa3010a]:hover, #hr-widget-list .input[data-v-caa3010a]:hover, #hr-modal .input[data-v-caa3010a]:hover {
        border-color: var(--custom-text)
    }
}

#app .input[data-v-caa3010a]:active, #hr-widget-list .input[data-v-caa3010a]:active, #hr-modal .input[data-v-caa3010a]:active {
    border-color: var(--custom-text)
}

#app .input span[data-v-caa3010a], #hr-widget-list .input span[data-v-caa3010a], #hr-modal .input span[data-v-caa3010a] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: var(--custom-text);
    margin-left: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#app .input__arrow[data-v-caa3010a], #hr-widget-list .input__arrow[data-v-caa3010a], #hr-modal .input__arrow[data-v-caa3010a] {
    margin-left: auto
}

body #app .hotel-detail[data-v-caa3010a], body #hr-widget-list .hotel-detail[data-v-caa3010a], body #hr-modal .hotel-detail[data-v-caa3010a] {
    overscroll-behavior: contain;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin-top: 48px;
    background: #fff;
    z-index: 9001;
    border-radius: 16px 16px 0 0;
    padding: 24px 16px;
    overflow-y: auto;
    animation-name: up;
    animation-duration: .4s
}

body #app .hotel-detail__container[data-v-caa3010a], body #hr-widget-list .hotel-detail__container[data-v-caa3010a], body #hr-modal .hotel-detail__container[data-v-caa3010a] {
    max-width: 1024px;
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

body #app .hotel-detail__button[data-v-caa3010a], body #hr-widget-list .hotel-detail__button[data-v-caa3010a], body #hr-modal .hotel-detail__button[data-v-caa3010a] {
    margin-bottom: 24px
}

body #app .hotel-detail__button[data-v-caa3010a]:hover, body #hr-widget-list .hotel-detail__button[data-v-caa3010a]:hover, body #hr-modal .hotel-detail__button[data-v-caa3010a]:hover {
    text-decoration: none;
    outline: 0
}

@media (hover: hover) and (pointer: fine) {
    body #app .hotel-detail__button:hover path[data-v-caa3010a], body #hr-widget-list .hotel-detail__button:hover path[data-v-caa3010a], body #hr-modal .hotel-detail__button:hover path[data-v-caa3010a] {
        stroke: var(--custom-main-dark)
    }
}

body #app .hotel-detail__button:active path[data-v-caa3010a], body #hr-widget-list .hotel-detail__button:active path[data-v-caa3010a], body #hr-modal .hotel-detail__button:active path[data-v-caa3010a] {
    stroke: var(--custom-main-dark)
}

body #app .hotel-detail__button > svg[data-v-caa3010a], body #hr-widget-list .hotel-detail__button > svg[data-v-caa3010a], body #hr-modal .hotel-detail__button > svg[data-v-caa3010a] {
    margin-right: 4px
}

body #app .hotel-detail__info[data-v-caa3010a], body #hr-widget-list .hotel-detail__info[data-v-caa3010a], body #hr-modal .hotel-detail__info[data-v-caa3010a] {
    display: flex;
    margin-bottom: 24px
}

@media (max-width: 1023px) {
    body #app .hotel-detail__info[data-v-caa3010a], body #hr-widget-list .hotel-detail__info[data-v-caa3010a], body #hr-modal .hotel-detail__info[data-v-caa3010a] {
        flex-direction: column
    }
}

body #app .hotel-detail__right[data-v-caa3010a], body #hr-widget-list .hotel-detail__right[data-v-caa3010a], body #hr-modal .hotel-detail__right[data-v-caa3010a] {
    display: flex
}

@media (max-width: 1023px) {
    body #app .hotel-detail__right[data-v-caa3010a], body #hr-widget-list .hotel-detail__right[data-v-caa3010a], body #hr-modal .hotel-detail__right[data-v-caa3010a] {
        margin-top: 24px;
        display: grid;
        grid-template-columns:max-content max-content;
        align-items: center;
        justify-content: space-between
    }
}

body #app .hotel-detail__content[data-v-caa3010a], body #hr-widget-list .hotel-detail__content[data-v-caa3010a], body #hr-modal .hotel-detail__content[data-v-caa3010a] {
    margin-right: auto;
    display: grid;
    gap: 8px;
    max-width: 632px;
    overflow: hidden;
    width: 100%;
    min-height: 58px
}

body #app .hotel-detail__content-title[data-v-caa3010a], body #hr-widget-list .hotel-detail__content-title[data-v-caa3010a], body #hr-modal .hotel-detail__content-title[data-v-caa3010a] {
    display: flex;
    align-items: center;
    width: 100%;
    overflow: hidden
}

body #app .hotel-detail__content-title > span[data-v-caa3010a], body #hr-widget-list .hotel-detail__content-title > span[data-v-caa3010a], body #hr-modal .hotel-detail__content-title > span[data-v-caa3010a] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 22px !important;
    text-align: left !important;
    color: var(--custom-text)
}

body #app .hotel-detail__content-text[data-v-caa3010a], body #hr-widget-list .hotel-detail__content-text[data-v-caa3010a], body #hr-modal .hotel-detail__content-text[data-v-caa3010a] {
    display: flex;
    align-items: center;
    width: 100%;
    overflow: hidden
}

body #app .hotel-detail__content-text > svg[data-v-caa3010a], body #hr-widget-list .hotel-detail__content-text > svg[data-v-caa3010a], body #hr-modal .hotel-detail__content-text > svg[data-v-caa3010a] {
    margin-right: 4px;
    min-width: 20px;
    height: 20px
}

body #app .hotel-detail__content-text > span[data-v-caa3010a], body #hr-widget-list .hotel-detail__content-text > span[data-v-caa3010a], body #hr-modal .hotel-detail__content-text > span[data-v-caa3010a] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: var(--custom-text)
}

body #app .hotel-detail__price-info[data-v-caa3010a], body #hr-widget-list .hotel-detail__price-info[data-v-caa3010a], body #hr-modal .hotel-detail__price-info[data-v-caa3010a] {
    margin-right: 20px
}

body #app .hotel-detail__current-price[data-v-caa3010a], body #hr-widget-list .hotel-detail__current-price[data-v-caa3010a], body #hr-modal .hotel-detail__current-price[data-v-caa3010a] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 22px !important;
    text-align: left !important;
    color: var(--custom-text);
    display: grid;
    grid-template-columns:max-content max-content;
    white-space: nowrap;
    align-items: center;
    gap: 4px
}

@media (max-width: 1023px) {
    body #app .hotel-detail__current-price[data-v-caa3010a], body #hr-widget-list .hotel-detail__current-price[data-v-caa3010a], body #hr-modal .hotel-detail__current-price[data-v-caa3010a] {
        grid-template-columns:1fr
    }
}

body #app .hotel-detail__old-price[data-v-caa3010a], body #hr-widget-list .hotel-detail__old-price[data-v-caa3010a], body #hr-modal .hotel-detail__old-price[data-v-caa3010a] {
    position: relative;
    display: inline-flex;
    white-space: nowrap;
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: #9e9e9e
}

body #app .hotel-detail__old-price[data-v-caa3010a]:after, body #hr-widget-list .hotel-detail__old-price[data-v-caa3010a]:after, body #hr-modal .hotel-detail__old-price[data-v-caa3010a]:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 1px;
    background-color: red;
    transform: translateY(-50%)
}

body #app .hotel-detail__discount[data-v-caa3010a], body #hr-widget-list .hotel-detail__discount[data-v-caa3010a], body #hr-modal .hotel-detail__discount[data-v-caa3010a] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 16px !important;
    text-align: left !important;
    color: #fff;
    background-color: var(--custom-label);
    padding: 1px 4px;
    border-radius: 6px;
    margin-left: 8px;
    white-space: nowrap
}

body #app .hotel-detail__day[data-v-caa3010a], body #hr-widget-list .hotel-detail__day[data-v-caa3010a], body #hr-modal .hotel-detail__day[data-v-caa3010a] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 16px !important;
    text-align: left !important;
    color: #9e9e9e;
    white-space: nowrap
}

body #app .hotel-detail a.hotel-detail__price-button[data-v-caa3010a], body #hr-widget-list .hotel-detail a.hotel-detail__price-button[data-v-caa3010a], body #hr-modal .hotel-detail a.hotel-detail__price-button[data-v-caa3010a] {
    min-height: 50px;
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important
}

body #app .hotel-detail__fixed[data-v-caa3010a], body #hr-widget-list .hotel-detail__fixed[data-v-caa3010a], body #hr-modal .hotel-detail__fixed[data-v-caa3010a] {
    position: fixed;
    z-index: 9000;
    top: 48px;
    left: 0;
    right: 0;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    background-color: #fff;
    overflow: hidden;
    border-bottom: 1px solid #e0e0e0;
    animation: hideBlock-caa3010a .3s ease-out forwards;
    display: none
}

body #app .hotel-detail__fixed.active[data-v-caa3010a], body #hr-widget-list .hotel-detail__fixed.active[data-v-caa3010a], body #hr-modal .hotel-detail__fixed.active[data-v-caa3010a] {
    animation: visibleBlock-caa3010a .3s ease-out forwards;
    display: block
}

body #app .hotel-detail__fixed-container[data-v-caa3010a], body #hr-widget-list .hotel-detail__fixed-container[data-v-caa3010a], body #hr-modal .hotel-detail__fixed-container[data-v-caa3010a] {
    box-sizing: border-box;
    padding: 24px 0;
    max-width: 1024px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    width: 100%
}

@media (max-width: 1023px) {
    body #app .hotel-detail__fixed-container[data-v-caa3010a], body #hr-widget-list .hotel-detail__fixed-container[data-v-caa3010a], body #hr-modal .hotel-detail__fixed-container[data-v-caa3010a] {
        flex-direction: column;
        padding: 16px
    }
}

@media (max-width: 1023px) {
    body #app .hotel-detail__fixed .hotel-detail__right[data-v-caa3010a], body #hr-widget-list .hotel-detail__fixed .hotel-detail__right[data-v-caa3010a], body #hr-modal .hotel-detail__fixed .hotel-detail__right[data-v-caa3010a] {
        margin-top: 16px
    }
}

@media (max-width: 1023px) {
    body #app .hotel-detail__fixed .hotel-detail__current-price[data-v-caa3010a], body #hr-widget-list .hotel-detail__fixed .hotel-detail__current-price[data-v-caa3010a], body #hr-modal .hotel-detail__fixed .hotel-detail__current-price[data-v-caa3010a] {
        grid-template-columns:max-content max-content
    }
}

body #app .hotel-detail__fixed .hotel-detail__current-price.without-discont[data-v-caa3010a], body #hr-widget-list .hotel-detail__fixed .hotel-detail__current-price.without-discont[data-v-caa3010a], body #hr-modal .hotel-detail__fixed .hotel-detail__current-price.without-discont[data-v-caa3010a] {
    grid-template-columns:1fr
}

body #app .hotel-detail__left[data-v-caa3010a], body #hr-widget-list .hotel-detail__left[data-v-caa3010a], body #hr-modal .hotel-detail__left[data-v-caa3010a] {
    display: grid;
    gap: 6px;
    margin-right: 20px
}

@media (max-width: 1023px) {
    body #app .hotel-detail__left[data-v-caa3010a], body #hr-widget-list .hotel-detail__left[data-v-caa3010a], body #hr-modal .hotel-detail__left[data-v-caa3010a] {
        margin-right: 0
    }
}

body #app .hotel-detail__left-text[data-v-caa3010a], body #hr-widget-list .hotel-detail__left-text[data-v-caa3010a], body #hr-modal .hotel-detail__left-text[data-v-caa3010a] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: var(--custom-text)
}

@keyframes visibleBlock-caa3010a {
    0% {
        opacity: 0;
        display: none
    }
    to {
        opacity: 1;
        display: block
    }
}

@keyframes hideBlock-caa3010a {
    0% {
        opacity: 1;
        display: block
    }
    to {
        opacity: 0;
        display: none
    }
}

[data-v-1006ab5e]:root {
    --custom-text: #424242;
    --custom-label: #f44336;
    --custom-background: #f6f6f6;
    --custom-main: #2196f3;
    --custom-main-dark: #0d47a1;
    --custom-main-light: #e3f2fd
}

body #calendarOverlay.vanilla-overlay[data-v-1006ab5e] {
    display: none;
    z-index: 9001;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #212121cc
}

body #calendarOverlay.vanilla-overlay.active[data-v-1006ab5e] {
    display: block
}

body #calendarOverlay.vanilla-overlay > svg[data-v-1006ab5e] {
    position: absolute;
    top: 4px;
    right: 4px;
    cursor: pointer
}

body #app .vanilla-overlay[data-v-1006ab5e], body #hr-widget-list .vanilla-overlay[data-v-1006ab5e], body #hr-modal .vanilla-overlay[data-v-1006ab5e] {
    display: none;
    z-index: 9001;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #212121cc
}

body #app .vanilla-overlay.active[data-v-1006ab5e], body #hr-widget-list .vanilla-overlay.active[data-v-1006ab5e], body #hr-modal .vanilla-overlay.active[data-v-1006ab5e] {
    display: block
}

body #app .vanilla-overlay > svg[data-v-1006ab5e], body #hr-widget-list .vanilla-overlay > svg[data-v-1006ab5e], body #hr-modal .vanilla-overlay > svg[data-v-1006ab5e] {
    position: absolute;
    top: 4px;
    right: 4px;
    cursor: pointer
}

[data-v-9c0119e1]:root {
    --custom-text: #424242;
    --custom-label: #f44336;
    --custom-background: #f6f6f6;
    --custom-main: #2196f3;
    --custom-main-dark: #0d47a1;
    --custom-main-light: #e3f2fd
}

body #app .promocode__dropdown[data-v-9c0119e1], body #hr-widget-list .promocode__dropdown[data-v-9c0119e1], body #hr-modal .promocode__dropdown[data-v-9c0119e1] {
    display: grid;
    grid-template-columns:1fr max-content;
    gap: 8px;
    padding-top: 16px;
    margin-bottom: 16px
}

body #app .promocode .form-input__label[data-v-9c0119e1], body #hr-widget-list .promocode .form-input__label[data-v-9c0119e1], body #hr-modal .promocode .form-input__label[data-v-9c0119e1] {
    position: absolute;
    bottom: calc(100% + 5px);
    z-index: 1
}

body #app .promocode__toggle[data-v-9c0119e1], body #hr-widget-list .promocode__toggle[data-v-9c0119e1], body #hr-modal .promocode__toggle[data-v-9c0119e1] {
    margin-top: auto;
    margin-bottom: 4px
}

body #app .promocode__toggle svg[data-v-9c0119e1], body #hr-widget-list .promocode__toggle svg[data-v-9c0119e1], body #hr-modal .promocode__toggle svg[data-v-9c0119e1] {
    margin-left: 4px;
    transform: rotate(180deg)
}

body #app .promocode__toggle[data-v-9c0119e1]:hover, body #hr-widget-list .promocode__toggle[data-v-9c0119e1]:hover, body #hr-modal .promocode__toggle[data-v-9c0119e1]:hover {
    text-decoration: none;
    outline: 0
}

@media (hover: hover) and (pointer: fine) {
    body #app .promocode__toggle:hover > svg path[data-v-9c0119e1], body #hr-widget-list .promocode__toggle:hover > svg path[data-v-9c0119e1], body #hr-modal .promocode__toggle:hover > svg path[data-v-9c0119e1] {
        stroke: var(--custom-main-dark)
    }
}

body #app .promocode__toggle:active > svg path[data-v-9c0119e1], body #hr-widget-list .promocode__toggle:active > svg path[data-v-9c0119e1], body #hr-modal .promocode__toggle:active > svg path[data-v-9c0119e1] {
    stroke: var(--custom-main-dark)
}

body #app .promocode__toggle.active svg[data-v-9c0119e1], body #hr-widget-list .promocode__toggle.active svg[data-v-9c0119e1], body #hr-modal .promocode__toggle.active svg[data-v-9c0119e1] {
    transform: rotate(0)
}

@media (max-width: 1023px) {
    body #app .promocode__toggle[data-v-9c0119e1], body #hr-widget-list .promocode__toggle[data-v-9c0119e1], body #hr-modal .promocode__toggle[data-v-9c0119e1] {
        margin-bottom: 0
    }
}

body #app .promocode__button[data-v-9c0119e1], body #hr-widget-list .promocode__button[data-v-9c0119e1], body #hr-modal .promocode__button[data-v-9c0119e1] {
    margin-top: 28px;
    margin-bottom: 4px
}

@media (max-width: 1023px) {
    body #app .promocode__button[data-v-9c0119e1], body #hr-widget-list .promocode__button[data-v-9c0119e1], body #hr-modal .promocode__button[data-v-9c0119e1] {
        margin-top: 26px;
        margin-bottom: 0;
        height: 44px !important
    }
}

body #app .promocode__price[data-v-9c0119e1], body #hr-widget-list .promocode__price[data-v-9c0119e1], body #hr-modal .promocode__price[data-v-9c0119e1] {
    margin-top: 16px
}

[data-v-2323ee66]:root {
    --custom-text: #424242;
    --custom-label: #f44336;
    --custom-background: #f6f6f6;
    --custom-main: #2196f3;
    --custom-main-dark: #0d47a1;
    --custom-main-light: #e3f2fd
}

body #app .form-input[data-v-2323ee66], body #hr-widget-list .form-input[data-v-2323ee66], body #hr-modal .form-input[data-v-2323ee66] {
    position: relative
}

body #app .form-input.full-width[data-v-2323ee66], body #hr-widget-list .form-input.full-width[data-v-2323ee66], body #hr-modal .form-input.full-width[data-v-2323ee66] {
    grid-column: span 2
}

@media (max-width: 1023px) {
    body #app .form-input.full-width[data-v-2323ee66], body #hr-widget-list .form-input.full-width[data-v-2323ee66], body #hr-modal .form-input.full-width[data-v-2323ee66] {
        grid-column: auto
    }
}

body #app .form-input__label[data-v-2323ee66], body #hr-widget-list .form-input__label[data-v-2323ee66], body #hr-modal .form-input__label[data-v-2323ee66] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: #757575;
    margin-bottom: 5px
}

body #app .form-input__input[data-v-2323ee66], body #hr-widget-list .form-input__input[data-v-2323ee66], body #hr-modal .form-input__input[data-v-2323ee66] {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: .1s ease-out;
    overflow: hidden;
    position: relative
}

body #app .form-input__input.is-error[data-v-2323ee66], body #hr-widget-list .form-input__input.is-error[data-v-2323ee66], body #hr-modal .form-input__input.is-error[data-v-2323ee66] {
    border-color: #f44336
}

body #app .form-input__input.is-error .form-input__arrow path[data-v-2323ee66], body #hr-widget-list .form-input__input.is-error .form-input__arrow path[data-v-2323ee66], body #hr-modal .form-input__input.is-error .form-input__arrow path[data-v-2323ee66] {
    stroke: #f44336
}

body #app .form-input__input[data-v-2323ee66]:hover, body #hr-widget-list .form-input__input[data-v-2323ee66]:hover, body #hr-modal .form-input__input[data-v-2323ee66]:hover {
    text-decoration: none;
    outline: 0
}

@media (hover: hover) and (pointer: fine) {
    body #app .form-input__input[data-v-2323ee66]:hover, body #hr-widget-list .form-input__input[data-v-2323ee66]:hover, body #hr-modal .form-input__input[data-v-2323ee66]:hover {
        border-color: var(--custom-text)
    }

    body #app .form-input__input:hover .form-input__arrow path[data-v-2323ee66], body #hr-widget-list .form-input__input:hover .form-input__arrow path[data-v-2323ee66], body #hr-modal .form-input__input:hover .form-input__arrow path[data-v-2323ee66] {
        stroke: var(--custom-text)
    }
}

body #app .form-input__input[data-v-2323ee66]:active, body #hr-widget-list .form-input__input[data-v-2323ee66]:active, body #hr-modal .form-input__input[data-v-2323ee66]:active {
    border-color: var(--custom-text)
}

body #app .form-input__input:active .form-input__arrow path[data-v-2323ee66], body #hr-widget-list .form-input__input:active .form-input__arrow path[data-v-2323ee66], body #hr-modal .form-input__input:active .form-input__arrow path[data-v-2323ee66] {
    stroke: var(--custom-text)
}

body #app .form-input__input span[data-v-2323ee66], body #hr-widget-list .form-input__input span[data-v-2323ee66], body #hr-modal .form-input__input span[data-v-2323ee66] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: var(--custom-text);
    margin-left: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

body #app .form-input__error-text[data-v-2323ee66], body #hr-widget-list .form-input__error-text[data-v-2323ee66], body #hr-modal .form-input__error-text[data-v-2323ee66] {
    display: inline-flex;
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 16px !important;
    text-align: left !important;
    color: #f44336
}

body #app .form-input__arrow[data-v-2323ee66], body #hr-widget-list .form-input__arrow[data-v-2323ee66], body #hr-modal .form-input__arrow[data-v-2323ee66] {
    margin-left: auto;
    min-width: 20px;
    transition: .1s ease-out;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 12px
}

body #app .form-input__arrow.open[data-v-2323ee66], body #hr-widget-list .form-input__arrow.open[data-v-2323ee66], body #hr-modal .form-input__arrow.open[data-v-2323ee66] {
    transform: translateY(-50%) rotate(180deg)
}

body #app .form-input__dropdown[data-v-2323ee66], body #hr-widget-list .form-input__dropdown[data-v-2323ee66], body #hr-modal .form-input__dropdown[data-v-2323ee66] {
    cursor: default;
    box-sizing: border-box;
    position: absolute;
    top: calc(100% + 8px);
    width: 100%;
    max-height: 300px;
    height: min-content;
    overflow-y: auto;
    left: 50%;
    transform: translate(-50%);
    background-color: #fff;
    border-radius: 12px;
    border: 1px solid #eeeeee;
    box-shadow: 0 10px 40px -10px #00000040;
    display: flex;
    flex-direction: column;
    z-index: 1
}

body #app .form-input__icon[data-v-2323ee66], body #hr-widget-list .form-input__icon[data-v-2323ee66], body #hr-modal .form-input__icon[data-v-2323ee66] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 12px
}

body #app .form-input__dropdown-option[data-v-2323ee66], body #hr-widget-list .form-input__dropdown-option[data-v-2323ee66], body #hr-modal .form-input__dropdown-option[data-v-2323ee66] {
    height: 52px;
    display: inline-block;
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: #9e9e9e;
    padding: 16px;
    cursor: pointer;
    transition: .1s ease-out
}

body #app .form-input__dropdown-option[data-v-2323ee66]:hover, body #hr-widget-list .form-input__dropdown-option[data-v-2323ee66]:hover, body #hr-modal .form-input__dropdown-option[data-v-2323ee66]:hover {
    text-decoration: none;
    outline: 0
}

@media (hover: hover) and (pointer: fine) {
    body #app .form-input__dropdown-option[data-v-2323ee66]:hover, body #hr-widget-list .form-input__dropdown-option[data-v-2323ee66]:hover, body #hr-modal .form-input__dropdown-option[data-v-2323ee66]:hover {
        background-color: #f6f6f6
    }
}

body #app .form-input__dropdown-option[data-v-2323ee66]:active, body #hr-widget-list .form-input__dropdown-option[data-v-2323ee66]:active, body #hr-modal .form-input__dropdown-option[data-v-2323ee66]:active, body #app .form-input__dropdown-option.active[data-v-2323ee66], body #hr-widget-list .form-input__dropdown-option.active[data-v-2323ee66], body #hr-modal .form-input__dropdown-option.active[data-v-2323ee66] {
    background-color: #f6f6f6
}

body #app .form-input__text[data-v-2323ee66], body #hr-widget-list .form-input__text[data-v-2323ee66], body #hr-modal .form-input__text[data-v-2323ee66] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: var(--custom-text);
    width: 100%;
    border: none;
    outline: none;
    padding: 12px 12px 12px 40px !important
}

body #app .form-input__text.no-pointer[data-v-2323ee66], body #hr-widget-list .form-input__text.no-pointer[data-v-2323ee66], body #hr-modal .form-input__text.no-pointer[data-v-2323ee66] {
    pointer-events: none;
    padding: 12px 40px !important
}

body #app .form-input__text.no-icon[data-v-2323ee66], body #hr-widget-list .form-input__text.no-icon[data-v-2323ee66], body #hr-modal .form-input__text.no-icon[data-v-2323ee66] {
    padding-left: 12px !important
}

body #app .form-input.is-disable[data-v-2323ee66], body #hr-widget-list .form-input.is-disable[data-v-2323ee66], body #hr-modal .form-input.is-disable[data-v-2323ee66] {
    pointer-events: none
}

body #app .form-input.is-disable .form-input__text[data-v-2323ee66], body #hr-widget-list .form-input.is-disable .form-input__text[data-v-2323ee66], body #hr-modal .form-input.is-disable .form-input__text[data-v-2323ee66] {
    background-color: #f6f6f6
}

body #app .form-input.is-disable .form-input__arrow[data-v-2323ee66], body #hr-widget-list .form-input.is-disable .form-input__arrow[data-v-2323ee66], body #hr-modal .form-input.is-disable .form-input__arrow[data-v-2323ee66] {
    display: none
}

:root {
    --custom-text: #424242;
    --custom-label: #f44336;
    --custom-background: #f6f6f6;
    --custom-main: #2196f3;
    --custom-main-dark: #0d47a1;
    --custom-main-light: #e3f2fd
}

body #app .price-block, body #hr-widget-list .price-block, body #hr-modal .price-block {
    display: grid;
    gap: 16px
}

body #app .price-block__title, body #hr-widget-list .price-block__title, body #hr-modal .price-block__title {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 22px !important;
    text-align: left !important;
    color: var(--custom-text)
}

body #app .price-block__row, body #hr-widget-list .price-block__row, body #hr-modal .price-block__row {
    display: grid;
    grid-template-columns:1.2fr 1fr;
    gap: 8px
}

body #app .price-block__left, body #hr-widget-list .price-block__left, body #hr-modal .price-block__left {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: #757575;
    display: flex
}

body #app .price-block__left .tooltip-container, body #hr-widget-list .price-block__left .tooltip-container, body #hr-modal .price-block__left .tooltip-container {
    margin-left: 4px
}

body #app .price-block__left.big, body #hr-widget-list .price-block__left.big, body #hr-modal .price-block__left.big {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: var(--custom-text)
}

body #app .price-block__right, body #hr-widget-list .price-block__right, body #hr-modal .price-block__right {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: var(--custom-text);
    text-align: right !important
}

body #app .price-block__right.active, body #hr-widget-list .price-block__right.active, body #hr-modal .price-block__right.active {
    color: #43a047
}

body #app .price-block__right.big, body #hr-widget-list .price-block__right.big, body #hr-modal .price-block__right.big {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    line-height: 28px !important;
    text-align: left !important;
    text-align: right !important
}

body #app .price-block__right > .old, body #hr-widget-list .price-block__right > .old, body #hr-modal .price-block__right > .old {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: #9e9e9e;
    text-decoration: line-through
}

body #app .price-block__right > .active, body #hr-widget-list .price-block__right > .active, body #hr-modal .price-block__right > .active {
    color: #43a047
}

body #app .price-block__right > .old + .active, body #hr-widget-list .price-block__right > .old + .active, body #hr-modal .price-block__right > .old + .active {
    margin-left: 6px
}

body #app .form-container, body #hr-widget-list .form-container, body #hr-modal .form-container {
    display: grid
}

body #app .form, body #hr-widget-list .form, body #hr-modal .form {
    border: 1px solid #eeeeee;
    box-shadow: 0 4px 10px #0000000d;
    border-radius: 12px
}

body #app .form__title, body #hr-widget-list .form__title, body #hr-modal .form__title {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 22px !important;
    text-align: left !important;
    color: var(--custom-text);
    margin-bottom: 16px !important;
    grid-column: span 2
}

@media (max-width: 1023px) {
    body #app .form__title, body #hr-widget-list .form__title, body #hr-modal .form__title {
        grid-column: auto
    }
}

body #app .form__container, body #hr-widget-list .form__container, body #hr-modal .form__container {
    padding: 24px;
    display: grid;
    grid-template-columns:1fr 1fr;
    gap: 16px
}

@media (max-width: 1023px) {
    body #app .form__container, body #hr-widget-list .form__container, body #hr-modal .form__container {
        grid-template-columns:1fr;
        padding: 16px
    }
}

body #app .form__container:not(:last-child), body #hr-widget-list .form__container:not(:last-child), body #hr-modal .form__container:not(:last-child) {
    border-bottom: 1px solid #eeeeee
}

body #app .form__price-block, body #hr-widget-list .form__price-block, body #hr-modal .form__price-block {
    padding: 16px
}

body #app .form__select, body #hr-widget-list .form__select, body #hr-modal .form__select {
    box-sizing: border-box;
    width: 100%;
    grid-column: span 2;
    border: 1px solid #e0e0e0;
    border-radius: 12px
}

@media (max-width: 1023px) {
    body #app .form__select, body #hr-widget-list .form__select, body #hr-modal .form__select {
        grid-column: auto
    }
}

body #app .form__select:hover, body #hr-widget-list .form__select:hover, body #hr-modal .form__select:hover {
    text-decoration: none;
    outline: 0
}

@media (hover: hover) and (pointer: fine) {
    body #app .form__select:hover, body #hr-widget-list .form__select:hover, body #hr-modal .form__select:hover {
        border-color: var(--custom-text);
        background-color: #fff
    }
}

body #app .form__select:active, body #hr-widget-list .form__select:active, body #hr-modal .form__select:active {
    border-color: var(--custom-text);
    background-color: #fff
}

body #app .form__info-block, body #hr-widget-list .form__info-block, body #hr-modal .form__info-block {
    grid-column: span 2;
    padding: 12px;
    background-color: #fff6dc;
    border: 1px solid #ffc107;
    border-radius: 12px;
    display: grid;
    grid-template-columns:20px 1fr;
    gap: 8px
}

@media (max-width: 1023px) {
    body #app .form__info-block, body #hr-widget-list .form__info-block, body #hr-modal .form__info-block {
        grid-column: auto
    }
}

body #app .form__info-block-text, body #hr-widget-list .form__info-block-text, body #hr-modal .form__info-block-text {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: var(--custom-text)
}

body #app .form__info-block--input, body #hr-widget-list .form__info-block--input, body #hr-modal .form__info-block--input {
    background-color: #fff;
    border: 1px solid #e0e0e0
}

body #app .form__info-block--disabled, body #hr-widget-list .form__info-block--disabled, body #hr-modal .form__info-block--disabled {
    background-color: #fafafa;
    pointer-events: none
}

body #app .form-line, body #hr-widget-list .form-line, body #hr-modal .form-line {
    border-bottom: 1px solid #eeeeee
}

body #app .form-notice, body #hr-widget-list .form-notice, body #hr-modal .form-notice {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 16px !important;
    text-align: left !important;
    display: inline-block;
    color: #757575 !important;
    margin-top: 24px
}

body #app .form-notice a, body #hr-widget-list .form-notice a, body #hr-modal .form-notice a {
    color: var(--custom-main) !important;
    text-decoration: none;
    transition: .1s ease-out
}

body #app .form-notice a:hover, body #hr-widget-list .form-notice a:hover, body #hr-modal .form-notice a:hover {
    text-decoration: none;
    outline: 0
}

@media (hover: hover) and (pointer: fine) {
    body #app .form-notice a:hover, body #hr-widget-list .form-notice a:hover, body #hr-modal .form-notice a:hover {
        color: var(--custom-main-dark) !important
    }
}

body #app .form-notice a:active, body #hr-widget-list .form-notice a:active, body #hr-modal .form-notice a:active {
    color: var(--custom-main-dark) !important
}

body #app .form-submit, body #hr-widget-list .form-submit, body #hr-modal .form-submit {
    margin-top: 24px !important;
    margin-left: auto !important
}

@media (max-width: 1023px) {
    body #app .form-submit, body #hr-widget-list .form-submit, body #hr-modal .form-submit {
        width: 100%
    }
}

body #app .form-submit > svg, body #hr-widget-list .form-submit > svg, body #hr-modal .form-submit > svg {
    margin-left: 4px !important
}

body #app .form__select-error, body #hr-widget-list .form__select-error, body #hr-modal .form__select-error {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 16px !important;
    text-align: left !important;
    color: #f44336
}

body #app .form__select-wrapper, body #hr-widget-list .form__select-wrapper, body #hr-modal .form__select-wrapper {
    width: 100%;
    grid-column: span 2;
    border-radius: 12px
}

@media (max-width: 1023px) {
    body #app .form__select-wrapper, body #hr-widget-list .form__select-wrapper, body #hr-modal .form__select-wrapper {
        grid-column: auto
    }
}

body #app .form__select-wrapper:hover, body #hr-widget-list .form__select-wrapper:hover, body #hr-modal .form__select-wrapper:hover {
    text-decoration: none;
    outline: 0
}

@media (hover: hover) and (pointer: fine) {
    body #app .form__select-wrapper:hover, body #hr-widget-list .form__select-wrapper:hover, body #hr-modal .form__select-wrapper:hover {
        border-color: var(--custom-text);
        background-color: #fff
    }
}

body #app .form__select-wrapper:active, body #hr-widget-list .form__select-wrapper:active, body #hr-modal .form__select-wrapper:active {
    border-color: var(--custom-text);
    background-color: #fff
}

body #app .form__info-important-notes, body #hr-widget-list .form__info-important-notes, body #hr-modal .form__info-important-notes {
    white-space: pre-wrap;
    word-break: break-word
}

[data-v-3f86d1cf]:root {
    --custom-text: #424242;
    --custom-label: #f44336;
    --custom-background: #f6f6f6;
    --custom-main: #2196f3;
    --custom-main-dark: #0d47a1;
    --custom-main-light: #e3f2fd
}

body #app .pay-block[data-v-3f86d1cf], body #hr-widget-list .pay-block[data-v-3f86d1cf], body #hr-modal .pay-block[data-v-3f86d1cf] {
    display: grid;
    background-color: #f6f6f6;
    border-radius: 12px;
    padding: 24px;
    gap: 16px
}

@media (max-width: 1023px) {
    body #app .pay-block[data-v-3f86d1cf], body #hr-widget-list .pay-block[data-v-3f86d1cf], body #hr-modal .pay-block[data-v-3f86d1cf] {
        gap: 12px;
        padding: 16px
    }
}

body #app .pay-block__timer[data-v-3f86d1cf], body #hr-widget-list .pay-block__timer[data-v-3f86d1cf], body #hr-modal .pay-block__timer[data-v-3f86d1cf] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    line-height: 28px !important;
    text-align: left !important;
    color: var(--custom-text)
}

body #app .pay-block__text[data-v-3f86d1cf], body #hr-widget-list .pay-block__text[data-v-3f86d1cf], body #hr-modal .pay-block__text[data-v-3f86d1cf] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: #757575
}

body #app .pay-block__image[data-v-3f86d1cf], body #hr-widget-list .pay-block__image[data-v-3f86d1cf], body #hr-modal .pay-block__image[data-v-3f86d1cf] {
    height: 40px;
    width: auto;
    object-fit: contain
}

@media (max-width: 1023px) {
    body #app .pay-block__image[data-v-3f86d1cf], body #hr-widget-list .pay-block__image[data-v-3f86d1cf], body #hr-modal .pay-block__image[data-v-3f86d1cf] {
        height: 24px
    }
}

[data-v-6f6eaaf9]:root {
    --custom-text: #424242;
    --custom-label: #f44336;
    --custom-background: #f6f6f6;
    --custom-main: #2196f3;
    --custom-main-dark: #0d47a1;
    --custom-main-light: #e3f2fd
}

body #app .basket-page[data-v-6f6eaaf9], body #hr-widget-list .basket-page[data-v-6f6eaaf9], body #hr-modal .basket-page[data-v-6f6eaaf9] {
    overscroll-behavior: contain;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin-top: 48px;
    background: #fff;
    z-index: 9001;
    border-radius: 16px 16px 0 0;
    padding: 24px 16px;
    overflow-y: auto;
    animation-name: up;
    animation-duration: .4s
}

body #app .basket-page__container[data-v-6f6eaaf9], body #hr-widget-list .basket-page__container[data-v-6f6eaaf9], body #hr-modal .basket-page__container[data-v-6f6eaaf9] {
    max-width: 1024px;
    margin: 0 auto;
    display: flex;
    flex-direction: column
}

body #app .basket-page__container.with-padding-bottom[data-v-6f6eaaf9], body #hr-widget-list .basket-page__container.with-padding-bottom[data-v-6f6eaaf9], body #hr-modal .basket-page__container.with-padding-bottom[data-v-6f6eaaf9] {
    padding-bottom: 98px
}

@media (max-width: 1023px) {
    body #app .basket-page__container.with-padding-bottom[data-v-6f6eaaf9], body #hr-widget-list .basket-page__container.with-padding-bottom[data-v-6f6eaaf9], body #hr-modal .basket-page__container.with-padding-bottom[data-v-6f6eaaf9] {
        padding-bottom: 82px
    }
}

body #app .basket-page__content[data-v-6f6eaaf9], body #hr-widget-list .basket-page__content[data-v-6f6eaaf9], body #hr-modal .basket-page__content[data-v-6f6eaaf9] {
    display: grid;
    grid-template-columns:508px 1fr;
    gap: 24px;
    align-items: flex-start
}

@media (max-width: 1023px) {
    body #app .basket-page__content[data-v-6f6eaaf9], body #hr-widget-list .basket-page__content[data-v-6f6eaaf9], body #hr-modal .basket-page__content[data-v-6f6eaaf9] {
        grid-template-columns:1fr
    }
}

body #app .basket-page__info[data-v-6f6eaaf9], body #hr-widget-list .basket-page__info[data-v-6f6eaaf9], body #hr-modal .basket-page__info[data-v-6f6eaaf9] {
    display: grid;
    gap: 24px
}

@media (min-width: 1024px) {
    body #app .basket-page__info[data-v-6f6eaaf9], body #hr-widget-list .basket-page__info[data-v-6f6eaaf9], body #hr-modal .basket-page__info[data-v-6f6eaaf9] {
        position: sticky;
        top: 0
    }
}

body #app .basket-page__image[data-v-6f6eaaf9], body #hr-widget-list .basket-page__image[data-v-6f6eaaf9], body #hr-modal .basket-page__image[data-v-6f6eaaf9] {
    width: 100%;
    border-radius: 12px;
    height: 344px;
    object-fit: cover
}

@media (min-width: 1024px) {
    body #app .basket-page__image[data-v-6f6eaaf9], body #hr-widget-list .basket-page__image[data-v-6f6eaaf9], body #hr-modal .basket-page__image[data-v-6f6eaaf9] {
        height: 242px
    }
}

body #app .basket-page__fixed[data-v-6f6eaaf9], body #hr-widget-list .basket-page__fixed[data-v-6f6eaaf9], body #hr-modal .basket-page__fixed[data-v-6f6eaaf9] {
    position: fixed;
    z-index: 9000;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    border-top: 1px solid #e0e0e0;
    animation: hideBlockBasket-6f6eaaf9 .3s ease-out forwards
}

body #app .basket-page__fixed.active[data-v-6f6eaaf9], body #hr-widget-list .basket-page__fixed.active[data-v-6f6eaaf9], body #hr-modal .basket-page__fixed.active[data-v-6f6eaaf9] {
    animation: visibleBlockBasket-6f6eaaf9 .3s ease-out forwards
}

body #app .basket-page__fixed-container[data-v-6f6eaaf9], body #hr-widget-list .basket-page__fixed-container[data-v-6f6eaaf9], body #hr-modal .basket-page__fixed-container[data-v-6f6eaaf9] {
    box-sizing: border-box;
    padding: 24px;
    max-width: 1024px;
    margin: 0 auto;
    display: flex;
    justify-content: flex-end;
    width: 100%
}

@media (max-width: 1023px) {
    body #app .basket-page__fixed-container[data-v-6f6eaaf9], body #hr-widget-list .basket-page__fixed-container[data-v-6f6eaaf9], body #hr-modal .basket-page__fixed-container[data-v-6f6eaaf9] {
        flex-direction: column;
        padding: 16px
    }
}

body #app .basket-page__price-button > svg[data-v-6f6eaaf9], body #hr-widget-list .basket-page__price-button > svg[data-v-6f6eaaf9], body #hr-modal .basket-page__price-button > svg[data-v-6f6eaaf9] {
    margin-left: 4px
}

@keyframes visibleBlockBasket-6f6eaaf9 {
    0% {
        transform: translateY(100%);
        opacity: 0;
        display: none
    }
    to {
        transform: translateY(0);
        opacity: 1;
        display: block
    }
}

@keyframes hideBlockBasket-6f6eaaf9 {
    0% {
        transform: translateY(0);
        opacity: 1;
        display: block
    }
    to {
        opacity: 0;
        transform: translateY(100%);
        display: none
    }
}

#app input[data-v-6f6eaaf9]::placeholder, #hr-widget-list input[data-v-6f6eaaf9]::placeholder, #hr-modal input[data-v-6f6eaaf9]::placeholder {
    color: #757575
}

#app .inputs[data-v-6f6eaaf9], #hr-widget-list .inputs[data-v-6f6eaaf9], #hr-modal .inputs[data-v-6f6eaaf9] {
    display: grid;
    grid-template-columns:1fr 1fr 1fr;
    gap: 16px;
    margin-bottom: 24px
}

@media (max-width: 1023px) {
    #app .inputs[data-v-6f6eaaf9], #hr-widget-list .inputs[data-v-6f6eaaf9], #hr-modal .inputs[data-v-6f6eaaf9] {
        grid-template-columns:1fr 1fr;
        gap: 12px
    }
}

#app .inputs__input[data-v-6f6eaaf9], #hr-widget-list .inputs__input[data-v-6f6eaaf9], #hr-modal .inputs__input[data-v-6f6eaaf9] {
    position: relative
}

@media (max-width: 1023px) {
    #app .inputs__input--mobile-w-100[data-v-6f6eaaf9], #hr-widget-list .inputs__input--mobile-w-100[data-v-6f6eaaf9], #hr-modal .inputs__input--mobile-w-100[data-v-6f6eaaf9] {
        grid-column: span 2
    }
}

#app .inputs__label[data-v-6f6eaaf9], #hr-widget-list .inputs__label[data-v-6f6eaaf9], #hr-modal .inputs__label[data-v-6f6eaaf9] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: #757575;
    margin-bottom: 5px
}

#app .inputs__error[data-v-6f6eaaf9], #hr-widget-list .inputs__error[data-v-6f6eaaf9], #hr-modal .inputs__error[data-v-6f6eaaf9] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 16px !important;
    text-align: left !important;
    color: #f44336
}

#app .input[data-v-6f6eaaf9], #hr-widget-list .input[data-v-6f6eaaf9], #hr-modal .input[data-v-6f6eaaf9] {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    padding: 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: .1s ease-out;
    overflow: hidden
}

#app .input[data-v-6f6eaaf9]:hover, #hr-widget-list .input[data-v-6f6eaaf9]:hover, #hr-modal .input[data-v-6f6eaaf9]:hover {
    text-decoration: none;
    outline: 0
}

@media (hover: hover) and (pointer: fine) {
    #app .input[data-v-6f6eaaf9]:hover, #hr-widget-list .input[data-v-6f6eaaf9]:hover, #hr-modal .input[data-v-6f6eaaf9]:hover {
        border-color: var(--custom-text)
    }
}

#app .input[data-v-6f6eaaf9]:active, #hr-widget-list .input[data-v-6f6eaaf9]:active, #hr-modal .input[data-v-6f6eaaf9]:active {
    border-color: var(--custom-text)
}

#app .input span[data-v-6f6eaaf9], #hr-widget-list .input span[data-v-6f6eaaf9], #hr-modal .input span[data-v-6f6eaaf9] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: var(--custom-text);
    margin-left: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#app .input__arrow[data-v-6f6eaaf9], #hr-widget-list .input__arrow[data-v-6f6eaaf9], #hr-modal .input__arrow[data-v-6f6eaaf9] {
    margin-left: auto
}

body #app .hotel-detail[data-v-6f6eaaf9], body #hr-widget-list .hotel-detail[data-v-6f6eaaf9], body #hr-modal .hotel-detail[data-v-6f6eaaf9] {
    overscroll-behavior: contain;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin-top: 48px;
    background: #fff;
    z-index: 9001;
    border-radius: 16px 16px 0 0;
    padding: 24px 16px;
    overflow-y: auto;
    animation-name: up;
    animation-duration: .4s
}

body #app .hotel-detail__container[data-v-6f6eaaf9], body #hr-widget-list .hotel-detail__container[data-v-6f6eaaf9], body #hr-modal .hotel-detail__container[data-v-6f6eaaf9] {
    max-width: 1024px;
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

body #app .hotel-detail__button[data-v-6f6eaaf9], body #hr-widget-list .hotel-detail__button[data-v-6f6eaaf9], body #hr-modal .hotel-detail__button[data-v-6f6eaaf9] {
    margin-bottom: 24px
}

body #app .hotel-detail__button[data-v-6f6eaaf9]:hover, body #hr-widget-list .hotel-detail__button[data-v-6f6eaaf9]:hover, body #hr-modal .hotel-detail__button[data-v-6f6eaaf9]:hover {
    text-decoration: none;
    outline: 0
}

@media (hover: hover) and (pointer: fine) {
    body #app .hotel-detail__button:hover path[data-v-6f6eaaf9], body #hr-widget-list .hotel-detail__button:hover path[data-v-6f6eaaf9], body #hr-modal .hotel-detail__button:hover path[data-v-6f6eaaf9] {
        stroke: var(--custom-main-dark)
    }
}

body #app .hotel-detail__button:active path[data-v-6f6eaaf9], body #hr-widget-list .hotel-detail__button:active path[data-v-6f6eaaf9], body #hr-modal .hotel-detail__button:active path[data-v-6f6eaaf9] {
    stroke: var(--custom-main-dark)
}

body #app .hotel-detail__button > svg[data-v-6f6eaaf9], body #hr-widget-list .hotel-detail__button > svg[data-v-6f6eaaf9], body #hr-modal .hotel-detail__button > svg[data-v-6f6eaaf9] {
    margin-right: 4px
}

body #app .hotel-detail__info[data-v-6f6eaaf9], body #hr-widget-list .hotel-detail__info[data-v-6f6eaaf9], body #hr-modal .hotel-detail__info[data-v-6f6eaaf9] {
    display: flex;
    margin-bottom: 24px
}

@media (max-width: 1023px) {
    body #app .hotel-detail__info[data-v-6f6eaaf9], body #hr-widget-list .hotel-detail__info[data-v-6f6eaaf9], body #hr-modal .hotel-detail__info[data-v-6f6eaaf9] {
        flex-direction: column
    }
}

body #app .hotel-detail__right[data-v-6f6eaaf9], body #hr-widget-list .hotel-detail__right[data-v-6f6eaaf9], body #hr-modal .hotel-detail__right[data-v-6f6eaaf9] {
    display: flex
}

@media (max-width: 1023px) {
    body #app .hotel-detail__right[data-v-6f6eaaf9], body #hr-widget-list .hotel-detail__right[data-v-6f6eaaf9], body #hr-modal .hotel-detail__right[data-v-6f6eaaf9] {
        margin-top: 24px;
        display: grid;
        grid-template-columns:max-content max-content;
        align-items: center;
        justify-content: space-between
    }
}

body #app .hotel-detail__content[data-v-6f6eaaf9], body #hr-widget-list .hotel-detail__content[data-v-6f6eaaf9], body #hr-modal .hotel-detail__content[data-v-6f6eaaf9] {
    margin-right: auto;
    display: grid;
    gap: 8px;
    max-width: 632px;
    overflow: hidden;
    width: 100%;
    min-height: 58px
}

body #app .hotel-detail__content-title[data-v-6f6eaaf9], body #hr-widget-list .hotel-detail__content-title[data-v-6f6eaaf9], body #hr-modal .hotel-detail__content-title[data-v-6f6eaaf9] {
    display: flex;
    align-items: center;
    width: 100%;
    overflow: hidden
}

body #app .hotel-detail__content-title > span[data-v-6f6eaaf9], body #hr-widget-list .hotel-detail__content-title > span[data-v-6f6eaaf9], body #hr-modal .hotel-detail__content-title > span[data-v-6f6eaaf9] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 22px !important;
    text-align: left !important;
    color: var(--custom-text)
}

body #app .hotel-detail__content-text[data-v-6f6eaaf9], body #hr-widget-list .hotel-detail__content-text[data-v-6f6eaaf9], body #hr-modal .hotel-detail__content-text[data-v-6f6eaaf9] {
    display: flex;
    align-items: center;
    width: 100%;
    overflow: hidden
}

body #app .hotel-detail__content-text > svg[data-v-6f6eaaf9], body #hr-widget-list .hotel-detail__content-text > svg[data-v-6f6eaaf9], body #hr-modal .hotel-detail__content-text > svg[data-v-6f6eaaf9] {
    margin-right: 4px;
    min-width: 20px;
    height: 20px
}

body #app .hotel-detail__content-text > span[data-v-6f6eaaf9], body #hr-widget-list .hotel-detail__content-text > span[data-v-6f6eaaf9], body #hr-modal .hotel-detail__content-text > span[data-v-6f6eaaf9] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: var(--custom-text)
}

body #app .hotel-detail__price-info[data-v-6f6eaaf9], body #hr-widget-list .hotel-detail__price-info[data-v-6f6eaaf9], body #hr-modal .hotel-detail__price-info[data-v-6f6eaaf9] {
    margin-right: 20px
}

body #app .hotel-detail__current-price[data-v-6f6eaaf9], body #hr-widget-list .hotel-detail__current-price[data-v-6f6eaaf9], body #hr-modal .hotel-detail__current-price[data-v-6f6eaaf9] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 22px !important;
    text-align: left !important;
    color: var(--custom-text);
    display: grid;
    grid-template-columns:max-content max-content;
    white-space: nowrap;
    align-items: center;
    gap: 4px
}

@media (max-width: 1023px) {
    body #app .hotel-detail__current-price[data-v-6f6eaaf9], body #hr-widget-list .hotel-detail__current-price[data-v-6f6eaaf9], body #hr-modal .hotel-detail__current-price[data-v-6f6eaaf9] {
        grid-template-columns:1fr
    }
}

body #app .hotel-detail__old-price[data-v-6f6eaaf9], body #hr-widget-list .hotel-detail__old-price[data-v-6f6eaaf9], body #hr-modal .hotel-detail__old-price[data-v-6f6eaaf9] {
    position: relative;
    display: inline-flex;
    white-space: nowrap;
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: #9e9e9e
}

body #app .hotel-detail__old-price[data-v-6f6eaaf9]:after, body #hr-widget-list .hotel-detail__old-price[data-v-6f6eaaf9]:after, body #hr-modal .hotel-detail__old-price[data-v-6f6eaaf9]:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 1px;
    background-color: red;
    transform: translateY(-50%)
}

body #app .hotel-detail__discount[data-v-6f6eaaf9], body #hr-widget-list .hotel-detail__discount[data-v-6f6eaaf9], body #hr-modal .hotel-detail__discount[data-v-6f6eaaf9] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 16px !important;
    text-align: left !important;
    color: #fff;
    background-color: var(--custom-label);
    padding: 1px 4px;
    border-radius: 6px;
    margin-left: 8px;
    white-space: nowrap
}

body #app .hotel-detail__day[data-v-6f6eaaf9], body #hr-widget-list .hotel-detail__day[data-v-6f6eaaf9], body #hr-modal .hotel-detail__day[data-v-6f6eaaf9] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 16px !important;
    text-align: left !important;
    color: #9e9e9e;
    white-space: nowrap
}

body #app .hotel-detail a.hotel-detail__price-button[data-v-6f6eaaf9], body #hr-widget-list .hotel-detail a.hotel-detail__price-button[data-v-6f6eaaf9], body #hr-modal .hotel-detail a.hotel-detail__price-button[data-v-6f6eaaf9] {
    min-height: 50px;
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important
}

body #app .hotel-detail__fixed[data-v-6f6eaaf9], body #hr-widget-list .hotel-detail__fixed[data-v-6f6eaaf9], body #hr-modal .hotel-detail__fixed[data-v-6f6eaaf9] {
    position: fixed;
    z-index: 9000;
    top: 48px;
    left: 0;
    right: 0;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    background-color: #fff;
    overflow: hidden;
    border-bottom: 1px solid #e0e0e0;
    animation: hideBlock-6f6eaaf9 .3s ease-out forwards;
    display: none
}

body #app .hotel-detail__fixed.active[data-v-6f6eaaf9], body #hr-widget-list .hotel-detail__fixed.active[data-v-6f6eaaf9], body #hr-modal .hotel-detail__fixed.active[data-v-6f6eaaf9] {
    animation: visibleBlock-6f6eaaf9 .3s ease-out forwards;
    display: block
}

body #app .hotel-detail__fixed-container[data-v-6f6eaaf9], body #hr-widget-list .hotel-detail__fixed-container[data-v-6f6eaaf9], body #hr-modal .hotel-detail__fixed-container[data-v-6f6eaaf9] {
    box-sizing: border-box;
    padding: 24px 0;
    max-width: 1024px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    width: 100%
}

@media (max-width: 1023px) {
    body #app .hotel-detail__fixed-container[data-v-6f6eaaf9], body #hr-widget-list .hotel-detail__fixed-container[data-v-6f6eaaf9], body #hr-modal .hotel-detail__fixed-container[data-v-6f6eaaf9] {
        flex-direction: column;
        padding: 16px
    }
}

@media (max-width: 1023px) {
    body #app .hotel-detail__fixed .hotel-detail__right[data-v-6f6eaaf9], body #hr-widget-list .hotel-detail__fixed .hotel-detail__right[data-v-6f6eaaf9], body #hr-modal .hotel-detail__fixed .hotel-detail__right[data-v-6f6eaaf9] {
        margin-top: 16px
    }
}

@media (max-width: 1023px) {
    body #app .hotel-detail__fixed .hotel-detail__current-price[data-v-6f6eaaf9], body #hr-widget-list .hotel-detail__fixed .hotel-detail__current-price[data-v-6f6eaaf9], body #hr-modal .hotel-detail__fixed .hotel-detail__current-price[data-v-6f6eaaf9] {
        grid-template-columns:max-content max-content
    }
}

body #app .hotel-detail__fixed .hotel-detail__current-price.without-discont[data-v-6f6eaaf9], body #hr-widget-list .hotel-detail__fixed .hotel-detail__current-price.without-discont[data-v-6f6eaaf9], body #hr-modal .hotel-detail__fixed .hotel-detail__current-price.without-discont[data-v-6f6eaaf9] {
    grid-template-columns:1fr
}

body #app .hotel-detail__left[data-v-6f6eaaf9], body #hr-widget-list .hotel-detail__left[data-v-6f6eaaf9], body #hr-modal .hotel-detail__left[data-v-6f6eaaf9] {
    display: grid;
    gap: 6px;
    margin-right: 20px
}

@media (max-width: 1023px) {
    body #app .hotel-detail__left[data-v-6f6eaaf9], body #hr-widget-list .hotel-detail__left[data-v-6f6eaaf9], body #hr-modal .hotel-detail__left[data-v-6f6eaaf9] {
        margin-right: 0
    }
}

body #app .hotel-detail__left-text[data-v-6f6eaaf9], body #hr-widget-list .hotel-detail__left-text[data-v-6f6eaaf9], body #hr-modal .hotel-detail__left-text[data-v-6f6eaaf9] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: var(--custom-text)
}

@keyframes visibleBlock-6f6eaaf9 {
    0% {
        opacity: 0;
        display: none
    }
    to {
        opacity: 1;
        display: block
    }
}

@keyframes hideBlock-6f6eaaf9 {
    0% {
        opacity: 1;
        display: block
    }
    to {
        opacity: 0;
        display: none
    }
}

[data-v-df621f06]:root {
    --custom-text: #424242;
    --custom-label: #f44336;
    --custom-background: #f6f6f6;
    --custom-main: #2196f3;
    --custom-main-dark: #0d47a1;
    --custom-main-light: #e3f2fd
}

body #app .gallery[data-v-df621f06], body #hr-widget-list .gallery[data-v-df621f06], body #hr-modal .gallery[data-v-df621f06] {
    display: grid;
    grid-template-columns:1fr 1fr;
    gap: 8px;
    height: 344px;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 24px
}

body #app .gallery img[data-v-df621f06], body #hr-widget-list .gallery img[data-v-df621f06], body #hr-modal .gallery img[data-v-df621f06] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: flex
}

body #app .gallery .swiper-container[data-v-df621f06], body #hr-widget-list .gallery .swiper-container[data-v-df621f06], body #hr-modal .gallery .swiper-container[data-v-df621f06] {
    max-width: calc(100vw - 32px)
}

body #app .gallery--single[data-v-df621f06], body #hr-widget-list .gallery--single[data-v-df621f06], body #hr-modal .gallery--single[data-v-df621f06] {
    grid-template-columns:1fr
}

@media (max-width: 600px) {
    body #app .gallery[data-v-df621f06], body #hr-widget-list .gallery[data-v-df621f06], body #hr-modal .gallery[data-v-df621f06] {
        height: auto
    }
}

body #app .large-photo[data-v-df621f06], body #hr-widget-list .large-photo[data-v-df621f06], body #hr-modal .large-photo[data-v-df621f06] {
    height: 344px;
    cursor: pointer;
    transition: .1s ease-out
}

body #app .large-photo[data-v-df621f06]:hover, body #hr-widget-list .large-photo[data-v-df621f06]:hover, body #hr-modal .large-photo[data-v-df621f06]:hover {
    text-decoration: none;
    outline: 0
}

@media (hover: hover) and (pointer: fine) {
    body #app .large-photo[data-v-df621f06]:hover, body #hr-widget-list .large-photo[data-v-df621f06]:hover, body #hr-modal .large-photo[data-v-df621f06]:hover {
        filter: brightness(.9)
    }
}

body #app .large-photo[data-v-df621f06]:active, body #hr-widget-list .large-photo[data-v-df621f06]:active, body #hr-modal .large-photo[data-v-df621f06]:active {
    filter: brightness(.9)
}

body #app .large-photo--single[data-v-df621f06], body #hr-widget-list .large-photo--single[data-v-df621f06], body #hr-modal .large-photo--single[data-v-df621f06] {
    width: 100%
}

body #app .small-photos[data-v-df621f06], body #hr-widget-list .small-photos[data-v-df621f06], body #hr-modal .small-photos[data-v-df621f06] {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    gap: 8px
}

body #app .small-photos--two[data-v-df621f06], body #hr-widget-list .small-photos--two[data-v-df621f06], body #hr-modal .small-photos--two[data-v-df621f06] {
    grid-template-columns:unset
}

body #app .small-photos > .small-block .small-photo[data-v-df621f06], body #hr-widget-list .small-photos > .small-block .small-photo[data-v-df621f06], body #hr-modal .small-photos > .small-block .small-photo[data-v-df621f06] {
    height: 168px
}

body #app .small-photos.more-four > .small-photo[data-v-df621f06], body #hr-widget-list .small-photos.more-four > .small-photo[data-v-df621f06], body #hr-modal .small-photos.more-four > .small-photo[data-v-df621f06] {
    height: 168px
}

body #app .small-photo[data-v-df621f06], body #hr-widget-list .small-photo[data-v-df621f06], body #hr-modal .small-photo[data-v-df621f06] {
    cursor: pointer;
    transition: .1s ease-out
}

body #app .small-photo[data-v-df621f06]:hover, body #hr-widget-list .small-photo[data-v-df621f06]:hover, body #hr-modal .small-photo[data-v-df621f06]:hover {
    text-decoration: none;
    outline: 0
}

@media (hover: hover) and (pointer: fine) {
    body #app .small-photo[data-v-df621f06]:hover, body #hr-widget-list .small-photo[data-v-df621f06]:hover, body #hr-modal .small-photo[data-v-df621f06]:hover {
        filter: brightness(.9)
    }
}

body #app .small-photo[data-v-df621f06]:active, body #hr-widget-list .small-photo[data-v-df621f06]:active, body #hr-modal .small-photo[data-v-df621f06]:active {
    filter: brightness(.9)
}

body #app .more-photos[data-v-df621f06], body #hr-widget-list .more-photos[data-v-df621f06], body #hr-modal .more-photos[data-v-df621f06] {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative
}

body #app .more-photos__text[data-v-df621f06], body #hr-widget-list .more-photos__text[data-v-df621f06], body #hr-modal .more-photos__text[data-v-df621f06] {
    background-color: #fff;
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: var(--custom-text);
    border-radius: 8px;
    padding: 5px 20px;
    border: 1px solid #eeeeee
}

body #app .more-photos img[data-v-df621f06], body #hr-widget-list .more-photos img[data-v-df621f06], body #hr-modal .more-photos img[data-v-df621f06] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    filter: brightness(.5)
}

@media (max-width: 1024px) {
    body #app .image[data-v-df621f06], body #hr-widget-list .image[data-v-df621f06], body #hr-modal .image[data-v-df621f06] {
        height: 242px
    }
}

[data-v-9d197926]:root {
    --custom-text: #424242;
    --custom-label: #f44336;
    --custom-background: #f6f6f6;
    --custom-main: #2196f3;
    --custom-main-dark: #0d47a1;
    --custom-main-light: #e3f2fd
}

body #app .hotel-info[data-v-9d197926], body #hr-widget-list .hotel-info[data-v-9d197926], body #hr-modal .hotel-info[data-v-9d197926] {
    height: 100%;
    box-sizing: border-box;
    padding: 24px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

body #app .hotel-info[data-v-9d197926]:is(a), body #hr-widget-list .hotel-info[data-v-9d197926]:is(a), body #hr-modal .hotel-info[data-v-9d197926]:is(a) {
    cursor: pointer;
    text-decoration: none
}

@media (max-width: 1023px) {
    body #app .hotel-info[data-v-9d197926], body #hr-widget-list .hotel-info[data-v-9d197926], body #hr-modal .hotel-info[data-v-9d197926] {
        padding: 16px
    }
}

body #app .hotel-info[data-v-9d197926] > *:not(:last-child), body #hr-widget-list .hotel-info[data-v-9d197926] > *:not(:last-child), body #hr-modal .hotel-info[data-v-9d197926] > *:not(:last-child) {
    margin-bottom: 14px
}

body #app .hotel-info__title[data-v-9d197926], body #hr-widget-list .hotel-info__title[data-v-9d197926], body #hr-modal .hotel-info__title[data-v-9d197926] {
    display: flex;
    align-items: center;
    width: 100%
}

body #app .hotel-info__title > span[data-v-9d197926], body #hr-widget-list .hotel-info__title > span[data-v-9d197926], body #hr-modal .hotel-info__title > span[data-v-9d197926] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 22px !important;
    text-align: left !important;
    color: var(--custom-text);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

body #app .hotel-info__text[data-v-9d197926], body #hr-widget-list .hotel-info__text[data-v-9d197926], body #hr-modal .hotel-info__text[data-v-9d197926] {
    display: flex;
    align-items: center;
    width: 100%
}

body #app .hotel-info__text > svg[data-v-9d197926], body #hr-widget-list .hotel-info__text > svg[data-v-9d197926], body #hr-modal .hotel-info__text > svg[data-v-9d197926] {
    margin-right: 4px;
    min-width: 20px;
    height: 20px
}

body #app .hotel-info__text > span[data-v-9d197926], body #hr-widget-list .hotel-info__text > span[data-v-9d197926], body #hr-modal .hotel-info__text > span[data-v-9d197926] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: var(--custom-text);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

body #app .hotel-info__params[data-v-9d197926], body #hr-widget-list .hotel-info__params[data-v-9d197926], body #hr-modal .hotel-info__params[data-v-9d197926] {
    display: flex;
    width: 100%
}

body #app .hotel-info__params-item[data-v-9d197926], body #hr-widget-list .hotel-info__params-item[data-v-9d197926], body #hr-modal .hotel-info__params-item[data-v-9d197926] {
    display: flex;
    align-items: center;
    overflow: hidden
}

body #app .hotel-info__params-item > span[data-v-9d197926], body #hr-widget-list .hotel-info__params-item > span[data-v-9d197926], body #hr-modal .hotel-info__params-item > span[data-v-9d197926] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: var(--custom-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

body #app .hotel-info__params-item > svg[data-v-9d197926], body #hr-widget-list .hotel-info__params-item > svg[data-v-9d197926], body #hr-modal .hotel-info__params-item > svg[data-v-9d197926] {
    margin-right: 4px;
    min-width: 20px;
    height: 20px
}

body #app .hotel-info__params-item[data-v-9d197926]:not(:last-child), body #hr-widget-list .hotel-info__params-item[data-v-9d197926]:not(:last-child), body #hr-modal .hotel-info__params-item[data-v-9d197926]:not(:last-child) {
    margin-right: 16px
}

body #app .price-column[data-v-9d197926], body #hr-widget-list .price-column[data-v-9d197926], body #hr-modal .price-column[data-v-9d197926] {
    border-left: 1px solid #eeeeee;
    padding: 24px;
    display: grid;
    align-content: space-between
}

body #app .price-column[data-v-9d197926]:is(a), body #hr-widget-list .price-column[data-v-9d197926]:is(a), body #hr-modal .price-column[data-v-9d197926]:is(a) {
    cursor: pointer;
    text-decoration: none
}

@media (max-width: 1023px) {
    body #app .price-column[data-v-9d197926], body #hr-widget-list .price-column[data-v-9d197926], body #hr-modal .price-column[data-v-9d197926] {
        padding: 16px;
        grid-template-columns:max-content max-content;
        justify-content: space-between;
        gap: 12px;
        align-items: center;
        border-top: 1px solid #eeeeee
    }
}

body #app .price-info__old-container[data-v-9d197926], body #hr-widget-list .price-info__old-container[data-v-9d197926], body #hr-modal .price-info__old-container[data-v-9d197926] {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start
}

body #app .price-info__current-price[data-v-9d197926], body #hr-widget-list .price-info__current-price[data-v-9d197926], body #hr-modal .price-info__current-price[data-v-9d197926] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    line-height: 28px !important;
    text-align: left !important;
    color: var(--custom-text);
    margin-bottom: 4px;
    display: flex
}

body #app .price-info__current-price[data-v-9d197926] > *, body #hr-widget-list .price-info__current-price[data-v-9d197926] > *, body #hr-modal .price-info__current-price[data-v-9d197926] > * {
    margin-left: 8px
}

body #app .price-info__old-price[data-v-9d197926], body #hr-widget-list .price-info__old-price[data-v-9d197926], body #hr-modal .price-info__old-price[data-v-9d197926] {
    position: relative;
    display: inline-flex;
    margin-bottom: 4px;
    white-space: nowrap;
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: #9e9e9e
}

body #app .price-info__old-price[data-v-9d197926]:after, body #hr-widget-list .price-info__old-price[data-v-9d197926]:after, body #hr-modal .price-info__old-price[data-v-9d197926]:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 2px;
    background-color: red;
    transform: translateY(-50%)
}

body #app .price-info__discount[data-v-9d197926], body #hr-widget-list .price-info__discount[data-v-9d197926], body #hr-modal .price-info__discount[data-v-9d197926] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 16px !important;
    text-align: left !important;
    color: #fff;
    background-color: var(--custom-label);
    padding: 1px 4px;
    border-radius: 6px;
    margin-left: 8px;
    white-space: nowrap
}

body #app .price-info__day[data-v-9d197926], body #app .price-info__text[data-v-9d197926], body #hr-widget-list .price-info__day[data-v-9d197926], body #hr-widget-list .price-info__text[data-v-9d197926], body #hr-modal .price-info__day[data-v-9d197926], body #hr-modal .price-info__text[data-v-9d197926] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: #9e9e9e
}

body #app .price-info__button > svg[data-v-9d197926], body #hr-widget-list .price-info__button > svg[data-v-9d197926], body #hr-modal .price-info__button > svg[data-v-9d197926] {
    margin-left: 4px
}

body #app .price-info__link[data-v-9d197926], body #hr-widget-list .price-info__link[data-v-9d197926], body #hr-modal .price-info__link[data-v-9d197926] {
    margin-top: 10px
}

body #app .hotel-card[data-v-9d197926], body #hr-widget-list .hotel-card[data-v-9d197926], body #hr-modal .hotel-card[data-v-9d197926] {
    background-color: #fff;
    display: grid;
    grid-template-columns:300px 1fr 205px;
    border-radius: 12px;
    border: 1px solid #eeeeee;
    box-shadow: 0 4px 10px #0000000d;
    max-height: 200px;
    overflow: hidden
}

@media (max-width: 1023px) {
    body #app .hotel-card[data-v-9d197926], body #hr-widget-list .hotel-card[data-v-9d197926], body #hr-modal .hotel-card[data-v-9d197926] {
        grid-template-columns:1fr;
        max-height: none
    }
}

body #app .hotel-card__slide[data-v-9d197926], body #hr-widget-list .hotel-card__slide[data-v-9d197926], body #hr-modal .hotel-card__slide[data-v-9d197926] {
    height: 200px
}

@media (max-width: 1023px) {
    body #app .hotel-card__slide[data-v-9d197926], body #hr-widget-list .hotel-card__slide[data-v-9d197926], body #hr-modal .hotel-card__slide[data-v-9d197926] {
        height: 254px
    }
}

body #app .hotel-card__image[data-v-9d197926], body #hr-widget-list .hotel-card__image[data-v-9d197926], body #hr-modal .hotel-card__image[data-v-9d197926] {
    width: 300px;
    height: 200px;
    object-fit: cover;
    object-position: center
}

@media (max-width: 1023px) {
    body #app .hotel-card__image[data-v-9d197926], body #hr-widget-list .hotel-card__image[data-v-9d197926], body #hr-modal .hotel-card__image[data-v-9d197926] {
        width: 100%;
        max-width: calc(100vw - 12px);
        height: 330px;
        margin: 6px 6px 0;
        border-radius: 6px
    }
}

body #app .hotel-card .swiper[data-v-9d197926], body #hr-widget-list .hotel-card .swiper[data-v-9d197926], body #hr-modal .hotel-card .swiper[data-v-9d197926] {
    width: 100%;
    height: 100%
}

@media (max-width: 1023px) {
    body #app .hotel-card .swiper[data-v-9d197926], body #hr-widget-list .hotel-card .swiper[data-v-9d197926], body #hr-modal .hotel-card .swiper[data-v-9d197926] {
        max-width: 100vw
    }
}

body #app .muted[data-v-9d197926], body #hr-widget-list .muted[data-v-9d197926], body #hr-modal .muted[data-v-9d197926] {
    opacity: .3
}

body #app .hotel-card.map[data-v-9d197926], body #hr-widget-list .hotel-card.map[data-v-9d197926], body #hr-modal .hotel-card.map[data-v-9d197926] {
    max-width: min-content;
    min-width: 300px;
    box-sizing: border-box;
    min-height: 144px;
    width: 100%;
    grid-template-columns:1fr;
    max-height: none
}

@media (max-width: 1023px) {
    body #app .hotel-card.map[data-v-9d197926], body #hr-widget-list .hotel-card.map[data-v-9d197926], body #hr-modal .hotel-card.map[data-v-9d197926] {
        max-width: unset;
        grid-template-columns:128px 1fr;
        grid-template-rows:max-content 1fr
    }
}

body #app .hotel-card.map.transparent[data-v-9d197926], body #hr-widget-list .hotel-card.map.transparent[data-v-9d197926], body #hr-modal .hotel-card.map.transparent[data-v-9d197926] {
    opacity: 0
}

body #app .hotel-card.map .hotel-card__image[data-v-9d197926], body #hr-widget-list .hotel-card.map .hotel-card__image[data-v-9d197926], body #hr-modal .hotel-card.map .hotel-card__image[data-v-9d197926] {
    padding: 0;
    width: 100%;
    max-width: calc(100vw - 12px);
    height: 100%
}

@media (max-width: 1023px) {
    body #app .hotel-card.map .hotel-card__image[data-v-9d197926], body #hr-widget-list .hotel-card.map .hotel-card__image[data-v-9d197926], body #hr-modal .hotel-card.map .hotel-card__image[data-v-9d197926] {
        padding: 0;
        margin: 0
    }
}

body #app .hotel-card.map .swiper[data-v-9d197926], body #hr-widget-list .hotel-card.map .swiper[data-v-9d197926], body #hr-modal .hotel-card.map .swiper[data-v-9d197926] {
    max-width: 100vw
}

@media (max-width: 1023px) {
    body #app .hotel-card.map .swiper[data-v-9d197926], body #hr-widget-list .hotel-card.map .swiper[data-v-9d197926], body #hr-modal .hotel-card.map .swiper[data-v-9d197926] {
        max-width: 100vw;
        grid-row: span 2;
        width: calc(100% - 16px);
        height: calc(100% - 16px);
        margin: 8px;
        border-radius: 12px
    }
}

body #app .hotel-card.map .hotel-info[data-v-9d197926], body #hr-widget-list .hotel-card.map .hotel-info[data-v-9d197926], body #hr-modal .hotel-card.map .hotel-info[data-v-9d197926] {
    padding: 16px
}

@media (max-width: 1023px) {
    body #app .hotel-card.map .hotel-info[data-v-9d197926], body #hr-widget-list .hotel-card.map .hotel-info[data-v-9d197926], body #hr-modal .hotel-card.map .hotel-info[data-v-9d197926] {
        padding: 12px 12px 8px 4px
    }
}

body #app .hotel-card.map .price-column[data-v-9d197926], body #hr-widget-list .hotel-card.map .price-column[data-v-9d197926], body #hr-modal .hotel-card.map .price-column[data-v-9d197926] {
    padding: 16px;
    grid-template-columns:max-content max-content;
    gap: 12px;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #eeeeee;
    border-left: 0;
    width: 100%;
    box-sizing: border-box
}

@media (max-width: 1023px) {
    body #app .hotel-card.map .price-column[data-v-9d197926], body #hr-widget-list .hotel-card.map .price-column[data-v-9d197926], body #hr-modal .hotel-card.map .price-column[data-v-9d197926] {
        padding: 8px 0;
        width: calc(100% - 16px);
        margin: 0 12px 0 4px;
        grid-template-columns:1fr max-content
    }
}

body #app .hotel-card.map .hotel-info__title span[data-v-9d197926], body #hr-widget-list .hotel-card.map .hotel-info__title span[data-v-9d197926], body #hr-modal .hotel-card.map .hotel-info__title span[data-v-9d197926] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    white-space: initial
}

@media (max-width: 1023px) {
    body #app .hotel-card.map .hotel-info__title span[data-v-9d197926], body #hr-widget-list .hotel-card.map .hotel-info__title span[data-v-9d197926], body #hr-modal .hotel-card.map .hotel-info__title span[data-v-9d197926] {
        font-family: Inter, Roboto, Arial, sans-serif !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        line-height: 20px !important;
        text-align: left !important
    }
}

@media (max-width: 1023px) {
    body #app .hotel-card.map .price-info__old-price[data-v-9d197926], body #hr-widget-list .hotel-card.map .price-info__old-price[data-v-9d197926], body #hr-modal .hotel-card.map .price-info__old-price[data-v-9d197926] {
        font-family: Inter, Roboto, Arial, sans-serif !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 20px !important;
        text-align: left !important
    }
}

@media (max-width: 1023px) {
    body #app .hotel-card.map .price-info__old-price[data-v-9d197926]:after, body #hr-widget-list .hotel-card.map .price-info__old-price[data-v-9d197926]:after, body #hr-modal .hotel-card.map .price-info__old-price[data-v-9d197926]:after {
        height: 1px
    }
}

@media (max-width: 1023px) {
    body #app .hotel-card.map .price-info__discount[data-v-9d197926], body #hr-widget-list .hotel-card.map .price-info__discount[data-v-9d197926], body #hr-modal .hotel-card.map .price-info__discount[data-v-9d197926] {
        font-family: Inter, Roboto, Arial, sans-serif !important;
        font-size: 12px !important;
        font-weight: 500 !important;
        line-height: 16px !important;
        text-align: left !important
    }
}

@media (max-width: 1023px) {
    body #app .hotel-card.map .price-info__day[data-v-9d197926], body #hr-widget-list .hotel-card.map .price-info__day[data-v-9d197926], body #hr-modal .hotel-card.map .price-info__day[data-v-9d197926] {
        font-family: Inter, Roboto, Arial, sans-serif !important;
        font-size: 12px !important;
        font-weight: 500 !important;
        line-height: 16px !important;
        text-align: left !important
    }
}

@media (max-width: 1023px) {
    body #app .hotel-card.map .price-info__current-price[data-v-9d197926], body #hr-widget-list .hotel-card.map .price-info__current-price[data-v-9d197926], body #hr-modal .hotel-card.map .price-info__current-price[data-v-9d197926] {
        font-family: Inter, Roboto, Arial, sans-serif !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        line-height: 20px !important;
        text-align: left !important;
        margin: 0;
        max-width: 79px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block
    }
}

@media (max-width: 1023px) {
    body #app .hotel-card.map .price-info__button[data-v-9d197926], body #hr-widget-list .hotel-card.map .price-info__button[data-v-9d197926], body #hr-modal .hotel-card.map .price-info__button[data-v-9d197926] {
        display: none
    }
}

body #app .hotel-card.map .price-info__button-mobile[data-v-9d197926], body #hr-widget-list .hotel-card.map .price-info__button-mobile[data-v-9d197926], body #hr-modal .hotel-card.map .price-info__button-mobile[data-v-9d197926] {
    display: none
}

@media (max-width: 1023px) {
    body #app .hotel-card.map .price-info__button-mobile[data-v-9d197926], body #hr-widget-list .hotel-card.map .price-info__button-mobile[data-v-9d197926], body #hr-modal .hotel-card.map .price-info__button-mobile[data-v-9d197926] {
        display: flex
    }
}

@media (max-width: 1023px) {
    body #app .hotel-card.map .price-info__wrapper[data-v-9d197926], body #hr-widget-list .hotel-card.map .price-info__wrapper[data-v-9d197926], body #hr-modal .hotel-card.map .price-info__wrapper[data-v-9d197926] {
        display: grid;
        grid-template-columns:max-content max-content;
        gap: 4px;
        align-items: center
    }
}

body #app .custom-marker[data-v-9d197926], body #hr-widget-list .custom-marker[data-v-9d197926], body #hr-modal .custom-marker[data-v-9d197926] {
    position: relative;
    transform: translate(-50%, calc(-100% + 8px));
    display: flex;
    flex-direction: column;
    align-items: center
}

body #app .bubble[data-v-9d197926], body #hr-widget-list .bubble[data-v-9d197926], body #hr-modal .bubble[data-v-9d197926] {
    pointer-events: all;
    width: max-content;
    margin-bottom: 8px
}

body #app .bubble[data-v-9d197926]:empty, body #hr-widget-list .bubble[data-v-9d197926]:empty, body #hr-modal .bubble[data-v-9d197926]:empty {
    margin: 0
}

body #app .point[data-v-9d197926], body #hr-widget-list .point[data-v-9d197926], body #hr-modal .point[data-v-9d197926] {
    pointer-events: all;
    width: 16px;
    height: 16px;
    background-color: var(--custom-main);
    border: 2px solid #ffffff;
    border-radius: 100%;
    cursor: pointer
}

body[data-v-9d197926] .ymaps3x0--marker {
    pointer-events: none
}

[data-v-c3e1ac84]:root {
    --custom-text: #424242;
    --custom-label: #f44336;
    --custom-background: #f6f6f6;
    --custom-main: #2196f3;
    --custom-main-dark: #0d47a1;
    --custom-main-light: #e3f2fd
}

body #app .convenience[data-v-c3e1ac84], body #hr-widget-list .convenience[data-v-c3e1ac84], body #hr-modal .convenience[data-v-c3e1ac84] {
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid #e0e0e0
}

body #app .convenience__title[data-v-c3e1ac84], body #hr-widget-list .convenience__title[data-v-c3e1ac84], body #hr-modal .convenience__title[data-v-c3e1ac84] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 22px !important;
    text-align: left !important;
    color: var(--custom-text);
    margin-bottom: 12px
}

body #app .convenience__items[data-v-c3e1ac84], body #hr-widget-list .convenience__items[data-v-c3e1ac84], body #hr-modal .convenience__items[data-v-c3e1ac84] {
    display: grid;
    grid-template-columns:1fr 1fr 1fr;
    column-gap: 36px
}

@media (max-width: 1023px) {
    body #app .convenience__items[data-v-c3e1ac84], body #hr-widget-list .convenience__items[data-v-c3e1ac84], body #hr-modal .convenience__items[data-v-c3e1ac84] {
        grid-template-columns:1fr;
        gap: 0
    }
}

body #app .convenience__item[data-v-c3e1ac84], body #hr-widget-list .convenience__item[data-v-c3e1ac84], body #hr-modal .convenience__item[data-v-c3e1ac84] {
    padding: 18px 18px 18px 0;
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: var(--custom-text);
    display: flex;
    align-items: center
}

body #app .convenience__item svg[data-v-c3e1ac84], body #hr-widget-list .convenience__item svg[data-v-c3e1ac84], body #hr-modal .convenience__item svg[data-v-c3e1ac84] {
    margin-right: 16px
}

body #app .convenience__popup[data-v-c3e1ac84], body #hr-widget-list .convenience__popup[data-v-c3e1ac84], body #hr-modal .convenience__popup[data-v-c3e1ac84] {
    overscroll-behavior: contain;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin-top: 48px;
    background: #fff;
    z-index: 9001;
    border-radius: 16px 16px 0 0;
    padding: 24px 16px;
    overflow-y: auto;
    animation-name: up;
    animation-duration: .4s
}

body #app .convenience__popup-content[data-v-c3e1ac84] > *:not(:last-child), body #hr-widget-list .convenience__popup-content[data-v-c3e1ac84] > *:not(:last-child), body #hr-modal .convenience__popup-content[data-v-c3e1ac84] > *:not(:last-child) {
    border-bottom: 1px solid #eeeeee
}

#app input[data-v-c3e1ac84]::placeholder, #hr-widget-list input[data-v-c3e1ac84]::placeholder, #hr-modal input[data-v-c3e1ac84]::placeholder {
    color: #757575
}

#app .inputs[data-v-c3e1ac84], #hr-widget-list .inputs[data-v-c3e1ac84], #hr-modal .inputs[data-v-c3e1ac84] {
    display: grid;
    grid-template-columns:1fr 1fr 1fr;
    gap: 16px;
    margin-bottom: 24px
}

@media (max-width: 1023px) {
    #app .inputs[data-v-c3e1ac84], #hr-widget-list .inputs[data-v-c3e1ac84], #hr-modal .inputs[data-v-c3e1ac84] {
        grid-template-columns:1fr 1fr;
        gap: 12px
    }
}

#app .inputs__input[data-v-c3e1ac84], #hr-widget-list .inputs__input[data-v-c3e1ac84], #hr-modal .inputs__input[data-v-c3e1ac84] {
    position: relative
}

@media (max-width: 1023px) {
    #app .inputs__input--mobile-w-100[data-v-c3e1ac84], #hr-widget-list .inputs__input--mobile-w-100[data-v-c3e1ac84], #hr-modal .inputs__input--mobile-w-100[data-v-c3e1ac84] {
        grid-column: span 2
    }
}

#app .inputs__label[data-v-c3e1ac84], #hr-widget-list .inputs__label[data-v-c3e1ac84], #hr-modal .inputs__label[data-v-c3e1ac84] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: #757575;
    margin-bottom: 5px
}

#app .inputs__error[data-v-c3e1ac84], #hr-widget-list .inputs__error[data-v-c3e1ac84], #hr-modal .inputs__error[data-v-c3e1ac84] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 16px !important;
    text-align: left !important;
    color: #f44336
}

#app .input[data-v-c3e1ac84], #hr-widget-list .input[data-v-c3e1ac84], #hr-modal .input[data-v-c3e1ac84] {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    padding: 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: .1s ease-out;
    overflow: hidden
}

#app .input[data-v-c3e1ac84]:hover, #hr-widget-list .input[data-v-c3e1ac84]:hover, #hr-modal .input[data-v-c3e1ac84]:hover {
    text-decoration: none;
    outline: 0
}

@media (hover: hover) and (pointer: fine) {
    #app .input[data-v-c3e1ac84]:hover, #hr-widget-list .input[data-v-c3e1ac84]:hover, #hr-modal .input[data-v-c3e1ac84]:hover {
        border-color: var(--custom-text)
    }
}

#app .input[data-v-c3e1ac84]:active, #hr-widget-list .input[data-v-c3e1ac84]:active, #hr-modal .input[data-v-c3e1ac84]:active {
    border-color: var(--custom-text)
}

#app .input span[data-v-c3e1ac84], #hr-widget-list .input span[data-v-c3e1ac84], #hr-modal .input span[data-v-c3e1ac84] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: var(--custom-text);
    margin-left: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#app .input__arrow[data-v-c3e1ac84], #hr-widget-list .input__arrow[data-v-c3e1ac84], #hr-modal .input__arrow[data-v-c3e1ac84] {
    margin-left: auto
}

body #app .hotel-detail[data-v-c3e1ac84], body #hr-widget-list .hotel-detail[data-v-c3e1ac84], body #hr-modal .hotel-detail[data-v-c3e1ac84] {
    overscroll-behavior: contain;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin-top: 48px;
    background: #fff;
    z-index: 9001;
    border-radius: 16px 16px 0 0;
    padding: 24px 16px;
    overflow-y: auto;
    animation-name: up;
    animation-duration: .4s
}

body #app .hotel-detail__container[data-v-c3e1ac84], body #hr-widget-list .hotel-detail__container[data-v-c3e1ac84], body #hr-modal .hotel-detail__container[data-v-c3e1ac84] {
    max-width: 1024px;
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

body #app .hotel-detail__button[data-v-c3e1ac84], body #hr-widget-list .hotel-detail__button[data-v-c3e1ac84], body #hr-modal .hotel-detail__button[data-v-c3e1ac84] {
    margin-bottom: 24px
}

body #app .hotel-detail__button[data-v-c3e1ac84]:hover, body #hr-widget-list .hotel-detail__button[data-v-c3e1ac84]:hover, body #hr-modal .hotel-detail__button[data-v-c3e1ac84]:hover {
    text-decoration: none;
    outline: 0
}

@media (hover: hover) and (pointer: fine) {
    body #app .hotel-detail__button:hover path[data-v-c3e1ac84], body #hr-widget-list .hotel-detail__button:hover path[data-v-c3e1ac84], body #hr-modal .hotel-detail__button:hover path[data-v-c3e1ac84] {
        stroke: var(--custom-main-dark)
    }
}

body #app .hotel-detail__button:active path[data-v-c3e1ac84], body #hr-widget-list .hotel-detail__button:active path[data-v-c3e1ac84], body #hr-modal .hotel-detail__button:active path[data-v-c3e1ac84] {
    stroke: var(--custom-main-dark)
}

body #app .hotel-detail__button > svg[data-v-c3e1ac84], body #hr-widget-list .hotel-detail__button > svg[data-v-c3e1ac84], body #hr-modal .hotel-detail__button > svg[data-v-c3e1ac84] {
    margin-right: 4px
}

body #app .hotel-detail__info[data-v-c3e1ac84], body #hr-widget-list .hotel-detail__info[data-v-c3e1ac84], body #hr-modal .hotel-detail__info[data-v-c3e1ac84] {
    display: flex;
    margin-bottom: 24px
}

@media (max-width: 1023px) {
    body #app .hotel-detail__info[data-v-c3e1ac84], body #hr-widget-list .hotel-detail__info[data-v-c3e1ac84], body #hr-modal .hotel-detail__info[data-v-c3e1ac84] {
        flex-direction: column
    }
}

body #app .hotel-detail__right[data-v-c3e1ac84], body #hr-widget-list .hotel-detail__right[data-v-c3e1ac84], body #hr-modal .hotel-detail__right[data-v-c3e1ac84] {
    display: flex
}

@media (max-width: 1023px) {
    body #app .hotel-detail__right[data-v-c3e1ac84], body #hr-widget-list .hotel-detail__right[data-v-c3e1ac84], body #hr-modal .hotel-detail__right[data-v-c3e1ac84] {
        margin-top: 24px;
        display: grid;
        grid-template-columns:max-content max-content;
        align-items: center;
        justify-content: space-between
    }
}

body #app .hotel-detail__content[data-v-c3e1ac84], body #hr-widget-list .hotel-detail__content[data-v-c3e1ac84], body #hr-modal .hotel-detail__content[data-v-c3e1ac84] {
    margin-right: auto;
    display: grid;
    gap: 8px;
    max-width: 632px;
    overflow: hidden;
    width: 100%;
    min-height: 58px
}

body #app .hotel-detail__content-title[data-v-c3e1ac84], body #hr-widget-list .hotel-detail__content-title[data-v-c3e1ac84], body #hr-modal .hotel-detail__content-title[data-v-c3e1ac84] {
    display: flex;
    align-items: center;
    width: 100%;
    overflow: hidden
}

body #app .hotel-detail__content-title > span[data-v-c3e1ac84], body #hr-widget-list .hotel-detail__content-title > span[data-v-c3e1ac84], body #hr-modal .hotel-detail__content-title > span[data-v-c3e1ac84] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 22px !important;
    text-align: left !important;
    color: var(--custom-text)
}

body #app .hotel-detail__content-text[data-v-c3e1ac84], body #hr-widget-list .hotel-detail__content-text[data-v-c3e1ac84], body #hr-modal .hotel-detail__content-text[data-v-c3e1ac84] {
    display: flex;
    align-items: center;
    width: 100%;
    overflow: hidden
}

body #app .hotel-detail__content-text > svg[data-v-c3e1ac84], body #hr-widget-list .hotel-detail__content-text > svg[data-v-c3e1ac84], body #hr-modal .hotel-detail__content-text > svg[data-v-c3e1ac84] {
    margin-right: 4px;
    min-width: 20px;
    height: 20px
}

body #app .hotel-detail__content-text > span[data-v-c3e1ac84], body #hr-widget-list .hotel-detail__content-text > span[data-v-c3e1ac84], body #hr-modal .hotel-detail__content-text > span[data-v-c3e1ac84] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: var(--custom-text)
}

body #app .hotel-detail__price-info[data-v-c3e1ac84], body #hr-widget-list .hotel-detail__price-info[data-v-c3e1ac84], body #hr-modal .hotel-detail__price-info[data-v-c3e1ac84] {
    margin-right: 20px
}

body #app .hotel-detail__current-price[data-v-c3e1ac84], body #hr-widget-list .hotel-detail__current-price[data-v-c3e1ac84], body #hr-modal .hotel-detail__current-price[data-v-c3e1ac84] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 22px !important;
    text-align: left !important;
    color: var(--custom-text);
    display: grid;
    grid-template-columns:max-content max-content;
    white-space: nowrap;
    align-items: center;
    gap: 4px
}

@media (max-width: 1023px) {
    body #app .hotel-detail__current-price[data-v-c3e1ac84], body #hr-widget-list .hotel-detail__current-price[data-v-c3e1ac84], body #hr-modal .hotel-detail__current-price[data-v-c3e1ac84] {
        grid-template-columns:1fr
    }
}

body #app .hotel-detail__old-price[data-v-c3e1ac84], body #hr-widget-list .hotel-detail__old-price[data-v-c3e1ac84], body #hr-modal .hotel-detail__old-price[data-v-c3e1ac84] {
    position: relative;
    display: inline-flex;
    white-space: nowrap;
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: #9e9e9e
}

body #app .hotel-detail__old-price[data-v-c3e1ac84]:after, body #hr-widget-list .hotel-detail__old-price[data-v-c3e1ac84]:after, body #hr-modal .hotel-detail__old-price[data-v-c3e1ac84]:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 1px;
    background-color: red;
    transform: translateY(-50%)
}

body #app .hotel-detail__discount[data-v-c3e1ac84], body #hr-widget-list .hotel-detail__discount[data-v-c3e1ac84], body #hr-modal .hotel-detail__discount[data-v-c3e1ac84] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 16px !important;
    text-align: left !important;
    color: #fff;
    background-color: var(--custom-label);
    padding: 1px 4px;
    border-radius: 6px;
    margin-left: 8px;
    white-space: nowrap
}

body #app .hotel-detail__day[data-v-c3e1ac84], body #hr-widget-list .hotel-detail__day[data-v-c3e1ac84], body #hr-modal .hotel-detail__day[data-v-c3e1ac84] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 16px !important;
    text-align: left !important;
    color: #9e9e9e;
    white-space: nowrap
}

body #app .hotel-detail a.hotel-detail__price-button[data-v-c3e1ac84], body #hr-widget-list .hotel-detail a.hotel-detail__price-button[data-v-c3e1ac84], body #hr-modal .hotel-detail a.hotel-detail__price-button[data-v-c3e1ac84] {
    min-height: 50px;
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important
}

body #app .hotel-detail__fixed[data-v-c3e1ac84], body #hr-widget-list .hotel-detail__fixed[data-v-c3e1ac84], body #hr-modal .hotel-detail__fixed[data-v-c3e1ac84] {
    position: fixed;
    z-index: 9000;
    top: 48px;
    left: 0;
    right: 0;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    background-color: #fff;
    overflow: hidden;
    border-bottom: 1px solid #e0e0e0;
    animation: hideBlock-c3e1ac84 .3s ease-out forwards;
    display: none
}

body #app .hotel-detail__fixed.active[data-v-c3e1ac84], body #hr-widget-list .hotel-detail__fixed.active[data-v-c3e1ac84], body #hr-modal .hotel-detail__fixed.active[data-v-c3e1ac84] {
    animation: visibleBlock-c3e1ac84 .3s ease-out forwards;
    display: block
}

body #app .hotel-detail__fixed-container[data-v-c3e1ac84], body #hr-widget-list .hotel-detail__fixed-container[data-v-c3e1ac84], body #hr-modal .hotel-detail__fixed-container[data-v-c3e1ac84] {
    box-sizing: border-box;
    padding: 24px 0;
    max-width: 1024px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    width: 100%
}

@media (max-width: 1023px) {
    body #app .hotel-detail__fixed-container[data-v-c3e1ac84], body #hr-widget-list .hotel-detail__fixed-container[data-v-c3e1ac84], body #hr-modal .hotel-detail__fixed-container[data-v-c3e1ac84] {
        flex-direction: column;
        padding: 16px
    }
}

@media (max-width: 1023px) {
    body #app .hotel-detail__fixed .hotel-detail__right[data-v-c3e1ac84], body #hr-widget-list .hotel-detail__fixed .hotel-detail__right[data-v-c3e1ac84], body #hr-modal .hotel-detail__fixed .hotel-detail__right[data-v-c3e1ac84] {
        margin-top: 16px
    }
}

@media (max-width: 1023px) {
    body #app .hotel-detail__fixed .hotel-detail__current-price[data-v-c3e1ac84], body #hr-widget-list .hotel-detail__fixed .hotel-detail__current-price[data-v-c3e1ac84], body #hr-modal .hotel-detail__fixed .hotel-detail__current-price[data-v-c3e1ac84] {
        grid-template-columns:max-content max-content
    }
}

body #app .hotel-detail__fixed .hotel-detail__current-price.without-discont[data-v-c3e1ac84], body #hr-widget-list .hotel-detail__fixed .hotel-detail__current-price.without-discont[data-v-c3e1ac84], body #hr-modal .hotel-detail__fixed .hotel-detail__current-price.without-discont[data-v-c3e1ac84] {
    grid-template-columns:1fr
}

body #app .hotel-detail__left[data-v-c3e1ac84], body #hr-widget-list .hotel-detail__left[data-v-c3e1ac84], body #hr-modal .hotel-detail__left[data-v-c3e1ac84] {
    display: grid;
    gap: 6px;
    margin-right: 20px
}

@media (max-width: 1023px) {
    body #app .hotel-detail__left[data-v-c3e1ac84], body #hr-widget-list .hotel-detail__left[data-v-c3e1ac84], body #hr-modal .hotel-detail__left[data-v-c3e1ac84] {
        margin-right: 0
    }
}

body #app .hotel-detail__left-text[data-v-c3e1ac84], body #hr-widget-list .hotel-detail__left-text[data-v-c3e1ac84], body #hr-modal .hotel-detail__left-text[data-v-c3e1ac84] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: var(--custom-text)
}

@keyframes visibleBlock-c3e1ac84 {
    0% {
        opacity: 0;
        display: none
    }
    to {
        opacity: 1;
        display: block
    }
}

@keyframes hideBlock-c3e1ac84 {
    0% {
        opacity: 1;
        display: block
    }
    to {
        opacity: 0;
        display: none
    }
}

[data-v-bc143f1f]:root {
    --custom-text: #424242;
    --custom-label: #f44336;
    --custom-background: #f6f6f6;
    --custom-main: #2196f3;
    --custom-main-dark: #0d47a1;
    --custom-main-light: #e3f2fd
}

body #app .hotel-detail-info__title[data-v-bc143f1f], body #hr-widget-list .hotel-detail-info__title[data-v-bc143f1f], body #hr-modal .hotel-detail-info__title[data-v-bc143f1f] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 22px !important;
    text-align: left !important;
    color: var(--custom-text);
    margin-bottom: 12px
}

body #app .hotel-detail-info__cards[data-v-bc143f1f], body #hr-widget-list .hotel-detail-info__cards[data-v-bc143f1f], body #hr-modal .hotel-detail-info__cards[data-v-bc143f1f] {
    display: flex;
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid #e0e0e0
}

@media (max-width: 1023px) {
    body #app .hotel-detail-info__cards[data-v-bc143f1f], body #hr-widget-list .hotel-detail-info__cards[data-v-bc143f1f], body #hr-modal .hotel-detail-info__cards[data-v-bc143f1f] {
        display: grid;
        grid-template-columns:1fr 1fr;
        gap: 8px
    }
}

body #app .hotel-detail-info__card[data-v-bc143f1f], body #hr-widget-list .hotel-detail-info__card[data-v-bc143f1f], body #hr-modal .hotel-detail-info__card[data-v-bc143f1f] {
    box-sizing: border-box;
    border-radius: 12px;
    border: 1px solid #e0e0e0;
    padding: 16px;
    display: grid;
    gap: 8px;
    width: 140px
}

@media (max-width: 1023px) {
    body #app .hotel-detail-info__card[data-v-bc143f1f], body #hr-widget-list .hotel-detail-info__card[data-v-bc143f1f], body #hr-modal .hotel-detail-info__card[data-v-bc143f1f] {
        width: 100%
    }
}

body #app .hotel-detail-info__card[data-v-bc143f1f]:not(:last-child), body #hr-widget-list .hotel-detail-info__card[data-v-bc143f1f]:not(:last-child), body #hr-modal .hotel-detail-info__card[data-v-bc143f1f]:not(:last-child) {
    margin-right: 8px
}

@media (max-width: 1023px) {
    body #app .hotel-detail-info__card[data-v-bc143f1f]:not(:last-child), body #hr-widget-list .hotel-detail-info__card[data-v-bc143f1f]:not(:last-child), body #hr-modal .hotel-detail-info__card[data-v-bc143f1f]:not(:last-child) {
        margin-right: 0
    }
}

body #app .hotel-detail-info__card svg[data-v-bc143f1f], body #hr-widget-list .hotel-detail-info__card svg[data-v-bc143f1f], body #hr-modal .hotel-detail-info__card svg[data-v-bc143f1f] {
    margin-bottom: 8px
}

body #app .hotel-detail-info__card-text[data-v-bc143f1f], body #hr-widget-list .hotel-detail-info__card-text[data-v-bc143f1f], body #hr-modal .hotel-detail-info__card-text[data-v-bc143f1f] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 16px !important;
    text-align: left !important;
    color: #757575;
    text-overflow: ellipsis;
    overflow: hidden
}

body #app .hotel-detail-info__card-value[data-v-bc143f1f], body #hr-widget-list .hotel-detail-info__card-value[data-v-bc143f1f], body #hr-modal .hotel-detail-info__card-value[data-v-bc143f1f] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: var(--custom-text);
    text-overflow: ellipsis;
    overflow: hidden
}

body #app .hotel-detail-info__description[data-v-bc143f1f], body #hr-widget-list .hotel-detail-info__description[data-v-bc143f1f], body #hr-modal .hotel-detail-info__description[data-v-bc143f1f] {
    text-align: initial !important;
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid #e0e0e0
}

body #app .hotel-detail-info__description p[data-v-bc143f1f], body #hr-widget-list .hotel-detail-info__description p[data-v-bc143f1f], body #hr-modal .hotel-detail-info__description p[data-v-bc143f1f] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: var(--custom-text)
}

@media (max-width: 1023px) {
    body #app .hotel-detail-info__description p[data-v-bc143f1f], body #hr-widget-list .hotel-detail-info__description p[data-v-bc143f1f], body #hr-modal .hotel-detail-info__description p[data-v-bc143f1f] {
        font-family: Inter, Roboto, Arial, sans-serif !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 20px !important;
        text-align: left !important
    }
}

body #app .hotel-detail-info__description p[data-v-bc143f1f]:not(:last-child), body #hr-widget-list .hotel-detail-info__description p[data-v-bc143f1f]:not(:last-child), body #hr-modal .hotel-detail-info__description p[data-v-bc143f1f]:not(:last-child) {
    margin-bottom: 24px
}

body #app .hotel-detail-info__description a[data-v-bc143f1f], body #hr-widget-list .hotel-detail-info__description a[data-v-bc143f1f], body #hr-modal .hotel-detail-info__description a[data-v-bc143f1f] {
    color: var(--custom-main);
    transition: .1s ease-out
}

body #app .hotel-detail-info__description a[data-v-bc143f1f]:hover, body #hr-widget-list .hotel-detail-info__description a[data-v-bc143f1f]:hover, body #hr-modal .hotel-detail-info__description a[data-v-bc143f1f]:hover {
    text-decoration: none;
    outline: 0
}

@media (hover: hover) and (pointer: fine) {
    body #app .hotel-detail-info__description a[data-v-bc143f1f]:hover, body #hr-widget-list .hotel-detail-info__description a[data-v-bc143f1f]:hover, body #hr-modal .hotel-detail-info__description a[data-v-bc143f1f]:hover {
        color: var(--custom-main-dark)
    }
}

body #app .hotel-detail-info__description a[data-v-bc143f1f]:active, body #hr-widget-list .hotel-detail-info__description a[data-v-bc143f1f]:active, body #hr-modal .hotel-detail-info__description a[data-v-bc143f1f]:active {
    color: var(--custom-main-dark)
}

body #app .hotel-detail-info__address-title[data-v-bc143f1f], body #hr-widget-list .hotel-detail-info__address-title[data-v-bc143f1f], body #hr-modal .hotel-detail-info__address-title[data-v-bc143f1f] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 22px !important;
    text-align: left !important;
    color: var(--custom-text);
    margin-bottom: 8px
}

body #app .hotel-detail-info__address-text[data-v-bc143f1f], body #hr-widget-list .hotel-detail-info__address-text[data-v-bc143f1f], body #hr-modal .hotel-detail-info__address-text[data-v-bc143f1f] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: #757575;
    margin-bottom: 24px
}

body #app .hotel-detail-info__address-map[data-v-bc143f1f], body #hr-widget-list .hotel-detail-info__address-map[data-v-bc143f1f], body #hr-modal .hotel-detail-info__address-map[data-v-bc143f1f] {
    border-radius: 12px;
    overflow: hidden;
    width: 100%;
    height: 400px;
    object-fit: cover
}

body #app .hotel-detail-info__footer[data-v-bc143f1f], body #hr-widget-list .hotel-detail-info__footer[data-v-bc143f1f], body #hr-modal .hotel-detail-info__footer[data-v-bc143f1f] {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #e0e0e0;
    text-align: center;
    color: #757575
}

[data-v-f5d85eb9]:root {
    --custom-text: #424242;
    --custom-label: #f44336;
    --custom-background: #f6f6f6;
    --custom-main: #2196f3;
    --custom-main-dark: #0d47a1;
    --custom-main-light: #e3f2fd
}

#app input[data-v-f5d85eb9]::placeholder, #hr-widget-list input[data-v-f5d85eb9]::placeholder, #hr-modal input[data-v-f5d85eb9]::placeholder {
    color: #757575
}

#app .inputs[data-v-f5d85eb9], #hr-widget-list .inputs[data-v-f5d85eb9], #hr-modal .inputs[data-v-f5d85eb9] {
    display: grid;
    grid-template-columns:1fr 1fr 1fr;
    gap: 16px;
    margin-bottom: 24px
}

@media (max-width: 1023px) {
    #app .inputs[data-v-f5d85eb9], #hr-widget-list .inputs[data-v-f5d85eb9], #hr-modal .inputs[data-v-f5d85eb9] {
        grid-template-columns:1fr 1fr;
        gap: 12px
    }
}

#app .inputs__input[data-v-f5d85eb9], #hr-widget-list .inputs__input[data-v-f5d85eb9], #hr-modal .inputs__input[data-v-f5d85eb9] {
    position: relative
}

@media (max-width: 1023px) {
    #app .inputs__input--mobile-w-100[data-v-f5d85eb9], #hr-widget-list .inputs__input--mobile-w-100[data-v-f5d85eb9], #hr-modal .inputs__input--mobile-w-100[data-v-f5d85eb9] {
        grid-column: span 2
    }
}

#app .inputs__label[data-v-f5d85eb9], #hr-widget-list .inputs__label[data-v-f5d85eb9], #hr-modal .inputs__label[data-v-f5d85eb9] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: #757575;
    margin-bottom: 5px
}

#app .inputs__error[data-v-f5d85eb9], #hr-widget-list .inputs__error[data-v-f5d85eb9], #hr-modal .inputs__error[data-v-f5d85eb9] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 16px !important;
    text-align: left !important;
    color: #f44336
}

#app .input[data-v-f5d85eb9], #hr-widget-list .input[data-v-f5d85eb9], #hr-modal .input[data-v-f5d85eb9] {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    padding: 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: .1s ease-out;
    overflow: hidden
}

#app .input[data-v-f5d85eb9]:hover, #hr-widget-list .input[data-v-f5d85eb9]:hover, #hr-modal .input[data-v-f5d85eb9]:hover {
    text-decoration: none;
    outline: 0
}

@media (hover: hover) and (pointer: fine) {
    #app .input[data-v-f5d85eb9]:hover, #hr-widget-list .input[data-v-f5d85eb9]:hover, #hr-modal .input[data-v-f5d85eb9]:hover {
        border-color: var(--custom-text)
    }
}

#app .input[data-v-f5d85eb9]:active, #hr-widget-list .input[data-v-f5d85eb9]:active, #hr-modal .input[data-v-f5d85eb9]:active {
    border-color: var(--custom-text)
}

#app .input span[data-v-f5d85eb9], #hr-widget-list .input span[data-v-f5d85eb9], #hr-modal .input span[data-v-f5d85eb9] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: var(--custom-text);
    margin-left: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#app .input__arrow[data-v-f5d85eb9], #hr-widget-list .input__arrow[data-v-f5d85eb9], #hr-modal .input__arrow[data-v-f5d85eb9] {
    margin-left: auto
}

body #app .hotel-detail[data-v-f5d85eb9], body #hr-widget-list .hotel-detail[data-v-f5d85eb9], body #hr-modal .hotel-detail[data-v-f5d85eb9] {
    overscroll-behavior: contain;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin-top: 48px;
    background: #fff;
    z-index: 9001;
    border-radius: 16px 16px 0 0;
    padding: 24px 16px;
    overflow-y: auto;
    animation-name: up;
    animation-duration: .4s
}

body #app .hotel-detail__container[data-v-f5d85eb9], body #hr-widget-list .hotel-detail__container[data-v-f5d85eb9], body #hr-modal .hotel-detail__container[data-v-f5d85eb9] {
    max-width: 1024px;
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

body #app .hotel-detail__button[data-v-f5d85eb9], body #hr-widget-list .hotel-detail__button[data-v-f5d85eb9], body #hr-modal .hotel-detail__button[data-v-f5d85eb9] {
    margin-bottom: 24px
}

body #app .hotel-detail__button[data-v-f5d85eb9]:hover, body #hr-widget-list .hotel-detail__button[data-v-f5d85eb9]:hover, body #hr-modal .hotel-detail__button[data-v-f5d85eb9]:hover {
    text-decoration: none;
    outline: 0
}

@media (hover: hover) and (pointer: fine) {
    body #app .hotel-detail__button:hover path[data-v-f5d85eb9], body #hr-widget-list .hotel-detail__button:hover path[data-v-f5d85eb9], body #hr-modal .hotel-detail__button:hover path[data-v-f5d85eb9] {
        stroke: var(--custom-main-dark)
    }
}

body #app .hotel-detail__button:active path[data-v-f5d85eb9], body #hr-widget-list .hotel-detail__button:active path[data-v-f5d85eb9], body #hr-modal .hotel-detail__button:active path[data-v-f5d85eb9] {
    stroke: var(--custom-main-dark)
}

body #app .hotel-detail__button > svg[data-v-f5d85eb9], body #hr-widget-list .hotel-detail__button > svg[data-v-f5d85eb9], body #hr-modal .hotel-detail__button > svg[data-v-f5d85eb9] {
    margin-right: 4px
}

body #app .hotel-detail__info[data-v-f5d85eb9], body #hr-widget-list .hotel-detail__info[data-v-f5d85eb9], body #hr-modal .hotel-detail__info[data-v-f5d85eb9] {
    display: flex;
    margin-bottom: 24px
}

@media (max-width: 1023px) {
    body #app .hotel-detail__info[data-v-f5d85eb9], body #hr-widget-list .hotel-detail__info[data-v-f5d85eb9], body #hr-modal .hotel-detail__info[data-v-f5d85eb9] {
        flex-direction: column
    }
}

body #app .hotel-detail__right[data-v-f5d85eb9], body #hr-widget-list .hotel-detail__right[data-v-f5d85eb9], body #hr-modal .hotel-detail__right[data-v-f5d85eb9] {
    display: flex
}

@media (max-width: 1023px) {
    body #app .hotel-detail__right[data-v-f5d85eb9], body #hr-widget-list .hotel-detail__right[data-v-f5d85eb9], body #hr-modal .hotel-detail__right[data-v-f5d85eb9] {
        margin-top: 24px;
        display: grid;
        grid-template-columns:max-content max-content;
        align-items: center;
        justify-content: space-between
    }
}

body #app .hotel-detail__content[data-v-f5d85eb9], body #hr-widget-list .hotel-detail__content[data-v-f5d85eb9], body #hr-modal .hotel-detail__content[data-v-f5d85eb9] {
    margin-right: auto;
    display: grid;
    gap: 8px;
    max-width: 632px;
    overflow: hidden;
    width: 100%;
    min-height: 58px
}

body #app .hotel-detail__content-title[data-v-f5d85eb9], body #hr-widget-list .hotel-detail__content-title[data-v-f5d85eb9], body #hr-modal .hotel-detail__content-title[data-v-f5d85eb9] {
    display: flex;
    align-items: center;
    width: 100%;
    overflow: hidden
}

body #app .hotel-detail__content-title > span[data-v-f5d85eb9], body #hr-widget-list .hotel-detail__content-title > span[data-v-f5d85eb9], body #hr-modal .hotel-detail__content-title > span[data-v-f5d85eb9] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 22px !important;
    text-align: left !important;
    color: var(--custom-text)
}

body #app .hotel-detail__content-text[data-v-f5d85eb9], body #hr-widget-list .hotel-detail__content-text[data-v-f5d85eb9], body #hr-modal .hotel-detail__content-text[data-v-f5d85eb9] {
    display: flex;
    align-items: center;
    width: 100%;
    overflow: hidden
}

body #app .hotel-detail__content-text > svg[data-v-f5d85eb9], body #hr-widget-list .hotel-detail__content-text > svg[data-v-f5d85eb9], body #hr-modal .hotel-detail__content-text > svg[data-v-f5d85eb9] {
    margin-right: 4px;
    min-width: 20px;
    height: 20px
}

body #app .hotel-detail__content-text > span[data-v-f5d85eb9], body #hr-widget-list .hotel-detail__content-text > span[data-v-f5d85eb9], body #hr-modal .hotel-detail__content-text > span[data-v-f5d85eb9] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: var(--custom-text)
}

body #app .hotel-detail__price-info[data-v-f5d85eb9], body #hr-widget-list .hotel-detail__price-info[data-v-f5d85eb9], body #hr-modal .hotel-detail__price-info[data-v-f5d85eb9] {
    margin-right: 20px
}

body #app .hotel-detail__current-price[data-v-f5d85eb9], body #hr-widget-list .hotel-detail__current-price[data-v-f5d85eb9], body #hr-modal .hotel-detail__current-price[data-v-f5d85eb9] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 22px !important;
    text-align: left !important;
    color: var(--custom-text);
    display: grid;
    grid-template-columns:max-content max-content;
    white-space: nowrap;
    align-items: center;
    gap: 4px
}

@media (max-width: 1023px) {
    body #app .hotel-detail__current-price[data-v-f5d85eb9], body #hr-widget-list .hotel-detail__current-price[data-v-f5d85eb9], body #hr-modal .hotel-detail__current-price[data-v-f5d85eb9] {
        grid-template-columns:1fr
    }
}

body #app .hotel-detail__old-price[data-v-f5d85eb9], body #hr-widget-list .hotel-detail__old-price[data-v-f5d85eb9], body #hr-modal .hotel-detail__old-price[data-v-f5d85eb9] {
    position: relative;
    display: inline-flex;
    white-space: nowrap;
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: #9e9e9e
}

body #app .hotel-detail__old-price[data-v-f5d85eb9]:after, body #hr-widget-list .hotel-detail__old-price[data-v-f5d85eb9]:after, body #hr-modal .hotel-detail__old-price[data-v-f5d85eb9]:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 1px;
    background-color: red;
    transform: translateY(-50%)
}

body #app .hotel-detail__discount[data-v-f5d85eb9], body #hr-widget-list .hotel-detail__discount[data-v-f5d85eb9], body #hr-modal .hotel-detail__discount[data-v-f5d85eb9] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 16px !important;
    text-align: left !important;
    color: #fff;
    background-color: var(--custom-label);
    padding: 1px 4px;
    border-radius: 6px;
    margin-left: 8px;
    white-space: nowrap
}

body #app .hotel-detail__day[data-v-f5d85eb9], body #hr-widget-list .hotel-detail__day[data-v-f5d85eb9], body #hr-modal .hotel-detail__day[data-v-f5d85eb9] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 16px !important;
    text-align: left !important;
    color: #9e9e9e;
    white-space: nowrap
}

body #app .hotel-detail a.hotel-detail__price-button[data-v-f5d85eb9], body #hr-widget-list .hotel-detail a.hotel-detail__price-button[data-v-f5d85eb9], body #hr-modal .hotel-detail a.hotel-detail__price-button[data-v-f5d85eb9] {
    min-height: 50px;
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important
}

body #app .hotel-detail__fixed[data-v-f5d85eb9], body #hr-widget-list .hotel-detail__fixed[data-v-f5d85eb9], body #hr-modal .hotel-detail__fixed[data-v-f5d85eb9] {
    position: fixed;
    z-index: 9000;
    top: 48px;
    left: 0;
    right: 0;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    background-color: #fff;
    overflow: hidden;
    border-bottom: 1px solid #e0e0e0;
    animation: hideBlock-f5d85eb9 .3s ease-out forwards;
    display: none
}

body #app .hotel-detail__fixed.active[data-v-f5d85eb9], body #hr-widget-list .hotel-detail__fixed.active[data-v-f5d85eb9], body #hr-modal .hotel-detail__fixed.active[data-v-f5d85eb9] {
    animation: visibleBlock-f5d85eb9 .3s ease-out forwards;
    display: block
}

body #app .hotel-detail__fixed-container[data-v-f5d85eb9], body #hr-widget-list .hotel-detail__fixed-container[data-v-f5d85eb9], body #hr-modal .hotel-detail__fixed-container[data-v-f5d85eb9] {
    box-sizing: border-box;
    padding: 24px 0;
    max-width: 1024px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    width: 100%
}

@media (max-width: 1023px) {
    body #app .hotel-detail__fixed-container[data-v-f5d85eb9], body #hr-widget-list .hotel-detail__fixed-container[data-v-f5d85eb9], body #hr-modal .hotel-detail__fixed-container[data-v-f5d85eb9] {
        flex-direction: column;
        padding: 16px
    }
}

@media (max-width: 1023px) {
    body #app .hotel-detail__fixed .hotel-detail__right[data-v-f5d85eb9], body #hr-widget-list .hotel-detail__fixed .hotel-detail__right[data-v-f5d85eb9], body #hr-modal .hotel-detail__fixed .hotel-detail__right[data-v-f5d85eb9] {
        margin-top: 16px
    }
}

@media (max-width: 1023px) {
    body #app .hotel-detail__fixed .hotel-detail__current-price[data-v-f5d85eb9], body #hr-widget-list .hotel-detail__fixed .hotel-detail__current-price[data-v-f5d85eb9], body #hr-modal .hotel-detail__fixed .hotel-detail__current-price[data-v-f5d85eb9] {
        grid-template-columns:max-content max-content
    }
}

body #app .hotel-detail__fixed .hotel-detail__current-price.without-discont[data-v-f5d85eb9], body #hr-widget-list .hotel-detail__fixed .hotel-detail__current-price.without-discont[data-v-f5d85eb9], body #hr-modal .hotel-detail__fixed .hotel-detail__current-price.without-discont[data-v-f5d85eb9] {
    grid-template-columns:1fr
}

body #app .hotel-detail__left[data-v-f5d85eb9], body #hr-widget-list .hotel-detail__left[data-v-f5d85eb9], body #hr-modal .hotel-detail__left[data-v-f5d85eb9] {
    display: grid;
    gap: 6px;
    margin-right: 20px
}

@media (max-width: 1023px) {
    body #app .hotel-detail__left[data-v-f5d85eb9], body #hr-widget-list .hotel-detail__left[data-v-f5d85eb9], body #hr-modal .hotel-detail__left[data-v-f5d85eb9] {
        margin-right: 0
    }
}

body #app .hotel-detail__left-text[data-v-f5d85eb9], body #hr-widget-list .hotel-detail__left-text[data-v-f5d85eb9], body #hr-modal .hotel-detail__left-text[data-v-f5d85eb9] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: var(--custom-text)
}

@keyframes visibleBlock-f5d85eb9 {
    0% {
        opacity: 0;
        display: none
    }
    to {
        opacity: 1;
        display: block
    }
}

@keyframes hideBlock-f5d85eb9 {
    0% {
        opacity: 1;
        display: block
    }
    to {
        opacity: 0;
        display: none
    }
}

[data-v-c027bf97]:root {
    --custom-text: #424242;
    --custom-label: #f44336;
    --custom-background: #f6f6f6;
    --custom-main: #2196f3;
    --custom-main-dark: #0d47a1;
    --custom-main-light: #e3f2fd
}

body #app .contacts__container[data-v-c027bf97], body #hr-widget-list .contacts__container[data-v-c027bf97], body #hr-modal .contacts__container[data-v-c027bf97] {
    display: flex;
    gap: 8px;
    align-items: center
}

body #app .contacts__container a[data-v-c027bf97], body #hr-widget-list .contacts__container a[data-v-c027bf97], body #hr-modal .contacts__container a[data-v-c027bf97] {
    margin-right: 8px
}

body #app .contacts__container .header__links[data-v-c027bf97], body #hr-widget-list .contacts__container .header__links[data-v-c027bf97], body #hr-modal .contacts__container .header__links[data-v-c027bf97] {
    height: 24px
}

[data-v-536efc3b]:root {
    --custom-text: #424242;
    --custom-label: #f44336;
    --custom-background: #f6f6f6;
    --custom-main: #2196f3;
    --custom-main-dark: #0d47a1;
    --custom-main-light: #e3f2fd
}

body #app .header[data-v-536efc3b], body #hr-widget-list .header[data-v-536efc3b], body #hr-modal .header[data-v-536efc3b] {
    -webkit-user-select: none;
    user-select: none;
    position: relative;
    z-index: 9000;
    box-sizing: border-box;
    padding: 20px 16px;
    background-color: #fff;
    border-bottom: 1px solid #eeeeee;
    box-shadow: 0 4px 10px #0000000d
}

@media (max-width: 1023px) {
    body #app .header[data-v-536efc3b], body #hr-widget-list .header[data-v-536efc3b], body #hr-modal .header[data-v-536efc3b] {
        padding: 10px 16px
    }
}

body #app .header__container[data-v-536efc3b], body #hr-widget-list .header__container[data-v-536efc3b], body #hr-modal .header__container[data-v-536efc3b] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1024px;
    margin: 0 auto
}

body #app .header__container[data-v-536efc3b] > *:not(:last-child), body #hr-widget-list .header__container[data-v-536efc3b] > *:not(:last-child), body #hr-modal .header__container[data-v-536efc3b] > *:not(:last-child) {
    margin-right: 15px
}

body #app .header__logo[data-v-536efc3b], body #hr-widget-list .header__logo[data-v-536efc3b], body #hr-modal .header__logo[data-v-536efc3b] {
    width: 40px;
    min-width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 50%
}

body #app .header__logo > img[data-v-536efc3b], body #hr-widget-list .header__logo > img[data-v-536efc3b], body #hr-modal .header__logo > img[data-v-536efc3b] {
    width: 100%;
    height: 100%
}

body #app .header__title[data-v-536efc3b], body #hr-widget-list .header__title[data-v-536efc3b], body #hr-modal .header__title[data-v-536efc3b] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    line-height: 28px !important;
    text-align: left !important;
    color: var(--custom-text);
    flex-grow: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

@media (max-width: 1023px) {
    body #app .header__title[data-v-536efc3b], body #hr-widget-list .header__title[data-v-536efc3b], body #hr-modal .header__title[data-v-536efc3b] {
        font-family: Inter, Roboto, Arial, sans-serif !important;
        font-size: 18px !important;
        font-weight: 600 !important;
        line-height: 22px !important;
        text-align: left !important
    }
}

body #app .header__links[data-v-536efc3b], body #hr-widget-list .header__links[data-v-536efc3b], body #hr-modal .header__links[data-v-536efc3b] {
    display: flex
}

@media (max-width: 1023px) {
    body #app .header__links[data-v-536efc3b], body #hr-widget-list .header__links[data-v-536efc3b], body #hr-modal .header__links[data-v-536efc3b] {
        display: none
    }
}

body #app .header__links[data-v-536efc3b] > *:not(:last-child), body #hr-widget-list .header__links[data-v-536efc3b] > *:not(:last-child), body #hr-modal .header__links[data-v-536efc3b] > *:not(:last-child) {
    margin-right: 8px
}

body #app .header__social[data-v-536efc3b], body #hr-widget-list .header__social[data-v-536efc3b], body #hr-modal .header__social[data-v-536efc3b] {
    width: 24px;
    height: 24px
}

body #app .header__social[data-v-536efc3b]:hover, body #hr-widget-list .header__social[data-v-536efc3b]:hover, body #hr-modal .header__social[data-v-536efc3b]:hover {
    text-decoration: none;
    outline: 0
}

@media (hover: hover) and (pointer: fine) {
    body #app .header__social[data-v-536efc3b]:hover, body #hr-widget-list .header__social[data-v-536efc3b]:hover, body #hr-modal .header__social[data-v-536efc3b]:hover {
        opacity: .9
    }
}

body #app .header__social[data-v-536efc3b]:active, body #hr-widget-list .header__social[data-v-536efc3b]:active, body #hr-modal .header__social[data-v-536efc3b]:active {
    opacity: .9
}

body #app .header__social > svg[data-v-536efc3b], body #hr-widget-list .header__social > svg[data-v-536efc3b], body #hr-modal .header__social > svg[data-v-536efc3b] {
    width: 100%;
    height: 100%
}

body #app .header__burger[data-v-536efc3b], body #hr-widget-list .header__burger[data-v-536efc3b], body #hr-modal .header__burger[data-v-536efc3b] {
    display: none
}

@media (max-width: 1023px) {
    body #app .header__burger[data-v-536efc3b], body #hr-widget-list .header__burger[data-v-536efc3b], body #hr-modal .header__burger[data-v-536efc3b] {
        display: flex;
        width: 40px;
        min-width: 40px;
        height: 40px;
        cursor: pointer
    }

    body #app .header__burger[data-v-536efc3b]:hover, body #hr-widget-list .header__burger[data-v-536efc3b]:hover, body #hr-modal .header__burger[data-v-536efc3b]:hover {
        text-decoration: none;
        outline: 0
    }
}

@media (max-width: 1023px) and (hover: hover) and (pointer: fine) {
    body #app .header__burger[data-v-536efc3b]:hover, body #hr-widget-list .header__burger[data-v-536efc3b]:hover, body #hr-modal .header__burger[data-v-536efc3b]:hover {
        opacity: .9
    }
}

@media (max-width: 1023px) {
    body #app .header__burger[data-v-536efc3b]:active, body #hr-widget-list .header__burger[data-v-536efc3b]:active, body #hr-modal .header__burger[data-v-536efc3b]:active {
        opacity: .9
    }
}

body #app .header__burger > svg[data-v-536efc3b], body #hr-widget-list .header__burger > svg[data-v-536efc3b], body #hr-modal .header__burger > svg[data-v-536efc3b] {
    width: 100%;
    height: 100%
}

body #app .header__list[data-v-536efc3b], body #hr-widget-list .header__list[data-v-536efc3b], body #hr-modal .header__list[data-v-536efc3b] {
    position: absolute;
    right: 0;
    top: 100%
}

body #app .header__button[data-v-536efc3b], body #hr-widget-list .header__button[data-v-536efc3b], body #hr-modal .header__button[data-v-536efc3b] {
    white-space: nowrap
}

@media (max-width: 1023px) {
    body #app .header__button[data-v-536efc3b], body #hr-widget-list .header__button[data-v-536efc3b], body #hr-modal .header__button[data-v-536efc3b] {
        display: none
    }
}

body #app .burger-menu[data-v-536efc3b], body #hr-widget-list .burger-menu[data-v-536efc3b], body #hr-modal .burger-menu[data-v-536efc3b] {
    padding: 8px 0;
    margin-right: 0 !important;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: end;
    background-color: #fff
}

@media (min-width: 1024px) {
    body #app .burger-menu[data-v-536efc3b], body #hr-widget-list .burger-menu[data-v-536efc3b], body #hr-modal .burger-menu[data-v-536efc3b] {
        display: none
    }
}

[data-v-fa89398c]:root {
    --custom-text: #424242;
    --custom-label: #f44336;
    --custom-background: #f6f6f6;
    --custom-main: #2196f3;
    --custom-main-dark: #0d47a1;
    --custom-main-light: #e3f2fd
}

body #app .success-container[data-v-fa89398c], body #hr-widget-list .success-container[data-v-fa89398c], body #hr-modal .success-container[data-v-fa89398c] {
    max-width: 1024px;
    margin: 0 auto;
    padding: 36px 16px
}

body #app .success[data-v-fa89398c], body #hr-widget-list .success[data-v-fa89398c], body #hr-modal .success[data-v-fa89398c] {
    box-sizing: border-box;
    width: 100%;
    max-width: 540px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

body #app .success__icon[data-v-fa89398c], body #hr-widget-list .success__icon[data-v-fa89398c], body #hr-modal .success__icon[data-v-fa89398c] {
    width: 136px;
    height: 136px;
    margin-bottom: 28px
}

body #app .success__title[data-v-fa89398c], body #hr-widget-list .success__title[data-v-fa89398c], body #hr-modal .success__title[data-v-fa89398c] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    line-height: 28px !important;
    text-align: left !important;
    color: var(--custom-text);
    margin-bottom: 12px
}

body #app .success__address[data-v-fa89398c], body #hr-widget-list .success__address[data-v-fa89398c], body #hr-modal .success__address[data-v-fa89398c] {
    color: #757575
}

body #app .success__text[data-v-fa89398c], body #hr-widget-list .success__text[data-v-fa89398c], body #hr-modal .success__text[data-v-fa89398c] {
    margin-top: 28px;
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    color: var(--custom-text);
    margin-bottom: 28px;
    text-align: left !important;
    padding: 24px;
    box-shadow: 0 4px 10px #0000000d;
    border: 1px solid #eeeeee;
    background-color: #fff;
    border-radius: 12px
}

@media (max-width: 1023px) {
    body #app .success__text[data-v-fa89398c], body #hr-widget-list .success__text[data-v-fa89398c], body #hr-modal .success__text[data-v-fa89398c] {
        padding: 16px
    }
}

body #app .success__text h4[data-v-fa89398c], body #hr-widget-list .success__text h4[data-v-fa89398c], body #hr-modal .success__text h4[data-v-fa89398c] {
    font-size: 18px;
    color: #424242;
    margin-bottom: 12px
}

body #app .success__text hr[data-v-fa89398c], body #hr-widget-list .success__text hr[data-v-fa89398c], body #hr-modal .success__text hr[data-v-fa89398c] {
    color: #eee;
    border-style: solid;
    border-width: 1px 0 0 0
}

body #app .success__booking-info[data-v-fa89398c], body #hr-widget-list .success__booking-info[data-v-fa89398c], body #hr-modal .success__booking-info[data-v-fa89398c] {
    display: flex;
    justify-content: space-between;
    margin-top: 16px;
    font-size: 14px;
    color: #424242
}

body #app .success__booking-info[data-v-fa89398c] :first-child, body #hr-widget-list .success__booking-info[data-v-fa89398c] :first-child, body #hr-modal .success__booking-info[data-v-fa89398c] :first-child {
    color: #757575
}

body #app .success__booking-info--total[data-v-fa89398c], body #hr-widget-list .success__booking-info--total[data-v-fa89398c], body #hr-modal .success__booking-info--total[data-v-fa89398c] {
    margin-top: 24px;
    font-weight: 600;
    color: var(--custom-text);
    margin-bottom: 36px;
    color: #424242
}

body #app .success__booking-info--total[data-v-fa89398c] :first-child, body #hr-widget-list .success__booking-info--total[data-v-fa89398c] :first-child, body #hr-modal .success__booking-info--total[data-v-fa89398c] :first-child {
    font-size: 16px;
    color: #424242
}

body #app .success__booking-info--total[data-v-fa89398c] :last-child, body #hr-widget-list .success__booking-info--total[data-v-fa89398c] :last-child, body #hr-modal .success__booking-info--total[data-v-fa89398c] :last-child {
    font-size: 20px
}

body #app .success__tel[data-v-fa89398c], body #hr-widget-list .success__tel[data-v-fa89398c], body #hr-modal .success__tel[data-v-fa89398c] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: var(--custom-text);
    display: flex;
    align-items: center;
    text-decoration: none;
    transition: .1 ease-out
}

body #app .success__tel[data-v-fa89398c]:hover, body #hr-widget-list .success__tel[data-v-fa89398c]:hover, body #hr-modal .success__tel[data-v-fa89398c]:hover {
    text-decoration: none;
    outline: 0
}

@media (hover: hover) and (pointer: fine) {
    body #app .success__tel[data-v-fa89398c]:hover, body #hr-widget-list .success__tel[data-v-fa89398c]:hover, body #hr-modal .success__tel[data-v-fa89398c]:hover {
        color: var(--custom-main)
    }

    body #app .success__tel:hover svg path[data-v-fa89398c], body #hr-widget-list .success__tel:hover svg path[data-v-fa89398c], body #hr-modal .success__tel:hover svg path[data-v-fa89398c] {
        stroke: var(--custom-main)
    }
}

body #app .success__tel[data-v-fa89398c]:active, body #hr-widget-list .success__tel[data-v-fa89398c]:active, body #hr-modal .success__tel[data-v-fa89398c]:active {
    color: var(--custom-main)
}

body #app .success__tel:active svg path[data-v-fa89398c], body #hr-widget-list .success__tel:active svg path[data-v-fa89398c], body #hr-modal .success__tel:active svg path[data-v-fa89398c] {
    stroke: var(--custom-main)
}

body #app .success__tel svg[data-v-fa89398c], body #hr-widget-list .success__tel svg[data-v-fa89398c], body #hr-modal .success__tel svg[data-v-fa89398c] {
    margin-right: 8px
}

body #app .btns_section[data-v-fa89398c], body #hr-widget-list .btns_section[data-v-fa89398c], body #hr-modal .btns_section[data-v-fa89398c] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%
}

[data-v-d46cf5e4]:root {
    --custom-text: #424242;
    --custom-label: #f44336;
    --custom-background: #f6f6f6;
    --custom-main: #2196f3;
    --custom-main-dark: #0d47a1;
    --custom-main-light: #e3f2fd
}

body #app .error-container[data-v-d46cf5e4], body #hr-widget-list .error-container[data-v-d46cf5e4], body #hr-modal .error-container[data-v-d46cf5e4] {
    max-width: 1024px;
    margin: 50px auto 0;
    display: flex;
    flex-direction: column;
    align-items: center
}

body #app .error[data-v-d46cf5e4], body #hr-widget-list .error[data-v-d46cf5e4], body #hr-modal .error[data-v-d46cf5e4] {
    box-sizing: border-box;
    width: 100%;
    max-width: 425px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

@media (max-width: 1023px) {
    body #app .error[data-v-d46cf5e4], body #hr-widget-list .error[data-v-d46cf5e4], body #hr-modal .error[data-v-d46cf5e4] {
        padding: 44px 16px
    }
}

body #app .error__icon[data-v-d46cf5e4], body #hr-widget-list .error__icon[data-v-d46cf5e4], body #hr-modal .error__icon[data-v-d46cf5e4] {
    width: 136px;
    height: 136px;
    margin-bottom: 28px
}

body #app .error__title[data-v-d46cf5e4], body #hr-widget-list .error__title[data-v-d46cf5e4], body #hr-modal .error__title[data-v-d46cf5e4] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    line-height: 28px !important;
    text-align: left !important;
    color: var(--custom-text);
    margin-bottom: 8px
}

body #app .error__text[data-v-d46cf5e4], body #hr-widget-list .error__text[data-v-d46cf5e4], body #hr-modal .error__text[data-v-d46cf5e4] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: #757575;
    margin-bottom: 28px;
    text-align: center !important
}

body #app .error__tel[data-v-d46cf5e4], body #hr-widget-list .error__tel[data-v-d46cf5e4], body #hr-modal .error__tel[data-v-d46cf5e4] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: var(--custom-text);
    display: flex;
    align-items: center;
    text-decoration: none;
    transition: .1s ease-out
}

body #app .error__tel[data-v-d46cf5e4]:hover, body #hr-widget-list .error__tel[data-v-d46cf5e4]:hover, body #hr-modal .error__tel[data-v-d46cf5e4]:hover {
    text-decoration: none;
    outline: 0
}

@media (hover: hover) and (pointer: fine) {
    body #app .error__tel[data-v-d46cf5e4]:hover, body #hr-widget-list .error__tel[data-v-d46cf5e4]:hover, body #hr-modal .error__tel[data-v-d46cf5e4]:hover {
        color: var(--custom-main)
    }

    body #app .error__tel:hover svg path[data-v-d46cf5e4], body #hr-widget-list .error__tel:hover svg path[data-v-d46cf5e4], body #hr-modal .error__tel:hover svg path[data-v-d46cf5e4] {
        stroke: var(--custom-main)
    }
}

body #app .error__tel[data-v-d46cf5e4]:active, body #hr-widget-list .error__tel[data-v-d46cf5e4]:active, body #hr-modal .error__tel[data-v-d46cf5e4]:active {
    color: var(--custom-main)
}

body #app .error__tel:active svg path[data-v-d46cf5e4], body #hr-widget-list .error__tel:active svg path[data-v-d46cf5e4], body #hr-modal .error__tel:active svg path[data-v-d46cf5e4] {
    stroke: var(--custom-main)
}

body #app .error__tel svg[data-v-d46cf5e4], body #hr-widget-list .error__tel svg[data-v-d46cf5e4], body #hr-modal .error__tel svg[data-v-d46cf5e4] {
    margin-right: 8px
}

body #app .error__button[data-v-d46cf5e4], body #hr-widget-list .error__button[data-v-d46cf5e4], body #hr-modal .error__button[data-v-d46cf5e4] {
    margin-top: 28px
}

[data-v-502bdb89]:root {
    --custom-text: #424242;
    --custom-label: #f44336;
    --custom-background: #f6f6f6;
    --custom-main: #2196f3;
    --custom-main-dark: #0d47a1;
    --custom-main-light: #e3f2fd
}

body #app .loader-container[data-v-502bdb89], body #hr-widget-list .loader-container[data-v-502bdb89], body #hr-modal .loader-container[data-v-502bdb89] {
    height: 100%;
    margin: auto;
    width: 100%;
    display: grid;
    align-items: center;
    justify-content: center;
    justify-items: center;
    align-content: center
}

body #app .loader-text[data-v-502bdb89], body #hr-widget-list .loader-text[data-v-502bdb89], body #hr-modal .loader-text[data-v-502bdb89] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: var(--custom-text);
    margin-top: 16px
}

body #app .loader[data-v-502bdb89], body #hr-widget-list .loader[data-v-502bdb89], body #hr-modal .loader[data-v-502bdb89] {
    width: 72px;
    height: 72px;
    padding: 6px;
    background: var(--custom-main);
    aspect-ratio: 1;
    border-radius: 50%;
    mask: conic-gradient(rgba(0, 0, 0, 0) 10%, #000), linear-gradient(#000 0 0) content-box;
    -webkit-mask-composite: source-out;
    mask-composite: subtract;
    animation: rotate-502bdb89 1.5s linear infinite
}

body #app .loader-child[data-v-502bdb89], body #hr-widget-list .loader-child[data-v-502bdb89], body #hr-modal .loader-child[data-v-502bdb89] {
    display: flex;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: var(--custom-background)
}

@keyframes rotate-502bdb89 {
    to {
        transform: rotate(1turn)
    }
}

body .fade-enter-active[data-v-502bdb89], body .fade-leave-active[data-v-502bdb89] {
    transition: opacity .3s ease
}

body .fade-enter-from[data-v-502bdb89], body .fade-leave-to[data-v-502bdb89] {
    opacity: 0
}

.main-page[data-v-4d1a303c] {
    width: 100%
}

[data-v-75eff664]:root {
    --custom-text: #424242;
    --custom-label: #f44336;
    --custom-background: #f6f6f6;
    --custom-main: #2196f3;
    --custom-main-dark: #0d47a1;
    --custom-main-light: #e3f2fd
}

body #app .booking-rules[data-v-75eff664], body #hr-widget-list .booking-rules[data-v-75eff664], body #hr-modal .booking-rules[data-v-75eff664] {
    box-sizing: border-box;
    width: 100%;
    max-width: 540px;
    margin: 50px auto;
    padding: 24px;
    box-shadow: 0 4px 10px #0000000d;
    border: 1px solid #eeeeee;
    background-color: #fff;
    border-radius: 12px
}

@media (max-width: 1023px) {
    body #app .booking-rules[data-v-75eff664], body #hr-widget-list .booking-rules[data-v-75eff664], body #hr-modal .booking-rules[data-v-75eff664] {
        padding: 16px
    }
}

body #app .booking-rules__title[data-v-75eff664], body #hr-widget-list .booking-rules__title[data-v-75eff664], body #hr-modal .booking-rules__title[data-v-75eff664] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    line-height: 28px !important;
    text-align: left !important;
    color: var(--custom-text);
    margin-bottom: 28px
}

body #app .booking-rules__text[data-v-75eff664], body #hr-widget-list .booking-rules__text[data-v-75eff664], body #hr-modal .booking-rules__text[data-v-75eff664] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    color: var(--custom-text);
    margin-bottom: 28px;
    text-align: left !important;
    word-wrap: break-word
}

body #app .booking-rules__rule-text[data-v-75eff664], body #hr-widget-list .booking-rules__rule-text[data-v-75eff664], body #hr-modal .booking-rules__rule-text[data-v-75eff664] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: var(--custom-text)
}

body #app .booking-rules__rule-text + body #app .booking-rules__rule-text[data-v-75eff664], body #app .booking-rules__rule-text + body #hr-widget-list .booking-rules__rule-text[data-v-75eff664], body #app .booking-rules__rule-text + body #hr-modal .booking-rules__rule-text[data-v-75eff664], body #hr-widget-list .booking-rules__rule-text + body #app .booking-rules__rule-text[data-v-75eff664], body #hr-widget-list .booking-rules__rule-text + body #hr-widget-list .booking-rules__rule-text[data-v-75eff664], body #hr-widget-list .booking-rules__rule-text + body #hr-modal .booking-rules__rule-text[data-v-75eff664], body #hr-modal .booking-rules__rule-text + body #app .booking-rules__rule-text[data-v-75eff664], body #hr-modal .booking-rules__rule-text + body #hr-widget-list .booking-rules__rule-text[data-v-75eff664], body #hr-modal .booking-rules__rule-text + body #hr-modal .booking-rules__rule-text[data-v-75eff664] {
    margin-top: 28px;
    text-align: left !important
}

body #app .booking-rules__divider[data-v-75eff664], body #hr-widget-list .booking-rules__divider[data-v-75eff664], body #hr-modal .booking-rules__divider[data-v-75eff664] {
    height: 1px;
    background-color: #eee;
    margin-bottom: 28px
}

[data-v-a6f45462]:root {
    --custom-text: #424242;
    --custom-label: #f44336;
    --custom-background: #f6f6f6;
    --custom-main: #2196f3;
    --custom-main-dark: #0d47a1;
    --custom-main-light: #e3f2fd
}

body #app .error-container[data-v-a6f45462], body #hr-widget-list .error-container[data-v-a6f45462], body #hr-modal .error-container[data-v-a6f45462] {
    max-width: 1024px;
    margin: 0 auto;
    height: 500px;
    display: flex;
    align-items: center
}

body #app .error[data-v-a6f45462], body #hr-widget-list .error[data-v-a6f45462], body #hr-modal .error[data-v-a6f45462] {
    box-sizing: border-box;
    width: 100%;
    max-width: 425px;
    padding: 44px 24px;
    box-shadow: 0 4px 10px #0000000d;
    border: 1px solid #eeeeee;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background-color: #fff;
    border-radius: 12px
}

@media (max-width: 1023px) {
    body #app .error[data-v-a6f45462], body #hr-widget-list .error[data-v-a6f45462], body #hr-modal .error[data-v-a6f45462] {
        padding: 44px 16px
    }
}

body #app .error__icon[data-v-a6f45462], body #hr-widget-list .error__icon[data-v-a6f45462], body #hr-modal .error__icon[data-v-a6f45462] {
    width: 136px;
    height: 136px;
    margin-bottom: 28px
}

body #app .error__title[data-v-a6f45462], body #hr-widget-list .error__title[data-v-a6f45462], body #hr-modal .error__title[data-v-a6f45462] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    line-height: 28px !important;
    text-align: left !important;
    color: var(--custom-text);
    margin-bottom: 8px
}

body #app .error__text[data-v-a6f45462], body #hr-widget-list .error__text[data-v-a6f45462], body #hr-modal .error__text[data-v-a6f45462] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: #757575;
    margin-bottom: 28px;
    text-align: center !important
}

body #app .error__tel[data-v-a6f45462], body #hr-widget-list .error__tel[data-v-a6f45462], body #hr-modal .error__tel[data-v-a6f45462] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: var(--custom-text);
    display: flex;
    align-items: center;
    text-decoration: none;
    transition: .1s ease-out
}

body #app .error__tel[data-v-a6f45462]:hover, body #hr-widget-list .error__tel[data-v-a6f45462]:hover, body #hr-modal .error__tel[data-v-a6f45462]:hover {
    text-decoration: none;
    outline: 0
}

@media (hover: hover) and (pointer: fine) {
    body #app .error__tel[data-v-a6f45462]:hover, body #hr-widget-list .error__tel[data-v-a6f45462]:hover, body #hr-modal .error__tel[data-v-a6f45462]:hover {
        color: var(--custom-main)
    }

    body #app .error__tel:hover svg path[data-v-a6f45462], body #hr-widget-list .error__tel:hover svg path[data-v-a6f45462], body #hr-modal .error__tel:hover svg path[data-v-a6f45462] {
        stroke: var(--custom-main)
    }
}

body #app .error__tel[data-v-a6f45462]:active, body #hr-widget-list .error__tel[data-v-a6f45462]:active, body #hr-modal .error__tel[data-v-a6f45462]:active {
    color: var(--custom-main)
}

body #app .error__tel:active svg path[data-v-a6f45462], body #hr-widget-list .error__tel:active svg path[data-v-a6f45462], body #hr-modal .error__tel:active svg path[data-v-a6f45462] {
    stroke: var(--custom-main)
}

body #app .error__tel svg[data-v-a6f45462], body #hr-widget-list .error__tel svg[data-v-a6f45462], body #hr-modal .error__tel svg[data-v-a6f45462] {
    margin-right: 8px
}

body #app .error__button[data-v-a6f45462], body #hr-widget-list .error__button[data-v-a6f45462], body #hr-modal .error__button[data-v-a6f45462] {
    width: 100%
}

[data-v-0e7da2b6]:root {
    --custom-text: #424242;
    --custom-label: #f44336;
    --custom-background: #f6f6f6;
    --custom-main: #2196f3;
    --custom-main-dark: #0d47a1;
    --custom-main-light: #e3f2fd
}

body #app .hotel-list[data-v-0e7da2b6], body #hr-widget-list .hotel-list[data-v-0e7da2b6], body #hr-modal .hotel-list[data-v-0e7da2b6] {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: -4px
}

body #app .hotel-list__item[data-v-0e7da2b6], body #hr-widget-list .hotel-list__item[data-v-0e7da2b6], body #hr-modal .hotel-list__item[data-v-0e7da2b6] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: #757575;
    display: flex !important;
    align-items: center !important;
    margin-bottom: 4px
}

body #app .hotel-list__item[data-v-0e7da2b6]:not(:last-child), body #hr-widget-list .hotel-list__item[data-v-0e7da2b6]:not(:last-child), body #hr-modal .hotel-list__item[data-v-0e7da2b6]:not(:last-child) {
    margin-right: 7px
}

body #app .hotel-list__item[data-v-0e7da2b6]:after, body #hr-widget-list .hotel-list__item[data-v-0e7da2b6]:after, body #hr-modal .hotel-list__item[data-v-0e7da2b6]:after {
    content: "";
    display: inline-flex !important;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #757575;
    margin-left: 8px
}

body #app .hotel-list__button[data-v-0e7da2b6], body #hr-widget-list .hotel-list__button[data-v-0e7da2b6], body #hr-modal .hotel-list__button[data-v-0e7da2b6] {
    margin-bottom: 4px
}

body #app .hotel-list__button[data-v-0e7da2b6]:hover, body #hr-widget-list .hotel-list__button[data-v-0e7da2b6]:hover, body #hr-modal .hotel-list__button[data-v-0e7da2b6]:hover {
    text-decoration: none;
    outline: 0
}

@media (hover: hover) and (pointer: fine) {
    body #app .hotel-list__button:hover path[data-v-0e7da2b6], body #hr-widget-list .hotel-list__button:hover path[data-v-0e7da2b6], body #hr-modal .hotel-list__button:hover path[data-v-0e7da2b6] {
        stroke: var(--custom-main-dark)
    }
}

body #app .hotel-list__button:active path[data-v-0e7da2b6], body #hr-widget-list .hotel-list__button:active path[data-v-0e7da2b6], body #hr-modal .hotel-list__button:active path[data-v-0e7da2b6] {
    stroke: var(--custom-main-dark)
}

body #app .hotel-list__button > svg[data-v-0e7da2b6], body #hr-widget-list .hotel-list__button > svg[data-v-0e7da2b6], body #hr-modal .hotel-list__button > svg[data-v-0e7da2b6] {
    margin-left: 4px
}

[data-v-11c9eae5]:root {
    --custom-text: #424242;
    --custom-label: #f44336;
    --custom-background: #f6f6f6;
    --custom-main: #2196f3;
    --custom-main-dark: #0d47a1;
    --custom-main-light: #e3f2fd
}

body #app .hotel-info[data-v-11c9eae5], body #hr-widget-list .hotel-info[data-v-11c9eae5], body #hr-modal .hotel-info[data-v-11c9eae5] {
    height: 100%;
    box-sizing: border-box;
    padding: 24px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

body #app .hotel-info[data-v-11c9eae5]:is(a), body #hr-widget-list .hotel-info[data-v-11c9eae5]:is(a), body #hr-modal .hotel-info[data-v-11c9eae5]:is(a) {
    cursor: pointer;
    text-decoration: none
}

@media (max-width: 1023px) {
    body #app .hotel-info[data-v-11c9eae5], body #hr-widget-list .hotel-info[data-v-11c9eae5], body #hr-modal .hotel-info[data-v-11c9eae5] {
        padding: 16px
    }
}

body #app .hotel-info[data-v-11c9eae5] > *:not(:last-child), body #hr-widget-list .hotel-info[data-v-11c9eae5] > *:not(:last-child), body #hr-modal .hotel-info[data-v-11c9eae5] > *:not(:last-child) {
    margin-bottom: 14px
}

body #app .hotel-info__title[data-v-11c9eae5], body #hr-widget-list .hotel-info__title[data-v-11c9eae5], body #hr-modal .hotel-info__title[data-v-11c9eae5] {
    display: flex;
    align-items: center;
    width: 100%
}

body #app .hotel-info__title > span[data-v-11c9eae5], body #hr-widget-list .hotel-info__title > span[data-v-11c9eae5], body #hr-modal .hotel-info__title > span[data-v-11c9eae5] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 22px !important;
    text-align: left !important;
    color: var(--custom-text);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

body #app .hotel-info__text[data-v-11c9eae5], body #hr-widget-list .hotel-info__text[data-v-11c9eae5], body #hr-modal .hotel-info__text[data-v-11c9eae5] {
    display: flex;
    align-items: center;
    width: 100%
}

body #app .hotel-info__text > svg[data-v-11c9eae5], body #hr-widget-list .hotel-info__text > svg[data-v-11c9eae5], body #hr-modal .hotel-info__text > svg[data-v-11c9eae5] {
    margin-right: 4px;
    min-width: 20px;
    height: 20px
}

body #app .hotel-info__text > span[data-v-11c9eae5], body #hr-widget-list .hotel-info__text > span[data-v-11c9eae5], body #hr-modal .hotel-info__text > span[data-v-11c9eae5] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: var(--custom-text);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

body #app .hotel-info__params[data-v-11c9eae5], body #hr-widget-list .hotel-info__params[data-v-11c9eae5], body #hr-modal .hotel-info__params[data-v-11c9eae5] {
    display: flex;
    width: 100%
}

body #app .hotel-info__params-item[data-v-11c9eae5], body #hr-widget-list .hotel-info__params-item[data-v-11c9eae5], body #hr-modal .hotel-info__params-item[data-v-11c9eae5] {
    display: flex;
    align-items: center;
    overflow: hidden
}

body #app .hotel-info__params-item > span[data-v-11c9eae5], body #hr-widget-list .hotel-info__params-item > span[data-v-11c9eae5], body #hr-modal .hotel-info__params-item > span[data-v-11c9eae5] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: var(--custom-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

body #app .hotel-info__params-item > svg[data-v-11c9eae5], body #hr-widget-list .hotel-info__params-item > svg[data-v-11c9eae5], body #hr-modal .hotel-info__params-item > svg[data-v-11c9eae5] {
    margin-right: 4px;
    min-width: 20px;
    height: 20px
}

body #app .hotel-info__params-item[data-v-11c9eae5]:not(:last-child), body #hr-widget-list .hotel-info__params-item[data-v-11c9eae5]:not(:last-child), body #hr-modal .hotel-info__params-item[data-v-11c9eae5]:not(:last-child) {
    margin-right: 16px
}

body #app .price-column[data-v-11c9eae5], body #hr-widget-list .price-column[data-v-11c9eae5], body #hr-modal .price-column[data-v-11c9eae5] {
    border-left: 1px solid #eeeeee;
    padding: 24px;
    display: grid;
    align-content: space-between
}

body #app .price-column[data-v-11c9eae5]:is(a), body #hr-widget-list .price-column[data-v-11c9eae5]:is(a), body #hr-modal .price-column[data-v-11c9eae5]:is(a) {
    cursor: pointer;
    text-decoration: none
}

@media (max-width: 1023px) {
    body #app .price-column[data-v-11c9eae5], body #hr-widget-list .price-column[data-v-11c9eae5], body #hr-modal .price-column[data-v-11c9eae5] {
        padding: 16px;
        grid-template-columns:max-content max-content;
        justify-content: space-between;
        gap: 12px;
        align-items: center;
        border-top: 1px solid #eeeeee
    }
}

body #app .price-info__old-container[data-v-11c9eae5], body #hr-widget-list .price-info__old-container[data-v-11c9eae5], body #hr-modal .price-info__old-container[data-v-11c9eae5] {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start
}

body #app .price-info__current-price[data-v-11c9eae5], body #hr-widget-list .price-info__current-price[data-v-11c9eae5], body #hr-modal .price-info__current-price[data-v-11c9eae5] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    line-height: 28px !important;
    text-align: left !important;
    color: var(--custom-text);
    margin-bottom: 4px;
    display: flex
}

body #app .price-info__current-price[data-v-11c9eae5] > *, body #hr-widget-list .price-info__current-price[data-v-11c9eae5] > *, body #hr-modal .price-info__current-price[data-v-11c9eae5] > * {
    margin-left: 8px
}

body #app .price-info__old-price[data-v-11c9eae5], body #hr-widget-list .price-info__old-price[data-v-11c9eae5], body #hr-modal .price-info__old-price[data-v-11c9eae5] {
    position: relative;
    display: inline-flex;
    margin-bottom: 4px;
    white-space: nowrap;
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: #9e9e9e
}

body #app .price-info__old-price[data-v-11c9eae5]:after, body #hr-widget-list .price-info__old-price[data-v-11c9eae5]:after, body #hr-modal .price-info__old-price[data-v-11c9eae5]:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 2px;
    background-color: red;
    transform: translateY(-50%)
}

body #app .price-info__discount[data-v-11c9eae5], body #hr-widget-list .price-info__discount[data-v-11c9eae5], body #hr-modal .price-info__discount[data-v-11c9eae5] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 16px !important;
    text-align: left !important;
    color: #fff;
    background-color: var(--custom-label);
    padding: 1px 4px;
    border-radius: 6px;
    margin-left: 8px;
    white-space: nowrap
}

body #app .price-info__day[data-v-11c9eae5], body #app .price-info__text[data-v-11c9eae5], body #hr-widget-list .price-info__day[data-v-11c9eae5], body #hr-widget-list .price-info__text[data-v-11c9eae5], body #hr-modal .price-info__day[data-v-11c9eae5], body #hr-modal .price-info__text[data-v-11c9eae5] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: #9e9e9e
}

body #app .price-info__button > svg[data-v-11c9eae5], body #hr-widget-list .price-info__button > svg[data-v-11c9eae5], body #hr-modal .price-info__button > svg[data-v-11c9eae5] {
    margin-left: 4px
}

body #app .price-info__link[data-v-11c9eae5], body #hr-widget-list .price-info__link[data-v-11c9eae5], body #hr-modal .price-info__link[data-v-11c9eae5] {
    margin-top: 10px
}

body #app .hotel-card[data-v-11c9eae5], body #hr-widget-list .hotel-card[data-v-11c9eae5], body #hr-modal .hotel-card[data-v-11c9eae5] {
    background-color: #fff;
    display: grid;
    grid-template-columns:300px 1fr 205px;
    border-radius: 12px;
    border: 1px solid #eeeeee;
    box-shadow: 0 4px 10px #0000000d;
    max-height: 200px;
    overflow: hidden
}

@media (max-width: 1023px) {
    body #app .hotel-card[data-v-11c9eae5], body #hr-widget-list .hotel-card[data-v-11c9eae5], body #hr-modal .hotel-card[data-v-11c9eae5] {
        grid-template-columns:1fr;
        max-height: none
    }
}

body #app .hotel-card__slide[data-v-11c9eae5], body #hr-widget-list .hotel-card__slide[data-v-11c9eae5], body #hr-modal .hotel-card__slide[data-v-11c9eae5] {
    height: 200px
}

@media (max-width: 1023px) {
    body #app .hotel-card__slide[data-v-11c9eae5], body #hr-widget-list .hotel-card__slide[data-v-11c9eae5], body #hr-modal .hotel-card__slide[data-v-11c9eae5] {
        height: 254px
    }
}

body #app .hotel-card__image[data-v-11c9eae5], body #hr-widget-list .hotel-card__image[data-v-11c9eae5], body #hr-modal .hotel-card__image[data-v-11c9eae5] {
    width: 300px;
    height: 200px;
    object-fit: cover;
    object-position: center
}

@media (max-width: 1023px) {
    body #app .hotel-card__image[data-v-11c9eae5], body #hr-widget-list .hotel-card__image[data-v-11c9eae5], body #hr-modal .hotel-card__image[data-v-11c9eae5] {
        width: 100%;
        max-width: calc(100vw - 12px);
        height: 330px;
        margin: 6px 6px 0;
        border-radius: 6px
    }
}

body #app .hotel-card .swiper[data-v-11c9eae5], body #hr-widget-list .hotel-card .swiper[data-v-11c9eae5], body #hr-modal .hotel-card .swiper[data-v-11c9eae5] {
    width: 100%;
    height: 100%
}

@media (max-width: 1023px) {
    body #app .hotel-card .swiper[data-v-11c9eae5], body #hr-widget-list .hotel-card .swiper[data-v-11c9eae5], body #hr-modal .hotel-card .swiper[data-v-11c9eae5] {
        max-width: 100vw
    }
}

body #app .muted[data-v-11c9eae5], body #hr-widget-list .muted[data-v-11c9eae5], body #hr-modal .muted[data-v-11c9eae5] {
    opacity: .3
}

[data-v-f8da2bfd]:root {
    --custom-text: #424242;
    --custom-label: #f44336;
    --custom-background: #f6f6f6;
    --custom-main: #2196f3;
    --custom-main-dark: #0d47a1;
    --custom-main-light: #e3f2fd
}

body #app .hotel-info[data-v-f8da2bfd], body #hr-widget-list .hotel-info[data-v-f8da2bfd], body #hr-modal .hotel-info[data-v-f8da2bfd] {
    height: 100%;
    box-sizing: border-box;
    padding: 24px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

body #app .hotel-info[data-v-f8da2bfd]:is(a), body #hr-widget-list .hotel-info[data-v-f8da2bfd]:is(a), body #hr-modal .hotel-info[data-v-f8da2bfd]:is(a) {
    cursor: pointer;
    text-decoration: none
}

@media (max-width: 1023px) {
    body #app .hotel-info[data-v-f8da2bfd], body #hr-widget-list .hotel-info[data-v-f8da2bfd], body #hr-modal .hotel-info[data-v-f8da2bfd] {
        padding: 16px
    }
}

body #app .hotel-info[data-v-f8da2bfd] > *:not(:last-child), body #hr-widget-list .hotel-info[data-v-f8da2bfd] > *:not(:last-child), body #hr-modal .hotel-info[data-v-f8da2bfd] > *:not(:last-child) {
    margin-bottom: 14px
}

body #app .hotel-info__title[data-v-f8da2bfd], body #hr-widget-list .hotel-info__title[data-v-f8da2bfd], body #hr-modal .hotel-info__title[data-v-f8da2bfd] {
    display: flex;
    align-items: center;
    width: 100%
}

body #app .hotel-info__title > span[data-v-f8da2bfd], body #hr-widget-list .hotel-info__title > span[data-v-f8da2bfd], body #hr-modal .hotel-info__title > span[data-v-f8da2bfd] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 22px !important;
    text-align: left !important;
    color: var(--custom-text);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

body #app .hotel-info__text[data-v-f8da2bfd], body #hr-widget-list .hotel-info__text[data-v-f8da2bfd], body #hr-modal .hotel-info__text[data-v-f8da2bfd] {
    display: flex;
    align-items: center;
    width: 100%
}

body #app .hotel-info__text > svg[data-v-f8da2bfd], body #hr-widget-list .hotel-info__text > svg[data-v-f8da2bfd], body #hr-modal .hotel-info__text > svg[data-v-f8da2bfd] {
    margin-right: 4px;
    min-width: 20px;
    height: 20px
}

body #app .hotel-info__text > span[data-v-f8da2bfd], body #hr-widget-list .hotel-info__text > span[data-v-f8da2bfd], body #hr-modal .hotel-info__text > span[data-v-f8da2bfd] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: var(--custom-text);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

body #app .hotel-info__params[data-v-f8da2bfd], body #hr-widget-list .hotel-info__params[data-v-f8da2bfd], body #hr-modal .hotel-info__params[data-v-f8da2bfd] {
    display: flex;
    width: 100%
}

body #app .hotel-info__params-item[data-v-f8da2bfd], body #hr-widget-list .hotel-info__params-item[data-v-f8da2bfd], body #hr-modal .hotel-info__params-item[data-v-f8da2bfd] {
    display: flex;
    align-items: center;
    overflow: hidden
}

body #app .hotel-info__params-item > span[data-v-f8da2bfd], body #hr-widget-list .hotel-info__params-item > span[data-v-f8da2bfd], body #hr-modal .hotel-info__params-item > span[data-v-f8da2bfd] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: var(--custom-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

body #app .hotel-info__params-item > svg[data-v-f8da2bfd], body #hr-widget-list .hotel-info__params-item > svg[data-v-f8da2bfd], body #hr-modal .hotel-info__params-item > svg[data-v-f8da2bfd] {
    margin-right: 4px;
    min-width: 20px;
    height: 20px
}

body #app .hotel-info__params-item[data-v-f8da2bfd]:not(:last-child), body #hr-widget-list .hotel-info__params-item[data-v-f8da2bfd]:not(:last-child), body #hr-modal .hotel-info__params-item[data-v-f8da2bfd]:not(:last-child) {
    margin-right: 16px
}

body #app .price-column[data-v-f8da2bfd], body #hr-widget-list .price-column[data-v-f8da2bfd], body #hr-modal .price-column[data-v-f8da2bfd] {
    border-left: 1px solid #eeeeee;
    padding: 24px;
    display: grid;
    align-content: space-between
}

body #app .price-column[data-v-f8da2bfd]:is(a), body #hr-widget-list .price-column[data-v-f8da2bfd]:is(a), body #hr-modal .price-column[data-v-f8da2bfd]:is(a) {
    cursor: pointer;
    text-decoration: none
}

@media (max-width: 1023px) {
    body #app .price-column[data-v-f8da2bfd], body #hr-widget-list .price-column[data-v-f8da2bfd], body #hr-modal .price-column[data-v-f8da2bfd] {
        padding: 16px;
        grid-template-columns:max-content max-content;
        justify-content: space-between;
        gap: 12px;
        align-items: center;
        border-top: 1px solid #eeeeee
    }
}

body #app .price-info__old-container[data-v-f8da2bfd], body #hr-widget-list .price-info__old-container[data-v-f8da2bfd], body #hr-modal .price-info__old-container[data-v-f8da2bfd] {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start
}

body #app .price-info__current-price[data-v-f8da2bfd], body #hr-widget-list .price-info__current-price[data-v-f8da2bfd], body #hr-modal .price-info__current-price[data-v-f8da2bfd] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    line-height: 28px !important;
    text-align: left !important;
    color: var(--custom-text);
    margin-bottom: 4px;
    display: flex
}

body #app .price-info__current-price[data-v-f8da2bfd] > *, body #hr-widget-list .price-info__current-price[data-v-f8da2bfd] > *, body #hr-modal .price-info__current-price[data-v-f8da2bfd] > * {
    margin-left: 8px
}

body #app .price-info__old-price[data-v-f8da2bfd], body #hr-widget-list .price-info__old-price[data-v-f8da2bfd], body #hr-modal .price-info__old-price[data-v-f8da2bfd] {
    position: relative;
    display: inline-flex;
    margin-bottom: 4px;
    white-space: nowrap;
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: #9e9e9e
}

body #app .price-info__old-price[data-v-f8da2bfd]:after, body #hr-widget-list .price-info__old-price[data-v-f8da2bfd]:after, body #hr-modal .price-info__old-price[data-v-f8da2bfd]:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 2px;
    background-color: red;
    transform: translateY(-50%)
}

body #app .price-info__discount[data-v-f8da2bfd], body #hr-widget-list .price-info__discount[data-v-f8da2bfd], body #hr-modal .price-info__discount[data-v-f8da2bfd] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 16px !important;
    text-align: left !important;
    color: #fff;
    background-color: var(--custom-label);
    padding: 1px 4px;
    border-radius: 6px;
    margin-left: 8px;
    white-space: nowrap
}

body #app .price-info__day[data-v-f8da2bfd], body #app .price-info__text[data-v-f8da2bfd], body #hr-widget-list .price-info__day[data-v-f8da2bfd], body #hr-widget-list .price-info__text[data-v-f8da2bfd], body #hr-modal .price-info__day[data-v-f8da2bfd], body #hr-modal .price-info__text[data-v-f8da2bfd] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: #9e9e9e
}

body #app .price-info__button > svg[data-v-f8da2bfd], body #hr-widget-list .price-info__button > svg[data-v-f8da2bfd], body #hr-modal .price-info__button > svg[data-v-f8da2bfd] {
    margin-left: 4px
}

body #app .price-info__link[data-v-f8da2bfd], body #hr-widget-list .price-info__link[data-v-f8da2bfd], body #hr-modal .price-info__link[data-v-f8da2bfd] {
    margin-top: 10px
}

body #app .hotel-card[data-v-f8da2bfd], body #hr-widget-list .hotel-card[data-v-f8da2bfd], body #hr-modal .hotel-card[data-v-f8da2bfd] {
    background-color: #fff;
    display: grid;
    grid-template-columns:300px 1fr 205px;
    border-radius: 12px;
    border: 1px solid #eeeeee;
    box-shadow: 0 4px 10px #0000000d;
    max-height: 200px;
    overflow: hidden
}

@media (max-width: 1023px) {
    body #app .hotel-card[data-v-f8da2bfd], body #hr-widget-list .hotel-card[data-v-f8da2bfd], body #hr-modal .hotel-card[data-v-f8da2bfd] {
        grid-template-columns:1fr;
        max-height: none
    }
}

body #app .hotel-card__slide[data-v-f8da2bfd], body #hr-widget-list .hotel-card__slide[data-v-f8da2bfd], body #hr-modal .hotel-card__slide[data-v-f8da2bfd] {
    height: 200px
}

@media (max-width: 1023px) {
    body #app .hotel-card__slide[data-v-f8da2bfd], body #hr-widget-list .hotel-card__slide[data-v-f8da2bfd], body #hr-modal .hotel-card__slide[data-v-f8da2bfd] {
        height: 254px
    }
}

body #app .hotel-card__image[data-v-f8da2bfd], body #hr-widget-list .hotel-card__image[data-v-f8da2bfd], body #hr-modal .hotel-card__image[data-v-f8da2bfd] {
    width: 300px;
    height: 200px;
    object-fit: cover;
    object-position: center
}

@media (max-width: 1023px) {
    body #app .hotel-card__image[data-v-f8da2bfd], body #hr-widget-list .hotel-card__image[data-v-f8da2bfd], body #hr-modal .hotel-card__image[data-v-f8da2bfd] {
        width: 100%;
        max-width: calc(100vw - 12px);
        height: 330px;
        margin: 6px 6px 0;
        border-radius: 6px
    }
}

body #app .hotel-card .swiper[data-v-f8da2bfd], body #hr-widget-list .hotel-card .swiper[data-v-f8da2bfd], body #hr-modal .hotel-card .swiper[data-v-f8da2bfd] {
    width: 100%;
    height: 100%
}

@media (max-width: 1023px) {
    body #app .hotel-card .swiper[data-v-f8da2bfd], body #hr-widget-list .hotel-card .swiper[data-v-f8da2bfd], body #hr-modal .hotel-card .swiper[data-v-f8da2bfd] {
        max-width: 100vw
    }
}

body #app .muted[data-v-f8da2bfd], body #hr-widget-list .muted[data-v-f8da2bfd], body #hr-modal .muted[data-v-f8da2bfd] {
    opacity: .3
}

body #app .hotel-card.map[data-v-f8da2bfd], body #hr-widget-list .hotel-card.map[data-v-f8da2bfd], body #hr-modal .hotel-card.map[data-v-f8da2bfd] {
    max-width: min-content;
    min-width: 300px;
    box-sizing: border-box;
    min-height: 144px;
    width: 100%;
    grid-template-columns:1fr;
    max-height: none
}

@media (max-width: 1023px) {
    body #app .hotel-card.map[data-v-f8da2bfd], body #hr-widget-list .hotel-card.map[data-v-f8da2bfd], body #hr-modal .hotel-card.map[data-v-f8da2bfd] {
        max-width: unset;
        grid-template-columns:128px 1fr;
        grid-template-rows:max-content 1fr
    }
}

body #app .hotel-card.map.transparent[data-v-f8da2bfd], body #hr-widget-list .hotel-card.map.transparent[data-v-f8da2bfd], body #hr-modal .hotel-card.map.transparent[data-v-f8da2bfd] {
    opacity: 0
}

body #app .hotel-card.map .hotel-card__image[data-v-f8da2bfd], body #hr-widget-list .hotel-card.map .hotel-card__image[data-v-f8da2bfd], body #hr-modal .hotel-card.map .hotel-card__image[data-v-f8da2bfd] {
    padding: 0;
    width: 100%;
    max-width: calc(100vw - 12px);
    height: 100%
}

@media (max-width: 1023px) {
    body #app .hotel-card.map .hotel-card__image[data-v-f8da2bfd], body #hr-widget-list .hotel-card.map .hotel-card__image[data-v-f8da2bfd], body #hr-modal .hotel-card.map .hotel-card__image[data-v-f8da2bfd] {
        padding: 0;
        margin: 0
    }
}

body #app .hotel-card.map .swiper[data-v-f8da2bfd], body #hr-widget-list .hotel-card.map .swiper[data-v-f8da2bfd], body #hr-modal .hotel-card.map .swiper[data-v-f8da2bfd] {
    max-width: 100vw
}

@media (max-width: 1023px) {
    body #app .hotel-card.map .swiper[data-v-f8da2bfd], body #hr-widget-list .hotel-card.map .swiper[data-v-f8da2bfd], body #hr-modal .hotel-card.map .swiper[data-v-f8da2bfd] {
        max-width: 100vw;
        grid-row: span 2;
        width: calc(100% - 16px);
        height: calc(100% - 16px);
        margin: 8px;
        border-radius: 12px
    }
}

body #app .hotel-card.map .hotel-info[data-v-f8da2bfd], body #hr-widget-list .hotel-card.map .hotel-info[data-v-f8da2bfd], body #hr-modal .hotel-card.map .hotel-info[data-v-f8da2bfd] {
    padding: 16px
}

@media (max-width: 1023px) {
    body #app .hotel-card.map .hotel-info[data-v-f8da2bfd], body #hr-widget-list .hotel-card.map .hotel-info[data-v-f8da2bfd], body #hr-modal .hotel-card.map .hotel-info[data-v-f8da2bfd] {
        padding: 12px 12px 8px 4px
    }
}

body #app .hotel-card.map .price-column[data-v-f8da2bfd], body #hr-widget-list .hotel-card.map .price-column[data-v-f8da2bfd], body #hr-modal .hotel-card.map .price-column[data-v-f8da2bfd] {
    padding: 16px;
    grid-template-columns:max-content max-content;
    gap: 12px;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #eeeeee;
    border-left: 0;
    width: 100%;
    box-sizing: border-box
}

@media (max-width: 1023px) {
    body #app .hotel-card.map .price-column[data-v-f8da2bfd], body #hr-widget-list .hotel-card.map .price-column[data-v-f8da2bfd], body #hr-modal .hotel-card.map .price-column[data-v-f8da2bfd] {
        padding: 8px 0;
        width: calc(100% - 16px);
        margin: 0 12px 0 4px;
        grid-template-columns:1fr max-content
    }
}

body #app .hotel-card.map .hotel-info__title span[data-v-f8da2bfd], body #hr-widget-list .hotel-card.map .hotel-info__title span[data-v-f8da2bfd], body #hr-modal .hotel-card.map .hotel-info__title span[data-v-f8da2bfd] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    white-space: initial
}

@media (max-width: 1023px) {
    body #app .hotel-card.map .hotel-info__title span[data-v-f8da2bfd], body #hr-widget-list .hotel-card.map .hotel-info__title span[data-v-f8da2bfd], body #hr-modal .hotel-card.map .hotel-info__title span[data-v-f8da2bfd] {
        font-family: Inter, Roboto, Arial, sans-serif !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        line-height: 20px !important;
        text-align: left !important
    }
}

@media (max-width: 1023px) {
    body #app .hotel-card.map .price-info__old-price[data-v-f8da2bfd], body #hr-widget-list .hotel-card.map .price-info__old-price[data-v-f8da2bfd], body #hr-modal .hotel-card.map .price-info__old-price[data-v-f8da2bfd] {
        font-family: Inter, Roboto, Arial, sans-serif !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 20px !important;
        text-align: left !important
    }
}

@media (max-width: 1023px) {
    body #app .hotel-card.map .price-info__old-price[data-v-f8da2bfd]:after, body #hr-widget-list .hotel-card.map .price-info__old-price[data-v-f8da2bfd]:after, body #hr-modal .hotel-card.map .price-info__old-price[data-v-f8da2bfd]:after {
        height: 1px
    }
}

@media (max-width: 1023px) {
    body #app .hotel-card.map .price-info__discount[data-v-f8da2bfd], body #hr-widget-list .hotel-card.map .price-info__discount[data-v-f8da2bfd], body #hr-modal .hotel-card.map .price-info__discount[data-v-f8da2bfd] {
        font-family: Inter, Roboto, Arial, sans-serif !important;
        font-size: 12px !important;
        font-weight: 500 !important;
        line-height: 16px !important;
        text-align: left !important
    }
}

@media (max-width: 1023px) {
    body #app .hotel-card.map .price-info__day[data-v-f8da2bfd], body #hr-widget-list .hotel-card.map .price-info__day[data-v-f8da2bfd], body #hr-modal .hotel-card.map .price-info__day[data-v-f8da2bfd] {
        font-family: Inter, Roboto, Arial, sans-serif !important;
        font-size: 12px !important;
        font-weight: 500 !important;
        line-height: 16px !important;
        text-align: left !important
    }
}

@media (max-width: 1023px) {
    body #app .hotel-card.map .price-info__current-price[data-v-f8da2bfd], body #hr-widget-list .hotel-card.map .price-info__current-price[data-v-f8da2bfd], body #hr-modal .hotel-card.map .price-info__current-price[data-v-f8da2bfd] {
        font-family: Inter, Roboto, Arial, sans-serif !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        line-height: 20px !important;
        text-align: left !important;
        margin: 0;
        max-width: 79px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block
    }
}

@media (max-width: 1023px) {
    body #app .hotel-card.map .price-info__button[data-v-f8da2bfd], body #hr-widget-list .hotel-card.map .price-info__button[data-v-f8da2bfd], body #hr-modal .hotel-card.map .price-info__button[data-v-f8da2bfd] {
        display: none
    }
}

body #app .hotel-card.map .price-info__button-mobile[data-v-f8da2bfd], body #hr-widget-list .hotel-card.map .price-info__button-mobile[data-v-f8da2bfd], body #hr-modal .hotel-card.map .price-info__button-mobile[data-v-f8da2bfd] {
    display: none
}

@media (max-width: 1023px) {
    body #app .hotel-card.map .price-info__button-mobile[data-v-f8da2bfd], body #hr-widget-list .hotel-card.map .price-info__button-mobile[data-v-f8da2bfd], body #hr-modal .hotel-card.map .price-info__button-mobile[data-v-f8da2bfd] {
        display: flex
    }
}

@media (max-width: 1023px) {
    body #app .hotel-card.map .price-info__wrapper[data-v-f8da2bfd], body #hr-widget-list .hotel-card.map .price-info__wrapper[data-v-f8da2bfd], body #hr-modal .hotel-card.map .price-info__wrapper[data-v-f8da2bfd] {
        display: grid;
        grid-template-columns:max-content max-content;
        gap: 4px;
        align-items: center
    }
}

body #app .map-pin[data-v-f8da2bfd], body #hr-widget-list .map-pin[data-v-f8da2bfd], body #hr-modal .map-pin[data-v-f8da2bfd] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: var(--custom-text);
    padding: 6px 8px;
    display: inline-flex;
    align-items: center;
    background-color: #fff;
    border-radius: 8px;
    cursor: pointer;
    position: relative;
    box-shadow: 0 2px 10px #00000026
}

body #app .map-pin > svg[data-v-f8da2bfd], body #hr-widget-list .map-pin > svg[data-v-f8da2bfd], body #hr-modal .map-pin > svg[data-v-f8da2bfd] {
    margin-right: 4px
}

body #app .map-pin[data-v-f8da2bfd]:after, body #hr-widget-list .map-pin[data-v-f8da2bfd]:after, body #hr-modal .map-pin[data-v-f8da2bfd]:after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translate(-50%);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #ffffff
}

body #app .map-pin.active[data-v-f8da2bfd], body #hr-widget-list .map-pin.active[data-v-f8da2bfd], body #hr-modal .map-pin.active[data-v-f8da2bfd] {
    background-color: var(--custom-main);
    color: #fff
}

body #app .map-pin.active[data-v-f8da2bfd]:after, body #hr-widget-list .map-pin.active[data-v-f8da2bfd]:after, body #hr-modal .map-pin.active[data-v-f8da2bfd]:after {
    border-top-color: var(--custom-main)
}

[data-v-2aef594c]:root {
    --custom-text: #424242;
    --custom-label: #f44336;
    --custom-background: #f6f6f6;
    --custom-main: #2196f3;
    --custom-main-dark: #0d47a1;
    --custom-main-light: #e3f2fd
}

body #app .hotel-info[data-v-2aef594c], body #hr-widget-list .hotel-info[data-v-2aef594c], body #hr-modal .hotel-info[data-v-2aef594c] {
    height: 100%;
    box-sizing: border-box;
    padding: 24px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

body #app .hotel-info[data-v-2aef594c]:is(a), body #hr-widget-list .hotel-info[data-v-2aef594c]:is(a), body #hr-modal .hotel-info[data-v-2aef594c]:is(a) {
    cursor: pointer;
    text-decoration: none
}

@media (max-width: 1023px) {
    body #app .hotel-info[data-v-2aef594c], body #hr-widget-list .hotel-info[data-v-2aef594c], body #hr-modal .hotel-info[data-v-2aef594c] {
        padding: 16px
    }
}

body #app .hotel-info[data-v-2aef594c] > *:not(:last-child), body #hr-widget-list .hotel-info[data-v-2aef594c] > *:not(:last-child), body #hr-modal .hotel-info[data-v-2aef594c] > *:not(:last-child) {
    margin-bottom: 14px
}

body #app .hotel-info__title[data-v-2aef594c], body #hr-widget-list .hotel-info__title[data-v-2aef594c], body #hr-modal .hotel-info__title[data-v-2aef594c] {
    display: flex;
    align-items: center;
    width: 100%
}

body #app .hotel-info__title > span[data-v-2aef594c], body #hr-widget-list .hotel-info__title > span[data-v-2aef594c], body #hr-modal .hotel-info__title > span[data-v-2aef594c] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 22px !important;
    text-align: left !important;
    color: var(--custom-text);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

body #app .hotel-info__text[data-v-2aef594c], body #hr-widget-list .hotel-info__text[data-v-2aef594c], body #hr-modal .hotel-info__text[data-v-2aef594c] {
    display: flex;
    align-items: center;
    width: 100%
}

body #app .hotel-info__text > svg[data-v-2aef594c], body #hr-widget-list .hotel-info__text > svg[data-v-2aef594c], body #hr-modal .hotel-info__text > svg[data-v-2aef594c] {
    margin-right: 4px;
    min-width: 20px;
    height: 20px
}

body #app .hotel-info__text > span[data-v-2aef594c], body #hr-widget-list .hotel-info__text > span[data-v-2aef594c], body #hr-modal .hotel-info__text > span[data-v-2aef594c] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: var(--custom-text);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

body #app .hotel-info__params[data-v-2aef594c], body #hr-widget-list .hotel-info__params[data-v-2aef594c], body #hr-modal .hotel-info__params[data-v-2aef594c] {
    display: flex;
    width: 100%
}

body #app .hotel-info__params-item[data-v-2aef594c], body #hr-widget-list .hotel-info__params-item[data-v-2aef594c], body #hr-modal .hotel-info__params-item[data-v-2aef594c] {
    display: flex;
    align-items: center;
    overflow: hidden
}

body #app .hotel-info__params-item > span[data-v-2aef594c], body #hr-widget-list .hotel-info__params-item > span[data-v-2aef594c], body #hr-modal .hotel-info__params-item > span[data-v-2aef594c] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: var(--custom-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

body #app .hotel-info__params-item > svg[data-v-2aef594c], body #hr-widget-list .hotel-info__params-item > svg[data-v-2aef594c], body #hr-modal .hotel-info__params-item > svg[data-v-2aef594c] {
    margin-right: 4px;
    min-width: 20px;
    height: 20px
}

body #app .hotel-info__params-item[data-v-2aef594c]:not(:last-child), body #hr-widget-list .hotel-info__params-item[data-v-2aef594c]:not(:last-child), body #hr-modal .hotel-info__params-item[data-v-2aef594c]:not(:last-child) {
    margin-right: 16px
}

body #app .price-column[data-v-2aef594c], body #hr-widget-list .price-column[data-v-2aef594c], body #hr-modal .price-column[data-v-2aef594c] {
    border-left: 1px solid #eeeeee;
    padding: 24px;
    display: grid;
    align-content: space-between
}

body #app .price-column[data-v-2aef594c]:is(a), body #hr-widget-list .price-column[data-v-2aef594c]:is(a), body #hr-modal .price-column[data-v-2aef594c]:is(a) {
    cursor: pointer;
    text-decoration: none
}

@media (max-width: 1023px) {
    body #app .price-column[data-v-2aef594c], body #hr-widget-list .price-column[data-v-2aef594c], body #hr-modal .price-column[data-v-2aef594c] {
        padding: 16px;
        grid-template-columns:max-content max-content;
        justify-content: space-between;
        gap: 12px;
        align-items: center;
        border-top: 1px solid #eeeeee
    }
}

body #app .price-info__old-container[data-v-2aef594c], body #hr-widget-list .price-info__old-container[data-v-2aef594c], body #hr-modal .price-info__old-container[data-v-2aef594c] {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start
}

body #app .price-info__current-price[data-v-2aef594c], body #hr-widget-list .price-info__current-price[data-v-2aef594c], body #hr-modal .price-info__current-price[data-v-2aef594c] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    line-height: 28px !important;
    text-align: left !important;
    color: var(--custom-text);
    margin-bottom: 4px;
    display: flex
}

body #app .price-info__current-price[data-v-2aef594c] > *, body #hr-widget-list .price-info__current-price[data-v-2aef594c] > *, body #hr-modal .price-info__current-price[data-v-2aef594c] > * {
    margin-left: 8px
}

body #app .price-info__old-price[data-v-2aef594c], body #hr-widget-list .price-info__old-price[data-v-2aef594c], body #hr-modal .price-info__old-price[data-v-2aef594c] {
    position: relative;
    display: inline-flex;
    margin-bottom: 4px;
    white-space: nowrap;
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: #9e9e9e
}

body #app .price-info__old-price[data-v-2aef594c]:after, body #hr-widget-list .price-info__old-price[data-v-2aef594c]:after, body #hr-modal .price-info__old-price[data-v-2aef594c]:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 2px;
    background-color: red;
    transform: translateY(-50%)
}

body #app .price-info__discount[data-v-2aef594c], body #hr-widget-list .price-info__discount[data-v-2aef594c], body #hr-modal .price-info__discount[data-v-2aef594c] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 16px !important;
    text-align: left !important;
    color: #fff;
    background-color: var(--custom-label);
    padding: 1px 4px;
    border-radius: 6px;
    margin-left: 8px;
    white-space: nowrap
}

body #app .price-info__day[data-v-2aef594c], body #app .price-info__text[data-v-2aef594c], body #hr-widget-list .price-info__day[data-v-2aef594c], body #hr-widget-list .price-info__text[data-v-2aef594c], body #hr-modal .price-info__day[data-v-2aef594c], body #hr-modal .price-info__text[data-v-2aef594c] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: #9e9e9e
}

body #app .price-info__button > svg[data-v-2aef594c], body #hr-widget-list .price-info__button > svg[data-v-2aef594c], body #hr-modal .price-info__button > svg[data-v-2aef594c] {
    margin-left: 4px
}

body #app .price-info__link[data-v-2aef594c], body #hr-widget-list .price-info__link[data-v-2aef594c], body #hr-modal .price-info__link[data-v-2aef594c] {
    margin-top: 10px
}

body #app .hotel-card[data-v-2aef594c], body #hr-widget-list .hotel-card[data-v-2aef594c], body #hr-modal .hotel-card[data-v-2aef594c] {
    background-color: #fff;
    display: grid;
    grid-template-columns:300px 1fr 205px;
    border-radius: 12px;
    border: 1px solid #eeeeee;
    box-shadow: 0 4px 10px #0000000d;
    max-height: 200px;
    overflow: hidden
}

@media (max-width: 1023px) {
    body #app .hotel-card[data-v-2aef594c], body #hr-widget-list .hotel-card[data-v-2aef594c], body #hr-modal .hotel-card[data-v-2aef594c] {
        grid-template-columns:1fr;
        max-height: none
    }
}

@media (max-width: 1023px) {
    body #app .hotel-card__slide[data-v-2aef594c], body #hr-widget-list .hotel-card__slide[data-v-2aef594c], body #hr-modal .hotel-card__slide[data-v-2aef594c] {
        height: 254px
    }
}

body #app .hotel-card__image[data-v-2aef594c], body #hr-widget-list .hotel-card__image[data-v-2aef594c], body #hr-modal .hotel-card__image[data-v-2aef594c] {
    width: 300px;
    height: 200px;
    object-fit: cover;
    object-position: center
}

@media (max-width: 1023px) {
    body #app .hotel-card__image[data-v-2aef594c], body #hr-widget-list .hotel-card__image[data-v-2aef594c], body #hr-modal .hotel-card__image[data-v-2aef594c] {
        width: 100%;
        max-width: calc(100vw - 12px);
        height: 330px;
        margin: 6px 6px 0;
        border-radius: 6px
    }
}

body #app .hotel-card .swiper[data-v-2aef594c], body #hr-widget-list .hotel-card .swiper[data-v-2aef594c], body #hr-modal .hotel-card .swiper[data-v-2aef594c] {
    width: 100%;
    height: 100%
}

@media (max-width: 1023px) {
    body #app .hotel-card .swiper[data-v-2aef594c], body #hr-widget-list .hotel-card .swiper[data-v-2aef594c], body #hr-modal .hotel-card .swiper[data-v-2aef594c] {
        max-width: 100vw
    }
}

body #app .muted[data-v-2aef594c], body #hr-widget-list .muted[data-v-2aef594c], body #hr-modal .muted[data-v-2aef594c] {
    opacity: .3
}

body #app .hotel-card.map[data-v-2aef594c], body #hr-widget-list .hotel-card.map[data-v-2aef594c], body #hr-modal .hotel-card.map[data-v-2aef594c] {
    max-width: min-content;
    min-width: 300px;
    box-sizing: border-box;
    min-height: 144px;
    width: 100%;
    grid-template-columns:1fr;
    max-height: none
}

@media (max-width: 1023px) {
    body #app .hotel-card.map[data-v-2aef594c], body #hr-widget-list .hotel-card.map[data-v-2aef594c], body #hr-modal .hotel-card.map[data-v-2aef594c] {
        max-width: unset;
        grid-template-columns:128px 1fr;
        grid-template-rows:max-content 1fr
    }
}

body #app .hotel-card.map.transparent[data-v-2aef594c], body #hr-widget-list .hotel-card.map.transparent[data-v-2aef594c], body #hr-modal .hotel-card.map.transparent[data-v-2aef594c] {
    opacity: 0
}

body #app .hotel-card.map .hotel-card__image[data-v-2aef594c], body #hr-widget-list .hotel-card.map .hotel-card__image[data-v-2aef594c], body #hr-modal .hotel-card.map .hotel-card__image[data-v-2aef594c] {
    padding: 0;
    width: 100%;
    max-width: calc(100vw - 12px);
    height: 100%
}

@media (max-width: 1023px) {
    body #app .hotel-card.map .hotel-card__image[data-v-2aef594c], body #hr-widget-list .hotel-card.map .hotel-card__image[data-v-2aef594c], body #hr-modal .hotel-card.map .hotel-card__image[data-v-2aef594c] {
        padding: 0;
        margin: 0
    }
}

body #app .hotel-card.map .swiper[data-v-2aef594c], body #hr-widget-list .hotel-card.map .swiper[data-v-2aef594c], body #hr-modal .hotel-card.map .swiper[data-v-2aef594c] {
    max-width: 100vw
}

@media (max-width: 1023px) {
    body #app .hotel-card.map .swiper[data-v-2aef594c], body #hr-widget-list .hotel-card.map .swiper[data-v-2aef594c], body #hr-modal .hotel-card.map .swiper[data-v-2aef594c] {
        max-width: 100vw;
        grid-row: span 2;
        width: calc(100% - 16px);
        height: calc(100% - 16px);
        margin: 8px;
        border-radius: 12px
    }
}

body #app .hotel-card.map .hotel-info[data-v-2aef594c], body #hr-widget-list .hotel-card.map .hotel-info[data-v-2aef594c], body #hr-modal .hotel-card.map .hotel-info[data-v-2aef594c] {
    padding: 16px
}

@media (max-width: 1023px) {
    body #app .hotel-card.map .hotel-info[data-v-2aef594c], body #hr-widget-list .hotel-card.map .hotel-info[data-v-2aef594c], body #hr-modal .hotel-card.map .hotel-info[data-v-2aef594c] {
        padding: 12px 12px 8px 4px
    }
}

body #app .hotel-card.map .price-column[data-v-2aef594c], body #hr-widget-list .hotel-card.map .price-column[data-v-2aef594c], body #hr-modal .hotel-card.map .price-column[data-v-2aef594c] {
    padding: 16px;
    grid-template-columns:max-content max-content;
    gap: 12px;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #eeeeee;
    border-left: 0;
    width: 100%;
    box-sizing: border-box
}

@media (max-width: 1023px) {
    body #app .hotel-card.map .price-column[data-v-2aef594c], body #hr-widget-list .hotel-card.map .price-column[data-v-2aef594c], body #hr-modal .hotel-card.map .price-column[data-v-2aef594c] {
        padding: 8px 0;
        width: calc(100% - 16px);
        margin: 0 12px 0 4px;
        grid-template-columns:1fr max-content
    }
}

body #app .hotel-card.map .hotel-info__title span[data-v-2aef594c], body #hr-widget-list .hotel-card.map .hotel-info__title span[data-v-2aef594c], body #hr-modal .hotel-card.map .hotel-info__title span[data-v-2aef594c] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    white-space: initial
}

@media (max-width: 1023px) {
    body #app .hotel-card.map .hotel-info__title span[data-v-2aef594c], body #hr-widget-list .hotel-card.map .hotel-info__title span[data-v-2aef594c], body #hr-modal .hotel-card.map .hotel-info__title span[data-v-2aef594c] {
        font-family: Inter, Roboto, Arial, sans-serif !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        line-height: 20px !important;
        text-align: left !important
    }
}

@media (max-width: 1023px) {
    body #app .hotel-card.map .price-info__old-price[data-v-2aef594c], body #hr-widget-list .hotel-card.map .price-info__old-price[data-v-2aef594c], body #hr-modal .hotel-card.map .price-info__old-price[data-v-2aef594c] {
        font-family: Inter, Roboto, Arial, sans-serif !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 20px !important;
        text-align: left !important
    }
}

@media (max-width: 1023px) {
    body #app .hotel-card.map .price-info__old-price[data-v-2aef594c]:after, body #hr-widget-list .hotel-card.map .price-info__old-price[data-v-2aef594c]:after, body #hr-modal .hotel-card.map .price-info__old-price[data-v-2aef594c]:after {
        height: 1px
    }
}

@media (max-width: 1023px) {
    body #app .hotel-card.map .price-info__discount[data-v-2aef594c], body #hr-widget-list .hotel-card.map .price-info__discount[data-v-2aef594c], body #hr-modal .hotel-card.map .price-info__discount[data-v-2aef594c] {
        font-family: Inter, Roboto, Arial, sans-serif !important;
        font-size: 12px !important;
        font-weight: 500 !important;
        line-height: 16px !important;
        text-align: left !important
    }
}

@media (max-width: 1023px) {
    body #app .hotel-card.map .price-info__day[data-v-2aef594c], body #hr-widget-list .hotel-card.map .price-info__day[data-v-2aef594c], body #hr-modal .hotel-card.map .price-info__day[data-v-2aef594c] {
        font-family: Inter, Roboto, Arial, sans-serif !important;
        font-size: 12px !important;
        font-weight: 500 !important;
        line-height: 16px !important;
        text-align: left !important
    }
}

@media (max-width: 1023px) {
    body #app .hotel-card.map .price-info__current-price[data-v-2aef594c], body #hr-widget-list .hotel-card.map .price-info__current-price[data-v-2aef594c], body #hr-modal .hotel-card.map .price-info__current-price[data-v-2aef594c] {
        font-family: Inter, Roboto, Arial, sans-serif !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        line-height: 20px !important;
        text-align: left !important;
        margin: 0;
        max-width: 79px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block
    }
}

@media (max-width: 1023px) {
    body #app .hotel-card.map .price-info__button[data-v-2aef594c], body #hr-widget-list .hotel-card.map .price-info__button[data-v-2aef594c], body #hr-modal .hotel-card.map .price-info__button[data-v-2aef594c] {
        display: none
    }
}

body #app .hotel-card.map .price-info__button-mobile[data-v-2aef594c], body #hr-widget-list .hotel-card.map .price-info__button-mobile[data-v-2aef594c], body #hr-modal .hotel-card.map .price-info__button-mobile[data-v-2aef594c] {
    display: none
}

@media (max-width: 1023px) {
    body #app .hotel-card.map .price-info__button-mobile[data-v-2aef594c], body #hr-widget-list .hotel-card.map .price-info__button-mobile[data-v-2aef594c], body #hr-modal .hotel-card.map .price-info__button-mobile[data-v-2aef594c] {
        display: flex
    }
}

@media (max-width: 1023px) {
    body #app .hotel-card.map .price-info__wrapper[data-v-2aef594c], body #hr-widget-list .hotel-card.map .price-info__wrapper[data-v-2aef594c], body #hr-modal .hotel-card.map .price-info__wrapper[data-v-2aef594c] {
        display: grid;
        grid-template-columns:max-content max-content;
        gap: 4px;
        align-items: center
    }
}

body #app .hotel-card__slide[data-v-2aef594c], body #hr-widget-list .hotel-card__slide[data-v-2aef594c], body #hr-modal .hotel-card__slide[data-v-2aef594c] {
    height: 200px
}

@media (max-width: 1023px) {
    body #app .hotel-card__slide[data-v-2aef594c], body #hr-widget-list .hotel-card__slide[data-v-2aef594c], body #hr-modal .hotel-card__slide[data-v-2aef594c] {
        height: 128px
    }
}

[data-v-19e04c7e]:root {
    --custom-text: #424242;
    --custom-label: #f44336;
    --custom-background: #f6f6f6;
    --custom-main: #2196f3;
    --custom-main-dark: #0d47a1;
    --custom-main-light: #e3f2fd
}

body #app .hotel-info[data-v-19e04c7e], body #hr-widget-list .hotel-info[data-v-19e04c7e], body #hr-modal .hotel-info[data-v-19e04c7e] {
    height: 100%;
    box-sizing: border-box;
    padding: 24px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

body #app .hotel-info[data-v-19e04c7e]:is(a), body #hr-widget-list .hotel-info[data-v-19e04c7e]:is(a), body #hr-modal .hotel-info[data-v-19e04c7e]:is(a) {
    cursor: pointer;
    text-decoration: none
}

@media (max-width: 1023px) {
    body #app .hotel-info[data-v-19e04c7e], body #hr-widget-list .hotel-info[data-v-19e04c7e], body #hr-modal .hotel-info[data-v-19e04c7e] {
        padding: 16px
    }
}

body #app .hotel-info[data-v-19e04c7e] > *:not(:last-child), body #hr-widget-list .hotel-info[data-v-19e04c7e] > *:not(:last-child), body #hr-modal .hotel-info[data-v-19e04c7e] > *:not(:last-child) {
    margin-bottom: 14px
}

body #app .hotel-info__title[data-v-19e04c7e], body #hr-widget-list .hotel-info__title[data-v-19e04c7e], body #hr-modal .hotel-info__title[data-v-19e04c7e] {
    display: flex;
    align-items: center;
    width: 100%
}

body #app .hotel-info__title > span[data-v-19e04c7e], body #hr-widget-list .hotel-info__title > span[data-v-19e04c7e], body #hr-modal .hotel-info__title > span[data-v-19e04c7e] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 22px !important;
    text-align: left !important;
    color: var(--custom-text);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

body #app .hotel-info__text[data-v-19e04c7e], body #hr-widget-list .hotel-info__text[data-v-19e04c7e], body #hr-modal .hotel-info__text[data-v-19e04c7e] {
    display: flex;
    align-items: center;
    width: 100%
}

body #app .hotel-info__text > svg[data-v-19e04c7e], body #hr-widget-list .hotel-info__text > svg[data-v-19e04c7e], body #hr-modal .hotel-info__text > svg[data-v-19e04c7e] {
    margin-right: 4px;
    min-width: 20px;
    height: 20px
}

body #app .hotel-info__text > span[data-v-19e04c7e], body #hr-widget-list .hotel-info__text > span[data-v-19e04c7e], body #hr-modal .hotel-info__text > span[data-v-19e04c7e] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: var(--custom-text);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

body #app .hotel-info__params[data-v-19e04c7e], body #hr-widget-list .hotel-info__params[data-v-19e04c7e], body #hr-modal .hotel-info__params[data-v-19e04c7e] {
    display: flex;
    width: 100%
}

body #app .hotel-info__params-item[data-v-19e04c7e], body #hr-widget-list .hotel-info__params-item[data-v-19e04c7e], body #hr-modal .hotel-info__params-item[data-v-19e04c7e] {
    display: flex;
    align-items: center;
    overflow: hidden
}

body #app .hotel-info__params-item > span[data-v-19e04c7e], body #hr-widget-list .hotel-info__params-item > span[data-v-19e04c7e], body #hr-modal .hotel-info__params-item > span[data-v-19e04c7e] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: var(--custom-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

body #app .hotel-info__params-item > svg[data-v-19e04c7e], body #hr-widget-list .hotel-info__params-item > svg[data-v-19e04c7e], body #hr-modal .hotel-info__params-item > svg[data-v-19e04c7e] {
    margin-right: 4px;
    min-width: 20px;
    height: 20px
}

body #app .hotel-info__params-item[data-v-19e04c7e]:not(:last-child), body #hr-widget-list .hotel-info__params-item[data-v-19e04c7e]:not(:last-child), body #hr-modal .hotel-info__params-item[data-v-19e04c7e]:not(:last-child) {
    margin-right: 16px
}

body #app .price-column[data-v-19e04c7e], body #hr-widget-list .price-column[data-v-19e04c7e], body #hr-modal .price-column[data-v-19e04c7e] {
    border-left: 1px solid #eeeeee;
    padding: 24px;
    display: grid;
    align-content: space-between
}

body #app .price-column[data-v-19e04c7e]:is(a), body #hr-widget-list .price-column[data-v-19e04c7e]:is(a), body #hr-modal .price-column[data-v-19e04c7e]:is(a) {
    cursor: pointer;
    text-decoration: none
}

@media (max-width: 1023px) {
    body #app .price-column[data-v-19e04c7e], body #hr-widget-list .price-column[data-v-19e04c7e], body #hr-modal .price-column[data-v-19e04c7e] {
        padding: 16px;
        grid-template-columns:max-content max-content;
        justify-content: space-between;
        gap: 12px;
        align-items: center;
        border-top: 1px solid #eeeeee
    }
}

body #app .price-info__old-container[data-v-19e04c7e], body #hr-widget-list .price-info__old-container[data-v-19e04c7e], body #hr-modal .price-info__old-container[data-v-19e04c7e] {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start
}

body #app .price-info__current-price[data-v-19e04c7e], body #hr-widget-list .price-info__current-price[data-v-19e04c7e], body #hr-modal .price-info__current-price[data-v-19e04c7e] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    line-height: 28px !important;
    text-align: left !important;
    color: var(--custom-text);
    margin-bottom: 4px;
    display: flex
}

body #app .price-info__current-price[data-v-19e04c7e] > *, body #hr-widget-list .price-info__current-price[data-v-19e04c7e] > *, body #hr-modal .price-info__current-price[data-v-19e04c7e] > * {
    margin-left: 8px
}

body #app .price-info__old-price[data-v-19e04c7e], body #hr-widget-list .price-info__old-price[data-v-19e04c7e], body #hr-modal .price-info__old-price[data-v-19e04c7e] {
    position: relative;
    display: inline-flex;
    margin-bottom: 4px;
    white-space: nowrap;
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: #9e9e9e
}

body #app .price-info__old-price[data-v-19e04c7e]:after, body #hr-widget-list .price-info__old-price[data-v-19e04c7e]:after, body #hr-modal .price-info__old-price[data-v-19e04c7e]:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 2px;
    background-color: red;
    transform: translateY(-50%)
}

body #app .price-info__discount[data-v-19e04c7e], body #hr-widget-list .price-info__discount[data-v-19e04c7e], body #hr-modal .price-info__discount[data-v-19e04c7e] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 16px !important;
    text-align: left !important;
    color: #fff;
    background-color: var(--custom-label);
    padding: 1px 4px;
    border-radius: 6px;
    margin-left: 8px;
    white-space: nowrap
}

body #app .price-info__day[data-v-19e04c7e], body #app .price-info__text[data-v-19e04c7e], body #hr-widget-list .price-info__day[data-v-19e04c7e], body #hr-widget-list .price-info__text[data-v-19e04c7e], body #hr-modal .price-info__day[data-v-19e04c7e], body #hr-modal .price-info__text[data-v-19e04c7e] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: #9e9e9e
}

body #app .price-info__button > svg[data-v-19e04c7e], body #hr-widget-list .price-info__button > svg[data-v-19e04c7e], body #hr-modal .price-info__button > svg[data-v-19e04c7e] {
    margin-left: 4px
}

body #app .price-info__link[data-v-19e04c7e], body #hr-widget-list .price-info__link[data-v-19e04c7e], body #hr-modal .price-info__link[data-v-19e04c7e] {
    margin-top: 10px
}

body #app .hotel-card[data-v-19e04c7e], body #hr-widget-list .hotel-card[data-v-19e04c7e], body #hr-modal .hotel-card[data-v-19e04c7e] {
    background-color: #fff;
    display: grid;
    grid-template-columns:300px 1fr 205px;
    border-radius: 12px;
    border: 1px solid #eeeeee;
    box-shadow: 0 4px 10px #0000000d;
    max-height: 200px;
    overflow: hidden
}

@media (max-width: 1023px) {
    body #app .hotel-card[data-v-19e04c7e], body #hr-widget-list .hotel-card[data-v-19e04c7e], body #hr-modal .hotel-card[data-v-19e04c7e] {
        grid-template-columns:1fr;
        max-height: none
    }
}

body #app .hotel-card__slide[data-v-19e04c7e], body #hr-widget-list .hotel-card__slide[data-v-19e04c7e], body #hr-modal .hotel-card__slide[data-v-19e04c7e] {
    height: 200px
}

@media (max-width: 1023px) {
    body #app .hotel-card__slide[data-v-19e04c7e], body #hr-widget-list .hotel-card__slide[data-v-19e04c7e], body #hr-modal .hotel-card__slide[data-v-19e04c7e] {
        height: 254px
    }
}

body #app .hotel-card__image[data-v-19e04c7e], body #hr-widget-list .hotel-card__image[data-v-19e04c7e], body #hr-modal .hotel-card__image[data-v-19e04c7e] {
    width: 300px;
    height: 200px;
    object-fit: cover;
    object-position: center
}

@media (max-width: 1023px) {
    body #app .hotel-card__image[data-v-19e04c7e], body #hr-widget-list .hotel-card__image[data-v-19e04c7e], body #hr-modal .hotel-card__image[data-v-19e04c7e] {
        width: 100%;
        max-width: calc(100vw - 12px);
        height: 330px;
        margin: 6px 6px 0;
        border-radius: 6px
    }
}

body #app .hotel-card .swiper[data-v-19e04c7e], body #hr-widget-list .hotel-card .swiper[data-v-19e04c7e], body #hr-modal .hotel-card .swiper[data-v-19e04c7e] {
    width: 100%;
    height: 100%
}

@media (max-width: 1023px) {
    body #app .hotel-card .swiper[data-v-19e04c7e], body #hr-widget-list .hotel-card .swiper[data-v-19e04c7e], body #hr-modal .hotel-card .swiper[data-v-19e04c7e] {
        max-width: 100vw
    }
}

body #app .muted[data-v-19e04c7e], body #hr-widget-list .muted[data-v-19e04c7e], body #hr-modal .muted[data-v-19e04c7e] {
    opacity: .3
}

body #app .hotel-card.map[data-v-19e04c7e], body #hr-widget-list .hotel-card.map[data-v-19e04c7e], body #hr-modal .hotel-card.map[data-v-19e04c7e] {
    max-width: min-content;
    min-width: 300px;
    box-sizing: border-box;
    min-height: 144px;
    width: 100%;
    grid-template-columns:1fr;
    max-height: none
}

@media (max-width: 1023px) {
    body #app .hotel-card.map[data-v-19e04c7e], body #hr-widget-list .hotel-card.map[data-v-19e04c7e], body #hr-modal .hotel-card.map[data-v-19e04c7e] {
        max-width: unset;
        grid-template-columns:128px 1fr;
        grid-template-rows:max-content 1fr
    }
}

body #app .hotel-card.map.transparent[data-v-19e04c7e], body #hr-widget-list .hotel-card.map.transparent[data-v-19e04c7e], body #hr-modal .hotel-card.map.transparent[data-v-19e04c7e] {
    opacity: 0
}

body #app .hotel-card.map .hotel-card__image[data-v-19e04c7e], body #hr-widget-list .hotel-card.map .hotel-card__image[data-v-19e04c7e], body #hr-modal .hotel-card.map .hotel-card__image[data-v-19e04c7e] {
    padding: 0;
    width: 100%;
    max-width: calc(100vw - 12px);
    height: 100%
}

@media (max-width: 1023px) {
    body #app .hotel-card.map .hotel-card__image[data-v-19e04c7e], body #hr-widge-list .hotel-card.map .hotel-card__image[data-v-19e04c7e], body #hr-modal .hotel-card.map .hotel-card__image[data-v-19e04c7e] {
        padding: 0;
        margin: 0
    }
}

body #app .hotel-card.map .swiper[data-v-19e04c7e], body #hr-widget-list .hotel-card.map .swiper[data-v-19e04c7e], body #hr-modal .hotel-card.map .swiper[data-v-19e04c7e] {
    max-width: 100vw
}

@media (max-width: 1023px) {
    body #app .hotel-card.map .swiper[data-v-19e04c7e], body #hr-widget-list .hotel-card.map .swiper[data-v-19e04c7e], body #hr-modal .hotel-card.map .swiper[data-v-19e04c7e] {
        max-width: 100vw;
        grid-row: span 2;
        width: calc(100% - 16px);
        height: calc(100% - 16px);
        margin: 8px;
        border-radius: 12px
    }
}

body #app .hotel-card.map .hotel-info[data-v-19e04c7e], body #hr-widget-list .hotel-card.map .hotel-info[data-v-19e04c7e], body #hr-modal .hotel-card.map .hotel-info[data-v-19e04c7e] {
    padding: 16px
}

@media (max-width: 1023px) {
    body #app .hotel-card.map .hotel-info[data-v-19e04c7e], body #hr-widget-list .hotel-card.map .hotel-info[data-v-19e04c7e], body #hr-modal .hotel-card.map .hotel-info[data-v-19e04c7e] {
        padding: 12px 12px 8px 4px
    }
}

body #app .hotel-card.map .price-column[data-v-19e04c7e], body #hr-widget-list .hotel-card.map .price-column[data-v-19e04c7e], body #hr-modal .hotel-card.map .price-column[data-v-19e04c7e] {
    padding: 16px;
    grid-template-columns:max-content max-content;
    gap: 12px;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #eeeeee;
    border-left: 0;
    width: 100%;
    box-sizing: border-box
}

@media (max-width: 1023px) {
    body #app .hotel-card.map .price-column[data-v-19e04c7e], body #hr-widget-list .hotel-card.map .price-column[data-v-19e04c7e], body #hr-modal .hotel-card.map .price-column[data-v-19e04c7e] {
        padding: 8px 0;
        width: calc(100% - 16px);
        margin: 0 12px 0 4px;
        grid-template-columns:1fr max-content
    }
}

body #app .hotel-card.map .hotel-info__title span[data-v-19e04c7e], body #hr-widget-list .hotel-card.map .hotel-info__title span[data-v-19e04c7e], body #hr-modal .hotel-card.map .hotel-info__title span[data-v-19e04c7e] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    white-space: initial
}

@media (max-width: 1023px) {
    body #app .hotel-card.map .hotel-info__title span[data-v-19e04c7e], body #hr-widget-list .hotel-card.map .hotel-info__title span[data-v-19e04c7e], body #hr-modal .hotel-card.map .hotel-info__title span[data-v-19e04c7e] {
        font-family: Inter, Roboto, Arial, sans-serif !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        line-height: 20px !important;
        text-align: left !important
    }
}

@media (max-width: 1023px) {
    body #app .hotel-card.map .price-info__old-price[data-v-19e04c7e], body #hr-widget-list .hotel-card.map .price-info__old-price[data-v-19e04c7e], body #hr-modal .hotel-card.map .price-info__old-price[data-v-19e04c7e] {
        font-family: Inter, Roboto, Arial, sans-serif !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 20px !important;
        text-align: left !important
    }
}

@media (max-width: 1023px) {
    body #app .hotel-card.map .price-info__old-price[data-v-19e04c7e]:after, body #hr-widget-list .hotel-card.map .price-info__old-price[data-v-19e04c7e]:after, body #hr-modal .hotel-card.map .price-info__old-price[data-v-19e04c7e]:after {
        height: 1px
    }
}

@media (max-width: 1023px) {
    body #app .hotel-card.map .price-info__discount[data-v-19e04c7e], body #hr-widget-list .hotel-card.map .price-info__discount[data-v-19e04c7e], body #hr-modal .hotel-card.map .price-info__discount[data-v-19e04c7e] {
        font-family: Inter, Roboto, Arial, sans-serif !important;
        font-size: 12px !important;
        font-weight: 500 !important;
        line-height: 16px !important;
        text-align: left !important
    }
}

@media (max-width: 1023px) {
    body #app .hotel-card.map .price-info__day[data-v-19e04c7e], body #hr-widget-list .hotel-card.map .price-info__day[data-v-19e04c7e], body #hr-modal .hotel-card.map .price-info__day[data-v-19e04c7e] {
        font-family: Inter, Roboto, Arial, sans-serif !important;
        font-size: 12px !important;
        font-weight: 500 !important;
        line-height: 16px !important;
        text-align: left !important
    }
}

@media (max-width: 1023px) {
    body #app .hotel-card.map .price-info__current-price[data-v-19e04c7e], body #hr-widget-list .hotel-card.map .price-info__current-price[data-v-19e04c7e], body #hr-modal .hotel-card.map .price-info__current-price[data-v-19e04c7e] {
        font-family: Inter, Roboto, Arial, sans-serif !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        line-height: 20px !important;
        text-align: left !important;
        margin: 0;
        max-width: 79px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block
    }
}

@media (max-width: 1023px) {
    body #app .hotel-card.map .price-info__button[data-v-19e04c7e], body #hr-widget-list .hotel-card.map .price-info__button[data-v-19e04c7e], body #hr-modal .hotel-card.map .price-info__button[data-v-19e04c7e] {
        display: none
    }
}

body #app .hotel-card.map .price-info__button-mobile[data-v-19e04c7e], body #hr-widget-list .hotel-card.map .price-info__button-mobile[data-v-19e04c7e], body #hr-modal .hotel-card.map .price-info__button-mobile[data-v-19e04c7e] {
    display: none
}

@media (max-width: 1023px) {
    body #app .hotel-card.map .price-info__button-mobile[data-v-19e04c7e], body #hr-widget-list .hotel-card.map .price-info__button-mobile[data-v-19e04c7e], body #hr-modal .hotel-card.map .price-info__button-mobile[data-v-19e04c7e] {
        display: flex
    }
}

@media (max-width: 1023px) {
    body #app .hotel-card.map .price-info__wrapper[data-v-19e04c7e], body #hr-widget-list .hotel-card.map .price-info__wrapper[data-v-19e04c7e], body #hr-modal .hotel-card.map .price-info__wrapper[data-v-19e04c7e] {
        display: grid;
        grid-template-columns:max-content max-content;
        gap: 4px;
        align-items: center
    }
}

body #app .test[data-v-19e04c7e], body #hr-widget-list .test[data-v-19e04c7e], body #hr-modal .test[data-v-19e04c7e] {
    display: grid;
    gap: 40px;
    justify-items: flex-start;
    margin: 16px
}

body #app .map-pin[data-v-19e04c7e], body #hr-widget-list .map-pin[data-v-19e04c7e], body #hr-modal .map-pin[data-v-19e04c7e] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: var(--custom-text);
    padding: 6px 8px;
    display: inline-flex;
    align-items: center;
    background-color: #fff;
    border-radius: 8px;
    cursor: pointer;
    position: relative
}

body #app .map-pin > svg[data-v-19e04c7e], body #hr-widget-list .map-pin > svg[data-v-19e04c7e], body #hr-modal .map-pin > svg[data-v-19e04c7e] {
    margin-right: 4px
}

body #app .map-pin[data-v-19e04c7e]:after, body #hr-widget-list .map-pin[data-v-19e04c7e]:after, body #hr-modal .map-pin[data-v-19e04c7e]:after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translate(-50%);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #ffffff
}

body #app .map-pin.active[data-v-19e04c7e], body #hr-widget-list .map-pin.active[data-v-19e04c7e], body #hr-modal .map-pin.active[data-v-19e04c7e] {
    background-color: var(--custom-main);
    color: #fff
}

body #app .map-pin.active[data-v-19e04c7e]:after, body #hr-widget-list .map-pin.active[data-v-19e04c7e]:after, body #hr-modal .map-pin.active[data-v-19e04c7e]:after {
    border-top-color: var(--custom-main)
}

body #app .wrapper[data-v-19e04c7e], body #hr-widget-list .wrapper[data-v-19e04c7e], body #hr-modal .wrapper[data-v-19e04c7e] {
    height: calc(100vh - 90px);
    position: relative;
    overflow: hidden
}

body #app .card[data-v-19e04c7e], body #hr-widget-list .card[data-v-19e04c7e], body #hr-modal .card[data-v-19e04c7e] {
    position: absolute
}

body #app .card.fixed[data-v-19e04c7e], body #hr-widget-list .card.fixed[data-v-19e04c7e], body #hr-modal .card.fixed[data-v-19e04c7e] {
    top: 0;
    left: 0;
    right: 0;
    margin: 8px 8px 0
}

[data-v-3338f0fa]:root {
    --custom-text: #424242;
    --custom-label: #f44336;
    --custom-background: #f6f6f6;
    --custom-main: #2196f3;
    --custom-main-dark: #0d47a1;
    --custom-main-light: #e3f2fd
}

body #app .error-container[data-v-3338f0fa], body #hr-widget-list .error-container[data-v-3338f0fa], body #hr-modal .error-container[data-v-3338f0fa] {
    max-width: 1024px;
    margin: 0 auto;
    height: 500px;
    display: flex;
    align-items: center
}

body #app .error[data-v-3338f0fa], body #hr-widget-list .error[data-v-3338f0fa], body #hr-modal .error[data-v-3338f0fa] {
    box-sizing: border-box;
    width: 100%;
    max-width: 425px;
    padding: 44px 24px;
    box-shadow: 0 4px 10px #0000000d;
    border: 1px solid #eeeeee;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background-color: #fff;
    border-radius: 12px
}

@media (max-width: 1023px) {
    body #app .error[data-v-3338f0fa], body #hr-widget-list .error[data-v-3338f0fa], body #hr-modal .error[data-v-3338f0fa] {
        padding: 44px 16px
    }
}

body #app .error__icon[data-v-3338f0fa], body #hr-widget-list .error__icon[data-v-3338f0fa], body #hr-modal .error__icon[data-v-3338f0fa] {
    width: 136px;
    height: 136px;
    margin-bottom: 28px
}

body #app .error__title[data-v-3338f0fa], body #hr-widget-list .error__title[data-v-3338f0fa], body #hr-modal .error__title[data-v-3338f0fa] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    line-height: 28px !important;
    text-align: left !important;
    color: var(--custom-text);
    margin-bottom: 8px
}

body #app .error__text[data-v-3338f0fa], body #hr-widget-list .error__text[data-v-3338f0fa], body #hr-modal .error__text[data-v-3338f0fa] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: #757575;
    margin-bottom: 28px;
    text-align: center !important
}

body #app .error__tel[data-v-3338f0fa], body #hr-widget-list .error__tel[data-v-3338f0fa], body #hr-modal .error__tel[data-v-3338f0fa] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: var(--custom-text);
    display: flex;
    align-items: center;
    text-decoration: none;
    transition: .1s ease-out
}

body #app .error__tel[data-v-3338f0fa]:hover, body #hr-widget-list .error__tel[data-v-3338f0fa]:hover, body #hr-modal .error__tel[data-v-3338f0fa]:hover {
    text-decoration: none;
    outline: 0
}

@media (hover: hover) and (pointer: fine) {
    body #app .error__tel[data-v-3338f0fa]:hover, body #hr-widget-list .error__tel[data-v-3338f0fa]:hover, body #hr-modal .error__tel[data-v-3338f0fa]:hover {
        color: var(--custom-main)
    }

    body #app .error__tel:hover svg path[data-v-3338f0fa], body #hr-widget-list .error__tel:hover svg path[data-v-3338f0fa], body #hr-modal .error__tel:hover svg path[data-v-3338f0fa] {
        stroke: var(--custom-main)
    }
}

body #app .error__tel[data-v-3338f0fa]:active, body #hr-widget-list .error__tel[data-v-3338f0fa]:active, body #hr-modal .error__tel[data-v-3338f0fa]:active {
    color: var(--custom-main)
}

body #app .error__tel:active svg path[data-v-3338f0fa], body #hr-widget-list .error__tel:active svg path[data-v-3338f0fa], body #hr-modal .error__tel:active svg path[data-v-3338f0fa] {
    stroke: var(--custom-main)
}

body #app .error__tel svg[data-v-3338f0fa], body #hr-widget-list .error__tel svg[data-v-3338f0fa], body #hr-modal .error__tel svg[data-v-3338f0fa] {
    margin-right: 8px
}

body #app .error__button[data-v-3338f0fa], body #hr-widget-list .error__button[data-v-3338f0fa], body #hr-modal .error__button[data-v-3338f0fa] {
    width: 100%
}

[data-v-ab6ae81d]:root {
    --custom-text: #424242;
    --custom-label: #f44336;
    --custom-background: #f6f6f6;
    --custom-main: #2196f3;
    --custom-main-dark: #0d47a1;
    --custom-main-light: #e3f2fd
}

body #app .tabs[data-v-ab6ae81d], body #hr-widget-list .tabs[data-v-ab6ae81d], body #hr-modal .tabs[data-v-ab6ae81d] {
    box-sizing: border-box;
    padding: 12px 16px 0;
    background-color: #fff;
    height: 52px;
    display: flex
}

body #app .tabs__buttons[data-v-ab6ae81d], body #hr-widget-list .tabs__buttons[data-v-ab6ae81d], body #hr-modal .tabs__buttons[data-v-ab6ae81d] {
    max-width: 1024px;
    margin: 0 auto;
    display: flex;
    width: 100%
}

body #app .tabs__button[data-v-ab6ae81d], body #hr-widget-list .tabs__button[data-v-ab6ae81d], body #hr-modal .tabs__button[data-v-ab6ae81d] {
    box-sizing: border-box;
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: #757575;
    padding: 16px 0;
    display: flex;
    align-items: center;
    border: 0;
    border-radius: 0;
    outline: 0;
    margin: 0;
    background: none;
    cursor: pointer;
    border-bottom: 1.5px solid transparent;
    transition: .1s ease-out
}

body #app .tabs__button[data-v-ab6ae81d]:not(:last-child), body #hr-widget-list .tabs__button[data-v-ab6ae81d]:not(:last-child), body #hr-modal .tabs__button[data-v-ab6ae81d]:not(:last-child) {
    margin-right: 32px
}

body #app .tabs__button > svg[data-v-ab6ae81d], body #hr-widget-list .tabs__button > svg[data-v-ab6ae81d], body #hr-modal .tabs__button > svg[data-v-ab6ae81d] {
    margin-right: 8px
}

body #app .tabs__button.active[data-v-ab6ae81d], body #hr-widget-list .tabs__button.active[data-v-ab6ae81d], body #hr-modal .tabs__button.active[data-v-ab6ae81d] {
    color: var(--custom-text);
    border-bottom: 1.5px solid var(--custom-text)
}

body #app .tabs__button.active > svg path[data-v-ab6ae81d], body #hr-widget-list .tabs__button.active > svg path[data-v-ab6ae81d], body #hr-modal .tabs__button.active > svg path[data-v-ab6ae81d] {
    stroke: var(--custom-text)
}

body #app .tabs__button[data-v-ab6ae81d]:hover, body #hr-widget-list .tabs__button[data-v-ab6ae81d]:hover, body #hr-modal .tabs__button[data-v-ab6ae81d]:hover {
    text-decoration: none;
    outline: 0
}

@media (hover: hover) and (pointer: fine) {
    body #app .tabs__button[data-v-ab6ae81d]:hover, body #hr-widget-list .tabs__button[data-v-ab6ae81d]:hover, body #hr-modal .tabs__button[data-v-ab6ae81d]:hover {
        color: var(--custom-text);
        border-bottom: 1.5px solid var(--custom-text)
    }

    body #app .tabs__button:hover > svg path[data-v-ab6ae81d], body #hr-widget-list .tabs__button:hover > svg path[data-v-ab6ae81d], body #hr-modal .tabs__button:hover > svg path[data-v-ab6ae81d] {
        stroke: var(--custom-text)
    }
}

body #app .tabs__button[data-v-ab6ae81d]:active, body #hr-widget-list .tabs__button[data-v-ab6ae81d]:active, body #hr-modal .tabs__button[data-v-ab6ae81d]:active {
    color: var(--custom-text);
    border-bottom: 1.5px solid var(--custom-text)
}

body #app .tabs__button:active > svg path[data-v-ab6ae81d], body #hr-widget-list .tabs__button:active > svg path[data-v-ab6ae81d], body #hr-modal .tabs__button:active > svg path[data-v-ab6ae81d] {
    stroke: var(--custom-text)
}

body #app .tabs-content[data-v-ab6ae81d], body #hr-widget-list .tabs-content[data-v-ab6ae81d], body #hr-modal .tabs-content[data-v-ab6ae81d] {
    padding: 0;
    flex-grow: 1;
    display: flex;
    flex-direction: column
}

body #app .tabs-line[data-v-ab6ae81d], body #hr-widget-list .tabs-line[data-v-ab6ae81d], body #hr-modal .tabs-line[data-v-ab6ae81d] {
    border-bottom: 1px solid #eeeeee
}

body #app .tabs-container[data-v-ab6ae81d], body #hr-widget-list .tabs-container[data-v-ab6ae81d], body #hr-modal .tabs-container[data-v-ab6ae81d] {
    flex: 1;
    display: flex;
    flex-direction: column
}

body #app .hotels[data-v-ab6ae81d], body #hr-widget-list .hotels[data-v-ab6ae81d], body #hr-modal .hotels[data-v-ab6ae81d] {
    max-width: 1024px;
    margin: 24px auto 0;
    display: grid;
    gap: 24px;
    padding: 0 0 24px
}

@media (max-width: 1023px) {
    body #app .hotels[data-v-ab6ae81d], body #hr-widget-list .hotels[data-v-ab6ae81d], body #hr-modal .hotels[data-v-ab6ae81d] {
        margin-top: 16px;
        padding-bottom: 16px
    }
}

[data-v-e417ee7c]:root {
    --custom-text: #424242;
    --custom-label: #f44336;
    --custom-background: #f6f6f6;
    --custom-main: #2196f3;
    --custom-main-dark: #0d47a1;
    --custom-main-light: #e3f2fd
}

body #app .welcome[data-v-e417ee7c], body #hr-widget-list .welcome[data-v-e417ee7c], body #hr-modal .welcome[data-v-e417ee7c] {
    background: #fff;
    padding: 24px 16px 12px
}

body #app .welcome__container[data-v-e417ee7c], body #hr-widget-list .welcome__container[data-v-e417ee7c], body #hr-modal .welcome__container[data-v-e417ee7c] {
    max-width: 1024px;
    margin: 0 auto
}

body #app .welcome__title[data-v-e417ee7c], body #hr-widget-list .welcome__title[data-v-e417ee7c], body #hr-modal .welcome__title[data-v-e417ee7c] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    line-height: 28px !important;
    text-align: left !important;
    color: var(--custom-text);
    margin-bottom: 8px
}

@media (max-width: 1023px) {
    body #app .welcome__title[data-v-e417ee7c], body #hr-widget-list .welcome__title[data-v-e417ee7c], body #hr-modal .welcome__title[data-v-e417ee7c] {
        font-family: Inter, Roboto, Arial, sans-serif !important;
        font-size: 20px !important;
        font-weight: 600 !important;
        line-height: 22px !important;
        text-align: left !important
    }
}

body #app .welcome__text[data-v-e417ee7c], body #hr-widget-list .welcome__text[data-v-e417ee7c], body #hr-modal .welcome__text[data-v-e417ee7c] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: #757575
}

[data-v-e7447821]:root {
    --custom-text: #424242;
    --custom-label: #f44336;
    --custom-background: #f6f6f6;
    --custom-main: #2196f3;
    --custom-main-dark: #0d47a1;
    --custom-main-light: #e3f2fd
}

body #app .rules[data-v-e7447821], body #hr-widget-list .rules[data-v-e7447821], body #hr-modal .rules[data-v-e7447821] {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    max-width: 1024px;
    margin: auto auto 0;
    padding: 20px 16px 50px;
    border-top: 1px solid #e0e0e0
}

@media (max-width: 1023px) {
    body #app .rules[data-v-e7447821], body #hr-widget-list .rules[data-v-e7447821], body #hr-modal .rules[data-v-e7447821] {
        padding-bottom: 20px
    }
}

body #app .rules__button[data-v-e7447821]:not(:last-child), body #hr-widget-list .rules__button[data-v-e7447821]:not(:last-child), body #hr-modal .rules__button[data-v-e7447821]:not(:last-child) {
    margin-right: 5px
}

body #app .rules__button[data-v-e7447821]:not(:last-child):after, body #hr-widget-list .rules__button[data-v-e7447821]:not(:last-child):after, body #hr-modal .rules__button[data-v-e7447821]:not(:last-child):after {
    content: "";
    display: inline-block;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background-color: #757575;
    margin-left: 5px;
    margin-bottom: 3px
}

[data-v-4f7a78c3]:root {
    --custom-text: #424242;
    --custom-label: #f44336;
    --custom-background: #f6f6f6;
    --custom-main: #2196f3;
    --custom-main-dark: #0d47a1;
    --custom-main-light: #e3f2fd
}

body #app .main-page[data-v-4f7a78c3], body #hr-widget-list .main-page[data-v-4f7a78c3], body #hr-modal .main-page[data-v-4f7a78c3] {
    width: 100%;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background-color: var(--custom-background)
}

[data-v-3f33192f]:root {
    --custom-text: #424242;
    --custom-label: #f44336;
    --custom-background: #f6f6f6;
    --custom-main: #2196f3;
    --custom-main-dark: #0d47a1;
    --custom-main-light: #e3f2fd
}

#hr-modal .hr-modal[data-v-3f33192f] {
    overscroll-behavior: contain;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin-top: 48px;
    background: #fff;
    z-index: 9001;
    border-radius: 16px 16px 0 0;
    overflow-y: auto;
    animation-name: up;
    animation-duration: .4s;
    padding: 0
}

[data-v-9b60a2ea]:root {
    --custom-text: #424242;
    --custom-label: #f44336;
    --custom-background: #f6f6f6;
    --custom-main: #2196f3;
    --custom-main-dark: #0d47a1;
    --custom-main-light: #e3f2fd
}

body #app .main-page[data-v-9b60a2ea], body #hr-widget-list .main-page[data-v-9b60a2ea], body #hr-modal .main-page[data-v-9b60a2ea] {
    width: 100%;
    background-color: transparent
}

body #app .loader-wrapper[data-v-9b60a2ea], body #hr-widget-list .loader-wrapper[data-v-9b60a2ea], body #hr-modal .loader-wrapper[data-v-9b60a2ea] {
    height: 400px
}

body #app .hotels[data-v-9b60a2ea], body #hr-widget-list .hotels[data-v-9b60a2ea], body #hr-modal .hotels[data-v-9b60a2ea] {
    max-width: 1024px;
    margin: 0 auto;
    display: grid;
    gap: 24px
}

[data-v-573de939]:root {
    --custom-text: #424242;
    --custom-label: #f44336;
    --custom-background: #f6f6f6;
    --custom-main: #2196f3;
    --custom-main-dark: #0d47a1;
    --custom-main-light: #e3f2fd
}

#hr-modal .hr-modal[data-v-573de939] {
    overscroll-behavior: contain;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin-top: 48px;
    background: #fff;
    z-index: 9001;
    border-radius: 16px 16px 0 0;
    overflow-y: auto;
    animation-name: up;
    animation-duration: .4s;
    padding: 0
}

[data-v-5aff601f]:root {
    --custom-text: #424242;
    --custom-label: #f44336;
    --custom-background: #f6f6f6;
    --custom-main: #2196f3;
    --custom-main-dark: #0d47a1;
    --custom-main-light: #e3f2fd
}

#hr-modal .hr-modal[data-v-5aff601f] {
    overscroll-behavior: contain;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin-top: 48px;
    background: #fff;
    z-index: 9001;
    border-radius: 16px 16px 0 0;
    overflow-y: auto;
    animation-name: up;
    animation-duration: .4s;
    padding: 0
}

[data-v-8577e545]:root {
    --custom-text: #424242;
    --custom-label: #f44336;
    --custom-background: #f6f6f6;
    --custom-main: #2196f3;
    --custom-main-dark: #0d47a1;
    --custom-main-light: #e3f2fd
}

.main-page[data-v-8577e545] {
    width: 100%
}

[data-v-787f4d11]:root {
    --custom-text: #424242;
    --custom-label: #f44336;
    --custom-background: #f6f6f6;
    --custom-main: #2196f3;
    --custom-main-dark: #0d47a1;
    --custom-main-light: #e3f2fd
}

body #app .error-container[data-v-787f4d11], body #hr-widget-list .error-container[data-v-787f4d11], body #hr-modal .error-container[data-v-787f4d11] {
    max-width: 1024px;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

body #app .error[data-v-787f4d11], body #hr-widget-list .error[data-v-787f4d11], body #hr-modal .error[data-v-787f4d11] {
    box-sizing: border-box;
    width: 100%;
    max-width: 425px;
    padding: 44px 24px;
    box-shadow: 0 4px 10px #0000000d;
    border: 1px solid #eeeeee;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background-color: #fff;
    border-radius: 12px
}

@media (max-width: 1023px) {
    body #app .error[data-v-787f4d11], body #hr-widget-list .error[data-v-787f4d11], body #hr-modal .error[data-v-787f4d11] {
        padding: 44px 16px
    }
}

body #app .error__icon[data-v-787f4d11], body #hr-widget-list .error__icon[data-v-787f4d11], body #hr-modal .error__icon[data-v-787f4d11] {
    width: 136px;
    height: 136px;
    margin-bottom: 28px
}

body #app .error__title[data-v-787f4d11], body #hr-widget-list .error__title[data-v-787f4d11], body #hr-modal .error__title[data-v-787f4d11] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    line-height: 28px !important;
    text-align: left !important;
    color: var(--custom-text);
    margin-bottom: 8px
}

body #app .error__text[data-v-787f4d11], body #hr-widget-list .error__text[data-v-787f4d11], body #hr-modal .error__text[data-v-787f4d11] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: #757575;
    margin-bottom: 28px;
    text-align: center !important
}

body #app .error__tel[data-v-787f4d11], body #hr-widget-list .error__tel[data-v-787f4d11], body #hr-modal .error__tel[data-v-787f4d11] {
    font-family: Inter, Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: var(--custom-text);
    display: flex;
    align-items: center;
    text-decoration: none;
    transition: .1s ease-out
}

body #app .error__tel[data-v-787f4d11]:hover, body #hr-widget-list .error__tel[data-v-787f4d11]:hover, body #hr-modal .error__tel[data-v-787f4d11]:hover {
    text-decoration: none;
    outline: 0
}

@media (hover: hover) and (pointer: fine) {
    body #app .error__tel[data-v-787f4d11]:hover, body #hr-widget-list .error__tel[data-v-787f4d11]:hover, body #hr-modal .error__tel[data-v-787f4d11]:hover {
        color: var(--custom-main)
    }

    body #app .error__tel:hover svg path[data-v-787f4d11], body #hr-widget-list .error__tel:hover svg path[data-v-787f4d11], body #hr-modal .error__tel:hover svg path[data-v-787f4d11] {
        stroke: var(--custom-main)
    }
}

body #app .error__tel[data-v-787f4d11]:active, body #hr-widget-list .error__tel[data-v-787f4d11]:active, body #hr-modal .error__tel[data-v-787f4d11]:active {
    color: var(--custom-main)
}

body #app .error__tel:active svg path[data-v-787f4d11], body #hr-widget-list .error__tel:active svg path[data-v-787f4d11], body #hr-modal .error__tel:active svg path[data-v-787f4d11] {
    stroke: var(--custom-main)
}

body #app .error__tel svg[data-v-787f4d11], body #hr-widget-list .error__tel svg[data-v-787f4d11], body #hr-modal .error__tel svg[data-v-787f4d11] {
    margin-right: 8px
}