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

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

body {
    line-height: 1
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

    blockquote:after, blockquote:before, q:after, q:before {
        content: "";
        content: none
    }

table {
    border-collapse: collapse;
    border-spacing: 0
}

* {
    box-sizing: border-box
}

.button:hover, .lane-component .button-holder:hover .nav-scroller {
    background-color: var(--colorInteractionBackgroundHover);
    border-color: var(--colorInteractionBackgroundHover);
    color: var(--colorOnInteractionPrimaryHover)
}

.button-ghost.small, .button.small {
    height: 32px;
    line-height: 30px
}

.button-text {
    line-height: 30px
}

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px
}

body {
    color: var(--colorNeutralPrimary);
    font-family: Open Sans,Arial,sans-serif;
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 1.6
}

.link, a {
    color: var(--colorInteractionPrimary);
    cursor: pointer;
    transition: color .1s linear
}

    .link:focus, .link:hover, a:focus, a:hover {
        color: var(--colorInteractionPrimaryHover);
        text-decoration: none
    }

    .link:focus, a:focus {
        outline: none
    }

.account {
    align-items: center;
    display: flex;
    justify-content: center;
    text-transform: uppercase;
    transition: background-color .15s cubic-bezier(.25,.46,.45,.94)
}

    .account .login-label {
        display: none
    }

    .account .svg-stroke-container {
        flex: 0 0 auto
    }

        .account .svg-stroke-container circle {
            fill: var(--colorInteractionPrimary)
        }

        .account .svg-stroke-container path {
            stroke: none;
            transition: stroke .15s cubic-bezier(.25,.46,.45,.94)
        }

            .account .svg-stroke-container path.window {
                stroke: none;
                fill: var(--colorInteractionPrimary)
            }

    .account .header__account__toggle__arrow {
        display: none;
        margin-left: 16px;
        transform: rotate(90deg)
    }

        .account .header__account__toggle__arrow path {
            stroke: var(--colorInteractionPrimary)
        }

@media screen and (min-width:960px) {
    .account .login-label {
        display: inline-block;
        max-width: 16ex;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .account .svg-stroke-container {
        margin-right: 8px
    }
}

@media screen and (min-width:1265px) {
    .account .login-label {
        display: inline-block
    }
}

.account-link {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    font-size: 1.2rem;
    font-weight: 700;
    height: 64px;
    justify-content: center;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color .15s cubic-bezier(.25,.46,.45,.94);
    white-space: nowrap;
    width: 64px
}

    .account-link, .account-link:hover, .header-no-bg .account-link, .open .account-link {
        color: var(--colorNeutralPrimary)
    }

.header-no-bg .account-link {
    background: none
}

    .header-no-bg .account-link .svg-stroke-container circle {
        fill: var(--colorInteractionPrimary)
    }

    .header-no-bg .account-link .svg-stroke-container path {
        fill: var(--colorWhite)
    }

        .header-no-bg .account-link .svg-stroke-container path.window {
            stroke: none;
            fill: var(--colorInteractionPrimary)
        }

    .header-no-bg .account-link .header__account__toggle__arrow path {
        stroke: var(--colorInteractionPrimary)
    }

.open .account-link .header__account__toggle__arrow {
    transform: rotate(-90deg)
}

@media screen and (min-width:960px) {
    .account-link {
        padding: 0 16px;
        width: auto
    }

        .account-link .header__account__toggle__arrow {
            display: flex
        }
}

.cart-icon {
    display: block;
    font-size: 1.2rem;
    font-weight: 700;
    height: 64px;
    min-width: 64px;
    padding: 0 16px;
    position: relative;
    transition: background-color .15s cubic-bezier(.25,.46,.45,.94),color .15s cubic-bezier(.25,.46,.45,.94);
    z-index: 2
}

    .cart-icon a {
        align-items: center;
        display: flex;
        height: 100%;
        justify-content: center
    }

    .cart-icon .svg-stroke-container path {
        fill: var(--colorInteractionPrimary);
        transition: stroke .15s cubic-bezier(.25,.46,.45,.94)
    }

    .cart-icon .products-count {
        color: var(--colorNeutralPrimary);
        margin-left: 4px;
        text-align: center;
        transition: color .15s cubic-bezier(.25,.46,.45,.94)
    }

    .cart-icon .cart-icon-img {
        display: flex
    }

    .cart-icon.open {
        background: var(--colorInteractionPrimary);
        color: var(--colorWhite)
    }

        .cart-icon.open .svg-stroke-container path {
            fill: var(--colorWhite)
        }

        .cart-icon.open .products-count {
            color: var(--colorWhite)
        }

        .cart-icon.open:after {
            border: 10px solid transparent;
            border-top: 8px solid var(--colorInteractionPrimary);
            bottom: -18px;
            content: "";
            display: block;
            height: 0;
            left: 50%;
            position: absolute;
            transform: translateX(-50%);
            width: 0
        }

.header-no-bg .cart-icon {
    background: none
}

    .header-no-bg .cart-icon .products-count {
        color: var(--colorNeutralPrimary)
    }

    .header-no-bg .cart-icon .svg-stroke-container path {
        fill: var(--colorInteractionPrimary)
    }

.cross-sell-cart {
    width: 100%
}

    .cross-sell-cart .cross-sell-cart__products {
        padding: 16px 0
    }

    .cross-sell-cart .cross-sell-abstract-carousel {
        width: 100%
    }

    .cross-sell-cart .cross-sell-abstract-carousel--inner {
        overflow: hidden
    }

    .cross-sell-cart .cross-sell-abstract-carousel-elements {
        overflow: hidden;
        padding-right: 100%
    }

    .cross-sell-cart .cross-sell-abstract-carousel-element {
        flex-shrink: 0;
        min-width: 120px
    }

        .cross-sell-cart .cross-sell-abstract-carousel-element:first-of-type {
            margin-left: 16px
        }

    .cross-sell-cart .cross-sell-cart__product {
        width: 256px
    }

        .cross-sell-cart .cross-sell-cart__product .cross-sell-cart-product__featured-tag {
            width: min-content
        }

        .cross-sell-cart .cross-sell-cart__product .cross-sell-cart__product__img-wrapper > img {
            height: 80px;
            width: 80px
        }

        .cross-sell-cart .cross-sell-cart__product .cross-sell-cart__product__info-wrapper {
            gap: 8px;
            width: 100%
        }

        .cross-sell-cart .cross-sell-cart__product .cross-sell-cart__product__title-wrapper {
            gap: 8px
        }

            .cross-sell-cart .cross-sell-cart__product .cross-sell-cart__product__title-wrapper p.cross-sell-cart__product__category, .cross-sell-cart .cross-sell-cart__product .cross-sell-cart__product__title-wrapper p.cross-sell-cart__product__name {
                -webkit-box-orient: vertical;
                display: -webkit-box;
                overflow: hidden;
                text-overflow: ellipsis;
                word-break: break-word
            }

            .cross-sell-cart .cross-sell-cart__product .cross-sell-cart__product__title-wrapper p.cross-sell-cart__product__name {
                line-clamp: 2;
                -webkit-line-clamp: 2
            }

            .cross-sell-cart .cross-sell-cart__product .cross-sell-cart__product__title-wrapper p.cross-sell-cart__product__category {
                line-clamp: 1;
                -webkit-line-clamp: 1
            }

            .cross-sell-cart .cross-sell-cart__product .cross-sell-cart__product__title-wrapper button.cross-sell-cart__product__dish-info-button {
                align-items: start;
                background: none;
                border: 0;
                display: flex;
                height: 21px;
                justify-content: end;
                margin: 0;
                min-height: 21px;
                min-width: 21px;
                padding: 0;
                width: 21px
            }

                .cross-sell-cart .cross-sell-cart__product .cross-sell-cart__product__title-wrapper button.cross-sell-cart__product__dish-info-button:hover {
                    box-shadow: none
                }

        .cross-sell-cart .cross-sell-cart__product .cross-sell-cart__product__price-wrapper {
            gap: 8px;
            height: 100%
        }

            .cross-sell-cart .cross-sell-cart__product .cross-sell-cart__product__price-wrapper .cross-sell-cart__product__add-product {
                height: 24px;
                width: 24px
            }

                .cross-sell-cart .cross-sell-cart__product .cross-sell-cart__product__price-wrapper .cross-sell-cart__product__add-product .cross-sell-cart__product__add-product-button {
                    border: 0
                }

                    .cross-sell-cart .cross-sell-cart__product .cross-sell-cart__product__price-wrapper .cross-sell-cart__product__add-product .cross-sell-cart__product__add-product-button:hover {
                        background-color: var(--colorInteractionPrimary);
                        cursor: pointer;
                        user-select: none
                    }

    .cross-sell-cart .cs-trending {
        height: 24px
    }

    .cross-sell-cart .cs-trending--icon {
        background: var(--colorBrandPrimary);
        border-radius: 50%;
        height: 20px;
        width: 20px
    }

        .cross-sell-cart .cs-trending--icon * {
            margin-left: -2px;
            margin-top: -2px
        }

    .cross-sell-cart.cross-sell-cart__image-oriented-tiles .cross-sell-cart__product.cross-sell-cart__product--image-oriented-tiles {
        background-color: var(--colorWhite);
        box-shadow: none;
        padding: 0;
        width: 120px
    }

    .cross-sell-cart.cross-sell-cart__image-oriented-tiles .cross-sell-image-oriented-tile__image-container {
        height: 120px;
        width: 120px
    }

        .cross-sell-cart.cross-sell-cart__image-oriented-tiles .cross-sell-image-oriented-tile__image-container > img {
            border-radius: 8px;
            height: 120px;
            width: 120px
        }

    .cross-sell-cart.cross-sell-cart__image-oriented-tiles .cross-sell-image-oriented-tile__add-to-cart-button, .cross-sell-cart.cross-sell-cart__image-oriented-tiles .cross-sell-image-oriented-tile__dish-information-button {
        background-color: var(--colorWhite);
        box-shadow: 0 .1rem .5rem rgba(0,0,0,.15);
        position: absolute;
        text-align: center
    }

        .cross-sell-cart.cross-sell-cart__image-oriented-tiles .cross-sell-image-oriented-tile__add-to-cart-button > svg, .cross-sell-cart.cross-sell-cart__image-oriented-tiles .cross-sell-image-oriented-tile__dish-information-button > svg {
            vertical-align: middle
        }

    .cross-sell-cart.cross-sell-cart__image-oriented-tiles .cross-sell-image-oriented-tile__dish-information-button {
        border-radius: 12px;
        bottom: 8px;
        height: 24px;
        left: 8px;
        width: 24px
    }

    .cross-sell-cart.cross-sell-cart__image-oriented-tiles .cross-sell-image-oriented-tile__add-to-cart-button {
        border-radius: 16px;
        bottom: 8px;
        height: 32px;
        right: 8px;
        width: 32px
    }

    .cross-sell-cart.cross-sell-cart__image-oriented-tiles .cross-sell-image-oriented-tile__product-info, .cross-sell-cart.cross-sell-cart__image-oriented-tiles .cross-sell-image-oriented-tile__product-price {
        gap: 4px
    }

    .cross-sell-cart.cross-sell-cart__image-oriented-tiles .cross-sell-image-oriented-tile__product-price__discount-price {
        text-decoration: line-through
    }

    .cross-sell-cart.cross-sell-cart__image-oriented-tiles .cross-sell-image-oriented-tile__product-name {
        -webkit-box-orient: vertical;
        line-clamp: 2;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-word
    }

.cross-sell-cart-bottom-sheet {
    overflow-y: scroll
}

    .cross-sell-cart-bottom-sheet > * {
        height: 100vh;
        overflow: auto
    }

        .cross-sell-cart-bottom-sheet > * > :first-of-type {
            background: var(--colorWhite);
            position: sticky;
            top: 0;
            z-index: 2
        }

        .cross-sell-cart-bottom-sheet > * > button[aria-label=close] {
            display: none
        }

    .cross-sell-cart-bottom-sheet .cross-sell-cart-bottom-sheet__title__skip {
        border: none;
        border-radius: 12px;
        width: 100px
    }

    .cross-sell-cart-bottom-sheet .cross-sell-cart-bottom-sheet__products {
        margin-bottom: 48px
    }

        .cross-sell-cart-bottom-sheet .cross-sell-cart-bottom-sheet__products img {
            object-fit: cover;
            width: 80px
        }

    .cross-sell-cart-bottom-sheet .cross-sell-cart-bottom-sheet__products__name {
        -webkit-box-orient: vertical;
        line-clamp: 2;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-word
    }

    .cross-sell-cart-bottom-sheet .cross-sell-cart-bottom-sheet__add-to-cart-button {
        height: 48px;
        line-height: 48px
    }

.cross-sell-cart__products__product__price__currency--before-discount {
    text-decoration: line-through
}

.option-row.cross-sell-option-row .cross-sell-additional-price-info {
    margin-top: -8px;
    text-align: right
}

    .option-row.cross-sell-option-row .cross-sell-additional-price-info .product-bottle-deposits, .option-row.cross-sell-option-row .cross-sell-additional-price-info .product-unit-price {
        color: var(--colorNeutralSecondary);
        font-weight: 700;
        height: 14px;
        line-height: 1;
        white-space: nowrap
    }

.option-row.cross-sell-option-row .product-topping-price {
    text-decoration: none
}

    .option-row.cross-sell-option-row .product-topping-price.product-topping-price--discounted {
        margin-right: 8px
    }

        .option-row.cross-sell-option-row .product-topping-price.product-topping-price--discounted + .product-topping-price {
            color: var(--colorNeutralInactive);
            text-decoration: line-through
        }

.abstract-carousel--inner.product-swimlane.is-dlab {
    padding-right: 0
}

    .abstract-carousel--inner.product-swimlane.is-dlab .product-swimlane-list {
        align-items: flex-start;
        margin-top: 0
    }

    .abstract-carousel--inner.product-swimlane.is-dlab .product-card > .product-card-attributes {
        background: var(--colorWhite)
    }

    .abstract-carousel--inner.product-swimlane.is-dlab .product-card > .product-card-item-modifier-container > .quantity-modifier-view.product-added {
        display: none
    }

    .abstract-carousel--inner.product-swimlane.is-dlab .abstract-carousel__elements__element.cross-sell-order-again-cart__products__product.product-swimlane-list-item {
        box-shadow: none;
        height: auto;
        min-width: fit-content;
        padding: 0
    }

.cross-sell-cart.cross-sell-shops-order-again-cart {
    background: var(--colorWhite)
}

    .cross-sell-cart.cross-sell-shops-order-again-cart .cross-sell-abstract-carousel-element {
        background: none;
        box-shadow: none;
        padding: 0
    }

        .cross-sell-cart.cross-sell-shops-order-again-cart .cross-sell-abstract-carousel-element + .cross-sell-abstract-carousel-element {
            margin-left: 0
        }

.abstract-carousel {
    position: relative;
    width: 100%
}

    .abstract-carousel .abstract-carousel--inner {
        overflow: hidden;
        position: relative;
        width: 100%
    }

    .abstract-carousel .abstract-carousel__arrow {
        align-items: center;
        background: var(--colorWhite);
        border: none;
        border-radius: 50%;
        color: var(--colorNeutralPrimary);
        cursor: pointer;
        display: flex;
        font-size: 1.6rem;
        font-weight: 600;
        height: 32px;
        justify-content: center;
        padding: 8px;
        position: absolute;
        top: 35%;
        user-select: none;
        width: 32px;
        z-index: 999
    }

    .abstract-carousel .abstract-carousel__arrow--right {
        right: 8px
    }

    .abstract-carousel .abstract-carousel__arrow--left {
        left: 8px
    }

    .abstract-carousel .abstract-carousel__elements {
        align-items: stretch;
        display: flex;
        flex-shrink: 0;
        overflow: hidden;
        padding: 16px 0;
        transition: margin .25s ease-in-out
    }

        .abstract-carousel .abstract-carousel__elements .abstract-carousel__elements__element {
            background: var(--colorNeutralSurface);
            border-radius: 4px;
            box-shadow: 0 .2rem 1rem rgba(0,0,0,.12);
            display: flex;
            flex-shrink: 0;
            justify-content: left;
            margin-right: 16px;
            min-width: 120px;
            opacity: 1;
            padding: 16px 16px 8px
        }

            .abstract-carousel .abstract-carousel__elements .abstract-carousel__elements__element:first-of-type {
                margin-left: 16px
            }

            .abstract-carousel .abstract-carousel__elements .abstract-carousel__elements__element .cross-sell-cart.cross-sell-cart__product--image-oriented-tiles {
                min-width: 120px
            }

.toggle {
    cursor: pointer;
    display: inline-block;
    font-size: 0;
    height: 20px;
    margin: 0;
    position: relative;
    vertical-align: middle;
    width: 36px
}

    .toggle input {
        border: none;
        bottom: 0;
        left: 0;
        margin: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: -1
    }

    .toggle .track {
        background: var(--colorWhite);
        border: 1px solid var(--colorNeutralBorder);
        border-radius: 7px;
        height: 14px;
        position: relative;
        width: 37px
    }

        .toggle .track, .toggle .track:after {
            display: block;
            top: 50%;
            transform: translateY(-50%)
        }

            .toggle .track:after {
                background-color: var(--colorInteractionPrimary);
                border-radius: 50%;
                content: "";
                height: 20px;
                left: 0;
                position: absolute;
                transition: all .15s cubic-bezier(.455,.03,.515,.955);
                width: 20px
            }

    .toggle :checked ~ .track:after {
        transform: translate(16px,-50%)
    }

.cart__delivery--cutlery__ribbon {
    display: flex;
    height: 104px
}

@media (min-width:768px) {
    .cart__delivery--cutlery__ribbon {
        height: 112px
    }
}

.cart__delivery--cutlery__ribbon .cart__delivery--cutlery__ribbon--description {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    padding: 0 0 16px 16px
}

    .cart__delivery--cutlery__ribbon .cart__delivery--cutlery__ribbon--description p:first-child {
        color: var(--colorNeutralPrimary);
        font-size: 1.4rem;
        font-weight: 600;
        margin: 0 0 4px
    }

    .cart__delivery--cutlery__ribbon .cart__delivery--cutlery__ribbon--description p:last-child {
        color: var(--colorNeutralSecondary);
        font-size: 1.4rem;
        font-weight: 300;
        margin: 0;
        overflow: visible
    }

.cart__delivery--cutlery__ribbon .cart__delivery--cutlery__ribbon--explained {
    font-size: 1.2rem;
    font-weight: 300;
    padding-left: 32px
}

.cart__delivery--cutlery__ribbon .cart__delivery--cutlery__ribbon--question {
    margin-left: 12px
}

.cart__delivery--cutlery__ribbon .toggle {
    flex-shrink: 0;
    height: 20px;
    margin: 16px 16px 0;
    width: 36px
}

    .cart__delivery--cutlery__ribbon .toggle .track {
        border-radius: 14px/2;
        height: 14px;
        width: 36px
    }

        .cart__delivery--cutlery__ribbon .toggle .track:after {
            height: 20px;
            width: 20px
        }

    .cart__delivery--cutlery__ribbon .toggle :not(:checked) ~ .track:after {
        background-color: var(--colorNeutralInactive)
    }

    .cart__delivery--cutlery__ribbon .toggle :checked ~ .track:after {
        transform: translate(36px-20px,-50%)
    }

@media (min-width:768px) {
    .cart__delivery--cutlery__ribbon .toggle {
        margin: 12px 24px 0
    }
}

.cart__delivery--cutlery__ribbon .cart__delivery--cutlery__ribbon--icon {
    vertical-align: middle
}

.cart__delivery--cutlery__ribbon #cutlery-illustration path {
    fill: var(--colorInteractionPrimary)
}

.cart__delivery--cutlery__ribbon .cart__delivery--cutlery__horizontal--line {
    margin-bottom: 0;
    margin-top: 0
}

@media (min-width:768px) {
    .cart__delivery--cutlery__ribbon .cart__delivery--cutlery__horizontal--line {
        display: none
    }
}

.dish-menu-category-list, .nav-tabs {
    position: relative;
    width: 100%;
    z-index: 1
}

    .dish-menu-category-list input, .nav-tabs input {
        opacity: 0;
        position: absolute;
        z-index: -10
    }

    .dish-menu-category-list:after, .nav-tabs:after {
        background: var(--colorNeutralDivider);
        bottom: -1px;
        content: "";
        height: 1px;
        left: 0;
        position: absolute;
        right: 0;
        z-index: -1
    }

    .dish-menu-category-list ul, .nav-tabs ul {
        display: inline-flex;
        flex-wrap: nowrap;
        list-style-type: none;
        margin: 0;
        padding: 0;
        transition: transform .2s cubic-bezier(.25,.46,.45,.94)
    }

    .dish-menu-category-list li, .nav-tabs li {
        padding: 0 0 0 16px;
        text-transform: uppercase;
        white-space: nowrap
    }

        .dish-menu-category-list li:first-child, .nav-tabs li:first-child {
            padding: 0
        }

        .dish-menu-category-list .tab, .dish-menu-category-list li a, .nav-tabs .tab, .nav-tabs li a {
            align-items: center;
            color: var(--colorNeutralPrimary);
            display: flex;
            font-size: 1.2rem;
            font-weight: 300;
            height: 64px;
            justify-content: center;
            letter-spacing: .1px;
            line-height: 64px;
            overflow: hidden;
            position: relative;
            text-decoration: none;
            transform: translateZ(0)
        }

            .dish-menu-category-list .tab:after, .dish-menu-category-list li a:after, .nav-tabs .tab:after, .nav-tabs li a:after {
                background-color: var(--colorInteractionPrimary);
                bottom: 0;
                content: "";
                height: 2px;
                left: 0;
                position: absolute;
                right: 0;
                transform: translateY(2px);
                transition: transform .15s cubic-bezier(.25,.46,.45,.94)
            }

            .dish-menu-category-list .tab.selected, .dish-menu-category-list .tab:hover, .dish-menu-category-list li a.selected, .dish-menu-category-list li a:hover, .nav-tabs .tab.selected, .nav-tabs .tab:hover, .nav-tabs li a.selected, .nav-tabs li a:hover {
                font-size: 1.2rem;
                font-weight: 700
            }

                .dish-menu-category-list .tab.selected:after, .dish-menu-category-list .tab:hover:after, .dish-menu-category-list li a.selected:after, .dish-menu-category-list li a:hover:after, .nav-tabs .tab.selected:after, .nav-tabs .tab:hover:after, .nav-tabs li a.selected:after, .nav-tabs li a:hover:after {
                    transform: translateY(0)
                }

        .dish-menu-category-list li a, .nav-tabs li a {
            display: inline-block
        }

            .dish-menu-category-list li a:before, .nav-tabs li a:before {
                box-sizing: border-box;
                content: attr(title);
                display: block;
                font-weight: 700;
                height: 0;
                overflow: hidden;
                visibility: hidden
            }

.target-tab {
    position: fixed;
    top: -100px;
    z-index: -10
}

.tab-panel {
    display: none
}

.target-tab.selected + .tab-panel, .target-tab:target + .tab-panel {
    display: block
}

.dish-menu-category-list {
    background-color: var(--colorWhite);
    box-shadow: 0 .2rem 1rem rgba(0,0,0,.12);
    overflow: hidden;
    position: sticky;
    width: 100%;
    z-index: 10
}

    .dish-menu-category-list:after {
        content: none
    }

    .dish-menu-category-list .dish-control-holder {
        display: flex;
        overflow: hidden
    }

        .dish-menu-category-list .dish-control-holder:after, .dish-menu-category-list .dish-control-holder:before {
            content: "";
            display: block;
            height: 100%;
            position: absolute;
            top: 0;
            width: 16px;
            z-index: 10
        }

        .dish-menu-category-list .dish-control-holder:before {
            background: linear-gradient(to right,var(--colorWhite),rgba(var(--colorWhite),0));
            left: 0
        }

        .dish-menu-category-list .dish-control-holder:after {
            background: linear-gradient(to left,var(--colorWhite),rgba(var(--colorWhite),0));
            right: 0
        }

@media (min-width:480px) {
    .dish-menu-category-list .dish-control-holder:after, .dish-menu-category-list .dish-control-holder:before {
        width: 24px
    }
}

@media (min-width:960px) {
    .dish-menu-category-list .dish-control-holder {
        margin-left: auto;
        margin-right: auto;
        max-width: 1248px;
        padding-left: 16px;
        padding-right: 16px;
        position: relative;
        width: 100%
    }
}

@media (min-width:960px) and (min-width:480px) {
    .dish-menu-category-list .dish-control-holder {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media (min-width:960px) and (min-width:768px) {
    .dish-menu-category-list .dish-control-holder {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media (min-width:960px) and (min-width:1265px) {
    .dish-menu-category-list .dish-control-holder {
        padding-left: 80px;
        padding-right: 80px
    }
}

@media (min-width:960px) {
    .dish-menu-category-list .dish-control-holder:after, .dish-menu-category-list .dish-control-holder:before {
        content: none
    }
}

.dish-menu-category-list li:first-child, .dish-menu-category-list li:last-child {
    z-index: 5
}

.dish-menu-category-list .nav-holder {
    flex: 1 1 auto;
    overflow-x: auto;
    position: relative
}

    .dish-menu-category-list .nav-holder ul {
        /*padding: 0 16px*/
    }

@media (min-width:480px) {
    .dish-menu-category-list .nav-holder ul {
        padding: 0 24px
    }
}

@media (min-width:960px) {
    .dish-menu-category-list .nav-holder {
        overflow: auto
    }

        .dish-menu-category-list .nav-holder ul {
            padding: 0
        }
}

.dish-menu-category-list .nav-scroller {
    align-items: center;
    background: var(--colorWhite);
    border: none;
    cursor: pointer;
    display: flex;
    flex: 0 0 auto
}

    .dish-menu-category-list .nav-scroller:focus {
        outline: none
    }

    .dish-menu-category-list .nav-scroller:after, .dish-menu-category-list .nav-scroller:before {
        content: "";
        display: block;
        height: 100%;
        position: absolute;
        top: 0;
        width: 16px;
        z-index: 10
    }

.dish-menu-category-list .prev {
    order: -1;
    padding-left: 0;
    position: relative
}

    .dish-menu-category-list .prev svg {
        transform: rotate(180deg)
    }

    .dish-menu-category-list .prev:after {
        background: linear-gradient(to right,var(--colorWhite),rgba(var(--colorWhite),0));
        right: -16px
    }

.dish-menu-category-list .next {
    order: 10;
    padding-right: 0;
    position: relative
}

    .dish-menu-category-list .next:before {
        background: linear-gradient(to left,var(--colorWhite),rgba(var(--colorWhite),0));
        left: -16px
    }

.header .cart-icon-wrapper, .header .language-wrapper, .header .logo-wrapper, .header .user-wrapper, .header .when-wrapper, .header .where-wrapper {
    position: relative;
    transition: border-color .15s cubic-bezier(.25,.46,.45,.94) .15s
}

.header {
    align-items: stretch;
    box-shadow: 0 .2rem 1rem rgba(0,0,0,.12);
    display: flex;
    flex-wrap: wrap;
    z-index: 1250
}

    .header:before {
        background-color: var(--colorWhite);
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        transform: translateY(0);
        transition: transform .15s cubic-bezier(.25,.46,.45,.94);
        width: 100%;
        z-index: -1
    }

    .header .language-wrapper {
        display: none;
        order: 10
    }

    .header .logo-wrapper {
        flex: 1 0 auto;
        height: 64px;
        order: 5;
        text-align: center
    }

    .header .user-wrapper {
        flex: 0 0 auto;
        order: -1
    }

    .header .favorite-wrapper {
        height: 64px;
        order: 10
    }

        .header .favorite-wrapper a {
            display: flex
        }

        .header .favorite-wrapper path {
            fill: var(--colorInteractionPrimary)
        }

@media screen and (min-width:960px) {
    .header .favorite-wrapper {
        border-left: 1px solid var(--colorNeutralDivider)
    }
}

.header .cart-icon-wrapper {
    flex: 0 0 64px;
    order: 10
}

.header .pick-up {
    bottom: 24px;
    left: 50%;
    position: fixed;
    transform: translateX(-50%)
}

.header .where-wrapper {
    flex: 1 1 100%;
    height: 60px;
    order: 15
}

@media (min-width:768px) {
    .header .where-wrapper {
        height: 64px
    }
}

.header .when-wrapper {
    flex: 1 1 auto;
    height: 60px;
    order: 15
}

@media (min-width:768px) {
    .header .when-wrapper {
        height: 64px
    }
}

.header .order-components {
    border-top: 1px solid var(--colorNeutralDivider);
    display: flex;
    flex: 0 0 100%;
    flex-direction: row-reverse;
    height: 60px;
    max-width: 100%;
    order: 15
}

@media (min-width:768px) {
    .header .order-components {
        border-top: 0;
        height: 64px
    }
}

.header .order-components .where-wrapper {
    flex: 1 0 50%;
    width: 50%
}

.header .order-components .when-wrapper {
    border-left: 1px solid var(--colorNeutralDivider);
    flex: 1 0 50%;
    width: 50%
}

.header.header-no-bg {
    box-shadow: none
}

    .header.header-no-bg:before {
        transform: translateY(-100%)
    }

    .header.header-no-bg .cart-icon-wrapper, .header.header-no-bg .language-wrapper, .header.header-no-bg .logo-wrapper, .header.header-no-bg .user-wrapper, .header.header-no-bg .when-wrapper, .header.header-no-bg .where-wrapper {
        border-color: transparent;
        transition: none
    }

@media screen and (min-width:960px) {
    .header .order-components .where-wrapper {
        flex: 1 0 55%
    }

    .header .user-wrapper {
        order: 10
    }

    .header .logo-wrapper {
        order: -1;
        text-align: left
    }

    .header .pick-up {
        height: 64px;
        order: 5;
        position: static;
        transform: translateX(0)
    }

    .header .language-wrapper {
        display: block
    }

    .rdp .header .pick-up {
        height: 64px;
        position: absolute;
        top: 0;
        transform: translateX(-50%)
    }

    .header .cart-icon-wrapper, .header .language-wrapper, .header .logo-wrapper, .header .user-wrapper, .header .when-wrapper, .header .where-wrapper {
        border-left: 1px solid var(--colorNeutralDivider)
    }

    .header.header-no-bg .cart-icon-wrapper:not(.logo-wrapper):before, .header.header-no-bg .language-wrapper:not(.logo-wrapper):before, .header.header-no-bg .logo-wrapper:not(.logo-wrapper):before, .header.header-no-bg .user-wrapper:not(.logo-wrapper):before, .header.header-no-bg .when-wrapper:not(.logo-wrapper):before, .header.header-no-bg .where-wrapper:not(.logo-wrapper):before {
        background: var(--colorNeutralDivider);
        content: "";
        height: 37.5%;
        left: 0;
        position: absolute;
        top: 31.25%;
        width: 1px
    }
}

@media screen and (min-width:1265px) {
    .header {
        flex-wrap: nowrap
    }

        .header .order-components {
            flex: 1 1 auto;
            max-width: 680px;
            order: 5;
            width: 680px
        }

        .header .when-wrapper {
            max-width: 50%
        }

    .rdp .header .pick-up {
        position: static;
        transform: translateX(0)
    }
}

.order-wrapper-overlay {
    background-color: #000;
    bottom: 0;
    display: none;
    left: 0;
    opacity: .25;
    position: fixed;
    right: 0;
    top: 0;
    z-index: -2
}

.show-order-components .header {
    position: static
}

@media (min-width:1265px) {
    .show-order-components .header {
        position: relative
    }
}

.show-order-components .order-wrapper-overlay {
    display: block
}

@media (min-width:1265px) {
    .show-order-components .order-wrapper-overlay {
        z-index: 1249
    }
}

.language-switch {
    align-items: center;
    display: flex;
    height: 64px;
    justify-content: center;
    padding: 0 16px;
    text-transform: uppercase
}

    .language-switch a {
        border-right: 1px solid var(--colorNeutralSecondary);
        color: var(--colorNeutralSecondary);
        cursor: pointer;
        flex: 0 0 auto;
        font-size: 1.2rem;
        font-weight: 300;
        padding: 0 4px;
        text-decoration: none;
        transition: all .15s cubic-bezier(.25,.46,.45,.94)
    }

        .language-switch a.active {
            font-weight: 700
        }

        .language-switch a.active, .language-switch a:hover {
            color: var(--colorNeutralPrimary)
        }

        .language-switch a:last-of-type {
            border: none
        }

.loading-placeholder-skeleton {
    animation: shimmer-animation 2s ease infinite;
    background: var(--colorNeutralDivider);
    background-image: linear-gradient(to right,var(--colorNeutralDivider) 0,var(--colorNeutralSurface) 20%,var(--colorNeutralDivider) 30%,var(--colorNeutralDivider) 100%);
    background-repeat: no-repeat;
    background-size: 250% 100%
}

.loading-placeholder-skeleton-svg {
    animation: shimmer-animation-svg 2s ease infinite
}

@keyframes shimmer-animation {
    0% {
        background-position: 100% 0
    }

    to {
        background-position: -100% 0
    }
}

@keyframes shimmer-animation-svg {
    0% {
        transform: translateX(-100%)
    }

    to {
        transform: translateX(100%)
    }
}

.address-search-container {
    flex: 1;
    margin-bottom: 16px;
    position: relative
}

    .address-search-container .input-box {
        margin-bottom: 0
    }

    .address-search-container .restaurants-search-form__input, .address-search-container .restaurants__location__input {
        padding-right: 55px
    }

    .address-search-container .locate-me {
        align-items: center;
        background-color: var(--colorWhite);
        border: none;
        display: flex;
        font-size: 0;
        padding: 16px;
        position: absolute;
        right: 1px;
        top: 32px;
        transform: translateY(-50%);
        z-index: 1
    }

        .address-search-container .locate-me:hover {
            cursor: pointer
        }

        .address-search-container .locate-me svg circle:first-of-type, .address-search-container .locate-me svg path {
            stroke: var(--colorInteractionPrimary)
        }

        .address-search-container .locate-me svg circle:last-of-type {
            fill: var(--colorInteractionPrimary)
        }

        .address-search-container .locate-me #ic-locate-round circle:last-child {
            fill: var(--colorInteractionSecondary);
            stroke: none
        }

        .address-search-container .locate-me #ic-locate-me-round path {
            fill: var(--colorInteractionPrimary);
            stroke: none
        }

    .address-search-container .location-found {
        border: 2px solid #e21b70
    }

    .address-search-container .locate-me-clicked {
        background: radial-gradient(53.12% 53.12% at 78.12% 76.56%,#fdf1f5 100%,#fdf1f5 0,#fff 0,#fff 0)
    }

@media (min-width:768px) {
    .address-search-container {
        margin-bottom: 0
    }
}

.address-search-container .validation-wrapper.input-box.validation__error.empty-input > .invalid-error-message, .address-search-container .validation-wrapper.input-box > .cancel-search, .address-search-container .validation-wrapper.input-box > .invalid-error-message {
    display: none
}

    .address-search-container .validation-wrapper.input-box > .cancel-search svg use {
        fill: var(--colorInteractionPrimary)
    }

.address-search-container .validation-wrapper .calcul-animation {
    align-items: center;
    background-color: var(--colorWhite);
    display: flex;
    margin: auto;
    position: absolute;
    right: 1px;
    top: 32px;
    transform: translateY(-50%);
    z-index: 2
}

.where-wrapper .validation-wrapper.input-box {
    margin-bottom: 24px
}

.where-wrapper .address-search-container .validation-wrapper + .locate-me {
    height: calc(100% - 26px);
    margin-top: -12px
}

.modal-body .address-search-container .validation-wrapper + .locate-me {
    margin-top: 0
}

.location-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 960px
}

    .location-form .validation-wrapper {
        box-shadow: 0 .3rem 2rem rgba(0,0,0,.1);
        flex: 1 1 100%
    }

        .location-form .validation-wrapper.validation__error {
            box-shadow: none
        }

            .location-form .validation-wrapper.validation__error > .invalid-error-message {
                display: block
            }

    .location-form .address-search-container {
        flex: 0 1 100%
    }

    .location-form .button-container {
        display: flex;
        flex: 0 1 100%;
        overflow: hidden
    }

        .location-form .button-container .button {
            height: 64px;
            line-height: 62px;
            padding: 0 31px;
            width: 100%
        }

        .location-form .button-container .button-text-separator {
            align-self: center;
            color: var(--colorNeutralPrimary);
            flex: 0 0 auto;
            margin: 0 8px;
            text-align: center;
            text-transform: none
        }

@media (min-width:768px) {
    .location-form {
        background: var(--colorWhite);
        box-shadow: 0 .3rem 2rem rgba(0,0,0,.1);
        flex-wrap: nowrap;
        padding: 16px
    }

        .location-form .address-search-container {
            flex: 1 1 auto
        }

        .location-form .validation-wrapper {
            box-shadow: none;
            flex: auto;
            margin: 0
        }

            .location-form .validation-wrapper.validation__error.empty-input > .invalid-error-message {
                display: none
            }

        .location-form .button-container {
            flex: 0 0 auto;
            margin: 0 0 0 16px
        }

            .location-form .button-container.two-buttons {
                flex: 0 1 360px
            }
}

@media (max-width:375px) {
    .location-form .button-container .button {
        padding: 0 8px
    }
}

.header-order-button {
    align-items: center;
    color: var(--colorNeutralSecondary);
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    justify-content: center;
    line-height: 1.6rem;
    padding: 8px 24px;
    width: 100%
}

    .header-order-button .header-order-button-title {
        flex: 1 0 100%;
        font-size: 1.2rem;
        font-weight: 300;
        margin-bottom: 0;
        text-transform: uppercase
    }

        .header-order-button .header-order-button-title:after {
            content: ":"
        }

    .header-order-button .header-order-button-content {
        color: var(--colorNeutralPrimary);
        flex: 0 1 auto;
        font-size: 1.2rem;
        font-weight: 700;
        max-width: calc(100% - 12px);
        overflow: hidden;
        padding: 0 8px 0 0;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .header-order-button .header-order-button-content--error {
        color: #e20338
    }

    .header-order-button .header-order-button-arrow {
        display: flex;
        flex: 0 0 12px;
        width: 12px
    }

        .header-order-button .header-order-button-arrow svg {
            stroke: var(--colorInteractionPrimary);
            transform: rotate(90deg);
            vertical-align: text-top
        }

    .header-order-button.header-order-button-open .header-order-button-arrow svg {
        transform: rotate(-90deg)
    }

@media (min-width:768px) {
    .header-order-button {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

        .header-order-button .header-order-button-title {
            flex: 0 0 auto;
            margin-bottom: 0
        }

        .header-order-button .header-order-button-content {
            padding: 0 8px
        }
}

.header-order-button.with-overlay {
    background: var(--colorWhite);
    height: 64px;
    position: absolute;
    z-index: 10001
}

.tel-input {
    position: relative;
    width: 100%
}

    .tel-input .flag {
        background: url(https://images.deliveryhero.io/image/foodpanda/country-flags.png) no-repeat;
        height: 11px;
        width: 16px
    }

    .tel-input .ad {
        background-position: -16px 0
    }

    .tel-input .ae {
        background-position: -32px 0
    }

    .tel-input .af {
        background-position: -48px 0
    }

    .tel-input .ag {
        background-position: -64px 0
    }

    .tel-input .ai {
        background-position: -80px 0
    }

    .tel-input .al {
        background-position: -96px 0
    }

    .tel-input .am {
        background-position: -112px 0
    }

    .tel-input .ao {
        background-position: -128px 0
    }

    .tel-input .ar {
        background-position: -144px 0
    }

    .tel-input .as {
        background-position: -160px 0
    }

    .tel-input .at {
        background-position: -176px 0
    }

    .tel-input .au {
        background-position: -192px 0
    }

    .tel-input .aw {
        background-position: -208px 0
    }

    .tel-input .az {
        background-position: -224px 0
    }

    .tel-input .ba {
        background-position: -240px 0
    }

    .tel-input .bb {
        background-position: 0 -11px
    }

    .tel-input .bd {
        background-position: -16px -11px
    }

    .tel-input .be {
        background-position: -32px -11px
    }

    .tel-input .bf {
        background-position: -48px -11px
    }

    .tel-input .bg {
        background-position: -64px -11px
    }

    .tel-input .bh {
        background-position: -80px -11px
    }

    .tel-input .bi {
        background-position: -96px -11px
    }

    .tel-input .bj {
        background-position: -112px -11px
    }

    .tel-input .bm {
        background-position: -128px -11px
    }

    .tel-input .bn {
        background-position: -144px -11px
    }

    .tel-input .bo {
        background-position: -160px -11px
    }

    .tel-input .br {
        background-position: -176px -11px
    }

    .tel-input .bs {
        background-position: -192px -11px
    }

    .tel-input .bt {
        background-position: -208px -11px
    }

    .tel-input .bw {
        background-position: -224px -11px
    }

    .tel-input .by {
        background-position: -240px -11px
    }

    .tel-input .bz {
        background-position: 0 -22px
    }

    .tel-input .ca {
        background-position: -16px -22px
    }

    .tel-input .cd {
        background-position: -32px -22px
    }

    .tel-input .cf {
        background-position: -48px -22px
    }

    .tel-input .cg {
        background-position: -64px -22px
    }

    .tel-input .ch {
        background-position: -80px -22px
    }

    .tel-input .ci {
        background-position: -96px -22px
    }

    .tel-input .ck {
        background-position: -112px -22px
    }

    .tel-input .cl {
        background-position: -128px -22px
    }

    .tel-input .cm {
        background-position: -144px -22px
    }

    .tel-input .cn {
        background-position: -160px -22px
    }

    .tel-input .co {
        background-position: -176px -22px
    }

    .tel-input .cr {
        background-position: -192px -22px
    }

    .tel-input .cu {
        background-position: -208px -22px
    }

    .tel-input .cv {
        background-position: -224px -22px
    }

    .tel-input .cw {
        background-position: -240px -22px
    }

    .tel-input .cy {
        background-position: 0 -33px
    }

    .tel-input .cz {
        background-position: -16px -33px
    }

    .tel-input .de {
        background-position: -32px -33px
    }

    .tel-input .dj {
        background-position: -48px -33px
    }

    .tel-input .dk {
        background-position: -64px -33px
    }

    .tel-input .dm {
        background-position: -80px -33px
    }

    .tel-input .do {
        background-position: -96px -33px
    }

    .tel-input .dz {
        background-position: -112px -33px
    }

    .tel-input .ec {
        background-position: -128px -33px
    }

    .tel-input .ee {
        background-position: -144px -33px
    }

    .tel-input .eg {
        background-position: -160px -33px
    }

    .tel-input .er {
        background-position: -176px -33px
    }

    .tel-input .es {
        background-position: -192px -33px
    }

    .tel-input .et {
        background-position: -208px -33px
    }

    .tel-input .fi {
        background-position: -224px -33px
    }

    .tel-input .fj {
        background-position: -240px -33px
    }

    .tel-input .fk {
        background-position: 0 -44px
    }

    .tel-input .fm {
        background-position: -16px -44px
    }

    .tel-input .fo {
        background-position: -32px -44px
    }

    .tel-input .bl, .tel-input .fr, .tel-input .mf {
        background-position: -48px -44px
    }

    .tel-input .ga {
        background-position: -64px -44px
    }

    .tel-input .gb {
        background-position: -80px -44px
    }

    .tel-input .gd {
        background-position: -96px -44px
    }

    .tel-input .ge {
        background-position: -112px -44px
    }

    .tel-input .gf {
        background-position: -128px -44px
    }

    .tel-input .gh {
        background-position: -144px -44px
    }

    .tel-input .gi {
        background-position: -160px -44px
    }

    .tel-input .gl {
        background-position: -176px -44px
    }

    .tel-input .gm {
        background-position: -192px -44px
    }

    .tel-input .gn {
        background-position: -208px -44px
    }

    .tel-input .gp {
        background-position: -224px -44px
    }

    .tel-input .gq {
        background-position: -240px -44px
    }

    .tel-input .gr {
        background-position: 0 -55px
    }

    .tel-input .gt {
        background-position: -16px -55px
    }

    .tel-input .gu {
        background-position: -32px -55px
    }

    .tel-input .gw {
        background-position: -48px -55px
    }

    .tel-input .gy {
        background-position: -64px -55px
    }

    .tel-input .hk {
        background-position: -80px -55px
    }

    .tel-input .hn {
        background-position: -96px -55px
    }

    .tel-input .hr {
        background-position: -112px -55px
    }

    .tel-input .ht {
        background-position: -128px -55px
    }

    .tel-input .hu {
        background-position: -144px -55px
    }

    .tel-input .id {
        background-position: -160px -55px
    }

    .tel-input .ie {
        background-position: -176px -55px
    }

    .tel-input .il {
        background-position: -192px -55px
    }

    .tel-input .in {
        background-position: -208px -55px
    }

    .tel-input .io {
        background-position: -224px -55px
    }

    .tel-input .iq {
        background-position: -240px -55px
    }

    .tel-input .ir {
        background-position: 0 -66px
    }

    .tel-input .is {
        background-position: -16px -66px
    }

    .tel-input .it {
        background-position: -32px -66px
    }

    .tel-input .jm {
        background-position: -48px -66px
    }

    .tel-input .jo {
        background-position: -64px -66px
    }

    .tel-input .jp {
        background-position: -80px -66px
    }

    .tel-input .ke {
        background-position: -96px -66px
    }

    .tel-input .kg {
        background-position: -112px -66px
    }

    .tel-input .kh {
        background-position: -128px -66px
    }

    .tel-input .ki {
        background-position: -144px -66px
    }

    .tel-input .km {
        background-position: -160px -66px
    }

    .tel-input .kn {
        background-position: -176px -66px
    }

    .tel-input .kp {
        background-position: -192px -66px
    }

    .tel-input .kr {
        background-position: -208px -66px
    }

    .tel-input .kw {
        background-position: -224px -66px
    }

    .tel-input .ky {
        background-position: -240px -66px
    }

    .tel-input .kz {
        background-position: 0 -77px
    }

    .tel-input .la {
        background-position: -16px -77px
    }

    .tel-input .lb {
        background-position: -32px -77px
    }

    .tel-input .lc {
        background-position: -48px -77px
    }

    .tel-input .li {
        background-position: -64px -77px
    }

    .tel-input .lk {
        background-position: -80px -77px
    }

    .tel-input .lr {
        background-position: -96px -77px
    }

    .tel-input .ls {
        background-position: -112px -77px
    }

    .tel-input .lt {
        background-position: -128px -77px
    }

    .tel-input .lu {
        background-position: -144px -77px
    }

    .tel-input .lv {
        background-position: -160px -77px
    }

    .tel-input .ly {
        background-position: -176px -77px
    }

    .tel-input .ma {
        background-position: -192px -77px
    }

    .tel-input .mc {
        background-position: -208px -77px
    }

    .tel-input .md {
        background-position: -224px -77px
    }

    .tel-input .me {
        background-position: -112px -154px;
        height: 12px
    }

    .tel-input .mg {
        background-position: 0 -88px
    }

    .tel-input .mh {
        background-position: -16px -88px
    }

    .tel-input .mk {
        background-position: -32px -88px
    }

    .tel-input .ml {
        background-position: -48px -88px
    }

    .tel-input .mm {
        background-position: -64px -88px
    }

    .tel-input .mn {
        background-position: -80px -88px
    }

    .tel-input .mo {
        background-position: -96px -88px
    }

    .tel-input .mp {
        background-position: -112px -88px
    }

    .tel-input .mq {
        background-position: -128px -88px
    }

    .tel-input .mr {
        background-position: -144px -88px
    }

    .tel-input .ms {
        background-position: -160px -88px
    }

    .tel-input .mt {
        background-position: -176px -88px
    }

    .tel-input .mu {
        background-position: -192px -88px
    }

    .tel-input .mv {
        background-position: -208px -88px
    }

    .tel-input .mw {
        background-position: -224px -88px
    }

    .tel-input .mx {
        background-position: -240px -88px
    }

    .tel-input .my {
        background-position: 0 -99px
    }

    .tel-input .mz {
        background-position: -16px -99px
    }

    .tel-input .na {
        background-position: -32px -99px
    }

    .tel-input .nc {
        background-position: -48px -99px
    }

    .tel-input .ne {
        background-position: -64px -99px
    }

    .tel-input .nf {
        background-position: -80px -99px
    }

    .tel-input .ng {
        background-position: -96px -99px
    }

    .tel-input .ni {
        background-position: -112px -99px
    }

    .tel-input .bq, .tel-input .nl {
        background-position: -128px -99px
    }

    .tel-input .no {
        background-position: -144px -99px
    }

    .tel-input .np {
        background-position: -160px -99px
    }

    .tel-input .nr {
        background-position: -176px -99px
    }

    .tel-input .nu {
        background-position: -192px -99px
    }

    .tel-input .nz {
        background-position: -208px -99px
    }

    .tel-input .om {
        background-position: -224px -99px
    }

    .tel-input .pa {
        background-position: -240px -99px
    }

    .tel-input .pe {
        background-position: 0 -110px
    }

    .tel-input .pf {
        background-position: -16px -110px
    }

    .tel-input .pg {
        background-position: -32px -110px
    }

    .tel-input .ph {
        background-position: -48px -110px
    }

    .tel-input .pk {
        background-position: -64px -110px
    }

    .tel-input .pl {
        background-position: -80px -110px
    }

    .tel-input .pm {
        background-position: -96px -110px
    }

    .tel-input .pr {
        background-position: -112px -110px
    }

    .tel-input .ps {
        background-position: -128px -110px
    }

    .tel-input .pt {
        background-position: -144px -110px
    }

    .tel-input .pw {
        background-position: -160px -110px
    }

    .tel-input .py {
        background-position: -176px -110px
    }

    .tel-input .qa {
        background-position: -192px -110px
    }

    .tel-input .re {
        background-position: -208px -110px
    }

    .tel-input .ro {
        background-position: -224px -110px
    }

    .tel-input .rs {
        background-position: -240px -110px
    }

    .tel-input .ru {
        background-position: 0 -121px
    }

    .tel-input .rw {
        background-position: -16px -121px
    }

    .tel-input .sa {
        background-position: -32px -121px
    }

    .tel-input .sb {
        background-position: -48px -121px
    }

    .tel-input .sc {
        background-position: -64px -121px
    }

    .tel-input .sd {
        background-position: -80px -121px
    }

    .tel-input .se {
        background-position: -96px -121px
    }

    .tel-input .sg {
        background-position: -112px -121px
    }

    .tel-input .sh {
        background-position: -128px -121px
    }

    .tel-input .si {
        background-position: -144px -121px
    }

    .tel-input .sk {
        background-position: -160px -121px
    }

    .tel-input .sl {
        background-position: -176px -121px
    }

    .tel-input .sm {
        background-position: -192px -121px
    }

    .tel-input .sn {
        background-position: -208px -121px
    }

    .tel-input .so {
        background-position: -224px -121px
    }

    .tel-input .sr {
        background-position: -240px -121px
    }

    .tel-input .ss {
        background-position: 0 -132px
    }

    .tel-input .st {
        background-position: -16px -132px
    }

    .tel-input .sv {
        background-position: -32px -132px
    }

    .tel-input .sx {
        background-position: -48px -132px
    }

    .tel-input .sy {
        background-position: -64px -132px
    }

    .tel-input .sz {
        background-position: -80px -132px
    }

    .tel-input .tc {
        background-position: -96px -132px
    }

    .tel-input .td {
        background-position: -112px -132px
    }

    .tel-input .tg {
        background-position: -128px -132px
    }

    .tel-input .th {
        background-position: -144px -132px
    }

    .tel-input .tj {
        background-position: -160px -132px
    }

    .tel-input .tk {
        background-position: -176px -132px
    }

    .tel-input .tl {
        background-position: -192px -132px
    }

    .tel-input .tm {
        background-position: -208px -132px
    }

    .tel-input .tn {
        background-position: -224px -132px
    }

    .tel-input .to {
        background-position: -240px -132px
    }

    .tel-input .tr {
        background-position: 0 -143px
    }

    .tel-input .tt {
        background-position: -16px -143px
    }

    .tel-input .tv {
        background-position: -32px -143px
    }

    .tel-input .tw {
        background-position: -48px -143px
    }

    .tel-input .tz {
        background-position: -64px -143px
    }

    .tel-input .ua {
        background-position: -80px -143px
    }

    .tel-input .ug {
        background-position: -96px -143px
    }

    .tel-input .us {
        background-position: -112px -143px
    }

    .tel-input .uy {
        background-position: -128px -143px
    }

    .tel-input .uz {
        background-position: -144px -143px
    }

    .tel-input .va {
        background-position: -160px -143px
    }

    .tel-input .vc {
        background-position: -176px -143px
    }

    .tel-input .ve {
        background-position: -192px -143px
    }

    .tel-input .vg {
        background-position: -208px -143px
    }

    .tel-input .vi {
        background-position: -224px -143px
    }

    .tel-input .vn {
        background-position: -240px -143px
    }

    .tel-input .vu {
        background-position: 0 -154px
    }

    .tel-input .wf {
        background-position: -16px -154px
    }

    .tel-input .ws {
        background-position: -32px -154px
    }

    .tel-input .ye {
        background-position: -48px -154px
    }

    .tel-input .za {
        background-position: -64px -154px
    }

    .tel-input .zm {
        background-position: -80px -154px
    }

    .tel-input .zw {
        background-position: -96px -154px
    }

.address-form {
    width: 100%
}

    .address-form .fields-width-wrapper {
        margin: 0
    }

@media (min-width:768px) {
    .address-form .fields-width-wrapper {
        margin: 0 -24px
    }
}

.address-form .fields-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

    .address-form .fields-wrapper .input-box.full {
        flex: 0 0 100%
    }

    .address-form .fields-wrapper .input-box.split {
        flex: 0 1 calc(50% - 8px)
    }

    .address-form .fields-wrapper .input-box.phone {
        margin-left: 16px
    }

    .address-form .fields-wrapper .input-box.invalid input, .address-form .fields-wrapper .input-box.isEmpty input {
        border-color: var(--colorError)
    }

    .address-form .fields-wrapper .input-box.invalid > label, .address-form .fields-wrapper .input-box.isEmpty > label {
        color: var(--colorError)
    }

    .address-form .fields-wrapper .input-box.invalid > .invalid-error-message, .address-form .fields-wrapper .input-box.isEmpty > .invalid-error-message {
        display: block
    }

    .address-form .fields-wrapper .input-box > .invalid-error-message {
        display: none
    }

.address-form > .error-message {
    margin-top: 0
}

.address-form > button {
    width: 100%
}

.address-form .label-container {
    display: inline-block;
    margin-top: 8px
}

.address-form .label-group {
    margin: 0;
    padding: 0;
    text-align: center
}

    .address-form .label-group div:first-child {
        padding-left: 0
    }

    .address-form .label-group div:last-child {
        padding-right: 0
    }

.address-form .label-icon {
    align-items: center;
    background: var(--colorWhite);
    border: none;
    border-radius: 50%;
    box-shadow: 0 .1rem .5rem rgba(0,0,0,.15);
    display: flex;
    height: 48px;
    justify-content: center;
    width: 48px
}

    .address-form .label-icon.active {
        background: var(--colorInteractionPrimary)
    }

    .address-form .label-icon .partner-icon {
        margin-top: 2px
    }

.map-box-wrapper {
    border-radius: 4px;
    box-shadow: 0 .2rem 1rem rgba(0,0,0,.12);
    margin-bottom: 16px;
    overflow: hidden
}

    .map-box-wrapper > .info {
        display: flex;
        justify-content: space-between;
        margin: 16px
    }

        .map-box-wrapper > .info .address-icon {
            background-color: var(--colorInteractionPrimaryFeedback);
            border-radius: 50%;
            height: 48px;
            margin-right: 8px;
            padding: 12px;
            width: 48px
        }

@media (min-width:768px) {
    .map-box-wrapper > .info {
        margin-left: 24px;
        margin-right: 24px
    }
}

.map-box-wrapper > .info > .edit {
    background: none;
    border: none;
    color: var(--colorInteractionPrimary);
    font-size: 1.4rem;
    font-weight: 300;
    font-weight: 600;
    white-space: nowrap
}

.map-box-wrapper > .info .address > .address-part-1 {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.25
}

.map-box-wrapper > .info .address > .address-part-2 {
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 1.25
}

.map-box-wrapper > .map-box {
    border: 0;
    min-height: 150px;
    overflow: auto;
    position: relative
}

    .map-box-wrapper > .map-box > div {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0
    }

        .map-box-wrapper > .map-box > div.message-box {
            -webkit-animation: slide-in-top .5s alternate both;
            animation: slide-in-top .5s alternate both;
            margin: 16px 8px;
            min-height: 56px;
            padding: 16px;
            position: relative;
            z-index: 1
        }

            .map-box-wrapper > .map-box > div.message-box > div {
                background: var(--colorInformation);
                border-radius: 5px;
                color: var(--colorWhite);
                line-height: 1.25;
                padding: 16px
            }

                .map-box-wrapper > .map-box > div.message-box > div.has-error {
                    background-color: var(--colorError);
                    transition: background-color .2s linear
                }

                .map-box-wrapper > .map-box > div.message-box > div.info {
                    background-color: var(--colorInformation)
                }

                .map-box-wrapper > .map-box > div.message-box > div.shake {
                    -webkit-animation: shake-horizontal .5s cubic-bezier(.455,.03,.515,.955) both;
                    animation: shake-horizontal .5s cubic-bezier(.455,.03,.515,.955) both
                }

@media (min-width:768px) {
    .map-box-wrapper > .map-box > div.message-box > div.shake {
        -webkit-animation: none;
        animation: none
    }

        .map-box-wrapper > .map-box > div.message-box > div.shake > div {
            -webkit-animation: shake-horizontal .5s cubic-bezier(.455,.03,.515,.955) both;
            animation: shake-horizontal .5s cubic-bezier(.455,.03,.515,.955) both
        }
}

.map-box-wrapper > .map-box > div.message-box > div > div {
    align-items: center;
    display: flex;
    justify-items: left
}

.map-box-wrapper > .map-box > div.message-box .error-icon {
    padding-right: 8px;
    position: relative;
    top: 2px
}

    .map-box-wrapper > .map-box > div.message-box .error-icon use {
        fill: var(--colorWhite)
    }

@media (min-width:768px) {
    .map-box-wrapper > .map-box > div.message-box {
        margin: inherit;
        padding: inherit
    }

        .map-box-wrapper > .map-box > div.message-box > div {
            border-radius: inherit
        }
}

.map-box-wrapper > .map-box .location-icon-container {
    align-items: center;
    display: flex;
    height: 0;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%;
    z-index: 20
}

    .map-box-wrapper > .map-box .location-icon-container #ic-location-pin {
        fill: #d70f64
    }

    .map-box-wrapper > .map-box .location-icon-container #tooltip-wrapper {
        display: none
    }

    .map-box-wrapper > .map-box .location-icon-container.dragging-stop #tooltip-wrapper {
        animation: bounce-in-tooltip 3s ease 0s 1 normal;
        bottom: 42px;
        display: inherit;
        height: auto;
        opacity: 1;
        position: fixed;
        width: auto
    }

        .map-box-wrapper > .map-box .location-icon-container.dragging-stop #tooltip-wrapper .tooltip.top {
            margin-top: 0;
            max-width: 176px;
            min-width: 104px;
            position: relative
        }

            .map-box-wrapper > .map-box .location-icon-container.dragging-stop #tooltip-wrapper .tooltip.top.tooltip-info .tooltip-arrow {
                background: var(--colorInformation);
                bottom: -3.5px;
                height: 7px;
                margin-left: -3.5px;
                width: 7px
            }

            .map-box-wrapper > .map-box .location-icon-container.dragging-stop #tooltip-wrapper .tooltip.top.tooltip-info .tooltip-inner {
                background: var(--colorInformation);
                color: var(--colorWhite)
            }

            .map-box-wrapper > .map-box .location-icon-container.dragging-stop #tooltip-wrapper .tooltip.top .tooltip-inner {
                border-radius: 3px;
                font-size: 1.4rem;
                font-size: 1.2rem;
                font-weight: 300;
                font-weight: 500;
                height: 100%;
                padding: 16px;
                text-align: center
            }

.map-box-wrapper > .map-box .mms-map-container.mms-map-container--tpl {
    z-index: 0
}

.map-box-wrapper > h3 {
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 12px;
    padding-left: 16px;
    padding-right: 16px
}

@media (min-width:768px) {
    .map-box-wrapper > h3 {
        padding-left: 24px;
        padding-right: 24px
    }
}

.map-box-wrapper > .address-form {
    padding-left: 16px;
    padding-right: 16px
}

@media (min-width:768px) {
    .map-box-wrapper > .address-form {
        padding-left: 24px;
        padding-right: 24px
    }
}

.full-width-wrapper {
    box-shadow: none;
    margin: 0 -24px 16px
}

    .full-width-wrapper .zoom-button {
        display: none
    }

.btn-close {
    background: transparent;
    border: 0;
    border-radius: 4px;
    cursor: pointer;
    padding: 0
}

    .btn-close:focus-visible {
        outline: .2rem solid var(--colorInteractionPrimary);
        outline-offset: .2rem
    }

    .btn-close svg {
        display: block
    }

.bds-c-modal__title {
    margin-top: 0
}

.address-search-container {
    text-align: left
}

    .address-search-container .address-suggestions {
        z-index: 110
    }

        .address-search-container .address-suggestions ul {
            max-height: 266px;
            overflow: auto
        }

            .address-search-container .address-suggestions ul li {
                vertical-align: middle
            }

@media (min-width:768px) {
    .address-search-container .address-suggestions ul li {
        margin-right: 8px
    }
}

.map-modal .modal-dialog {
    border-radius: 2px;
    height: 100%
}

@media (min-width:480px) {
    .map-modal .modal-dialog {
        margin-top: 0;
        max-width: 500px;
        width: auto
    }
}

.map-modal .modal-content {
    border-radius: 3px;
    height: 100%;
    padding: 0
}

@media (min-width:480px) {
    .map-modal .modal-content {
        border-radius: 8px;
        height: 85%;
        margin-top: 10%;
        max-height: 411px
    }
}

.map-modal .modal-body {
    height: 100%;
    padding: 0;
    position: relative
}

.map-modal .map-modal__header {
    min-height: 40px;
    padding-top: 7px;
    text-align: center
}

.map-modal__header-content {
    font-size: 1.6rem;
    font-weight: 600;
    margin: 0 45px;
    padding-top: 6px
}

.map-modal__map {
    border: 4px solid #fff;
    border-radius: 2px;
    height: 92%;
    position: absolute;
    width: 100%
}

@media (min-width:480px) {
    .map-modal__map {
        border-width: 7px
    }
}

.map-modal__map.map-box {
    border: 0;
    height: calc(100% + 64px);
    margin-left: -24px;
    margin-right: -24px;
    margin-top: -48px;
    overflow: auto;
    position: relative;
    width: calc(100% + 48px)
}

@media (min-width:768px) {
    .map-modal__map.map-box {
        height: 412px;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        width: 100%
    }
}

.map-modal__map.map-box > div {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

    .map-modal__map.map-box > div.message-box {
        -webkit-animation: slide-in-top .5s alternate both;
        animation: slide-in-top .5s alternate both;
        margin: 16px 8px;
        min-height: 56px;
        padding: 16px;
        position: relative;
        z-index: 1
    }

        .map-modal__map.map-box > div.message-box > div {
            background: var(--colorInformation);
            border-radius: 5px;
            color: var(--colorWhite);
            line-height: 1.25;
            padding: 16px
        }

            .map-modal__map.map-box > div.message-box > div.has-error {
                background-color: var(--colorError);
                transition: background-color .2s linear
            }

            .map-modal__map.map-box > div.message-box > div.info {
                background-color: var(--colorInformation)
            }

            .map-modal__map.map-box > div.message-box > div.shake {
                -webkit-animation: shake-horizontal .5s cubic-bezier(.455,.03,.515,.955) both;
                animation: shake-horizontal .5s cubic-bezier(.455,.03,.515,.955) both
            }

@media (min-width:768px) {
    .map-modal__map.map-box > div.message-box > div.shake {
        -webkit-animation: none;
        animation: none
    }

        .map-modal__map.map-box > div.message-box > div.shake > div {
            -webkit-animation: shake-horizontal .5s cubic-bezier(.455,.03,.515,.955) both;
            animation: shake-horizontal .5s cubic-bezier(.455,.03,.515,.955) both
        }
}

.map-modal__map.map-box > div.message-box > div > div {
    align-items: center;
    display: flex;
    justify-items: left
}

.map-modal__map.map-box > div.message-box .error-icon {
    padding-right: 8px;
    position: relative;
    top: 2px
}

    .map-modal__map.map-box > div.message-box .error-icon use {
        fill: var(--colorWhite)
    }

@media (min-width:768px) {
    .map-modal__map.map-box > div.message-box {
        margin: inherit;
        padding: inherit
    }

        .map-modal__map.map-box > div.message-box > div {
            border-radius: inherit
        }
}

.map-modal__map.map-box .location-icon-container {
    align-items: center;
    display: flex;
    height: 0;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%;
    z-index: 20
}

    .map-modal__map.map-box .location-icon-container #tooltip-wrapper {
        display: none
    }

    .map-modal__map.map-box .location-icon-container.dragging-stop #tooltip-wrapper {
        animation: bounce-in-tooltip 3s ease 0s 1 normal;
        bottom: 42px;
        display: inherit;
        height: auto;
        opacity: 1;
        position: fixed;
        width: auto
    }

        .map-modal__map.map-box .location-icon-container.dragging-stop #tooltip-wrapper .tooltip.top {
            margin-top: 0;
            max-width: 176px;
            min-width: 104px;
            position: relative
        }

            .map-modal__map.map-box .location-icon-container.dragging-stop #tooltip-wrapper .tooltip.top.tooltip-info .tooltip-arrow {
                background: var(--colorInformation);
                bottom: -3.5px;
                height: 7px;
                margin-left: -3.5px;
                width: 7px
            }

            .map-modal__map.map-box .location-icon-container.dragging-stop #tooltip-wrapper .tooltip.top.tooltip-info .tooltip-inner {
                background: var(--colorInformation);
                color: var(--colorWhite)
            }

            .map-modal__map.map-box .location-icon-container.dragging-stop #tooltip-wrapper .tooltip.top .tooltip-inner {
                border-radius: 3px;
                font-size: 1.4rem;
                font-size: 1.2rem;
                font-weight: 300;
                font-weight: 500;
                height: 100%;
                padding: 16px;
                text-align: center
            }

.map-modal__map.map-box .mms-map-container.mms-map-container--tpl {
    z-index: 0
}

@-webkit-keyframes slide-in-top {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slide-in-top {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes shake-horizontal {
    0%,to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(-8px);
        transform: translateX(-8px)
    }

    75% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }
}

@keyframes shake-horizontal {
    0%,to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(-8px);
        transform: translateX(-8px)
    }

    75% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }
}

@keyframes bounce-in-tooltip {
    0% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    60% {
        opacity: 1
    }
}

.map-modal__map-center-icon {
    left: 50%;
    margin-top: -16px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 1
}

#ic-location-pin {
    fill: var(--colorBrandPrimary)
}

.map-modal-address-wrapper {
    margin: 0 5%;
    position: relative;
    top: 15px;
    width: 90%
}

    .map-modal-address-wrapper .map-modal__autocomplete__input {
        min-height: 60px;
        padding-bottom: 8px;
        padding-left: 16px;
        padding-top: 8px;
        position: relative;
        width: 100%;
        z-index: 1
    }

.map-modal__submit__button {
    bottom: 30px;
    font-size: 1.4rem;
    font-weight: 600;
    margin: 0 20%;
    position: absolute;
    width: 60%;
    z-index: 1
}

.map-modal .tooltip {
    margin-left: 5%
}

.map-modal .modal-close-button {
    z-index: 1
}

.map-modal__form-icon-search {
    font-weight: 700;
    left: 10px;
    margin-left: 1%;
    position: absolute;
    top: 21px;
    z-index: 2
}

.map-modal__error-message.error-message.full {
    background: var(--colorError);
    color: var(--colorWhite);
    margin: 0 5%;
    padding: 8px;
    position: absolute;
    top: 63px;
    width: 90%;
    z-index: 1
}

.modal.modal-alert .modal-dialog {
    margin-top: 0;
    -webkit-transform: translate(0);
    transform: translate(0)
}

@media (min-width:480px) {
    .modal.modal-alert .modal-dialog {
        left: 50%;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }
}

.map-overlay .map-header {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    margin-bottom: 0
}

@media (min-width:768px) {
    .map-overlay .map-header {
        flex-direction: row;
        height: 32px
    }
}

.map-overlay .map-header .map-title {
    color: var(--colorNeutralPrimary);
    display: none;
    font-size: 2.4rem;
    font-weight: 700;
    height: 32px;
    margin-top: 16px
}

@media (max-width:374px) {
    .map-overlay .map-header .map-title {
        display: none;
        font-size: 1.8rem;
        font-weight: 700
    }
}

@media (min-width:768px) {
    .map-overlay .map-header .map-title {
        display: block;
        flex-direction: row;
        margin-top: 0
    }
}

.map-overlay .map-header .map-close {
    background: none;
    border: none;
    float: left;
    height: 24px;
    padding: 0
}

@media (min-width:768px) {
    .map-overlay .map-header .map-close {
        height: auto;
        width: 32px
    }
}

.map-overlay .map-header .map-close .svg-stroke-container {
    left: 0;
    position: relative;
    top: -4px
}

@media (min-width:768px) {
    .map-overlay .map-header .map-close .svg-stroke-container {
        left: 16px;
        top: -8px
    }
}

.map-overlay .map-header .map-close .svg-stroke-container #ic_closeIcon {
    fill: var(--colorInteractionSecondary)
}

.map-overlay .button.map-submit-button {
    border: none;
    width: 100%
}

@media (min-width:768px) {
    .map-overlay .button.map-submit-button {
        width: 294px
    }
}

.map-overlay .button.map-submit-button.button-loading-ghost {
    background-color: var(--colorWhite) !important;
    background-image: url(https://micro-assets.foodora.com/298a69f20fb71ddabc19e42f69980a78.svg);
    background-image: url(https://micro-assets.foodora.com/ac941d611be7910f44bfbacc07e18692.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    border-color: #ea81ae !important;
    color: transparent !important
}

    .lane-component .button-holder:hover .map-overlay .map-submit-button.button-loading-ghost.nav-scroller, .map-overlay .button.map-submit-button.button-loading-ghost:hover, .map-overlay .lane-component .button-holder:hover .map-submit-button.button-loading-ghost.nav-scroller {
        cursor: default
    }

.map-overlay .button.map-submit-button.button-loading {
    background-color: #ea81ae !important;
    background-image: url(https://micro-assets.foodora.com/298a69f20fb71ddabc19e42f69980a78.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    border-color: #ea81ae !important;
    color: transparent !important
}

    .lane-component .button-holder:hover .map-overlay .map-submit-button.button-loading.nav-scroller, .map-overlay .button.map-submit-button.button-loading:hover, .map-overlay .lane-component .button-holder:hover .map-submit-button.button-loading.nav-scroller {
        cursor: default
    }

.react-modal.modal.react-map-modal {
    padding-top: 0;
    z-index: 1350
}

    .react-modal.modal.react-map-modal .gmnoprint {
        display: none
    }

@media (min-width:768px) {
    .react-modal.modal.react-map-modal .gmnoprint {
        display: block
    }
}

.react-modal.modal.react-map-modal .modal-body {
    height: calc(100vh - 144px);
    margin-bottom: -24px;
    overflow: visible
}

@media (min-width:768px) {
    .react-modal.modal.react-map-modal .modal-body {
        height: auto;
        margin-bottom: 0
    }
}

.react-modal.modal.react-map-modal .actions-container {
    align-items: center;
    bottom: 16px;
    display: flex;
    justify-content: center;
    margin-left: 0
}

@media (max-width:767px) {
    .react-modal.modal.react-map-modal .actions-container {
        left: 16px;
        position: fixed;
        right: 16px
    }
}

@media (min-width:768px) {
    .react-modal.modal.react-map-modal .actions-container {
        bottom: 24px;
        margin-left: 20%;
        position: absolute;
        width: 60%
    }
}

.react-modal.modal.react-map-modal .modal-content {
    padding: 16px
}

@media (min-width:768px) {
    .react-modal.modal.react-map-modal .modal-content {
        border-radius: 8px;
        padding: 32px
    }

    .react-modal.modal.react-map-modal .modal-header {
        margin-bottom: 24px
    }

    .react-modal.modal.react-map-modal .modal-close-button {
        left: auto;
        position: fixed;
        right: 16px;
        top: -16px
    }

    .react-modal.modal.react-map-modal .modal-dialog {
        margin: 48px auto;
        max-height: 600px;
        width: 600px
    }
}

.react-modal.modal.react-map-modal .empty-input {
    background-color: var(--colorErrorHighlight)
}

.react-modal.modal.react-map-modal .map-zooms-container {
    position: absolute;
    right: 25px;
    top: 100px
}

@media (min-width:768px) {
    .react-modal.modal.react-map-modal .map-zooms-container {
        right: 10px
    }
}

.react-modal.modal.react-map-modal .zoom-control {
    background-color: var(--colorWhite);
    border-radius: 8px;
    box-shadow: 0 .3rem 2rem rgba(0,0,0,.1);
    cursor: pointer
}

.react-modal.modal.react-map-modal .zoom-button {
    display: flex;
    padding: 8px
}

.react-modal.modal.react-map-modal .divider {
    background-color: var(--colorNeutralDivider);
    border-bottom: 1px solid var(--colorNeutralBorder);
    border-top: 1px solid var(--colorNeutralBorder);
    height: 1px;
    width: 100%
}

.react-modal.modal.react-map-modal .address-search-container .validation-wrapper .locate-loading {
    background-color: var(--colorWhite);
    border-radius: 50%;
    box-shadow: 0 .3rem 2rem rgba(0,0,0,.1);
    left: 500px;
    padding-left: 0;
    padding-right: 0;
    top: 342px
}

.react-modal.modal.react-map-modal .address-search-container .validation-wrapper .map-opened {
    background-color: var(--colorWhite);
    border: none;
    border-radius: 50%;
    box-shadow: 0 .3rem 2rem rgba(0,0,0,.1);
    height: auto;
    right: 0;
    top: 400px
}

@media (min-width:768px) {
    .react-modal.modal.react-map-modal .address-search-container .validation-wrapper .map-opened {
        right: 10px;
        top: 342px
    }
}

@media (max-width:375px) {
    .react-modal.modal.react-map-modal .address-search-container .validation-wrapper .map-opened {
        top: 380px
    }
}

.react-modal.modal.react-map-modal .address-search-container .locate-me {
    background-color: transparent;
    padding: 8px;
    top: 24px;
    z-index: 20
}

.react-modal.modal.react-map-modal .address-search-container .address-suggestions {
    z-index: 30
}

@media (min-width:768px) {
    .react-modal.modal.react-map-modal .address-search-container {
        margin-bottom: 16px
    }
}

.react-modal.modal.react-map-modal .address-search-container .restaurants__location__input {
    height: 48px;
    z-index: 10
}

@media (max-width:767px) {
    .react-modal.modal.react-map-modal .address-search-container .restaurants__location__input {
        line-height: 1.5
    }
}

@media (min-width:768px) {
    .react-modal.modal.react-map-modal .address-search-container .restaurants__location__input {
        border: 1px solid var(--colorNeutralBorder)
    }

        .react-modal.modal.react-map-modal .address-search-container .restaurants__location__input.empty-input {
            border: 1px solid var(--colorError)
        }
}

.react-modal.modal.react-map-modal .address-search-container .validation-wrapper .align-left.tooltip-error {
    margin-top: 3px;
    max-width: 176px;
    min-width: 104px
}

    .react-modal.modal.react-map-modal .address-search-container .validation-wrapper .align-left.tooltip-error .tooltip-arrow {
        left: 24px !important;
        top: -3.5px
    }

.react-modal.modal.react-map-modal .address-search-container .tooltip-inner {
    border-radius: 3px;
    font-size: 1.4rem;
    font-size: 1.2rem;
    font-weight: 300;
    font-weight: 500;
    height: 100%;
    height: 66px;
    padding: 16px;
    text-align: center
}

.react-modal.modal.react-map-modal .address-search-container .msg-title {
    display: none;
    z-index: 20
}

@media (min-width:768px) {
    .react-modal.modal.react-map-modal .address-search-container .msg-title {
        display: block
    }
}

.react-modal.modal.react-map-modal .address-search-container .calcul-animation {
    background-color: transparent;
    right: 1px;
    top: 24px;
    z-index: 21
}

@media (max-width:767px) {
    .react-modal.modal.react-map-modal .address-search-container .validation-wrapper.m-view {
        background-color: #fff;
        display: flex;
        height: 100vh;
        left: -88px;
        position: absolute;
        right: -16px;
        top: -72px;
        z-index: 21
    }

        .react-modal.modal.react-map-modal .address-search-container .validation-wrapper.m-view .cancel-search {
            background-color: var(--colorWhite);
            display: block;
            height: 48px;
            left: 72px;
            padding: 12px;
            position: absolute;
            top: 8px;
            width: 48px;
            z-index: 1
        }
}

.react-modal.modal.react-map-modal .address-search-container .validation-wrapper.m-view .cancel-search.invalid {
    background-color: var(--colorErrorHighlight)
}

@media (max-width:767px) {
    .react-modal.modal.react-map-modal .address-search-container .validation-wrapper.m-view #delivery-information-postal-index {
        box-shadow: 0 .2rem 1rem rgba(0,0,0,.12);
        height: 64px;
        left: 72px;
        padding-left: 48px;
        padding-right: 48px;
        padding-top: 12px;
        top: 0;
        width: calc(100% - 72px);
        z-index: 0
    }

    .react-modal.modal.react-map-modal .address-search-container .validation-wrapper.m-view .locate-me {
        height: 48px;
        padding: 12px;
        right: 0;
        top: 32px;
        width: 48px
    }

    .react-modal.modal.react-map-modal .address-search-container .validation-wrapper.m-view .calcul-animation {
        height: 48px;
        right: 0;
        top: 8px
    }

    .react-modal.modal.react-map-modal .address-search-container .validation-wrapper.m-view #address-suggestions {
        box-shadow: none;
        left: 72px;
        padding: 8px 24px 24px;
        position: absolute;
        right: 0;
        top: 48px;
        width: auto;
        z-index: -1
    }
}

.react-modal.modal.react-map-modal .validation-wrapper {
    box-shadow: 0 .2rem 1rem rgba(0,0,0,.12)
}

@media (min-width:768px) {
    .react-modal.modal.react-map-modal .validation-wrapper {
        box-shadow: none
    }
}

.react-modal.modal.react-map-modal .validation-wrapper .invalid-error-message, .where-wrapper .validation-wrapper-Mweb {
    display: none
}

.where-wrapper .locate-me-button-Mweb {
    display: block
}

    .where-wrapper .locate-me-button-Mweb .locate-me-component {
        display: flex
    }

    .where-wrapper .locate-me-button-Mweb svg {
        fill: var(--colorInteractionPrimary);
        margin-right: 16px
    }

.where-wrapper .add-new-address-button {
    align-items: center;
    color: var(--colorInteractionPrimary);
    display: flex;
    flex-direction: row;
    font-size: 14px;
    font-weight: 700;
    height: 80px;
    justify-content: center
}

.where-wrapper #tooltip .tooltip-inner {
    background-color: var(--colorInformation);
    padding: 6px
}

.where-wrapper #tooltip.left .tooltip-arrow {
    background-color: var(--colorInformation);
    right: -3px
}

.where-wrapper #tooltip.left {
    background: none;
    top: -15%
}

.where-wrapper #saved-address-wrapper {
    border-radius: 12px;
    margin: 2px 0;
    padding: 0 16px;
    width: 95%
}

    .where-wrapper #saved-address-wrapper:hover {
        background-color: var(--colorNeutralSurface)
    }

        .where-wrapper #saved-address-wrapper:hover .tooltip-button {
            opacity: 1
        }

    .where-wrapper #saved-address-wrapper.isActivesavedAddress {
        background-color: var(--colorInteractionPrimaryFeedback)
    }

.where-wrapper .tooltip-button {
    background: none;
    border: none;
    color: var(--colorWhite);
    display: inline;
    font-size: 1.2rem;
    font-weight: 600;
    opacity: 1;
    transition: .3s ease
}

@media (min-width:768px) {
    .where-wrapper .tooltip-button {
        opacity: 0
    }
}

.where-wrapper .tooltip-button#delete-btn {
    padding: 0 0 0 8px
}

.where-wrapper .saved-address-tooltip {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: end;
    width: 16%
}

    .where-wrapper .saved-address-tooltip .tooltip-box {
        background-color: var(--colorInformation);
        visibility: hidden
    }

    .where-wrapper .saved-address-tooltip:hover .tooltip-box {
        visibility: visible
    }

.where-wrapper .location-search-button {
    background: none;
    border: none
}

    .where-wrapper .location-search-button .expedition-type-text {
        font-size: 1.2rem;
        text-align: center
    }

@media (min-width:768px) {
    .where-wrapper .location-search-button .expedition-type-text {
        text-align: left
    }
}

.where-wrapper .location-search-button .address-text, .where-wrapper .location-search-button .label-text {
    font-size: 1.2rem
}

.where-wrapper .header-overlay {
    z-index: -2
}

.when-wrapper:not(.hide) ~ .where-wrapper .location-search-component {
    width: 200%
}

.where-wrapper .location-search-component.react.open {
    border-radius: 0 0 4px 4px
}

@media (max-width:767px) {
    .where-wrapper .location-search-component.react.open {
        width: 100%
    }
}

.where-wrapper .location-search-component.react.open .saved-address-list {
    max-height: 60vh;
    overflow-y: auto;
    width: calc(100% + 22px)
}

@media (min-width:768px) {
    .where-wrapper .location-search-component.react.open .saved-address-list {
        max-height: 300px
    }
}

.where-wrapper .location-search-component.react.open .address-info {
    cursor: pointer;
    margin-bottom: 12px;
    margin-top: 12px;
    width: 100%
}

    .where-wrapper .location-search-component.react.open .address-info > .radio-button {
        margin: 0 16px 0 0
    }

.where-wrapper .location-search-component.react.open .validation-wrapper .map-closed {
    background: transparent;
    border: none;
    padding: 8px;
    top: 24px
}

.where-wrapper .location-search-component.react.open .validation-wrapper.validation__error.empty-input > .invalid-error-message, .where-wrapper .location-search-component.react.open .validation-wrapper > .invalid-error-message {
    display: none
}

.where-wrapper .location-search-component.react.open .validation-wrapper.validation__error > .invalid-error-message {
    display: block
}

@media (max-width:767px) {
    .where-wrapper .location-search-component.react.open .validation-wrapper.validation__error > .invalid-error-message {
        position: absolute;
        top: 64px
    }
}

.where-wrapper .location-search-component.react.open.location-serach-component-Mweb {
    border-radius: 0 0 4px 4px
}

@media (max-width:767px) {
    .where-wrapper .location-search-component.react.open.location-serach-component-Mweb {
        border-radius: 16px 16px 4px 4px;
        bottom: 0;
        position: fixed
    }
}

.where-wrapper .input-box {
    width: 100%
}

.address-suggestions {
    background-color: var(--colorWhite);
    box-shadow: 0 .1rem .5rem rgba(0,0,0,.15);
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 2
}

    .address-suggestions .suggestion-item {
        cursor: pointer;
        font-size: 1.4rem;
        font-weight: 300;
        padding-right: 16px
    }

        .address-suggestions .suggestion-item.selected-suggestion {
            background-color: #fafafa;
            cursor: pointer
        }

        .address-suggestions .suggestion-item .autocomplete {
            min-height: 48px
        }

        .address-suggestions .suggestion-item .item {
            overflow: hidden;
            padding: 12px 0 12px 24px;
            text-overflow: ellipsis;
            white-space: nowrap
        }

            .address-suggestions .suggestion-item .item > svg {
                fill: var(--colorInteractionPrimary);
                flex-shrink: 0;
                margin-right: 8px
            }

            .address-suggestions .suggestion-item .item.saved-address {
                align-items: normal;
                display: flex;
                padding-left: 14px
            }

                .address-suggestions .suggestion-item .item.saved-address .labeled-address {
                    overflow: hidden
                }

                .address-suggestions .suggestion-item .item.saved-address .label {
                    color: var(--colorNeutralPrimary);
                    font-size: 1.4rem;
                    font-weight: 600;
                    margin: 0
                }

        .address-suggestions .suggestion-item .main-address {
            color: var(--colorNeutralPrimary);
            overflow: hidden;
            text-overflow: ellipsis;
            vertical-align: middle;
            white-space: nowrap
        }

        .address-suggestions .suggestion-item .secondary-address {
            color: var(--colorNeutralSecondary);
            text-overflow: ellipsis
        }

    .address-suggestions .focused {
        background-color: #fafafa
    }

.where-wrapper .location-search-component {
    position: relative;
    z-index: 1300
}

.location-search-component.react {
    display: none
}

    .location-search-component.react.open {
        background-color: var(--colorWhite);
        display: flex;
        padding: 22px 22px 0
    }

        .location-search-component.react.open .validation-wrapper .restaurants-search-form__input {
            height: 48px
        }

        .location-search-component.react.open .validation-wrapper .msg-title {
            display: none
        }

@media (min-width:768px) {
    .location-search-component.react.open .validation-wrapper .msg-title {
        display: block
    }
}

.location-search-component.react.open .validation-wrapper .address-suggestions {
    border-radius: 4px;
    box-shadow: none;
    margin-left: -24px;
    margin-top: 0;
    padding-right: 0;
    position: absolute;
    width: 100%
}

.location-search-component.react.open .validation-wrapper ul {
    background: var(--colorWhite);
    border-radius: 4px;
    margin-right: -108px;
    padding: 0
}

.location-search-component.react.open .validation-wrapper .suggestion-item {
    padding-left: 36px;
    padding-right: 0
}

    .location-search-component.react.open .validation-wrapper .suggestion-item .item {
        background-color: var(--colorWhite);
        font-size: 1.4rem;
        font-weight: 300;
        padding-left: 16px
    }

.location-search-component.react.open .validation-wrapper .focused .item {
    background-color: #fafafa
}

.location-search-component.react.open .react-map-modal .address-suggestions {
    margin-left: 0
}

    .location-search-component.react.open .react-map-modal .address-suggestions ul {
        margin-right: 0
    }

        .location-search-component.react.open .react-map-modal .address-suggestions ul .suggestion-item {
            padding-left: 16px
        }

.location-search-component.react.open .location-search-go-icon {
    border-color: var(--colorInteractionPrimary);
    line-height: 0
}

    .location-search-component.react.open .location-search-go-icon:hover {
        background: var(--colorInteractionPrimary);
        box-shadow: none;
        color: unset
    }

.corporate-address-search-container {
    margin-bottom: 24px;
    width: 100%
}

.corporate-address-bar {
    height: 100%;
    position: relative;
    width: 100%
}

    .corporate-address-bar .address-label {
        background-color: var(--colorWhite);
        font-size: 1rem;
        left: 8px;
        position: absolute;
        top: -8px
    }

    .corporate-address-bar .location-dropdown {
        height: 100%
    }

        .corporate-address-bar .location-dropdown .location-toggle-btn {
            background-color: var(--colorWhite);
            border: 1px solid var(--colorNeutralBorder);
            border-radius: 8px;
            box-sizing: border-box;
            font-size: 1.4rem;
            height: 100%;
            outline: none;
            padding: 12px calc($select-horizontal-padding - $select-border-width);
            text-align: left;
            width: 100%
        }

            .corporate-address-bar .location-dropdown .location-toggle-btn span:first-child {
                display: inline-block;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                width: 95%
            }

            .corporate-address-bar .location-dropdown .location-toggle-btn .header-order-button-arrow {
                position: absolute;
                right: 16px;
                transform: rotate(90deg)
            }

            .corporate-address-bar .location-dropdown .location-toggle-btn.active {
                border-color: #000
            }

                .corporate-address-bar .location-dropdown .location-toggle-btn.active .header-order-button-arrow {
                    right: 16px;
                    transform: rotate(-90deg)
                }

    .corporate-address-bar .location-list {
        background-color: var(--colorWhite);
        border: 1px solid var(--colorNeutralBorder);
        box-shadow: 0 .2rem 1rem rgba(0,0,0,.12);
        max-height: 180px;
        overflow-y: auto;
        position: absolute;
        width: 100%;
        z-index: 999
    }

        .corporate-address-bar .location-list li {
            cursor: pointer;
            font-size: 1.4rem;
            padding: 16px;
            width: 100%
        }

            .corporate-address-bar .location-list li:hover {
                background-color: var(--colorNeutralSurface)
            }

.location-search-component.react.open.m-view {
    height: 100%;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%
}

    .location-search-component.react.open.m-view .empty-input, .location-search-component.react.open.m-view .empty-input .locate-me {
        background-color: var(--colorErrorHighlight)
    }

    .location-search-component.react.open.m-view .validation-wrapper {
        align-items: center;
        box-shadow: 0 .2rem 1rem rgba(0,0,0,.12);
        display: flex
    }

        .location-search-component.react.open.m-view .validation-wrapper .restaurants-search-form__input {
            border: none;
            height: 64px
        }

        .location-search-component.react.open.m-view .validation-wrapper .cancel-search {
            display: block;
            padding-left: 8px
        }

        .location-search-component.react.open.m-view .validation-wrapper .address-suggestions {
            margin-left: 0;
            margin-top: 8px;
            padding-left: 36px
        }

        .location-search-component.react.open.m-view .validation-wrapper ul {
            margin-right: 0;
            padding-right: 24px
        }

        .location-search-component.react.open.m-view .validation-wrapper .msg-title {
            display: none
        }

        .location-search-component.react.open.m-view .validation-wrapper .suggestion-item {
            padding-left: 0
        }

    .location-search-component.react.open.m-view .react-map-modal .cancel-search {
        display: none
    }

    .location-search-component.react.open.m-view .react-map-modal .validation-wrapper {
        display: flex;
        flex-direction: column;
        width: auto
    }

        .location-search-component.react.open.m-view .react-map-modal .validation-wrapper #delivery-information-postal-index {
            width: 100%
        }

    .location-search-component.react.open.m-view .location-search-go-icon {
        display: none
    }

    .location-search-component.react.open.m-view .corporate-address-search-container {
        padding: 24px
    }

.location-search-component {
    border-top: 1px solid var(--colorNeutralDivider);
    outline: none
}

    .location-search-component .modal-wrapper {
        max-width: none;
        min-height: auto;
        padding: 0;
        transform: none
    }

    .location-search-component .location-search-container {
        margin: 0;
        overflow: visible;
        padding: 22px 22px 0
    }

        .location-search-component .location-search-container .location-search-form {
            display: flex
        }

            .location-search-component .location-search-container .location-search-form .location-search-cancel {
                display: none
            }

            .location-search-component .location-search-container .location-search-form .address-search-container .restaurants__location__input {
                display: inline-flex
            }

            .location-search-component .location-search-container .location-search-form .address-search-container .react-modal.react-map-modal .validation-wrapper {
                box-shadow: 0 .3rem 2rem rgba(0,0,0,.1)
            }

                .location-search-component .location-search-container .location-search-form .address-search-container .react-modal.react-map-modal .validation-wrapper .restaurants-search-form__input {
                    height: 48px
                }

                .location-search-component .location-search-container .location-search-form .address-search-container .react-modal.react-map-modal .validation-wrapper .address-suggestions {
                    margin-left: 0;
                    margin-top: 0;
                    position: absolute;
                    top: 100%;
                    width: 100%
                }

@media (min-width:768px) {
    .location-search-component .location-search-container .location-search-form .address-search-container .react-modal.react-map-modal .validation-wrapper .address-suggestions {
        padding-left: 0;
        padding-right: 0
    }
}

.location-search-component .location-search-container .location-search-form .address-search-container .react-modal.react-map-modal .validation-wrapper .address-suggestions ul {
    margin-right: 0;
    padding: 0
}

    .location-search-component .location-search-container .location-search-form .address-search-container .react-modal.react-map-modal .validation-wrapper .address-suggestions ul .suggestion-item, .location-search-component .location-search-container .location-search-form .address-search-container .react-modal.react-map-modal .validation-wrapper .address-suggestions ul .suggestion-item .item {
        padding-left: 16px
    }

.location-search-component .location-search-container .location-search-form .address-search-container .validation-wrapper .restaurants-search-form__input {
    height: 48px
}

.location-search-component .location-search-container .location-search-form .address-search-container .validation-wrapper .msg-title {
    display: none
}

@media (min-width:960px) {
    .location-search-component .location-search-container .location-search-form .address-search-container .validation-wrapper .msg-title {
        display: block
    }
}

.location-search-component .location-search-container .location-search-form .address-search-container .validation-wrapper .address-suggestions {
    margin-left: -12px;
    margin-top: 24px;
    padding-right: 0;
    position: absolute;
    width: 100%
}

@media (min-width:768px) {
    .location-search-component .location-search-container .location-search-form .address-search-container .validation-wrapper .address-suggestions {
        margin-left: -24px;
        margin-top: 0;
        padding-left: 24px;
        padding-right: 24px
    }
}

.location-search-component .location-search-container .location-search-form .address-search-container .validation-wrapper ul {
    padding: 0
}

@media (min-width:768px) {
    .location-search-component .location-search-container .location-search-form .address-search-container .validation-wrapper ul {
        margin-right: -120px
    }

    .location-search-component .location-search-container .location-search-form .address-search-container .validation-wrapper .suggestion-item {
        padding-right: 0
    }
}

.location-search-component .location-search-container .location-search-form .address-search-container .validation-wrapper .suggestion-item .item {
    background-color: var(--colorWhite);
    font-size: 1.4rem;
    font-weight: 300;
    padding-left: 16px
}

.location-search-component .location-search-container .location-search-form .address-search-container .validation-wrapper .focused .item {
    background-color: #fafafa
}

.location-search-component .location-search-container .location-search-form .location-search-go-icon {
    height: 48px;
    line-height: 0;
    width: 48px
}

.location-search-component .location-search-container .address-suggestions {
    box-shadow: none;
    position: static
}

    .location-search-component .location-search-container .address-suggestions ul {
        padding: 8px 0
    }

.location-search-component:not(.modal) .address-suggestions .suggestion-item .item {
    padding-left: 0
}

.location-search-component.modal {
    border-top: 0
}

    .location-search-component.modal .modal-wrapper {
        min-height: 100vh;
        outline: none
    }

    .location-search-component.modal .location-search-container {
        padding: 0
    }

        .location-search-component.modal .location-search-container .location-search-form {
            align-items: center;
            box-shadow: 0 .1rem .5rem rgba(0,0,0,.15);
            padding: 16px
        }

            .location-search-component.modal .location-search-container .location-search-form .location-search-cancel {
                cursor: pointer;
                display: inherit;
                flex: 0 0 auto;
                height: 48px;
                margin: 0 -12px;
                overflow: visible;
                padding: 12px;
                width: 48px
            }

                .location-search-component.modal .location-search-container .location-search-form .location-search-cancel svg use {
                    fill: var(--colorInteractionPrimary)
                }

            .location-search-component.modal .location-search-container .location-search-form .react-modal.react-map-modal .address-search-container {
                margin-bottom: 16px
            }

                .location-search-component.modal .location-search-container .location-search-form .react-modal.react-map-modal .address-search-container .restaurants__location__input {
                    border: 1px solid var(--colorNeutralBorder);
                    font-size: 1.6rem;
                    font-weight: 300
                }

                .location-search-component.modal .location-search-container .location-search-form .react-modal.react-map-modal .address-search-container .locate-me {
                    right: 1px
                }

            .location-search-component.modal .location-search-container .location-search-form .address-search-container {
                margin-bottom: 0
            }

                .location-search-component.modal .location-search-container .location-search-form .address-search-container .input-box {
                    flex: 1 1 100%;
                    margin: 0
                }

                    .location-search-component.modal .location-search-container .location-search-form .address-search-container .input-box .restaurants__location__input {
                        border: 0;
                        font-size: 1.6rem;
                        font-weight: 300;
                        padding-left: 16px;
                        padding-right: 39px
                    }

                        .location-search-component.modal .location-search-container .location-search-form .address-search-container .input-box .restaurants__location__input.no-animation ~ label {
                            font-size: 1.6rem;
                            font-weight: 300
                        }

                .location-search-component.modal .location-search-container .location-search-form .address-search-container .calcul-animation, .location-search-component.modal .location-search-container .location-search-form .address-search-container .locate-me {
                    right: -16px
                }

            .location-search-component.modal .location-search-container .location-search-form .location-search-go-icon {
                display: none
            }

            .location-search-component.modal .location-search-container .location-search-form.restaurants__location__form {
                position: relative
            }

        .location-search-component.modal .location-search-container .address-suggestions {
            padding-right: 16px
        }

            .location-search-component.modal .location-search-container .address-suggestions .item {
                font-size: 1.6rem
            }

.location-search-component .corporate-address-bar {
    position: relative;
    width: 100%
}

    .location-search-component .corporate-address-bar .corporate-switch-to-personal {
        font-size: 1.2rem;
        font-weight: 700;
        height: 18px;
        line-height: 16px;
        margin: 0 0 16px;
        padding: 0;
        text-align: right
    }

        .location-search-component .corporate-address-bar .corporate-switch-to-personal span.cancel-search {
            float: left;
            margin-top: -4px
        }

            .location-search-component .corporate-address-bar .corporate-switch-to-personal span.cancel-search svg path {
                fill: var(--colorBrandPrimary)
            }

    .location-search-component .corporate-address-bar .corporate-address-option-list {
        list-style: none;
        margin: 0;
        max-height: calc(100vh - 82px);
        min-height: calc(100vh - 82px);
        overflow: auto;
        padding: 0
    }

@media (min-width:768px) {
    .location-search-component .corporate-address-bar .corporate-address-option-list {
        max-height: 224px;
        min-height: auto
    }
}

.location-search-component .corporate-address-bar .corporate-address-option-list label.radio-box {
    align-items: flex-start;
    cursor: pointer;
    display: flex;
    padding: 16px 0
}

    .location-search-component .corporate-address-bar .corporate-address-option-list label.radio-box span.radio-button {
        margin: 10px 16px 10px 0
    }

        .location-search-component .corporate-address-bar .corporate-address-option-list label.radio-box span.radio-button:after, .location-search-component .corporate-address-bar .corporate-address-option-list label.radio-box span.radio-button:before {
            box-sizing: border-box
        }

@media (min-width:768px) {
    .location-search-component .corporate-address-bar .corporate-address-option-list label.radio-box span.radio-button {
        margin-right: 32px
    }
}

.location-search-component .corporate-address-bar .corporate-address-option-list label.radio-box i.icon {
    height: 24px;
    margin: 8px 8px 8px 0
}

@media (min-width:768px) {
    .location-search-component .corporate-address-bar .corporate-address-option-list label.radio-box i.icon {
        margin-right: 24px
    }
}

.location-search-component .corporate-address-bar .corporate-address-option-list label.radio-box span.formatted-address {
    align-self: center;
    overflow: hidden
}

@media (min-width:768px) {
    .location-search-component .corporate-address-bar .corporate-address-option-list label.radio-box {
        align-items: center
    }

        .location-search-component .corporate-address-bar .corporate-address-option-list label.radio-box span.radio-button {
            margin: 0 16px 0 0
        }

        .location-search-component .corporate-address-bar .corporate-address-option-list label.radio-box i.icon {
            margin: 0 8px 0 0
        }
}

.overlay-header-for-location {
    background: #000;
    left: 0;
    opacity: .25;
    position: absolute;
    top: 0;
    width: 100vw;
    z-index: 10000
}

.address-label-icon {
    display: none
}

@media (min-width:768px) {
    .address-label-icon {
        background: var(--colorInteractionPrimaryFeedback);
        border-radius: 50%;
        color: var(--colorInteractionPrimary);
        display: block;
        flex: 0 0 auto;
        height: 40px;
        margin: 8px 0 8px 8px;
        padding: 8px;
        vertical-align: baseline;
        width: 40px
    }
}

.address-label-highlighted-header {
    color: var(--colorInteractionPrimary);
    flex: 0 1 auto;
    max-width: calc(100% - 12px);
    padding: 8px 8px 8px 0;
    white-space: nowrap
}

.where-wrapper .location-search-component .multi-line-address-search-container .multi-line-search-component-wrapper .address-suggestions .suggestion-item.suggestion-item-locate-me-component div {
    padding-bottom: 0
}

.where-wrapper .location-search-component .multi-line-address-search-container .multi-line-search-component-wrapper .address-suggestions .suggestion-item {
    padding-left: 12px
}

.multi-line-address-search-container, .smooth-border-radius {
    border-radius: 8px
}

    .multi-line-address-search-container .multi-line-search-component-wrapper {
        align-items: center;
        background-color: var(--colorWhite);
        border: 1px solid var(--colorNeutralBorder);
        border-radius: 8px;
        box-sizing: border-box;
        color: var(--colorNeutralPrimary);
        display: flex;
        z-index: 1
    }

        .multi-line-address-search-container .multi-line-search-component-wrapper:focus-within {
            border-color: var(--colorNeutralSecondary)
        }

        .multi-line-address-search-container .multi-line-search-component-wrapper .inline-search-input {
            border: none;
            font-weight: 700
        }

            .multi-line-address-search-container .multi-line-search-component-wrapper .inline-search-input::placeholder {
                color: transparent;
                font-weight: 400
            }

            .multi-line-address-search-container .multi-line-search-component-wrapper .inline-search-input ~ label {
                line-height: 1.3
            }

        .multi-line-address-search-container .multi-line-search-component-wrapper .inline-search-cancel-icon {
            cursor: pointer;
            padding-left: 0;
            padding-right: 16px;
            padding-top: 4px
        }

        .multi-line-address-search-container .multi-line-search-component-wrapper .address-suggestions {
            border-radius: 8px
        }

            .multi-line-address-search-container .multi-line-search-component-wrapper .address-suggestions li.suggestion-item div.item {
                align-items: center;
                display: grid;
                grid-template-columns: 10% 90%
            }

@media (min-width:768px) {
    .multi-line-address-search-container .multi-line-search-component-wrapper .address-suggestions li.suggestion-item div.item {
        grid-template-columns: 8% 92%;
        padding: 12px 0 12px 12px
    }
}

.multi-line-address-search-container .multi-line-search-component-wrapper .address-suggestions li.suggestion-item div.item svg {
    fill: var(--colorNeutralPrimary)
}

.multi-line-address-search-container .multi-line-search-component-wrapper .address-suggestions li.suggestion-item div.item div.address div {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    hyphens: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal
}

.multi-line-address-search-container .multi-line-search-component-wrapper .address-suggestions li.suggestion-item-locate-me-component div.item {
    display: block
}

    .multi-line-address-search-container .multi-line-search-component-wrapper .address-suggestions li.suggestion-item-locate-me-component div.item .locate-me-component {
        align-items: center;
        color: var(--colorBrandPrimary);
        display: grid;
        grid-template-columns: 10% 90%
    }

        .multi-line-address-search-container .multi-line-search-component-wrapper .address-suggestions li.suggestion-item-locate-me-component div.item .locate-me-component .map-closed {
            background: none;
            height: auto;
            line-height: inherit;
            padding: 0 8px 0 0;
            position: inherit
        }

@media (min-width:768px) {
    .multi-line-address-search-container .multi-line-search-component-wrapper .address-suggestions li.suggestion-item-locate-me-component div.item .locate-me-component {
        grid-template-columns: 8% 92%
    }
}

.multi-line-address-search-container .multi-line-search-component-wrapper .address-suggestions li.suggestion-item-locate-me-component div.item .locate-me-component svg {
    fill: var(--colorBrandPrimary);
    margin-left: -2px;
    margin-top: 4px
}

.multi-line-address-search-container .multi-line-search-component-wrapper .locate-me-component .locate-me svg path {
    fill: var(--colorInteractionPrimary);
    stroke: none
}

.logo {
    align-items: center;
    display: flex;
    height: 64px;
    padding: 10px;
}

    .logo .svg-logo-wrapper {
        display: inline-block;
        line-height: 0;
        vertical-align: text-bottom
    }

    .logo .company-name {
        display: none
    }

    .logo a {
        color: var(--colorBrandPrimary);
        display: block;
        font-size: 1.4rem;
        font-weight: 300;
        text-decoration: none;
        transition: all .15s cubic-bezier(.25,.46,.45,.94)
    }

    .logo .svg-stroke-container {
        fill: var(--colorBrandPrimary);
        transform: translateX(-13px)
    }

    .logo .svg-fill-white {
        fill: var(--colorWhite)
    }

@media screen and (max-width:768px) {
    .logo .logo-icon {
        display: none
    }
}

@media screen and (min-width:480px) {
    .logo {
        padding: 0 24px
    }
}

@media screen and (min-width:960px) {
    .logo {
        align-items: flex-start;
        justify-content: flex-start;
        margin-top: 5px;
    }

        .logo .company-name {
            display: inline-block
        }

        .logo .svg-stroke-container {
            transform: translateX(0);
            transition: all .15s cubic-bezier(.25,.46,.45,.94)
        }

        .logo .svg-logo-symbol {
            opacity: 1;
            transition: opacity .15s cubic-bezier(.25,.46,.45,.94) .15s
        }
}

.logo .company-name {
    padding-left: 8px;
    vertical-align: 1px
}

.location-re-allow-modal {
    z-index: 9999 !important
}

    .location-re-allow-modal .icon-align-bottom {
        line-height: 0;
        vertical-align: bottom
    }

    .location-re-allow-modal .icon-align-middle {
        vertical-align: middle
    }

    .location-re-allow-modal .icon-margin {
        margin-left: 4px;
        margin-right: 4px
    }

    .location-re-allow-modal svg path {
        fill: var(--colorNeutralPrimary)
    }

    .location-re-allow-modal > div {
        padding: 48px
    }

    .location-re-allow-modal .steps-list {
        list-style: decimal;
        margin-left: 2.5rem;
        padding: 0
    }

        .location-re-allow-modal .steps-list li {
            list-style: decimal
        }

    .location-re-allow-modal .cl-neutral-primary {
        padding-right: 48px
    }

.has-error {
    display: flex
}

    .has-error > div {
        align-items: baseline !important;
        flex-direction: column
    }

    .has-error .enable-location-access {
        cursor: pointer;
        font-weight: 600
    }

.where-component-search-form .react-modal.modal.react-map-modal .modal-content {
    max-height: 90vh;
    overflow: auto
}

@media (min-width:768px) {
    .where-component-search-form .react-modal.modal.react-map-modal .modal-content {
        border-radius: 8px
    }
}

.where-component-search-form .react-modal.modal.react-map-modal .modal-content .edit {
    font-weight: 600
}

.where-component-search-form .react-modal.modal.react-map-modal .modal-content #address-book-modal {
    margin-left: 0;
    margin-right: 0
}

    .where-component-search-form .react-modal.modal.react-map-modal .modal-content #address-book-modal .map-zooms-container {
        display: none
    }

    .where-component-search-form .react-modal.modal.react-map-modal .modal-content #address-book-modal .map-box {
        height: 30vh
    }

    .where-component-search-form .react-modal.modal.react-map-modal .modal-content #address-book-modal .map-box-wrapper {
        box-shadow: none;
        margin: -58px -16px 0
    }

@media (min-width:768px) {
    .where-component-search-form .react-modal.modal.react-map-modal .modal-content #address-book-modal .map-box-wrapper {
        margin-left: -33px;
        margin-right: -33px
    }
}

.where-component-search-form .react-modal.modal.react-map-modal .modal-content #address-book-modal .map-close {
    background: none;
    border: none;
    float: left;
    height: 24px;
    padding: 16px 0 0;
    position: fixed;
    z-index: 100
}

    .where-component-search-form .react-modal.modal.react-map-modal .modal-content #address-book-modal .map-close svg {
        fill: var(--colorBrandPrimary)
    }

@media (min-width:768px) {
    .where-component-search-form .react-modal.modal.react-map-modal .modal-content #address-book-modal .map-close {
        padding: 0
    }
}

.where-component-search-form .react-modal.modal.react-map-modal .modal-content #address-book-modal .input-box {
    margin: 0 0 16px
}

.where-component-search-form .react-modal.modal.react-map-modal .modal-content #address-book-modal #submit-form {
    display: block;
    margin: 0 auto
}

.where-component-search-form .react-modal.modal.react-map-modal .modal-content #address-book-modal #address-title {
    padding-left: 24px
}

.where-component-search-form .react-modal.modal.react-map-modal .modal-content #address-book-modal .phone {
    margin-left: 16px
}

.multi-line-address-map-modal.react-modal.modal.react-map-modal .modal-content {
    border-radius: 8px;
    padding: 0
}

    .multi-line-address-map-modal.react-modal.modal.react-map-modal .modal-content #address-book-modal {
        margin-left: 24px;
        margin-right: 24px
    }

        .multi-line-address-map-modal.react-modal.modal.react-map-modal .modal-content #address-book-modal .map-box-wrapper {
            box-shadow: none;
            margin: -48px -24px 0
        }

    .multi-line-address-map-modal.react-modal.modal.react-map-modal .modal-content .modal-header {
        display: none
    }

    .multi-line-address-map-modal.react-modal.modal.react-map-modal .modal-content .modal-body .address-search-container {
        left: 0;
        position: absolute;
        right: 0;
        top: 48px;
        z-index: 1350
    }

        .multi-line-address-map-modal.react-modal.modal.react-map-modal .modal-content .modal-body .address-search-container .multi-line-search-component-wrapper {
            border: none;
            border-radius: 0;
            box-shadow: 0 2px 16px rgba(0,0,0,.08)
        }

            .multi-line-address-map-modal.react-modal.modal.react-map-modal .modal-content .modal-body .address-search-container .multi-line-search-component-wrapper .inline-search-input {
                font-weight: 600
            }

            .multi-line-address-map-modal.react-modal.modal.react-map-modal .modal-content .modal-body .address-search-container .multi-line-search-component-wrapper .inline-search-back-icon {
                padding-left: 16px;
                padding-top: 4px
            }

                .multi-line-address-map-modal.react-modal.modal.react-map-modal .modal-content .modal-body .address-search-container .multi-line-search-component-wrapper .inline-search-back-icon svg {
                    fill: var(--colorBrandPrimary);
                    height: 20px;
                    width: 24px
                }

            .multi-line-address-map-modal.react-modal.modal.react-map-modal .modal-content .modal-body .address-search-container .multi-line-search-component-wrapper .inline-search-search-icon {
                display: none
            }

            .multi-line-address-map-modal.react-modal.modal.react-map-modal .modal-content .modal-body .address-search-container .multi-line-search-component-wrapper .address-suggestions {
                background: var(--colorWhite) !important;
                border-bottom-left-radius: 8px;
                border-bottom-right-radius: 8px;
                border-top-left-radius: 0;
                border-top-right-radius: 0
            }

                .multi-line-address-map-modal.react-modal.modal.react-map-modal .modal-content .modal-body .address-search-container .multi-line-search-component-wrapper .address-suggestions li.suggestion-item-locate-me-component div.item .locate-me-component .map-opened {
                    border: none;
                    box-shadow: none;
                    height: auto;
                    line-height: inherit;
                    padding: 0 12px 0 0;
                    position: inherit
                }

            .multi-line-address-map-modal.react-modal.modal.react-map-modal .modal-content .modal-body .address-search-container .multi-line-search-component-wrapper .locate-me-component .map-locate-me {
                right: 12px;
                top: 450px
            }

@media (min-width:768px) {
    .multi-line-address-map-modal.react-modal.modal.react-map-modal .modal-content .modal-body .address-search-container .multi-line-search-component-wrapper .locate-me-component .map-locate-me {
        top: 550px
    }
}

.multi-line-address-map-modal.react-modal.modal.react-map-modal .modal-content .modal-body .address-search-container .multi-line-search-component-wrapper .locate-me-component .map-locate-me svg {
    fill: var(--colorBrandPrimary)
}

.multi-line-address-map-modal.react-modal.modal.react-map-modal .modal-content .modal-body .address-search-container .multi-line-search-component-wrapper .locate-loading {
    left: auto;
    right: 24px;
    top: 24px;
    z-index: 1350
}

.multi-line-address-map-modal.react-modal.modal.react-map-modal .modal-content .modal-body .map-box .floating-message-box {
    height: 16px;
    margin: 24px 16px 16px;
    position: absolute;
    top: 70px
}

.multi-line-address-map-modal.react-modal.modal.react-map-modal .modal-content .modal-body .map-box .map-zooms-container {
    bottom: auto;
    position: absolute;
    right: 35px;
    top: 150px
}

@media (min-width:768px) {
    .multi-line-address-map-modal.react-modal.modal.react-map-modal .modal-content .modal-body .map-box .map-zooms-container {
        top: 250px
    }
}

.multi-line-address-map-modal.react-modal.modal.react-map-modal .modal-content .modal-body .address-details-container {
    background: var(--colorWhite);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    bottom: 0;
    left: 0;
    padding: 0 0 16px;
    position: fixed;
    right: 0
}

    .multi-line-address-map-modal.react-modal.modal.react-map-modal .modal-content .modal-body .address-details-container .address-box {
        align-items: center;
        display: grid;
        grid-template-columns: 10% 90%;
        padding: 16px 16px 0
    }

        .multi-line-address-map-modal.react-modal.modal.react-map-modal .modal-content .modal-body .address-details-container .address-box > .address div {
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            display: -webkit-box;
            hyphens: auto;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: normal
        }

            .multi-line-address-map-modal.react-modal.modal.react-map-modal .modal-content .modal-body .address-details-container .address-box > .address div > .line-1 {
                font-size: 1.4rem;
                font-weight: 600;
                line-height: 1.25;
                padding-bottom: 4px
            }

            .multi-line-address-map-modal.react-modal.modal.react-map-modal .modal-content .modal-body .address-details-container .address-box > .address div > .line-2 {
                font-size: 1.4rem;
                font-weight: 300;
                line-height: 1.25;
                padding-bottom: 4px
            }

    .multi-line-address-map-modal.react-modal.modal.react-map-modal .modal-content .modal-body .address-details-container .address-cta {
        margin: 16px 16px 0
    }

@media (min-width:768px) {
    .multi-line-address-map-modal.react-modal.modal.react-map-modal .modal-content {
        border-radius: 8px;
        padding: 24px 0
    }

        .multi-line-address-map-modal.react-modal.modal.react-map-modal .modal-content .modal-header {
            display: block;
            padding: 0 24px
        }

            .multi-line-address-map-modal.react-modal.modal.react-map-modal .modal-content .modal-header .map-close svg {
                fill: var(--colorNeutralSecondary)
            }

        .multi-line-address-map-modal.react-modal.modal.react-map-modal .modal-content .modal-body .address-search-container {
            left: 24px;
            right: 24px;
            top: 16px
        }

            .multi-line-address-map-modal.react-modal.modal.react-map-modal .modal-content .modal-body .address-search-container .multi-line-search-component-wrapper {
                border: 1px solid var(--colorNeutralBorder);
                border-radius: 8px;
                box-shadow: none
            }

                .multi-line-address-map-modal.react-modal.modal.react-map-modal .modal-content .modal-body .address-search-container .multi-line-search-component-wrapper:focus-within {
                    border-color: var(--colorNeutralSecondary)
                }

                .multi-line-address-map-modal.react-modal.modal.react-map-modal .modal-content .modal-body .address-search-container .multi-line-search-component-wrapper .inline-search-input {
                    border: none
                }

                .multi-line-address-map-modal.react-modal.modal.react-map-modal .modal-content .modal-body .address-search-container .multi-line-search-component-wrapper .inline-search-back-icon {
                    display: none
                }

                .multi-line-address-map-modal.react-modal.modal.react-map-modal .modal-content .modal-body .address-search-container .multi-line-search-component-wrapper .inline-search-search-icon {
                    display: block;
                    margin-left: 16px;
                    padding-top: 4px
                }

                    .multi-line-address-map-modal.react-modal.modal.react-map-modal .modal-content .modal-body .address-search-container .multi-line-search-component-wrapper .inline-search-search-icon svg {
                        fill: var(--colorBrandPrimary)
                    }

                .multi-line-address-map-modal.react-modal.modal.react-map-modal .modal-content .modal-body .address-search-container .multi-line-search-component-wrapper .address-suggestions {
                    background: var(--colorWhite) !important;
                    border-radius: 8px
                }

                    .multi-line-address-map-modal.react-modal.modal.react-map-modal .modal-content .modal-body .address-search-container .multi-line-search-component-wrapper .address-suggestions li.suggestion-item div.item {
                        align-items: center;
                        display: grid;
                        grid-template-columns: 8% 92%
                    }

                    .multi-line-address-map-modal.react-modal.modal.react-map-modal .modal-content .modal-body .address-search-container .multi-line-search-component-wrapper .address-suggestions li.suggestion-item-locate-me-component div.item {
                        display: block
                    }

                        .multi-line-address-map-modal.react-modal.modal.react-map-modal .modal-content .modal-body .address-search-container .multi-line-search-component-wrapper .address-suggestions li.suggestion-item-locate-me-component div.item .locate-me-component {
                            align-items: center;
                            color: var(--colorBrandPrimary);
                            display: grid;
                            grid-template-columns: 8% 92%
                        }

                            .multi-line-address-map-modal.react-modal.modal.react-map-modal .modal-content .modal-body .address-search-container .multi-line-search-component-wrapper .address-suggestions li.suggestion-item-locate-me-component div.item .locate-me-component .map-opened {
                                border: none;
                                box-shadow: none;
                                height: auto;
                                line-height: inherit;
                                padding: 0 12px 0 0;
                                position: inherit
                            }

                            .multi-line-address-map-modal.react-modal.modal.react-map-modal .modal-content .modal-body .address-search-container .multi-line-search-component-wrapper .address-suggestions li.suggestion-item-locate-me-component div.item .locate-me-component svg {
                                fill: var(--colorBrandPrimary);
                                margin-left: -2px;
                                margin-top: 4px
                            }

                .multi-line-address-map-modal.react-modal.modal.react-map-modal .modal-content .modal-body .address-search-container .multi-line-search-component-wrapper .locate-me-component .map-locate-me {
                    right: 2px;
                    top: 260px
                }

                    .multi-line-address-map-modal.react-modal.modal.react-map-modal .modal-content .modal-body .address-search-container .multi-line-search-component-wrapper .locate-me-component .map-locate-me svg {
                        fill: var(--colorBrandPrimary)
                    }

                .multi-line-address-map-modal.react-modal.modal.react-map-modal .modal-content .modal-body .address-search-container .multi-line-search-component-wrapper .locate-loading {
                    left: auto;
                    right: 24px;
                    z-index: 1350
                }

        .multi-line-address-map-modal.react-modal.modal.react-map-modal .modal-content .modal-body .map-box .floating-message-box {
            border-radius: 8px;
            height: 56px;
            margin: 24px;
            position: absolute;
            top: 42px
        }

        .multi-line-address-map-modal.react-modal.modal.react-map-modal .modal-content .modal-body .map-box .map-zooms-container {
            position: absolute;
            right: 25px;
            top: 100px
        }

        .multi-line-address-map-modal.react-modal.modal.react-map-modal .modal-content .modal-body .address-details-container {
            padding: 0;
            position: static
        }

            .multi-line-address-map-modal.react-modal.modal.react-map-modal .modal-content .modal-body .address-details-container .address-box {
                align-items: center;
                display: grid;
                grid-template-columns: 8% 92%;
                padding: 16px 24px 0
            }

            .multi-line-address-map-modal.react-modal.modal.react-map-modal .modal-content .modal-body .address-details-container .address-cta button {
                width: 100%
            }
}

button.locate-me-btn {
    border: none
}

    button.locate-me-btn:active, button.locate-me-btn:hover {
        background: unset;
        border: none;
        box-shadow: none;
        color: unset
    }

.skinny-banner {
    line-height: 1.25;
    max-height: 96px;
    padding: 12px 8px 12px 16px;
    z-index: 1200
}

@media (min-width:480px) {
    .skinny-banner {
        padding: 8px 8px 8px 16px
    }
}

.skinny-banner__message {
    flex-shrink: 2
}

.skinny-banner__message-text {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    align-items: center;
    display: flex;
    display: -webkit-box;
    height: 100%;
    overflow: hidden
}

.skinny-banner__action {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    min-width: 95px
}

.skinny-banner__action-text {
    flex-grow: 1
}

.sticky-cart-button {
    background-color: var(--colorInteractionPrimary);
    border-color: var(--colorInteractionPrimary);
    color: var(--colorOnInteractionPrimary);
    font-size: 1.4rem;
    font-weight: 600;
    width: 100%
}

    .sticky-cart-button:hover {
        background-color: var(--colorInteractionBackgroundHover);
        border-color: var(--colorInteractionBackgroundHover);
        color: var(--colorOnInteractionPrimaryHover)
    }

    .sticky-cart-button:focus {
        background-color: var(--colorInteractionPrimary);
        border-color: var(--colorInteractionPrimary);
        color: var(--colorOnInteractionPrimary);
        outline: 4px solid var(--colorInteractionFocus);
        outline-offset: 2px
    }

    .sticky-cart-button[disabled] {
        background-color: var(--colorNeutralInactive);
        border-color: var(--colorNeutralInactive);
        pointer-events: none
    }

    .sticky-cart-button.status--loading, .sticky-cart-button.status--success {
        background-color: var(--colorInteractionPrimaryFeedback);
        border-color: var(--colorInteractionPrimaryFeedback)
    }

button.sticky-cart-button {
    border: none;
    bottom: 0;
    height: 64px;
    left: 0;
    padding: 0 80px;
    position: fixed;
    right: 0;
    z-index: 100
}

    button.sticky-cart-button .svg-stroke-container path {
        fill: var(--colorWhite)
    }

    button.sticky-cart-button .cart-icon {
        left: 0;
        padding: 0 8px;
        position: absolute;
        top: 0;
        width: 64px
    }

        button.sticky-cart-button .cart-icon:hover {
            background: var(--colorInteractionPrimaryHover)
        }

    button.sticky-cart-button .products-count {
        color: var(--colorWhite);
        font-size: 1rem;
        font-weight: 700
    }

    button.sticky-cart-button .products-value {
        font-size: 1.4rem;
        font-weight: 300;
        line-height: 64px;
        padding: 0 16px;
        position: absolute;
        right: 0;
        top: 0
    }

    button.sticky-cart-button .calcul-animation {
        height: 64px;
        line-height: 64px;
        position: absolute;
        right: 0;
        top: 0
    }

        button.sticky-cart-button .calcul-animation .dot {
            background-color: var(--colorWhite)
        }

    button.sticky-cart-button.loading .products-value {
        display: none
    }

    button.sticky-cart-button.loading .calcul-animation {
        display: flex
    }

@media (min-width:480px) {
    button.sticky-cart-button {
        padding: 0 72px
    }

        button.sticky-cart-button .cart-icon, button.sticky-cart-button .products-value {
            padding: 0 8px
        }
}

@media (min-width:960px) {
    button.sticky-cart-button {
        display: none
    }
}

.swimlane-layout {
    margin-top: 48px
}

    .swimlane-layout + .swimlane-layout {
        margin-top: 38px
    }

.swimlane-scroll {
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    overflow-x: scroll;
    overflow-y: hidden;
    transition: transform .2s cubic-bezier(.25,.46,.45,.94)
}

    .swimlane-scroll ::-webkit-scrollbar {
        display: none
    }

.swimlane-row-layout {
    box-sizing: content-box;
    display: flex;
    flex-wrap: nowrap;
    height: 100%;
    list-style-type: none;
    margin: 0 0 -24px;
    padding: 0 0 24px;
    width: 100%
}

    .swimlane-row-layout > li {
        margin: 0 8px
    }

        .swimlane-row-layout > li:first-child {
            margin-left: 0
        }

        .swimlane-row-layout > li:last-child {
            margin-right: 0
        }

.button, .button-ghost, .button-primary-reversed, .button-toggle, .lane-component .nav-scroller, .sticky-cart-button {
    word-wrap: normal;
    border: 1px solid;
    border-radius: 8px;
    cursor: pointer;
    display: inline-block;
    font-family: Open Sans,Arial,sans-serif;
    font-size: 1.4rem;
    font-weight: 600;
    height: 48px;
    line-height: 46px;
    max-width: 100%;
    overflow: hidden;
    padding: 0 15px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    text-transform: none;
    touch-action: manipulation;
    transition: color .2s cubic-bezier(.25,.46,.45,.94),background-color .2s cubic-bezier(.25,.46,.45,.94),border-color .2s cubic-bezier(.25,.46,.45,.94),box-shadow .2s cubic-bezier(.25,.46,.45,.94);
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    z-index: 1
}

    .button-ghost:focus, .button-ghost:hover, .button-primary-reversed:focus, .button-primary-reversed:hover, .button-toggle:focus, .button-toggle:hover, .button:focus, .button:hover, .lane-component .button-holder:hover .nav-scroller, .lane-component .nav-scroller:focus, .lane-component .nav-scroller:hover, .sticky-cart-button:focus, .sticky-cart-button:hover {
        outline: none;
        text-decoration: none
    }

    .button .ripple, .button-ghost .ripple, .button-ghost:not(.js-ripple):after, .button-primary-reversed .ripple, .button-primary-reversed:not(.js-ripple):after, .button-toggle .ripple, .button-toggle:not(.js-ripple):after, .button:not(.js-ripple):after, .lane-component .nav-scroller .ripple, .lane-component .nav-scroller:not(.js-ripple):after, .sticky-cart-button .ripple, .sticky-cart-button:not(.js-ripple):after {
        backface-visibility: hidden;
        background: radial-gradient(circle,rgba(0,0,0,.08) 10%,transparent 10.01%) 50% no-repeat;
        box-shadow: 0 2px 8px 0 rgba(0,0,0,.08);
        content: "";
        height: 100%;
        left: 50%;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%) scale(15);
        transition: transform .6s,opacity .9s;
        width: 100%;
        z-index: -1
    }

    .button-ghost:hover, .button-primary-reversed:hover, .button-toggle:hover, .button:hover, .lane-component .button-holder:hover .nav-scroller, .lane-component .nav-scroller:hover, .sticky-cart-button:hover {
        box-shadow: 0 .1rem .5rem rgba(0,0,0,.15)
    }

        .button-ghost:hover .ripple, .button-ghost:hover:not(.js-ripple):after, .button-primary-reversed:hover .ripple, .button-primary-reversed:hover:not(.js-ripple):after, .button-toggle:hover .ripple, .button-toggle:hover:not(.js-ripple):after, .button:hover .ripple, .button:hover:not(.js-ripple):after, .lane-component .button-holder:hover .nav-scroller .ripple, .lane-component .button-holder:hover .nav-scroller:not(.js-ripple):after, .lane-component .nav-scroller:hover .ripple, .lane-component .nav-scroller:hover:not(.js-ripple):after, .sticky-cart-button:hover .ripple, .sticky-cart-button:hover:not(.js-ripple):after {
            opacity: 0
        }

    .button-ghost:active, .button-primary-reversed:active, .button-toggle:active, .button:active, .lane-component .nav-scroller:active, .sticky-cart-button:active {
        box-shadow: 0 .1rem .5rem rgba(0,0,0,.15)
    }

        .button-ghost:active .ripple, .button-ghost:active:not(.js-ripple):after, .button-primary-reversed:active .ripple, .button-primary-reversed:active:not(.js-ripple):after, .button-toggle:active .ripple, .button-toggle:active:not(.js-ripple):after, .button:active .ripple, .button:active:not(.js-ripple):after, .lane-component .nav-scroller:active .ripple, .lane-component .nav-scroller:active:not(.js-ripple):after, .sticky-cart-button:active .ripple, .sticky-cart-button:active:not(.js-ripple):after {
            opacity: 1;
            transform: translate(-50%,-50%) scale(0);
            transition: 0s
        }

    .button-ghost[disabled] .ripple, .button-ghost[disabled]:not(.js-ripple):after, .button-primary-reversed[disabled] .ripple, .button-primary-reversed[disabled]:not(.js-ripple):after, .button-toggle[disabled] .ripple, .button-toggle[disabled]:not(.js-ripple):after, .button[disabled] .ripple, .button[disabled]:not(.js-ripple):after, .lane-component .nav-scroller[disabled] .ripple, .lane-component .nav-scroller[disabled]:not(.js-ripple):after, .sticky-cart-button[disabled] .ripple, .sticky-cart-button[disabled]:not(.js-ripple):after {
        display: none
    }

.lane-component .status--loading.nav-scroller, .status--loading.button, .status--loading.button-ghost, .status--loading.button-primary-reversed, .status--loading.button-toggle, .status--loading.sticky-cart-button {
    box-shadow: none;
    pointer-events: none
}

    .lane-component .status--loading.nav-scroller .calcul-animation, .status--loading.button .calcul-animation, .status--loading.button-ghost .calcul-animation, .status--loading.button-primary-reversed .calcul-animation, .status--loading.button-toggle .calcul-animation, .status--loading.sticky-cart-button .calcul-animation {
        display: flex
    }

.lane-component .status--success.nav-scroller, .status--success.button, .status--success.button-ghost, .status--success.button-primary-reversed, .status--success.button-toggle, .status--success.sticky-cart-button {
    box-shadow: none;
    pointer-events: none
}

    .lane-component .status--success.nav-scroller .calcul-animation, .status--success.button .calcul-animation, .status--success.button-ghost .calcul-animation, .status--success.button-primary-reversed .calcul-animation, .status--success.button-toggle .calcul-animation, .status--success.sticky-cart-button .calcul-animation {
        display: flex
    }

.button .calcul-animation, .button-ghost .calcul-animation, .button-primary-reversed .calcul-animation, .button-toggle .calcul-animation, .lane-component .nav-scroller .calcul-animation, .sticky-cart-button .calcul-animation {
    align-items: center;
    align-self: center;
    height: 0;
    justify-content: center;
    margin: 0
}

.button-toggle {
    background-color: var(--colorWhite);
    border-color: var(--colorOnInteractionSecondary);
    color: var(--colorOnInteractionSecondary)
}

    .button-toggle:hover {
        background-color: var(--colorInteractionBackgroundHover);
        border-color: var(--colorInteractionBackgroundHover);
        color: var(--colorOnInteractionSecondaryHover)
    }

    .button-toggle:focus {
        background-color: var(--colorWhite);
        border-color: var(--colorOnInteractionSecondary);
        color: var(--colorOnInteractionSecondary);
        outline: 4px solid var(--colorInteractionFocus);
        outline-offset: 2px
    }

    .button-toggle .ripple, .button-toggle:not(.js-ripple):after {
        background-image: radial-gradient(circle,rgba(var(--colorOnInteractionSecondaryHover),.08) 10%,transparent 10.01%)
    }

    .button-toggle[disabled] {
        border-color: var(--colorNeutralInactive);
        color: var(--colorNeutralInactive);
        pointer-events: none
    }

        .button-toggle[disabled] .svg-stroke-container g {
            fill: var(--colorNeutralInactive)
        }

    .button-toggle.status--loading, .button-toggle.status--success {
        background-color: var(--colorWhite);
        border-color: var(--colorInteractionPrimary)
    }

.button-toggle-wrapper {
    margin: 0;
    padding: 0
}

    .button-toggle-wrapper .button-toggle {
        border: 1px solid var(--colorWhite);
        border-radius: 16px;
        box-shadow: 0 .1rem .5rem rgba(0,0,0,.15);
        font-size: 1.4rem;
        font-weight: 600;
        height: 32px;
        line-height: 32px;
        text-transform: none
    }

        .button-toggle-wrapper .button-toggle .ripple, .button-toggle-wrapper .button-toggle:after {
            content: none;
            display: none
        }

    .button-toggle-wrapper input {
        opacity: 0;
        position: absolute;
        z-index: -1
    }

        .button-toggle-wrapper input:checked ~ .button-toggle, .button-toggle-wrapper input:hover ~ .button-toggle {
            border: 1px solid var(--colorInteractionPrimary);
            box-shadow: 0 .1rem .5rem rgba(0,0,0,.15)
        }

        .button-toggle-wrapper input:checked ~ .button-toggle {
            background: var(--colorInteractionPrimary);
            color: var(--colorWhite)
        }

        .button-toggle-wrapper input:disabled ~ .button-toggle {
            background: var(--colorWhite);
            border-color: var(--colorNeutralInactive);
            color: var(--colorNeutralSecondary)
        }

.checkbox {
    align-items: center;
    display: inline-flex;
    font-weight: 300;
    margin-bottom: 16px
}

    .checkbox input {
        box-sizing: border-box;
        height: 18px;
        margin: 0;
        opacity: 0;
        padding: 0;
        position: absolute;
        width: 18px;
        z-index: -1
    }

        .checkbox input:focus-visible + .checkbox-container {
            outline: 2px solid var(--colorInteractionPrimary);
            outline-offset: 3px
        }

        .checkbox input:checked + .checkbox-container {
            background-color: var(--colorInteractionPrimary)
        }

            .checkbox input:checked + .checkbox-container .checkmark {
                left: 50%;
                opacity: 1;
                top: 50%;
                transform: translate(-50%,-50%) scale(1)
            }

        .checkbox input[disabled] {
            pointer-events: none
        }

            .checkbox input[disabled]:checked + .checkbox-container {
                background: var(--colorNeutralInactive)
            }

            .checkbox input[disabled] + .checkbox-container {
                border-color: var(--colorNeutralInactive)
            }

                .checkbox input[disabled] + .checkbox-container + .checkbox-text {
                    color: var(--colorNeutralInactive)
                }

    .checkbox .checkbox-text {
        color: var(--colorNeutralPrimary);
        line-height: 1.6;
        margin-left: 16px
    }

    .checkbox:hover {
        cursor: pointer
    }

        .checkbox:hover .checkbox-text {
            color: var(--colorInteractionTextHover)
        }

        .checkbox:hover .checkbox-container {
            border-color: var(--colorInteractionPrimaryHover);
            outline-color: var(--colorInteractionPrimaryHover)
        }

        .checkbox:hover input:focus-visible + .checkbox-container {
            outline-color: var(--colorInteractionPrimaryHover)
        }

        .checkbox:hover input:not(:disabled):checked + .checkbox-container {
            background-color: var(--colorInteractionPrimaryHover);
            border-color: var(--colorInteractionPrimaryHover);
            outline-color: var(--colorInteractionPrimaryHover)
        }

.checkbox-container {
    background-color: transparent;
    border: 1.5px solid var(--colorInteractionPrimary);
    border-radius: 4px;
    box-sizing: border-box;
    flex-shrink: 0;
    height: 18px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 18px
}

    .checkbox-container .checkmark {
        fill: var(--colorWhite);
        left: 50%;
        margin: 0 auto;
        opacity: 0;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%) scale(0);
        width: 11px
    }

.divider {
    border: 0;
    border-top: 1px solid var(--colorNeutralDivider);
    margin: 0
}

.cl-dropdown-root {
    outline: none;
    position: relative
}

    .cl-dropdown-root .cl-dropdown-control {
        align-items: center;
        background-color: var(--colorWhite);
        border-radius: 8px;
        box-sizing: border-box;
        color: var(--colorNeutralPrimary);
        flex-direction: row;
        font-size: 1.4rem;
        font-weight: 300;
        height: 48px;
        justify-content: space-between;
        line-height: 1.5;
        overflow: hidden;
        padding: 8px 16px;
        position: relative;
        transition: transform .2s cubic-bezier(.25,.46,.45,.94)
    }

    .cl-dropdown-root .cl-dropdown-menu {
        background: var(--colorWhite);
        border-radius: 8px;
        box-shadow: 0 .2rem 1rem rgba(0,0,0,.12);
        max-height: 300px;
        overflow-y: auto;
        padding: 8px 0;
        position: absolute;
        z-index: 1
    }

    .cl-dropdown-root .cl-dropdown-menu-item {
        border-radius: 8px;
        box-sizing: border-box;
        font-size: 1.4rem;
        font-weight: 300;
        height: 48px;
        outline: none;
        padding: 16px
    }

        .cl-dropdown-root .cl-dropdown-menu-item:hover {
            background: var(--colorNeutralSurface);
            color: var(--colorNeutralPrimary)
        }

    .cl-dropdown-root .cl-dropdown-menu-item-active {
        background-color: #fafafa;
        outline: none
    }

    .cl-dropdown-root .fl-interaction-primary {
        pointer-events: none
    }

    .cl-dropdown-root:active .cl-dropdown-control, .cl-dropdown-root:focus .cl-dropdown-control {
        border: 1px solid var(--colorNeutralPrimary)
    }

.input-box, .textarea-box {
    clear: both;
    color: var(--colorNeutralInactive);
    flex: 1;
    font-family: Open Sans,Arial,sans-serif;
    margin: 0 0 16px;
    position: relative
}

    .input-box label, .textarea-box label {
        color: var(--colorNeutralSecondary);
        font-size: 1.4rem;
        font-weight: 300;
        left: 15px;
        line-height: 1.3;
        margin: 0;
        max-width: calc(100% - 32px);
        overflow: hidden;
        padding: 0 3px;
        pointer-events: none;
        position: absolute;
        text-overflow: ellipsis;
        top: 1.7rem;
        transform: translateY(0) scale(1);
        transform-origin: center left;
        transition: all .15s;
        white-space: nowrap;
        z-index: 2
    }

        .input-box label:before, .textarea-box label:before {
            background: var(--colorWhite);
            content: "";
            height: 100%;
            left: 0;
            position: absolute;
            width: 100%;
            z-index: -1
        }

    .input-box input, .textarea-box input {
        height: 48px
    }

    .input-box input, .input-box select, .input-box textarea, .textarea-box input, .textarea-box select, .textarea-box textarea {
        appearance: none;
        background-color: var(--colorWhite);
        border: 1px solid var(--colorNeutralBorder);
        border-radius: 8px;
        box-sizing: border-box;
        color: var(--colorNeutralPrimary);
        display: block;
        font-size: 1.4rem;
        font-weight: 300;
        line-height: 1em;
        padding: 12px 15px;
        position: relative;
        resize: none;
        transition: all .15s;
        width: 100%;
        z-index: 1
    }

        .input-box input:focus, .input-box select:focus, .input-box textarea:focus, .textarea-box input:focus, .textarea-box select:focus, .textarea-box textarea:focus {
            border-color: var(--colorNeutralPrimary);
            color: var(--colorNeutralPrimary);
            outline: none
        }

            .input-box input:focus ~ label, .input-box select:focus ~ label, .input-box textarea:focus ~ label, .textarea-box input:focus ~ label, .textarea-box select:focus ~ label, .textarea-box textarea:focus ~ label {
                color: var(--colorNeutralPrimary);
                font-size: 1.4rem;
                font-weight: 500;
                max-width: calc(138.88889% - 44.44444px);
                transform: translateY(-2.452rem) scale(.72)
            }

        .input-box input.changed ~ label, .input-box select.changed ~ label, .input-box textarea.changed ~ label, .textarea-box input.changed ~ label, .textarea-box select.changed ~ label, .textarea-box textarea.changed ~ label {
            font-size: 1.4rem;
            font-weight: 500;
            max-width: calc(138.88889% - 44.44444px);
            transform: translateY(-2.452rem) scale(.72)
        }

        .input-box input:not(:placeholder-shown) ~ label, .input-box select:not(:placeholder-shown) ~ label, .input-box textarea:not(:placeholder-shown) ~ label, .textarea-box input:not(:placeholder-shown) ~ label, .textarea-box select:not(:placeholder-shown) ~ label, .textarea-box textarea:not(:placeholder-shown) ~ label {
            font-size: 1.4rem;
            font-weight: 500;
            max-width: calc(138.88889% - 44.44444px);
            transform: translateY(-2.452rem) scale(.72)
        }

        .input-box input:-webkit-autofill, .input-box select:-webkit-autofill, .input-box textarea:-webkit-autofill, .textarea-box input:-webkit-autofill, .textarea-box select:-webkit-autofill, .textarea-box textarea:-webkit-autofill {
            -webkit-box-shadow: 0 0 0 1000px var(--colorWhite) inset
        }

        .input-box input.no-animation.changed ~ label, .input-box select.no-animation.changed ~ label, .input-box textarea.no-animation.changed ~ label, .textarea-box input.no-animation.changed ~ label, .textarea-box select.no-animation.changed ~ label, .textarea-box textarea.no-animation.changed ~ label {
            display: none
        }

        .input-box input.no-animation:not(:placeholder-shown) ~ label, .input-box select.no-animation:not(:placeholder-shown) ~ label, .input-box textarea.no-animation:not(:placeholder-shown) ~ label, .textarea-box input.no-animation:not(:placeholder-shown) ~ label, .textarea-box select.no-animation:not(:placeholder-shown) ~ label, .textarea-box textarea.no-animation:not(:placeholder-shown) ~ label {
            display: none
        }

        .input-box input.no-animation:focus ~ label, .input-box select.no-animation:focus ~ label, .input-box textarea.no-animation:focus ~ label, .textarea-box input.no-animation:focus ~ label, .textarea-box select.no-animation:focus ~ label, .textarea-box textarea.no-animation:focus ~ label {
            color: var(--colorNeutralSecondary);
            font-size: 1.4rem;
            font-weight: 300;
            transform: none;
            transition: none
        }

        .input-box input.no-animation ~ label, .input-box select.no-animation ~ label, .input-box textarea.no-animation ~ label, .textarea-box input.no-animation ~ label, .textarea-box select.no-animation ~ label, .textarea-box textarea.no-animation ~ label {
            display: block;
            margin-left: 2px
        }

        .input-box input ~ a, .input-box input ~ button, .input-box input ~ i, .input-box input ~ svg, .textarea-box input ~ a, .textarea-box input ~ button, .textarea-box input ~ i, .textarea-box input ~ svg {
            background: none;
            border: none;
            color: var(--colorInteractionPrimary);
            display: block;
            font-weight: lighter;
            height: 48px;
            line-height: 48px;
            margin: 0;
            outline: none;
            padding: 0;
            position: absolute;
            right: 16px;
            top: 0;
            z-index: 2
        }

        .input-box input ~ i, .textarea-box input ~ i {
            speak: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-family: icomoon;
            font-style: normal;
            font-variant: normal;
            font-weight: 400;
            height: 48px;
            line-height: 1;
            line-height: 48px;
            text-transform: none
        }

            .input-box input ~ i.valid-mark, .textarea-box input ~ i.valid-mark {
                background: var(--colorWhite);
                color: var(--colorSuccess);
                opacity: 0;
                pointer-events: none
            }

        .input-box input::-webkit-input-placeholder, .textarea-box input::-webkit-input-placeholder {
            color: var(--colorNeutralSecondary)
        }

        .input-box input::-moz-placeholder, .textarea-box input::-moz-placeholder {
            color: var(--colorNeutralSecondary);
            opacity: 1
        }

        .input-box input:-ms-input-placeholder, .textarea-box input:-ms-input-placeholder {
            color: var(--colorNeutralSecondary)
        }

        .input-box input:-moz-placeholder, .textarea-box input:-moz-placeholder {
            color: var(--colorNeutralSecondary)
        }

.focused.input-box label, .focused.textarea-box label {
    color: var(--colorNeutralPrimary)
}

.changed.input-box label, .changed.textarea-box label, .focused.input-box label, .focused.textarea-box label {
    font-weight: 500;
    max-width: calc(138.88889% - 44.44444px);
    transform: translateY(-2.452rem) scale(.72)
}

textarea {
    appearance: none;
    border-radius: 0;
    line-height: 1.8rem !important;
    min-height: 85px;
    resize: none
}

.input-box .invalid {
    border-color: var(--colorError)
}

    .input-box .invalid label, .input-box .invalid ~ label {
        color: var(--colorError)
    }

    .input-box .invalid:focus {
        border-color: var(--colorError)
    }

        .input-box .invalid:focus ~ label {
            color: var(--colorError)
        }

.input-box :disabled {
    background-color: #fafafa;
    border-color: var(--colorNeutralDivider);
    color: var(--colorNeutralInactive)
}

    .input-box :disabled label, .input-box :disabled ~ label {
        background: none;
        color: var(--colorNeutralInactive)
    }

.input-box :focus[readonly] {
    border-color: var(--colorNeutralBorder)
}

.input-box [readonly] ~ label {
    color: var(--colorNeutralBorder)
}

.input-box.big input {
    height: 64px
}

.input-box.big label {
    top: 2.5rem
}

.input-box.big input.changed ~ label, .input-box.big input:focus ~ label, .input-box.big select.changed ~ label, .input-box.big select:focus ~ label, .input-box.big textarea.changed ~ label, .input-box.big textarea:focus ~ label {
    transform: translateY(-3.352rem) scale(.72)
}

.input-box.big input:not(:placeholder-shown) ~ label, .input-box.big select:not(:placeholder-shown) ~ label, .input-box.big textarea:not(:placeholder-shown) ~ label {
    transform: translateY(-3.352rem) scale(.72)
}

@keyframes validAnimation {
    10% {
        border-color: var(--colorSuccess)
    }

    70% {
        border-color: var(--colorSuccess)
    }
}

@keyframes validMarkAnimation {
    10% {
        opacity: 1
    }

    70% {
        opacity: 1
    }
}

.error-message, .success-message, .warning-message {
    border-radius: 4px;
    color: var(--colorNeutralPrimary);
    display: inline-block;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 16px;
    margin-top: 8px;
    overflow: hidden;
    padding: 16px;
    position: relative
}

    .error-message p, .success-message p, .warning-message p {
        margin: 0
    }

    .error-message:after, .success-message:after, .warning-message:after {
        background-color: transparent;
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        top: 0;
        width: 2px
    }

.error-message {
    background-color: var(--colorErrorHighlight)
}

    .error-message:after {
        background-color: var(--colorError)
    }

.success-message {
    background-color: var(--colorSuccessHighlight)
}

    .success-message:after {
        background-color: var(--colorSuccess)
    }

.warning-message {
    background-color: var(--colorWarningHighlight)
}

    .warning-message:after {
        background-color: var(--colorWarning)
    }

    .error-message.big, .success-message.big, .warning-message.big {
        font-size: 1.4rem;
        line-height: 1.6;
        padding: 24px
    }

    .error-message.full, .success-message.full, .warning-message.full {
        display: block
    }

    .error-message.center, .success-message.center, .warning-message.center {
        text-align: center
    }

.address-form .fields-wrapper .input-box.invalid > .invalid-error-message, .address-form .fields-wrapper .input-box.isEmpty > .invalid-error-message, .input-message, .location-form .validation-wrapper.validation__error > .invalid-error-message, .where-wrapper .location-search-component.react.open .validation-wrapper.validation__error > .invalid-error-message {
    background: none;
    display: block;
    font-size: 1.2rem;
    margin: 4px 0 -8px;
    padding: 0;
    position: relative;
    text-align: left
}

    .address-form .fields-wrapper .input-box.invalid > .invalid-error-message:before, .address-form .fields-wrapper .input-box.isEmpty > .invalid-error-message:before, .input-message:before, .location-form .validation-wrapper.validation__error > .invalid-error-message:before, .where-wrapper .location-search-component.react.open .validation-wrapper.validation__error > .invalid-error-message:before {
        border: .5rem solid transparent;
        content: "";
        display: block;
        height: 0;
        left: 16px;
        position: absolute;
        top: -4px;
        width: 0
    }

    .address-form .fields-wrapper .input-box.invalid > .invalid-error-message + .input-message, .address-form .fields-wrapper .input-box.isEmpty > .invalid-error-message + .input-message, .input-message + .input-message, .location-form .validation-wrapper.validation__error > .invalid-error-message + .input-message, .where-wrapper .location-search-component.react.open .validation-wrapper.validation__error > .invalid-error-message + .input-message {
        margin-top: 0
    }

        .address-form .fields-wrapper .input-box.invalid > .invalid-error-message + .input-message:before, .address-form .fields-wrapper .input-box.isEmpty > .invalid-error-message + .input-message:before, .input-message + .input-message:before, .location-form .validation-wrapper.validation__error > .invalid-error-message + .input-message:before, .where-wrapper .location-search-component.react.open .validation-wrapper.validation__error > .invalid-error-message + .input-message:before {
            display: none
        }

    .input-message.success {
        color: var(--colorSuccess)
    }

        .input-message.success:before {
            border-top: .4rem solid var(--colorSuccess)
        }

    .address-form .fields-wrapper .input-box.invalid > .invalid-error-message, .address-form .fields-wrapper .input-box.isEmpty > .invalid-error-message, .input-message.error, .location-form .validation-wrapper.validation__error > .invalid-error-message, .where-wrapper .location-search-component.react.open .validation-wrapper.validation__error > .invalid-error-message {
        color: var(--colorError)
    }

        .address-form .fields-wrapper .input-box.invalid > .invalid-error-message:before, .address-form .fields-wrapper .input-box.isEmpty > .invalid-error-message:before, .input-message.error:before, .location-form .validation-wrapper.validation__error > .invalid-error-message:before, .where-wrapper .location-search-component.react.open .validation-wrapper.validation__error > .invalid-error-message:before {
            border-top: .4rem solid var(--colorError)
        }

.tooltip {
    text-transform: none;
    z-index: 100
}

    .tooltip, .tooltip .tooltip-arrow {
        box-shadow: 0 .1rem .5rem rgba(0,0,0,.15);
        position: absolute
    }

        .tooltip .tooltip-arrow {
            background: var(--colorWhite);
            height: 14px;
            transform: rotate(45deg);
            width: 14px;
            z-index: -1
        }

.bottom.tooltip {
    margin-top: 12px
}

    .bottom.tooltip .tooltip-arrow {
        left: 50%;
        margin-left: -7px;
        top: -7px
    }

.left.tooltip {
    margin-right: 12px
}

    .left.tooltip .tooltip-arrow {
        margin-top: -7px;
        right: -7px;
        top: 50%
    }

.right.tooltip {
    margin-left: 12px
}

    .right.tooltip .tooltip-arrow {
        left: -7px;
        margin-top: -7px;
        top: 50%
    }

.top.tooltip {
    margin-top: -12px
}

    .top.tooltip .tooltip-arrow {
        bottom: -7px;
        left: 50%;
        margin-left: -7px
    }

.align-left.tooltip {
    left: 0 !important
}

    .align-left.tooltip .tooltip-arrow {
        left: 10px !important;
        margin-left: 0;
        right: auto
    }

.align-right.tooltip {
    left: auto !important;
    right: 0
}

    .align-right.tooltip .tooltip-arrow {
        left: auto !important;
        right: 10px
    }

.tooltip .tooltip-inner {
    background: var(--colorWhite);
    color: var(--colorNeutralPrimary);
    font-size: 1.2rem;
    font-weight: 300;
    line-height: 16px;
    max-width: 100%;
    padding: 16px
}

    .tooltip .tooltip-inner a {
        color: var(--colorNeutralPrimary);
        cursor: pointer;
        text-decoration: underline
    }

.tooltip.tooltip-error .tooltip-arrow {
    background: var(--colorError);
    height: 7px;
    width: 7px
}

.bottom.tooltip.tooltip-error .tooltip-arrow {
    margin-left: -3.5px;
    top: -3.5px
}

.left.tooltip.tooltip-error .tooltip-arrow {
    margin-top: -3.5px;
    right: -3.5px
}

.right.tooltip.tooltip-error .tooltip-arrow {
    left: -3.5px;
    margin-top: -3.5px
}

.top.tooltip.tooltip-error .tooltip-arrow {
    bottom: -3.5px;
    margin-left: -3.5px
}

.tooltip.tooltip-error .tooltip-inner {
    background: var(--colorError);
    color: var(--colorWhite);
    padding: 8px 16px
}

    .tooltip.tooltip-error .tooltip-inner a {
        color: var(--colorWhite)
    }

.radio-button {
    border: 1.5px solid var(--colorInteractionPrimary);
    border-radius: 100%;
    box-sizing: border-box;
    flex-shrink: 0;
    height: 18px;
    margin: 0 16px 0 0;
    position: relative;
    width: 18px
}

    .radio-button:before {
        border-radius: 100%;
        box-sizing: border-box;
        content: "";
        height: 8px;
        left: 50%;
        opacity: 0;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
        width: 8px
    }

.radio-box {
    align-items: center;
    display: inline-flex
}

    .radio-box input[type=radio] {
        opacity: 0;
        position: absolute;
        z-index: -1
    }

        .radio-box input[type=radio]:checked + .radio-button {
            background: var(--colorInteractionPrimary)
        }

            .radio-box input[type=radio]:checked + .radio-button:before {
                background-color: var(--colorWhite);
                opacity: 1
            }

        .radio-box input[type=radio]:focus-visible + .radio-button {
            outline: 2px solid var(--colorInteractionPrimary);
            outline-offset: 3px
        }

        .radio-box input[type=radio]:disabled {
            pointer-events: none
        }

            .radio-box input[type=radio]:disabled + .radio-button {
                background-color: var(--colorWhite);
                border-color: var(--colorNeutralInactive)
            }

                .radio-box input[type=radio]:disabled + .radio-button + .radio-text {
                    color: var(--colorNeutralInactive)
                }

            .radio-box input[type=radio]:disabled:checked + .radio-button:before {
                background-color: var(--colorNeutralInactive);
                border-color: var(--colorWhite)
            }

    .radio-box:hover {
        cursor: pointer
    }

        .radio-box:hover input:not(:disabled) ~ .radio-text {
            color: var(--colorInteractionPrimaryHover)
        }

        .radio-box:hover input:not(:disabled) + .radio-button {
            border-color: var(--colorInteractionPrimaryHover);
            outline-color: var(--colorInteractionPrimaryHover)
        }

        .radio-box:hover input:not(:disabled):checked + .radio-button {
            background-color: var(--colorInteractionPrimaryHover)
        }

.range-slider__container {
    margin-bottom: .8rem
}

.range-slider__box {
    margin: 0 24px
}

.range-slider__form-range, .range-slider__wrapper {
    height: 2.4rem;
    position: relative
}

.range-slider__form-range {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    cursor: grabbing;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
    width: 100%;
    z-index: 10
}

    .range-slider__form-range:focus {
        outline: 0
    }

    .range-slider__form-range:disabled {
        pointer-events: none
    }

    .range-slider__form-range::-webkit-slider-thumb {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: var(--colorNeutralDivider);
        border: 0;
        border-radius: 50%;
        height: 1.6rem;
        margin-top: -.6rem;
        -webkit-transition: background-color .3s ease-in-out,box-shadow .3s ease-in-out,-webkit-transform .3s ease-in-out;
        transition: background-color .3s ease-in-out,box-shadow .3s ease-in-out,transform .3s ease-in-out;
        width: 1.6rem
    }

        .range-slider__form-range::-webkit-slider-thumb:active, .range-slider__form-range::-webkit-slider-thumb:hover {
            -webkit-transform: scale(1.5);
            transform: scale(1.5)
        }

    .range-slider__form-range:focus::-webkit-slider-thumb {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    .range-slider__form-range::-webkit-slider-runnable-track {
        background-color: transparent;
        border-color: transparent;
        border-radius: 0;
        color: transparent;
        height: .4rem;
        width: 100%
    }

    .range-slider__form-range::-moz-focus-outer {
        border: 0
    }

    .range-slider__form-range::-moz-range-thumb {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: var(--colorNeutralDivider);
        border: 0;
        border-radius: 50%;
        height: 1.6rem;
        -webkit-transition: background-color .3s ease-in-out,box-shadow .3s ease-in-out,-webkit-transform .3s ease-in-out;
        transition: background-color .3s ease-in-out,box-shadow .3s ease-in-out,transform .3s ease-in-out;
        width: 1.6rem
    }

        .range-slider__form-range::-moz-range-thumb:active, .range-slider__form-range::-moz-range-thumb:hover {
            -webkit-transform: scale(1.5);
            transform: scale(1.5)
        }

    .range-slider__form-range:focus::-moz-range-thumb {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    .range-slider__form-range::-moz-range-track {
        background-color: transparent;
        border-color: transparent;
        border-radius: 0;
        color: transparent;
        height: .4rem;
        width: 100%
    }

    .range-slider__form-range::-ms-thumb {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: var(--colorNeutralDivider);
        border: 0;
        border-radius: 50%;
        height: 1.6rem;
        -webkit-transition: background-color .3s ease-in-out,box-shadow .3s ease-in-out,-webkit-transform .3s ease-in-out;
        transition: background-color .3s ease-in-out,box-shadow .3s ease-in-out,transform .3s ease-in-out;
        width: 1.6rem
    }

        .range-slider__form-range::-ms-thumb:active, .range-slider__form-range::-ms-thumb:hover {
            -webkit-transform: scale(1.5);
            transform: scale(1.5)
        }

    .range-slider__form-range:focus::-ms-thumb {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    .range-slider__form-range::-ms-track {
        background-color: transparent;
        border-color: transparent;
        border-radius: 0;
        color: transparent;
        height: .4rem;
        width: 100%
    }

    .range-slider__form-range::-ms-fill-lower, .range-slider__form-range::-ms-fill-upper {
        background: transparent;
        border: 0
    }

    .range-slider__form-range::-ms-tooltip {
        display: none
    }

.range-slider__form-range--primary::-webkit-slider-thumb {
    background-color: var(--colorInteractionPrimary)
}

.range-slider__form-range--primary::-moz-range-thumb {
    background-color: var(--colorInteractionPrimary)
}

.range-slider__form-range--primary::-ms-thumb {
    background-color: var(--colorInteractionPrimary)
}

.range-slider__form-range--primary:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 3px #fff,0 0 0 4px var(--colorInteractionPrimary),0 0 12px rgba(var(--colorInteractionPrimary),.32)
}

.range-slider__form-range--primary:focus::-moz-range-thumb {
    box-shadow: 0 0 0 3px #fff,0 0 0 4px var(--colorInteractionPrimary),0 0 12px rgba(var(--colorInteractionPrimary),.32)
}

.range-slider__form-range--primary:focus::-ms-thumb {
    box-shadow: 0 0 0 3px #fff,0 0 0 4px var(--colorInteractionPrimary),0 0 12px rgba(var(--colorInteractionPrimary),.32)
}

.range-slider__form-range--okay::-webkit-slider-thumb {
    background-color: var(--colorError)
}

.range-slider__form-range--okay::-moz-range-thumb {
    background-color: var(--colorError)
}

.range-slider__form-range--okay::-ms-thumb {
    background-color: var(--colorError)
}

.range-slider__form-range--okay:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 3px #fff,0 0 0 4px var(--colorError),0 0 12px rgba(var(--colorError),.32)
}

.range-slider__form-range--okay:focus::-moz-range-thumb {
    box-shadow: 0 0 0 3px #fff,0 0 0 4px var(--colorError),0 0 12px rgba(var(--colorError),.32)
}

.range-slider__form-range--okay:focus::-ms-thumb {
    box-shadow: 0 0 0 3px #fff,0 0 0 4px var(--colorError),0 0 12px rgba(var(--colorError),.32)
}

.range-slider__form-range--excellent::-webkit-slider-thumb {
    background-color: var(--colorSuccess)
}

.range-slider__form-range--excellent::-moz-range-thumb {
    background-color: var(--colorSuccess)
}

.range-slider__form-range--excellent::-ms-thumb {
    background-color: var(--colorSuccess)
}

.range-slider__form-range--excellent:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 3px #fff,0 0 0 4px var(--colorSuccess),0 0 12px rgba(var(--colorSuccess),.32)
}

.range-slider__form-range--excellent:focus::-moz-range-thumb {
    box-shadow: 0 0 0 3px #fff,0 0 0 4px var(--colorSuccess),0 0 12px rgba(var(--colorSuccess),.32)
}

.range-slider__form-range--excellent:focus::-ms-thumb {
    box-shadow: 0 0 0 3px #fff,0 0 0 4px var(--colorSuccess),0 0 12px rgba(var(--colorSuccess),.32)
}

.range-slider__form-range--disabled::-webkit-slider-thumb {
    background-color: var(--colorNeutralInactive)
}

.range-slider__form-range--disabled::-moz-range-thumb {
    background-color: var(--colorNeutralInactive)
}

.range-slider__form-range--disabled::-ms-thumb {
    background-color: var(--colorNeutralInactive)
}

.range-slider__form-range--disabled:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 3px #fff,0 0 0 4px var(--colorNeutralInactive),0 0 12px rgba(var(--colorNeutralInactive),.32)
}

.range-slider__form-range--disabled:focus::-moz-range-thumb {
    box-shadow: 0 0 0 3px #fff,0 0 0 4px var(--colorNeutralInactive),0 0 12px rgba(var(--colorNeutralInactive),.32)
}

.range-slider__form-range--disabled:focus::-ms-thumb {
    box-shadow: 0 0 0 3px #fff,0 0 0 4px var(--colorNeutralInactive),0 0 12px rgba(var(--colorNeutralInactive),.32)
}

.range-slider__form-range--starting::-webkit-slider-thumb {
    background-color: var(--colorInteractionSecondary)
}

.range-slider__form-range--starting::-moz-range-thumb {
    background-color: var(--colorInteractionSecondary)
}

.range-slider__form-range--starting::-ms-thumb {
    background-color: var(--colorInteractionSecondary)
}

.range-slider__form-range--starting:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 3px #fff,0 0 0 4px var(--colorInteractionSecondary),0 0 12px rgba(var(--colorInteractionSecondary),.32)
}

.range-slider__form-range--starting:focus::-moz-range-thumb {
    box-shadow: 0 0 0 3px #fff,0 0 0 4px var(--colorInteractionSecondary),0 0 12px rgba(var(--colorInteractionSecondary),.32)
}

.range-slider__form-range--starting:focus::-ms-thumb {
    box-shadow: 0 0 0 3px #fff,0 0 0 4px var(--colorInteractionSecondary),0 0 12px rgba(var(--colorInteractionSecondary),.32)
}

.range-slider__tooltip {
    background-color: var(--colorNeutralDivider);
    border-radius: .8rem;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    margin-bottom: 2rem;
    min-width: 4rem;
    padding: .4rem .8rem;
    position: relative;
    text-align: center;
    transform: translateX(-50%);
    -webkit-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .range-slider__tooltip:after {
        border-left: .8rem solid transparent;
        border-right: .8rem solid transparent;
        border-top: .8rem solid var(--colorNeutralDivider);
        content: "";
        height: 0;
        left: 50%;
        position: absolute;
        top: 100%;
        transform: translateX(-50%);
        -webkit-transition: border-color .3s ease-in-out;
        transition: border-color .3s ease-in-out;
        width: 0
    }

.range-slider__tooltip--primary {
    background-color: var(--colorInteractionPrimary)
}

    .range-slider__tooltip--primary:after {
        border-top-color: var(--colorInteractionPrimary)
    }

.range-slider__tooltip--okay {
    background-color: var(--colorError)
}

    .range-slider__tooltip--okay:after {
        border-top-color: var(--colorError)
    }

.range-slider__tooltip--excellent {
    background-color: var(--colorSuccess)
}

    .range-slider__tooltip--excellent:after {
        border-top-color: var(--colorSuccess)
    }

.range-slider__tooltip--disabled {
    background-color: var(--colorNeutralInactive)
}

    .range-slider__tooltip--disabled:after {
        border-top-color: var(--colorNeutralInactive)
    }

.range-slider__tooltip--starting {
    background-color: var(--colorInteractionSecondary)
}

    .range-slider__tooltip--starting:after {
        border-top-color: var(--colorInteractionSecondary)
    }

.range-slider__tooltip--hide-tooltip {
    background-color: transparent
}

    .range-slider__tooltip--hide-tooltip:after {
        border-top-color: transparent
    }

.range-slider__tooltip-output {
    display: block;
    line-height: 1.5
}

.range-slider__custom-track {
    background-color: var(--colorNeutralDivider);
    width: 100%;
    z-index: 1
}

.range-slider__custom-fill, .range-slider__custom-track {
    height: .4rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.range-slider__custom-fill {
    background-color: transparent;
    z-index: 2
}

.range-slider__custom-fill--primary {
    background-color: var(--colorInteractionPrimary)
}

.range-slider__custom-fill--okay {
    background-color: var(--colorError)
}

.range-slider__custom-fill--excellent {
    background-color: var(--colorSuccess)
}

.range-slider__custom-fill--disabled {
    background-color: var(--colorNeutralInactive)
}

.range-slider__circle-step-wrapper {
    height: .8rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 3
}

.range-slider__circle-step {
    background-color: var(--colorNeutralDivider);
    border-radius: 50%;
    height: .8rem;
    width: .8rem
}

.range-slider__circle-step--primary {
    background-color: var(--colorInteractionPrimary)
}

.range-slider__circle-step--okay {
    background-color: var(--colorError)
}

.range-slider__circle-step--excellent {
    background-color: var(--colorSuccess)
}

.range-slider__circle-step--disabled {
    background-color: var(--colorNeutralInactive)
}

.tag {
    display: inline-flex;
    max-width: 232px
}

.tag--size-standard {
    border-radius: 1.6rem;
    padding: .4rem .8rem
}

    .tag--size-standard svg {
        margin-right: .2rem
    }

.tag--size-large {
    border-radius: 0 .8rem .8rem 0;
    padding: .4rem .8rem
}

.tag--size-small {
    border-radius: .8rem;
    padding: .2rem .4rem
}

.tag__label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tag__label--size-large, .tag__label--size-standard {
    line-height: 1.6rem
}

.tag__label--size-small {
    font-size: 1rem;
    line-height: 1.2rem
}

.alan-container {
    background-color: var(--colorWhite);
    border-radius: 5px;
    bottom: 24px;
    color: var(--colorWhite);
    display: none;
    flex-direction: column;
    font-size: 14px;
    font-weight: 700;
    height: 48px;
    min-height: 48px;
    overflow: hidden;
    position: fixed;
    right: 24px;
    z-index: 1300
}

    .alan-container.minimized {
        border-radius: 5px 5px 0 0;
        bottom: 0;
        display: block
    }

        .alan-container.minimized .handler {
            padding-right: 80px
        }

            .alan-container.minimized .handler .widget-close {
                top: -10px
            }

    .alan-container.expand {
        box-shadow: 0 2px 28px 0 rgba(0,0,0,.12);
        display: flex;
        height: 460px;
        max-height: 460px;
        min-height: 240px;
        width: 380px
    }

        .alan-container.expand.global-help-center {
            height: 80vh;
            max-height: 620px
        }

        .alan-container.expand iframe {
            border: none;
            display: inherit;
            flex: 1
        }

        .alan-container.expand .handler {
            cursor: inherit;
            height: 48px;
            text-align: center
        }

            .alan-container.expand .handler .widget-close {
                cursor: pointer;
                line-height: normal;
                right: 16px;
                transform: rotate(0deg) scale(1.7)
            }

    .alan-container iframe {
        display: none
    }

    .alan-container .handler {
        background-color: var(--colorInteractionPrimary);
        cursor: pointer;
        font-size: 1.8rem;
        font-weight: 700;
        height: 48px;
        line-height: 48px;
        padding: 0 16px
    }

        .alan-container .handler .widget-close {
            cursor: pointer;
            position: absolute;
            right: 16px;
            top: 13px;
            transform: rotate(180deg) scale(1.7)
        }

            .alan-container .handler .widget-close path {
                fill: var(--colorWhite)
            }

.is-mobile .alan-container.expand {
    border-radius: 0;
    bottom: 0;
    height: inherit;
    left: 0;
    margin: 0;
    max-height: inherit;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%
}

.footer {
    clear: both;
    font-size: 1.4rem;
    line-height: 1.5;
    margin-left: auto;
    margin-right: auto;
    margin-top: 48px;
    max-width: 1425px;
    padding-bottom: 74px;
    padding-left: 16px;
    padding-right: 16px;
    position: relative;
    width: 100%
}

@media (min-width:480px) {
    .footer {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media (min-width:768px) {
    .footer {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media (min-width:1265px) {
    .footer {
        padding-left: 80px;
        padding-right: 80px
    }
}

.footer__payment__logos, .footer__wrapper__bottom, .footer__wrapper__middle, .footer__wrapper__top {
    margin: 0;
    position: relative
}

.footer__wrapper__top {
    border-top: 1px solid var(--colorNeutralDivider);
    padding: 30px 0
}

.footer__payment__logos .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 0 16px
}

    .footer__payment__logos .row:first-child {
        margin-bottom: 0
    }

@media (min-width:768px) {
    .footer__payment__logos .row {
        margin: 0 0 24px
    }
}

.footer__payment__logos .row img {
    margin: 16px 16px 0 0
}

@media (min-width:768px) {
    .footer__payment__logos .row img {
        margin: 24px 24px 0 0
    }
}

.footer__wrapper__middle {
    border-top: 1px solid var(--colorNeutralDivider);
    padding-bottom: 24px;
    padding-top: 24px
}

.footer-reduced .footer__wrapper__middle {
    border-bottom: 1px solid var(--colorNeutralDivider)
}

.footer__wrapper__bottom {
    border-top: 1px solid var(--colorNeutralDivider);
    padding-bottom: 48px;
    padding-top: 24px
}

.footer__logo {
    align-items: flex-start;
    display: flex;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    flex-direction: column;
    flex-wrap: nowrap;
    margin-top: 10px;
    min-height: 45px
}

    .footer__logo svg {
        height: 30px
    }

    .footer__logo .dh-logo {
        height: 27px;
        margin: 13.5px 18.5px;
        width: 37px
    }

    .footer__logo .svg-stroke-container path {
        fill: var(--colorNeutralInactive)
    }

        .footer__logo .svg-stroke-container path.dont-fill {
            fill: none
        }

    .footer__logo div {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .footer__logo .dh-logo-legend {
        color: var(--colorNeutralSecondary)
    }

.footer__social {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    height: 42px;
    text-align: right
}

    .footer__social ul {
        list-style-type: none;
        margin: 0;
        padding: 0
    }

        .footer__social ul li {
            display: inline-block;
            margin: 0 8px
        }

    .footer__social a {
        display: inline-block
    }

@media (min-width:768px) {
    .footer__social a {
        margin-right: 8px;
        margin-top: 1px
    }
}

.footer__social a i {
    color: var(--colorNeutralInactive);
    font-size: 3.3rem;
    transition: color .1s linear
}

    .footer__social a i:hover {
        color: var(--colorInteractionPrimary)
    }

@media (min-width:768px) {
    .footer__social a:last-child {
        margin-right: 0
    }
}

.footer-logo-wrapper {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    min-height: 45px;
    width: 100%
}

.footer__nav {
    text-align: center
}

@media (min-width:768px) {
    .footer__nav {
        float: right;
        padding-right: 0;
        text-align: right;
        width: 50%
    }
}

.footer__nav li {
    display: inline-block;
    margin: 0 8px
}

@media (min-width:768px) {
    .footer__nav li {
        margin-right: 0
    }
}

.footer__nav li a {
    color: var(--colorNeutralPrimary);
    cursor: pointer;
    transition: color .1s linear
}

    .footer__nav li a:focus, .footer__nav li a:hover {
        color: var(--colorInteractionPrimary);
        text-decoration: none
    }

.footer__disclaimer {
    margin-top: 16px;
    text-align: center
}

    .footer__disclaimer a {
        white-space: nowrap
    }

@media (min-width:768px) {
    .footer__disclaimer {
        margin-top: 0;
        padding-left: 0;
        text-align: left
    }
}

.footer__popular {
    float: left;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    text-align: center;
    width: 100%
}

@media (min-width:768px) {
    .footer__popular {
        float: left;
        padding-right: 24px;
        text-align: left;
        width: 33.33333%
    }
}

.footer__popular h4 {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.6;
    margin: 0;
    text-transform: uppercase
}

.footer__popular p {
    color: var(--colorNeutralSecondary);
    margin: 0 0 16px;
    width: 100%
}

@media (min-width:768px) {
    .footer__popular p {
        line-height: 1.6
    }
}

.footer__popular a {
    color: var(--colorNeutralSecondary);
    cursor: pointer;
    transition: color .1s linear
}

    .footer__popular a:focus, .footer__popular a:hover {
        color: var(--colorInteractionPrimary);
        text-decoration: none
    }

.footer .footer__language-switch {
    display: block;
    margin: 0 auto 16px;
    width: 66.67%
}

@media (min-width:480px) {
    .footer .footer__language-switch {
        width: 50%
    }
}

@media (min-width:960px) {
    .footer .footer__language-switch {
        display: none
    }
}

.modal, .modal-open {
    overflow: hidden
}

.modal {
    -webkit-overflow-scrolling: touch;
    bottom: 0;
    display: none;
    left: 0;
    outline: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1050
}

    .modal.fade .modal-dialog {
        -webkit-transform: translateY(-25%);
        -ms-transform: translateY(-25%);
        -o-transform: translateY(-25%);
        transform: translateY(-25%);
        -webkit-transition: -webkit-transform .3s ease-out;
        -moz-transition: -moz-transform .3s ease-out;
        -o-transition: -o-transform .3s ease-out;
        transition: transform .3s ease-out
    }

    .modal.in .modal-dialog {
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0)
    }

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    margin: 10px;
    position: relative;
    width: auto
}

.modal-content {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    outline: 0;
    position: relative
}

.modal-backdrop {
    background-color: #000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1040
}

    .modal-backdrop.fade {
        filter: alpha(opacity=0);
        opacity: 0
    }

    .modal-backdrop.in {
        filter: alpha(opacity=50);
        opacity: .5
    }

.modal-header {
    border-bottom: 1px solid #e5e5e5;
    padding: 15px
}

    .modal-header:after, .modal-header:before {
        content: " ";
        display: table
    }

    .modal-header:after {
        clear: both
    }

    .modal-header .close {
        margin-top: -2px
    }

.modal-title {
    line-height: 1.42857;
    margin: 0
}

.modal-body {
    padding: 15px;
    position: relative
}

.modal-footer {
    border-top: 1px solid #e5e5e5;
    padding: 15px;
    text-align: right
}

    .modal-footer:after, .modal-footer:before {
        content: " ";
        display: table
    }

    .modal-footer:after {
        clear: both
    }

    .modal-footer .btn + .btn {
        margin-bottom: 0;
        margin-left: 5px
    }

    .modal-footer .btn-group .btn + .btn {
        margin-left: -1px
    }

    .modal-footer .btn-block + .btn-block {
        margin-left: 0
    }

.modal-scrollbar-measure {
    height: 50px;
    overflow: scroll;
    position: absolute;
    top: -9999px;
    width: 50px
}

@media (min-width:480px) {
    .modal-dialog {
        /*margin: 30px auto;*/
        width: 600px
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
        box-shadow: 0 5px 15px rgba(0,0,0,.5)
    }

    .modal-sm {
        width: 300px
    }
}

@media (min-width:768px) {
    .modal-lg {
        width: 900px
    }
}

.modal {
    z-index: 1300
}

.modal-high {
    z-index: 1301
}

.modal-backdrop {
    background-color: rgba(52,52,52,.5);
    z-index: 1290
}

.modal-content {
    border-radius: 10px;
    box-shadow: 0 .3rem 2rem rgba(0,0,0,.1);
    padding: 13px 0 24px
}

.modal-message, .modal-success-message {
    font-size: 1.4rem;
    padding: 8px
}

/*.modal-dialog {
    margin: 0;
    max-width: 100%;
    width: 100%
}*/

@media (min-width:480px) {
    .modal-dialog {
        /*  margin: 70px auto 0;*/
        position: fixed;
        top: 50%;
        left: 50%;
        /* bring your own prefixes */
        transform: translate(-50%, -50%);
        height: auto;
        overflow: auto !important;
        width: auto;
        min-width: 400px;
    }
}

.modal-footer {
    position: relative
}

.modal-wrapper {
    background: var(--colorWhite);
    margin: 0;
    padding: 24px;
    width: 100%
}

@media (min-width:960px) {
    .modal-wrapper {
        box-shadow: 0 .1rem .5rem rgba(0,0,0,.15);
        margin: 0 auto;
        max-width: 600px;
        transform: translateY(70px)
    }
}

.disable-scrolling {
    overflow-y: hidden
}

.modal-close-button {
    cursor: pointer;
    height: 31px;
    right: 4px;
    top: 2px;
    width: 31px
}

@media (min-width:480px) {
    .modal-close-button {
        right: 15px;
        top: -15px
    }
}

.modal-success-message {
    background-color: var(--colorSuccess);
    color: var(--colorWhite);
    margin-bottom: 16px
}

.modal-header {
    border-bottom-style: none;
    color: var(--colorNeutralPrimary);
    font-size: 3.2rem;
    line-height: 1.25;
    margin-bottom: 16px;
    padding: 0
}

.modal-description {
    color: var(--colorNeutralSecondary);
    margin-bottom: 24px
}

.modal-mobile-header {
    line-height: 19px;
    margin-bottom: 32px
}

@media (min-width:960px) {
    .modal-description {
        margin-bottom: 32px
    }

    .modal-mobile-header {
        float: right;
        margin-bottom: 0
    }

    .button.not-full-lg {
        width: auto
    }
}

.new-modal.modal {
    font-size: 1.4rem
}

.new-modal .modal-dialog {
    margin-top: 0;
    width: 100%
}

.new-modal.modal.in .modal-dialog {
    transform: none
}

.new-modal .modal-content {
    border-style: none;
    min-height: 100vh;
    padding: 32px 24px 80px
}

.new-modal .modal-footer {
    background-color: var(--colorWhite);
    border-top: none;
    bottom: 0;
    left: 0;
    padding: 16px;
    position: fixed;
    right: 0
}

@media screen and (max-height:310px) {
    .new-modal .modal-footer {
        padding: 16px 0 0;
        position: static
    }

    .new-modal .modal-content {
        padding-bottom: 32px
    }
}

@media (min-width:960px) {
    .new-modal.modal.in .modal-dialog {
        transform: translate(0)
    }

    .new-modal .modal-dialog {
        padding-bottom: 32px;
        width: 640px
    }

    .new-modal .modal-content {
        min-height: 0;
        padding: 32px
    }

    .new-modal.modal {
        padding-top: 124px
    }

    .new-modal .modal-footer {
        margin-top: 48px;
        padding: 0;
        position: relative
    }
}

.react-modal {
    display: inline-block
}

    .react-modal.hide {
        display: none
    }

    .react-modal .modal-header {
        font-size: 2.4rem
    }

    .react-modal .modal-description {
        margin-bottom: 32px
    }

    .react-modal .modal-body {
        padding: 0
    }

    .react-modal .modal-content {
        padding: 24px
    }

@media (min-width:768px) {
    .react-modal .modal-header {
        font-size: 3.2rem
    }

    .react-modal.modal.in .modal-dialog {
        transform: translate(0)
    }

    .react-modal .modal-dialog {
        padding-bottom: 32px;
        width: 640px
    }

    .react-modal .modal-content {
        min-height: 0;
        padding: 32px
    }

    .react-modal.modal {
        padding-top: 124px
    }

    .react-modal .modal-footer {
        margin-top: 48px;
        padding: 0;
        position: relative
    }

    .react-modal .modal-description {
        margin-bottom: 32px
    }

    .react-modal .modal-mobile-header {
        float: right;
        margin-bottom: 0
    }

    .react-modal .button.not-full-lg {
        width: auto
    }
}

.close-button {
    cursor: pointer;
    display: inline-block;
    height: 16px;
    overflow: hidden;
    position: relative;
    width: 16px
}

    .close-button.xs {
        height: 8px;
        width: 8px
    }

    .close-button.sm {
        height: 12px;
        width: 12px
    }

    .close-button.lg {
        height: 24px;
        width: 24px
    }

    .close-button.xl {
        height: 32px;
        width: 32px
    }

    .close-button:after, .close-button:before {
        background: var(--colorInteractionPrimary);
        content: "";
        height: 1px;
        left: 0;
        margin-top: -1px;
        position: absolute;
        top: 50%;
        width: 100%
    }

    .close-button:before {
        transform: rotate(45deg)
    }

    .close-button:after {
        transform: rotate(-45deg)
    }

.modal-container {
    height: 100vh;
    overflow: auto
}

    .modal-container button[aria-label=close] {
        cursor: pointer
    }
/*
.modal-body {
    max-height: 90vh;
    overflow: auto
}*/

#tooltip {
    max-width: 388px;
    min-width: 64px;
    text-transform: none;
    z-index: 100
}

    #tooltip.top {
        bottom: calc(100% + 12px)
    }

        #tooltip.top .tooltip-arrow {
            bottom: -7px
        }

        #tooltip.top.align-right {
            right: -12px
        }

            #tooltip.top.align-right .tooltip-arrow {
                border-bottom-right-radius: 2px;
                right: 16px
            }

        #tooltip.top.align-left {
            left: -12px
        }

            #tooltip.top.align-left .tooltip-arrow {
                border-bottom-right-radius: 2px;
                left: 16px
            }

        #tooltip.top.align-center {
            left: 50%;
            transform: translateX(-50%)
        }

            #tooltip.top.align-center .tooltip-arrow {
                border-bottom-right-radius: 2px;
                left: 50%;
                transform: translateX(-50%) rotate(45deg)
            }

    #tooltip.bottom {
        top: calc(100% + 12px)
    }

        #tooltip.bottom .tooltip-arrow {
            top: -7px
        }

        #tooltip.bottom.align-left {
            left: -12px
        }

            #tooltip.bottom.align-left .tooltip-arrow {
                border-top-left-radius: 2px;
                left: 16px
            }

        #tooltip.bottom.align-right {
            right: -12px
        }

            #tooltip.bottom.align-right .tooltip-arrow {
                border-top-left-radius: 2px;
                right: 16px
            }

        #tooltip.bottom.align-center {
            left: 50%;
            transform: translateX(-50%)
        }

            #tooltip.bottom.align-center .tooltip-arrow {
                border-bottom-right-radius: 2px;
                left: 50%;
                transform: translateX(-50%) rotate(45deg)
            }

    #tooltip.left {
        right: calc(100% + 12px);
        top: 50%;
        transform: translateY(-50%)
    }

        #tooltip.left .tooltip-arrow {
            border-top-right-radius: 2px;
            right: -7px;
            top: 50%;
            transform: translateY(-50%) rotate(45deg)
        }

    #tooltip.right {
        left: calc(100% + 12px);
        top: 50%;
        transform: translateY(-50%)
    }

        #tooltip.right .tooltip-arrow {
            border-bottom-left-radius: 2px;
            left: -7px;
            top: 50%;
            transform: translateY(-50%) rotate(45deg)
        }

    #tooltip .tooltip-arrow {
        height: 14px;
        position: absolute;
        transform: rotate(45deg);
        width: 14px;
        z-index: -1
    }

    #tooltip .tooltip-inner a {
        color: var(--colorNeutralPrimary);
        cursor: pointer;
        text-decoration: underline
    }

    #tooltip .tooltip-inner-text {
        font-weight: 600;
        line-height: 1.5
    }

#global-header .overlay-header {
    z-index: auto
}

#global-header .header .account-link, #global-header .header .language-wrapper a {
    background: var(--colorWhite);
    text-decoration: none;
    text-transform: uppercase
}

    #global-header .header .account-link:focus, #global-header .header .language-wrapper a:focus {
        outline: 0
    }

#global-header .header .account-link {
    border: 0
}

#global-header .header .language-wrapper a.active {
    font-weight: 700
}

#global-header .header .account-link:hover, #global-header .header .cart-icon:hover, #global-header .header .cart-icon:hover .products-count {
    background-color: var(--colorWhite)
}

    #global-header .header .cart-icon:hover .products-count {
        background: none
    }

#global-header .header .cart-icon button {
    align-items: center;
    display: flex;
    font-size: 1.2rem;
    font-weight: 700;
    height: 100%;
    justify-content: center
}

@media (max-width:959px) {
    #global-header .header .logo-wrapper.with-back-navigation {
        order: -1
    }
}

@media (max-width:374px) {
    #global-header .header .logo-wrapper.with-back-navigation {
        order: -1;
        width: 105px
    }
}

@media (max-width:959px) {
    #global-header .header .logo-wrapper.with-back-navigation .logo {
        justify-content: flex-start
    }
}

@media (max-width:478px) {
    #global-header .header .logo-wrapper.with-back-navigation .logo {
        justify-content: flex-start;
        padding-left: 24px
    }
}

@media (max-width:374px) {
    #global-header .header .logo-wrapper.with-back-navigation .logo {
        justify-content: flex-start;
        padding: 0
    }
}

@media (max-width:959px) {
    #global-header .header .logo-wrapper.with-back-navigation .svg-logo-wrapper {
        transform: scale(.8) translateX(-12px)
    }

    #global-header .header .user-wrapper.with-back-navigation {
        order: 5
    }

        #global-header .header .user-wrapper.with-back-navigation .header-account-menu {
            left: -153px
        }
}

#global-header .header .back-navigation-wrapper {
    cursor: pointer;
    display: none;
    order: -1
}

    #global-header .header .back-navigation-wrapper .back-navigation {
        height: 64px;
        width: 24px
    }

@media (max-width:959px) {
    #global-header .header .back-navigation-wrapper {
        display: block
    }
}

.header-account-menu {
    background-color: var(--colorWhite);
    box-shadow: 0 .1rem .5rem rgba(0,0,0,.15);
    left: 0;
    list-style: none;
    margin: 0;
    min-width: 273px;
    padding: 8px 0;
    position: absolute;
    top: 64px;
    z-index: 100
}

@media (min-width:960px) {
    .header-account-menu {
        left: auto;
        right: -1px
    }
}

.header-account-menu > li {
    min-height: 50px
}

.header-account-menu__language-switcher {
    background: none;
    border: 0;
    color: var(--colorInteractionPrimary);
    font-size: 1.4rem;
    font-weight: 700;
    height: 50px;
    padding: 0 16px;
    position: relative
}

@media (min-width:960px) {
    .header-account-menu__language-switcher, .header-account-menu__language-switcher + .header-account-menu-divider {
        display: none
    }
}

.header-account-menu__language-switcher:first-of-type {
    margin-left: 8px
}

.header-account-menu__language-switcher:not(:first-of-type):before {
    background-color: var(--colorInteractionPrimary);
    content: "";
    display: inline-block;
    height: 16px;
    left: 0;
    position: absolute;
    top: calc(50% - 8px);
    width: 1px
}

.header-account-menu a.header-account-menu-link {
    color: var(--colorNeutralPrimary);
    display: block;
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 50px;
    min-height: 50px;
    padding: 0 24px;
    text-decoration: none
}

    .header-account-menu a.header-account-menu-link:hover {
        background-color: #fafafa;
        color: var(--colorInteractionPrimary);
        text-decoration: none
    }

    .header-account-menu a.header-account-menu-link.account-item {
        line-height: auto
    }

        .header-account-menu a.header-account-menu-link.account-item dl.account-item-dl {
            display: flex;
            flex-wrap: wrap;
            overflow: hidden;
            padding: 16px 0;
            position: relative
        }

            .header-account-menu a.header-account-menu-link.account-item dl.account-item-dl dt.account-item-avatar {
                line-height: normal;
                white-space: nowrap;
                width: 40px
            }

            .header-account-menu a.header-account-menu-link.account-item dl.account-item-dl dd.account-item-info {
                flex: 1
            }

                .header-account-menu a.header-account-menu-link.account-item dl.account-item-dl dd.account-item-info span {
                    display: block
                }

                    .header-account-menu a.header-account-menu-link.account-item dl.account-item-dl dd.account-item-info span.title {
                        font-size: 1.4rem;
                        font-weight: 300;
                        line-height: 18px;
                        margin: 0 0 4px
                    }

                    .header-account-menu a.header-account-menu-link.account-item dl.account-item-dl dd.account-item-info span.description {
                        color: var(--colorNeutralSecondary);
                        font-size: 1.2rem;
                        font-weight: 300;
                        line-height: 16px;
                        text-transform: lowercase
                    }

                .header-account-menu a.header-account-menu-link.account-item dl.account-item-dl dd.account-item-info.check-mark-wrapper {
                    flex: 0;
                    padding: 8px
                }

                    .header-account-menu a.header-account-menu-link.account-item dl.account-item-dl dd.account-item-info.check-mark-wrapper span.checkMark-account {
                        align-items: center;
                        background-color: var(--colorInteractionPrimary);
                        border-radius: 50%;
                        display: flex;
                        height: 16px;
                        justify-content: center;
                        width: 16px
                    }

    .header-account-menu a.header-account-menu-link.flex {
        display: flex
    }

    .header-account-menu a.header-account-menu-link.left-centered-logo {
        align-items: center;
        display: flex;
        justify-content: flex-start
    }

        .header-account-menu a.header-account-menu-link.left-centered-logo svg {
            height: 20px;
            width: 87px
        }

        .header-account-menu a.header-account-menu-link.left-centered-logo .calcul-animation {
            justify-content: flex-start;
            padding: 0
        }

    .header-account-menu a.header-account-menu-link .suffix-icon {
        align-items: center;
        display: inline-flex;
        margin-left: 8px
    }

.header-account-menu hr.header-account-menu-divider {
    background-color: var(--colorNeutralDivider);
    border: none;
    height: 1px;
    margin: 8px 24px
}

.header-account-menu.header-account-menu-sm {
    min-width: 200px
}

    .header-account-menu.header-account-menu-sm a.header-account-menu-link {
        padding: 0 16px
    }

    .header-account-menu.header-account-menu-sm button.header-account-menu-link:first-of-type {
        margin-left: 0
    }

    .header-account-menu.header-account-menu-sm hr.header-account-menu-divider {
        margin: 8px 16px
    }

.logout-successful-message {
    position: absolute;
    right: 4px;
    top: calc(100% + 8px);
    width: 120px
}

@media (max-width:767px) {
    .logout-successful-message {
        left: 4px;
        right: unset
    }
}

.footer a {
    color: var(--colorNeutralPrimary);
    text-decoration: none
}

.footer hr {
    background-color: var(--colorNeutralDivider);
    border: 0;
    height: 1px !important;
    margin: 32px 0
}

.PopularChains h4, .home-cuisines h4 {
    margin: 24px 0
}

.button-ghost.footer__language-switch {
    display: block;
    margin: 0 auto 16px;
    width: 66.67%
}

@media (min-width:480px) {
    .button-ghost.footer__language-switch {
        width: 50%
    }
}

@media (min-width:960px) {
    .button-ghost.footer__language-switch {
        display: none
    }
}

.footer__nav-container:after {
    clear: both;
    content: "";
    display: table
}

.footer__nav {
    text-align: unset;
    width: 75%
}

@media screen and (max-width:768px) {
    .footer__nav {
        text-align: center;
        width: 100%
    }
}

.footer__nav__list {
    column-gap: 16px;
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: subgrid;
    width: 100%
}

@media screen and (max-width:768px) {
    .footer__nav__list {
        grid-template-columns: repeat(1,1fr);
        row-gap: 8px
    }
}

.footer__nav__sublist {
    display: grid;
    grid-auto-rows: minmax(min-content,max-content);
    grid-template-columns: 1fr;
    row-gap: 8px
}

.etbis_qr {
    align-items: center;
    display: flex;
    float: right;
    justify-content: right;
    padding: 20px 0;
    width: 100%
}

@media only screen and (max-width:768px) {
    .etbis_qr {
        justify-content: center
    }
}

.home-cuisines__list {
    column-gap: 16px;
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: subgrid;
    width: 100%
}

    .home-cuisines__list li {
        text-overflow: ellipsis
    }

    .home-cuisines__list li, .home-cuisines__list strong {
        margin-bottom: 8px;
        overflow: hidden;
        white-space: nowrap
    }

    .home-cuisines__list a {
        color: var(--colorNeutralPrimary);
        text-overflow: ellipsis
    }

    .home-cuisines__list li, .home-cuisines__list strong {
        font-size: 1.6rem;
        grid-template-columns: 1fr;
        row-gap: 8px
    }

@media screen and (max-width:768px) {
    .home-cuisines__list {
        grid-template-columns: repeat(4,1fr)
    }
}

.joe-promotion-card {
    background-color: var(--colorWhite);
    height: 100%;
    left: 0;
    overflow: hidden;
    position: relative;
    top: 0;
    width: 100%
}

    .joe-promotion-card:after, .joe-promotion-card:before {
        background-color: rgba(0,0,0,.04);
        border-radius: 100%;
        bottom: 32px;
        content: " ";
        height: 16px;
        position: absolute;
        width: 16px
    }

    .joe-promotion-card:before {
        left: -12px
    }

    .joe-promotion-card:after {
        right: -12px
    }

.joe-promotion-card--fixed-width {
    width: 238px
}

.joe-promotion-card--full-width {
    box-shadow: 0 .2rem 1rem rgba(0,0,0,.12);
    width: 100%
}

.joe-promotion-card__panel {
    border-bottom: 1px dashed var(--colorNeutralDivider)
}

.joe-promotion-card__title {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    height: 32px;
    line-height: 18px;
    margin-bottom: 4px;
    overflow: hidden
}

.joe-promotion-card__button--enabled {
    cursor: pointer
}

.joe-promotion-card__button--disabled {
    cursor: default
}

.joe-promotion-card__tag {
    white-space: nowrap
}

.joe-promotion-card__details-modal > div[role=dialog] {
    max-width: 560px !important
}

.joe-promotion-card__details-modal-divider {
    margin: 16px 0
}

.joe-promotion-card__details-modal-body {
    flex-grow: 1;
    padding: 0 8px
}

.joe-promotions {
    margin-top: -12px
}

    .joe-promotions:after {
        background-color: var(--colorNeutralSurface);
        content: " ";
        height: 8px;
        width: 100%
    }

.joe-promotions__subtitle {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    line-height: 16px;
    overflow: hidden
}

.joe-promotions__remove-button {
    cursor: pointer
}

.joe-promotions .cross-sell-abstract-carousel {
    overflow: hidden
}

.joe-promotions .abstract-carousel .joe-promotions-carousel__promotion {
    background: transparent;
    border-radius: 8px;
    box-shadow: none;
    padding: 0
}

.joe-promotions .abstract-carousel .joe-promotions-carousel__arrow {
    box-shadow: 0 .3rem 2rem rgba(0,0,0,.1)
}

.joe-promotions__invalid-modal > div[role=dialog], .joe-promotions__remove-modal > div[role=dialog] {
    max-width: 480px !important
}

.joe-promotions__tag {
    white-space: nowrap
}

.menu__allergy-modal__items {
    float: none;
    font-size: 1.4rem;
    min-height: 1px;
    overflow: hidden;
    padding-left: 12px;
    padding-right: 12px;
    position: relative
}

@media (min-width:480px) {
    .menu__allergy-modal__items {
        float: left;
        width: 50%
    }
}

.menu__allergy-modal__item {
    align-items: flex-start;
    display: flex;
    line-height: 1.5;
    margin-bottom: 4px
}

.menu__allergy-modal__item-icon {
    color: var(--colorNeutralSecondary);
    display: inline-block;
    flex: 0 0 30px;
    font-size: 1.7rem
}

.menu__allergy-modal__item-number {
    display: inline-block;
    flex: 0 0 16px;
    margin-left: 2px;
    margin-right: 8px;
    text-align: right;
    vertical-align: top
}

.menu__allergy-modal__item-text {
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    word-break: normal
}

.rdp-banner-container {
    position: sticky;
    z-index: 13
}

@media screen and (max-width:480px) {
    .rdp-banner-container {
        position: static
    }
}

.event-banner {
    border-left: 2px solid var(--colorWarning)
}

.event-banner__text {
    flex-grow: 1;
    font-size: 1.4rem;
    font-weight: 300;
    margin-right: 16px;
    text-align: center
}

.event-banner__icon {
    fill: var(--colorWarning);
    flex-shrink: 0;
    margin-left: 16px
}

.skinny-banner {
    position: inherit
}

.rdp-ltd-banner .ltd-banner-box-inner {
    justify-content: flex-start
}

.cart-column {
    display: block;
    position: relative;
    width: 0;
    z-index: 16
}

@media (min-width:960px) {
    .cart-column {
        width: 352px;
        z-index: 13
    }
}

.cart-summary-header-title {
    margin-top: 16px
}

.menu-bottom-additives-link {
    margin: 16px 0
}

.cart-summary-header-title, .menu-bottom-additives-link {
    display: none
}

@media (min-width:960px) {
    .cart-summary-header-title, .menu-bottom-additives-link {
        display: block
    }
}

.menu-bottom-additives-link {
    display: none
}

@media (min-width:960px) {
    .menu-bottom-additives-link {
        display: block
    }
}

.menu-bottom-additives-link span {
    color: var(--colorInteractionPrimary);
    cursor: pointer
}

.vendor-details-navigation {
    top: 65px;
}

    .vendor-details-navigation .dish-control-holder {
        padding: 0
    }

        .vendor-details-navigation .dish-control-holder svg {
            stroke: var(--colorInteractionPrimary)
        }

body:not(.using-mouse) .dish-menu-category-list li a:focus {
    outline: 1px solid var(--colorBrandPrimary)
}

.dish-menu-category-list .next, .dish-menu-category-list .prev {
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 5
}

.dish-menu-category-list .next {
    left: auto;
    right: 0
}

@media screen and (max-width:959px) {
    #reactRoot .vendor-details-navigation .next, #reactRoot .vendor-details-navigation .prev {
        display: none
    }

    #reactRoot .vendor-details-navigation .dish-control-holder:after, #reactRoot .vendor-details-navigation .dish-control-holder:before {
        background: none
    }
}

@media screen and (max-width:767px) {
    #reactRoot .dish-control-holder a {
        font-size: 1.2rem;
        font-weight: 300
    }

        #reactRoot .dish-control-holder a:after {
            background-color: var(--colorWhite)
        }

    #reactRoot .dish-control-holder .selected {
        font-size: 1.2rem;
        font-weight: 700
    }

        #reactRoot .dish-control-holder .selected:after {
            background-color: var(--colorBrandPrimary)
        }
}

.caterers-time-tooltip {
    box-shadow: none;
    left: auto;
    opacity: 1;
    right: 0;
    top: calc(100% + 16px);
    visibility: visible;
    width: 288px;
    width: 340px;
    z-index: 1400
}

@media (min-width:960px) {
    .caterers-time-tooltip {
        left: 0;
        right: auto;
        top: calc(100% + 16px)
    }
}

.caterers-time-tooltip :before {
    border-bottom: 8px solid var(--colorBrandSecondary);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    content: "";
    height: 0;
    left: auto;
    position: absolute;
    right: 16px;
    top: -8px;
    width: 0
}

@media (min-width:960px) {
    .caterers-time-tooltip :before {
        left: 20px
    }
}

body.using-mouse :focus {
    outline: none
}

a, a:hover {
    text-decoration: none
}

button {
    background: none;
    border: none;
    font-family: Open Sans,Arial,sans-serif;
    margin: 0;
    padding: 0
}

    button:focus {
        outline: 1px solid var(--colorBrandPrimary)
    }

    button:not(:disabled) {
        cursor: pointer
    }

b, strong {
    font-weight: 700
}

textarea {
    -webkit-appearance: none;
    font-family: inherit
}

.border-top-only {
    border-bottom-width: 0;
    border-left-width: 0;
    border-right-width: 0
}

.no-border-top {
    border-top-width: 0
}

.grow {
    flex-grow: 1
}

.overflow-hidden {
    overflow: hidden
}

.push-right {
    margin-left: auto
}

.strike-through {
    text-decoration: line-through
}

.vertical-align-middle {
    vertical-align: middle
}

.upper-case {
    text-transform: uppercase
}

.no-shrink {
    flex-shrink: 0
}

.vendor-section {
    background-color: var(--colorWhite);
    flex: 1 1 auto;
    width: 100%
}

@media (min-width:960px) {
    .vendor-section {
       /* width: calc(100% - 352px)*/
    }
}

.section-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1248px;
    padding-left: 16px;
    padding-right: 16px;
    position: relative;
    width: 100%
}

@media (min-width:480px) {
    .section-container {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media (min-width:768px) {
    .section-container {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media (min-width:1265px) {
    .section-container {
        padding-left: 80px;
        padding-right: 80px
    }
}

@media (min-width:768px) and (max-width:959px) {
    .section-container {
        padding-left: 24px;
        padding-right: 24px
    }
}

.dish-category-section__inner-wrapper, .menu__dish-placeholder, .vendor-info-main {
    padding-bottom: 24px;
    padding-top: 24px
}

@media (max-width:767px) {
    .dish-category-section__inner-wrapper, .menu__dish-placeholder {
        padding-bottom: 0
    }
}

.modal-close-button {
    align-items: center;
    background: var(--colorWhite);
    border: none;
    border-radius: 50%;
    box-shadow: 0 .3rem 2rem rgba(0,0,0,.1);
    display: flex;
    justify-content: center;
    padding: 4px;
    position: absolute;
    right: 16px;
    top: 16px
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cart-summary-sticky {
    min-height: 100vh
}

.reply-border-top-only div {
    border-bottom-width: 0;
    border-left-width: 0;
    border-right-width: 0
}

    .reply-border-top-only div:first-child {
        border-top-width: 0
    }

.rdp-body-reviews {
    display: none
}

.text-transform-initial {
    text-transform: none
}

.btm-neutral-border {
    border-bottom: 1px solid var(--colorNeutralDivider)
}

.text-align-left {
    text-align: left
}

.hide {
    display: none
}

.modal-body {
    padding: 0
}

.lane-component {
    position: relative
}

    .lane-component .nav-scroller {
        align-items: center;
        background-color: var(--colorInteractionPrimary);
        border: none;
        box-sizing: content-box;
        color: var(--colorOnInteractionPrimary);
        display: flex;
        height: 48px;
        justify-content: center;
        text-overflow: unset !important;
        width: 48px;
        width: 8px
    }

        .lane-component .nav-scroller:hover {
            background-color: var(--colorInteractionBackgroundHover);
            border-color: var(--colorInteractionBackgroundHover);
            color: var(--colorOnInteractionPrimaryHover)
        }

        .lane-component .nav-scroller:focus {
            background-color: var(--colorInteractionPrimary);
            border-color: var(--colorInteractionPrimary);
            color: var(--colorOnInteractionPrimary);
            outline: 4px solid var(--colorInteractionFocus);
            outline-offset: 2px
        }

        .lane-component .nav-scroller[disabled] {
            background-color: var(--colorNeutralInactive);
            border-color: var(--colorNeutralInactive);
            pointer-events: none
        }

        .lane-component .nav-scroller.status--loading, .lane-component .nav-scroller.status--success {
            background-color: var(--colorInteractionPrimaryFeedback);
            border-color: var(--colorInteractionPrimaryFeedback)
        }

        .lane-component .nav-scroller:focus {
            outline: none
        }

        .lane-component .nav-scroller .svg-stroke-container {
            stroke: var(--colorWhite)
        }

        .lane-component .nav-scroller svg {
            transform: scale(1.3)
        }

    .lane-component .button-holder {
        cursor: pointer;
        position: absolute;
        top: 75px;
        z-index: 3
    }

        .lane-component .button-holder.prev {
            left: 0;
            transform: translate(-16px)
        }

            .lane-component .button-holder.prev .nav-scroller svg {
                transform: scale(1.3) rotate(180deg)
            }

        .lane-component .button-holder.next {
            right: 0;
            transform: translate(16px)
        }

@media (min-width:480px) {
    .lane-component .button-holder.prev {
        transform: translate(-50%)
    }

    .lane-component .button-holder.next {
        transform: translate(50%)
    }
}

@media (min-width:960px) {
    .lane-component .button-holder.prev {
        transform: translate(-48px)
    }

    .lane-component .button-holder.next {
        transform: translate(48px)
    }
}

.touch .lane-component .button-holder {
    display: none
}

@media (min-width:1208px) {
    .touch .lane-component .button-holder {
        display: block
    }
}

.dish-card, .lane-component .lane-wrapper {
    overflow: hidden
}

.dish-card {
    cursor: default;
    width: 48.7069%
}

    .dish-card .product-button-overlay {
        border-radius: 4px;
        bottom: 0;
        cursor: pointer;
        display: block;
        height: calc(100% - 2px);
        left: 1px;
        outline: none !important;
        position: absolute;
        right: 0;
        top: 1px;
        width: calc(100% - 2px);
        z-index: 2
    }

        .dish-card .product-button-overlay:focus {
            box-shadow: 0 0 1px 1px var(--colorBrandPrimary)
        }

body.using-mouse .dish-card .product-button-overlay:focus {
    box-shadow: none
}

@media (max-width:767px),(min-width:960px) and (max-width:1265px) {
    .dish-card {
        width: 100%
    }
}

@media (max-width:767px) {
    .dish-card {
        box-shadow: none
    }

        .dish-card:not(:last-child) {
            border-bottom: 1px solid var(--colorNeutralDivider)
        }
}

.dish-card .product-food-print-info-button {
    display: flex;
    position: relative;
    z-index: 3
}

.dish-card .dish-item-counter {
    letter-spacing: -.7px
}

.dish-card .dish-item-counter, .dish-card .dish-product-superscript, .dish-card .dish-product-variation {
    font-weight: 500
}

.dish-card .dish-description {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    hyphens: auto;
    max-height: 3.59999rem;
    white-space: break-spaces
}

.dish-card .dish-card-image {
    background: rgba(0,0,0,.04);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 55px 50px;
    border-radius: 9px;
    flex: none;
    height: 88px;
    margin-bottom: -28px;
    overflow: hidden;
    position: relative;
    width: 88px
}

.dish-card .add-to-cart-button {
    display: flex;
    flex-shrink: 0;
    height: 24px;
    padding: 0;
    width: 24px
}

.dish-card .reduce-width-for-image {
    max-width: calc(100% - 88px)
}

.lazy-loaded-dish-photo {
    animation: show .15s ease-in-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    background-position: 50%;
    background-size: cover;
    height: 100%;
    width: 100%
}

@keyframes show {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.group-order-info__details {
    margin: 0;
    padding: 16px
}

@media (min-width:768px) {
    .group-order-info__details {
        margin: -32px 0 0;
        padding: 24px 16px 16px
    }
}

.group-order-info__details .group-order-info__details__title {
    align-items: center;
    display: flex;
    justify-content: space-between;
    line-height: 1.25;
    margin: 0 0 16px;
    padding: 0
}

    .group-order-info__details .group-order-info__details__title.group-order-info__details__title__less {
        margin-bottom: 8px
    }

    .group-order-info__details .group-order-info__details__title .group-order-info__details__title__label {
        color: var(--colorNeutralPrimary)
    }

    .group-order-info__details .group-order-info__details__title .group-order-info__details__title__participants {
        align-items: center;
        display: flex;
        text-align: right
    }

        .group-order-info__details .group-order-info__details__title .group-order-info__details__title__participants .group-order-info__details__title__participants__icon {
            display: inline-block;
            height: 16px;
            margin-right: 4px;
            width: 16px
        }

            .group-order-info__details .group-order-info__details__title .group-order-info__details__title__participants .group-order-info__details__title__participants__icon svg {
                height: 16px;
                width: 16px
            }

.group-order-info__details .group-order-info__details__ready {
    color: var(--colorNeutralSecondary);
    font-size: 1.2rem;
    font-weight: 300;
    line-height: 1.5;
    margin: 0 0 8px;
    padding: 0
}

.group-order-info__details .group-order-info__details__footer {
    display: flex;
    justify-content: space-between;
    margin: 0;
    overflow: hidden;
    padding: 0
}

    .group-order-info__details .group-order-info__details__footer .button-text {
        display: inline-block;
        vertical-align: middle
    }

    .group-order-info__details .group-order-info__details__footer .group-order-info__details__footer__solo {
        border-left: 1px solid var(--colorNeutralBorder) !important;
        margin-left: 8px
    }

.group-order-info__details__list {
    margin: 0;
    max-height: 0;
    overflow: hidden;
    padding: 0;
    transition: all .3s ease
}

    .group-order-info__details__list.group-order-info__details__list__open {
        max-height: 180px
    }

    .group-order-info__details__list .group-order-info__details__list__item {
        align-items: center;
        display: flex;
        margin-bottom: 16px;
        min-height: 24px
    }

        .group-order-info__details__list .group-order-info__details__list__item:last-child {
            margin-bottom: 24px
        }

        .group-order-info__details__list .group-order-info__details__list__item .group-order-info__details__list__item__icon {
            align-self: flex-start;
            height: 24px;
            min-width: 40px
        }

            .group-order-info__details__list .group-order-info__details__list__item .group-order-info__details__list__item__icon svg g, .group-order-info__details__list .group-order-info__details__list__item .group-order-info__details__list__item__icon svg path {
                fill: #1f4d5d
            }

        .group-order-info__details__list .group-order-info__details__list__item .group-order-info__details__list__item__text {
            color: var(--colorNeutralPrimary);
            font-size: 1.4rem;
            font-weight: 300;
            line-height: 1.25;
            text-transform: capitalize
        }

            .group-order-info__details__list .group-order-info__details__list__item .group-order-info__details__list__item__text span {
                color: var(--colorNeutralSecondary);
                display: block;
                margin-top: 4px
            }

.modal-dialog .group-order-info__details__list__open {
    max-height: inherit
}

.modal-dialog-confirmation.error-group-order-modal .close-button, .modal-dialog-confirmation.error-group-order-modal .modal-mobile-header, .modal-dialog-confirmation.leave-group-order-modal .close-button, .modal-dialog-confirmation.leave-group-order-modal .modal-mobile-header, .modal-dialog-confirmation.vendor-group-order-modal .close-button, .modal-dialog-confirmation.vendor-group-order-modal .modal-mobile-header {
    display: none
}

.vendor__group_order_container .error .modal-dialog {
    margin: 0 auto;
    max-width: 320px
}

@media (min-width:768px) {
    .vendor__group_order_container .modal-dialog {
        max-width: 464px
    }
}

.vendor__group_order_container .modal-dialog .modal-content {
    padding: 24px
}

    .vendor__group_order_container .modal-dialog .modal-content .vendor__group_order_modal__header h4 {
        color: var(--colorNeutralPrimary);
        font-size: 2.4rem;
        font-weight: 300;
        line-height: 32px;
        margin: 0 0 8px;
        padding: 0
    }

        .vendor__group_order_container .modal-dialog .modal-content .vendor__group_order_modal__header h4.empty-content {
            margin-bottom: 16px
        }

    .vendor__group_order_container .modal-dialog .modal-content .vendor__group_order_modal__header p {
        color: var(--colorNeutralSecondary);
        font-size: 1.4rem;
        font-weight: 300;
        line-height: 18px;
        margin: 0;
        padding: 0
    }

    .vendor__group_order_container .modal-dialog .modal-content .vendor__group_order_modal__content {
        padding: 24px 0 0
    }

    .vendor__group_order_container .modal-dialog .modal-content .vendor__group_order_modal__footer {
        bottom: 0;
        display: flex;
        flex-direction: column-reverse;
        left: 0;
        padding: 32px 24px 24px;
        position: fixed;
        width: 100%
    }

@media (min-width:768px) {
    .vendor__group_order_container .modal-dialog .modal-content .vendor__group_order_modal__footer {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        padding: 32px 0 0;
        position: relative;
        width: auto
    }
}

.vendor__group_order_container .modal-dialog .modal-content .vendor__group_order_modal__footer button {
    display: block;
    margin-top: 8px;
    width: 100%
}

    .vendor__group_order_container .modal-dialog .modal-content .vendor__group_order_modal__footer button:last-child {
        margin-top: 0
    }

    .vendor__group_order_container .modal-dialog .modal-content .vendor__group_order_modal__footer button.button-ghost {
        border-color: var(--colorWhite)
    }

@media (min-width:768px) {
    .vendor__group_order_container .modal-dialog .modal-content .vendor__group_order_modal__footer button {
        display: inline-block;
        margin-left: 8px;
        margin-top: 0;
        width: auto
    }
}

.vendor__group_order_container .group-order-info__details__list__item {
    margin-bottom: 24px
}

    .vendor__group_order_container .group-order-info__details__list__item:last-child {
        margin-bottom: 0
    }

.dish-card.dish-card-disabled {
    pointer-events: none
}

.group-order-info-item-wrapper:last-child {
    margin-bottom: 0
}

.group-order-info-item-wrapper .group-order-info-item-icon {
    height: 24px
}

.group-order-info-item-wrapper .group-order-info-item-content {
    text-transform: capitalize
}

.button-ghost.start-group-order-cta-wrapper {
    align-items: flex-start;
    border-radius: 4px;
    box-sizing: content-box;
    font-size: 1.4rem;
    font-weight: 600;
    height: 40px;
    margin-right: 16px;
    text-transform: none
}

    .button-ghost.start-group-order-cta-wrapper .start-group-order-text {
        line-height: 40px;
        margin-left: 8px
    }

    .button-ghost.start-group-order-cta-wrapper.invite-group-order-cta {
        border: none
    }

        .button-ghost.start-group-order-cta-wrapper.invite-group-order-cta:hover {
            box-shadow: none
        }

    .button-ghost.start-group-order-cta-wrapper.status--default {
        display: inline-flex
    }

    .button-ghost.start-group-order-cta-wrapper .start-group-order-icon {
        height: 100%
    }

        .button-ghost.start-group-order-cta-wrapper .start-group-order-icon .group-order-icon {
            align-items: center;
            display: flex;
            height: 100%;
            transition: all .2s cubic-bezier(.25,.46,.45,.94)
        }

    .button-ghost.start-group-order-cta-wrapper:focus .group-order-icon > svg, .button-ghost.start-group-order-cta-wrapper:hover .group-order-icon > svg {
        fill: var(--colorOnInteractionSecondaryHover)
    }

@media (max-width:768px) {
    .start-group-order-cta-wrapper {
        background: var(--colorInteractionPrimary);
        border-radius: 12px;
        color: var(--colorWhite);
        height: 32px;
        justify-content: center;
        padding: 0;
        width: 32px
    }

        .start-group-order-cta-wrapper .start-group-order-icon {
            height: 100%
        }

        .start-group-order-cta-wrapper > span {
            display: none
        }

        .start-group-order-cta-wrapper svg, .start-group-order-cta-wrapper svg * {
            fill: #fff
        }

    .button-ghost.start-group-order-cta-wrapper:focus svg, .button-ghost.start-group-order-cta-wrapper:focus svg *, .button-ghost.start-group-order-cta-wrapper:hover svg, .button-ghost.start-group-order-cta-wrapper:hover svg * {
        fill: var(--colorInteractionPrimaryHover)
    }
}

.group-order-colleague-search-dialogue .input-box {
    margin-bottom: 0
}

.group-order-colleague-search-dialogue .group-order-colleague-search-input-postfix {
    height: 48px;
    z-index: 10
}

    .group-order-colleague-search-dialogue .group-order-colleague-search-input-postfix button {
        color: var(--colorBrandPrimary);
        font-size: 1.6rem;
        font-weight: 300;
        height: 48px;
        text-transform: uppercase;
        vertical-align: middle
    }

.group-order-colleague-search-dialogue .group-order-colleague-search-result {
    max-height: 150px;
    overflow: auto
}

    .group-order-colleague-search-dialogue .group-order-colleague-search-result button {
        text-align: left
    }

.group-order-colleague-search-dialogue .with-search-result {
    min-height: 150px
}

.group-order-colleague-search-dialogue .group-order-colleague-participants {
    margin-top: 8px
}

    .group-order-colleague-search-dialogue .group-order-colleague-participants li {
        line-height: 18px
    }

        .group-order-colleague-search-dialogue .group-order-colleague-participants li button {
            margin-left: 16px;
            vertical-align: middle;
            visibility: hidden
        }

        .group-order-colleague-search-dialogue .group-order-colleague-participants li:hover button {
            visibility: visible
        }

.group-order-colleague-search-dialogue .calcul-animation {
    align-items: center;
    display: flex
}

.group-order-on-behalf-option {
    text-align: left
}

    .group-order-on-behalf-option .group-order-on-behalf-option-arrow {
        border-radius: 50%
    }

.d-iflex {
    display: inline-flex
}

.rdp-header {
    position: sticky;
    top: 0;
    z-index: 14
}

    .rdp-header #global-header {
        background-color: var(--colorWhite)
    }

        .rdp-header #global-header .header:before {
            display: none
        }

@media screen and (min-width:1265px) {
    .rdp-header .header .order-components {
        max-width: unset
    }

    .rdp-header .header .logo-wrapper {
        flex: 1 0 259px
    }

    .rdp-header .header .when-component-wrapper {
        flex-shrink: 0
    }
}

.rdp-header .has-when-component .location-search-component {
    width: 100%
}

.rdp-header .modal-backdrop {
    z-index: -2 !important
}

@media screen and (max-width:480px) {
    .rdp-header {
        position: sticky
    }
}

@media screen and (max-width:1264px) {
    .rdp-header .order-components {
        border-top: 1px solid var(--colorNeutralDivider)
    }
}

.item-modifier.modal-container {
    justify-content: flex-start;
    padding: 40px 0
}

    .item-modifier.modal-container > div {
        display: block
    }

@media screen and (min-width:768px) {
    .item-modifier.modal-container > div {
        width: 600px
    }
}

@media screen and (max-width:767px) {
    .item-modifier.modal-container > div {
        display: table;
        min-height: 100vh
    }

    .item-modifier.modal-container {
        height: 100%;
        padding: 0
    }

        .item-modifier.modal-container.with-bottom-padding > div {
            padding-bottom: 80px
        }

        .item-modifier.modal-container.with-no-image > div {
            padding-top: 32px
        }

        .item-modifier.modal-container.modal-close-button {
            left: 16px;
            top: 32px
        }
}

.item-modifier.modal-container.with-no-image > div {
    padding-top: 48px
}

.product-add-to-cart {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.product-sold-out-options-wrapper .dropdown-root {
    margin-bottom: 200px
}

@media screen and (max-width:767px) {
    .product-sold-out-options-wrapper .dropdown-root {
        margin-bottom: 336px
    }
}

.item-modifier .highlight-entrance, .item-modifier .highlight-entrance.invalid-section {
    animation: highlightEntrance 3s
}

.item-modifier.highlight-invalid-sections .invalid-section {
    animation: invalidate 3s
}

.item-modifier.highlight-invalid-tags .invalid-options-section-tag {
    background: var(--colorError);
    opacity: 1
}

    .item-modifier.highlight-invalid-tags .invalid-options-section-tag .item-modifer-options-section-tag-text {
        color: var(--colorWhite)
    }

.item-modifier.highlight-invalid-tags .invalid-section .item-modifer-options-section-description {
    color: var(--colorError);
    font-weight: 600
}

.item-modifier .disabled-add-to-cart-button, .item-modifier .disabled-add-to-cart-button:hover {
    background-color: var(--colorNeutralInactive);
    border-color: var(--colorNeutralInactive);
    color: var(--colorWhite);
    cursor: default
}

.item-modifer-options-section-tag {
    opacity: .8
}

.product-informations-picture {
    background-color: rgba(0,0,0,.04);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 55px 50px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    display: block;
    height: 205px;
    overflow: hidden;
    width: 100%
}

    .product-informations-picture .product-informations-image {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100%;
        width: 100%
    }

@media (min-width:768px) {
    .product-informations-picture {
        height: 317px
    }
}

.option-row {
    cursor: pointer
}

    .option-row:hover {
        background-color: var(--colorNeutralSurface)
    }

    .option-row.disabled-row, .option-row.disabled-row .option-row-input, .option-row.multiple-topping-selected {
        cursor: default
    }

    .option-row [class*=-text] {
        width: 100%
    }

    .option-row .option-row-input {
        margin-bottom: 0
    }

.item-modifier-selection-section + .item-modifier-order-actions {
    position: relative
}

    .item-modifier-selection-section + .item-modifier-order-actions:after {
        background: var(--colorNeutralDivider);
        content: "";
        height: 1px;
        left: 16px;
        position: absolute;
        top: 0;
        width: calc(100% - 32px)
    }

.topping__stepper__quantity {
    font-family: Open Sans,Arial,sans-serif;
    font-weight: 700;
    padding: 0;
    text-align: center
}

    .topping__stepper__quantity, .topping__stepper__quantity:focus {
        -webkit-touch-callout: none;
        background: none;
        border: none;
        user-select: none;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none
    }

        .topping__stepper__quantity:focus {
            outline: none
        }

        .topping__stepper__quantity::selection {
            background: none
        }

body:not(.using-mouse) .topping__stepper__quantity:focus {
    outline: 1px solid var(--colorInteractionPrimary)
}

.topping__stepper__button .topping__stepper__item-icon {
    fill: var(--colorWhite);
    background: var(--colorInteractionPrimary);
    border: 1px solid var(--colorInteractionPrimary);
    border-radius: 50%
}

.topping__stepper__button.disabled .topping__stepper__item-icon {
    background: var(--colorNeutralInactive);
    border-color: var(--colorNeutralInactive)
}

.topping__item__plus-icon {
    fill: var(--colorInteractionPrimary);
    border: 1px solid var(--colorInteractionPrimary);
    border-radius: 50%
}

.topping__item__plus.disabled .topping__item__plus-icon {
    fill: var(--colorNeutralInactive);
    border-color: var(--colorNeutralInactive)
}

@media screen and (max-width:767px) {
    .product-add-to-cart {
        position: fixed;
        z-index: 999
    }

    .item-modifier .modal-close-button {
        right: 16px;
        top: 16px
    }
}

@keyframes invalidate {
    0%,66% {
        background: rgba(var(--colorErrorRgb),.08)
    }

    to {
        background: none
    }
}

@keyframes highlightEntrance {
    0%,66% {
        background: var(--colorInformationHighlight)
    }

    to {
        background: none
    }
}

.menu__items-wrapper {
    background: var(--colorNeutralSurface);
    overflow: hidden;
    position: relative
}

.dish-category-title {
    display: inline-block
}

    .dish-category-title:first-letter {
        text-transform: capitalize
    }

.category-name-placeholder {
    flex-shrink: 0;
    margin-right: 16px;
    padding-bottom: 24px;
    padding-top: 32px;
    position: relative;
    width: 70px
}

.category-name-placeholder-active {
    bottom: 0;
    height: 8px;
    left: 0;
    position: absolute;
    width: 100%
}

.category-name-placeholder-container {
    display: flex;
    overflow: hidden
}

.category-name-placeholder__dish-tile {
    display: inline-block;
    margin-bottom: 16px;
    width: 50%
}

@media (max-width:767px),(min-width:960px) and (max-width:1265px) {
    .category-name-placeholder__dish-tile {
        width: 100%
    }
}

.menu__dish-placeholder {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.menu__dish-placeholder__category-title {
    width: 100%
}

    .menu__dish-placeholder__category-title svg {
        width: 40%
    }

@media (max-width:767px) {
    .menu__dish-placeholder__category-title svg {
        width: 90%
    }
}

.menu-item-allergens-icon {
    margin: -12px;
    padding: 0 8px
}

.menu-footer__additives-section {
    border-top: 1px solid var(--colorNeutralDivider)
}

@media (min-width:960px) {
    .menu-footer__info-icon {
        display: none
    }
}

.vendor-phone-number-link {
    display: inline-block
}

.closed-menu-overlay {
    background-color: rgba(var(--colorWhite),.64);
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 4
}

.menu-footer-restaurant-description p {
    font-size: 1.4rem;
    font-weight: 300;
    margin: 16px 0
}

.menu-footer-restaurant-description h2 {
    font-size: 2.4rem;
    font-weight: 700
}

.bundle-products-category-banner {
    background: transparent none no-repeat 0/100% 32px;
    height: 100%;
    min-width: 1088px
}

.bundle-products-category-banner-wrapper {
    display: none;
    height: 32px;
    overflow: hidden
}

@media (min-width:768px) {
    .bundle-products-category-banner-wrapper {
        display: block
    }
}

.bundle-products-category-mobile-image {
    height: 35px;
    width: 35px
}

@media (min-width:768px) {
    .bundle-products-category-mobile-image {
        display: none
    }
}

.vendor-responsive-banner {
    height: 200px;
    overflow: hidden;
    padding-bottom: 0;
    position: relative;
    width: 100%
}

    .vendor-responsive-banner.bottom-shadow:before {
        background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.12));
        bottom: 0;
        content: "";
        height: 16px;
        left: 0;
        position: absolute;
        width: 100%;
        z-index: 1
    }

@media (min-width:960px) {
    .vendor-responsive-banner {
        height: 0;
        padding-bottom: 25%
    }
}

.vendor-responsive-banner__image {
    bottom: 0;
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

@supports not (object-fit:cover) {
    .vendor-responsive-banner__image {
        height: auto;
        top: 50%;
        transform: translateY(-50%)
    }
}

.characteristic-list-item {
    align-items: center;
    display: inline-flex
}

    .characteristic-list-item:last-child .info-items-dot-separator {
        display: none
    }

.info-items-dot-separator {
    background-color: var(--colorNeutralSecondary);
    border-radius: 50%;
    height: 2px;
    margin-left: 8px;
    margin-right: 8px;
    width: 2px
}

.vendor-info-modal.modal-container {
    justify-content: flex-start;
    padding-bottom: 10vh;
    padding-top: 10vh
}

    .vendor-info-modal.modal-container > div {
        display: block;
        width: 100%
    }

@media (max-width:479px) {
    .vendor-info-modal.modal-container {
        padding-bottom: 0;
        padding-top: 0
    }

        .vendor-info-modal.modal-container .modal-close-button {
            right: 16px;
            top: 16px
        }
}

.vendor-info-modal.modal-container button[aria-label=close] {
    display: none
}

.vendor-info-modal.modal-container-content {
    margin-top: -48px;
    position: relative
}

.vendor-info-modal.modal-container .vendor-responsive-banner {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.ratings-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

    .ratings-wrapper .stars svg {
        fill: var(--colorInformation);
        vertical-align: baseline
    }

    .ratings-wrapper .rating {
        color: #333;
        font-size: 1.2rem;
        padding-left: 2px
    }

.vendor-static-map {
    align-self: stretch;
    flex-shrink: 0;
    margin-bottom: 32px;
    max-height: 600px;
    min-height: 300px;
    overflow: hidden;
    position: relative;
    width: 40%;
    width: 100%
}

    .vendor-static-map > * {
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%)
    }

.vendor-static-map__icon {
    fill: var(--colorBrandSecondary);
    z-index: 2
}

.vendor-static-map__image {
    z-index: 1
}

@media (max-width:479px) {
    .vendor-static-map {
        min-height: 50px;
        width: 100%
    }

    .vendor-static-map__image {
        max-width: 100%;
        position: static;
        transform: none
    }
}

.vendor-description-text {
    white-space: pre-line
}

.ratings-topics-wrapper {
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 0;
    display: grid;
    grid-template-columns: 1fr;
    margin-bottom: 24px;
    padding-bottom: 16px
}

@media (min-width:960px) {
    .ratings-topics-wrapper {
        grid-template-columns: 1fr 2fr
    }
}

.ratings-topics-wrapper .title-container {
    display: grid;
    grid-template-columns: 2fr 1fr;
    margin-bottom: 16px
}

@media (min-width:960px) {
    .ratings-topics-wrapper .title-container {
        grid-template-columns: 1fr;
        margin-bottom: 0
    }
}

.ratings-topics-wrapper .title-container .rating-container {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-end
}

@media (min-width:960px) {
    .ratings-topics-wrapper .title-container .rating-container {
        justify-content: flex-start
    }
}

.ratings-topics-wrapper .score-wrapper {
    display: grid;
    grid-template-columns: 85px 1fr 30px;
    margin-bottom: 8px;
    text-transform: capitalize
}

    .ratings-topics-wrapper .score-wrapper .topic-container {
        text-align: left
    }

@media (min-width:960px) {
    .ratings-topics-wrapper .score-wrapper .topic-container {
        text-align: right
    }
}

.ratings-topics-wrapper .score-wrapper .topic-value {
    text-align: right
}

@media (min-width:960px) {
    .ratings-topics-wrapper .score-wrapper .topic-value {
        text-align: left
    }
}

.ratings-topics-wrapper .score-wrapper .slider-container {
    display: block;
    margin: auto 8px
}

    .ratings-topics-wrapper .score-wrapper .slider-container .slider-background {
        background-color: var(--colorNeutralDivider);
        border-radius: 100px;
        height: 4px;
        overflow: hidden;
        width: 100%
    }

        .ratings-topics-wrapper .score-wrapper .slider-container .slider-background .slider-value {
            height: 4px
        }

.smiley-rating {
    cursor: pointer;
    height: auto;
    margin-bottom: 8px;
    width: 32px
}

.info-modal-tabs-wrapper.stick-tabs {
    padding-bottom: 65px
}

    .info-modal-tabs-wrapper.stick-tabs .info-modal-tabs {
        background-color: var(--colorWhite);
        box-shadow: 0 .4rem 3rem rgba(0,0,0,.1);
        margin-left: -48px;
        position: fixed;
        top: 0;
        width: 768px;
        z-index: 3
    }

@media screen and (max-width:768px) {
    .info-modal-tabs-wrapper.stick-tabs .info-modal-tabs {
        left: 0;
        margin-left: 0;
        width: 100%
    }
}

#reviews-panel.show-loading .calcul-animation {
    display: flex
}

.vendor-info-section {
    border-bottom: 1px solid var(--colorNeutralDivider)
}

.vendor-closed-image-overlay {
    background-color: #000;
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: .7;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 1
}

.vendor-info-main {
    background: var(--colorWhite);
    border: none;
    padding-right: 24px;
    padding-top: 20px
}

@media (max-width:479px) {
    .vendor-info-main {
        padding-bottom: 16px;
        padding-top: 16px
    }
}

.info-section-data-container > * {
    margin-bottom: 8px
}

.info-section-data-container .info-items-dot-separator:first-child, .info-section-data-container .info-items-dot-separator:last-child {
    display: none
}

.closed-tag-container {
    background-color: var(--colorWarning);
    border-radius: 8px;
    height: 24px;
    margin-right: 8px;
    min-width: 80px;
    padding: 0 8px;
    text-align: center
}

.vendor-info-main-details {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    flex-grow: 1;
    overflow: hidden;
    padding-right: 16px;
    text-align: left
}

.vendor-info-main-info-button {
    flex-shrink: 0;
    margin-top: -4px
}

    .vendor-info-main-info-button .vendor-info-link {
        display: none;
        white-space: nowrap
    }

.deal {
    background-color: #fafafa;
    border-top: 1px solid var(--colorNeutralDivider);
    position: relative
}

.deal-content {
    background: url(https://micro-assets.foodora.com/55a6fd6299b1928a4e7536d03c892692.svg) no-repeat;
    background-position: 100% 100%;
    padding-bottom: 16px;
    padding-top: 16px
}

.deal-desc, .deal-name {
    width: calc(100% - 95px)
}

.deal-name {
    text-transform: uppercase
}

.hero-banner-placeholder {
    background-color: var(--colorNeutralDivider);
    height: 200px;
    overflow: hidden;
    position: relative
}

@media (min-width:960px) {
    .hero-banner-placeholder {
        height: 0;
        padding-bottom: 25%
    }
}

@media (min-width:1265px) {
    .vendor-info-main-info-button .vendor-info-link {
        display: inline
    }

    .vendor-info-main-info-button .vendor-info-icon {
        display: none
    }
}

.cashback-value {
    align-items: center;
    display: flex;
    padding: 2px 8px 2px 0;
    position: relative
}

    .cashback-value.with-separator:before {
        align-self: stretch;
        background: var(--colorNeutralDivider);
        content: "";
        display: block;
        margin-right: 8px;
        min-height: 100%;
        position: relative;
        width: 1px
    }

.crd-modal .crd-modal-container {
    margin-top: 16px;
    overflow-y: scroll;
    padding-top: 24px
}

.crd-modal .crd-modal-content {
    height: 400px;
    width: 100%
}

    .crd-modal .crd-modal-content p {
        margin-bottom: 16px;
        margin-top: 16px
    }

        .crd-modal .crd-modal-content p span {
            font-size: 1.6rem !important;
            font-weight: 600 !important
        }

    .crd-modal .crd-modal-content .comment {
        font-weight: 300
    }

    .crd-modal .crd-modal-content hr {
        margin-bottom: 16px !important;
        margin-top: 16px !important
    }

.rdp-info-pill {
    flex-shrink: 0;
    height: 40px;
    width: 168px
}

.rdp-info-pill__content {
    min-width: 0
}

.rdp-info-pill svg {
    flex-shrink: 0
}

@media (min-width:768px) {
    .rdp-info-pill {
        min-width: 168px;
        width: auto
    }
}

.rdp-info-pills-container {
    overflow-x: auto
}

.info-items-dot-separator.ml-zero {
    margin-left: 0
}

.when-component-wrapper {
    position: relative;
    width: 50%
}

    .when-component-wrapper .header-order-button.when-wrapper {
        flex: 1 0 100% !important;
        max-width: 100%;
        width: 100% !important
    }

        .when-component-wrapper .header-order-button.when-wrapper:disabled {
            cursor: default
        }

    .when-component-wrapper .no-overflow {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .when-component-wrapper .header-order-button-content {
        max-width: 100% !important;
        padding-left: 0 !important
    }

    .when-component-wrapper .header-order-button-label {
        text-align: center;
        text-transform: uppercase;
        width: 100%
    }

@media (min-width:768px) {
    .when-component-wrapper .header-order-button-label {
        text-align: unset;
        width: auto
    }
}

.when-component-wrapper .when-wrapper {
    background: none;
    border-bottom: none;
    border-right: none;
    border-top: none;
    order: 15;
    text-align: left
}

.when-component-wrapper .time-picker-days-wrapper {
    justify-content: flex-start;
    max-width: 240px;
    overflow-x: auto
}

    .when-component-wrapper .time-picker-days-wrapper:only-child {
        margin: 0 auto
    }

.when-component-wrapper .time-picker-day-button {
    display: flex;
    height: 48px;
    width: 48px
}

@media (min-width:768px) {
    .when-component-wrapper .time-picker-day-button {
        height: 64px;
        width: 64px
    }
}

.when-component-wrapper .time-picker-days-root {
    align-items: center;
    border-bottom: 1px solid var(--colorNeutralDivider);
    border-top: 1px solid var(--colorNeutralDivider);
    display: flex;
    justify-content: space-between;
    width: 100%
}

.when-component-wrapper .time-picker-times-wrapper {
    max-height: 270px;
    overflow-x: hidden;
    overflow-y: auto
}

.when-component-wrapper .time-picker-time-label {
    cursor: pointer;
    display: block
}

    .when-component-wrapper .time-picker-time-label span {
        display: block;
        padding: 16px 0;
        text-align: center;
        width: 100%
    }

.when-component-wrapper .time-picker-time-input {
    left: -100%;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: 0;
    z-index: -1
}

    .when-component-wrapper .time-picker-time-input:focus + span {
        outline: 1px solid var(--colorBrandPrimary)
    }

body.using-mouse .when-component-wrapper .time-picker-time-input:focus + span {
    outline: none
}

.when-component-wrapper .time-picker-mobile-confirm, .when-component-wrapper .time-picker-mobile-header {
    display: none
}

.when-component-wrapper .modal-container {
    height: auto;
    left: 0;
    position: absolute;
    top: 100%
}

    .when-component-wrapper .modal-container > .box-flex {
        box-shadow: none;
        width: 100%
    }

.when-component-wrapper .button.dates-next-button {
    align-items: center;
    background-color: transparent;
    border: none;
    display: flex
}

    .when-component-wrapper .button.dates-next-button:disabled {
        visibility: hidden
    }

@media screen and (min-width:960px) {
    .when-component-wrapper .time-picker-days-wrapper {
        -ms-overflow-style: none;
        scrollbar-width: none
    }

        .when-component-wrapper .time-picker-days-wrapper::-webkit-scrollbar {
            display: none
        }
}

@media screen and (max-width:959px) {
    .when-component-wrapper .modal-container {
        height: 100vh;
        left: 0;
        position: fixed;
        top: 0;
        width: 100vw
    }

        .when-component-wrapper .modal-container > .box-flex {
            box-shadow: none;
            height: 100%;
            max-width: none !important;
            width: 100%
        }

    .when-component-wrapper .time-picker-mobile-header {
        display: block;
        padding: 24px 24px 0
    }

        .when-component-wrapper .time-picker-mobile-header .picker-close-button {
            align-items: center;
            background: var(--colorWhite);
            border: none;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            padding: 4px;
            position: absolute;
            right: 16px;
            top: 16px
        }

    .when-component-wrapper .time-picker-days-root {
        border-top: none;
        justify-content: center
    }

    .when-component-wrapper .time-picker-times-wrapper {
        flex-grow: 1;
        max-height: 100%;
        padding-bottom: 80px
    }

    .when-component-wrapper .time-picker-mobile-confirm {
        background: #fff;
        border-top: 1px solid var(--colorNeutralDivider);
        bottom: 0;
        display: block;
        left: 0;
        padding: 16px;
        position: fixed;
        right: 0
    }

        .when-component-wrapper .time-picker-mobile-confirm button {
            width: 100%
        }
}

.rating {
    display: inline-flex;
    max-width: 232px
}

    .rating svg {
        flex-shrink: 0;
        position: relative;
        top: -.1rem
    }

        .rating svg path:first-of-type {
            fill: var(--colorRating)
        }

        .rating svg path:nth-of-type(2) {
            fill: var(--colorRatingOutline)
        }

.rating--label-primary {
    font-weight: 600;
    margin-left: 4px
}

.rating--label-primary, .rating--label-secondary {
    line-height: 1.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.rating--label-secondary {
    margin-left: 2px
}

.full-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1425px;
    padding-left: 16px;
    padding-right: 16px;
    position: relative;
    width: 100%
}

@media (min-width:480px) {
    .full-container {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media (min-width:768px) {
    .full-container {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media (min-width:1265px) {
    .full-container {
        padding-left: 80px;
        padding-right: 80px
    }
}

.calcul-animation {
    display: none;
    padding: 0 16px
}

    .calcul-animation .dot {
        animation: wave .9s linear infinite;
        background: var(--colorInteractionPrimary);
        border-radius: 50%;
        display: inline-block;
        height: 4px;
        margin-right: 2px;
        width: 4px
    }

        .calcul-animation .dot:nth-child(2) {
            animation-delay: -.7s
        }

        .calcul-animation .dot:nth-child(3) {
            animation-delay: -.5s
        }

@media (min-width:480px) {
    .calcul-animation {
        padding: 0 24px
    }
}

@keyframes wave {
    0%,60%,to {
        transform: none
    }

    30% {
        transform: translateY(-8px)
    }
}

.button, .button-ghost, .button-primary-reversed {
    word-wrap: normal;
    border: 1px solid;
    border-radius: 8px;
    cursor: pointer;
    display: inline-block;
    font-family: Open Sans,Arial,sans-serif;
    font-size: 1.4rem;
    font-weight: 600;
    height: 48px;
    line-height: 46px;
    max-width: 100%;
    overflow: hidden;
    padding: 0 15px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    text-transform: none;
    touch-action: manipulation;
    transition: color .2s cubic-bezier(.25,.46,.45,.94),background-color .2s cubic-bezier(.25,.46,.45,.94),border-color .2s cubic-bezier(.25,.46,.45,.94),box-shadow .2s cubic-bezier(.25,.46,.45,.94);
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    z-index: 1
}

    .button-ghost:focus, .button-ghost:hover, .button-primary-reversed:focus, .button-primary-reversed:hover, .button:focus, .button:hover {
        outline: none;
        text-decoration: none
    }

    .button .ripple, .button-ghost .ripple, .button-ghost:not(.js-ripple):after, .button-primary-reversed .ripple, .button-primary-reversed:not(.js-ripple):after, .button:not(.js-ripple):after {
        backface-visibility: hidden;
        background: radial-gradient(circle,rgba(0,0,0,.08) 10%,transparent 10.01%) 50% no-repeat;
        box-shadow: 0 2px 8px 0 rgba(0,0,0,.08);
        content: "";
        height: 100%;
        left: 50%;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%) scale(15);
        transition: transform .6s,opacity .9s;
        width: 100%;
        z-index: -1
    }

    .button-ghost:hover, .button-primary-reversed:hover, .button:hover {
        box-shadow: 0 .1rem .5rem rgba(0,0,0,.15)
    }

        .button-ghost:hover .ripple, .button-ghost:hover:not(.js-ripple):after, .button-primary-reversed:hover .ripple, .button-primary-reversed:hover:not(.js-ripple):after, .button:hover .ripple, .button:hover:not(.js-ripple):after {
            opacity: 0
        }

    .button-ghost:active, .button-primary-reversed:active, .button:active {
        box-shadow: 0 .1rem .5rem rgba(0,0,0,.15)
    }

        .button-ghost:active .ripple, .button-ghost:active:not(.js-ripple):after, .button-primary-reversed:active .ripple, .button-primary-reversed:active:not(.js-ripple):after, .button:active .ripple, .button:active:not(.js-ripple):after {
            opacity: 1;
            transform: translate(-50%,-50%) scale(0);
            transition: 0s
        }

    .button-ghost[disabled] .ripple, .button-ghost[disabled]:not(.js-ripple):after, .button-primary-reversed[disabled] .ripple, .button-primary-reversed[disabled]:not(.js-ripple):after, .button[disabled] .ripple, .button[disabled]:not(.js-ripple):after {
        display: none
    }

.status--loading.button, .status--loading.button-ghost, .status--loading.button-primary-reversed {
    box-shadow: none;
    pointer-events: none
}

    .status--loading.button .calcul-animation, .status--loading.button-ghost .calcul-animation, .status--loading.button-primary-reversed .calcul-animation {
        display: flex
    }

.status--success.button, .status--success.button-ghost, .status--success.button-primary-reversed {
    box-shadow: none;
    pointer-events: none
}

    .status--success.button .calcul-animation, .status--success.button-ghost .calcul-animation, .status--success.button-primary-reversed .calcul-animation {
        display: flex
    }

.button .calcul-animation, .button-ghost .calcul-animation, .button-primary-reversed .calcul-animation {
    align-items: center;
    align-self: center;
    height: 0;
    justify-content: center;
    margin: 0
}

.button {
    background-color: var(--colorInteractionPrimary);
    border-color: var(--colorInteractionPrimary);
    color: var(--colorOnInteractionPrimary)
}

    .button:hover {
        background-color: var(--colorInteractionBackgroundHover);
        border-color: var(--colorInteractionBackgroundHover);
        color: var(--colorOnInteractionPrimaryHover)
    }

    .button:focus {
        background-color: var(--colorInteractionPrimary);
        border-color: var(--colorInteractionPrimary);
        color: var(--colorOnInteractionPrimary);
        outline: 4px solid var(--colorInteractionFocus);
        outline-offset: 2px
    }

    .button[disabled] {
        background-color: var(--colorNeutralInactive);
        border-color: var(--colorNeutralInactive);
        pointer-events: none
    }

    .button.status--loading, .button.status--success {
        background-color: var(--colorInteractionPrimaryFeedback);
        border-color: var(--colorInteractionPrimaryFeedback)
    }

.button-ghost {
    background-color: var(--colorWhite);
    border-color: var(--colorOnInteractionSecondary);
    color: var(--colorOnInteractionSecondary)
}

    .button-ghost:hover {
        background-color: var(--colorInteractionBackgroundHover);
        border-color: var(--colorInteractionBackgroundHover);
        color: var(--colorOnInteractionSecondaryHover)
    }

    .button-ghost:focus {
        background-color: var(--colorWhite);
        border-color: var(--colorOnInteractionSecondary);
        color: var(--colorOnInteractionSecondary);
        outline: 4px solid var(--colorInteractionFocus);
        outline-offset: 2px
    }

    .button-ghost .ripple, .button-ghost:not(.js-ripple):after {
        background-image: radial-gradient(circle,rgba(var(--colorOnInteractionSecondaryHover),.08) 10%,transparent 10.01%)
    }

    .button-ghost[disabled] {
        border-color: var(--colorNeutralInactive);
        color: var(--colorNeutralInactive);
        pointer-events: none
    }

        .button-ghost[disabled] .svg-stroke-container g {
            fill: var(--colorNeutralInactive)
        }

    .button-ghost.status--loading, .button-ghost.status--success {
        background-color: var(--colorWhite);
        border-color: var(--colorInteractionPrimary)
    }

    .button-ghost.big, .button.big {
        height: 64px;
        line-height: 62px;
        padding: 0 31px
    }

    .button-ghost.small, .button.small {
        font-size: 1.2rem;
        font-weight: 700;
        height: 24px;
        line-height: 22px;
        padding: 0 7px
    }

    .button-ghost.full, .button.full {
        width: 100%
    }

.button-text {
    background: none;
    border: none;
    color: var(--colorInteractionPrimary);
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 22px;
    padding: 0 15px
}

    .button-text:focus, .button-text:hover {
        background: var(--colorInteractionPrimaryFeedback);
        box-shadow: none;
        color: var(--colorInteractionPrimary)
    }

    .button-text[disabled] {
        background: none;
        color: var(--colorNeutralInactive)
    }

    .button-text.status--loading {
        box-shadow: none;
        pointer-events: none
    }

        .button-text.status--loading .calcul-animation {
            display: flex
        }

    .button-text.status--success {
        box-shadow: none;
        pointer-events: none
    }

        .button-text.status--success .calcul-animation {
            display: flex
        }

    .button-text .calcul-animation {
        align-items: center;
        align-self: center;
        height: 4px;
        justify-content: center;
        margin: 0
    }

.button-primary-reversed {
    background-color: var(--colorWhite);
    border-color: var(--colorWhite);
    color: var(--colorInteractionPrimary)
}

    .button-primary-reversed:focus, .button-primary-reversed:hover {
        background-color: var(--colorInteractionPrimaryFeedback);
        border-color: var(--colorInteractionPrimaryFeedback);
        color: var(--colorInteractionPrimary)
    }

    .button-primary-reversed[disabled] {
        color: var(--colorNeutralInactive);
        pointer-events: none
    }

    .button-primary-reversed.status--loading, .button-primary-reversed.status--success {
        background-color: var(--colorWhite);
        border-color: var(--colorWhite)
    }

.brand-tag-wrapper {
    background: #fff;
    display: inline-flex;
    min-height: 24px
}

.badge-info {
    align-items: center;
    background: var(--colorWhite);
    box-shadow: 0 .1rem .5rem rgba(0,0,0,.15);
    color: var(--colorNeutralPrimary);
    display: flex;
    flex-direction: column;
    font-size: 1.4rem;
    font-weight: 500;
    height: 40px;
    justify-content: space-around;
    line-height: 1em;
    padding: 8px 12px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 5
}

    .badge-info .label {
        font-size: .8rem;
        font-weight: 700;
        line-height: 1em;
        text-align: center;
        text-transform: uppercase
    }

.vendor-tile {
    margin: 0;
    min-height: 200px;
    position: relative;
    z-index: 0
}

    .vendor-tile .vendor-logo {
        background-size: 100%;
        box-shadow: 0 .1rem .5rem rgba(0,0,0,.15);
        height: 56px;
        position: relative;
        width: 56px;
        z-index: 2
    }

    .vendor-tile.vendor-tile-variant-layout .vendor-info {
        padding-top: 8px
    }

        .vendor-tile.vendor-tile-variant-layout .vendor-info .fn {
            padding-top: 0
        }

        .vendor-tile.vendor-tile-variant-layout .vendor-info .extra-info {
            font-size: 1.4rem;
            margin-top: 4px;
            padding-right: 2px
        }

        .vendor-tile.vendor-tile-variant-layout .vendor-info .categories {
            margin-top: 4px
        }

    .vendor-tile.vendor-tile-variant-layout .multi-tag {
        margin-bottom: 4px;
        padding: 0 8px
    }

    .vendor-tile.vendor-tile-variant-layout .tag-container {
        text-transform: none;
        top: 8px
    }

    .vendor-tile.vendor-tile-variant-layout .delivery-fee {
        font-size: 1.4rem
    }

    .vendor-tile picture {
        background: rgba(0,0,0,.04) url(https://micro-assets.foodora.com/32405978ef3493200a6b375d9df07c4c.svg) 50% no-repeat;
        display: block;
        height: 200px;
        overflow: hidden;
        position: relative
    }

    .vendor-tile .vendor-picture {
        background: no-repeat 50%;
        background-size: cover;
        display: block;
        height: 100%;
        position: relative;
        transition: transform .3s cubic-bezier(.25,.46,.45,.94),opacity .15s cubic-bezier(.25,.46,.45,.94);
        z-index: 1
    }

        .vendor-tile .vendor-picture.b-lazy {
            opacity: 0
        }

            .vendor-tile .vendor-picture.b-lazy.b-loaded {
                opacity: 1
            }

    .vendor-tile .favorites-icon {
        background: var(--colorWhite);
        border-radius: 12px;
        border-width: 0;
        box-shadow: 0 .1rem .5rem rgba(0,0,0,.15);
        display: flex;
        outline: none;
        padding: 0;
        position: relative;
        z-index: 5
    }

        .vendor-tile .favorites-icon path {
            fill: var(--colorInteractionPrimary)
        }

    .vendor-tile .tile-image-wrapper {
        position: relative
    }

        .vendor-tile .tile-image-wrapper .special-menu-brand-tags-container {
            z-index: 3
        }

        .vendor-tile .tile-image-wrapper .bottom-left-image-overlay-container {
            align-items: center;
            bottom: 8px;
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            left: 8px;
            position: absolute
        }

            .vendor-tile .tile-image-wrapper .bottom-left-image-overlay-container .badge-info {
                display: flex;
                flex-flow: nowrap;
                font-size: 1.2rem;
                font-weight: 700;
                height: 24px;
                justify-content: space-around;
                left: 8px;
                margin-right: 8px;
                padding: 6px 8px;
                position: static;
                right: unset
            }

                .vendor-tile .tile-image-wrapper .bottom-left-image-overlay-container .badge-info.pickup-info {
                    flex-direction: row-reverse
                }

                .vendor-tile .tile-image-wrapper .bottom-left-image-overlay-container .badge-info .label {
                    font-size: 1.2rem;
                    text-transform: none
                }

                .vendor-tile .tile-image-wrapper .bottom-left-image-overlay-container .badge-info .mov {
                    font-size: 1.4rem
                }

                .vendor-tile .tile-image-wrapper .bottom-left-image-overlay-container .badge-info > span {
                    margin: 1px
                }

        .vendor-tile .tile-image-wrapper .top-right-image-overlay-container {
            position: absolute;
            right: 8px;
            top: 8px
        }

            .vendor-tile .tile-image-wrapper .top-right-image-overlay-container.stick-to-corners {
                right: 0;
                top: 0
            }

            .vendor-tile .tile-image-wrapper .top-right-image-overlay-container .badge-info {
                position: relative;
                right: unset;
                top: unset
            }

        .vendor-tile .tile-image-wrapper .bottom-right-image-overlay-container {
            bottom: 8px;
            position: absolute;
            right: 8px
        }

            .vendor-tile .tile-image-wrapper .bottom-right-image-overlay-container > * {
                bottom: 0;
                position: absolute;
                right: 0
            }

    .vendor-tile .cashback-badge {
        align-items: center;
        background-color: var(--colorWhite);
        border-radius: 2px;
        box-shadow: 0 .1rem .5rem rgba(0,0,0,.15);
        color: var(--colorNeutralPrimary);
        display: flex;
        flex-flow: nowrap;
        font-size: 1.2rem;
        font-weight: 700;
        height: 24px;
        justify-content: center;
        line-height: 1;
        max-width: 208px;
        overflow: hidden;
        padding: 8px;
        text-overflow: ellipsis;
        text-transform: capitalize;
        white-space: nowrap;
        z-index: 3
    }

        .vendor-tile .cashback-badge svg {
            margin-right: 4px
        }

    .vendor-tile .tag-container {
        align-items: flex-start;
        color: var(--colorWhite);
        display: flex;
        flex-flow: column nowrap;
        font-size: 1.2rem;
        font-weight: 700;
        left: 0;
        line-height: 24px;
        position: absolute;
        text-transform: uppercase;
        top: 16px;
        z-index: 3
    }

    .vendor-tile .multi-tag {
        align-self: flex-start;
        background-color: var(--colorTagPrimaryBackground);
        border-radius: 0 8px 8px 0;
        color: var(--colorTagPrimaryText);
        height: 24px;
        margin-bottom: 4px;
        max-width: 208px;
        overflow: hidden;
        padding: 0 16px;
        text-overflow: ellipsis;
        white-space: nowrap
    }

        .vendor-tile .multi-tag .tag-text-truncate {
            display: inline-block;
            max-width: 192px;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .vendor-tile .multi-tag.best-in-city {
            background-color: var(--colorTagBestCityBackground);
            color: var(--colorTagBestCityText)
        }

        .vendor-tile .multi-tag.hasFlexiTags {
            display: flex
        }

        .vendor-tile .multi-tag.hasFlexiTagsMultiline {
            flex-wrap: wrap;
            height: auto;
            min-height: 24px;
            width: min-content
        }

    .vendor-tile .tag {
        background-color: var(--colorBrandPrimary);
        color: var(--colorWhite);
        color: var(--colorTagPrimaryText);
        display: block;
        font-size: 1.2rem;
        font-weight: 700;
        height: 24px;
        left: 0;
        line-height: 24px;
        padding: 0 16px;
        position: absolute;
        text-transform: uppercase;
        top: 16px;
        z-index: 3
    }

        .vendor-tile .tag.best-in-city {
            background-color: var(--colorTagBestCityBackground);
            color: var(--colorTagBestCityText)
        }

    .vendor-tile:active .vendor-picture, .vendor-tile:hover .vendor-picture {
        transform: scale(1.06)
    }

    .vendor-tile.closed .badge-info .label {
        order: -1;
        text-align: left
    }

    .vendor-tile.closed:after {
        box-shadow: inset 0 0 0 100em hsla(0,0%,100%,.64);
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 3
    }

    .vendor-tile.temp-closed picture {
        background-color: var(--colorNeutralDivider);
        background-image: url(https://micro-assets.foodora.com/c16eb15467f343be974756b546808a95.svg)
    }

        .vendor-tile.temp-closed picture:before {
            box-shadow: inset 0 0 0 100em hsla(0,0%,100%,.64);
            content: "";
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%;
            z-index: 4
        }

    .vendor-tile.with-darkening-overlay .tile-image-wrapper:before {
        background-color: rgba(0,0,0,.04);
        bottom: 0;
        content: "";
        display: block;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 5
    }

.closed-overlay {
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 88px;
    z-index: 2
}

.closed-overlay-label {
    background: var(--colorInteractionPrimary);
    color: var(--colorWhite);
    display: inline-block;
    font-size: 1.2rem;
    font-weight: 700;
    height: 24px;
    line-height: 22px;
    line-height: 24px;
    max-width: 208px;
    overflow: hidden;
    padding: 0 7px;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap
}

.vendor-info {
    color: var(--colorNeutralSecondary);
    display: block;
    font-size: 1.4rem;
    padding: 8px 0 0;
    position: relative;
    z-index: 2
}

    .vendor-info .headline {
        display: flex;
        flex-flow: row nowrap
    }

    .vendor-info .ratings-component {
        align-self: center;
        flex: 0 0 auto
    }

    .vendor-info .name {
        word-wrap: normal;
        color: var(--colorNeutralPrimary);
        display: inline-block;
        display: block;
        flex: 1 1 auto;
        font-size: 1.6rem;
        font-weight: 700;
        line-height: 1.3em;
        margin: 0;
        max-width: 100%;
        overflow: hidden;
        padding: 4px 16px 0 0;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .vendor-info .categories {
        display: flex;
        flex-flow: row nowrap;
        font-weight: 300;
        line-height: 1.3em;
        list-style-type: none;
        margin: 0;
        max-height: 2.6em;
        padding: 0
    }

        .vendor-info .categories > li {
            display: inline-flex;
            position: relative
        }

            .vendor-info .categories > li:before {
                content: ",";
                font-size: 1.2rem;
                margin: 0 4px 0 0;
                position: relative
            }

            .vendor-info .categories > li:first-child:before {
                content: "";
                margin: 0
            }

            .vendor-info .categories > li.vendor-characteristic {
                display: inline;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap
            }

                .vendor-info .categories > li.vendor-characteristic span:after {
                    content: ", ";
                    font-size: 1.2rem;
                    position: relative
                }

                .vendor-info .categories > li.vendor-characteristic span:last-child:after {
                    content: none
                }

        .vendor-info .categories .budget-symbol {
            color: var(--colorPriceEmphasis);
            font-size: 1.4rem;
            font-weight: 300
        }

        .vendor-info .categories .budget-symbol--filled {
            color: var(--colorPriceEmphasis);
            font-size: 1.4rem;
            font-weight: 600
        }

    .vendor-info .extra-info {
        font-size: 1.2rem;
        line-height: 1.4em;
        list-style-type: none;
        margin: 8px 0 2px;
        overflow: hidden;
        padding: 0
    }

        .vendor-info .extra-info .mov-currency {
            color: var(--colorNeutralPrimary);
            font-weight: 700
        }

        .vendor-info .extra-info .mov-currency-with-delivery-fee-icon {
            color: var(--colorNeutralSecondary)
        }

        .vendor-info .extra-info > li {
            display: inline;
            font-size: 1.4rem
        }

            .vendor-info .extra-info > li:last-child {
                border-right: 0;
                margin-right: 0;
                padding-right: 0
            }

            .vendor-info .extra-info > li .dot-divider {
                padding: 0 4px
            }

        .vendor-info .extra-info .delivery-fee .dps-indicator {
            margin-left: 4px
        }

        .vendor-info .extra-info .delivery-fee .deal-tag {
            word-wrap: break-word;
            color: var(--colorDealTextOnWhite);
            display: inline;
            font-size: 14px;
            white-space: normal
        }

        .vendor-info .extra-info .delivery-fee__content-with-icon {
            color: var(--colorNeutralSecondary);
            font-weight: 600
        }

            .vendor-info .extra-info .delivery-fee__content-with-icon svg {
                margin-bottom: 2px;
                margin-right: 4px
            }

        .vendor-info .extra-info .delivery-fee .strong.delivery-fee--subscription-active {
            color: var(--colorNeutralSecondary);
            margin-right: 4px;
            text-decoration: line-through
        }

        .vendor-info .extra-info .delivery-fee .basket-value-deal__amount {
            color: var(--colorNeutralSecondary);
            margin-right: 4px
        }

        .vendor-info .extra-info .delivery-fee .basket-value-deal__delivery-fee-tag {
            font-weight: 1
        }

        .vendor-info .extra-info .delivery-fee .basket-value-deal__label {
            margin-left: 4px
        }

        .vendor-info .extra-info .delivery-fee .basket-value-deal__delivery-fee-icon {
            margin-right: 4px
        }

            .vendor-info .extra-info .delivery-fee .basket-value-deal__delivery-fee-icon svg {
                margin-bottom: 4px
            }

        .vendor-info .extra-info .delivery-fee-icon svg {
            margin-bottom: 2px;
            margin-right: 4px
        }

        .vendor-info .extra-info ~ .categories {
            font-size: 1.2rem;
            line-height: 1.4em
        }

        .vendor-info .extra-info .delivery-fee--subscription-active {
            color: var(--colorNeutralInactive);
            padding-right: 4px;
            text-decoration: line-through
        }

            .vendor-info .extra-info .delivery-fee--subscription-active strong {
                color: var(--colorNeutralSecondary);
                text-decoration: line-through
            }

        .vendor-info .extra-info .old-delivery-fee {
            text-decoration: line-through
        }

            .vendor-info .extra-info .old-delivery-fee strong {
                color: var(--colorNeutralSecondary);
                text-decoration: line-through
            }

    .vendor-info .loyalty-info {
        color: var(--colorBrandSecondary);
        font-size: 1.2rem;
        font-weight: 700
    }

    .vendor-info .bl-neutral-divider {
        border-left: 1px solid var(--colorNeutralDivider)
    }

    .vendor-info svg {
        vertical-align: middle
    }

@font-face {
    font-family: icomoon;
    font-style: 500;
    font-weight: 500;
    src: url(https://micro-assets.foodora.com/fonts/icomoon.eot?2);
    src: url(https://micro-assets.foodora.com/fonts/icomoon.eot?2) format("embedded-opentype"),url(https://micro-assets.foodora.com/fonts/icomoon.ttf?2) format("truetype"),url(https://micro-assets.foodora.com/fonts/icomoon.woff?2) format("woff"),url(https://micro-assets.foodora.com/fonts/icomoon.svg?2#icomoon) format("svg")
}

@font-face {
    font-display: swap;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 300;
    src: url(https://micro-assets.foodora.com/fonts/open-sans-v18-latin-ext-300.eot);
    src: local(""),url(https://micro-assets.foodora.com/fonts/open-sans-v18-latin-ext-300.eot?#iefix) format("embedded-opentype"),url(https://micro-assets.foodora.com/fonts/open-sans-v18-latin-ext-300.woff2) format("woff2"),url(https://micro-assets.foodora.com/fonts/open-sans-v18-latin-ext-300.woff) format("woff"),url(https://micro-assets.foodora.com/fonts/open-sans-v18-latin-ext-300.ttf) format("truetype"),url(https://micro-assets.foodora.com/fonts/open-sans-v18-latin-ext-300.svg#OpenSans) format("svg")
}

@font-face {
    font-display: swap;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 500;
    src: url(https://micro-assets.foodora.com/fonts/open-sans-v18-latin-ext-regular.eot);
    src: local(""),url(https://micro-assets.foodora.com/fonts/open-sans-v18-latin-ext-regular.eot?#iefix) format("embedded-opentype"),url(https://micro-assets.foodora.com/fonts/open-sans-v18-latin-ext-regular.woff2) format("woff2"),url(https://micro-assets.foodora.com/fonts/open-sans-v18-latin-ext-regular.woff) format("woff"),url(https://micro-assets.foodora.com/fonts/open-sans-v18-latin-ext-regular.ttf) format("truetype"),url(https://micro-assets.foodora.com/fonts/open-sans-v18-latin-ext-regular.svg#OpenSans) format("svg")
}

@font-face {
    font-display: swap;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    src: url(https://micro-assets.foodora.com/fonts/open-sans-v28-latin-ext-600.eot) format("eot");
    src: local(""),url(https://micro-assets.foodora.com/fonts/open-sans-v28-latin-ext-600.eot?#iefix) format("embedded-opentype"),url(https://micro-assets.foodora.com/fonts/open-sans-v28-latin-ext-600.woff2) format("woff2"),url(https://micro-assets.foodora.com/fonts/open-sans-v28-latin-ext-600.woff) format("woff"),url(https://micro-assets.foodora.com/fonts/open-sans-v28-latin-ext-600.ttf) format("truetype"),url(https://micro-assets.foodora.com/fonts/open-sans-v28-latin-ext-600.svg#OpenSans) format("svg")
}

@font-face {
    font-display: swap;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 700;
    src: url(https://micro-assets.foodora.com/fonts/open-sans-v18-latin-ext-700.eot);
    src: local(""),url(https://micro-assets.foodora.com/fonts/open-sans-v18-latin-ext-700.eot?#iefix) format("embedded-opentype"),url(https://micro-assets.foodora.com/fonts/open-sans-v18-latin-ext-700.woff2) format("woff2"),url(https://micro-assets.foodora.com/fonts/open-sans-v18-latin-ext-700.woff) format("woff"),url(https://micro-assets.foodora.com/fonts/open-sans-v18-latin-ext-700.ttf) format("truetype"),url(https://micro-assets.foodora.com/fonts/open-sans-v18-latin-ext-700.svg#OpenSans) format("svg")
}

@font-face {
    font-family: icomoon;
    font-style: normal;
    font-weight: 400;
    src: url(https://micro-assets.foodora.com/fonts/icomoon.eot?19);
    src: url(https://micro-assets.foodora.com/fonts/icomoon.eot?19) format("embedded-opentype"),url(https://micro-assets.foodora.com/fonts/icomoon.ttf?19) format("truetype"),url(https://micro-assets.foodora.com/fonts/icomoon.woff?19) format("woff"),url(https://micro-assets.foodora.com/fonts/icomoon.svg?19#icomoon) format("svg")
}

.super-restaurant-badge {
    fill: var(--colorBrandPrimary);
    margin: 6px 4px 2px 0;
    min-height: 16px;
    min-width: 16px
}