.add-to-cart-section {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 10px 0 0 0;
    padding: 0;
    width: 100%
}

.add-to-cart-section:not(.is-active) {
    opacity: .25;
    pointer-events: none
}

.add-to-cart-section .add-to-cart-waiting-list-notice {
    background: #fec;
    border: 1px solid #fb3;
    border-radius: 10px;
    color: #e69900;
    font-size: var(--text-xs);
    font-weight: 700;
    margin: 10px 0;
    padding: 10px 15px;
    text-align: center;
    width: 100%
}

.add-to-cart-section .cancel-button {
    color: var(--color-grey-3);
    font-size: var(--text-s);
    font-weight: 400;
    letter-spacing: 0;
    text-decoration: none;
    text-transform: none
}

.add-to-cart-section .cancel-button:active,.add-to-cart-section .cancel-button:focus,.add-to-cart-section .cancel-button:hover {
    color: var(--color-error)
}

.add-to-cart-section .add-button {
    background-image: var(--gradient-full-dark-01);
    border: none;
    border-radius: 10px;
    color: var(--color-white);
    cursor: pointer;
    font-size: var(--text-s);
    letter-spacing: 0;
    margin: 0 0 0 auto;
    padding: 13px 60px 13px 30px;
    position: relative;
    text-transform: none
}

.add-to-cart-section .add-button:after {
    border: 2px solid var(--color-white);
    border-left: none;
    border-bottom: none;
    content: "";
    height: 8px;
    position: absolute;
    right: 28px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    width: 8px
}

.add-to-cart-section .add-button:active,.add-to-cart-section .add-button:focus,.add-to-cart-section .add-button:hover {
      background-size: 150%;
  background-position: 50% 50%;
}

.add-to-cart-section .add-button:active:after,.add-to-cart-section .add-button:focus:after,.add-to-cart-section .add-button:hover:after {
    right: 25px
}

.add-to-cart-section .add-button[disabled] {
    opacity: .5;
    pointer-events: none
}

.add-to-cart-section .add-button.is-blocked {
    opacity: .5;
    pointer-events: none
}

@media (max-width: 580px) {
    .add-to-cart-section {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .add-to-cart-section .add-button {
        width: 100%
    }

    .add-to-cart-section .cancel-button {
        margin: 20px 0 0 0;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        text-align: center;
        width: 100%
    }
}

.alert-popup {
    background: var(--color-white);
    border-radius: 10px;
    color: var(--color-black-02);
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 50%;
    max-height: 90%;
    max-width: 90%;
    padding: 30px 30px 30px 30px;
    position: fixed;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 560px;
    z-index: 1000000000001
}

.alert-popup-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: var(--text-m);
    font-weight: 400;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto 20px auto;
    width: 90%
}

.alert-popup-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.4;
    font-size: var(--text-s);
    text-align: left
}

.alert-popup-close {
    height: 39px;
    opacity: .5;
    position: absolute;
    right: 24px;
    text-decoration: none;
    top: 32px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 24px;
    z-index: 1
}

.alert-popup-close:after,.alert-popup-close:before {
    content: "";
    background: var(--color-black-02);
    height: 2px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    width: 30px
}

.alert-popup-close:before {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    transform: translateX(-50%) translateY(-50%) rotate(-45deg)
}

.alert-popup-close:hover {
    cursor: pointer;
    opacity: 1
}

.alert-popup-overlay {
    background: rgba(0,0,0,.5);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000000000000
}

@media (max-width: 540px) {
    .alert-popup {
        height:100%;
        max-height: 100%;
        max-width: 100%;
        padding: 10px 15px 15px 15px;
        width: 100%
    }

    .alert-popup-close {
        right: 10px;
        top: 20px
    }
}

.switcher {
    background: var(--color-white);
    border: 1px solid var(--color-grey-2);
    border-radius: 10px;
    cursor: pointer;
    height: 22px;
    margin: 3px 0;
    position: relative;
    -webkit-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    width: 22px
}

.switcher-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.switcher-label {
    color: var(--color-black-02);
    cursor: pointer;
    font-size: var(--text-s);
    line-height: 1.4;
    margin: 4px 0 4px auto;
    width: calc(100% - 40px)
}

.switcher-label .is-required {
    opacity: .66
}

.switcher:after,.switcher:before {
    background: var(--color-white);
    content: "";
    display: block;
    position: absolute
}

.switcher:before {
    height: 3px;
    left: 5px;
    top: 9px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: width .15s ease-out;
    -o-transition: width .15s ease-out;
    transition: width .15s ease-out;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    width: 0
}

.switcher:after {
    height: 3px;
    left: 8px;
    top: 13px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transition: width .15s ease-out;
    -o-transition: width .15s ease-out;
    transition: width .15s ease-out;
    width: 0
}

.switcher.is-active {
    	background-image: var(--gradient-full-dark-01);
    border-color: var(--color-2d)
}

.switcher.is-active:before {
    width: 7px
}

.switcher.is-active:after {
    -webkit-transition-delay: .125s;
    -o-transition-delay: .125s;
    transition-delay: .125s;
    width: 12px
}

.switcher.is-invalid {
    border-color: var(--color-error)
}

.switcher.is-agreement+.switcher-label {
    margin: 2px 0 4px 18px
}

.switcher.is-disabled {
    opacity: .4;
    pointer-events: none
}

.switcher.is-invalid+.switcher-label {
    color: var(--color-error)
}

.agreements-section {
    color: var(--color-black-02);
    padding: 10px 0;
    width: 100%
}

.agreements-section .agreement-disclaimer {
    font-size: var(--text-xs);
    line-height: 1.6;
    margin: 20px 0;
    padding: 0
}

.agreements-section .agreements-agree {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 10px 0!important;
    padding: 0
}

.agreements-section .agreements-agree .switcher-label {
    font-size: 14px
}

.agreements-section .agreements-agree .switcher {
    margin: 0
}

.agreements-section .error-message {
    margin: -15px 0 0 40px
}

.customer-section {
    padding: 10px 0;
    width: 100%
}

.customer-section .field-phone {
    position: relative
}

.customer-section .field-phone .vti__dropdown:active,.customer-section .field-phone .vti__dropdown:focus {
    border-radius: 3px 0 0 3px;
    outline: 1px solid var(--color-2d)!important
}

.customer-section .is-invalid .field-phone:before {
    height: 45px
}

.calendar {
    margin: 0 0 30px 0;
    position: relative
}

.calendar .waiting-list-notification {
    color: var(--color-grey-4);
    display: block;
    font-size: var(--text-xs);
    line-height: 1.6;
    padding: 10px 0;
    text-align: center
}

.calendar .waiting-list-notification>strong {
    color: var(--color-2d);
    font-weight: 700
}

.calendar-nav {
    background: var(--color-white);
    border: 1px solid var(--color-grey-2);
    border-radius: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 40px;
    padding: 10px;
    position: relative
}

.calendar-nav-next,.calendar-nav-prev {
    border: none;
    color: var(--color-black-02);
    font-size: var(--text-l);
    height: 40px;
    line-height: 20px;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    text-indent: -999px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    width: 100px
}

.calendar-nav-next:before,.calendar-nav-prev:before {
    border: 2px solid #a8aab7;
    border-left: none;
    border-bottom: none;
    content: "";
    height: 8px;
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    width: 8px
}

.calendar-nav-next:hover,.calendar-nav-prev:hover {
    text-decoration: none;
    -webkit-transform: translateX(5px) translateY(-50%);
    -ms-transform: translateX(5px) translateY(-50%);
    transform: translateX(5px) translateY(-50%)
}

.calendar-nav-prev {
    left: 0;
    right: auto
}

.calendar-nav-prev:before {
    left: 30px;
    right: auto;
    -webkit-transform: translateY(-50%) rotate(-135deg);
    -ms-transform: translateY(-50%) rotate(-135deg);
    transform: translateY(-50%) rotate(-135deg)
}

.calendar-nav-prev.is-hidden {
    opacity: 0;
    pointer-events: none
}

.calendar-nav-prev:hover {
    text-decoration: none;
    -webkit-transform: translateX(-5px) translateY(-50%);
    -ms-transform: translateX(-5px) translateY(-50%);
    transform: translateX(-5px) translateY(-50%)
}

.calendar-nav-month {
    color: var(--color-black-02);
    font-size: var(--text-s);
    font-weight: 700;
    line-height: 24px;
    text-align: center;
    width: 100%
}

.calendar-message {
    border: 1px solid var(--color-error);
    border-radius: 10px;
    color: var(--color-error);
    font-size: var(--text-xs);
    margin: 5px 0;
    padding: 5px 10px;
    text-align: center
}

.calendar-message.is-notice {
    border: 1px solid #58d;
    color: #58d
}

.calendar-message.is-notice a {
    text-decoration: underline!important
}

.calendar-message.is-notice a:active,.calendar-message.is-notice a:focus,.calendar-message.is-notice a:hover {
    text-decoration: none!important
}

.calendar-days-heading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -8px
}

.calendar-days-heading-cell {
    color: var(--color-black-02);
    font-size: var(--text-xs);
    font-weight: 700;
    padding: 16px 0 4px 0;
    text-align: center;
    width: 14.28%
}

.calendar-days-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -8px
}

.calendar-days-list-cell {
    background: var(--color-white);
    border: 1px solid var(--color-grey-2);
    border-radius: 10px;
    color: var(--color-grey-3);
    cursor: not-allowed;
    font-size: var(--text-s);
    font-weight: 400;
    line-height: 1;
    margin: 8px;
    padding: 10px;
    position: relative;
    text-align: center;
    width: calc(14.28% - 16px)
}

.calendar-days-list-cell.is-offset {
    background: var(--color-black);
    border: none;
    color: var(--color-black-02);
    cursor: default
}

.calendar-days-list-cell.is-valid {
    background: var(--color-grey-2);
    border: 1px solid var(--color-grey-2);
    color: var(--color-2d);
    cursor: pointer
}

.calendar-days-list-cell.is-waiting-list:after {
    background: var(--color-error);
    bottom: 3px;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 75%
}

.calendar-days-list-cell.is-selected {
    	background-image: var(--gradient-full-dark-01);
    border-color: var(--color-2d);
    color: var(--color-white);
    cursor: pointer;
    font-weight: 700;
    position: relative;
    z-index: 1
}

.calendar-days-list-cell.is-selected.auto-select-in-progress {
    color: var(--color-2d)
}

.calendar-days-list-cell.is-selected.auto-select-in-progress:before {
    -webkit-animation: spinner-data-v-70b6c8a1 1s linear infinite;
    animation: spinner-data-v-70b6c8a1 1s linear infinite;
    border: 2px solid var(--color-white);
    border-left-color: rgba(0,0,0,0)!important;
    border-radius: 50%;
    content: "";
    height: 16px;
    left: calc(50% - 10px);
    position: absolute;
    top: calc(50% - 10px);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    width: 16px
}

.calendar-days-list-cell.is-sub-selected {
    background: #66b1ec;
    border-color: #66b1ec;
    color: var(--color-white);
    cursor: pointer;
    font-weight: 700;
    position: relative
}

.calendar-days-list-cell.is-sub-selected:before {
    background: #66b1ec;
    content: "";
    height: 50%;
    left: -20px;
    position: absolute;
    top: 25%;
    width: 20px;
    z-index: 0
}

.calendar-days-list-cell.is-sub-selected:nth-child(7n+1):before {
    display: none
}

.calendar-days-list-cell.is-selected+.is-sub-selected:before {
    background: -webkit-gradient(linear,left top,right top,from(var(--color-2d)),to(#66b1ec));
    background: -o-linear-gradient(left,var(--color-2d),#66b1ec);
    background: linear-gradient(90deg,var(--color-2d),#66b1ec)
}

.calendar-days-list-cell.is-in-cart {
    background: var(--color-white);
    border: 2px solid var(--color-2d);
    border-width: 2px;
    color: var(--color-2d);
    cursor: not-allowed;
    font-weight: 700
}

.calendar-days-list-cell.is-in-cart.is-valid {
    cursor: pointer
}

.calendar-days-list-cell.is-in-cart.is-selected {
    	background-image: var(--gradient-full-dark-01);
    border-color: var(--color-2d);
    color: var(--color-white);
    font-weight: 700
}

@-webkit-keyframes spinner-data-v-70b6c8a1 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spinner-data-v-70b6c8a1 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@media (max-width: 720px) {
    .calendar-days-list {
        margin:0 -3px
    }

    .calendar-days-list-cell {
        margin: 3px;
        padding: 10px 0;
        width: calc(14.28% - 6px)
    }

    .calendar-days-list-cell.is-sub-selected:before {
        left: -10px;
        width: 10px
    }
}

.week {
    position: relative
}

.week .waiting-list-notification {
    color: var(--color-grey-4);
    display: block;
    font-size: var(--text-xs);
    line-height: 1.6;
    padding: 10px 0;
    text-align: center
}

.week .waiting-list-notification>strong {
    color: var(--color-2d);
    font-weight: 700
}

.week .week-data-wrapper {
    position: relative
}

.week-message {
    border: 1px solid var(--color-error);
    border-radius: 10px;
    color: var(--color-error);
    font-size: var(--text-xs);
    margin: 5px 0;
    padding: 5px 10px;
    text-align: center
}

.week-message.is-notice {
    border: 1px solid #58d;
    color: #58d
}

.week-message.is-notice a {
    text-decoration: underline!important
}

.week-message.is-notice a:active,.week-message.is-notice a:focus,.week-message.is-notice a:hover {
    text-decoration: none!important
}

.week-date-month-year {
    font-weight: 400;
    position: absolute;
    right: 0;
    top: -51px
}

.week-nav {
    background: var(--color-grey-1);
    border-radius: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10px
}

.week-nav-next,.week-nav-prev {
    border: 1px solid var(--color-grey-2);
    border-radius: 10px;
    color: var(--color-black-02);
    font-size: var(--text-l);
    height: 47px;
    line-height: 20px;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    text-indent: -999px;
    top: 0;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    width: 32px
}

.week-nav-next:before,.week-nav-prev:before {
    border: 2px solid #a8aab7;
    border-left: none;
    border-bottom: none;
    content: "";
    height: 8px;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    -webkit-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    width: 8px
}

.week-nav-next:hover,.week-nav-prev:hover {
    text-decoration: none
}

.week-nav-next:hover:before,.week-nav-prev:hover:before {
    -webkit-transform: translateY(-50%) translateX(3px) rotate(45deg);
    -ms-transform: translateY(-50%) translateX(3px) rotate(45deg);
    transform: translateY(-50%) translateX(3px) rotate(45deg)
}

.week-nav-next {
    right: 0
}

.week-nav-prev {
    left: 0;
    right: auto
}

.week-nav-prev:before {
    left: 12px;
    right: auto;
    -webkit-transform: translateY(-50%) rotate(-135deg);
    -ms-transform: translateY(-50%) rotate(-135deg);
    transform: translateY(-50%) rotate(-135deg)
}

.week-nav-prev.is-hidden {
    opacity: .5;
    pointer-events: none
}

.week-nav-prev:hover {
    text-decoration: none
}

.week-nav-prev:hover:before {
    -webkit-transform: translateY(-50%) translateX(-3px) rotate(-135deg);
    -ms-transform: translateY(-50%) translateX(-3px) rotate(-135deg);
    transform: translateY(-50%) translateX(-3px) rotate(-135deg)
}

.week-days {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 10px auto 0 auto;
    width: calc(100% - 80px)
}

.week-days-column {
    margin: 0 8px;
    width: calc(16.66667% - 16px)
}

.week-days-heading {
    background: var(--color-white);
    border: 1px solid var(--color-grey-2);
    border-radius: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.week-days-heading-day {
    color: var(--color-black-02);
    display: block;
    font-size: var(--text-xs);
    font-weight: 700;
    line-height: 1;
    padding: 8px 3px 4px 3px;
    text-align: center;
    width: 100%
}

.week-days-heading-date {
    color: var(--color-black-02);
    display: block;
    font-size: var(--text-xxs);
    font-weight: 400;
    line-height: 1;
    padding: 0 0 8px 0;
    text-align: center;
    width: 100%
}

.week-days-error {
    color: var(--color-grey-3);
    font-size: var(--text-xs);
    font-style: italic;
    font-weight: 700;
    margin: 5px 0;
    padding: 18px 2px;
    text-align: center
}

.week-days-error.is-danger {
    color: var(--color-error)
}

.week-days-hour {
    background: var(--color-grey-2);
    border: 0;
    border-radius: 10px;
    color: var(--color-1);
    cursor: pointer;
    font-size: var(--text-xs);
    font-weight: 700;
    margin: 12px 0;
    padding: 10px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    width: 100%
}

.week-days-hour.is-valid {
    background: var(--color-grey-2);
    color: var(--color-1)
}

.week-days-hour.is-selected {
    background-image: var(--gradient-full-dark-01);
    color: var(--color-white);
    cursor: pointer;
    font-weight: 700
}

.week-days-hour.is-in-cart {
    background: var(--color-white);
    border: 2px solid var(--color-2d);
    color: var(--color-2d);
    cursor: not-allowed;
    font-weight: 700
}

.week-days-hour.is-in-cart.is-valid {
    cursor: pointer
}

.week-days-hour.is-in-cart.is-selected {
    background-image: var(--gradient-full-dark-01);
    color: var(--color-white);
    font-weight: 700
}

.week-days-hour.is-waiting-list {
    position: relative
}

.week-days-hour.is-waiting-list:after {
    background: var(--color-error);
    bottom: 3px;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 75%
}

.week-days-hour-more {
    border: 1px solid var(--color-grey-2);
    border-radius: 10px;
    color: var(--color-black-02);
    cursor: pointer;
    height: 30px;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-indent: -999px;
    -webkit-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    width: 100%
}

.week-days-hour-more:before {
    border: 2px solid var(--color-grey-2);;
    border-left: none;
    border-bottom: none;
    content: "";
    height: 8px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: translateX(-50%) translateY(-75%) rotate(135deg);
    -ms-transform: translateX(-50%) translateY(-75%) rotate(135deg);
    transform: translateX(-50%) translateY(-75%) rotate(135deg);
    -webkit-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    width: 8px
}

.week-days-hour-more:hover {
    text-decoration: none
}

.week-days-hour-more:hover:before {
    -webkit-transform: translateX(-50%) translateY(-40%) rotate(135deg);
    -ms-transform: translateX(-50%) translateY(-40%) rotate(135deg);
    transform: translateX(-50%) translateY(-40%) rotate(135deg)
}

@media (max-width: 1024px) {
    .week-days {
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .week-days-column {
        margin-bottom: 20px;
        width: calc(33.33333% - 20px)
    }
}

@media (max-width: 720px) {
    .week-days-column {
        width:calc(50% - 20px)
    }

    .week-date-month-year {
        position: relative;
        top: -2px;
        text-align: center
    }
}

@media (max-width: 480px) {
    .week-days-column {
        width:calc(100% - 20px)
    }
}

.dates-section {
    padding: 10px 0;
    position: relative;
    width: 100%
}

.dates-section:not(.is-active) {
    pointer-events: none
}

.dates-section:not(.is-active):after {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--color-white);
    color: rgba(0,0,0,.5);
    content: "";
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: var(--text-m);
    font-weight: 700;
    height: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.dates-section:not(.is-active).is-service-not-selected {
    min-height: 100px;
    overflow: hidden
}

.dates-section:not(.is-active).is-service-not-selected:after {
    content: attr(data-notactive-service-text)
}

.dates-section:not(.is-active).is-worker-not-selected {
    min-height: 100px;
    overflow: hidden
}

.dates-section:not(.is-active).is-worker-not-selected:after {
    content: attr(data-notactive-worker-text)
}

.dates-section:not(.is-active).is-service-not-selected.is-worker-not-selected {
    min-height: 100px;
    overflow: hidden
}

.dates-section:not(.is-active).is-service-not-selected.is-worker-not-selected:after {
    content: attr(data-notactive-service-text)
}

.dates-section-load-error {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: hsla(0,0%,100%,.9);
    display: none;
    height: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100
}

.dates-section-load-error-label {
    color: var(--color-error);
    font-size: var(--text-xs);
    font-weight: 400;
    text-align: center;
    width: 80%
}

.dates-section-load-error-reload-link {
    color: #58d;
    color: var(--bookero-plugin-color-link);
    display: block;
    margin: 15px 0 0 0
}

.dates-section.has-error .dates-section-load-error {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.dates-section .is-term {
    margin: 0 auto 10px auto;
    max-width: 640px
}

.dates-section .is-term.is-loading> {
    opacity: .2
}

.dates-section .is-term.is-loading:after {
    -webkit-animation: spinner-data-v-21b77f97 1s linear infinite;
    animation: spinner-data-v-21b77f97 1s linear infinite;
    border: 2px solid var(--color-2d);
    border-color: var(--bookero-plugin-color-primary);
    border-top-color: var(--color-white)!important;
    border-radius: 50%;
    content: "";
    display: block;
    height: 24px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 24px
}

.dates-section .week-wrapper label {
    margin: 0 auto 10px auto;
    max-width: 640px
}

.dates-section .calendar-wrapper,.dates-section .week-wrapper {
    min-height: 100px;
    position: relative
}

.dates-section .calendar-wrapper.is-loading>,.dates-section .week-wrapper.is-loading> {
    opacity: .2
}

.dates-section .calendar-wrapper.is-loading:after,.dates-section .week-wrapper.is-loading:after {
    -webkit-animation: spinner-data-v-21b77f97 1s linear infinite;
    animation: spinner-data-v-21b77f97 1s linear infinite;
    border: 2px solid var(--color-2d);
    border-color: var(--bookero-plugin-color-primary);
    border-top-color: var(--color-white)!important;
    border-radius: 50%;
    content: "";
    display: block;
    height: 24px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 24px
}

.dates-section .vdp-datepicker {
    margin: 0 0 30px 0
}

.dates-section .vdp-datepicker__calendar {
    border-radius: 10px;
    left: 50%;
    top: 54px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.dates-section .vdp-datepicker__calendar .cell {
    border-radius: 50%;
    font-size: var(--text-xs);
    font-weight: 500
}

.dates-section .vdp-datepicker__calendar .cell.day,.dates-section .vdp-datepicker__calendar .cell.day-header {
    height: 36px;
    line-height: 34px;
    margin: 0 3px;
    width: 36px
}

.dates-section .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover,.dates-section .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month:hover,.dates-section .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).year:hover {
    background: var(--color-grey-2);
    background: var(--bookero-plugin-color-primary-light);
    border-color: var(--color-grey-2);
    border-color: var(--bookero-plugin-color-primary-light);
    color: var(--color-2d);
    color: var(--bookero-plugin-color-primary)
}

.dates-section .vdp-datepicker__calendar .cell.selected {
    	background-image: var(--gradient-full-dark-01);
    background: var(--bookero-plugin-color-primary);
    color: var(--color-white)
}

@-webkit-keyframes spinner-data-v-21b77f97 {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
        transform: translateX(-50%) translateY(-50%) rotate(0deg)
    }

    to {
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(1turn);
        transform: translateX(-50%) translateY(-50%) rotate(1turn)
    }
}

@keyframes spinner-data-v-21b77f97 {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
        transform: translateX(-50%) translateY(-50%) rotate(0deg)
    }

    to {
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(1turn);
        transform: translateX(-50%) translateY(-50%) rotate(1turn)
    }
}

.days-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 0;
    width: 100%
}

.days-section .field {
    width: calc(50% - 10px)
}

.days-section #bookero-plugin-days-number {
    max-width: unset;
    padding: 0 50px;
    text-align: center;
    width: 100%
}

.days-section .days-number-wrapper {
    position: relative;
    width: 100%
}

.days-section .days-number-wrapper .days-number-minus,.days-section .days-number-wrapper .days-number-plus {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #8d8d8d;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: var(--text-m);
    height: 48px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 50px
}

.days-section .days-number-wrapper .days-number-minus:active,.days-section .days-number-wrapper .days-number-minus:focus,.days-section .days-number-wrapper .days-number-minus:hover,.days-section .days-number-wrapper .days-number-plus:active,.days-section .days-number-wrapper .days-number-plus:focus,.days-section .days-number-wrapper .days-number-plus:hover {
    color: var(--color-2d)
}

.days-section .days-number-wrapper .days-number-plus {
    right: 0
}

.days-section .days-number-wrapper .days-number-minus {
    left: 0
}

.days-section input[type=number]::-webkit-inner-spin-button,.days-section input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.details-popup {
    background: var(--color-white);
    border-radius: 10px;
    color: var(--color-black-02);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 50%;
    max-height: 90%;
    max-width: 90%;
    padding: 30px 30px 30px 30px;
    position: fixed;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 560px;
    z-index: 1000000000001
}

.details-popup-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: var(--text-m);
    font-weight: 400;
    margin: 0 0 10px 0;
    width: 100%
}

.details-popup-subheader {
    border-top: 1px solid var(--color-grey-2);
    font-size: var(--text-m);
    font-weight: 400;
    margin: 20px 0 10px 0;
    padding: 20px 0 0 0;
    width: 100%
}

.details-popup-subheader:first-child {
    border-top: none;
    margin-top: 10px;
    padding-top: 0
}

.details-popup-termin {
    display: block;
    padding: 2px 0;
    width: 100%
}

.details-popup-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: var(--text-s);
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.4;
    margin: 0;
    max-height: calc(90% - 94px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    text-align: left
}

.details-popup-content-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 5px 0;
    width: 100%
}

.details-popup-content-item-label {
    font-weight: 700;
    padding-right: 5px
}

.details-popup-content-params-list {
    width: 100%
}

.details-popup-content-params-list-item {
    padding: 2px 0;
    width: 100%
}

.details-popup-content-params-list-item-label {
    font-weight: 700;
    padding-right: 5px
}

.details-popup-close {
    height: 39px;
    opacity: .5;
    position: absolute;
    right: 24px;
    text-decoration: none;
    top: 32px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 24px;
    z-index: 1
}

.details-popup-close:after,.details-popup-close:before {
    content: "";
    background: var(--color-black-02);
    height: 2px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    width: 30px
}

.details-popup-close:before {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    transform: translateX(-50%) translateY(-50%) rotate(-45deg)
}

.details-popup-close:hover {
    cursor: pointer;
    opacity: 1
}

.details-popup-overlay {
    background: rgba(0,0,0,.5);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000000000000
}

.details-popup-price {
    padding-top: 20px;
    text-align: right;
    width: 100%
}

.details-popup-price-quote {
    font-size: 24px
}

.details-popup-single-reservation-price {
    display: block;
    text-align: right;
    width: 100%
}

@media (max-width: 540px) {
    .details-popup {
        border-radius:0;
        height: 100%;
        max-height: 100%;
        max-width: 100%;
        padding: 10px 15px 15px 15px;
        width: 100%
    }

    .details-popup-close {
        right: 10px;
        top: 20px
    }

    .details-popup-content {
        max-height: calc(100% - 30px)
    }
}

.error-block {
    margin: 10px 0 0 0
}

.error-block .errors-list {
    font-size: var(--text-xs);
    font-weight: 700;
    margin: 10px 0 5px 0
}

.error-block .errors-list>div {
    margin: 5px 0 0 0
}

.hours-section {
    border-top: 1px solid var(--color-grey-2);
    padding: 10px 0 20px 0;
    position: relative;
    scroll-margin-top: 80px;
    width: 100%
}

.hours-section-load-error {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: hsla(0,0%,100%,.9);
    display: none;
    height: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100
}

.hours-section-load-error-label {
    color: var(--color-error);
    font-size: var(--text-xs);
    font-weight: 400;
    text-align: center;
    width: 80%
}

.hours-section-load-error-reload-link {
    color: #58d;
    display: block;
    margin: 15px 0 0 0
}

.hours-section.has-error .hours-section-load-error {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.hours-section .bookero-plugin-form-heading {
    margin: 0 0 30px 0
}

.hours-section .is-loading {
    opacity: .5;
    pointer-events: none
}

.hours-section .hours-wrapper {
    position: relative;
    margin: 0 -8px
}

.hours-section .hours-wrapper[data-mode=standard] {
    margin: 0
}

.hours-section .hours-wrapper.is-loading:after {
    background: hsla(0,0%,100%,.5);
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.hours-section .hours-wrapper.is-loading:before {
    -webkit-animation: spinner-data-v-bd5cce5e 1s linear infinite;
    animation: spinner-data-v-bd5cce5e 1s linear infinite;
    border: 2px solid var(--color-2d);
    border-top-color: var(--color-white)!important;
    border-radius: 50%;
    content: "";
    display: block;
    height: 24px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 24px;
    z-index: 1
}

.hours-section .hours-wrapper .hours-error {
    background-color: var(--color-white);
    border: 1px solid var(--color-error);
    border-radius: 10px;
    color: var(--color-error);
    font-weight: 700;
    margin: 5px 8px;
    padding: 10px;
    text-align: center
}

.hours-section .hours-wrapper .hours-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.hours-section .hours-wrapper .hours-list-item {
    background: var(--color-grey-2);
    border: 1px solid var(--color-grey-2);
    border-radius: 10px;
    color: var(--color-2d);
    cursor: pointer;
    font-size: var(--text-s);
    font-weight: 400;
    margin: 8px;
    padding: 10px 2px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    width: calc(14.28% - 16px)
}

.hours-section .hours-wrapper .hours-list-item-info {
    color: var(--color-black-02);
    display: block;
    font-size: var(--text-xxs);
    font-weight: 400;
    opacity: .66;
    text-align: center;
    white-space: normal
}

.hours-section .hours-wrapper .hours-list-item-info span {
    font-weight: 700
}

.hours-section .hours-wrapper .hours-list-item.is-waiting-list:after {
    background: var(--color-error);
    bottom: 3px;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 75%
}

.hours-section .hours-wrapper .hours-list-item.is-selected {
    	background-image: var(--gradient-full-dark-01);
    border-color: var(--color-2d);
    color: var(--color-white);
    cursor: pointer;
    font-weight: 700
}

.hours-section .hours-wrapper .hours-list-item.is-selected .hours-list-item-info {
    color: var(--color-white);
    opacity: 1
}

.hours-section .hours-wrapper .hours-list-item.is-selected .hours-list-item-info span {
    color: var(--color-white)
}

.hours-section .hours-wrapper .hours-list-item.is-in-cart {
    background: var(--color-white);
    border: 2px solid var(--color-2d);
    color: var(--color-2d);
    cursor: not-allowed;
    font-weight: 700
}

.hours-section .hours-wrapper .hours-list-item.is-in-cart.is-valid {
    cursor: pointer
}

.hours-section .hours-wrapper .hours-list-item.is-in-cart.is-selected {
    	background-image: var(--gradient-full-dark-01);
    border-color: var(--color-2d);
    color: var(--color-white);
    font-weight: 700
}

.hours-section .hours-wrapper .hours-list.wide-hours .hours-list-item {
    width: calc(33.33333% - 16px)
}

@-webkit-keyframes spinner-data-v-bd5cce5e {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
        transform: translateX(-50%) translateY(-50%) rotate(0deg)
    }

    to {
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(1turn);
        transform: translateX(-50%) translateY(-50%) rotate(1turn)
    }
}

@keyframes spinner-data-v-bd5cce5e {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
        transform: translateX(-50%) translateY(-50%) rotate(0deg)
    }

    to {
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(1turn);
        transform: translateX(-50%) translateY(-50%) rotate(1turn)
    }
}

@media (max-width: 540px) {
    .hours-section .hours-wrapper .hours-list-item {
        padding:10px 5px;
        width: calc(20% - 10px)
    }

    .hours-section .hours-wrapper .hours-list.wide-hours .hours-list-item {
        width: calc(50% - 16px)
    }
}

@media (max-width: 400px) {
    .hours-section .hours-wrapper .hours-list-item {
        padding:10px 5px;
        width: calc(33.33333% - 10px)
    }

    .hours-section .hours-wrapper .hours-list.wide-hours .hours-list-item {
        width: 100%
    }
}

.inquiry {
    background: var(--color-white);
    border: 1px solid var(--color-grey-2);
    border-radius: 10px;
    color: var(--color-black-02);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: var(--text-xs);
    margin: 20px 0 0 0;
    padding: 20px 25px
}

.inquiry:first-child {
    margin: 0
}

.inquiry>div {
    padding: 3px 0
}

.inquiry-label {
    font-weight: 600
}

.inquiry-custom-duration,.inquiry-datetime,.inquiry-service,.inquiry-worker {
    font-size: var(--text-xs);
    margin: 0 0 3px 0;
    width: 100%
}

.inquiry-heading {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 10px 0;
    width: 100%
}

.inquiry-title {
    font-size: var(--text-l);
    font-weight: 400;
    margin: 0;
    width: 75%
}

.inquiry-price {
    font-size: var(--text-l);
    text-align: right;
    width: 25%
}

.inquiry-actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: var(--text-xs);
    font-weight: 400;
    margin: 15px 0 0 0;
    width: 100%
}

.inquiry-actions-details {
    letter-spacing: 0;
    padding-right: 10px;
    position: relative;
    text-transform: none
}

.inquiry-actions-details:after {
    border-top: 2px solid var(--color-2d);
    border-right: 2px solid var(--color-2d);
    content: "";
    display: block;
    height: 5px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    -webkit-transform: rotate(45deg) translateY(-60%);
    -ms-transform: rotate(45deg) translateY(-60%);
    transform: rotate(45deg) translateY(-60%);
    width: 5px
}

.inquiry-actions-details:hover:after {
    border-top-color: #1565a4;
    border-right-color: #1565a4;
    -webkit-transform: translateX(3px) rotate(45deg) translateY(-60%);
    -ms-transform: translateX(3px) rotate(45deg) translateY(-60%);
    transform: translateX(3px) rotate(45deg) translateY(-60%)
}

.inquiry-actions-delete {
    color: var(--color-error)!important;
    letter-spacing: 0;
    margin: 0 0 0 auto;
    text-transform: none
}

.inquiry-actions-delete:active,.inquiry-actions-delete:focus,.inquiry-actions-delete:hover {
    color: #bb1818
}

.inquiry-actions-delete.is-blocked {
    position: relative;
    pointer-events: none
}

.inquiry-actions-delete.is-blocked:before {
    -webkit-animation: spinner-data-v-2fb7ca88 1s infinite;
    animation: spinner-data-v-2fb7ca88 1s infinite;
    border: 2px solid var(--color-error);
    border-top-color: var(--color-white)!important;
    border-radius: 50%;
    content: "";
    display: block;
    height: 8px;
    left: -20px;
    position: absolute;
    top: calc(50% - 5px);
    width: 8px
}

.inquiry-single-reservation-price {
    display: block;
    margin-bottom: 5px;
    margin-top: -15px;
    text-align: right;
    width: 100%
}

.inquiry-connected-termins {
    cursor: pointer;
    color: var(--color-2d);
    display: inline-block;
    font-weight: 400;
    position: relative
}

.inquiry-connected-termins-popup {
    background: var(--color-white);
    border-radius: 10px;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.15);
    box-shadow: 0 4px 8px rgba(0,0,0,.15);
    display: block;
    font-weight: 400;
    left: 50%;
    opacity: 0;
    pointer-events: none;
    padding: 3px 0;
    position: absolute;
    text-decoration: none;
    top: 20px;
    -webkit-transform: translateX(-50%) translateY(10px);
    -ms-transform: translateX(-50%) translateY(10px);
    transform: translateX(-50%) translateY(10px);
    -webkit-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    width: 260px;
    z-index: 1
}

.inquiry-connected-termins-popup-item {
    border-top: 1px solid var(--color-grey-2);
    color: var(--color-black-02);
    display: block;
    padding: 6px 0;
    text-align: center;
    text-decoration: none
}

.inquiry-connected-termins-popup-item:first-child {
    border-top: none
}

.inquiry-connected-termins:hover .inquiry-connected-termins-popup {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateX(-50%) translateY(0);
    -ms-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0)
}

@-webkit-keyframes spinner-data-v-2fb7ca88 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spinner-data-v-2fb7ca88 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@media (max-width: 540px) {
    .inquiry {
        padding:10px 15px
    }

    .inquiry-datetime,.inquiry-price,.inquiry-service,.inquiry-worker {
        width: 100%
    }

    .inquiry-price,.inquiry-title {
        font-size: var(--text-s);
        font-weight: 700;
        width: auto
    }

    .inquiry-price {
        margin: 0 0 0 auto
    }
}

.inquiries-list-section {
    margin: 0 0 20px 0;
    width: 100%
}

.inquiries-list-header {
    font-size: var(--text-m);
    font-weight: 500
}

.inquiries-list-add {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #eef6fd;
    border-radius: 10px;
    color: var(--color-2d);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 48px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    letter-spacing: 0;
    margin: 20px 0;
    text-decoration: none;
    text-transform: none;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 100%
}

.inquiries-list-add-icon {
    display: inline-block;
    height: 12px;
    margin: 0 10px 0 0;
    position: relative;
    width: 12px
}

.inquiries-list-add-icon:after,.inquiries-list-add-icon:before {
    	background-image: var(--gradient-full-dark-01);
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    width: 12px
}

.inquiries-list-add-icon:before {
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg)
}

.inquiries-list-add:active,.inquiries-list-add:focus,.inquiries-list-add:hover {
    background: #e2f0fb;
    color: var(--color-2d);
    text-decoration: none
}

.inquiries-list-waiting-list-notification {
    color: var(--color-grey-4);
    display: block;
    font-size: var(--text-xs);
    line-height: 1.6;
    padding: 20px 0;
    text-align: center
}

.invoice-section {
    padding: 10px 0;
    width: 100%
}

.invoice-section .field[data-field-name=address],.invoice-section .field[data-field-name=company_title] {
    width: 100%
}

.invoice-section .field[data-field-name=post_code] {
    width: 120px
}

.invoice-section .field[data-field-name=country] {
    width: 80px
}

.invoice-section .field[data-field-name=city] {
    margin-left: 20px;
    width: calc(100% - 140px)
}

.invoice-section .field[data-field-name=nip] {
    margin-left: 20px;
    width: calc(100% - 100px)
}

.invoice-section .invoice-form-fields {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.invoice-section .button-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 10px auto
}

.invoice-section .button-group .button-group-button {
    border: 1px solid var(--color-2d);
    border-radius: 5px 0 0 5px;
    display: block;
    padding: 10px;
    text-align: center;
    width: 50%
}

.invoice-section .button-group .button-group-button.is-active {
    	background-image: var(--gradient-full-dark-01);
    color: var(--color-white)!important
}

.invoice-section .button-group .button-group-button+.button-group-button {
    border-radius: 0 5px 5px 0
}

.payment-section {
    padding: 10px 0;
    width: 100%
}

.payment-section .bookero-plugin-form-heading {
    padding: 10px 0
}

.payment-section .bookero-plugin-discount-code-section {
    border-top: 1px solid var(--color-grey-2);
    padding: 35px 0 0 0
}

.payment-section .bookero-plugin-discount-code-section .bookero-plugin-discount-code-wrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 20px
}

.payment-section .bookero-plugin-discount-code-section .bookero-plugin-discount-code-wrapper>input {
    width: 50%
}

.payment-section .bookero-plugin-discount-code-section .bookero-plugin-discount-code-wrapper>input.is-valid {
    border-bottom: 2px solid #56b528
}

.payment-section .bookero-plugin-discount-code-section .bookero-plugin-discount-code-wrapper>input.is-invalid {
    border-bottom: 2px solid var(--color-error)
}

.payment-section .bookero-plugin-discount-code-section .bookero-plugin-discount-code-wrapper>span {
    font-size: var(--text-s);
    padding-left: 2rem;
    width: 50%
}

.payment-section .bookero-plugin-discount-code-section .bookero-plugin-discount-code-wrapper.is-loading {
    position: relative
}

.payment-section .bookero-plugin-discount-code-section .bookero-plugin-discount-code-wrapper.is-loading:after {
    -webkit-animation: discount-spinner-data-v-033514ed 1s linear infinite;
    animation: discount-spinner-data-v-033514ed 1s linear infinite;
    border: 2px solid var(--color-grey-2);
    border-left-color: rgba(0,0,0,0)!important;
    border-radius: 50%;
    content: "";
    height: 20px;
    left: calc(50% - 24px);
    position: absolute;
    top: calc(50% + 9px);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 20px
}

.payment-section .bookero-plugin-discount-code-section .bookero-plugin-discount-code-status.is-valid {
    color: #56b528
}

.payment-section .bookero-plugin-discount-code-section .bookero-plugin-discount-code-status.is-invalid {
    color: var(--color-error)
}

.payment-section .payment-methods {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -1% 40px -1%
}

.payment-section .payment-methods.is-hidden {
    display: none
}

.payment-section .payment-methods-item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid var(--color-grey-2);
    border-radius: 10px;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 1%;
    height: 120px;
    position: relative;
    -webkit-transition: border .3s ease-out,background-color .3s ease-out;
    -o-transition: border .3s ease-out,background-color .3s ease-out;
    transition: border .3s ease-out,background-color .3s ease-out;
    width: 23%
}

.payment-section .payment-methods-item-wrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--color-white);
    border-radius: 2px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: calc(100% - 4px);
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    width: calc(100% - 4px)
}

.payment-section .payment-methods-item:hover {
    border: 1px solid var(--color-2d)
}

.payment-section .payment-methods-item.is-active {
    	background-image: var(--gradient-full-dark-01);
    border: 1px solid var(--color-2d)
}

.payment-section .payment-methods-item-icon {
    margin: -24px 0 0 0;
    width: 100px
}

.payment-section .payment-methods-item-name {
    bottom: 10px;
    color: var(--color-grey-4);
    font-size: var(--text-xxs);
    font-weight: 700;
    line-height: 1.2;
    left: 5%;
    position: absolute;
    text-align: center;
    width: 90%
}

@-webkit-keyframes discount-spinner-data-v-033514ed {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
        transform: translateX(-50%) translateY(-50%) rotate(0deg)
    }

    to {
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(1turn);
        transform: translateX(-50%) translateY(-50%) rotate(1turn)
    }
}

@keyframes discount-spinner-data-v-033514ed {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
        transform: translateX(-50%) translateY(-50%) rotate(0deg)
    }

    to {
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(1turn);
        transform: translateX(-50%) translateY(-50%) rotate(1turn)
    }
}

@media (max-width: 580px) {
    .payment-section .payment-methods-item {
        width:48%
    }

    .payment-section .bookero-plugin-discount-code-section .bookero-plugin-discount-code-wrapper {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .payment-section .bookero-plugin-discount-code-section .bookero-plugin-discount-code-wrapper>input {
        width: 100%
    }

    .payment-section .bookero-plugin-discount-code-section .bookero-plugin-discount-code-wrapper>span {
        padding-left: 0;
        padding-top: 1rem;
        width: 100%
    }
}

.payment-summary-section {
    border-top: 1px solid var(--color-grey-2);
    margin: 30px 0 0 0;
    padding: 30px 0 20px 0;
    position: relative;
    width: 100%
}

.payment-summary-section.is-loading:after {
    background: hsla(0,0%,100%,.95);
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.payment-summary-section.is-loading:before {
    -webkit-animation: spinner-data-v-2bf8935e 1s linear infinite;
    animation: spinner-data-v-2bf8935e 1s linear infinite;
    border: 2px solid var(--color-2d);
    border-top-color: var(--color-white)!important;
    border-radius: 50%;
    content: "";
    display: block;
    height: 24px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 24px;
    z-index: 1
}

.payment-summary-section.is-error:after {
    background: hsla(0,0%,100%,.95);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.payment-summary-section.is-error:before {
    color: var(--color-error);
    content: attr(data-error-text);
    display: block;
    height: auto;
    left: 50%;
    line-height: 18px;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    z-index: 1
}

.payment-summary-section-discount {
    border-bottom: 1px solid var(--color-grey-2);
    margin: 0 0 30px 0;
    padding: 0 0 30px 0
}

.payment-summary-section-discount p {
    font-size: var(--text-s);
    margin: 0;
    padding: 4px 0;
    text-align: right
}

.payment-summary-section-discount p>span:last-child {
    display: inline-block;
    width: 120px
}

.payment-summary-section-discount-quote>span:last-child {
    color: #56b528
}

.payment-summary-section .payment-summary-quote {
    font-size: var(--text-s);
    margin: 0;
    padding: 0;
    text-align: right
}

.payment-summary-section .payment-summary-price {
    color: #272727;
    font-size: 32px;
    font-weight: 500
}

@-webkit-keyframes spinner-data-v-2bf8935e {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
        transform: translateX(-50%) translateY(-50%) rotate(0deg)
    }

    to {
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(1turn);
        transform: translateX(-50%) translateY(-50%) rotate(1turn)
    }
}

@keyframes spinner-data-v-2bf8935e {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
        transform: translateX(-50%) translateY(-50%) rotate(0deg)
    }

    to {
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(1turn);
        transform: translateX(-50%) translateY(-50%) rotate(1turn)
    }
}

.multi-switcher {
    width: 100%
}

.multi-switcher-item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0
}

.multi-switcher-item>label {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important;
    font-weight: 400!important;
    width: 100%
}

.multi-switcher-item>label .switcher {
    margin: 0 10px 0 0
}

.multi-switcher-item>label span {
    width: calc(100% - 50px)
}

.multi-switcher-item>label small {
    color: var(--color-black-02);
    margin: 0 0 0 10px
}

.params-section {
    width: 100%
}

.params-section:not(.is-active) {
    opacity: .25;
    pointer-events: none
}

.params-section .field {
    margin: 0;
    padding: 10px 0
}

.params-section .field:first-child {
    margin: 10px 0 0 0
}

.params-section .field:last-child {
    margin: 0 0 10px 0
}

.people-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 0;
    width: 100%
}

.people-section:not(.is-active) {
    display: none
}

.people-section .w-50 {
    width: calc(50% - 10px)
}

.people-section #bookero-plugin-children-number,.people-section #bookero-plugin-people-number {
    padding: 0 50px;
    text-align: center;
    width: 100%
}

.people-section .children-number-wrapper,.people-section .people-number-wrapper {
    position: relative;
    width: 100%
}

.people-section .children-number-wrapper .children-number-minus,.people-section .children-number-wrapper .children-number-plus,.people-section .children-number-wrapper .people-number-minus,.people-section .children-number-wrapper .people-number-plus,.people-section .people-number-wrapper .children-number-minus,.people-section .people-number-wrapper .children-number-plus,.people-section .people-number-wrapper .people-number-minus,.people-section .people-number-wrapper .people-number-plus {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #8d8d8d;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: var(--text-m);
    height: 48px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 50px
}

.people-section .children-number-wrapper .children-number-minus:active,.people-section .children-number-wrapper .children-number-minus:focus,.people-section .children-number-wrapper .children-number-minus:hover,.people-section .children-number-wrapper .children-number-plus:active,.people-section .children-number-wrapper .children-number-plus:focus,.people-section .children-number-wrapper .children-number-plus:hover,.people-section .children-number-wrapper .people-number-minus:active,.people-section .children-number-wrapper .people-number-minus:focus,.people-section .children-number-wrapper .people-number-minus:hover,.people-section .children-number-wrapper .people-number-plus:active,.people-section .children-number-wrapper .people-number-plus:focus,.people-section .children-number-wrapper .people-number-plus:hover,.people-section .people-number-wrapper .children-number-minus:active,.people-section .people-number-wrapper .children-number-minus:focus,.people-section .people-number-wrapper .children-number-minus:hover,.people-section .people-number-wrapper .children-number-plus:active,.people-section .people-number-wrapper .children-number-plus:focus,.people-section .people-number-wrapper .children-number-plus:hover,.people-section .people-number-wrapper .people-number-minus:active,.people-section .people-number-wrapper .people-number-minus:focus,.people-section .people-number-wrapper .people-number-minus:hover,.people-section .people-number-wrapper .people-number-plus:active,.people-section .people-number-wrapper .people-number-plus:focus,.people-section .people-number-wrapper .people-number-plus:hover {
    color: var(--color-2d)
}

.people-section .children-number-wrapper .children-number-plus,.people-section .children-number-wrapper .people-number-plus,.people-section .people-number-wrapper .children-number-plus,.people-section .people-number-wrapper .people-number-plus {
    right: 0
}

.people-section .children-number-wrapper .children-number-minus,.people-section .children-number-wrapper .people-number-minus,.people-section .people-number-wrapper .children-number-minus,.people-section .people-number-wrapper .people-number-minus {
    left: 0
}

.people-section input[type=number]::-webkit-inner-spin-button,.people-section input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.people-section.is-without-children-field {
    width: 50%
}

.people-section.is-without-children-field .w-50 {
    width: calc(100% - 10px)
}

.people-section .error-message {
    width: 100%
}

.reservation-type-section {
    padding: 10px 0;
    width: 100%
}

.reservation-type-section.is-empty {
    padding: 0
}

.reservation-type-section .is-loading {
    opacity: .5;
    pointer-events: none
}

.inquiry {
    background: var(--color-white);
    border: 1px solid var(--color-grey-2);
    border-radius: 10px;
    color: var(--color-black-02);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: var(--text-xs);
    margin: 20px 0 0 0;
    padding: 10px 15px;
    text-align: left
}

.inquiry:first-child {
    margin: 0
}

.inquiry>div {
    padding: 2px 0
}

.inquiry-label {
    font-weight: 600
}

.inquiry-datetime,.inquiry-service,.inquiry-worker {
    margin: 0;
    width: 100%
}

.inquiry-heading {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 5px 0;
    width: 100%
}

.inquiry-title {
    font-size: var(--text-m);
    font-weight: 400;
    margin: 0;
    width: 75%
}

.inquiry-price {
    font-size: var(--text-m);
    text-align: right;
    width: 25%
}

.inquiry-actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: var(--text-xs);
    font-weight: 400;
    margin: 0;
    width: 100%
}

.inquiry-actions-details {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    letter-spacing: 0;
    padding-right: 10px;
    position: relative;
    text-transform: none
}

.inquiry-actions-details:after {
    border-top: 2px solid var(--color-2d);
    border-right: 2px solid var(--color-2d);
    content: "";
    display: block;
    height: 5px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    -webkit-transform: rotate(45deg) translateY(-60%);
    -ms-transform: rotate(45deg) translateY(-60%);
    transform: rotate(45deg) translateY(-60%);
    width: 5px
}

.inquiry-actions-details:hover:after {
    border-top-color: #1565a4;
    border-right-color: #1565a4;
    -webkit-transform: translateX(3px) rotate(45deg) translateY(-60%);
    -ms-transform: translateX(3px) rotate(45deg) translateY(-60%);
    transform: translateX(3px) rotate(45deg) translateY(-60%)
}

.inquiry-connected-termins {
    cursor: pointer;
    color: var(--color-2d);
    display: inline-block;
    font-weight: 400;
    position: relative
}

.inquiry-connected-termins-popup {
    background: var(--color-white);
    border-radius: 10px;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.15);
    box-shadow: 0 4px 8px rgba(0,0,0,.15);
    display: block;
    font-weight: 400;
    left: 50%;
    opacity: 0;
    pointer-events: none;
    padding: 3px 0;
    position: absolute;
    text-decoration: none;
    top: 20px;
    -webkit-transform: translateX(-50%) translateY(10px);
    -ms-transform: translateX(-50%) translateY(10px);
    transform: translateX(-50%) translateY(10px);
    -webkit-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    width: 260px;
    z-index: 1
}

.inquiry-connected-termins-popup-item {
    border-top: 1px solid var(--color-grey-2);
    color: var(--color-black-02);
    display: block;
    padding: 6px 0;
    text-align: center;
    text-decoration: none
}

.inquiry-connected-termins-popup-item:first-child {
    border-top: none
}

.inquiry-connected-termins:hover .inquiry-connected-termins-popup {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateX(-50%) translateY(0);
    -ms-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0)
}

.inquiry-status {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 20px;
    color: var(--color-white);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: var(--text-xs);
    font-weight: 700;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 0 auto;
    padding: 5px 0 5px 20px;
    position: relative;
    width: 160px
}

.inquiry-status>svg {
    left: 16px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 16px
}

.inquiry-status.is-accepted {
    background: #56b528
}

.inquiry-status.is-waiting-list {
    background: var(--color-2d)
}

.inquiry-status.is-rejected {
    background: var(--color-error)
}

@-webkit-keyframes spinner-data-v-4111740a {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spinner-data-v-4111740a {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@media (max-width: 540px) {
    .inquiry {
        padding:10px 15px
    }

    .inquiry-datetime,.inquiry-price,.inquiry-service,.inquiry-worker {
        width: 100%
    }

    .inquiry-price,.inquiry-title {
        font-size: var(--text-s);
        font-weight: 700;
        width: auto
    }

    .inquiry-price {
        margin: 0 0 0 auto
    }
}

.result-popup {
    background: var(--color-white);
    border-radius: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 50%;
    max-width: 90%;
    padding: 20px 30px 40px 30px;
    position: fixed;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 640px;
    z-index: 1000000000001
}

.result-popup-header {
    color: #272727;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: var(--text-l);
    font-weight: 400;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 20px 0;
    text-align: center
}

.result-popup-icon {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 64px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 40px auto 0 auto;
    width: 64px
}

.result-popup-icon>svg {
    display: block;
    height: 32px;
    width: 32px
}

.result-popup-icon-loader {
    -webkit-animation: spinner-data-v-5df5c746 1s linear infinite;
    animation: spinner-data-v-5df5c746 1s linear infinite;
    border: 3px solid var(--color-2d);
    border-left-color: var(--color-white)!important;
    border-radius: 50%;
    display: block;
    height: 64px;
    margin: 30px auto;
    width: 64px
}

.result-popup-icon.is-success {
    background: #56b528
}

.result-popup-icon.is-rejected {
    background: var(--color-error)
}

.result-popup-icon.is-waiting {
    background: var(--color-2d)
}

.result-popup-content {
    color: var(--color-black-02);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.4;
    margin: 10px 0;
    max-height: 35%;
    overflow: auto;
    overflow-x: hidden;
    padding: 0;
    text-align: center
}

.result-popup-content-payment {
    font-weight: 700;
    text-align: center
}

.result-popup-content-payment-ssl {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--color-grey-3);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: var(--text-xs);
    font-weight: 700;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 40px 0 0 0;
    opacity: .8;
    padding: 0;
    text-align: center
}

.result-popup-content-payment-ssl>svg {
    margin: 0 8px 0 0
}

.result-popup-content-payment-link {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid var(--color-grey-2);
    border-radius: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 50px 0 0 0;
    padding: 20px
}

.result-popup-content-payment-link .result-popup-content-payment-quote {
    color: var(--color-black-02);
    width: 100%
}

.result-popup-content-payment-link .result-popup-content-payment-quote>span {
    display: block;
    font-size: var(--text-s);
    padding-bottom: 5px
}

.result-popup-content-payment-link .result-popup-content-payment-quote>strong {
    color: #272727;
    display: block;
    font-size: var(--text-l);
    font-weight: 400;
    width: 100%
}

.result-popup-content-payment-link .result-popup-content-paylink {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: var(--text-s);
    font-weight: 400;
    letter-spacing: 0;
    margin: 0;
    padding: 10px 60px 10px 30px;
    position: relative;
    text-transform: none;
    white-space: nowrap
}

.result-popup-content-payment-link .result-popup-content-paylink:after {
    border: 2px solid var(--color-white);
    border-left: none;
    border-bottom: none;
    content: "";
    height: 8px;
    position: absolute;
    right: 28px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    width: 8px
}

.result-popup-content-payment-link a {
    	background-image: var(--gradient-full-dark-01);
    border: none;
    border-radius: 10px;
    color: var(--color-white);
    cursor: pointer;
    display: inline-block;
    font-size: var(--text-m);
    margin: 10px 0 0 0;
    padding: 10px 30px;
    text-decoration: none
}

.result-popup-content-payment-link a:active,.result-popup-content-payment-link a:focus,.result-popup-content-payment-link a:hover {
      background-size: 150%;
  background-position: 50% 50%;;
    color: var(--color-white);
    text-decoration: none
}

.result-popup-close {
    height: 39px;
    opacity: .5;
    position: absolute;
    right: 24px;
    top: 32px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 24px;
    z-index: 1
}

.result-popup-close:after,.result-popup-close:before {
    content: "";
    background: var(--color-black-02);
    height: 2px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    width: 30px
}

.result-popup-close:before {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    transform: translateX(-50%) translateY(-50%) rotate(-45deg)
}

.result-popup-close:hover {
    cursor: pointer;
    opacity: 1
}

.result-popup-overlay {
    background: rgba(0,0,0,.25);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000000000000
}

.result-popup.is-mixed {
    padding: 20px 30px 10px 30px
}

.result-popup.is-mixed .result-popup-content-payment-link {
    margin: 20px 0 0 0
}

.result-popup.is-mixed .result-popup-icon {
    margin: 10px auto 0 auto
}

.result-popup.is-mixed .result-popup-content-payment-ssl {
    margin: 10px 0 0 0
}

@-webkit-keyframes spinner-data-v-5df5c746 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spinner-data-v-5df5c746 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@media (max-width: 540px) {
    .result-popup {
        -webkit-box-align:center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        max-width: 100%;
        padding: 10px 15px;
        text-align: center;
        width: 100%
    }

    .result-popup.is-mixed {
        padding: 10px
    }

    .result-popup-content-payment-link {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .result-popup-content-payment-link .result-popup-content-payment-quote {
        margin: 0 0 20px 0;
        text-align: center;
        width: 100%
    }

    .result-popup-content-payment-link .result-popup-content-paylink {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%
    }
}

@media (max-height: 700px) {
    .result-popup.is-mixed .result-popup-close {
        right:10px;
        top: 20px
    }

    .result-popup.is-mixed .result-popup-icon {
        display: none
    }

    .result-popup.is-mixed .result-popup-header {
        font-size: var(--text-m);
        margin: 0 0 5px 0
    }

    .result-popup.is-mixed .result-popup-header+.result-popup-content {
        font-size: var(--text-xs);
        margin: 5px 0 0 0
    }

    .result-popup.is-mixed .result-popup-content-payment-link {
        padding: 10px
    }

    .result-popup.is-mixed .result-popup-content-payment-link .result-popup-content-payment-quote {
        margin: 0 0 8px 0
    }

    .result-popup.is-mixed .result-popup-content-payment-link .result-popup-content-payment-quote span {
        display: inline;
        font-size: 14px
    }

    .result-popup.is-mixed .result-popup-content-payment-link .result-popup-content-payment-quote strong {
        display: inline;
        font-size: 16px
    }
}

@media (max-height: 500px) {
    .result-popup.is-mixed .result-popup-content-payment-link {
        margin:0
    }

    .result-popup.is-mixed .result-popup-content-payment-ssl {
        display: none
    }
}

.required-fields-notice {
    font-size: var(--text-xxs);
    font-style: normal;
    margin: 10px 0;
    opacity: .66
}

.services-section {
    padding: 10px 0;
    width: 100%
}

.services-section .field.is-inactive {
    opacity: .25;
    pointer-events: none
}

.services-section .bookero-plugin-service-category-value,.services-section .bookero-plugin-service-value {
    color: var(--color-black-02);
    font-size: 14px
}

.services-section .custom-duration-field.is-loading {
    opacity: .5;
    pointer-events: none
}

.services-section .multiselect.bookero-plugin-services-list-styled-all.has-only-one-group .multiselect__content .multiselect__element:nth-child(3)>.multiselect__option.multiselect__option--group.multiselect__option--disabled {
    display: none!important
}

.services-section .multiselect.bookero-plugin-services-list-styled-all.has-first-group-to-hide .multiselect__content .multiselect__element:first-child>.multiselect__option.multiselect__option--group.multiselect__option--disabled {
    display: none!important
}

.submit-section {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 20px 0 0 0;
    padding: 0;
    width: 100%
}

.submit-section:not(.is-active) {
    opacity: .25;
    pointer-events: none
}

.submit-section .add-to-cart-waiting-list-notice {
    background: #fec;
    border: 1px solid #fb3;
    border-radius: 10px;
    color: #e69900;
    font-size: var(--text-xs);
    font-weight: 700;
    margin: 10px 0;
    padding: 10px 15px;
    text-align: center;
    width: 100%
}

.submit-section-cart-enabled.submit-section-cart-step-1.submit-section-cart-is-empty {
    margin: 10px 0 0 0
}

.submit-section-cart-step-2 {
    width: 100%
}

.submit-section-cart-step-2 .submit-button {
    margin: 0 0 0 auto;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.submit-section-cart-step-2 .back-button {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.submit-section .back-button {
    background: var(--color-black);
    border: none;
    color: var(--color-grey-3);
    cursor: pointer;
    font-size: var(--text-s);
    font-weight: 400;
    letter-spacing: 0;
    padding: 0;
    text-decoration: none;
    text-transform: none
}

.submit-section .back-button:active,.submit-section .back-button:focus,.submit-section .back-button:hover {
    color: var(--color-2d)
}

.submit-section .submit-button {
    	background-image: var(--gradient-full-dark-01);
    border: none;
    border-radius: 10px;
    color: var(--color-white);
    cursor: pointer;
    font-size: var(--text-s);
    letter-spacing: 0;
    padding: 13px 60px 13px 30px;
    position: relative;
    -webkit-transition: right .2s ease-out;
    -o-transition: right .2s ease-out;
    transition: right .2s ease-out;
    text-transform: none
}

.submit-section .submit-button[disabled] {
    cursor: not-allowed;
    opacity: .5
}

.submit-section .submit-button.is-blocked {
    pointer-events: none
}

.submit-section .submit-button:after {
    border: 2px solid var(--color-white);
    border-left: none;
    border-bottom: none;
    content: "";
    height: 8px;
    position: absolute;
    right: 28px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    width: 8px
}

.submit-section .submit-button:active,.submit-section .submit-button:focus,.submit-section .submit-button:hover {
      background-size: 150%;
  background-position: 50% 50%;
}

.submit-section .submit-button:active:after,.submit-section .submit-button:focus:after,.submit-section .submit-button:hover:after {
    right: 25px
}

@media (max-width: 540px) {
    .submit-section .submit-button {
        margin:10px 0 0 0;
        width: 100%
    }

    .submit-section .back-button {
        margin: 20px 0 0 0;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        width: 100%
    }
}

.temporary-price-section {
    border-top: 1px solid var(--color-grey-2);
    margin: 0 0 30px 0;
    padding: 30px 0 20px 0;
    position: relative;
    text-align: right;
    width: 100%
}

.temporary-price-section.is-loading:after {
    background: hsla(0,0%,100%,.5);
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.temporary-price-section.is-loading:before {
    -webkit-animation: spinner-data-v-7c081281 1s linear infinite;
    animation: spinner-data-v-7c081281 1s linear infinite;
    border: 2px solid var(--color-2d);
    border-top-color: var(--color-white)!important;
    border-radius: 50%;
    content: "";
    display: block;
    height: 32px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 32px;
    z-index: 1
}

.temporary-price-section.is-error:after {
    background: hsla(0,0%,100%,.95);
    content: "";
    left: 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.temporary-price-section.is-error:before {
    color: var(--color-error);
    content: attr(data-error-text);
    display: block;
    height: auto;
    left: 50%;
    line-height: 18px;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    z-index: 1
}

.temporary-price-section .temporary-price-quote {
    color: var(--color-black-02);
    font-size: var(--text-xs);
    margin: 0;
    padding: 0;
    text-align: right
}

.temporary-price-section .temporary-price-method {
    color: var(--color-black-02);
    font-size: var(--text-xs);
    margin: 5px 0 0 0;
    text-align: right
}

.temporary-price-section .temporary-price-price {
    color: #272727;
    font-size: var(--text-l);
    font-weight: 400;
    padding-left: 5px
}

.temporary-price-section .temporary-price-payment-method {
    color: #272727;
    font-style: normal;
    font-weight: 700
}

@-webkit-keyframes spinner-data-v-7c081281 {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
        transform: translateX(-50%) translateY(-50%) rotate(0deg)
    }

    to {
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(1turn);
        transform: translateX(-50%) translateY(-50%) rotate(1turn)
    }
}

@keyframes spinner-data-v-7c081281 {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
        transform: translateX(-50%) translateY(-50%) rotate(0deg)
    }

    to {
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(1turn);
        transform: translateX(-50%) translateY(-50%) rotate(1turn)
    }
}

.tooltip {
    display: none;
    opacity: 0;
    padding: 0;
    pointer-events: none;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: opacity .25s ease-out;
    -o-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out;
    z-index: 1
}

.tooltip.is-visible {
    display: block
}

.tooltip.is-displayed {
    opacity: 1
}

.tooltip:after {
    content: "";
    border: 5px solid var(--color-black-02);
    border-top-color: var(--color-black);
    border-left-color: var(--color-black);
    border-right-color: var(--color-black);
    left: 50%;
    position: absolute;
    top: -10px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.tooltip .tooltip-inner {
    background: var(--color-black-02);
    border-radius: 10px;
    color: var(--color-white);
    font-size: var(--text-xxs);
    font-weight: 400;
    padding: 5px 10px;
    position: absolute;
    pointer-events: none;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

@media (max-width: 1040px) {
    .tooltip .tooltip-inner {
        padding:2px 3px;
        text-align: center;
        white-space: normal;
        width: 80px
    }
}

.avatar {
    background: #eee;
    border-radius: 50%;
    min-height: 90px!important;
    max-height: 90px!important;
    height: 90px!important;
    position: relative;
    min-width: 90px!important;
    max-width: 90px!important;
    width: 90px!important
}

.avatar:hover {
    z-index: 10
}

.avatar.has-image {
    background: var(--color-white);
    border: 1px solid #eee
}

.avatar .initials {
    border-radius: 50%
}

.avatar img {
    border-radius: 50%;
    display: block;
    min-height: 90px!important;
    max-height: 90px!important;
    height: 90px!important;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center top;
    object-position: center top;
    overflow: hidden;
    min-width: 90px!important;
    max-width: 90px!important;
    width: 90px!important
}

.avatar span {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 32px;
    font-weight: 700;
    min-height: 90px!important;
    max-height: 90px!important;
    height: 90px!important;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-width: 90px!important;
    max-width: 90px!important;
    width: 90px!important
}

.workers-section {
    padding: 10px 0;
    width: 100%
}

.workers-section .worker-wrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.workers-section .worker-wrapper .avatar {
    margin: 0 20px 0 0
}

.workers-section .worker-wrapper .worker-name {
    font-size: 16px
}

.workers-section .worker-wrapper .worker-desc {
    color: var(--color-black-02);
    font-size: 12px
}

.workers-section .multiselect__option--highlight .worker-wrapper .worker-name {
    color: var(--color-black-02)
}

.workers-section .multiselect__option--highlight .worker-wrapper .worker-desc {
    color: var(--color-black-02)
}

.workers-section .worker-info {
    background: #eef6fd;
    border-radius: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 10px 0 0 0;
    padding: 20px
}

.workers-section .worker-info .avatar {
    margin: 0 30px 0 0
}

.workers-section .worker-info-desc {
    color: var(--color-black-02);
    font-size: var(--text-xs);
    width: calc(100% - 120px)
}

@media (max-width: 480px) {
    .workers-section .worker-info {
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .workers-section .worker-info .avatar {
        margin: 0 auto!important
    }

    .workers-section .worker-info .worker-info-desc {
        margin-top: 20px;
        width: 100%!important
    }
}

.debug {
    background: var(--color-black-02);
    bottom: 0;
    left: 0;
    position: fixed;
    z-index: 10000
}

.debug h2 {
    color: var(--color-white);
    cursor: pointer;
    font-size: var(--text-m);
    font-weight: 400;
    margin: 0;
    padding: 10px 20px
}

.debug.is-visible {
    background: var(--color-white);
    height: 100%;
    left: 0;
    overflow: auto;
    top: 0;
    width: 100%
}

.debug.is-visible h2 {
    color: var(--color-black-02);
    margin: 20px auto;
    padding: 0;
    width: 720px
}

.debug.is-visible .debug-fields {
    display: block
}

.debug-fields {
    display: none;
    margin: 0 auto;
    width: 720px
}

.debug-field {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 5px 0
}

.debug-field span {
    margin-left: auto;
    width: calc(100% - 50px)
}

.debug-field label,.debug-field select {
    width: 100%
}

.debug-field label {
    margin-bottom: 5px
}

.debug-field select {
    height: 30px;
    margin-bottom: 10px
}

.debug button {
    background: #5a5;
    border: none;
    color: var(--color-white);
    cursor: pointer;
    font-size: var(--text-s);
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 5px 10px
}

.debug button+button {
    background: #a55;
    margin-left: 10px
}

fieldset[disabled] .multiselect {
    pointer-events: none
}

.multiselect__spinner {
    position: absolute;
    right: 1px;
    top: 1px;
    width: 48px;
    height: 35px;
    background: var(--color-white);
    display: block
}

.multiselect__spinner:after,.multiselect__spinner:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -8px;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    border-color: #41b883 rgba(0,0,0,0) var(--color-black);
    border-style: solid;
    border-width: 2px;
    -webkit-box-shadow: 0 0 0 1px var(--color-black);
    box-shadow: 0 0 0 1px rgba(0,0,0,0)
}

.multiselect__spinner:before {
    -webkit-animation: a 2.4s cubic-bezier(.41,.26,.2,.62);
    animation: a 2.4s cubic-bezier(.41,.26,.2,.62);
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.multiselect__spinner:after {
    -webkit-animation: a 2.4s cubic-bezier(.51,.09,.21,.8);
    animation: a 2.4s cubic-bezier(.51,.09,.21,.8);
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.multiselect__loading-enter-active,.multiselect__loading-leave-active {
    -webkit-transition: opacity .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out;
    opacity: 1
}

.multiselect__loading-enter,.multiselect__loading-leave-active {
    opacity: 0
}

.multiselect,.multiselect__input,.multiselect__single {
    font-family: inherit;
    font-size: var(--text-s);
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

.multiselect {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: block;
    position: relative;
    width: 100%;
    min-height: 40px;
    text-align: left;
    color: #35495e
}

.multiselect * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.multiselect:focus {
    outline: none
}

.multiselect--disabled {
    opacity: .6
}

.multiselect--active {
    z-index: 1
}

.multiselect--active:not(.multiselect--above) .multiselect__current,.multiselect--active:not(.multiselect--above) .multiselect__input,.multiselect--active:not(.multiselect--above) .multiselect__tags {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.multiselect--active .multiselect__select {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.multiselect--above.multiselect--active .multiselect__current,.multiselect--above.multiselect--active .multiselect__input,.multiselect--above.multiselect--active .multiselect__tags {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.multiselect__input,.multiselect__single {
    position: relative;
    display: inline-block;
    min-height: 20px;
    line-height: 20px;
    border: none;
    border-radius: 10px;
    background: var(--color-white);
    padding: 0 0 0 5px;
    width: 100%;
    -webkit-transition: border .1s ease;
    -o-transition: border .1s ease;
    transition: border .1s ease;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 8px;
    vertical-align: top
}

.multiselect__input::-webkit-input-placeholder {
    color: #35495e
}

.multiselect__input:-ms-input-placeholder {
    color: #35495e
}

.multiselect__input::-moz-placeholder {
    color: #35495e
}

.multiselect__input::-ms-input-placeholder {
    color: #35495e
}

.multiselect__input::placeholder {
    color: #35495e
}

.multiselect__tag~.multiselect__input,.multiselect__tag~.multiselect__single {
    width: auto
}

.multiselect__input:hover,.multiselect__single:hover {
    border-color: #cfcfcf
}

.multiselect__input:focus,.multiselect__single:focus {
    border-color: #a8a8a8;
    outline: none
}

.multiselect__single {
    padding-left: 5px;
    margin-bottom: 8px
}

.multiselect__tags-wrap {
    display: inline
}

.multiselect__tags {
    min-height: 40px;
    display: block;
    padding: 8px 40px 0 8px;
    border-radius: 10px;
    border: 1px solid #e8e8e8;
    background: var(--color-white);
    font-size: 14px
}

.multiselect__tag {
    position: relative;
    display: inline-block;
    padding: 4px 26px 4px 10px;
    border-radius: 10px;
    margin-right: 10px;
    color: var(--color-white);
    line-height: 1;
    background: #41b883;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.multiselect__tag-icon {
    cursor: pointer;
    margin-left: 7px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    font-weight: 700;
    font-style: normal;
    width: 22px;
    text-align: center;
    line-height: 22px;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    border-radius: 5px
}

.multiselect__tag-icon:after {
    content: "\D7";
    color: #266d4d;
    font-size: 14px
}

.multiselect__tag-icon:focus,.multiselect__tag-icon:hover {
    background: #369a6e
}

.multiselect__tag-icon:focus:after,.multiselect__tag-icon:hover:after {
    color: var(--color-white)
}

.multiselect__current {
    min-height: 40px;
    overflow: hidden;
    padding: 8px 12px 0;
    padding-right: 30px;
    white-space: nowrap;
    border-radius: 10px;
    border: 1px solid #e8e8e8
}

.multiselect__current,.multiselect__select {
    line-height: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    margin: 0;
    text-decoration: none;
    cursor: pointer
}

.multiselect__select {
    position: absolute;
    width: 40px;
    height: 38px;
    right: 1px;
    top: 1px;
    padding: 4px 8px;
    text-align: center;
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    -o-transition: transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease,-webkit-transform .2s ease
}

.multiselect__select:before {
    position: relative;
    right: 0;
    top: 65%;
    color: #999;
    margin-top: 4px;
    border-style: solid;
    border-width: 5px 5px 0;
    border-color: #999 rgba(0,0,0,0) var(--color-black);
    content: ""
}

.multiselect__placeholder {
    color: #adadad;
    display: inline-block;
    margin-bottom: 10px;
    padding-top: 2px
}

.multiselect--active .multiselect__placeholder {
    display: none
}

.multiselect__content-wrapper {
    position: absolute;
    display: block;
    background: var(--color-white);
    width: 100%;
    max-height: 240px;
    overflow: auto;
    border: 1px solid #e8e8e8;
    border-top: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    z-index: 1;
    -webkit-overflow-scrolling: touch
}

.multiselect__content {
    list-style: none;
    display: inline-block;
    padding: 0;
    margin: 0;
    min-width: 100%;
    vertical-align: top
}

.multiselect--above .multiselect__content-wrapper {
    bottom: 100%;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: none;
    border-top: 1px solid #e8e8e8
}

.multiselect__content::webkit-scrollbar {
    display: none
}

.multiselect__element {
    display: block
}

.multiselect__option {
    display: block;
    padding: 12px;
    min-height: 40px;
    line-height: 16px;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    white-space: nowrap
}

.multiselect__option:after {
    top: 0;
    right: 0;
    position: absolute;
    line-height: 40px;
    padding-right: 12px;
    padding-left: 20px;
    font-size: 13px
}

.multiselect__option--highlight {
    background: #41b883;
    outline: none;
    color: var(--color-white)
}

.multiselect__option--highlight:after {
    content: attr(data-select);
    background: #41b883;
    color: var(--color-white)
}

.multiselect__option--selected {
    background: #f3f3f3;
    color: #35495e;
    font-weight: 700
}

.multiselect__option--selected:after {
    content: attr(data-selected);
    color: silver
}

.multiselect__option--selected.multiselect__option--highlight {
    background: #ff6a6a;
    color: var(--color-white)
}

.multiselect__option--selected.multiselect__option--highlight:after {
    background: #ff6a6a;
    content: attr(data-deselect);
    color: var(--color-white)
}

.multiselect--disabled {
    background: #ededed;
    pointer-events: none
}

.multiselect--disabled .multiselect__current,.multiselect--disabled .multiselect__select,.multiselect__option--disabled {
    background: #ededed;
    color: #a6a6a6
}

.multiselect__option--disabled {
    cursor: text;
    pointer-events: none
}

.multiselect__option--group {
    background: #ededed;
    color: #35495e
}

.multiselect__option--group.multiselect__option--highlight {
    background: #35495e;
    color: var(--color-white)
}

.multiselect__option--group.multiselect__option--highlight:after {
    background: #35495e
}

.multiselect__option--disabled.multiselect__option--highlight {
    background: #dedede
}

.multiselect__option--group-selected.multiselect__option--highlight {
    background: #ff6a6a;
    color: var(--color-white)
}

.multiselect__option--group-selected.multiselect__option--highlight:after {
    background: #ff6a6a;
    content: attr(data-deselect);
    color: var(--color-white)
}

.multiselect-enter-active,.multiselect-leave-active {
    -webkit-transition: all .15s ease;
    -o-transition: all .15s ease;
    transition: all .15s ease
}

.multiselect-enter,.multiselect-leave-active {
    opacity: 0
}

.multiselect__strong {
    margin-bottom: 8px;
    line-height: 20px;
    display: inline-block;
    vertical-align: top
}

[dir=rtl] .multiselect {
    text-align: right
}

[dir=rtl] .multiselect__select {
    right: auto;
    left: 1px
}

[dir=rtl] .multiselect__tags {
    padding: 8px 8px 0 40px
}

[dir=rtl] .multiselect__content {
    text-align: right
}

[dir=rtl] .multiselect__option:after {
    right: auto;
    left: 0
}

[dir=rtl] .multiselect__clear {
    right: auto;
    left: 12px
}

[dir=rtl] .multiselect__spinner {
    right: auto;
    left: 1px
}

@-webkit-keyframes a {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(2turn);
        transform: rotate(2turn)
    }
}

@keyframes a {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(2turn);
        transform: rotate(2turn)
    }
}

.bookero-plugin-form .field {
    margin: 0 0 10px 0
}

.bookero-plugin-form .field:last-child {
    margin: 0 0 0 0
}

.bookero-plugin-form .field label {
    color: var(--color-black-02);
    display: block;
    font-size: var(--text-xs);
    font-weight: 700;
    margin: 0 0 3px 0;
    padding: 5px 0;
    text-align: left
}

.bookero-plugin-form .field.is-required>label:after {
    content: "*";
    opacity: .5
}

.bookero-plugin-form .field input {
    border: 1px solid var(--color-grey-2);
    border-radius: 10px;
    display: block;
    font-size: var(--text-s);
    height: 48px;
    padding: 0 16px;
    width: 100%
}

.bookero-plugin-form .field input[disabled],.bookero-plugin-form .field input[readonly] {
    background: var(--color-grey-1);
    cursor: not-allowed
}

.bookero-plugin-form .field textarea {
    border: 1px solid var(--color-grey-2);
    border-radius: 10px;
    display: block;
    font-size: var(--text-s);
    height: 120px;
    padding: 10px;
    width: 100%
}

.bookero-plugin-form .field textarea[disabled] {
    background: var(--color-grey-1);
    cursor: not-allowed
}

.bookero-plugin-form .field select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--color-white);
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAxNSIgd2lkdGg9IjY0MCIgaGVpZ2h0PSI2NDAiPjxwYXRoIGQ9Ik0xOCAwbC04IDgtOC04IiBzdHJva2U9IiM5OTkiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSJub25lIi8+PC9zdmc+");
    background-repeat: no-repeat;
    background-size: 17px 15px;
    background-position: 97% 19px;
    border: 1px solid var(--color-grey-2);
    border-radius: 10px;
    display: block;
    font-size: var(--text-s);
    height: 48px;
    padding: 0 40px 0 16px;
    position: relative;
    width: 100%
}

.bookero-plugin-form .field select[disabled] {
    background: var(--color-grey-1);
    cursor: not-allowed
}

.bookero-plugin-form .field select.is-short {
    background-position: 80% 19px
}

.bookero-plugin-form .field input:active,.bookero-plugin-form .field input:focus,.bookero-plugin-form .field select:active,.bookero-plugin-form .field select:focus,.bookero-plugin-form .field textarea:active,.bookero-plugin-form .field textarea:focus {
    border-color: var(--color-2d)
}

.bookero-plugin-form .field.is-invalid .multiselect__tags,.bookero-plugin-form .field.is-invalid input,.bookero-plugin-form .field.is-invalid select,.bookero-plugin-form .field.is-invalid textarea {
    border-bottom-color: var(--color-error);
    border-bottom-width: 2px
}

.bookero-plugin-form .field .multiselect__tags {
    border: 1px solid var(--color-grey-2);
    min-height: 48px;
    padding: 12px 40px 0 12px
}

.bookero-plugin-form .field .multiselect__select {
    height: 48px;
    top: 0
}

.bookero-plugin-form .field .multiselect__select:after,.bookero-plugin-form .field .multiselect__select:before {
    background: #a6a6a6;
    border-radius: 10px;
    content: "";
    border: none;
    left: 50%;
    height: 2px;
    margin: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 8px
}

.bookero-plugin-form .field .multiselect__select:before {
    margin: 0 0 0 -2px;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg)
}

.bookero-plugin-form .field .multiselect__select:after {
    margin: 0 0 0 2px;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    transform: translateX(-50%) translateY(-50%) rotate(-45deg)
}

.bookero-plugin-form .field .multiselect__content-wrapper {
    border: 1px solid var(--color-grey-2);
    border-top: none
}

.bookero-plugin-form .field .multiselect__content {
    padding: 0!important
}

.bookero-plugin-form .field .multiselect__element:after,.bookero-plugin-form .field .multiselect__element:before {
    display: none!important
}

.bookero-plugin-form .field .multiselect__option {
    white-space: normal
}

.bookero-plugin-form .field .multiselect__option--highlight {
    background: var(--color-2d)
}

.bookero-plugin-form .field-note {
    color: var(--color-grey-3);
    font-size: var(--text-xs);
    font-style: normal;
    width: 100%
}

.bookero-plugin-form .field-note,.bookero-plugin-form .field .note {
    display: block;
    font-weight: 400;
    margin: 5px 0 0 0
}

.bookero-plugin-form .field .note.is-required {
    color: var(--color-grey-3)
}

.bookero-plugin-form .field .field-desc iframe {
    max-width: 100%
}

.bookero-plugin-form .field .vti__input {
    border: 1px solid var(--color-grey-2);
    border-radius: 0 5px 5px 0;
    margin: -1px -1px -1px 0
}

.bookero-plugin-form .field .vue-tel-input {
    border: 1px solid var(--color-grey-2);
    border-radius: 5px
}

.bookero-plugin-form .field .vue-tel-input:focus-within {
    -webkit-box-shadow: none;
    box-shadow: none
}

.bookero-plugin-form .field .vue-tel-input .vti__dropdown-item,.bookero-plugin-form .field .vue-tel-input .vti__dropdown-item>span,.bookero-plugin-form .field .vue-tel-input .vti__dropdown-item>strong {
    font-size: 13px!important
}

.bookero-plugin-form .error-message {
    background-color: var(--color-white);
    color: var(--color-error);
    font-size: var(--text-xxs);
    font-weight: 700;
    margin: 5px 0 0 0;
    padding: 0
}

.bookero-plugin-form .error-block {
    background-color: var(--color-white);
    border: 1px solid var(--color-error);
    border-radius: 10px;
    color: var(--color-error);
    font-weight: 700;
    margin: 10px 0;
    padding: 5px 10px;
    text-align: center;
    width: 100%
}

.bookero-plugin-form-wrapper {
    text-align: left
}

.bookero-plugin-form-wrapper a {
    color: var(--color-2d);
    text-decoration: none!important
}

.bookero-plugin-form-wrapper a:active,.bookero-plugin-form-wrapper a:focus,.bookero-plugin-form-wrapper a:hover {
    color: #1565a4
}

.vdp-datepicker__calendar header {
    background: var(--color-black);
    height: auto
}

body .bookero-plugin-form {
    font-weight: 400;
    margin: 0 auto;
    max-width: 900px;
    position: relative;
    width: 100%
}

body .bookero-plugin-form-cart-step-1,body .bookero-plugin-form-cart-step-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

body .bookero-plugin-form-cart-step-1 .bookero-plugin-header,body .bookero-plugin-form-cart-step-2 .bookero-plugin-header {
    margin-top: 0
}

body .bookero-plugin-form-heading {
    color: #272727;
    font-size: var(--text-l);
    font-weight: 200;
    margin: 25px 0 10px 0;
    text-align: left;
    width: 100%
}

body .bookero-plugin-form-heading.has-separator {
    border-top: 1px solid var(--color-grey-2);
    margin: 20px 0 10px 0;
    padding-top: 30px
}

body .bookero-plugin-form-heading.is-inactive {
    opacity: .25;
    pointer-events: none
}

body .bookero-plugin-form .field .multiselect__input {
    border: none;
    height: 30px!important;
    margin: -5px 0 0 0!important;
    padding: 0 5px!important;
    position: absolute
}

body .bookero-plugin-form .field .bookero-plugin-services-list-styled-all .multiselect__content {
    padding: 0!important
}

body .bookero-plugin-form .field .bookero-plugin-services-list-styled-all .multiselect__option.multiselect__option--group.multiselect__option--disabled {
    background: var(--color-black);
    border-top: 1px solid var(--color-grey-2);
    border-bottom: 1px solid var(--color-grey-2);
    border-left: none;
    border-right: none;
    border-radius: 0;
    display: block;
    font-size: var(--text-xxs);
    font-weight: 700;
    line-height: 22px;
    margin: 5px 0;
    min-height: 24px;
    padding: 0 12px
}

body .bookero-plugin-form .dates-section+.add-to-cart-section,body .bookero-plugin-form .hours-section+.add-to-cart-section,body .bookero-plugin-form .inquries-list-section+.submit-section,body .bookero-plugin-form .params-section+.add-to-cart-section {
    width: 100%
}

body .bookero-plugin-error {
    background: var(--color-grey-1);
    border: 1px solid var(--color-grey-2);
    border-radius: 10px;
    padding: 30px;
    text-align: center
}

body .bookero-plugin-error-msg {
    font-size: var(--text-m);
    margin: 0;
    padding: 10px 0
}

body .bookero-plugin-error-btn {
    	background-image: var(--gradient-full-dark-01);
    border: none;
    border-radius: 10px;
    color: var(--color-white);
    cursor: pointer;
    font-size: var(--text-s);
    letter-spacing: 0;
    margin: 20px 0 0 0;
    padding: 10px 20px;
    text-transform: none
}

body .bookero-plugin-error-btn:active,body .bookero-plugin-error-btn:focus,body .bookero-plugin-error-btn:hover {
      background-size: 150%;
  background-position: 50% 50%;
}

body .bookero-plugin-header {
    	background-image: var(--gradient-full-dark-01);
    border-radius: 10px;
    color: var(--color-white);
    font-size: var(--text-l);
    font-weight: 400;
    margin: 20px 0;
    padding: 18px 25px;
    position: relative;
    width: 100%
}

body .bookero-plugin-header-close {
    height: 24px;
    position: absolute;
    right: 25px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 24px
}

body .bookero-plugin-header-close:after,body .bookero-plugin-header-close:before {
    content: "";
    background: var(--color-white);
    height: 2px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    width: 24px
}

body .bookero-plugin-header-close:before {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    transform: translateX(-50%) translateY(-50%) rotate(-45deg)
}

body .bookero-plugin-header-close:hover {
    cursor: pointer;
    -webkit-transform: translateY(-50%) scale(1.2);
    -ms-transform: translateY(-50%) scale(1.2);
    transform: translateY(-50%) scale(1.2)
}

body .bookero-plugin-footer {
    color: rgba(0,0,0,.66);
    font-size: var(--text-xxs);
    padding: 50px 0 0 0;
    text-align: center
}

body .bookero-plugin-hideable-part {
    height: auto;
    margin: 0;
    min-height: 750px;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

body .bookero-plugin-hideable-part.is-hidden {
    min-height: 0;
    opacity: 0;
    overflow: hidden
}

body .bookero-plugin-hideable-part.has-overflow {
    overflow: hidden
}

body .bookero-plugin-hideable-part .bookero-plugin-header {
    margin-top: 0
}

body .bookero-plugin-form-message {
    border: 1px solid #eee;
    border-radius: 3px;
    font-weight: 400;
    margin-bottom: 32px;
    padding: 15px 20px
}

body .bookero-plugin-form-message[data-type=info] {
    background: #eef6fd;
    border-color: #aad3f4;
    color: var(--color-2d)
}

body .bookero-plugin-form-message[data-type=warning] {
    background: var(--color-white)bf2;
    border-color: #fd9;
    color: #c80
}

body .bookero-plugin-form-message[data-type=danger] {
    background: #fdeeee;
    border-color: #f7c1c1;
    color: var(--color-error)
}

body .bookero-plugin-form .people-section.is-without-children-field+.days-section {
    padding-left: 10px;
    width: 50%
}

body .bookero-plugin-form .people-section.is-without-children-field+.days-section .field {
    width: 100%
}

@media (max-width: 580px) {
    body .bookero-plugin-form {
        padding:0 10px
    }

    body .bookero-plugin-form .bookero-plugin-header {
        font-size: var(--text-m);
        padding: 10px 15px
    }

    body .bookero-plugin-form .bookero-plugin-header-close {
        right: 10px
    }
}

#bookero-plugin {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#bookero-plugin * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none
}

#bookero-plugin * ::-webkit-input-placeholder {
    color: var(--color-grey-3)
}

#bookero-plugin * ::-moz-placeholder {
    color: var(--color-grey-3)
}

#bookero-plugin * :-ms-input-placeholder {
    color: var(--color-grey-3)
}

#bookero-plugin * :-moz-placeholder {
    color: var(--color-grey-3)
}

#bookero-plugin[data-mode=sticky] {
    bottom: 0;
    height: 100%;
    min-width: 200px;
    pointer-events: none;
    position: fixed;
    z-index: 1000000
}

#bookero-plugin[data-mode=sticky] .bookero-plugin-form {
    height: 100%;
    margin: 0
}

#bookero-plugin[data-mode=sticky] .bookero-sticky-plugin-content {
    background: var(--color-white);
    display: block;
    height: 100%;
    opacity: 0;
    padding: 0;
    position: relative;
    -webkit-transform: translateX(560px);
    -ms-transform: translateX(560px);
    transform: translateX(560px);
    width: 0;
    z-index: 1
}

#bookero-plugin[data-mode=sticky] .bookero-sticky-plugin-content .bookero-sticky-plugin-toggle {
    bottom: 0;
    left: 0!important;
    position: absolute;
    right: 0!important;
    width: 100%!important;
    z-index: 1
}

#bookero-plugin[data-mode=sticky] .bookero-sticky-plugin-content-inner {
    background: var(--color-white);
    height: 100%;
    overflow: auto;
    padding: 0;
    max-width: 560px
}

#bookero-plugin[data-mode=sticky] .bookero-sticky-plugin-content-inner .bookero-plugin-form-wrapper {
    padding: 20px 20px 70px 20px
}

#bookero-plugin[data-mode=sticky].is-open {
    pointer-events: auto
}

#bookero-plugin[data-mode=sticky].is-open .bookero-sticky-plugin-content {
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.125);
    box-shadow: 0 0 10px rgba(0,0,0,.125);
    display: block;
    height: 100%;
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    width: 100%
}

#bookero-plugin[data-mode=sticky] .bookero-sticky-plugin-toggle {
    -webkit-appearance: none;
    	background-image: var(--gradient-full-dark-01);
    border: none;
    bottom: 0;
    color: var(--color-white);
    cursor: pointer;
    font-size: var(--text-s);
    font-weight: 700;
    height: 48px;
    letter-spacing: 0;
    pointer-events: auto;
    position: absolute;
    right: 0;
    text-transform: none;
    width: 200px
}

#bookero-plugin[data-mode=sticky][data-position=bottom-right] {
    right: 0
}

#bookero-plugin[data-mode=sticky][data-position=bottom-left] {
    left: 0
}

#bookero-plugin[data-mode=sticky][data-position=bottom-left] .bookero-sticky-plugin-content {
    -webkit-transform: translateX(-560px);
    -ms-transform: translateX(-560px);
    transform: translateX(-560px)
}

#bookero-plugin[data-mode=sticky][data-position=bottom-left] .bookero-sticky-plugin-toggle {
    left: 0;
    right: auto
}

#bookero-plugin[data-mode=sticky][data-position=bottom-left].is-open .bookero-sticky-plugin-content {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

#bookero-plugin[data-mode=sticky][data-is-initialized=true] .bookero-sticky-plugin-content {
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

@media (max-width: 720px) {
    #bookero-plugin[data-mode=sticky] {
        max-width:100%
    }

    #bookero-plugin[data-mode=sticky] .bookero-sticky-plugin-content {
        max-width: 100%
    }

    #bookero-plugin[data-mode=sticky] .bookero-sticky-plugin-content-inner {
        max-width: 100%;
        padding: 10px;
        width: 100%
    }

    #bookero-plugin[data-mode=sticky] .bookero-sticky-plugin-content-inner .bookero-plugin-form {
        padding: 0
    }
}

.bookero-plugin-form .field .multiselect__tags {
    border: 2px solid var(--color-2) !important;
}