.base-form-checkbox {
    display: inline-flex;
    position: relative;
    align-items: center;
    cursor: pointer;
    user-select: none;
    gap: 12px
}

.base-form-checkbox__button {
    width: 21px;
    height: 21px;
    display: flex;
    position: relative;
    background: var(--color-white);
    border: 1px solid var(--color-gray-400);
    border-radius: 4px;
    flex-shrink: 0;
    transition: box-shadow .25s;
    --border-width: 2px;
    --border-color: var(--color-primary)
}

.base-form-checkbox__button:after {
    content: "";
    position: absolute;
    left: 7px;
    top: 4px;
    display: inline-block;
    transform: rotate(48deg) scale(1.1) translateY(-2px);
    height: 10px;
    width: 5px;
    border-bottom: var(--border-width) solid var(--border-color);
    border-right: var(--border-width) solid var(--border-color);
    opacity: 0;
    transition: transform .25s,opacity .25s
}

._checked .base-form-checkbox__button:after {
    opacity: 1;
    transform: rotate(48deg) scale(1) translateY(0)
}

.base-form-checkbox__text {
    font-size: 14px;
    line-height: 1.2;
    color: var(--color-gray-500)
}

.base-form-checkbox__text:empty {
    display: none
}

.base-form-field--error .base-form-checkbox__text span {
    box-shadow: 0 2px 0 var(--color-red)
}

.base-form-checkbox--dark .base-form-checkbox__button {
    background: var(--color-primary-dark)
}

.base-form-checkbox--dark .base-form-checkbox__button:after {
    background: var(--color-white)
}

.base-form-checkbox--dark._checked .base-form-checkbox__button {
    background: var(--color-primary-dark)
}

.base-form-checkbox--dark._checked .base-form-checkbox__button:after {
    background: var(--color-white)
}

.base-form-checkbox._disabled {
    cursor: default;
    pointer-events: none
}

.base-form-checkbox._disabled .base-form-checkbox-button {
    background: var(--color-gray-hover)!important
}

.base-form-checkbox._disabled .base-form-checkbox-button:after {
    background: var(--color-gray-text)!important
}

.base-form-checkbox__input {
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer
}

.base-form-radio {
    display: inline-flex;
    position: relative;
    align-items: center;
    cursor: pointer;
    user-select: none;
    gap: 12px
}

.base-form-radio__button {
    width: 21px;
    height: 21px;
    display: flex;
    position: relative;
    background: var(--color-white);
    border: 1px solid var(--color-gray-400);
    border-radius: 50%;
    flex-shrink: 0;
    transition: box-shadow .25s
}

.base-form-radio__button:after {
    content: "";
    position: absolute;
    left: 4px;
    top: 4px;
    display: inline-block;
    background: var(--color-primary);
    border-radius: 50%;
    transform: scale(.5);
    height: 11px;
    width: 11px;
    opacity: 0;
    transition: transform .25s,opacity .25s
}

._checked .base-form-radio__button:after {
    opacity: 1;
    transform: scale(1)
}

.base-form-radio__text {
    font-size: 14px;
    line-height: 1.2;
    color: var(--color-gray-500)
}

.base-form-radio__text:empty {
    display: none
}

.base-form-field--error .base-form-radio__text span {
    box-shadow: 0 2px 0 var(--color-red)
}

.base-form-radio--dark .base-form-radio__button {
    background: var(--color-primary-dark)
}

.base-form-radio--dark .base-form-radio__button:after {
    background: var(--color-white)
}

.base-form-radio--dark._checked .base-form-radio__button {
    background: var(--color-primary-dark)
}

.base-form-radio--dark._checked .base-form-radio__button:after {
    background: var(--color-white)
}

.base-form-radio._disabled {
    cursor: default;
    pointer-events: none
}

.base-form-radio._disabled .base-form-radio-button {
    background: var(--color-gray-hover)!important
}

.base-form-radio._disabled .base-form-radio-button:after {
    background: var(--color-gray-text)!important
}

.base-form-radio__input {
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer
}

.menu-item-addon-option {
    display: flex
}

.menu-item-addon-option__info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.menu-item-addon-option__info .base-form-checkbox__text {
    font-size: 16px
}

.menu-item-addon-option__row,.menu-item-addon-option__row span {
    width: 100%
}

.menu-item-addon-option__form-label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.menu-item-addon-option__order-multi-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 5px;
    min-height: 31px
}

.menu-item-addon-option__order-data-wrapper {
    color: var(--color-gray-500);
    display: flex;
    align-items: center;
    gap: 12px
}

.menu-item-addon {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.menu-item-addon__title {
    margin: 0;
    font-size: 16px;
    font-weight: 500
}

.menu-item-addon__options {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.menu-item-variant {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.menu-item-variant__radio,.menu-item-variant__radio span {
    width: 100%
}

.menu-item-variant__radio-label {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.menu-item-variant__title,.menu-item-variant .base-form-radio__text {
    font-size: 16px;
    padding: 4px 0;
    font-weight: 500
}

.menu-item-variant .base-form-radio {
    width: 100%
}

@media screen and (width <= 540px) {
    .menu-item-modal .base-modal__main {
        margin: 0;
        height: 100dvh!important;
        max-height: 100dvh;
        border-radius: 0;
        padding: 16px 8px 16px 16px
    }
}

.menu-item-modal .base-modal__header-close {
    top: 8px;
    right: 8px;
    color: var(--color-black);
    background: var(--color-white);
    width: 40px;
    height: 40px;
    border-radius: 100%;
    box-shadow: var(--shadow-2)
}

.menu-item-modal .base-modal__header-close svg {
    width: 26px;
    height: 26px
}

.menu-item-modal--img .menu-item-modal .base-modal__header-close {
    top: 32px;
    right: 32px
}

.menu-item-modal .base-modal__footer {
    justify-content: center
}

.menu-item-modal-image img {
    border-radius: var(--radius-xl);
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    box-shadow: var(--shadow-0)
}

.menu-item-modal__header {
    display: flex;
    flex-direction: column;
    gap: 6px
}

.menu-item-modal__title {
    display: flex;
    gap: 16px;
    padding-right: 52px
}

.menu-item-modal--img .menu-item-modal__title {
    padding-right: 0
}

.menu-item-modal__title .menu-item-title {
    font-size: 24px;
    line-height: 26px
}

.menu-item-modal__description {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.menu-item-modal__addons {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 38px
}

.menu-item-modal__variants {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 24px
}

.menu-item-modal__footer {
    width: 100%;
    display: flex;
    justify-content: center
}

.menu-item-modal__footer .button {
    box-shadow: var(--shadow-2)
}

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

.multiselect__spinner {
    position: absolute;
    right: 1px;
    top: 1px;
    width: 40px;
    height: 38px;
    background: #fff;
    display: block
}

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

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

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

.multiselect__loading-enter-active,.multiselect__loading-leave-active {
    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: 16px;
    touch-action: manipulation
}

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

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

.multiselect:focus {
    outline: none
}

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

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

.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 {
    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: 5px;
    background: #fff;
    padding: 0 0 0 5px;
    width: 100%;
    transition: border .1s ease;
    box-sizing: border-box;
    margin-bottom: 8px;
    vertical-align: top
}

.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: 5px;
    border: 1px solid #e8e8e8;
    background: #fff;
    font-size: 14px
}

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

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

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

.multiselect__tag-icon:focus:after,.multiselect__tag-icon:hover:after {
    color: #fff
}

.multiselect__current {
    line-height: 16px;
    min-height: 40px;
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    padding: 8px 30px 0 12px;
    white-space: nowrap;
    margin: 0;
    text-decoration: none;
    border-radius: 5px;
    border: 1px solid #e8e8e8;
    cursor: pointer
}

.multiselect__select {
    line-height: 16px;
    display: block;
    position: absolute;
    box-sizing: border-box;
    width: 40px;
    height: 38px;
    right: 1px;
    top: 1px;
    padding: 4px 8px;
    margin: 0;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    transition: 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 5px;
    border-color: #999 transparent transparent transparent;
    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: #fff;
    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: 50;
    -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-radius: 5px 5px 0 0;
    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: #fff
}

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

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

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

.multiselect__option--selected.multiselect__option--highlight {
    background: #ff6a6a;
    color: #fff
}

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

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

.multiselect__option--disabled {
    background: #ededed!important;
    color: #a6a6a6!important;
    cursor: text;
    pointer-events: none
}

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

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

.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: #fff
}

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

.multiselect-enter-active,.multiselect-leave-active {
    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
}

@keyframes spinning {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(2turn)
    }
}

.base-form-multi-select {
    width: 100%
}

.base-form-multi-select .multiselect__select:before {
    display: none
}

.base-form-multi-select .multiselect__select {
    appearance: none;
    padding: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='5' viewBox='0 0 10 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.05354 4.61219C5.15322 4.60506 5.24764 4.56474 5.32171 4.49766L8.89739 1.27955C8.94105 1.2403 8.97656 1.19283 9.00187 1.13986C9.02719 1.08689 9.04182 1.02945 9.04494 0.970818C9.04806 0.912189 9.03959 0.853524 9.02004 0.798166C9.00048 0.742808 8.97021 0.691843 8.93095 0.648185C8.8917 0.604527 8.84422 0.569029 8.79125 0.543718C8.73827 0.518407 8.68083 0.503779 8.6222 0.50067C8.56357 0.49756 8.50491 0.506028 8.44955 0.525593C8.3942 0.545158 8.34324 0.575435 8.29958 0.614696L5.02281 3.56463L1.74604 0.614696C1.70239 0.575425 1.65142 0.545138 1.59607 0.525566C1.54071 0.505993 1.48204 0.49752 1.4234 0.500626C1.36477 0.503732 1.30732 0.518358 1.25434 0.543669C1.20136 0.56898 1.15388 0.604479 1.11462 0.648141C1.07536 0.691803 1.04509 0.742775 1.02553 0.798139C1.00597 0.853503 0.997511 0.912173 1.00063 0.970807C1.00375 1.02944 1.01839 1.08689 1.04372 1.13986C1.06904 1.19284 1.10456 1.2403 1.14823 1.27955L4.72391 4.49766C4.76836 4.53788 4.82045 4.56875 4.87708 4.58843C4.93371 4.6081 4.99372 4.61618 5.05354 4.61219Z' fill='%23536581' stroke='%23536581' stroke-width='0.4'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: calc(100% - 16px) 16px;
    background-size: 12px;
    transform: unset
}

.base-form-multi-select .multiselect__content {
    padding: 5px;
    height: calc(100% + 6px);
    z-index: 2001!important
}

.base-form-multi-select .multiselect__content-wrapper {
    margin: 6px 0;
    border: 0;
    box-shadow: var(--shadow-3);
    border-radius: var(--radius-sx)
}

.base-form-multi-select .multiselect__option {
    padding: 0;
    min-height: auto
}

.base-form-multi-select .multiselect__element .multiselect__option {
    color: var(--color-text);
    font-size: 14px;
    padding: 6px 12px;
    overflow: hidden;
    border-radius: var(--radius-sx);
    min-height: auto
}

.base-form-multi-select .multiselect__element .multiselect__option--highlight {
    color: var(--color-white);
    background: var(--color-primary)
}

.base-form-multi-select .multiselect__tags {
    padding: 5px 40px 5px 5px;
    background: var(--color-gray-200);
    border-radius: var(--radius-sm);
    border: none
}

html[dir=rtl] .base-form-multi-select .multiselect__tags {
    padding: 5px 5px 5px 40px
}

.base-form-multi-select .multiselect__tags-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 4px
}

.base-form-multi-select .multiselect__tag {
    color: var(--color-text);
    display: flex;
    align-items: center;
    padding: 8px;
    margin: 0;
    background: var(--color-gray-300);
    gap: 4px;
    border-radius: var(--radius-sm)
}

.base-form-multi-select .multiselect__tag-icon {
    display: block;
    position: unset;
    margin: 0;
    width: 10px;
    height: 10px;
    line-height: 10px
}

.base-form-multi-select .multiselect__tag-icon:after {
    color: var(--color-gray-400);
    font-size: 18px
}

.base-form-multi-select .multiselect__placeholder,.base-form-multi-select .multiselect__input::placeholder {
    color: var(--color-gray-400);
    padding-top: 5px;
    padding-left: 5px;
    margin: 0
}

@media (width <= 768px) {
    .base-form-multi-select .multiselect__placeholder,.base-form-multi-select .multiselect__input: :placeholder {
        font-size:16px
    }
}

.base-form-multi-select.multiselect--active .multiselect__placeholder {
    display: block
}

.base-form-multi-select .multiselect__input,.base-form-multi-select .multiselect__single {
    font-size: 14px;
    padding: 0;
    background: var(--color-gray-200);
    margin: 5px 0 0
}

@media (width <= 768px) {
    .base-form-multi-select .multiselect__input,.base-form-multi-select .multiselect__single {
        font-size: 16px
    }
}

.base-form-multi-select .multiselect__single {
    padding-left: 5px
}

.base-form-multi-select .base-form-multi-select__empty-option {
    font-size: 14px;
    text-align: center;
    padding: 0
}

.menu-item-upsert-modal__row {
    display: flex;
    gap: 18px
}

.menu-item-upsert-modal__row--add-variant {
    display: flex;
    width: 100%
}

.menu-item-upsert-modal__row--add-variant .button {
    width: 100%
}

.menu-item-upsert-modal__left,.menu-item-upsert-modal__right,.menu-item-upsert-modal__wide {
    display: flex;
    flex-direction: column;
    gap: 12px 18px
}

.menu-item-upsert-modal__left {
    flex-grow: 1
}

.menu-item-upsert-modal__right {
    width: 186px
}

.menu-item-upsert-modal__right--price {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 8px
}

.menu-item-upsert-modal__right--price .button {
    margin-top: 26px
}

.menu-item-upsert-modal__wide {
    flex: 1
}

.menu-item-upsert-modal__new-addon-button {
    font-size: 12px;
    color: var(--color-primary);
    border: 0;
    padding: 0;
    background: transparent
}

.menu-item-upsert-modal__loader {
    width: 100%;
    height: 100%;
    padding: 32px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.menu-item-upsert-modal .menu-item-upsert-modal__textarea-wrapper textarea {
    height: 156px
}

.menu-item-upsert-modal .menu-item-upsert-modal__textarea-wrapper--small span {
    line-height: 1.4
}

.menu-item-upsert-modal .menu-item-upsert-modal__textarea-wrapper--small textarea {
    height: 100px
}

.menu-item-upsert-modal .image-picker {
    height: auto;
    aspect-ratio: 1.61/1
}

.blocked-page {
    display: flex;
    flex-direction: column
}

.blocked-page__header {
    height: 56px;
    margin-bottom: 100px
}

.blocked-page__header .wrapper {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.blocked-page__content .wrapper {
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center
}

.blocked-page__img {
    max-width: 240px
}

.blocked-page .page-title {
    text-align: center;
    font-size: 22px;
    margin-bottom: 60px
}

@media all and (width >= 601px) {
    .blocked-page .page-title {
        font-size: 28px
    }
}

.blocked-page__description {
    font-size: 16px;
    text-align: center;
    font-weight: 400;
    margin: 50px auto auto
}

@media all and (width >= 601px) {
    .blocked-page__description {
        font-size: 22px
    }
}

.base-form-color-picker {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
    width: 100%;
    background-color: var(--color-gray-200);
    border-radius: var(--radius-sm);
    line-height: 1;
    box-sizing: border-box;
    outline: none;
    border: 2px solid transparent;
    transition: all .3s;
    color: var(--color-gray-firm);
    cursor: text
}

.base-form-color-picker:focus {
    border-color: var(--color-gray-400)
}

.base-form-color-picker::placeholder {
    font-size: 14px;
    color: var(--color-gray-400)
}

.base-form-color-picker:disabled {
    color: var(--color-gray-400);
    background-color: var(--color-gray-300)
}

.base-form-color-picker-input {
    appearance: none;
    width: 100%;
    background: transparent;
    border: none;
    padding: 0;
    line-height: 1
}

.base-form-color-picker-input:focus {
    outline: none
}

.base-form-color-picker [type=color] {
    width: 34px
}

.base-form-color-picker--regular {
    font-size: 14px;
    padding: 4px 8px 4px 14px;
    height: 40px
}

.base-form-color-picker--small {
    font-size: 12px;
    padding: 3px 4px 3px 10px
}

.base-form-color-picker--small [type=color] {
    height: 20px
}

.place-edit-modal__theme .base-form-label {
    display: flex;
    flex-wrap: wrap
}

.place-edit-modal__theme .base-form-label__name {
    width: 100%
}

.place-edit-modal__theme .base-form-input:not(:last-child) {
    width: calc(100% - 48px);
    border-radius: 8px 0 0 8px
}

.place-edit-modal__theme .base-form-input:last-child {
    flex-shrink: 0;
    width: 48px;
    border-radius: 0 8px 8px 0
}

.place-edit-modal__logo {
    position: relative;
    flex: 1 1 0
}

.place-edit-modal__logo .image-picker {
    justify-content: center;
    align-items: center
}

.place-edit-modal__logo .image-picker__preview {
    width: 82px;
    height: 82px;
    border-radius: 100%
}

.place-edit-modal__bg {
    position: relative;
    flex: 1 1 0
}

.place-edit-modal__fields-group {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 12px 18px
}

.place-edit-modal__loader {
    width: 100%;
    height: 100%;
    padding: 32px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.place-edit-modal__field-tooltip {
    max-width: 178px;
    margin: 0
}

.place-edit-modal__checkbox-field {
    display: flex
}

.place-edit-modal .place-edit-modal__textarea-wrapper textarea {
    height: 156px
}

.place-edit-modal .place-edit-modal__textarea-wrapper--small span {
    line-height: 1.4
}

.place-edit-modal .place-edit-modal__textarea-wrapper--small textarea {
    height: 100px
}

.place {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    color: var(--color-text);
    min-height: 100vh
}

.place._theme-dark {
    --color-white: #efe0d3;
    --color-black: #dedede;
    --color-red: #df7554;
    --color-text: #c9c9c9;
    --color-gray-text: #676767;
    --color-gray-stroke: #525252;
    --color-gray-100: #272727;
    --color-primary-100: #272727;
    --color-gray-200: #252424;
    --color-gray-300: #161616;
    --color-gray-hover: #252424;
    --color-gray-bg: #1e1e1e;
    --shadow-regular: 0 .0625rem .375rem rgb(255 255 255 / 20%);
    --shadow-light: 0 .125rem .25rem rgb(255 255 255 / 5%)
}

.place .focus:focus-visible,.place a:focus-visible {
    box-shadow: 0 0 0 4px var(--color-primary-4)!important
}

.place .place-body .wrapper {
    width: 100%;
    max-width: var(--max-content-width)
}

.place-body {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    background: var(--color-primary-100)
}

.place__loading {
    height: 100vh
}

.place .place-header {
    overflow: hidden;
    height: 162px;
    position: relative
}

.place .place-header__close-panel-btn {
    position: fixed;
    z-index: 100;
    transform: translate(-4px,12px)
}

html[dir=rtl] .place .place-header__close-panel-btn {
    transform: translate(4px,12px)
}

.place .place-header__close-panel-btn .close-panel-button {
    background: var(--color-white);
    border-radius: 100%;
    box-shadow: var(--shadow-2)
}

.place .place-header__main {
    height: 100%;
    width: 228ox;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.place .place-header__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center
}

.place .place-header__logo {
    display: flex;
    padding: 18px;
    background: var(--color-white);
    margin-top: -42px;
    position: relative;
    /* border-radius:100%; */
    /* width: 227px; */
    height: 82px;
    overflow: hidden;
    box-shadow: var(--shadow-2)
}

.place .place-header__logo._logo {
    padding: 0;
    background: transparent
}

.place .place-header__logo img {
    max-height: 100%;
    object-fit: cover
}

.place .place-header__actions {
    display: flex;
    align-items: center;
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 42px;
    gap: 0 8px
}

html[dir=rtl] .place .place-header__actions {
    right: auto;
    left: 16px
}

.place .place-header__actions__button {
    text-shadow: 0 2px 3px rgba(0,0,0,.46);
    color: var(--color-white)
}

.place .place-content {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    flex-grow: 1;
    position: relative;
    padding-top: 24px;
    padding-bottom: 0;
    background: var(--color-white);
    border-radius: 24px 24px 0 0;
    margin-top: -32px;
    box-shadow: var(--shadow-0)
}

.place .place-content__footer {
    font-size: 12px;
    margin-top: auto;
    padding-bottom: 16px;
    padding-top: 16px;
    text-align: center;
    color: var(--color-gray-text)
}

.place-title {
    margin: 0 0 4px;
    font-weight: 400;
    color: #ff4500;
}

.place-title__actions .icon-button {
    color: var(--color-text)
}

html[dir=rtl] .place-title__actions .icon-button {
    transform: rotateY(180deg)
}

.place-info {
    margin-bottom: 8px;
    font-size: 14px;
    color: var(--color-gray-500);
    margin-top: 4px
}

.place-info__address {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap
}

.place-info__block {
    display: flex;
    align-items: flex-start;
    margin-bottom: 8px
}

.place-info__block:not(:last-child) {
    margin-right: 12px
}

.place-info__block svg {
    flex-shrink: 0;
    margin-right: 4px
}

.place-info__social-media {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 8px
}

.place-info__social-media-icon {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.place-info__icon-x {
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40px' height='40px' fill='%23676767' class='bi bi-twitter-x' viewBox='0 0 16 16'%3E%3Cpath d='M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z'/%3E%3C/svg%3E")
}

.place-info__icon-facebook {
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40px' height='40px' fill='%23676767' class='bi bi-facebook' viewBox='0 0 16 16'%3E%3Cpath d='M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951'/%3E%3C/svg%3E")
}

.place-info__icon-tiktok {
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40px' height='40px' fill='%23676767' class='bi bi-tiktok' viewBox='0 0 16 16'%3E%3Cpath d='M9 0h1.98c.144.715.54 1.617 1.235 2.512C12.895 3.389 13.797 4 15 4v2c-1.753 0-3.07-.814-4-1.829V11a5 5 0 1 1-5-5v2a3 3 0 1 0 3 3z'/%3E%3C/svg%3E")
}

.place-info__icon-instagram {
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40px' height='40px' fill='%23676767' class='bi bi-instagram' viewBox='0 0 16 16'%3E%3Cpath d='M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.9 3.9 0 0 0-1.417.923A3.9 3.9 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.9 3.9 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.9 3.9 0 0 0-.923-1.417A3.9 3.9 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599s.453.546.598.92c.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.5 2.5 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.5 2.5 0 0 1-.92-.598 2.5 2.5 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233s.008-2.388.046-3.231c.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92s.546-.453.92-.598c.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92m-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217m0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334'/%3E%3C/svg%3E")
}

.place-info__icon-tripadvisor {
    width: 28px;
    height: 28px;
    background-image: url("data:image/svg+xml,%3Csvg fill='%23676767' width='40px' height='40px' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30.683 12.708c0.375-1.609 1.568-3.219 1.568-3.219h-5.349c-3.005-1.943-6.647-2.968-10.688-2.968-4.187 0-7.968 1.041-10.953 3h-5.009c0 0 1.176 1.583 1.556 3.181-0.973 1.344-1.556 2.964-1.556 4.745 0 4.416 3.599 8.011 8.015 8.011 2.527 0 4.765-1.183 6.245-3.005l1.697 2.552 1.724-2.584c0.761 0.985 1.761 1.781 2.937 2.324 1.943 0.88 4.125 0.979 6.125 0.239 4.141-1.536 6.26-6.161 4.74-10.301-0.276-0.74-0.641-1.401-1.079-1.98zM26.453 23.473c-1.599 0.595-3.339 0.527-4.891-0.192-1.099-0.511-2.005-1.308-2.651-2.303-0.272-0.4-0.5-0.833-0.672-1.296-0.199-0.527-0.292-1.068-0.344-1.62-0.099-1.109 0.057-2.229 0.536-3.271 0.719-1.552 2-2.735 3.604-3.328 3.319-1.219 7 0.484 8.219 3.791 1.224 3.308-0.479 6.991-3.781 8.215h-0.020zM13.563 21.027c-1.151 1.692-3.093 2.817-5.297 2.817-3.525 0-6.401-2.875-6.401-6.396s2.876-6.401 6.401-6.401c3.527 0 6.396 2.88 6.396 6.401 0 0.219-0.036 0.416-0.063 0.64-0.109 1.079-0.453 2.1-1.036 2.959zM4.197 17.364c0 2.188 1.781 3.959 3.964 3.959s3.959-1.771 3.959-3.959c0-2.181-1.776-3.952-3.959-3.952-2.177 0-3.959 1.771-3.959 3.952zM20.265 17.364c0 2.188 1.771 3.959 3.953 3.959s3.959-1.771 3.959-3.959c0-2.181-1.776-3.952-3.959-3.952-2.177 0-3.959 1.771-3.959 3.952zM5.568 17.364c0-1.427 1.161-2.593 2.583-2.593 1.417 0 2.599 1.167 2.599 2.593 0 1.433-1.161 2.6-2.599 2.6-1.443 0-2.604-1.167-2.604-2.6zM21.615 17.364c0-1.427 1.156-2.593 2.593-2.593 1.423 0 2.584 1.167 2.584 2.593 0 1.433-1.156 2.6-2.599 2.6-1.444 0-2.6-1.167-2.6-2.6zM16.208 7.921c2.88 0 5.48 0.516 7.761 1.548-0.86 0.025-1.699 0.176-2.543 0.479-2.015 0.74-3.62 2.224-4.5 4.167-0.416 0.88-0.635 1.812-0.719 2.755-0.301-4.104-3.681-7.353-7.844-7.437 2.281-0.979 4.928-1.511 7.787-1.511z'/%3E%3C/svg%3E")
}

.place-info__google-reviews {
    display: flex;
    align-items: center;
    gap: 4px;
    padding-bottom: 8px;
    cursor: pointer
}

.place-info__google-reviews-link {
    display: contents
}

.place-info__description {
    display: flex;
    flex-direction: column;
    gap: 8px 0
}

.place-info__description p {
    margin: 0
}

.place-order {
    user-select: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    z-index: 100;
    position: fixed;
    max-width: 560px;
    transform: translate(-50%);
    left: 50%;
    bottom: 0;
    height: 54px;
    color: var(--color-white);
    font-weight: 500;
    background: var(--color-primary);
    border: none;
    border-radius: var(--radius-xl) var(--radius-xl) 0 0
}

.place._admin .place-content {
    padding-bottom: 64px
}

.place._admin .place-order {
    bottom: 56px
}