body {text-transform:lowercase; }

.ofa_colors_error,
.ofa_colors_error:hover {
    color: #c42b44;
    color: var(--mars-rover);
}
.ofa_colors_bg-error {
    background-color: #c42b44;
    background-color: var(--mars-rover);
}
.ofa_colors_primary,
.ofa_colors_primary:hover {
    color: #c22915;
    color: var(--turquoise-5);
}
.ofa_colors_bg-primary-hover:hover,
.ofa_colors_bg-primary {
    background-color: #c22915;
    background-color: var(--turquoise-5);
}
.ofa_colors_border-primary-hover:hover,
.ofa_colors_border-primary {
    border-color: #c22915;
    border-color: var(--turquoise-5);
}
.ofa_colors_secondary-hover:hover,
.ofa_colors_secondary {
    color: #fff;
    color: var(--white);
}
.ofa_colors_bg-secondary-hover:hover,
.ofa_colors_bg-secondary {
    background-color: #fff;
    background-color: var(--white);
}
.ofa_colors_border-secondary-hover:hover,
.ofa_colors_border-secondary {
    border-color: #fff;
    border-color: var(--white);
}
.ofa_colors_text-light,
.ofa_colors_text {
    color: rgba(0, 0, 0, 0.56);
    color: var(--black-56);
}
.ofa_colors_text-dark {
    color: rgba(0, 0, 0, 0.87);
    color: var(--black-87);
}
.ofa_text-transform-none {
    text-transform: none;
}
.ofa_colors_accent {
    color: #f5f5f5;
    color: var(--light-grey);
}
.ofa_colors_bg-accent {
    background-color: #f5f5f5;
    background-color: var(--light-grey);
}
.ofa_colors_border-accent {
    border-color: #f5f5f5;
    border-color: var(--light-grey);
}
.ofa_spacing_margin-none-right {
    margin-right: 0;
}
.ofa_spacing_margin-none-left {
    margin-left: 0;
}
.ofa_spacing_padding-none-top {
    padding-top: 0;
}
.ofa_spacing_padding-none-right {
    padding-right: 0;
}
.ofa_spacing_padding-none-bottom {
    padding-bottom: 0;
}
.ofa_spacing_padding-none-left {
    padding-left: 0;
}
.ofa_spacing_margin-tiny-top {
    margin-top: 10px;
}
.ofa_spacing_margin-tiny-bottom {
    margin-bottom: 10px;
}
.ofa_spacing_padding-medium-bottom {
    padding-bottom: 20px;
}
.ofa_spacing_margin-large-top {
    margin-top: 15px;
}
.ofa_spacing_margin-large-bottom {
    margin-bottom: 15px;
}
.ofa_spacing_padding-large-right {
    padding-right: 25px;
}
.ofa_spacing_padding-large-left {
    padding-left: 25px;
}
.ofa_components_pageContainer {
    max-width: 603px;
    margin: 0 auto;
    position: relative;
}
.ofa_components_icon-hover:focus:before,
.ofa_components_icon-hover:hover:before {
    content: "";
    display: block;
    width: 36px;
    height: 36px;
    border-radius: 9999em;
    position: absolute;
    top: -6px;
    left: -6px;
}
.ofa_components_icon-hover:focus {
    outline: none;
}
.ofa_components_icon-hover:hover:before {
    background-color: rgba(0, 0, 0, 0.04);
    background-color: var(--black-04);
}
.ofa_components_icon-hover:focus:before {
    background-color: rgba(46, 124, 135, 0.2);
    background-color: var(--turquoise-1);
}
.ofa_components_icon-hover > svg {
    z-index: 1;
}
.ofa_close-btn_close-btn {
    background-color: transparent;
    border: none;
    position: relative;
    padding: 0;
    display: flex;
    justify-content: center;
    touch-action: manipulation;
    text-decoration: none;
    opacity: 0.8;
    width: 24px;
    height: 24px;
}

.ofa_cart-icon_cart {
    display: flex;
    position: relative;
    right: 0;
    text-decoration: none;
    align-items: center;
    touch-action: manipulation;
    height: 100%;
}
.ofa_cart-icon_cart-image {
    height: 100%;
}
.ofa_cart-icon_cart-image .ofa_cart-icon {
    fill: #c22915;
    fill: var(--turquoise-5);
}
.ofa_cart-icon_quantity {
    margin-left: 8px;
    color: #c22915;
    color: var(--turquoise-5);
    font-weight: 600;
    font-size: 18px;
}
.ofa_cart-icon_light .ofa_cart-icon {
    fill: #a0a2ad;
    fill: var(--grey);
}
.ofa_drawer_background {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    padding: 0 14px 0 0;
    z-index: 9999;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
}
.ofa_drawer_drawer {
    display: flex;
    flex-direction: column;
    max-height: 100%;
    width: 100%;
    transition: -webkit-transform 0.25s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: transform 0.25s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: transform 0.25s cubic-bezier(0.445, 0.05, 0.55, 0.95), -webkit-transform 0.25s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.ofa_drawer_header {
    background-color: #f5f5f5;
    background-color: var(--light-grey);
    padding: 20px 0 0 20px;
}
.ofa_drawer_header-content {
    padding: 18px 24px 24px 4px;
}
.ofa_drawer_body {
    padding: 24px 0;
    flex: 1 1;
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}
.ofa_drawer_body:last-child {
    margin-bottom: 20px;
}
.ofa_drawer_footer {
    text-align: center;
}
.ofa_drawer_close-btn {
    right: 6px;
}
@media only screen and (max-height: 500px), only screen and (max-width: 768px) {
    .ofa_drawer_background {
        padding: 0;
    }
    .ofa_drawer_drawer {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: min-content auto min-content;
        grid-template-rows: -webkit-min-content auto -webkit-min-content;
        grid-template-rows: min-content auto min-content;
        max-width: calc(100% - 44px);
        height: 100%;
        margin: 0;
    }
    .ofa_drawer_body {
        max-height: none;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }
}
.ofa_button_button {
    padding: 0;
    border: 0;
    font-weight: 600;
    cursor: default;
    touch-action: manipulation;
}
.ofa_button_button:disabled {
    color: #fff;
    color: var(--white);
    background: #e0e0e0;
    background: var(--old-macdonald);
}
.ofa_button_button:disabled.ofa_button_loading,
.ofa_button_loading {
    background: #24626b;
    background: var(--turquoise-6);
}
.ofa_button_link {
    background-color: transparent;
    cursor: pointer;
    font-size: 16px;
    line-height: 20px;
}
.ofa_button_link:hover {
    color: #24626b;
    color: var(--turquoise-6);
    text-decoration: underline;
}
.ofa_button_primary {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    line-height: 1.11;
    letter-spacing: 0.3px;
    height: 48px;
    margin-top: 20px;
    width: 100%;
}
.ofa_button_link:disabled {
    background: none;
    color: #e0e0e0;
    color: var(--old-macdonald);
}
.ofa_button_link:disabled.ofa_button_loading {
    background: none;
}
.ofa_button_responsive {
    border-radius: 4px;
    border-radius: var(--border-radius);
}
.ofa_button_primary:not(:disabled):hover {
    background-color: #24626b;
    background-color: var(--turquoise-6);
}
.ofa_button_wide {
    text-decoration: none;
    display: block;
    font-weight: 700;
    height: 48px;
    line-height: 48px;
    overflow: hidden;
    font-size: 18px;
    /* border-radius: 4px;
    border-radius: var(--border-radius); */
    text-align: center;
    margin: 0 auto;
    width: 100%;
    padding: 0;
}
.ofa_button_primaryWide:hover {
    background-color: #24626b;
    background-color: var(--turquoise-6);
}
.ofa_button_link-wide {
    background-color: transparent;
    border: 1px solid transparent;
}
.ofa_button_link-wide:hover {
    color: #24626b;
    color: var(--turquoise-6);
    background-color: rgba(0, 0, 0, 0.04);
    background-color: var(--black-04);
}
.ofa_loading_loading {
    width: 100%;
    text-align: center;
}
.ofa_loading_dot {
    width: 15px;
    height: 15px;
    background: #fff;
    background: var(--white);
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: ofa_loading_dots 1.4s ease-in-out infinite both;
    animation: ofa_loading_dots 1.4s ease-in-out infinite both;
}
.ofa_loading_primary {
    width: 100%;
}
.ofa_loading_loading.ofa-loading_link .ofa_loading_dot,
.ofa_loading_loading.ofa-loading_secondary .ofa_loading_dot {
    background: #24626b;
    background: var(--turquoise-6);
}
.ofa_loading_loading .ofa_loading_dot:nth-child(0) {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}
.ofa_loading_loading .ofa_loading_dot:first-child {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}
@-webkit-keyframes ofa_loading_dots {
    0%,
    80%,
    to {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
    }
}
@keyframes ofa_loading_dots {
    0%,
    80%,
    to {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
    }
}
.ofa_input_wrapper {
    flex: 1 1;
    display: block;
    position: relative;
}
.ofa_input_adornment-wrapper {
    margin-top: 35px;
    width: 100%;
    display: flex;
    align-items: baseline;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    border-bottom: 1px solid var(--black-12);
    border: 1px dotted red;
}
.ofa_input_adornment-wrapper.ofa_input_focus,
.ofa_input_adornment-wrapper:hover {
    border-bottom: 1px solid #c22915;
    border-bottom: 1px solid var(--turquoise-5);
}
.ofa_input_adornment-wrapper.ofa_input_error {
    border-bottom: 1px solid #c42b44;
    border-bottom: 1px solid var(--mars-rover);
}
.ofa_input_adornment-wrapper.ofa_input_disabled {
    border-bottom: 1px dashed rgba(0, 0, 0, 0.12);
    border-bottom: 1px dashed var(--black-12);
}
.ofa_input_adornment-wrapper.ofa_input_noAdormentMargin {
    margin: none;
}
.ofa_input_input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    will-change: box-shadow, font-size;
    color: rgba(0, 0, 0, 0.87);
    color: var(--black-87);
    border: 0;
    display: block;
    font-size: 18px;
    font-weight: 500;
    height: 36px;
    outline: none;
    padding: 0;
    padding-left: 10px;
    transition: all 0.25s ease;
    width: 100%;
}
.ofa_input_input:disabled {
    opacity: 0.5;
    box-shadow: none;
}
.ofa_input_label {
    color: rgba(0, 0, 0, 0.56);
    color: var(--black-56);
    bottom: 100%;
    font-size: 18px;
    line-height: 1.33;
    letter-spacing: 0.3px;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    text-overflow: ellipsis;
    transition: all 0.2s ease;
    white-space: nowrap;
    width: 100%;
}
.ofa_input_filled .ofa_input_label,
.ofa_input_focus .ofa_input_label {
    -webkit-transform: translate3d(0, 4px, 0);
    transform: translate3d(0, 4px, 0);
    font-size: 12px;
    letter-spacing: 0.5px;
}
.ofa_input_focus .ofa_input_label {
    color: #c22915;
    color: var(--turquoise-5);
}
.ofa_input_error.ofa_input_focus .ofa_input_label {
    color: #c42b44;
    color: var(--mars-rover);
}
.ofa_input_endAdornment {
    align-self: flex-end;
}
.ofa_input_instructions {
    height: 24px;
    line-height: 24px;
    font-size: 14px;
}
:root {
    --menuGroupHeaderHeight: 54px;
    --topHeaderHeight: 60px;
    --border-radius: 4px;
    --white: #fff;
    --turquoise-1: rgba(46, 124, 135, 0.2);
    --turquoise-4: rgba(46, 124, 135, 0.08);
    --turquoise-5: #c22915;
    --turquoise-6: #24626b;
    --light-grey: #f5f5f5;
    --grey: #a0a2ad;
    --dark-grey: #393e4b;
    --black-04: rgba(0, 0, 0, 0.04);
    --black-12: rgba(0, 0, 0, 0.12);
    --black-40: rgba(0, 0, 0, 0.4);
    --black-87: rgba(0, 0, 0, 0.87);
    --black-56: rgba(0, 0, 0, 0.56);
    --banana-split: #faf5cc;
    --cotton-candy: #fdd6dd;
    --pink-elephant: #fde2e7;
    --mars-rover: #c42b44;
    --dark-blue: #001552;
    --old-macdonald: #e0e0e0;
    --support: #e3f2fc;
    --modal-drop-shadow: 0 4px 8px 0 var(--black-12), 0 6px 20px 0 var(--black-12);
}
.ofa_modal_background {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    padding: 48px;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ofa_modal_modal {
    display: flex;
    flex-direction: column;
    max-height: 100%;
    width: 456px;
    border: 2px dotted red;
     border-radius: 5px;
     /*  border-radius: var(--border-radius);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 6px 20px 0 rgba(0, 0, 0, 0.12);
    box-shadow: var(--modal-drop-shadow); */
}
.ofa_modal_headerWrapper {
    padding: 20px 10px 10px;
    display: flex;
}
.ofa_modal_header {
    margin: 0 10px;
    flex: 1 1;
}
.ofa_modal_defaultHeader {
    margin: 0;
}
.ofa_modal_body {
    max-height: calc(100vh - 200px);
    overflow-y: auto;
    overflow-x: hidden;
}
.ofa_modal_body:last-child {
    margin-bottom: 20px;
}
.ofa_modal_footer {
    text-align: right;
}
.ofa_modal_footer button {
    margin: 0;
}
.ofa_modal_close-btn {
    right: 6px;
}
@media only screen and (max-height: 500px), only screen and (max-width: 768px) {
    .ofa_modal_background {
        padding: 20px;
    }
    .ofa_modal_background.ofa_modal_responsive {
        padding: 0;
    }
    .ofa_modal_responsive .ofa_modal_modal {
        max-width: none;
        width: 100%;
        margin: 0;
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: min-content auto min-content;
        grid-template-rows: -webkit-min-content auto -webkit-min-content;
        grid-template-rows: min-content auto min-content;
        height: 100vh;
        border-radius: initial;
        box-shadow: none;
    }
    .ofa_modal_body {
        max-height: none;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }
}
.ofa_powered-by-modal_modal {
    padding: 0 24px 24px;
}
.ofa_button-spacer_vertical {
    height: 8px;
}
.ofa_forgot-password-modal_header {
    margin: 0 0 12px;
}
.ofa_forgot-password-modal_description {
    margin: 0;
}
.ofa_password_eye {
    background-color: transparent;
    border: none;
    padding: 0;
    touch-action: manipulation;
    width: 24px;
    margin: 0;
    cursor: pointer;
}
.ofa_login-modal_header {
    margin: 0 0 12px;
}
.ofa_login-modal_description {
    margin: 0;
}
.ofa_create-account-modal_header {
    margin: 0 0 12px;
}
.ofa_create-account-modal_description {
    margin: 0;
}
.ofa_link_link {
    text-decoration: none;
}
.ofa_link_link:hover {
    text-decoration: underline;
}
.ofa_link_primary {
    font-weight: 700;
}
.ofa_form_inputGroup {
    padding: 0;
    display: flex;
    align-items: center;
}
.ofa_form_label {
    font-size: 18px;
    padding: 14px 0;
    border-bottom: 1px solid #f5f5f5;
    border-bottom: 1px solid var(--light-grey);
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    cursor: default;
}
.ofa_form_label > * {
    order: 2;
}
.ofa_form_label > span {
    flex: 1 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.ofa_form_input {
    visibility: hidden;
    position: absolute;
}
.ofa_form_label:focus {
    outline: none;
}
.ofa_form_label:focus:before,
.ofa_form_label:hover:before {
    content: "";
    width: 36px;
    height: 36px;
    border-radius: 9999em;
    position: absolute;
    -webkit-transform: translate(-8px);
    transform: translate(-8px);
}
.ofa_form_label:focus:before {
    background-color: rgba(46, 124, 135, 0.2);
    background-color: var(--turquoise-1);
}
.ofa_form_label:hover:before {
    background-color: #e0e0e0;
    background-color: var(--old-macdonald);
}
.ofa_form_label:after {
    color: rgba(0, 0, 0, 0.56);
    color: var(--black-56);
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    display: inline-block;
    border: 2px solid;
    content: "";
    visibility: visible;
    margin-right: 16px;
    max-width: 20px;
    order: 1;
    z-index: 1;
}
.ofa_form_label:focus:after {
    outline: none;
}
.ofa_form_input:disabled ~ .ofa_form_label:after {
    border-color: #e0e0e0;
    border-color: var(--old-macdonald);
}
.ofa_form_input:disabled ~ .ofa_form_label {
    color: rgba(0, 0, 0, 0.56);
    color: var(--black-56);
    pointer-events: none;
}
.ofa_form_input:disabled ~ .ofa_form_label:before {
    display: none;
}
.ofa_form_input:checked ~ .ofa_form_label:after {
    background-color: #c22915;
    background-color: var(--turquoise-5);
    border-color: #c22915;
    border-color: var(--turquoise-5);
    box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 10px #c22915;
    box-shadow: 0 0 0 2px var(--white) inset, 0 0 0 10px var(--turquoise-5) inset;
}
.ofa_form_input:checked ~ .ofa_form_label {
    font-weight: 600;
}
.ofa_form_select {
    font-size: 18px;
    font-weight: 600;
    padding: 12px 40px 12px 16px;
    background-color: transparent;
    border-radius: 4px;
    border-radius: var(--border-radius);
    border: 1px solid #e0e0e0;
    border: 1px solid var(--old-macdonald);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxkZWZzPjxwYXRoIGlkPSJhIiBkPSJNNyAxMGw1IDUgNS01eiIvPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiLz48bWFzayBpZD0iYiIgZmlsbD0iI2ZmZiI+PHVzZSB4bGluazpocmVmPSIjYSIvPjwvbWFzaz48ZyBmaWxsPSIjMDAwIiBmaWxsLW9wYWNpdHk9Ii41IiBtYXNrPSJ1cmwoI2IpIj48cGF0aCBkPSJNMCAwaDI0djI0SDB6Ii8+PC9nPjwvZz48L3N2Zz4=);
    background-repeat: no-repeat, repeat;
    background-position: right 16px top 50%, 0 0;
    background-size: 24px, 100%;
    color: rgba(0, 0, 0, 0.87);
    color: var(--black-87);
    height: 100%;
    width: 100%;
}
.ofa_radio_default-radio ~ .ofa_radio_default-label:after {
    border-radius: 99999em;
}
.ofa_radio_tab-input-group {
    display: inline-block;
    line-height: 36px;
}
.ofa_radio_tab-input-group:not(:first-child) {
    padding: 0 0 0 18px;
}
.ofa_radio_tab-label {
    text-decoration: none;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ofa_radio_tab-radio:checked ~ .ofa_radio_tab-label {
    font-weight: 600;
}
.ofa_radio_tab-radio:checked ~ .ofa_radio_tab-label:after {
    content: "";
    display: block;
    height: 3px;
    background-color: #c22915;
    background-color: var(--turquoise-5);
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    margin-left: 50%;
    width: 30px;
}
.ofa_radio_chunky-input-group {
    flex: 1 1 auto;
    margin: 4px;
}
.ofa_radio_chunky-input-group:first-child {
    margin-left: 0;
}
.ofa_radio_chunky-radio {
    visibility: hidden;
    position: absolute;
}
.ofa_radio_chunky-radio:checked ~ .ofa_radio_chunky-label .ofa_radio_percent {
    font-weight: 600;
}
.ofa_radio_chunky-label {
    background-color: #f5f5f5;
    background-color: var(--light-grey);
    border: 2px solid #f5f5f5;
    border: 2px solid var(--light-grey);
    height: 48px;
    border-radius: 4px;
    border-radius: var(--border-radius);
    color: #c22915;
    color: var(--turquoise-5);
    font-weight: 700;
    font-size: 20px;
    letter-spacing: 0.63px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 0 8px;
}
.ofa_radio_chunky-radio:checked ~ .ofa_radio_chunky-label {
    border-color: #c22915;
    border-color: var(--turquoise-5);
    box-shadow: 0 0 0 1px #c22915;
    box-shadow: 0 0 0 1px var(--turquoise-5);
    background-color: rgba(46, 124, 135, 0.2);
    background-color: var(--turquoise-1);
}
.ofa_fulfillment-selector-modal_fulfillment_time_selectors {
    display: flex;
    margin: 12px -4px;
    flex-wrap: wrap;
}
.ofa_fulfillment-selector-modal_select {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: calc(50% - 10px);
    font-size: 18px;
    font-weight: 600;
    margin: 4px 4px 12px;
    padding: 12px 40px 12px 16px;
    background-color: transparent;
    border-radius: 4px;
    border-radius: var(--border-radius);
    border: 1px solid #e0e0e0;
    border: 1px solid var(--old-macdonald);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxkZWZzPjxwYXRoIGlkPSJhIiBkPSJNNyAxMGw1IDUgNS01eiIvPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiLz48bWFzayBpZD0iYiIgZmlsbD0iI2ZmZiI+PHVzZSB4bGluazpocmVmPSIjYSIvPjwvbWFzaz48ZyBmaWxsPSIjMDAwIiBmaWxsLW9wYWNpdHk9Ii41IiBtYXNrPSJ1cmwoI2IpIj48cGF0aCBkPSJNMCAwaDI0djI0SDB6Ii8+PC9nPjwvZz48L3N2Zz4=);
    background-repeat: no-repeat, repeat;
    background-position: right 16px top 50%, 0 0;
    background-size: 24px, 100%;
    color: rgba(0, 0, 0, 0.87);
    color: var(--black-87);
    width: 100%;
    display: block;
    text-transform: capitalize;
}
.ofa_navigation-drawer-header_flex {
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-direction: column;
}
.ofa_navigation-drawer-header_header- {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.17;
    letter-spacing: 0.3px;
    margin: 0 0 8px;
}
.ofa_navigation-drawer-header_text {
    font-size: 16px;
    line-height: 1.33;
    margin: 8px 0 24px;
    letter-spacing: 0.02rem;
}
.ofa_navigation-drawer-header_spacer {
    height: 8px;
}
.ofa_navigation-drawer_list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.ofa_navigation-drawer_list li {
    font-size: 18px;
}
.ofa_navigation-drawer_list-item {
    background: transparent;
    border: 0;
    color: rgba(0, 0, 0, 0.56);
    color: var(--black-56);
    cursor: pointer;
    display: block;
    margin: 0;
    padding: 8px 24px;
    text-align: center;
    text-decoration: none;
    width: 100%;
}
.ofa_navigation-drawer_list-item a {
    text-decoration: none;
    width: 100%;
}
.ofa_navigation-drawer_list-item:hover {
    background-color: rgba(0, 0, 0, 0.04);
    background-color: var(--black-04);
    text-decoration: none;
}
.ofa_navigation-drawer_list-item:focus {
    outline: none;
}
.ofa_hamburger_hamburger {
    touch-action: manipulation;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.ofa_hamburger_welcome {
    margin: 0 0 0 5px;
}
.ofa_hamburger_icon .hamburger-icon {
    stroke: #c22915;
    stroke: var(--turquoise-5);
}
.ofa_hamburger_icon:hover .hamburger-icon {
    stroke: #24626b;
    stroke: var(--turquoise-6);
}
@media only screen and (max-width: 768px) {
    .ofa_hamburger_welcome {
        display: none;
    }
}
.ofa_restaurant-logo_logo {
    background-size: cover;
    background-position: 50%;
    height: 45px;
    width: 45px;
}
.ofa_header_header {
    height: 60px;
    height: var(--topHeaderHeight);
    width: 100%;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 32px 0 12px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 3;
}
.ofa_header_spacer {
    width: 32px;
    display: inline-block;
}
.ofa_header_centered,
.ofa_header_mobile {
    display: none;
}
.ofa_header_desktop {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.ofa_header_cart {
    height: 24px;
}
@media only screen and (max-width: 768px) {
    .ofa_header_header {
        padding-right: 12px;
        position: static;
        box-shadow: unset;
    }
    .ofa_header_mobile {
        display: block;
    }
    .ofa_header_desktop {
        display: none;
    }
}
@media only screen and (max-width: 1025px) {
    .ofa_header_centered {
        display: block;
    }
}
.ofa_restaurant-info_name {
    margin: 0;
    min-height: 28px;
    font-size: 24px;
    line-height: 1.17;
    letter-spacing: 0.4px;
}
.ofa_restaurant-info_info {
    margin: 0 24px;
}
.ofa_restaurant-info_fulfillment {
    margin: 16px 0;
}
@media only screen and (max-width: 768px) {
    .ofa_restaurant-info_name {
        font-size: 20px;
        line-height: 1.4;
        letter-spacing: 0;
    }
}
.ofa_page-header_header {
    font-size: 36px;
    margin: 42px 0 0;
}
@media only screen and (max-width: 768px) {
    .ofa_page-header_header {
        margin: 0;
    }
}
.ofa_fulfillment-display_emphasis {
    font-weight: 600;
    color: rgba(0, 0, 0, 0.87);
    color: var(--black-87);
}
.ofa_fulfillment-display_editable .ofa_fulfillment-display_emphasis {
    color: #c22915;
    color: var(--turquoise-5);
}
.ofa_fulfillment-display_fulfillment-display {
    display: flex;
    flex-direction: column;
    font-size: 18px;
    max-width: 100vw;
}
.ofa_fulfillment-display_fulfillment-info {
    display: flex;
    width: 100%;
}
.ofa_fulfillment-display_fulfillment-info.ofa_fulfillment-display_centered {
    justify-content: center;
}
.ofa_fulfillment-display_fulfillment-rows {
    display: flex;
    flex-direction: column;
    max-width: 90%;
}
.ofa_fulfillment-display_inline {
    flex-direction: row;
    align-items: baseline;
    flex-wrap: wrap;
    justify-content: center;
}
.ofa_fulfillment-display_fulfillment-row {
    white-space: nowrap;
    background-color: transparent;
    margin-bottom: 4px;
}
.ofa_fulfillment-display_editable .ofa_fulfillment-display_fulfillment-row:after {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggY2xhc3M9InBlbmNpbC1pY29uIiBkPSJNMTcuOSA0LjVsMS42IDEuNmMuNi42LjYgMS43IDAgMi4zbC0uOC44LTMuOS0zLjkuOC0uOGMuNi0uNyAxLjctLjcgMi4zIDB6TTQgMjBsLjYtMi4zLjYtMi4zIDEuNyAxLjcgMS43IDEuNy0yLjMuNkw0IDIwem0xMy45LTEwTDE0IDYuMWwtOC4yIDguMiAzLjkgMy45IDguMi04LjJ6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzJlN2M4NyIvPjwvc3ZnPg==);
    -webkit-transform: translate(8px, 6px);
    transform: translate(8px, 6px);
    display: inline-block;
}
.ofa_fulfillment-display_inline .ofa_fulfillment-display_deliveryProvider {
    margin-left: 24px;
}
.ofa_future-estimate_emphasis {
    font-weight: 600;
    color: rgba(0, 0, 0, 0.87);
    color: var(--black-87);
}
.ofa_future-estimate_editable {
    color: #c22915;
    color: var(--turquoise-5);
}
.ofa_cart-btn_image {
    width: 24px;
    height: 24px;
    margin: 0 12px 0 0;
}
.ofa_cart-btn_image .ofa_cart-icon {
    fill: #fff;
    fill: var(--white);
}
.ofa_cart-btn_cart-btn {
    border: 0;
    align-items: center;
    display: flex;
    font-weight: 600;
    justify-content: space-between;
    letter-spacing: 0.4px;
    padding: 0 24px;
    text-align: center;
    text-decoration: none;
    margin: 0;
    height: 56px;
}
.ofa_cart-btn_cart-btn > span {
    display: flex;
    align-items: center;
}
.ofa_empty-cart_emptyCartWrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
}
.ofa_empty-cart_emptyCart {
    text-align: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 1.33;
    letter-spacing: 0.3px;
    font-size: 18px;
    width: 100%;
}
.ofa_empty-cart_emptyCart p {
    margin: 15px 0;
}
.ofa_empty-cart_cartCircle {
    margin: 0 auto;
    width: 80px;
    height: 80px;
    padding: 17px;
    border-radius: 999em;
    overflow: visible;
    position: relative;
    background-color: rgba(0, 0, 0, 0.04);
}
.ofa_cart_long {
    flex: 1 1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.ofa_cart_long td:first-child {
    margin-left: 16px;
}
.ofa_cart_sticky {
    position: absolute;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    right: 0;
    width: 100%;
}
@media (-ms-high-contrast: none) {
    .ofa_cart_long {
        margin-bottom: 150px;
    }
}
.ofa_cart-footer_total {
    font-weight: 600;
}
.ofa_cart-footer_footer {
    padding: 0 24px 20px;
    font-size: 18px;
}
.ofa_cart-footer_footer table {
    border-collapse: collapse;
    width: 100%;
}
.ofa_cart-footer_footer td:last-child {
    text-align: right;
}
.ofa_checkbox_label:after {
    border-radius: 2px;
}
.ofa_checkbox_input:checked ~ .ofa_checkbox_label:after {
    border-color: #c22915;
    border-color: var(--turquoise-5);
    background-color: #c22915;
    background-color: var(--turquoise-5);
    box-shadow: none;
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNCAxMiI+PHBhdGggY2xhc3M9ImNoZWNrbWFyayIgZD0iTTQuNyA3LjhMMTIuNC4zYy40LS40IDEtLjQgMS4zIDAgLjQuMy40LjkgMCAxLjNMNS4zIDkuN2MtLjQuNC0xIC40LTEuMyAwTC4zIDYuMWMtLjQtLjMtLjQtLjkgMC0xLjNzMS0uNCAxLjMgMGwzLjEgM3oiIGZpbGw9IiNmZmYiLz48L3N2Zz4=);
}
.ofa_checkbox_input:checked ~ .ofa_checkbox_label:hover:after {
    box-shadow: none;
}
.ofa_required_required {
    display: flex;
    width: 82px;
    transition: all 0.3s ease;
    margin-left: 12px;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.3px;
}
.ofa_required_satisfied {
    width: 24px;
}
.ofa_required_pill {
    border-radius: 9999em;
    border: 2px solid rgba(0, 0, 0, 0.56);
    border: 2px solid var(--black-56);
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1 1 100%;
    position: relative;
}
.ofa_required_required .ofa_required_text {
    /* padding: 0 11px; */
    transition: opacity 0.3s ease;
    opacity: 1;
}
.ofa_required_satisfied .ofa_required_text {
    opacity: 0;
    visibility: hidden;
    transition-delay: 0s;
    position: absolute;
}
.ofa_required_check {
    width: 20px;
    height: 20px;
    padding: 2px;
    margin-top: 3px;
    -webkit-transform: translateX(-0.5px);
    transform: translateX(-0.5px);
    flex-shrink: 0;
}
.ofa_required_check .checkmark {
    fill: rgba(0, 0, 0, 0.56);
    fill: var(--black-56);
}
.ofa_fieldset_fieldset {
    border: none;
    padding: 0 8px;
    margin: 0;
}
.ofa_fieldset_fieldset:first-of-type {
    margin-top: 20px;
}
.ofa_fieldset_legend {
    padding: 10px 16px;
    margin-bottom: 16px;
    width: 100%;
}
.ofa_fieldset_flex {
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    align-items: center;
}
.ofa_fieldset_flex > span {
    flex: 1 1;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
}
.ofa_fieldset_label {
    font-weight: 600;
}
.ofa_fieldset_instructions {
    font-size: 16px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex: 0 1 auto;
}
.ofa_fieldset_children {
    margin: 0 16px 16px;
}
.ofa_fieldset_collapsed1 .ofa_fieldset_drop-down1 {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.ofa_fieldset_drop-down1 .drop-down {
    fill: rgba(0, 0, 0, 0.87);
    fill: var(--black-87);
}
.ofa_fieldset_collapsed1 .ofa_fieldset_children {
    display: none;
}
.ofa_modifier-field-label_modifier {
    display: flex;
    align-items: center;
}
.ofa_modifier-field-label_modifier-details {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.ofa_modifier-field-label_modifier-price:only-child {
    -webkit-transform: translate(-24px);
    transform: translate(-24px);
}
.ofa_modifier-field-label_modifier-description {
    max-width: 75%;
}
.ofa_modifier-group_modifiers {
    padding: 0;
}
.ofa_menu-item_description {
    margin: 2px 20px 8px;
}
.ofa_special-instructions_special-instructions {
    border: 1px solid #f5f5f5;
    border: 1px solid var(--light-grey);
    resize: vertical;
    width: 100%;
    border-radius: 4px;
    border-radius: var(--border-radius);
    padding: 16px;
    margin-top: 8px;
}
.ofa_special-instructions_special-instructions:focus,
.ofa_special-instructions_special-instructions:hover {
    border: 1px solid #c22915;
    border: 1px solid var(--turquoise-5);
}
.ofa_special-instructions_special-instructions:focus {
    outline: none;
    box-shadow: 0 0 0 1px #c22915;
    box-shadow: 0 0 0 1px var(--turquoise-5);
}
.ofa_item-quantity_wrapper {
    padding: 8px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 24px 8px;
}
.ofa_item-quantity_wrapper > * {
    flex: 1 1;
}
.ofa_item-quantity_button {
    height: 40px;
    width: 40px;
    border-radius: 100%;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0;
    background: transparent;
    outline: none;
    touch-action: manipulation;
}
.ofa_item-quantity_button:focus {
    background-color: rgba(46, 124, 135, 0.2);
    background-color: var(--turquoise-1);
}
.ofa_item-quantity_button:hover:enabled {
    background-color: #e0e0e0;
    background-color: var(--old-macdonald);
}
.ofa_item-quantity_button:disabled > svg .minus-background,
.ofa_item-quantity_button:disabled > svg .plus-background {
    fill: #e0e0e0;
    fill: var(--old-macdonald);
}
.ofa_item-quantity_quantity {
    min-width: 3ch;
    text-align: center;
    margin: 0 10px;
}
.ofa_item-quantity_spinner {
    display: flex;
    justify-content: center;
    align-items: center;
}
.ofa_item-quantity_label {
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.25;
    letter-spacing: 0.3px;
}
.ofa_menu-item-price_price {
    font-size: 16px;
}
.ofa_remove-item-button_delete {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 24px 0 30px;
}
.ofa_panel-stack_body {
    position: relative;
}
.ofa_panel-stack_panel {
    width: 100%;
    background: #fff;
}
.ofa_cart-table-modifiers-list_modifiers {
    list-style-type: none;
    padding: 0;
    margin: 8px 0 0;
}
.ofa_cart-table-modifiers-list_modifier {
    font-size: 16px;
    margin-bottom: 8px;
}
.ofa_cart-table-modifiers-list_readonly .ofa_cart-table-modifiers-list_modifier {
    display: inline;
}
.ofa_cart-table-modifiers-list_modifiers:not(.ofa_cart-table-modifiers-list_readonly) .ofa_cart-table-modifiers-list_nestedModifier {
    display: block;
}
.ofa_cart-table_number {
    text-align: right;
    font-size: 18px;
}
.ofa_cart-table_info {
    width: 100%;
}
.ofa_cart-table_table {
    width: 100%;
    border-collapse: collapse;
}
.ofa_cart-table_table td,
.ofa_cart-table_table th {
    padding: 8px 8px 16px;
}
.ofa_cart-table_table td:last-child {
    text-align: right;
    padding-right: 24px;
}
.ofa_cart-table_table.ofa_cart-table_readonly td:first-child {
    padding-left: 0;
}
.ofa_cart-table_table.ofa_cart-table_readonly td:last-child {
    padding-right: 0;
}
table:not(.ofa_cart-table_readonly) tr:hover {
    background-color: #f5f5f5;
    background-color: var(--light-grey);
}
.ofa_cart-table_title {
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.11;
    letter-spacing: 0.4px;
    margin-bottom: 8px;
}
.ofa_cart-table_table button {
    padding-right: 10px;
}
.ofa_card_card-container {
    border-radius: 4px;
    border-radius: var(--border-radius);
    border: 1px solid rgba(0, 0, 0, 0.12);
    border: 1px solid var(--black-12);
    display: flex;
    overflow: hidden;
    cursor: pointer;
}
.ofa_card_cardContent {
    width: 0;
    flex: 1 1 auto;
}
.ofa_card_card-container > :first-child:not(:last-child) {
    border-right: 1px solid rgba(0, 0, 0, 0.12);
    border-right: 1px solid var(--black-12);
}
@media only screen and (max-width: 1025px) {
    .ofa_card_card-container.ofa_card_responsive {
        flex: 0 1 100%;
        width: 100%;
        border-radius: 0;
        margin-bottom: 0;
        position: relative;
        overflow: visible;
        border-width: 0 0 1px;
    }
}
.ofa_menu-item-card_item {
    margin: 0 4px;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(33% - 6px);
}
.ofa_menu-item-card_wrapper {
    background-color: #fff;
    background-color: var(--white);
    padding: 16px 8px 16px 16px;
    height: 100%;
}
.ofa_menu-item-card_name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 20px;
    margin: 0 0 8px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: 0.3px;
    color: rgba(0, 0, 0, 0.87);
    color: var(--black-87);
}
.ofa_menu-item-card_price {
    height: 16px;
    font-size: 14px;
    line-height: 1.14;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.87);
    color: var(--black-87);
}
@media only screen and (max-width: 1025px) {
    .ofa_menu-item-card_item {
        margin: 4px 0;
        width: 100%;
        flex: 0 0 100%;
    }
}

.slick-next,
.slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev {
    left: -25px;
}
.slick-next {
    right: -25px;
    -webkit-transform: scaleX(-1) translateY(-6px);
    transform: scaleX(-1) translateY(-6px);
}
.slick-next:before,
.slick-prev:before {
    color: rgba(0, 0, 0, 0.87);
    color: var(--black-87);
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjE1Ij48cGF0aCBmaWxsLW9wYWNpdHk9Ii44NyIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNy44MTYgMS4xMDZhLjY2LjY2IDAgMCAwIDAtLjkxNC42MjguNjI4IDAgMCAwLS45MDMgMEwuMTgzIDcuMDRhLjY2OS42NjkgMCAwIDAgMCAuOTJsNi43MyA2Ljg0OGEuNjI4LjYyOCAwIDAgMCAuOTAzIDAgLjY2LjY2IDAgMCAwIDAtLjkxNEwxLjU0IDcuNWw2LjI3Ny02LjM5NXYuMDAxeiIvPjwvc3ZnPg==);
}
.ofa_cart-page_cart-page {
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 60px);
    max-width: 603px;
    margin: 0 auto;
    position: relative;
}
.ofa_cart-page_close-btn {
    position: absolute;
    top: 0;
    right: 16px;
}
.ofa_cart-page_notification {
    margin: 0 24px;
}
.ofa_fieldset_fieldset1 {
    border: none;
    padding: 0 8px;
    margin: 0;
}
.ofa_fieldset_fieldset1:first-of-type {
    margin-top: 20px;
}
.ofa_fieldset_legend1 {
    padding: 10px 16px;
    margin-bottom: 16px;
    width: 100%;
}
.ofa_fieldset_flex1 {
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    align-items: center;
}
.ofa_fieldset_flex1 > span {
    flex: 1 1;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
}
.ofa_fieldset_label1 {
    font-weight: 600;
}
.ofa_fieldset_instructions1 {
    font-size: 16px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex: 0 1 auto;
}
.ofa_fieldset_children1 {
    margin: 0 16px 16px;
}
.ofa_fieldset_collapsed .ofa_fieldset_drop-down {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.ofa_fieldset_drop-down .drop-down {
    fill: rgba(0, 0, 0, 0.87);
    fill: var(--black-87);
}
.ofa_fieldset_collapsed .ofa_fieldset_children1 {
    display: none;
}
br {
    line-height: 2;
}
a {
    color: #24626b;
    color: var(--turquoise-6);
    text-decoration: none;
}
h3 {
    margin: 16px 0 0;
}
p {
    margin: 0;
    padding: 0;
}
.ofa_checkout-form_fieldset {
    margin-bottom: 0.5rem;
    padding: 1rem;
}
.ofa_checkout-form_description {
    margin: 0;
}
.ofa_checkout-form_wrapper {
    padding: 0;
    width: 100%;
    margin: 0 0 env(safe-area-inset-bottom);
}
.ofa_checkout-form_radio-tabs {
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
}
@media only screen and (min-width: 603px) {
    .ofa_checkout-form_form {
        margin-bottom: 24px;
    }
    .ofa_checkout-form_wrapper {
        padding: 0 18px;
    }
}
@media only screen and (max-width: 603px) {
    .ofa_checkout-form_wrapper > button[type="submit"] {
        border-radius: 0;
    }
}
.ofa_tip_tips {
    display: flex;
    flex-wrap: wrap;
}
.ofa_tip_percent {
    font-size: 16px;
    letter-spacing: 0.75px;
    text-align: center;
}
.ofa_tip_dollars {
    font-size: 16px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.87);
    color: var(--black-87);
}

.ofa_checkout-page_cart-btn {
    display: none;
}
.ofa_checkout-page_menu-btn {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 16px;
    text-decoration: none;
}
@media only screen and (max-width: 768px) {
    .ofa_checkout-page_cart-btn {
        display: block;
        position: absolute;
        top: 0;
        right: 16px;
    }
    .ofa_checkout-page_menu-btn {
        display: none;
    }
    .ofa_checkout-page_page {
        margin-bottom: 0;
    }
}
.ofa_confirm-page_confirm-page {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    max-width: 603px;
    margin: 0 auto;
}
.ofa_confirm-page_heading {
    font-size: 36px;
    line-height: 1.17;
    margin: 0 0 16px;
    letter-spacing: 0.4px;
}
.ofa_confirm-page_name {
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: 0.4px;
    margin: 0 0 2px;
}
.ofa_confirm-page_confirmation {
    overflow-wrap: break-word;
    margin: 0;
    font-size: 24px;
    line-height: 1.17;
    letter-spacing: 0.4px;
    display: block;
}
.ofa_confirm-page_time {
    margin: 8px 0 16px;
    font-size: 32px;
    font-weight: 600;
    line-height: 0.82;
    letter-spacing: -0.4px;
}
.ofa_confirm-page_text {
    overflow-wrap: break-word;
    margin: 12px 0;
    font-size: 16px;
    line-height: 1.25;
    letter-spacing: 0.4px;
}
.ofa_confirm-page_information {
    padding: 24px 40px 0;
    text-align: center;
}
.ofa_confirm-page_backToMenu {
    cursor: default;
    text-decoration: none;
    touch-action: manipulation;
}
.ofa_confirm-page_backToMenu-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
}
.ofa_confirm-page_close-btn {
    display: none;
}
.ofa_confirm-page_email-confirmation-wrapper{
    padding: 16px;
    margin: 0 24px;
    background-color: #f5f5f5;
    background-color: var(--light-grey);
    text-align: center;
}
@media only screen and (max-width: 768px) {
    .ofa_confirm-page_heading {
        font-size: 24px;
        margin: 0 0 16px;
    }
    .ofa_confirm-page_cart-footer {
        margin-bottom: 56px;
    }
    .ofa_confirm-page_close-btn {
        display: block;
        position: absolute;
        top: 24px;
        right: 16px;
    }
}

.ofa_menu-items_menu-items {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.ofa_menu-items_menu-item {
    cursor: pointer;
    height: 102px;
    border-radius: 5px;
    border: 1px dotted rgba(0, 0, 0, 0.12);
    border-color: var(--black-12);
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(50% - 12px);
    font-size: 18px;
    margin-bottom: 24px;
    overflow: hidden;
    width: calc(50% - 12px);
}
.ofa_menu-items_menu-item:hover {
    border-color: #c22915;
    border-color: var(--turquoise-5);
}
.ofa_menu-items_menu-itemLink {
    display: flex;
    justify-content: space-between;
    text-decoration: none;
    align-items: center;
    height: 100%;
}
.ofa_menu-items_menu-item:last-child,
.ofa_menu-items_menu-item:nth-last-child(2) {
    justify-self: flex-start;
    margin-bottom: 0;
}
.ofa_menu-items_description {
    font-size: 13px;
    height: 37px;
    margin: 2px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.ofa_menu-items_content {
    padding: 0 4px 0 16px;
    min-width: 0;
    width: 0;
    flex: 1 0;
}
.ofa_menu-items_name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    font-weight: 600;
    margin-right: 15px;
}
.ofa_menu-items_menu-item:hover .ofa_menu-items_name {
    color: #24626b;
    color: var(--turquoise-6);
}
@media only screen and (max-width: 1025px) {
    .ofa_menu-items_menu-item {
        height: 129px;
        flex: 0 1 100%;
        width: 100%;
        border-radius: 0;
        margin-bottom: 0;
        position: relative;
        overflow: visible;
        border-width: 0 0 1px;
    }
    .ofa_menu-items_menu-item:hover {
        border-color: rgba(0, 0, 0, 0.12);
        border-color: var(--black-12);
    }
    .ofa_menu-items_content {
        padding: 24px 18px 24px 0;
    }
}
.ofa_menu-groups_menu-group {
    list-style-type: none;
    margin: 0;
}
.ofa_menu-groups_group-label {
    font-size: 20px;
    font-weight: 600;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #f6f6f6;
    border-radius: 5px;
    padding: 10px;
    cursor: pointer;
}
.ofa_menu-groups_anchor {
    display: block;
    position: relative;
    top: -100px;
    top: calc(-40px - var(--topHeaderHeight));
}
@media only screen and (max-width: 1025px) {
    .ofa_menu-groups_anchor {
        display: block;
        position: relative;
        top: -114px;
        top: calc(-1 * (var(--topHeaderHeight) + var(--menuGroupHeaderHeight)));
    }
}
@media only screen and (max-width: 768px) {
    .ofa_menu-groups_group-label {
        margin-bottom: 0;
        margin-top: 16px;
        color: rgba(0, 0, 0, 0.87);
        color: var(--black-87);
        align-items: flex-start;
        font-size: 20px;
        height: 48px;
        width: 85vw;
    }
    .ofa_menu-groups_anchor {
        display: block;
        position: relative;
        top: -60px;
        top: calc(-1 * var(--topHeaderHeight));
    }
}

.scroll-menu-arrow {
    display: flex;
    align-items: center;
    opacity: 1;
}
.scroll-menu-arrow.scroll-menu-arrow--disabled {
    opacity: 0;
}
.horizontal-menu {
    height: 100%;
}
.menu-wrapper {
    position: relative;
    width: 100%;
    -ms-grid-row-align: normal;
    align-self: normal;
}
.menu-wrapper--inner {
    position: absolute;
}
.ofa_fulfillment-selector_fulfillment-selector {
    border: 0;
    border-bottom: 1px solid #e0e0e0;
    border-bottom: 1px solid var(--old-macdonald);
    border-top: 1px solid #e0e0e0;
    border-top: 1px solid var(--old-macdonald);
    background-color: transparent;
    color: rgba(0, 0, 0, 0.87);
    color: var(--black-87);
    padding: 4px 16px;
    min-height: 48px;
    width: 100%;
}
.ofa_menu-selector_select {
    text-overflow: ellipsis;
}
.ofa_menu-selector_select::-ms-expand {
    display: none;
}
.ofa_menu-selector_fieldset {
    border: none;
    padding: 0;
    margin: -7px 24px 0 0;
    flex: 1 0 auto;
    max-width: 50%;
}
.ofa_menu-selector_legend {
    position: relative;
    margin-left: 6px;
    line-height: 16px;
    color: rgba(0, 0, 0, 0.56);
    color: var(--black-56);
    background: #fff;
    background: var(--white);
    z-index: 1;
    padding: 24px 6px 0;
    font-size: 15px;
    /*Lee*/
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal;
    width: unset;
    margin-bottom: unset;
}
.ofa_menu-selector_fieldset .ofa_menu-selector_select {
    margin-top: -9px;
    height: 48px;
}
@media only screen and (max-width: 1025px) {
    .ofa_menu-selector_fieldset {
        margin: -7px 0 0;
        max-width: 100%;
    }
}
.ofa_reorder-btn_reorder-btn {
    cursor: pointer;
    width: 76px;
    background-color: #fff;
    background-color: var(--white);
    border-radius: 4px;
    border-radius: var(--border-radius);
}
.ofa_reorder-btn_reorder-btn:disabled {
    cursor: not-allowed;
    opacity: 0.5;
}
.ofa_reorder-card_order-card-container {
    background-color: #fff;
    background-color: var(--white);
    border-radius: 4px;
    border-radius: var(--border-radius);
    width: 100%;
    flex: 1 1 270px;
    margin-right: 16px;
    list-style: none;
}
.ofa_reorder-card_order-card-container:last-of-type {
    margin-right: 0;
}
.ofa_reorder-card_orderContent {
    min-height: 76px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: rgba(0, 0, 0, 0.87);
    color: var(--black-87);
    padding: 8px 8px 8px 16px;
}

.ofa_reorder-card_order-content_status{
    color: #eb5a29;
    margin-bottom: 5px;
}

.ofa_reorder-card_order-content_restaurant{
    display: flex;
    flex-direction: row;
    align-items: center;
}

.ofa_reorder-card_order-content_restaurant img {
    width: 40px;
    margin-right: 10px;
}

.ofa_reorder-card_order-header {
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    /* margin: 8px 0 0; */
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ofa_reorder-card_order-sub-header {
    font-size: 14px;
    display: flex;
    flex-wrap: wrap;
    padding: 5px 0 0;
}
.ofa_reorder-card_order-sub-header > span {
    flex: 0 0 50px;
}
.ofa_reorder-card_order-date,
.ofa_reorder-card_order-details-quantity {
    color: rgba(0, 0, 0, 0.56);
    color: var(--black-56);
}
@media only screen and (max-width: 1025px) {
    .ofa_reorder-card_order-card-container {
        margin-left: 0;
        margin-right: 0;
        max-width: 100%;
    }
}
.ofa_reorder-banner_container {
    background: rgba(46, 124, 135, 0.08);
    background: var(--turquoise-4);
    padding: 12px;
    margin: -11px 0 16px;
}
.ofa_reorder-banner_wrap {
    max-width: 808px;
    margin: 0 auto;
    padding: 0 20px;
}
.ofa_reorder-banner_header {
    justify-content: space-between;
    margin-bottom: 16px;
}
.ofa_reorder-banner_header,
.ofa_reorder-banner_orderAgain {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.ofa_reorder-banner_title- {
    margin: 0 0 0 12px;
    font-size: 20px;
}
.ofa_reorder-banner_order-list-R {
    display: flex;
    flex-direction: row;
    justify-content: start;
    list-style: none;
    padding: 0;
    margin: 0;
}
.ofa_reorder-banner_order-list-R > li {
    max-width: 380px;
}
.ofa_restaurant-header_banner {
    margin-top: 40px;
    display: -ms-grid;
    display: grid;
    position: relative;
    grid-template-areas: "information bannerImage";
    -ms-grid-columns: 1fr 24px 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 0 24px;
}
.ofa_restaurant-header_logo {
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    height: 64px;
    width: 64px;
    grid-area: logo;
    padding: 10px;
}
.ofa_restaurant-header_banner-image {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: bannerImage;
    display: block;
    background-size: cover;
    background-position: 50%;
    border-radius: 4px;
    border-radius: var(--border-radius);
    height: 0;
    width: 100%;
    margin-bottom:30%;
}
.ofa_restaurant-header_banner-image {
    background-size: contain;
    background-repeat: no-repeat;
    /* background-color: #e0e0e0; */
    /* background-color: var(--old-macdonald); */
    padding-top: 56%;
}
.ofa_restaurant-header_information {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: information;
}
.ofa_restaurant-header_name {
    margin: 0;
}
.ofa_restaurant-header_info {
    font-size: 18px;
    line-height: 1.33;
    margin: 4px 0 0;
}
.ofa_restaurant-header_header,
.ofa_restaurant-header_pageWidth {
    max-width: 808px;
    margin: 0 auto;
    width: 100%;
    padding: 0 20px;
}
.ofa_restaurant-header_sticky {
    position: -webkit-sticky;
    position: sticky;
    background-color: #fff;
    background-color: var(--white);
    top: 60px;
    top: var(--topHeaderHeight);
    z-index: 1;
    display: flex;
}
.ofa_restaurant-header_fulfillment {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    margin-bottom: 6px;
}
.ofa_restaurant-header_fulfillment-display {
    flex: 1 0 50%;
    min-width: 330px;
    margin: 0;
    padding: 5px;
    text-align: center;
}
.ofa_restaurant-header_nav {
    display: block;
    overflow: hidden;
    width: 100%;
}
.ofa_restaurant-header_nav:not(:only-child) {
    padding-top: 24px;
}
@media only screen and (min-width: 768px) {
    .ofa_restaurant-header_logo.ofa_restaurant-header_empty {
        height: 100px;
        width: 50px; 
    }
}
@media only screen and (max-width: 768px) {
    .ofa_restaurant-header_sticky {
        top: 0;
    }
}
@media only screen and (max-width: 1025px) {
    .ofa_restaurant-header_logo {
        width:50px;
        height:50px;
    }
    .ofa_restaurant-header_banner {
        grid-template-areas: "bannerImage" "information";
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        text-align: center;
        margin-top: 0;
    }
    .ofa_restaurant-header_sticky {
        flex-wrap: wrap;
    }
    .ofa_restaurant-header_header {
        padding: 0;
    }
    .ofa_restaurant-header_name {
        margin: 0 16px;
    }
    .ofa_restaurant-header_banner > * {
        -ms-grid-column-align: center;
        justify-self: center;
    }
    .ofa_restaurant-header_notification {
        margin: 0 12px;
    }
    .ofa_restaurant-header_information {
        width: 100%;
        z-index: 1;
        margin-top: -91px;
    }
    .ofa_restaurant-header_banner-image {
        position: relative;
        border-radius: 0;
    }
    .ofa_restaurant-header_banner-image:after {
        display: block;
        position: absolute;
        /* background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0.5) 40%, hsla(0, 0%, 100%, 0.85) 60%, #fff); */
        height: 100%;
        bottom: 0;
        width: 100%;
        content: "";
    }
    .ofa_restaurant-header_nav {
        flex: 1 1 100%;
    }
    .ofa_restaurant-header_nav,
    .ofa_restaurant-header_nav:not(:only-child) {
        padding-top: 0;
    }
    .ofa_restaurant-header_banner-image,
    .ofa_restaurant-header_information {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
    }
}
.ofa_popular-item-image_star {
    background-color: #fff;
    background-color: var(--white);
    width: 76px;
    height: 76px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ofa_popular-items_popular-items {
    background-color: #f5f5f5;
    background-color: var(--light-grey);
    margin: -11px 0 16px;
    padding: 16px;
}
.ofa_popular-items_header {
    height: 28px;
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: 0.3px;
    color: rgba(0, 0, 0, 0.87);
    color: var(--black-87);
    margin: 0 0 16px;
}
.ofa_popular-items_star {
    margin-right: 8px;
}
.ofa_popular-items_items {
    margin: 0 -4px;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: stretch;
}
.ofa_popular-items_wrap {
    max-width: 808px;
    margin: 0 auto;
    padding: 0 20px;
}
@media only screen and (max-width: 1025px) {
    .ofa_popular-items_items {
        margin: 0;
    }
}
.ofa_menu-page-layout_split-view {
    display: -ms-grid;
    display: grid;
    position: relative;
    grid-template-areas: "content cart";
    -ms-grid-columns: 1fr 375px;
    grid-template-columns: 1fr 375px;
}
.ofa_menu-page-layout_content {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: content;
}
.ofa_menu-page-layout_menus {
    grid-area: menus;
    max-width: 808px;
    margin: 0 auto;
    padding: 0 20px;
    width: 100%;
}
.ofa_menu-page-layout_cart {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    grid-area: cart;
    z-index: 2;
}
.ofa_menu-page-layout_cart-mobile:not(.ofa_menu-page-layout_split-view) {
    display: none;
    pointer-events: none;
}
@media only screen and (max-width: 768px) {
    .ofa_menu-page-layout_split-view {
        grid-template-areas: "content";
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .ofa_menu-page-layout_cart {
        display: none;
    }
    .ofa_menu-page-layout_cart-mobile:not(.ofa_menu-page-layout_split-view) {
        display: inherit;
        pointer-events: auto;
    }
    .ofa_menu-page-layout_split-view.ofa_menu-page-layout_cart-mobile {
        display: none;
        pointer-events: none;
    }
    .ofa_menu-page-layout_content {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }
}
.ofa_menu-page-layout_label {
    margin: 0 24px;
    padding: 44px 0 20px;
    line-height: 1.33;
}
.ofa_menu-page-layout_fixed {
    /* box-shadow: -2px 0 4px 0 rgba(0, 0, 0, 0.12); */
    border-left: red dotted 1px;
    top: 60px;
    top: var(--topHeaderHeight);
    width: 375px;
    position: fixed;
    position: -webkit-sticky;
    position: sticky;
    height: calc(100vh - 60px);
    height: calc(100vh - var(--topHeaderHeight));
    display: flex;
    flex-direction: column;
}
.ofa_menu-page_cart-btn {
    display: none;
}
@media only screen and (max-width: 768px) {
    .ofa_menu-page_cart-btn {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        display: block;
        z-index: 1;
    }
}
.ofa_account-page_submit-wrapper {
    padding: 0;
    margin: 0;
    width: 100%;
    bottom: 0;
}
.ofa_account-header_account-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 0 24px;
}
.ofa_account-header_account-header .ofa_account-header_header {
    margin: 0;
}
.ofa_account-header_close-btn-wrapper {
    display: none;
    margin: 42px 0 0;
}
.ofa_account-header_close-link {
    display: initial;
    margin: 42px 0 0;
}
@media only screen and (max-width: 768px) {
    .ofa_account-header_close-btn-wrapper {
        display: block;
        position: absolute;
        top: 0;
        right: 16px;
        margin: 0;
    }
    .ofa_account-header_close-link {
        display: none;
        margin: 0;
    }
}
svg .minus-background,
svg .plus-background {
    fill: #c22915;
    fill: var(--turquoise-5);
}
svg .minus-mask,
svg .plus-mask {
    fill: #fff;
    fill: var(--white);
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.ofa_orders-page_page {
    padding: 0 12px;
}
.ofa_orders-page_order-list-container {
    margin-top: 32px;
    margin-bottom: 40px;
}
.ofa_orders-page_empty-notification {
    position: absolute;
    top: 30vh;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.ofa_orders-page_empty-notification-header {
    font-size: 24px;
    color: rgba(0, 0, 0, 0.56);
    color: var(--black-56);
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 6px;
}
.ofa_orders-page_empty-notification-info {
    font-size: 18px;
    color: rgba(0, 0, 0, 0.56);
    color: var(--black-56);
    font-weight: 400;
    margin: 6px;
}
.ofa_orders-page_month-header {
    background-color: #f5f5f5;
    background-color: var(--light-grey);
    padding-left: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-top: 24px;
    margin-bottom: 12px;
}
.ofa_orders-page_month-header-title {
    font-size: 14px;
    margin: 0;
}
.ofa_orders-page_order-list-container > li {
    margin-top: 12px;
}
html {
    box-sizing: border-box;
    scroll-behavior: smooth;
}
*,
:after,
:before {
    box-sizing: inherit;
}
.drawer-open,
.modal-open {
    overflow: hidden;
}
@font-face {
    font-family: Calibre;
    src: url("../fonts/CalibreWeb-Regular.woff2") format("woff2"),
        url("../fonts/CalibreWeb-Regular.woff") format("woff"),
        url("../fonts/CalibreWeb-Regular.eot") format("embedded-opentype");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: Calibre;
    src: url("../fonts/CalibreWeb-RegularItalic.woff2") format("woff2"),
        url("../fonts/CalibreWeb-RegularItalic.woff") format("woff"),
        url("../fonts/CalibreWeb-RegularItalic.eot") format("embedded-opentype");
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: Calibre;
    src: url("../fonts/CalibreWeb-Light.woff2") format("woff2"),
        url("../fonts/CalibreWeb-Light.woff") format("woff"),
        url("../fonts/CalibreWeb-Light.eot") format("embedded-opentype");
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: Calibre;
    src: url("../fonts/CalibreWeb-Semibold.woff2") format("woff2"),
        url("../fonts/CalibreWeb-Semibold.woff") format("woff"),
        url("../fonts/CalibreWeb-Semibold.eot") format("embedded-opentype");
    font-weight: 600;
    font-style: normal;
}
* {
    /* font-family: Calibre, Helvetica, Lucida grande, sans-serif; */
}
body {
    color: #4d4f56;
    /* line-height: unset; */
}
h1 {
    font-size: 20px;
    line-height: 1.11;
}
h1,
h2 {
    color: rgba(0, 0, 0, 0.87);
}
h2 {
    font-size: 24px;
    line-height: 1.33;
}