@import url(https://fonts.googleapis.com/css2?family=Mulish:wght@200;300;400;500;600;700;800;900&display=swap);@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

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

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadein {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes flatpickrFadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes flatpickrFadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes splide-loading {
    0% {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0)
    }

    to {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg)
    }
}

@keyframes splide-loading {
    0% {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0)
    }

    to {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg)
    }
}

@-webkit-keyframes pulse {
    0%,to {
        opacity: .1
    }

    50% {
        opacity: .3
    }
}

@keyframes pulse {
    0%,to {
        opacity: .1
    }

    50% {
        opacity: .3
    }
}

@-webkit-keyframes dotFlashing {
    0% {
        background-color: var(--loading-dot-color)
    }

    50%,to {
        background-color: var(--loading-dot-end-color)
    }
}

@keyframes dotFlashing {
    0% {
        background-color: var(--loading-dot-color)
    }

    50%,to {
        background-color: var(--loading-dot-end-color)
    }
}

.border-box,a,article,body,code,dd,div,dl,dt,fieldset,footer,form,h1,h2,h3,h4,h5,h6,header,html,input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],input[type=url],legend,li,main,ol,p,pre,section,table,td,textarea,th,tr,ul {
    box-sizing: border-box
}

.aspect-ratio {
    height: 0;
    position: relative
}

.aspect-ratio--16x9 {
    padding-bottom: 56.25%
}

.aspect-ratio--9x16 {
    padding-bottom: 177.77%
}

.aspect-ratio--4x3 {
    padding-bottom: 75%
}

.aspect-ratio--3x4 {
    padding-bottom: 133.33%
}

.aspect-ratio--6x4 {
    padding-bottom: 66.6%
}

.aspect-ratio--4x6 {
    padding-bottom: 150%
}

.aspect-ratio--8x5 {
    padding-bottom: 62.5%
}

.aspect-ratio--5x8 {
    padding-bottom: 160%
}

.aspect-ratio--7x5 {
    padding-bottom: 71.42%
}

.aspect-ratio--5x7 {
    padding-bottom: 140%
}

.aspect-ratio--1x1 {
    padding-bottom: 100%
}

.aspect-ratio--object {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100
}

@media screen and (min-width: 720px) {
    .aspect-ratio-ns {
        height:0;
        position: relative
    }

    .aspect-ratio--16x9-ns {
        padding-bottom: 56.25%
    }

    .aspect-ratio--9x16-ns {
        padding-bottom: 177.77%
    }

    .aspect-ratio--4x3-ns {
        padding-bottom: 75%
    }

    .aspect-ratio--3x4-ns {
        padding-bottom: 133.33%
    }

    .aspect-ratio--6x4-ns {
        padding-bottom: 66.6%
    }

    .aspect-ratio--4x6-ns {
        padding-bottom: 150%
    }

    .aspect-ratio--8x5-ns {
        padding-bottom: 62.5%
    }

    .aspect-ratio--5x8-ns {
        padding-bottom: 160%
    }

    .aspect-ratio--7x5-ns {
        padding-bottom: 71.42%
    }

    .aspect-ratio--5x7-ns {
        padding-bottom: 140%
    }

    .aspect-ratio--1x1-ns {
        padding-bottom: 100%
    }

    .aspect-ratio--object-ns {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 100
    }
}

@media screen and (min-width: 720px) and (max-width:1080px) {
    .aspect-ratio-m {
        height:0;
        position: relative
    }

    .aspect-ratio--16x9-m {
        padding-bottom: 56.25%
    }

    .aspect-ratio--9x16-m {
        padding-bottom: 177.77%
    }

    .aspect-ratio--4x3-m {
        padding-bottom: 75%
    }

    .aspect-ratio--3x4-m {
        padding-bottom: 133.33%
    }

    .aspect-ratio--6x4-m {
        padding-bottom: 66.6%
    }

    .aspect-ratio--4x6-m {
        padding-bottom: 150%
    }

    .aspect-ratio--8x5-m {
        padding-bottom: 62.5%
    }

    .aspect-ratio--5x8-m {
        padding-bottom: 160%
    }

    .aspect-ratio--7x5-m {
        padding-bottom: 71.42%
    }

    .aspect-ratio--5x7-m {
        padding-bottom: 140%
    }

    .aspect-ratio--1x1-m {
        padding-bottom: 100%
    }

    .aspect-ratio--object-m {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 100
    }
}

@media screen and (min-width: 1080px) {
    .aspect-ratio-l {
        height:0;
        position: relative
    }

    .aspect-ratio--16x9-l {
        padding-bottom: 56.25%
    }

    .aspect-ratio--9x16-l {
        padding-bottom: 177.77%
    }

    .aspect-ratio--4x3-l {
        padding-bottom: 75%
    }

    .aspect-ratio--3x4-l {
        padding-bottom: 133.33%
    }

    .aspect-ratio--6x4-l {
        padding-bottom: 66.6%
    }

    .aspect-ratio--4x6-l {
        padding-bottom: 150%
    }

    .aspect-ratio--8x5-l {
        padding-bottom: 62.5%
    }

    .aspect-ratio--5x8-l {
        padding-bottom: 160%
    }

    .aspect-ratio--7x5-l {
        padding-bottom: 71.42%
    }

    .aspect-ratio--5x7-l {
        padding-bottom: 140%
    }

    .aspect-ratio--1x1-l {
        padding-bottom: 100%
    }

    .aspect-ratio--object-l {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 100
    }
}

img {
    max-width: 100%;
    display: inline-block;
    vertical-align: middle
}

.cover {
    background-size: cover!important
}

.contain {
    background-size: contain!important
}

@media screen and (min-width: 720px) {
    .cover-ns {
        background-size:cover!important
    }

    .contain-ns {
        background-size: contain!important
    }
}

@media screen and (min-width: 720px) and (max-width:1080px) {
    .cover-m {
        background-size:cover!important
    }

    .contain-m {
        background-size: contain!important
    }
}

@media screen and (min-width: 1080px) {
    .cover-l {
        background-size:cover!important
    }

    .contain-l {
        background-size: contain!important
    }
}

.bg-center,.bg-top {
    background-repeat: no-repeat;
    background-position: center center
}

.bg-top {
    background-position: top center
}

.bg-bottom,.bg-left,.bg-right {
    background-repeat: no-repeat;
    background-position: center right
}

.bg-bottom,.bg-left {
    background-position: bottom center
}

.bg-left {
    background-position: center left
}

@media screen and (min-width: 720px) {
    .bg-center-ns,.bg-top-ns {
        background-repeat:no-repeat;
        background-position: center center
    }

    .bg-top-ns {
        background-position: top center
    }

    .bg-bottom-ns,.bg-left-ns,.bg-right-ns {
        background-repeat: no-repeat;
        background-position: center right
    }

    .bg-bottom-ns,.bg-left-ns {
        background-position: bottom center
    }

    .bg-left-ns {
        background-position: center left
    }
}

@media screen and (min-width: 720px) and (max-width:1080px) {
    .bg-center-m,.bg-top-m {
        background-repeat:no-repeat;
        background-position: center center
    }

    .bg-top-m {
        background-position: top center
    }

    .bg-bottom-m,.bg-left-m,.bg-right-m {
        background-repeat: no-repeat;
        background-position: center right
    }

    .bg-bottom-m,.bg-left-m {
        background-position: bottom center
    }

    .bg-left-m {
        background-position: center left
    }
}

@media screen and (min-width: 1080px) {
    .bg-center-l,.bg-top-l {
        background-repeat:no-repeat;
        background-position: center center
    }

    .bg-top-l {
        background-position: top center
    }

    .bg-bottom-l,.bg-left-l,.bg-right-l {
        background-repeat: no-repeat;
        background-position: center right
    }

    .bg-bottom-l,.bg-left-l {
        background-position: bottom center
    }

    .bg-left-l {
        background-position: center left
    }
}

.outline {
    outline: 1px solid
}

.outline-transparent {
    outline: 1px solid transparent
}

.outline-0 {
    outline: 0
}

@media screen and (min-width: 720px) {
    .outline-ns {
        outline:1px solid
    }

    .outline-transparent-ns {
        outline: 1px solid transparent
    }

    .outline-0-ns {
        outline: 0
    }
}

@media screen and (min-width: 720px){
.whitetext {
    color: #ffffff !important;
}
}

.whitetextfull {
    color: #ffffff !important;
}

@media screen and (min-width: 720px) and (max-width:1080px) {
    .outline-m {
        outline:1px solid
    }

    .outline-transparent-m {
        outline: 1px solid transparent
    }

    .outline-0-m {
        outline: 0
    }
}

@media screen and (min-width: 1080px) {
    .outline-l {
        outline:1px solid
    }

    .outline-transparent-l {
        outline: 1px solid transparent
    }

    .outline-0-l {
        outline: 0
    }
}

.ba {
    border-style: solid;
    border-width: 1px
}

.bt {
    border-top-style: solid;
    border-top-width: 1px
}

.br {
    border-right-style: solid;
    border-right-width: 1px
}

.bb {
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.bl {
    border-left-style: solid;
    border-left-width: 1px
}

.bn {
    border-style: none;
    border-width: 0
}

@media screen and (min-width: 720px) {
    .ba-ns {
        border-style:solid;
        border-width: 1px
    }

    .bt-ns {
        border-top-style: solid;
        border-top-width: 1px
    }

    .br-ns {
        border-right-style: solid;
        border-right-width: 1px
    }

    .bb-ns {
        border-bottom-style: solid;
        border-bottom-width: 1px
    }

    .bl-ns {
        border-left-style: solid;
        border-left-width: 1px
    }

    .bn-ns {
        border-style: none;
        border-width: 0
    }
}

@media screen and (min-width: 720px) and (max-width:1080px) {
    .ba-m {
        border-style:solid;
        border-width: 1px
    }

    .bt-m {
        border-top-style: solid;
        border-top-width: 1px
    }

    .br-m {
        border-right-style: solid;
        border-right-width: 1px
    }

    .bb-m {
        border-bottom-style: solid;
        border-bottom-width: 1px
    }

    .bl-m {
        border-left-style: solid;
        border-left-width: 1px
    }

    .bn-m {
        border-style: none;
        border-width: 0
    }
}

@media screen and (min-width: 1080px) {
    .ba-l {
        border-style:solid;
        border-width: 1px
    }

    .bt-l {
        border-top-style: solid;
        border-top-width: 1px
    }

    .br-l {
        border-right-style: solid;
        border-right-width: 1px
    }

    .bb-l {
        border-bottom-style: solid;
        border-bottom-width: 1px
    }

    .bl-l {
        border-left-style: solid;
        border-left-width: 1px
    }

    .bn-l {
        border-style: none;
        border-width: 0
    }
}

.b--black {
    border-color: #000
}

.b--near-black {
    border-color: #111
}

.b--dark-gray {
    border-color: #333
}

.b--mid-gray {
    border-color: #555
}

.b--silver {
    border-color: #999
}

.b--light-silver {
    border-color: #aaa
}

.b--moon-gray {
    border-color: #ccc
}

.b--light-gray {
    border-color: #eee
}

.b--near-white {
    border-color: #f4f4f4
}

.b--white {
    border-color: #fff
}

.b--white-90 {
    border-color: rgba(255,255,255,.9)
}

.b--white-80 {
    border-color: rgba(255,255,255,.8)
}

.b--white-70 {
    border-color: rgba(255,255,255,.7)
}

.b--white-60 {
    border-color: rgba(255,255,255,.6)
}

.b--white-50 {
    border-color: rgba(255,255,255,.5)
}

.b--white-40 {
    border-color: rgba(255,255,255,.4)
}

.b--white-30 {
    border-color: rgba(255,255,255,.3)
}

.b--white-20 {
    border-color: rgba(255,255,255,.2)
}

.b--white-10 {
    border-color: rgba(255,255,255,.1)
}

.b--white-05 {
    border-color: rgba(255,255,255,.05)
}

.b--white-025 {
    border-color: rgba(255,255,255,.025)
}

.b--white-0125 {
    border-color: rgba(255,255,255,.0125)
}

.b--black-90 {
    border-color: rgba(0,0,0,.9)
}

.b--black-80 {
    border-color: rgba(0,0,0,.8)
}

.b--black-70 {
    border-color: rgba(0,0,0,.7)
}

.b--black-60 {
    border-color: rgba(0,0,0,.6)
}

.b--black-50 {
    border-color: rgba(0,0,0,.5)
}

.b--black-40 {
    border-color: rgba(0,0,0,.4)
}

.b--black-30 {
    border-color: rgba(0,0,0,.3)
}

.b--black-20 {
    border-color: rgba(0,0,0,.2)
}

.b--black-10 {
    border-color: rgba(0,0,0,.1)
}

.b--black-05 {
    border-color: rgba(0,0,0,.05)
}

.b--black-025 {
    border-color: rgba(0,0,0,.025)
}

.b--black-0125 {
    border-color: rgba(0,0,0,.0125)
}

.b--dark-red {
    border-color: #e7040f
}

.b--red {
    border-color: #ff4136
}

.b--light-red {
    border-color: #ff725c
}

.b--orange {
    border-color: #ff6300
}

.b--gold {
    border-color: #ffb700
}

.b--yellow {
    border-color: gold
}

.b--light-yellow {
    border-color: #fbf1a9
}

.b--purple {
    border-color: #5e2ca5
}

.b--light-purple {
    border-color: #a463f2
}

.b--dark-pink {
    border-color: #d5008f
}

.b--hot-pink {
    border-color: #ff41b4
}

.b--pink {
    border-color: #ff80cc
}

.b--light-pink {
    border-color: #ffa3d7
}

.b--dark-green {
    border-color: #137752
}

.b--green {
    border-color: #19a974
}

.b--light-green {
    border-color: #9eebcf
}

.b--navy {
    border-color: #001b44
}

.b--dark-blue {
    border-color: #00449e
}

.b--blue {
    border-color: #357edd
}

.b--light-blue {
    border-color: #96ccff
}

.b--lightest-blue {
    border-color: #cdecff
}

.b--washed-blue {
    border-color: #f6fffe
}

.b--washed-green {
    border-color: #e8fdf5
}

.b--washed-yellow {
    border-color: #fffceb
}

.b--washed-red {
    border-color: #ffdfdf
}

.b--transparent {
    border-color: transparent
}

.b--inherit {
    border-color: inherit
}

.br0 {
    border-radius: 0
}

.br1 {
    border-radius: .125rem
}

.br2 {
    border-radius: .25rem
}

.br3 {
    border-radius: .5rem
}

.br4 {
    border-radius: 1rem
}

.br-100 {
    border-radius: 100%
}

.br-pill {
    border-radius: 9999px
}

.br--bottom {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.br--right,.br--top {
    border-bottom-left-radius: 0
}

.br--top {
    border-bottom-right-radius: 0
}

.br--right {
    border-top-left-radius: 0
}

.br--left {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

@media screen and (min-width: 720px) {
    .br0-ns {
        border-radius:0
    }

    .br1-ns {
        border-radius: .125rem
    }

    .br2-ns {
        border-radius: .25rem
    }

    .br3-ns {
        border-radius: .5rem
    }

    .br4-ns {
        border-radius: 1rem
    }

    .br-100-ns {
        border-radius: 100%
    }

    .br-pill-ns {
        border-radius: 9999px
    }

    .br--bottom-ns {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .br--right-ns,.br--top-ns {
        border-bottom-left-radius: 0
    }

    .br--top-ns {
        border-bottom-right-radius: 0
    }

    .br--right-ns {
        border-top-left-radius: 0
    }

    .br--left-ns {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }
}

@media screen and (min-width: 720px) and (max-width:1080px) {
    .br0-m {
        border-radius:0
    }

    .br1-m {
        border-radius: .125rem
    }

    .br2-m {
        border-radius: .25rem
    }

    .br3-m {
        border-radius: .5rem
    }

    .br4-m {
        border-radius: 1rem
    }

    .br-100-m {
        border-radius: 100%
    }

    .br-pill-m {
        border-radius: 9999px
    }

    .br--bottom-m {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .br--right-m,.br--top-m {
        border-bottom-left-radius: 0
    }

    .br--top-m {
        border-bottom-right-radius: 0
    }

    .br--right-m {
        border-top-left-radius: 0
    }

    .br--left-m {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }
}

@media screen and (min-width: 1080px) {
    .br0-l {
        border-radius:0
    }

    .br1-l {
        border-radius: .125rem
    }

    .br2-l {
        border-radius: .25rem
    }

    .br3-l {
        border-radius: .5rem
    }

    .br4-l {
        border-radius: 1rem
    }

    .br-100-l {
        border-radius: 100%
    }

    .br-pill-l {
        border-radius: 9999px
    }

    .br--bottom-l {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .br--right-l,.br--top-l {
        border-bottom-left-radius: 0
    }

    .br--top-l {
        border-bottom-right-radius: 0
    }

    .br--right-l {
        border-top-left-radius: 0
    }

    .br--left-l {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }
}

.b--dotted {
    border-style: dotted
}

.b--dashed {
    border-style: dashed
}

.b--solid {
    border-style: solid
}

.b--none {
    border-style: none
}

@media screen and (min-width: 720px) {
    .b--dotted-ns {
        border-style:dotted
    }

    .b--dashed-ns {
        border-style: dashed
    }

    .b--solid-ns {
        border-style: solid
    }

    .b--none-ns {
        border-style: none
    }
}

@media screen and (min-width: 720px) and (max-width:1080px) {
    .b--dotted-m {
        border-style:dotted
    }

    .b--dashed-m {
        border-style: dashed
    }

    .b--solid-m {
        border-style: solid
    }

    .b--none-m {
        border-style: none
    }
}

@media screen and (min-width: 1080px) {
    .b--dotted-l {
        border-style:dotted
    }

    .b--dashed-l {
        border-style: dashed
    }

    .b--solid-l {
        border-style: solid
    }

    .b--none-l {
        border-style: none
    }
}

.bw0 {
    border-width: 0
}

.bw1 {
    border-width: .125rem
}

.bw2 {
    border-width: .25rem
}

.bw3 {
    border-width: .5rem
}

.bw4 {
    border-width: 1rem
}

.bw5 {
    border-width: 2rem
}

.bt-0 {
    border-top-width: 0
}

.br-0 {
    border-right-width: 0
}

.bb-0 {
    border-bottom-width: 0
}

.bl-0 {
    border-left-width: 0
}

@media screen and (min-width: 720px) {
    .bw0-ns {
        border-width:0
    }

    .bw1-ns {
        border-width: .125rem
    }

    .bw2-ns {
        border-width: .25rem
    }

    .bw3-ns {
        border-width: .5rem
    }

    .bw4-ns {
        border-width: 1rem
    }

    .bw5-ns {
        border-width: 2rem
    }

    .bt-0-ns {
        border-top-width: 0
    }

    .br-0-ns {
        border-right-width: 0
    }

    .bb-0-ns {
        border-bottom-width: 0
    }

    .bl-0-ns {
        border-left-width: 0
    }
}

@media screen and (min-width: 720px) and (max-width:1080px) {
    .bw0-m {
        border-width:0
    }

    .bw1-m {
        border-width: .125rem
    }

    .bw2-m {
        border-width: .25rem
    }

    .bw3-m {
        border-width: .5rem
    }

    .bw4-m {
        border-width: 1rem
    }

    .bw5-m {
        border-width: 2rem
    }

    .bt-0-m {
        border-top-width: 0
    }

    .br-0-m {
        border-right-width: 0
    }

    .bb-0-m {
        border-bottom-width: 0
    }

    .bl-0-m {
        border-left-width: 0
    }
}

@media screen and (min-width: 1080px) {
    .bw0-l {
        border-width:0
    }

    .bw1-l {
        border-width: .125rem
    }

    .bw2-l {
        border-width: .25rem
    }

    .bw3-l {
        border-width: .5rem
    }

    .bw4-l {
        border-width: 1rem
    }

    .bw5-l {
        border-width: 2rem
    }

    .bt-0-l {
        border-top-width: 0
    }

    .br-0-l {
        border-right-width: 0
    }

    .bb-0-l {
        border-bottom-width: 0
    }

    .bl-0-l {
        border-left-width: 0
    }
}

.shadow-1 {
    box-shadow: 0 0 4px 2px rgba(0,0,0,.2)
}

.shadow-2 {
    box-shadow: 0 0 8px 2px rgba(0,0,0,.2)
}

.shadow-3 {
    box-shadow: 2px 2px 4px 2px rgba(0,0,0,.2)
}

.shadow-4 {
    box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2)
}

.shadow-5 {
    box-shadow: 4px 4px 8px 0 rgba(0,0,0,.2)
}

@media screen and (min-width: 720px) {
    .shadow-1-ns {
        box-shadow:0 0 4px 2px rgba(0,0,0,.2)
    }

    .shadow-2-ns {
        box-shadow: 0 0 8px 2px rgba(0,0,0,.2)
    }

    .shadow-3-ns {
        box-shadow: 2px 2px 4px 2px rgba(0,0,0,.2)
    }

    .shadow-4-ns {
        box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2)
    }

    .shadow-5-ns {
        box-shadow: 4px 4px 8px 0 rgba(0,0,0,.2)
    }
}

@media screen and (min-width: 720px) and (max-width:1080px) {
    .shadow-1-m {
        box-shadow:0 0 4px 2px rgba(0,0,0,.2)
    }

    .shadow-2-m {
        box-shadow: 0 0 8px 2px rgba(0,0,0,.2)
    }

    .shadow-3-m {
        box-shadow: 2px 2px 4px 2px rgba(0,0,0,.2)
    }

    .shadow-4-m {
        box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2)
    }

    .shadow-5-m {
        box-shadow: 4px 4px 8px 0 rgba(0,0,0,.2)
    }
}

@media screen and (min-width: 1080px) {
    .shadow-1-l {
        box-shadow:0 0 4px 2px rgba(0,0,0,.2)
    }

    .shadow-2-l {
        box-shadow: 0 0 8px 2px rgba(0,0,0,.2)
    }

    .shadow-3-l {
        box-shadow: 2px 2px 4px 2px rgba(0,0,0,.2)
    }

    .shadow-4-l {
        box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2)
    }

    .shadow-5-l {
        box-shadow: 4px 4px 8px 0 rgba(0,0,0,.2)
    }
}

.pre {
    overflow-x: auto;
    overflow-y: hidden;
    overflow: scroll
}

.top-0 {
    top: 0
}

.right-0 {
    right: 0
}

.bottom-0 {
    bottom: 0
}

.left-0 {
    left: 0
}

.top-1 {
    top: 1rem
}

.right-1 {
    right: 1rem
}

.bottom-1 {
    bottom: 1rem
}

.left-1 {
    left: 1rem
}

.top-2 {
    top: 2rem
}

.right-2 {
    right: 2rem
}

.bottom-2 {
    bottom: 2rem
}

.left-2 {
    left: 2rem
}

.top--1 {
    top: -1rem
}

.right--1 {
    right: -1rem
}

.bottom--1 {
    bottom: -1rem
}

.left--1 {
    left: -1rem
}

.top--2 {
    top: -2rem
}

.right--2 {
    right: -2rem
}

.bottom--2 {
    bottom: -2rem
}

.left--2 {
    left: -2rem
}

.absolute--fill {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

@media screen and (min-width: 720px) {
    .top-0-ns {
        top:0
    }

    .left-0-ns {
        left: 0
    }

    .right-0-ns {
        right: 0
    }

    .bottom-0-ns {
        bottom: 0
    }

    .top-1-ns {
        top: 1rem
    }

    .left-1-ns {
        left: 1rem
    }

    .right-1-ns {
        right: 1rem
    }

    .bottom-1-ns {
        bottom: 1rem
    }

    .top-2-ns {
        top: 2rem
    }

    .left-2-ns {
        left: 2rem
    }

    .right-2-ns {
        right: 2rem
    }

    .bottom-2-ns {
        bottom: 2rem
    }

    .top--1-ns {
        top: -1rem
    }

    .right--1-ns {
        right: -1rem
    }

    .bottom--1-ns {
        bottom: -1rem
    }

    .left--1-ns {
        left: -1rem
    }

    .top--2-ns {
        top: -2rem
    }

    .right--2-ns {
        right: -2rem
    }

    .bottom--2-ns {
        bottom: -2rem
    }

    .left--2-ns {
        left: -2rem
    }

    .absolute--fill-ns {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }
}

@media screen and (min-width: 720px) and (max-width:1080px) {
    .top-0-m {
        top:0
    }

    .left-0-m {
        left: 0
    }

    .right-0-m {
        right: 0
    }

    .bottom-0-m {
        bottom: 0
    }

    .top-1-m {
        top: 1rem
    }

    .left-1-m {
        left: 1rem
    }

    .right-1-m {
        right: 1rem
    }

    .bottom-1-m {
        bottom: 1rem
    }

    .top-2-m {
        top: 2rem
    }

    .left-2-m {
        left: 2rem
    }

    .right-2-m {
        right: 2rem
    }

    .bottom-2-m {
        bottom: 2rem
    }

    .top--1-m {
        top: -1rem
    }

    .right--1-m {
        right: -1rem
    }

    .bottom--1-m {
        bottom: -1rem
    }

    .left--1-m {
        left: -1rem
    }

    .top--2-m {
        top: -2rem
    }

    .right--2-m {
        right: -2rem
    }

    .bottom--2-m {
        bottom: -2rem
    }

    .left--2-m {
        left: -2rem
    }

    .absolute--fill-m {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }
}

@media screen and (min-width: 1080px) {
    .top-0-l {
        top:0
    }

    .left-0-l {
        left: 0
    }

    .right-0-l {
        right: 0
    }

    .bottom-0-l {
        bottom: 0
    }

    .top-1-l {
        top: 1rem
    }

    .left-1-l {
        left: 1rem
    }

    .right-1-l {
        right: 1rem
    }

    .bottom-1-l {
        bottom: 1rem
    }

    .top-2-l {
        top: 2rem
    }

    .left-2-l {
        left: 2rem
    }

    .right-2-l {
        right: 2rem
    }

    .bottom-2-l {
        bottom: 2rem
    }

    .top--1-l {
        top: -1rem
    }

    .right--1-l {
        right: -1rem
    }

    .bottom--1-l {
        bottom: -1rem
    }

    .left--1-l {
        left: -1rem
    }

    .top--2-l {
        top: -2rem
    }

    .right--2-l {
        right: -2rem
    }

    .bottom--2-l {
        bottom: -2rem
    }

    .left--2-l {
        left: -2rem
    }

    .absolute--fill-l {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }
}

.cf:after,.cf:before {
    content: " ";
    display: table
}

.cf:after {
    clear: both
}

.cf {
    *zoom:1}

.cl {
    clear: left
}

.cr {
    clear: right
}

.cb {
    clear: both
}

.cn {
    clear: none
}

@media screen and (min-width: 720px) {
    .cl-ns {
        clear:left
    }

    .cr-ns {
        clear: right
    }

    .cb-ns {
        clear: both
    }

    .cn-ns {
        clear: none
    }
}

@media screen and (min-width: 720px) and (max-width:1080px) {
    .cl-m {
        clear:left
    }

    .cr-m {
        clear: right
    }

    .cb-m {
        clear: both
    }

    .cn-m {
        clear: none
    }
}

@media screen and (min-width: 1080px) {
    .cl-l {
        clear:left
    }

    .cr-l {
        clear: right
    }

    .cb-l {
        clear: both
    }

    .cn-l {
        clear: none
    }
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.flex-auto {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0
}

.flex-none {
    flex: none
}

.flex-column {
    flex-direction: column
}

.flex-row {
    flex-direction: row
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-nowrap {
    flex-wrap: nowrap
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse
}

.flex-column-reverse {
    flex-direction: column-reverse
}

.flex-row-reverse {
    flex-direction: row-reverse
}

.items-start {
    align-items: flex-start
}

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

.items-baseline {
    align-items: baseline
}

.items-stretch {
    align-items: stretch
}

.self-start {
    align-self: flex-start
}

.self-end {
    align-self: flex-end
}

.self-center {
    align-self: center
}

.self-baseline {
    align-self: baseline
}

.self-stretch {
    align-self: stretch
}

.justify-start {
    justify-content: flex-start
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.justify-around {
    justify-content: space-around
}

.content-start {
    align-content: flex-start
}

.content-end {
    align-content: flex-end
}

.content-center {
    align-content: center
}

.content-between {
    align-content: space-between
}

.content-around {
    align-content: space-around
}

.content-stretch {
    align-content: stretch
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-last {
    order: 99999
}

.flex-grow-0 {
    flex-grow: 0
}

.flex-grow-1 {
    flex-grow: 1
}

.flex-shrink-0 {
    flex-shrink: 0
}

.flex-shrink-1 {
    flex-shrink: 1
}

@media screen and (min-width: 720px) {
    .flex-ns {
        display:flex
    }

    .inline-flex-ns {
        display: inline-flex
    }

    .flex-auto-ns {
        flex: 1 1 auto;
        min-width: 0;
        min-height: 0
    }

    .flex-none-ns {
        flex: none
    }

    .flex-column-ns {
        flex-direction: column
    }

    .flex-row-ns {
        flex-direction: row
    }

    .flex-wrap-ns {
        flex-wrap: wrap
    }

    .flex-nowrap-ns {
        flex-wrap: nowrap
    }

    .flex-wrap-reverse-ns {
        flex-wrap: wrap-reverse
    }

    .flex-column-reverse-ns {
        flex-direction: column-reverse
    }

    .flex-row-reverse-ns {
        flex-direction: row-reverse
    }

    .items-start-ns {
        align-items: flex-start
    }

    .items-end-ns {
        align-items: flex-end
    }

    .items-center-ns {
        align-items: center
    }

    .items-baseline-ns {
        align-items: baseline
    }

    .items-stretch-ns {
        align-items: stretch
    }

    .self-start-ns {
        align-self: flex-start
    }

    .self-end-ns {
        align-self: flex-end
    }

    .self-center-ns {
        align-self: center
    }

    .self-baseline-ns {
        align-self: baseline
    }

    .self-stretch-ns {
        align-self: stretch
    }

    .justify-start-ns {
        justify-content: flex-start
    }

    .justify-end-ns {
        justify-content: flex-end
    }

    .justify-center-ns {
        justify-content: center
    }

    .justify-between-ns {
        justify-content: space-between
    }

    .justify-around-ns {
        justify-content: space-around
    }

    .content-start-ns {
        align-content: flex-start
    }

    .content-end-ns {
        align-content: flex-end
    }

    .content-center-ns {
        align-content: center
    }

    .content-between-ns {
        align-content: space-between
    }

    .content-around-ns {
        align-content: space-around
    }

    .content-stretch-ns {
        align-content: stretch
    }

    .order-0-ns {
        order: 0
    }

    .order-1-ns {
        order: 1
    }

    .order-2-ns {
        order: 2
    }

    .order-3-ns {
        order: 3
    }

    .order-4-ns {
        order: 4
    }

    .order-5-ns {
        order: 5
    }

    .order-6-ns {
        order: 6
    }

    .order-7-ns {
        order: 7
    }

    .order-8-ns {
        order: 8
    }

    .order-last-ns {
        order: 99999
    }

    .flex-grow-0-ns {
        flex-grow: 0
    }

    .flex-grow-1-ns {
        flex-grow: 1
    }

    .flex-shrink-0-ns {
        flex-shrink: 0
    }

    .flex-shrink-1-ns {
        flex-shrink: 1
    }
}

@media screen and (min-width: 720px) and (max-width:1080px) {
    .flex-m {
        display:flex
    }

    .inline-flex-m {
        display: inline-flex
    }

    .flex-auto-m {
        flex: 1 1 auto;
        min-width: 0;
        min-height: 0
    }

    .flex-none-m {
        flex: none
    }

    .flex-column-m {
        flex-direction: column
    }

    .flex-row-m {
        flex-direction: row
    }

    .flex-wrap-m {
        flex-wrap: wrap
    }

    .flex-nowrap-m {
        flex-wrap: nowrap
    }

    .flex-wrap-reverse-m {
        flex-wrap: wrap-reverse
    }

    .flex-column-reverse-m {
        flex-direction: column-reverse
    }

    .flex-row-reverse-m {
        flex-direction: row-reverse
    }

    .items-start-m {
        align-items: flex-start
    }

    .items-end-m {
        align-items: flex-end
    }

    .items-center-m {
        align-items: center
    }

    .items-baseline-m {
        align-items: baseline
    }

    .items-stretch-m {
        align-items: stretch
    }

    .self-start-m {
        align-self: flex-start
    }

    .self-end-m {
        align-self: flex-end
    }

    .self-center-m {
        align-self: center
    }

    .self-baseline-m {
        align-self: baseline
    }

    .self-stretch-m {
        align-self: stretch
    }

    .justify-start-m {
        justify-content: flex-start
    }

    .justify-end-m {
        justify-content: flex-end
    }

    .justify-center-m {
        justify-content: center
    }

    .justify-between-m {
        justify-content: space-between
    }

    .justify-around-m {
        justify-content: space-around
    }

    .content-start-m {
        align-content: flex-start
    }

    .content-end-m {
        align-content: flex-end
    }

    .content-center-m {
        align-content: center
    }

    .content-between-m {
        align-content: space-between
    }

    .content-around-m {
        align-content: space-around
    }

    .content-stretch-m {
        align-content: stretch
    }

    .order-0-m {
        order: 0
    }

    .order-1-m {
        order: 1
    }

    .order-2-m {
        order: 2
    }

    .order-3-m {
        order: 3
    }

    .order-4-m {
        order: 4
    }

    .order-5-m {
        order: 5
    }

    .order-6-m {
        order: 6
    }

    .order-7-m {
        order: 7
    }

    .order-8-m {
        order: 8
    }

    .order-last-m {
        order: 99999
    }

    .flex-grow-0-m {
        flex-grow: 0
    }

    .flex-grow-1-m {
        flex-grow: 1
    }

    .flex-shrink-0-m {
        flex-shrink: 0
    }

    .flex-shrink-1-m {
        flex-shrink: 1
    }
}

@media screen and (min-width: 1080px) {
    .flex-l {
        display:flex
    }

    .inline-flex-l {
        display: inline-flex
    }

    .flex-auto-l {
        flex: 1 1 auto;
        min-width: 0;
        min-height: 0
    }

    .flex-none-l {
        flex: none
    }

    .flex-column-l {
        flex-direction: column
    }

    .flex-row-l {
        flex-direction: row
    }

    .flex-wrap-l {
        flex-wrap: wrap
    }

    .flex-nowrap-l {
        flex-wrap: nowrap
    }

    .flex-wrap-reverse-l {
        flex-wrap: wrap-reverse
    }

    .flex-column-reverse-l {
        flex-direction: column-reverse
    }

    .flex-row-reverse-l {
        flex-direction: row-reverse
    }

    .items-start-l {
        align-items: flex-start
    }

    .items-end-l {
        align-items: flex-end
    }

    .items-center-l {
        align-items: center
    }

    .items-baseline-l {
        align-items: baseline
    }

    .items-stretch-l {
        align-items: stretch
    }

    .self-start-l {
        align-self: flex-start
    }

    .self-end-l {
        align-self: flex-end
    }

    .self-center-l {
        align-self: center
    }

    .self-baseline-l {
        align-self: baseline
    }

    .self-stretch-l {
        align-self: stretch
    }

    .justify-start-l {
        justify-content: flex-start
    }

    .justify-end-l {
        justify-content: flex-end
    }

    .justify-center-l {
        justify-content: center
    }

    .justify-between-l {
        justify-content: space-between
    }

    .justify-around-l {
        justify-content: space-around
    }

    .content-start-l {
        align-content: flex-start
    }

    .content-end-l {
        align-content: flex-end
    }

    .content-center-l {
        align-content: center
    }

    .content-between-l {
        align-content: space-between
    }

    .content-around-l {
        align-content: space-around
    }

    .content-stretch-l {
        align-content: stretch
    }

    .order-0-l {
        order: 0
    }

    .order-1-l {
        order: 1
    }

    .order-2-l {
        order: 2
    }

    .order-3-l {
        order: 3
    }

    .order-4-l {
        order: 4
    }

    .order-5-l {
        order: 5
    }

    .order-6-l {
        order: 6
    }

    .order-7-l {
        order: 7
    }

    .order-8-l {
        order: 8
    }

    .order-last-l {
        order: 99999
    }

    .flex-grow-0-l {
        flex-grow: 0
    }

    .flex-grow-1-l {
        flex-grow: 1
    }

    .flex-shrink-0-l {
        flex-shrink: 0
    }

    .flex-shrink-1-l {
        flex-shrink: 1
    }
}

.dn {
    display: none
}

.di {
    display: inline
}

.db,body.generals.faq div.faqList ul.faqList li div.faqTitle span.arrowState i.closed,body.generals.faq_ios div.faqList ul.faqList li div.faqTitle span.arrowState i.closed {
    display: block
}

.dib,.items-list li {
    display: inline-block
}

.dit {
    display: inline-table
}

.dt {
    display: table
}

.dtc {
    display: table-cell
}

.dt-row {
    display: table-row
}

.dt-row-group {
    display: table-row-group
}

.dt-column {
    display: table-column
}

.dt-column-group {
    display: table-column-group
}

.dt--fixed {
    table-layout: fixed;
    width: 100%
}

@media screen and (min-width: 720px) {
    .dn-ns {
        display:none
    }

    .di-ns {
        display: inline
    }

    .db-ns {
        display: block
    }

    .dib-ns {
        display: inline-block
    }

    .dit-ns {
        display: inline-table
    }

    .dt-ns {
        display: table
    }

    .dtc-ns {
        display: table-cell
    }

    .dt-row-ns {
        display: table-row
    }

    .dt-row-group-ns {
        display: table-row-group
    }

    .dt-column-ns {
        display: table-column
    }

    .dt-column-group-ns {
        display: table-column-group
    }

    .dt--fixed-ns {
        table-layout: fixed;
        width: 100%
    }
}

@media screen and (min-width: 720px) and (max-width:1080px) {
    .dn-m {
        display:none
    }

    .di-m {
        display: inline
    }

    .db-m {
        display: block
    }

    .dib-m {
        display: inline-block
    }

    .dit-m {
        display: inline-table
    }

    .dt-m {
        display: table
    }

    .dtc-m {
        display: table-cell
    }

    .dt-row-m {
        display: table-row
    }

    .dt-row-group-m {
        display: table-row-group
    }

    .dt-column-m {
        display: table-column
    }

    .dt-column-group-m {
        display: table-column-group
    }

    .dt--fixed-m {
        table-layout: fixed;
        width: 100%
    }
}

@media screen and (min-width: 1080px) {
    .dn-l {
        display:none
    }

    .di-l {
        display: inline
    }

    .db-l {
        display: block
    }

    .dib-l {
        display: inline-block
    }

    .dit-l {
        display: inline-table
    }

    .dt-l {
        display: table
    }

    .dtc-l {
        display: table-cell
    }

    .dt-row-l {
        display: table-row
    }

    .dt-row-group-l {
        display: table-row-group
    }

    .dt-column-l {
        display: table-column
    }

    .dt-column-group-l {
        display: table-column-group
    }

    .dt--fixed-l {
        table-layout: fixed;
        width: 100%
    }
}

.fl,.fr {
    float: left;
    _display: inline
}

.fr {
    float: right
}

.fn {
    float: none
}

@media screen and (min-width: 720px) {
    .fl-ns,.fr-ns {
        float:left;
        _display: inline
    }

    .fr-ns {
        float: right
    }

    .fn-ns {
        float: none
    }
}

@media screen and (min-width: 720px) and (max-width:1080px) {
    .fl-m,.fr-m {
        float:left;
        _display: inline
    }

    .fr-m {
        float: right
    }

    .fn-m {
        float: none
    }
}

@media screen and (min-width: 1080px) {
    .fl-l,.fr-l {
        float:left;
        _display: inline
    }

    .fr-l {
        float: right
    }

    .fn-l {
        float: none
    }
}

.sans-serif {
    font-family: -apple-system,BlinkMacSystemFont,"Mulish Regular",Mulish,helvetica,"helvetica neue",ubuntu,roboto,noto,"segoe ui",arial,sans-serif
}

.serif {
    font-family: georgia,serif
}

.system-sans-serif {
    font-family: sans-serif
}

.system-serif {
    font-family: serif
}

.code,code {
    font-family: Consolas,monaco,monospace
}

.courier {
    font-family: 'Courier Next',courier,monospace
}

.helvetica {
    font-family: 'helvetica neue',helvetica,sans-serif
}

.avenir {
    font-family: 'avenir next',avenir,sans-serif
}

.athelas {
    font-family: athelas,georgia,serif
}

.georgia {
    font-family: georgia,serif
}

.times {
    font-family: times,serif
}

.bodoni {
    font-family: "Bodoni MT",serif
}

.calisto {
    font-family: "Calisto MT",serif
}

.garamond {
    font-family: garamond,serif
}

.baskerville {
    font-family: baskerville,serif
}

.i {
    font-style: italic
}

.fs-normal {
    font-style: normal
}

@media screen and (min-width: 720px) {
    .i-ns {
        font-style:italic
    }

    .fs-normal-ns {
        font-style: normal
    }
}

@media screen and (min-width: 720px) and (max-width:1080px) {
    .i-m {
        font-style:italic
    }

    .fs-normal-m {
        font-style: normal
    }
}

@media screen and (min-width: 1080px) {
    .i-l {
        font-style:italic
    }

    .fs-normal-l {
        font-style: normal
    }
}

.normal {
    font-weight: 400
}

.fw1 {
    font-weight: 100
}

.fw2 {
    font-weight: 200
}

.fw3 {
    font-weight: 300
}

.fw4 {
    font-weight: 400
}

.fw5 {
    font-weight: 500
}

.fw6,.manage-subscription .action-cards-container .action-card .action-card-content .action-subtitle strong {
    font-weight: 600
}

.fw7,.info-box b {
    font-weight: 700
}

.fw8 {
    font-weight: 800
}

.fw9 {
    font-weight: 900
}

@media screen and (min-width: 720px) {
    .normal-ns {
        font-weight:400
    }

    .b-ns {
        font-weight: 700
    }

    .fw1-ns {
        font-weight: 100
    }

    .fw2-ns {
        font-weight: 200
    }

    .fw3-ns {
        font-weight: 300
    }

    .fw4-ns {
        font-weight: 400
    }

    .fw5-ns {
        font-weight: 500
    }

    .fw6-ns {
        font-weight: 600
    }

    .fw7-ns {
        font-weight: 700
    }

    .fw8-ns {
        font-weight: 800
    }

    .fw9-ns {
        font-weight: 900
    }
}

@media screen and (min-width: 720px) and (max-width:1080px) {
    .normal-m {
        font-weight:400
    }

    .b-m {
        font-weight: 700
    }

    .fw1-m {
        font-weight: 100
    }

    .fw2-m {
        font-weight: 200
    }

    .fw3-m {
        font-weight: 300
    }

    .fw4-m {
        font-weight: 400
    }

    .fw5-m {
        font-weight: 500
    }

    .fw6-m {
        font-weight: 600
    }

    .fw7-m {
        font-weight: 700
    }

    .fw8-m {
        font-weight: 800
    }

    .fw9-m {
        font-weight: 900
    }
}

@media screen and (min-width: 1080px) {
    .normal-l {
        font-weight:400
    }

    .b-l {
        font-weight: 700
    }

    .fw1-l {
        font-weight: 100
    }

    .fw2-l {
        font-weight: 200
    }

    .fw3-l {
        font-weight: 300
    }

    .fw4-l {
        font-weight: 400
    }

    .fw5-l {
        font-weight: 500
    }

    .fw6-l {
        font-weight: 600
    }

    .fw7-l {
        font-weight: 700
    }

    .fw8-l {
        font-weight: 800
    }

    .fw9-l {
        font-weight: 900
    }
}

.input-reset {
    -webkit-appearance: none;
    -moz-appearance: none
}

.button-reset::-moz-focus-inner,.input-reset::-moz-focus-inner {
    border: 0;
    padding: 0
}

.h1 {
    height: 1rem
}

.h2 {
    height: 2rem
}

.h3 {
    height: 4rem
}

.h4 {
    height: 8rem
}

.h5 {
    height: 16rem
}

.h-25 {
    height: 25%
}

.h-50 {
    height: 50%
}

.h-75 {
    height: 75%
}

.h-100 {
    height: 100%
}

.min-h-100 {
    min-height: 100%
}

.vh-25 {
    height: 25vh
}

.vh-50 {
    height: 50vh
}

.vh-75 {
    height: 75vh
}

.vh-100 {
    height: 100vh
}

.min-vh-100 {
    min-height: 100vh
}

.h-auto {
    height: auto
}

.h-inherit {
    height: inherit
}

@media screen and (min-width: 720px) {
    .h1-ns {
        height:1rem
    }

    .h2-ns {
        height: 2rem
    }

    .h3-ns {
        height: 4rem
    }

    .h4-ns {
        height: 8rem
    }

    .h5-ns {
        height: 16rem
    }

    .h-25-ns {
        height: 25%
    }

    .h-50-ns {
        height: 50%
    }

    .h-75-ns {
        height: 75%
    }

    .h-100-ns {
        height: 100%
    }

    .min-h-100-ns {
        min-height: 100%
    }

    .vh-25-ns {
        height: 25vh
    }

    .vh-50-ns {
        height: 50vh
    }

    .vh-75-ns {
        height: 75vh
    }

    .vh-100-ns {
        height: 100vh
    }

    .min-vh-100-ns {
        min-height: 100vh
    }

    .h-auto-ns {
        height: auto
    }

    .h-inherit-ns {
        height: inherit
    }
}

@media screen and (min-width: 720px) and (max-width:1080px) {
    .h1-m {
        height:1rem
    }

    .h2-m {
        height: 2rem
    }

    .h3-m {
        height: 4rem
    }

    .h4-m {
        height: 8rem
    }

    .h5-m {
        height: 16rem
    }

    .h-25-m {
        height: 25%
    }

    .h-50-m {
        height: 50%
    }

    .h-75-m {
        height: 75%
    }

    .h-100-m {
        height: 100%
    }

    .min-h-100-m {
        min-height: 100%
    }

    .vh-25-m {
        height: 25vh
    }

    .vh-50-m {
        height: 50vh
    }

    .vh-75-m {
        height: 75vh
    }

    .vh-100-m {
        height: 100vh
    }

    .min-vh-100-m {
        min-height: 100vh
    }

    .h-auto-m {
        height: auto
    }

    .h-inherit-m {
        height: inherit
    }
}

@media screen and (min-width: 1080px) {
    .h1-l {
        height:1rem
    }

    .h2-l {
        height: 2rem
    }

    .h3-l {
        height: 4rem
    }

    .h4-l {
        height: 8rem
    }

    .h5-l {
        height: 16rem
    }

    .h-25-l {
        height: 25%
    }

    .h-50-l {
        height: 50%
    }

    .h-75-l {
        height: 75%
    }

    .h-100-l {
        height: 100%
    }

    .min-h-100-l {
        min-height: 100%
    }

    .vh-25-l {
        height: 25vh
    }

    .vh-50-l {
        height: 50vh
    }

    .vh-75-l {
        height: 75vh
    }

    .vh-100-l {
        height: 100vh
    }

    .min-vh-100-l {
        min-height: 100vh
    }

    .h-auto-l {
        height: auto
    }

    .h-inherit-l {
        height: inherit
    }
}

.tracked {
    letter-spacing: .1em
}

.tracked-tight {
    letter-spacing: -.05em
}

.tracked-mega {
    letter-spacing: .25em
}

@media screen and (min-width: 720px) {
    .tracked-ns {
        letter-spacing:.1em
    }

    .tracked-tight-ns {
        letter-spacing: -.05em
    }

    .tracked-mega-ns {
        letter-spacing: .25em
    }
}

@media screen and (min-width: 720px) and (max-width:1080px) {
    .tracked-m {
        letter-spacing:.1em
    }

    .tracked-tight-m {
        letter-spacing: -.05em
    }

    .tracked-mega-m {
        letter-spacing: .25em
    }
}

@media screen and (min-width: 1080px) {
    .tracked-l {
        letter-spacing:.1em
    }

    .tracked-tight-l {
        letter-spacing: -.05em
    }

    .tracked-mega-l {
        letter-spacing: .25em
    }
}

.lh-solid {
    line-height: 1
}

.lh-title,.nested-headline-line-height h1,.nested-headline-line-height h2,.nested-headline-line-height h3,.nested-headline-line-height h4,.nested-headline-line-height h5,.nested-headline-line-height h6 {
    line-height: 1.25
}

.lh-copy,.nested-copy-line-height ol,.nested-copy-line-height p,.nested-copy-line-height ul {
    line-height: 1.5
}

@media screen and (min-width: 720px) {
    .lh-solid-ns {
        line-height:1
    }

    .lh-title-ns {
        line-height: 1.25
    }

    .lh-copy-ns {
        line-height: 1.5
    }
}

@media screen and (min-width: 720px) and (max-width:1080px) {
    .lh-solid-m {
        line-height:1
    }

    .lh-title-m {
        line-height: 1.25
    }

    .lh-copy-m {
        line-height: 1.5
    }
}

@media screen and (min-width: 1080px) {
    .lh-solid-l {
        line-height:1
    }

    .lh-title-l {
        line-height: 1.25
    }

    .lh-copy-l {
        line-height: 1.5
    }
}

.link {
    text-decoration: none
}

.link,.link:active,.link:hover,.link:link,.link:visited {
    transition: color .15s ease-in
}

.link:focus {
    transition: color .15s ease-in;
    outline: 1px dotted currentColor
}

.list {
    list-style-type: none
}

.mw-100 {
    max-width: 100%
}

.mw1 {
    max-width: 1rem
}

.mw2 {
    max-width: 2rem
}

.mw3 {
    max-width: 4rem
}

.mw4 {
    max-width: 8rem
}

.mw5 {
    max-width: 16rem
}

.mw6 {
    max-width: 32rem
}

.mw7 {
    max-width: 48rem
}

.mw8 {
    max-width: 64rem
}

.mw9 {
    max-width: 96rem
}

.mw-none {
    max-width: none
}

@media screen and (min-width: 720px) {
    .mw-100-ns {
        max-width:100%
    }

    .mw1-ns {
        max-width: 1rem
    }

    .mw2-ns {
        max-width: 2rem
    }

    .mw3-ns {
        max-width: 4rem
    }

    .mw4-ns {
        max-width: 8rem
    }

    .mw5-ns {
        max-width: 16rem
    }

    .mw6-ns {
        max-width: 32rem
    }

    .mw7-ns {
        max-width: 48rem
    }

    .mw8-ns {
        max-width: 64rem
    }

    .mw9-ns {
        max-width: 96rem
    }

    .mw-none-ns {
        max-width: none
    }
}

@media screen and (min-width: 720px) and (max-width:1080px) {
    .mw-100-m {
        max-width:100%
    }

    .mw1-m {
        max-width: 1rem
    }

    .mw2-m {
        max-width: 2rem
    }

    .mw3-m {
        max-width: 4rem
    }

    .mw4-m {
        max-width: 8rem
    }

    .mw5-m {
        max-width: 16rem
    }

    .mw6-m {
        max-width: 32rem
    }

    .mw7-m {
        max-width: 48rem
    }

    .mw8-m {
        max-width: 64rem
    }

    .mw9-m {
        max-width: 96rem
    }

    .mw-none-m {
        max-width: none
    }
}

@media screen and (min-width: 1080px) {
    .mw-100-l {
        max-width:100%
    }

    .mw1-l {
        max-width: 1rem
    }

    .mw2-l {
        max-width: 2rem
    }

    .mw3-l {
        max-width: 4rem
    }

    .mw4-l {
        max-width: 8rem
    }

    .mw5-l {
        max-width: 16rem
    }

    .mw6-l {
        max-width: 32rem
    }

    .mw7-l {
        max-width: 48rem
    }

    .mw8-l {
        max-width: 64rem
    }

    .mw9-l {
        max-width: 96rem
    }

    .mw-none-l {
        max-width: none
    }
}

.w1 {
    width: 1rem
}

.w2 {
    width: 2rem
}

.w3 {
    width: 4rem
}

.w4 {
    width: 8rem
}

.w5 {
    width: 16rem
}

.w-10 {
    width: 10%
}

.w-20 {
    width: 20%
}

.w-25 {
    width: 25%
}

.w-30 {
    width: 30%
}

.w-33 {
    width: 33%
}

.w-34 {
    width: 34%
}

.w-40 {
    width: 40%
}

.w-50 {
    width: 50%
}

.w-60 {
    width: 60%
}

.w-70 {
    width: 70%
}

.w-75 {
    width: 75%
}

.w-80 {
    width: 80%
}

.w-90 {
    width: 90%
}

.w-100 {
    width: 100%
}

.w-third {
    width: 33.33333%
}

.w-two-thirds {
    width: 66.66667%
}

.w-auto {
    width: auto
}

@media screen and (min-width: 720px) {
    .w1-ns {
        width:1rem
    }

    .w2-ns {
        width: 2rem
    }

    .w3-ns {
        width: 4rem
    }

    .w4-ns {
        width: 8rem
    }

    .w5-ns {
        width: 16rem
    }

    .w-10-ns {
        width: 10%
    }

    .w-20-ns {
        width: 20%
    }

    .w-25-ns {
        width: 25%
    }

    .w-30-ns {
        width: 30%
    }

    .w-33-ns {
        width: 33%
    }

    .w-34-ns {
        width: 34%
    }

    .w-40-ns {
        width: 40%
    }

    .w-50-ns {
        width: 50%
    }

    .w-60-ns {
        width: 60%
    }

    .w-70-ns {
        width: 70%
    }

    .w-75-ns {
        width: 75%
    }

    .w-80-ns {
        width: 80%
    }

    .w-90-ns {
        width: 90%
    }

    .w-100-ns {
        width: 100%
    }

    .w-third-ns {
        width: 33.33333%
    }

    .w-two-thirds-ns {
        width: 66.66667%
    }

    .w-auto-ns {
        width: auto
    }
}

@media screen and (min-width: 720px) and (max-width:1080px) {
    .w1-m {
        width:1rem
    }

    .w2-m {
        width: 2rem
    }

    .w3-m {
        width: 4rem
    }

    .w4-m {
        width: 8rem
    }

    .w5-m {
        width: 16rem
    }

    .w-10-m {
        width: 10%
    }

    .w-20-m {
        width: 20%
    }

    .w-25-m {
        width: 25%
    }

    .w-30-m {
        width: 30%
    }

    .w-33-m {
        width: 33%
    }

    .w-34-m {
        width: 34%
    }

    .w-40-m {
        width: 40%
    }

    .w-50-m {
        width: 50%
    }

    .w-60-m {
        width: 60%
    }

    .w-70-m {
        width: 70%
    }

    .w-75-m {
        width: 75%
    }

    .w-80-m {
        width: 80%
    }

    .w-90-m {
        width: 90%
    }

    .w-100-m {
        width: 100%
    }

    .w-third-m {
        width: 33.33333%
    }

    .w-two-thirds-m {
        width: 66.66667%
    }

    .w-auto-m {
        width: auto
    }
}

@media screen and (min-width: 1080px) {
    .w1-l {
        width:1rem
    }

    .w2-l {
        width: 2rem
    }

    .w3-l {
        width: 4rem
    }

    .w4-l {
        width: 8rem
    }

    .w5-l {
        width: 16rem
    }

    .w-10-l {
        width: 10%
    }

    .w-20-l {
        width: 20%
    }

    .w-25-l {
        width: 25%
    }

    .w-30-l {
        width: 30%
    }

    .w-33-l {
        width: 33%
    }

    .w-34-l {
        width: 34%
    }

    .w-40-l {
        width: 40%
    }

    .w-50-l {
        width: 50%
    }

    .w-60-l {
        width: 60%
    }

    .w-70-l {
        width: 70%
    }

    .w-75-l {
        width: 75%
    }

    .w-80-l {
        width: 80%
    }

    .w-90-l {
        width: 90%
    }

    .w-100-l {
        width: 100%
    }

    .w-third-l {
        width: 33.33333%
    }

    .w-two-thirds-l {
        width: 66.66667%
    }

    .w-auto-l {
        width: auto
    }
}

.overflow-visible {
    overflow: visible
}

.overflow-hidden {
    overflow: hidden
}

.overflow-scroll {
    overflow: scroll
}

.overflow-auto {
    overflow: auto
}

.overflow-x-visible {
    overflow-x: visible
}

.overflow-x-hidden {
    overflow-x: hidden
}

.overflow-x-scroll {
    overflow-x: scroll
}

.overflow-x-auto {
    overflow-x: auto
}

.overflow-y-visible {
    overflow-y: visible
}

.overflow-y-hidden {
    overflow-y: hidden
}

.overflow-y-scroll {
    overflow-y: scroll
}

.overflow-y-auto {
    overflow-y: auto
}

@media screen and (min-width: 720px) {
    .overflow-visible-ns {
        overflow:visible
    }

    .overflow-hidden-ns {
        overflow: hidden
    }

    .overflow-scroll-ns {
        overflow: scroll
    }

    .overflow-auto-ns {
        overflow: auto
    }

    .overflow-x-visible-ns {
        overflow-x: visible
    }

    .overflow-x-hidden-ns {
        overflow-x: hidden
    }

    .overflow-x-scroll-ns {
        overflow-x: scroll
    }

    .overflow-x-auto-ns {
        overflow-x: auto
    }

    .overflow-y-visible-ns {
        overflow-y: visible
    }

    .overflow-y-hidden-ns {
        overflow-y: hidden
    }

    .overflow-y-scroll-ns {
        overflow-y: scroll
    }

    .overflow-y-auto-ns {
        overflow-y: auto
    }
}

@media screen and (min-width: 720px) and (max-width:1080px) {
    .overflow-visible-m {
        overflow:visible
    }

    .overflow-hidden-m {
        overflow: hidden
    }

    .overflow-scroll-m {
        overflow: scroll
    }

    .overflow-auto-m {
        overflow: auto
    }

    .overflow-x-visible-m {
        overflow-x: visible
    }

    .overflow-x-hidden-m {
        overflow-x: hidden
    }

    .overflow-x-scroll-m {
        overflow-x: scroll
    }

    .overflow-x-auto-m {
        overflow-x: auto
    }

    .overflow-y-visible-m {
        overflow-y: visible
    }

    .overflow-y-hidden-m {
        overflow-y: hidden
    }

    .overflow-y-scroll-m {
        overflow-y: scroll
    }

    .overflow-y-auto-m {
        overflow-y: auto
    }
}

@media screen and (min-width: 1080px) {
    .overflow-visible-l {
        overflow:visible
    }

    .overflow-hidden-l {
        overflow: hidden
    }

    .overflow-scroll-l {
        overflow: scroll
    }

    .overflow-auto-l {
        overflow: auto
    }

    .overflow-x-visible-l {
        overflow-x: visible
    }

    .overflow-x-hidden-l {
        overflow-x: hidden
    }

    .overflow-x-scroll-l {
        overflow-x: scroll
    }

    .overflow-x-auto-l {
        overflow-x: auto
    }

    .overflow-y-visible-l {
        overflow-y: visible
    }

    .overflow-y-hidden-l {
        overflow-y: hidden
    }

    .overflow-y-scroll-l {
        overflow-y: scroll
    }

    .overflow-y-auto-l {
        overflow-y: auto
    }
}

.static {
    position: static
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.fixed {
    position: fixed
}

@media screen and (min-width: 720px) {
    .static-ns {
        position:static
    }

    .relative-ns {
        position: relative
    }

    .absolute-ns {
        position: absolute
    }

    .fixed-ns {
        position: fixed
    }
}

@media screen and (min-width: 720px) and (max-width:1080px) {
    .static-m {
        position:static
    }

    .relative-m {
        position: relative
    }

    .absolute-m {
        position: absolute
    }

    .fixed-m {
        position: fixed
    }
}

@media screen and (min-width: 1080px) {
    .static-l {
        position:static
    }

    .relative-l {
        position: relative
    }

    .absolute-l {
        position: absolute
    }

    .fixed-l {
        position: fixed
    }
}

.o-100 {
    opacity: 1
}

.o-90 {
    opacity: .9
}

.o-80 {
    opacity: .8
}

.o-70 {
    opacity: .7
}

.o-60 {
    opacity: .6
}

.o-50 {
    opacity: .5
}

.o-40 {
    opacity: .4
}

.o-30 {
    opacity: .3
}

.o-20 {
    opacity: .2
}

.o-10 {
    opacity: .1
}

.o-05 {
    opacity: .05
}

.o-025 {
    opacity: .025
}

.o-0 {
    opacity: 0
}

.rotate-45 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.rotate-90 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.rotate-135 {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.ms-header li.dropdown.active>span.arrow-icon,.rotate-180 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.rotate-225 {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg)
}

.rotate-270 {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.rotate-315 {
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg)
}

@media screen and (min-width: 720px) {
    .rotate-45-ns {
        -webkit-transform:rotate(45deg);
        transform: rotate(45deg)
    }

    .rotate-90-ns {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .rotate-135-ns {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    .rotate-180-ns {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .rotate-225-ns {
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg)
    }

    .rotate-270-ns {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }

    .rotate-315-ns {
        -webkit-transform: rotate(315deg);
        transform: rotate(315deg)
    }
}

@media screen and (min-width: 720px) and (max-width:1080px) {
    .rotate-45-m {
        -webkit-transform:rotate(45deg);
        transform: rotate(45deg)
    }

    .rotate-90-m {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .rotate-135-m {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    .rotate-180-m {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .rotate-225-m {
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg)
    }

    .rotate-270-m {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }

    .rotate-315-m {
        -webkit-transform: rotate(315deg);
        transform: rotate(315deg)
    }
}

@media screen and (min-width: 1080px) {
    .rotate-45-l {
        -webkit-transform:rotate(45deg);
        transform: rotate(45deg)
    }

    .rotate-90-l {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .rotate-135-l {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    .rotate-180-l {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .rotate-225-l {
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg)
    }

    .rotate-270-l {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }

    .rotate-315-l {
        -webkit-transform: rotate(315deg);
        transform: rotate(315deg)
    }
}

.black-90 {
    color: rgba(0,0,0,.9)
}

.black-80 {
    color: rgba(0,0,0,.8)
}

.black-70 {
    color: rgba(0,0,0,.7)
}

.black-60 {
    color: rgba(0,0,0,.6)
}

.black-50 {
    color: rgba(0,0,0,.5)
}

.black-40 {
    color: rgba(0,0,0,.4)
}

.black-30 {
    color: rgba(0,0,0,.3)
}

.black-20 {
    color: rgba(0,0,0,.2)
}

.black-10 {
    color: rgba(0,0,0,.1)
}

.black-05 {
    color: rgba(0,0,0,.05)
}

.white-90 {
    color: rgba(255,255,255,.9)
}

.white-80 {
    color: rgba(255,255,255,.8)
}

.white-70 {
    color: rgba(255,255,255,.7)
}

.white-60 {
    color: rgba(255,255,255,.6)
}

.white-50 {
    color: rgba(255,255,255,.5)
}

.white-40 {
    color: rgba(255,255,255,.4)
}

.white-30 {
    color: rgba(255,255,255,.3)
}

.white-20 {
    color: rgba(255,255,255,.2)
}

.white-10 {
    color: rgba(255,255,255,.1)
}

.black {
    color: #000
}

.near-black {
    color: #111
}

.dark-gray {
    color: #333
}

.mid-gray {
    color: #555
}

.gray {
    color: #777
}

.silver {
    color: #999
}

.light-silver {
    color: #aaa
}

.moon-gray {
    color: #ccc
}

.light-gray {
    color: #eee
}

.near-white {
    color: #f4f4f4
}

.white {
    color: #fff
}

.dark-red {
    color: #e7040f
}

.red {
    color: #ff4136
}

.light-red {
    color: #ff725c
}

.orange {
    color: #ff6300
}

.gold {
    color: #ffb700
}

.yellow {
    color: gold
}

.light-yellow {
    color: #fbf1a9
}

.purple {
    color: #5e2ca5
}

.light-purple {
    color: #a463f2
}

.dark-pink {
    color: #d5008f
}

.hot-pink {
    color: #ff41b4
}

.pink {
    color: #ff80cc
}

.light-pink {
    color: #ffa3d7
}

.dark-green {
    color: #137752
}

.green {
    color: #19a974
}

.light-green {
    color: #9eebcf
}

.navy {
    color: #001b44
}

.dark-blue {
    color: #00449e
}

.blue {
    color: #357edd
}

.light-blue {
    color: #96ccff
}

.lightest-blue {
    color: #cdecff
}

.washed-blue {
    color: #f6fffe
}

.washed-green {
    color: #e8fdf5
}

.washed-yellow {
    color: #fffceb
}

.washed-red {
    color: #ffdfdf
}

.color-inherit {
    color: inherit
}

.bg-black-90 {
    background-color: rgba(0,0,0,.9)
}

.bg-black-80 {
    background-color: rgba(0,0,0,.8)
}

.bg-black-70 {
    background-color: rgba(0,0,0,.7)
}

.bg-black-60 {
    background-color: rgba(0,0,0,.6)
}

.bg-black-50 {
    background-color: rgba(0,0,0,.5)
}

.bg-black-40 {
    background-color: rgba(0,0,0,.4)
}

.bg-black-30 {
    background-color: rgba(0,0,0,.3)
}

.bg-black-20 {
    background-color: rgba(0,0,0,.2)
}

.bg-black-10 {
    background-color: rgba(0,0,0,.1)
}

.bg-black-05 {
    background-color: rgba(0,0,0,.05)
}

.bg-white-90 {
    background-color: rgba(255,255,255,.9)
}

.bg-white-80 {
    background-color: rgba(255,255,255,.8)
}

.bg-white-70 {
    background-color: rgba(255,255,255,.7)
}

.bg-white-60 {
    background-color: rgba(255,255,255,.6)
}

.bg-white-50 {
    background-color: rgba(255,255,255,.5)
}

.bg-white-40 {
    background-color: rgba(255,255,255,.4)
}

.bg-white-30 {
    background-color: rgba(255,255,255,.3)
}

.bg-white-20 {
    background-color: rgba(255,255,255,.2)
}

.bg-white-10 {
    background-color: rgba(255,255,255,.1)
}

.bg-black {
    background-color: #000
}

.bg-near-black {
    background-color: #111
}

.bg-dark-gray {
    background-color: #333
}

.bg-mid-gray {
    background-color: #555
}

.bg-silver {
    background-color: #999
}

.bg-light-silver {
    background-color: #aaa
}

.bg-moon-gray {
    background-color: #ccc
}

.bg-light-gray {
    background-color: #eee
}

.bg-near-white {
    background-color: #f4f4f4
}

.bg-transparent {
    background-color: transparent
}

.bg-dark-red {
    background-color: #e7040f
}

.bg-red {
    background-color: #ff4136
}

.bg-light-red {
    background-color: #ff725c
}

.bg-orange {
    background-color: #ff6300
}

.bg-gold {
    background-color: #ffb700
}

.bg-yellow {
    background-color: gold
}

.bg-light-yellow {
    background-color: #fbf1a9
}

.bg-purple {
    background-color: #5e2ca5
}

.bg-light-purple {
    background-color: #a463f2
}

.bg-dark-pink {
    background-color: #d5008f
}

.bg-hot-pink {
    background-color: #ff41b4
}

.bg-pink {
    background-color: #ff80cc
}

.bg-light-pink {
    background-color: #ffa3d7
}

.bg-dark-green {
    background-color: #137752
}

.bg-green {
    background-color: #19a974
}

.bg-light-green {
    background-color: #9eebcf
}

.bg-navy {
    background-color: #001b44
}

.bg-dark-blue {
    background-color: #00449e
}

.bg-blue {
    background-color: #357edd
}

.bg-light-blue {
    background-color: #96ccff
}

.bg-lightest-blue {
    background-color: #cdecff
}

.bg-washed-blue {
    background-color: #f6fffe
}

.bg-washed-green {
    background-color: #e8fdf5
}

.bg-washed-yellow {
    background-color: #fffceb
}

.bg-washed-red {
    background-color: #ffdfdf
}

.bg-inherit {
    background-color: inherit
}

.hover-black:focus,.hover-black:hover {
    color: #000
}

.hover-near-black:focus,.hover-near-black:hover {
    color: #111
}

.hover-dark-gray:focus,.hover-dark-gray:hover {
    color: #333
}

.hover-mid-gray:focus,.hover-mid-gray:hover {
    color: #555
}

.hover-gray:focus,.hover-gray:hover {
    color: #777
}

.hover-silver:focus,.hover-silver:hover {
    color: #999
}

.hover-light-silver:focus,.hover-light-silver:hover {
    color: #aaa
}

.hover-moon-gray:focus,.hover-moon-gray:hover {
    color: #ccc
}

.hover-light-gray:focus,.hover-light-gray:hover {
    color: #eee
}

.hover-near-white:focus,.hover-near-white:hover {
    color: #f4f4f4
}

.hover-white:focus,.hover-white:hover {
    color: #fff
}

.hover-black-90:focus,.hover-black-90:hover {
    color: rgba(0,0,0,.9)
}

.hover-black-80:focus,.hover-black-80:hover {
    color: rgba(0,0,0,.8)
}

.hover-black-70:focus,.hover-black-70:hover {
    color: rgba(0,0,0,.7)
}

.hover-black-60:focus,.hover-black-60:hover {
    color: rgba(0,0,0,.6)
}

.hover-black-50:focus,.hover-black-50:hover {
    color: rgba(0,0,0,.5)
}

.hover-black-40:focus,.hover-black-40:hover {
    color: rgba(0,0,0,.4)
}

.hover-black-30:focus,.hover-black-30:hover {
    color: rgba(0,0,0,.3)
}

.hover-black-20:focus,.hover-black-20:hover {
    color: rgba(0,0,0,.2)
}

.hover-black-10:focus,.hover-black-10:hover {
    color: rgba(0,0,0,.1)
}

.hover-white-90:focus,.hover-white-90:hover {
    color: rgba(255,255,255,.9)
}

.hover-white-80:focus,.hover-white-80:hover {
    color: rgba(255,255,255,.8)
}

.hover-white-70:focus,.hover-white-70:hover {
    color: rgba(255,255,255,.7)
}

.hover-white-60:focus,.hover-white-60:hover {
    color: rgba(255,255,255,.6)
}

.hover-white-50:focus,.hover-white-50:hover {
    color: rgba(255,255,255,.5)
}

.hover-white-40:focus,.hover-white-40:hover {
    color: rgba(255,255,255,.4)
}

.hover-white-30:focus,.hover-white-30:hover {
    color: rgba(255,255,255,.3)
}

.hover-white-20:focus,.hover-white-20:hover {
    color: rgba(255,255,255,.2)
}

.hover-white-10:focus,.hover-white-10:hover {
    color: rgba(255,255,255,.1)
}

.hover-inherit:focus,.hover-inherit:hover {
    color: inherit
}

.hover-bg-black:focus,.hover-bg-black:hover {
    background-color: #000
}

.hover-bg-near-black:focus,.hover-bg-near-black:hover {
    background-color: #111
}

.hover-bg-dark-gray:focus,.hover-bg-dark-gray:hover {
    background-color: #333
}

.hover-bg-mid-gray:focus,.hover-bg-mid-gray:hover {
    background-color: #555
}

.hover-bg-gray:focus,.hover-bg-gray:hover {
    background-color: #777
}

.hover-bg-silver:focus,.hover-bg-silver:hover {
    background-color: #999
}

.hover-bg-light-silver:focus,.hover-bg-light-silver:hover {
    background-color: #aaa
}

.hover-bg-moon-gray:focus,.hover-bg-moon-gray:hover {
    background-color: #ccc
}

.hover-bg-light-gray:focus,.hover-bg-light-gray:hover {
    background-color: #eee
}

.hover-bg-near-white:focus,.hover-bg-near-white:hover {
    background-color: #f4f4f4
}

.hover-bg-white:focus,.hover-bg-white:hover {
    background-color: #fff
}

.hover-bg-transparent:focus,.hover-bg-transparent:hover {
    background-color: transparent
}

.hover-bg-black-90:focus,.hover-bg-black-90:hover {
    background-color: rgba(0,0,0,.9)
}

.hover-bg-black-80:focus,.hover-bg-black-80:hover {
    background-color: rgba(0,0,0,.8)
}

.hover-bg-black-70:focus,.hover-bg-black-70:hover {
    background-color: rgba(0,0,0,.7)
}

.hover-bg-black-60:focus,.hover-bg-black-60:hover {
    background-color: rgba(0,0,0,.6)
}

.hover-bg-black-50:focus,.hover-bg-black-50:hover {
    background-color: rgba(0,0,0,.5)
}

.hover-bg-black-40:focus,.hover-bg-black-40:hover {
    background-color: rgba(0,0,0,.4)
}

.hover-bg-black-30:focus,.hover-bg-black-30:hover {
    background-color: rgba(0,0,0,.3)
}

.hover-bg-black-20:focus,.hover-bg-black-20:hover {
    background-color: rgba(0,0,0,.2)
}

.hover-bg-black-10:focus,.hover-bg-black-10:hover {
    background-color: rgba(0,0,0,.1)
}

.hover-bg-white-90:focus,.hover-bg-white-90:hover {
    background-color: rgba(255,255,255,.9)
}

.hover-bg-white-80:focus,.hover-bg-white-80:hover {
    background-color: rgba(255,255,255,.8)
}

.hover-bg-white-70:focus,.hover-bg-white-70:hover {
    background-color: rgba(255,255,255,.7)
}

.hover-bg-white-60:focus,.hover-bg-white-60:hover {
    background-color: rgba(255,255,255,.6)
}

.hover-bg-white-50:focus,.hover-bg-white-50:hover {
    background-color: rgba(255,255,255,.5)
}

.hover-bg-white-40:focus,.hover-bg-white-40:hover {
    background-color: rgba(255,255,255,.4)
}

.hover-bg-white-30:focus,.hover-bg-white-30:hover {
    background-color: rgba(255,255,255,.3)
}

.hover-bg-white-20:focus,.hover-bg-white-20:hover {
    background-color: rgba(255,255,255,.2)
}

.hover-bg-white-10:focus,.hover-bg-white-10:hover {
    background-color: rgba(255,255,255,.1)
}

.hover-dark-red:focus,.hover-dark-red:hover {
    color: #e7040f
}

.hover-red:focus,.hover-red:hover {
    color: #ff4136
}

.hover-light-red:focus,.hover-light-red:hover {
    color: #ff725c
}

.hover-orange:focus,.hover-orange:hover {
    color: #ff6300
}

.hover-gold:focus,.hover-gold:hover {
    color: #ffb700
}

.hover-yellow:focus,.hover-yellow:hover {
    color: gold
}

.hover-light-yellow:focus,.hover-light-yellow:hover {
    color: #fbf1a9
}

.hover-purple:focus,.hover-purple:hover {
    color: #5e2ca5
}

.hover-light-purple:focus,.hover-light-purple:hover {
    color: #a463f2
}

.hover-dark-pink:focus,.hover-dark-pink:hover {
    color: #d5008f
}

.hover-hot-pink:focus,.hover-hot-pink:hover {
    color: #ff41b4
}

.hover-pink:focus,.hover-pink:hover {
    color: #ff80cc
}

.hover-light-pink:focus,.hover-light-pink:hover {
    color: #ffa3d7
}

.hover-dark-green:focus,.hover-dark-green:hover {
    color: #137752
}

.hover-green:focus,.hover-green:hover {
    color: #19a974
}

.hover-light-green:focus,.hover-light-green:hover {
    color: #9eebcf
}

.hover-navy:focus,.hover-navy:hover {
    color: #001b44
}

.hover-dark-blue:focus,.hover-dark-blue:hover {
    color: #00449e
}

.hover-blue:focus,.hover-blue:hover {
    color: #357edd
}

.hover-light-blue:focus,.hover-light-blue:hover {
    color: #96ccff
}

.hover-lightest-blue:focus,.hover-lightest-blue:hover {
    color: #cdecff
}

.hover-washed-blue:focus,.hover-washed-blue:hover {
    color: #f6fffe
}

.hover-washed-green:focus,.hover-washed-green:hover {
    color: #e8fdf5
}

.hover-washed-yellow:focus,.hover-washed-yellow:hover {
    color: #fffceb
}

.hover-washed-red:focus,.hover-washed-red:hover {
    color: #ffdfdf
}

.hover-bg-dark-red:focus,.hover-bg-dark-red:hover {
    background-color: #e7040f
}

.hover-bg-red:focus,.hover-bg-red:hover {
    background-color: #ff4136
}

.hover-bg-light-red:focus,.hover-bg-light-red:hover {
    background-color: #ff725c
}

.hover-bg-orange:focus,.hover-bg-orange:hover {
    background-color: #ff6300
}

.hover-bg-gold:focus,.hover-bg-gold:hover {
    background-color: #ffb700
}

.hover-bg-yellow:focus,.hover-bg-yellow:hover {
    background-color: gold
}

.hover-bg-light-yellow:focus,.hover-bg-light-yellow:hover {
    background-color: #fbf1a9
}

.hover-bg-purple:focus,.hover-bg-purple:hover {
    background-color: #5e2ca5
}

.hover-bg-light-purple:focus,.hover-bg-light-purple:hover {
    background-color: #a463f2
}

.hover-bg-dark-pink:focus,.hover-bg-dark-pink:hover {
    background-color: #d5008f
}

.hover-bg-hot-pink:focus,.hover-bg-hot-pink:hover {
    background-color: #ff41b4
}

.hover-bg-pink:focus,.hover-bg-pink:hover {
    background-color: #ff80cc
}

.hover-bg-light-pink:focus,.hover-bg-light-pink:hover {
    background-color: #ffa3d7
}

.hover-bg-dark-green:focus,.hover-bg-dark-green:hover {
    background-color: #137752
}

.hover-bg-green:focus,.hover-bg-green:hover {
    background-color: #19a974
}

.hover-bg-light-green:focus,.hover-bg-light-green:hover {
    background-color: #9eebcf
}

.hover-bg-navy:focus,.hover-bg-navy:hover {
    background-color: #001b44
}

.hover-bg-dark-blue:focus,.hover-bg-dark-blue:hover {
    background-color: #00449e
}

.hover-bg-blue:focus,.hover-bg-blue:hover {
    background-color: #357edd
}

.hover-bg-light-blue:focus,.hover-bg-light-blue:hover {
    background-color: #96ccff
}

.hover-bg-lightest-blue:focus,.hover-bg-lightest-blue:hover {
    background-color: #cdecff
}

.hover-bg-washed-blue:focus,.hover-bg-washed-blue:hover {
    background-color: #f6fffe
}

.hover-bg-washed-green:focus,.hover-bg-washed-green:hover {
    background-color: #e8fdf5
}

.hover-bg-washed-yellow:focus,.hover-bg-washed-yellow:hover {
    background-color: #fffceb
}

.hover-bg-washed-red:focus,.hover-bg-washed-red:hover {
    background-color: #ffdfdf
}

.hover-bg-inherit:focus,.hover-bg-inherit:hover {
    background-color: inherit
}

.pa0 {
    padding: 0
}

.pa1 {
    padding: .25rem
}

.pa2 {
    padding: .5rem
}

.pa3 {
    padding: 1rem
}

.pa4 {
    padding: 1.5rem
}

.pa5 {
    padding: 2rem
}

.pa6 {
    padding: 3rem
}

.pa7 {
    padding: 4.5rem
}

.dish-detail__additional .dish-detail__sidebar-section h5,.pl0 {
    padding-left: 0
}

.pl1 {
    padding-left: .25rem
}

.pl2 {
    padding-left: .5rem
}

.pl3 {
    padding-left: 1rem
}

.pl4 {
    padding-left: 1.5rem
}

.pl5 {
    padding-left: 2rem
}

.pl6 {
    padding-left: 3rem
}

.pl7 {
    padding-left: 4.5rem
}

.pr0 {
    padding-right: 0
}

.pr1 {
    padding-right: .25rem
}

.pr2 {
    padding-right: .5rem
}

.pr3 {
    padding-right: 1rem
}

.pr4 {
    padding-right: 1.5rem
}

.pr5 {
    padding-right: 2rem
}

.pr6 {
    padding-right: 3rem
}

.pr7 {
    padding-right: 4.5rem
}

.pb0 {
    padding-bottom: 0
}

.pb1 {
    padding-bottom: .25rem
}

.pb2 {
    padding-bottom: .5rem
}

.pb3 {
    padding-bottom: 1rem
}

.pb4 {
    padding-bottom: 1.5rem
}

.pb5 {
    padding-bottom: 2rem
}

.pb6 {
    padding-bottom: 3rem
}

.pb7 {
    padding-bottom: 4.5rem
}

.pt0 {
    padding-top: 0
}

.pt1 {
    padding-top: .25rem
}

.pt2 {
    padding-top: .5rem
}

.pt3 {
    padding-top: 1rem
}

.pt4 {
    padding-top: 1.5rem
}

.pt5 {
    padding-top: 2rem
}

.pt6 {
    padding-top: 3rem
}

.pt7 {
    padding-top: 4.5rem
}

.pv0 {
    padding-top: 0;
    padding-bottom: 0
}

.pv1 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.pv2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.pv3 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.pv4 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.pv5 {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.pv6 {
    padding-top: 3rem;
    padding-bottom: 3rem
}

.pv7 {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem
}

.ph0,body.generals.faq div.mainContentWrapper div.mainContent>div.columns,body.generals.faq_ios div.mainContentWrapper div.mainContent>div.columns {
    padding-left: 0;
    padding-right: 0
}

.ph1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.ph2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.ph3,body.generals div.siteWrapper div.mainContentWrapper div.mainContent {
    padding-left: 1rem;
    padding-right: 1rem
}

.ph4 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.ph5 {
    padding-left: 2rem;
    padding-right: 2rem
}

.ph6 {
    padding-left: 3rem;
    padding-right: 3rem
}

.ph7 {
    padding-left: 4.5rem;
    padding-right: 4.5rem
}

.ma0,html body div.siteWrapper div.recipeChef div.columns div.row {
    margin: 0
}

.ma1 {
    margin: .25rem
}

.ma2 {
    margin: .5rem
}

.ma3 {
    margin: 1rem
}

.ma4 {
    margin: 1.5rem
}

.ma5 {
    margin: 2rem
}

.ma6 {
    margin: 3rem
}

.ma7 {
    margin: 4.5rem
}

#edr_banner .button__wrapper a.nui__button--transparent,.ml0 {
    margin-left: 0
}

.ml1 {
    margin-left: .25rem
}

.ml2 {
    margin-left: .5rem
}

.ml3 {
    margin-left: 1rem
}

.ml4 {
    margin-left: 1.5rem
}

.ml5 {
    margin-left: 2rem
}

.ml6 {
    margin-left: 3rem
}

.ml7 {
    margin-left: 4.5rem
}

.mr0 {
    margin-right: 0
}

.mr1 {
    margin-right: .25rem
}

.mr2 {
    margin-right: .5rem
}

.mr3 {
    margin-right: 1rem
}

.mr4 {
    margin-right: 1.5rem
}

.mr5 {
    margin-right: 2rem
}

.mr6 {
    margin-right: 3rem
}

.mr7 {
    margin-right: 4.5rem
}

.mb0 {
    margin-bottom: 0
}

.mb1 {
    margin-bottom: .25rem
}

.mb2 {
    margin-bottom: .5rem
}

.mb3 {
    margin-bottom: 1rem
}

.mb4 {
    margin-bottom: 1.5rem
}

.mb5 {
    margin-bottom: 2rem
}

.mb6 {
    margin-bottom: 3rem
}

.mb7 {
    margin-bottom: 4.5rem
}

.mt0 {
    margin-top: 0
}

.mt1 {
    margin-top: .25rem
}

.mt2 {
    margin-top: .5rem
}

.mt3 {
    margin-top: 1rem
}

.mt4 {
    margin-top: 1.5rem
}

.mt5 {
    margin-top: 2rem
}

.mt6 {
    margin-top: 3rem
}

.mt7 {
    margin-top: 4.5rem
}

.mv0 {
    margin-top: 0;
    margin-bottom: 0
}

.mv1 {
    margin-top: .25rem;
    margin-bottom: .25rem
}

.mv2 {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.mv3 {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.mv4 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.mv5 {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.mv6 {
    margin-top: 3rem;
    margin-bottom: 3rem
}

.mv7 {
    margin-top: 4.5rem;
    margin-bottom: 4.5rem
}

.mh0 {
    margin-left: 0;
    margin-right: 0
}

.mh1 {
    margin-left: .25rem;
    margin-right: .25rem
}

.mh2 {
    margin-left: .5rem;
    margin-right: .5rem
}

.mh3 {
    margin-left: 1rem;
    margin-right: 1rem
}

.mh4 {
    margin-left: 1.5rem;
    margin-right: 1.5rem
}

.mh5 {
    margin-left: 2rem;
    margin-right: 2rem
}

.mh6 {
    margin-left: 3rem;
    margin-right: 3rem
}

.mh7 {
    margin-left: 4.5rem;
    margin-right: 4.5rem
}

@media screen and (min-width: 720px) {
    .pa0-ns {
        padding:0
    }

    .pa1-ns {
        padding: .25rem
    }

    .pa2-ns {
        padding: .5rem
    }

    .pa3-ns {
        padding: 1rem
    }

    .pa4-ns {
        padding: 1.5rem
    }

    .pa5-ns {
        padding: 2rem
    }

    .pa6-ns {
        padding: 3rem
    }

    .pa7-ns {
        padding: 4.5rem
    }

    .pl0-ns {
        padding-left: 0
    }

    .pl1-ns {
        padding-left: .25rem
    }

    .pl2-ns {
        padding-left: .5rem
    }

    .pl3-ns {
        padding-left: 1rem
    }

    .pl4-ns {
        padding-left: 1.5rem
    }

    .pl5-ns {
        padding-left: 2rem
    }

    .pl6-ns {
        padding-left: 3rem
    }

    .pl7-ns {
        padding-left: 4.5rem
    }

    .pr0-ns {
        padding-right: 0
    }

    .pr1-ns {
        padding-right: .25rem
    }

    .pr2-ns {
        padding-right: .5rem
    }

    .pr3-ns {
        padding-right: 1rem
    }

    .pr4-ns {
        padding-right: 1.5rem
    }

    .pr5-ns {
        padding-right: 2rem
    }

    .pr6-ns {
        padding-right: 3rem
    }

    .pr7-ns {
        padding-right: 4.5rem
    }

    .pb0-ns {
        padding-bottom: 0
    }

    .pb1-ns {
        padding-bottom: .25rem
    }

    .pb2-ns {
        padding-bottom: .5rem
    }

    .pb3-ns {
        padding-bottom: 1rem
    }

    .pb4-ns {
        padding-bottom: 1.5rem
    }

    .pb5-ns {
        padding-bottom: 2rem
    }

    .pb6-ns {
        padding-bottom: 3rem
    }

    .pb7-ns {
        padding-bottom: 4.5rem
    }

    .pt0-ns {
        padding-top: 0
    }

    .pt1-ns {
        padding-top: .25rem
    }

    .pt2-ns {
        padding-top: .5rem
    }

    .pt3-ns {
        padding-top: 1rem
    }

    .pt4-ns {
        padding-top: 1.5rem
    }

    .pt5-ns {
        padding-top: 2rem
    }

    .pt6-ns {
        padding-top: 3rem
    }

    .pt7-ns {
        padding-top: 4.5rem
    }

    .pv0-ns {
        padding-top: 0;
        padding-bottom: 0
    }

    .pv1-ns {
        padding-top: .25rem;
        padding-bottom: .25rem
    }

    .pv2-ns {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .pv3-ns {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .pv4-ns {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .pv5-ns {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .pv6-ns {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    .pv7-ns {
        padding-top: 4.5rem;
        padding-bottom: 4.5rem
    }

    .ph0-ns {
        padding-left: 0;
        padding-right: 0
    }

    .ph1-ns {
        padding-left: .25rem;
        padding-right: .25rem
    }

    .ph2-ns {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .ph3-ns {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .ph4-ns {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .ph5-ns {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .ph6-ns {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .ph7-ns {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }

    .ma0-ns {
        margin: 0
    }

    .ma1-ns {
        margin: .25rem
    }

    .ma2-ns {
        margin: .5rem
    }

    .ma3-ns {
        margin: 1rem
    }

    .ma4-ns {
        margin: 1.5rem
    }

    .ma5-ns {
        margin: 2rem
    }

    .ma6-ns {
        margin: 3rem
    }

    .ma7-ns {
        margin: 4.5rem
    }

    .ml0-ns {
        margin-left: 0
    }

    .ml1-ns {
        margin-left: .25rem
    }

    .ml2-ns {
        margin-left: .5rem
    }

    .ml3-ns {
        margin-left: 1rem
    }

    .ml4-ns {
        margin-left: 1.5rem
    }

    .ml5-ns {
        margin-left: 2rem
    }

    .ml6-ns {
        margin-left: 3rem
    }

    .ml7-ns {
        margin-left: 4.5rem
    }

    .mr0-ns {
        margin-right: 0
    }

    .mr1-ns {
        margin-right: .25rem
    }

    .mr2-ns {
        margin-right: .5rem
    }

    .mr3-ns {
        margin-right: 1rem
    }

    .mr4-ns {
        margin-right: 1.5rem
    }

    .mr5-ns {
        margin-right: 2rem
    }

    .mr6-ns {
        margin-right: 3rem
    }

    .mr7-ns {
        margin-right: 4.5rem
    }

    .mb0-ns {
        margin-bottom: 0
    }

    .mb1-ns {
        margin-bottom: .25rem
    }

    .mb2-ns {
        margin-bottom: .5rem
    }

    .mb3-ns {
        margin-bottom: 1rem
    }

    .mb4-ns {
        margin-bottom: 1.5rem
    }

    .mb5-ns {
        margin-bottom: 2rem
    }

    .mb6-ns {
        margin-bottom: 3rem
    }

    .mb7-ns {
        margin-bottom: 4.5rem
    }

    .mt0-ns {
        margin-top: 0
    }

    .mt1-ns {
        margin-top: .25rem
    }

    .mt2-ns {
        margin-top: .5rem
    }

    .mt3-ns {
        margin-top: 1rem
    }

    .mt4-ns {
        margin-top: 1.5rem
    }

    .mt5-ns {
        margin-top: 2rem
    }

    .mt6-ns {
        margin-top: 3rem
    }

    .mt7-ns {
        margin-top: 4.5rem
    }

    .mv0-ns {
        margin-top: 0;
        margin-bottom: 0
    }

    .mv1-ns {
        margin-top: .25rem;
        margin-bottom: .25rem
    }

    .mv2-ns {
        margin-top: .5rem;
        margin-bottom: .5rem
    }

    .mv3-ns {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .mv4-ns {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }

    .mv5-ns {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .mv6-ns {
        margin-top: 3rem;
        margin-bottom: 3rem
    }

    .mv7-ns {
        margin-top: 4.5rem;
        margin-bottom: 4.5rem
    }

    .mh0-ns {
        margin-left: 0;
        margin-right: 0
    }

    .mh1-ns {
        margin-left: .25rem;
        margin-right: .25rem
    }

    .mh2-ns {
        margin-left: .5rem;
        margin-right: .5rem
    }

    .mh3-ns {
        margin-left: 1rem;
        margin-right: 1rem
    }

    .mh4-ns {
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }

    .mh5-ns {
        margin-left: 2rem;
        margin-right: 2rem
    }

    .mh6-ns {
        margin-left: 3rem;
        margin-right: 3rem
    }

    .mh7-ns {
        margin-left: 4.5rem;
        margin-right: 4.5rem
    }
}

@media screen and (min-width: 720px) and (max-width:1080px) {
    .pa0-m {
        padding:0
    }

    .pa1-m {
        padding: .25rem
    }

    .pa2-m {
        padding: .5rem
    }

    .pa3-m {
        padding: 1rem
    }

    .pa4-m {
        padding: 1.5rem
    }

    .pa5-m {
        padding: 2rem
    }

    .pa6-m {
        padding: 3rem
    }

    .pa7-m {
        padding: 4.5rem
    }

    .pl0-m {
        padding-left: 0
    }

    .pl1-m {
        padding-left: .25rem
    }

    .pl2-m {
        padding-left: .5rem
    }

    .pl3-m {
        padding-left: 1rem
    }

    .pl4-m {
        padding-left: 1.5rem
    }

    .pl5-m {
        padding-left: 2rem
    }

    .pl6-m {
        padding-left: 3rem
    }

    .pl7-m {
        padding-left: 4.5rem
    }

    .pr0-m {
        padding-right: 0
    }

    .pr1-m {
        padding-right: .25rem
    }

    .pr2-m {
        padding-right: .5rem
    }

    .pr3-m {
        padding-right: 1rem
    }

    .pr4-m {
        padding-right: 1.5rem
    }

    .pr5-m {
        padding-right: 2rem
    }

    .pr6-m {
        padding-right: 3rem
    }

    .pr7-m {
        padding-right: 4.5rem
    }

    .pb0-m {
        padding-bottom: 0
    }

    .pb1-m {
        padding-bottom: .25rem
    }

    .pb2-m {
        padding-bottom: .5rem
    }

    .pb3-m {
        padding-bottom: 1rem
    }

    .pb4-m {
        padding-bottom: 1.5rem
    }

    .pb5-m {
        padding-bottom: 2rem
    }

    .pb6-m {
        padding-bottom: 3rem
    }

    .pb7-m {
        padding-bottom: 4.5rem
    }

    .pt0-m {
        padding-top: 0
    }

    .pt1-m {
        padding-top: .25rem
    }

    .pt2-m {
        padding-top: .5rem
    }

    .pt3-m {
        padding-top: 1rem
    }

    .pt4-m {
        padding-top: 1.5rem
    }

    .pt5-m {
        padding-top: 2rem
    }

    .pt6-m {
        padding-top: 3rem
    }

    .pt7-m {
        padding-top: 4.5rem
    }

    .pv0-m {
        padding-top: 0;
        padding-bottom: 0
    }

    .pv1-m {
        padding-top: .25rem;
        padding-bottom: .25rem
    }

    .pv2-m {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .pv3-m {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .pv4-m {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .pv5-m {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .pv6-m {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    .pv7-m {
        padding-top: 4.5rem;
        padding-bottom: 4.5rem
    }

    .ph0-m {
        padding-left: 0;
        padding-right: 0
    }

    .ph1-m {
        padding-left: .25rem;
        padding-right: .25rem
    }

    .ph2-m {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .ph3-m {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .ph4-m {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .ph5-m {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .ph6-m {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .ph7-m {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }

    .ma0-m {
        margin: 0
    }

    .ma1-m {
        margin: .25rem
    }

    .ma2-m {
        margin: .5rem
    }

    .ma3-m {
        margin: 1rem
    }

    .ma4-m {
        margin: 1.5rem
    }

    .ma5-m {
        margin: 2rem
    }

    .ma6-m {
        margin: 3rem
    }

    .ma7-m {
        margin: 4.5rem
    }

    .ml0-m {
        margin-left: 0
    }

    .ml1-m {
        margin-left: .25rem
    }

    .ml2-m {
        margin-left: .5rem
    }

    .ml3-m {
        margin-left: 1rem
    }

    .ml4-m {
        margin-left: 1.5rem
    }

    .ml5-m {
        margin-left: 2rem
    }

    .ml6-m {
        margin-left: 3rem
    }

    .ml7-m {
        margin-left: 4.5rem
    }

    .mr0-m {
        margin-right: 0
    }

    .mr1-m {
        margin-right: .25rem
    }

    .mr2-m {
        margin-right: .5rem
    }

    .mr3-m {
        margin-right: 1rem
    }

    .mr4-m {
        margin-right: 1.5rem
    }

    .mr5-m {
        margin-right: 2rem
    }

    .mr6-m {
        margin-right: 3rem
    }

    .mr7-m {
        margin-right: 4.5rem
    }

    .mb0-m {
        margin-bottom: 0
    }

    .mb1-m {
        margin-bottom: .25rem
    }

    .mb2-m {
        margin-bottom: .5rem
    }

    .mb3-m {
        margin-bottom: 1rem
    }

    .mb4-m {
        margin-bottom: 1.5rem
    }

    .mb5-m {
        margin-bottom: 2rem
    }

    .mb6-m {
        margin-bottom: 3rem
    }

    .mb7-m {
        margin-bottom: 4.5rem
    }

    .mt0-m {
        margin-top: 0
    }

    .mt1-m {
        margin-top: .25rem
    }

    .mt2-m {
        margin-top: .5rem
    }

    .mt3-m {
        margin-top: 1rem
    }

    .mt4-m {
        margin-top: 1.5rem
    }

    .mt5-m {
        margin-top: 2rem
    }

    .mt6-m {
        margin-top: 3rem
    }

    .mt7-m {
        margin-top: 4.5rem
    }

    .mv0-m {
        margin-top: 0;
        margin-bottom: 0
    }

    .mv1-m {
        margin-top: .25rem;
        margin-bottom: .25rem
    }

    .mv2-m {
        margin-top: .5rem;
        margin-bottom: .5rem
    }

    .mv3-m {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .mv4-m {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }

    .mv5-m {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .mv6-m {
        margin-top: 3rem;
        margin-bottom: 3rem
    }

    .mv7-m {
        margin-top: 4.5rem;
        margin-bottom: 4.5rem
    }

    .mh0-m {
        margin-left: 0;
        margin-right: 0
    }

    .mh1-m {
        margin-left: .25rem;
        margin-right: .25rem
    }

    .mh2-m {
        margin-left: .5rem;
        margin-right: .5rem
    }

    .mh3-m {
        margin-left: 1rem;
        margin-right: 1rem
    }

    .mh4-m {
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }

    .mh5-m {
        margin-left: 2rem;
        margin-right: 2rem
    }

    .mh6-m {
        margin-left: 3rem;
        margin-right: 3rem
    }

    .mh7-m {
        margin-left: 4.5rem;
        margin-right: 4.5rem
    }
}

@media screen and (min-width: 1080px) {
    .pa0-l {
        padding:0
    }

    .pa1-l {
        padding: .25rem
    }

    .pa2-l {
        padding: .5rem
    }

    .pa3-l {
        padding: 1rem
    }

    .pa4-l {
        padding: 1.5rem
    }

    .pa5-l {
        padding: 2rem
    }

    .pa6-l {
        padding: 3rem
    }

    .pa7-l {
        padding: 4.5rem
    }

    .pl0-l {
        padding-left: 0
    }

    .pl1-l {
        padding-left: .25rem
    }

    .pl2-l {
        padding-left: .5rem
    }

    .pl3-l {
        padding-left: 1rem
    }

    .pl4-l {
        padding-left: 1.5rem
    }

    .pl5-l {
        padding-left: 2rem
    }

    .pl6-l {
        padding-left: 3rem
    }

    .pl7-l {
        padding-left: 4.5rem
    }

    .pr0-l {
        padding-right: 0
    }

    .pr1-l {
        padding-right: .25rem
    }

    .pr2-l {
        padding-right: .5rem
    }

    .pr3-l {
        padding-right: 1rem
    }

    .pr4-l {
        padding-right: 1.5rem
    }

    .pr5-l {
        padding-right: 2rem
    }

    .pr6-l {
        padding-right: 3rem
    }

    .pr7-l {
        padding-right: 4.5rem
    }

    .pb0-l {
        padding-bottom: 0
    }

    .pb1-l {
        padding-bottom: .25rem
    }

    .pb2-l {
        padding-bottom: .5rem
    }

    .pb3-l {
        padding-bottom: 1rem
    }

    .pb4-l {
        padding-bottom: 1.5rem
    }

    .pb5-l {
        padding-bottom: 2rem
    }

    .pb6-l {
        padding-bottom: 3rem
    }

    .pb7-l {
        padding-bottom: 4.5rem
    }

    .pt0-l {
        padding-top: 0
    }

    .pt1-l {
        padding-top: .25rem
    }

    .pt2-l {
        padding-top: .5rem
    }

    .pt3-l {
        padding-top: 1rem
    }

    .pt4-l {
        padding-top: 1.5rem
    }

    .pt5-l {
        padding-top: 2rem
    }

    .pt6-l {
        padding-top: 3rem
    }

    .pt7-l {
        padding-top: 4.5rem
    }

    .pv0-l {
        padding-top: 0;
        padding-bottom: 0
    }

    .pv1-l {
        padding-top: .25rem;
        padding-bottom: .25rem
    }

    .pv2-l {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .pv3-l {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .pv4-l {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .pv5-l {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .pv6-l {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    .pv7-l {
        padding-top: 4.5rem;
        padding-bottom: 4.5rem
    }

    .ph0-l {
        padding-left: 0;
        padding-right: 0
    }

    .ph1-l {
        padding-left: .25rem;
        padding-right: .25rem
    }

    .ph2-l {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .ph3-l {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .ph4-l {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .ph5-l {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .ph6-l {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .ph7-l {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }

    .ma0-l {
        margin: 0
    }

    .ma1-l {
        margin: .25rem
    }

    .ma2-l {
        margin: .5rem
    }

    .ma3-l {
        margin: 1rem
    }

    .ma4-l {
        margin: 1.5rem
    }

    .ma5-l {
        margin: 2rem
    }

    .ma6-l {
        margin: 3rem
    }

    .ma7-l {
        margin: 4.5rem
    }

    .ml0-l {
        margin-left: 0
    }

    .ml1-l {
        margin-left: .25rem
    }

    .ml2-l {
        margin-left: .5rem
    }

    .ml3-l {
        margin-left: 1rem
    }

    .ml4-l {
        margin-left: 1.5rem
    }

    .ml5-l {
        margin-left: 2rem
    }

    .ml6-l {
        margin-left: 3rem
    }

    .ml7-l {
        margin-left: 4.5rem
    }

    .mr0-l {
        margin-right: 0
    }

    .mr1-l {
        margin-right: .25rem
    }

    .mr2-l {
        margin-right: .5rem
    }

    .mr3-l {
        margin-right: 1rem
    }

    .mr4-l {
        margin-right: 1.5rem
    }

    .mr5-l {
        margin-right: 2rem
    }

    .mr6-l {
        margin-right: 3rem
    }

    .mr7-l {
        margin-right: 4.5rem
    }

    .mb0-l {
        margin-bottom: 0
    }

    .mb1-l {
        margin-bottom: .25rem
    }

    .mb2-l {
        margin-bottom: .5rem
    }

    .mb3-l {
        margin-bottom: 1rem
    }

    .mb4-l {
        margin-bottom: 1.5rem
    }

    .mb5-l {
        margin-bottom: 2rem
    }

    .mb6-l {
        margin-bottom: 3rem
    }

    .mb7-l {
        margin-bottom: 4.5rem
    }

    .mt0-l {
        margin-top: 0
    }

    .mt1-l {
        margin-top: .25rem
    }

    .mt2-l {
        margin-top: .5rem
    }

    .mt3-l {
        margin-top: 1rem
    }

    .mt4-l {
        margin-top: 1.5rem
    }

    .mt5-l {
        margin-top: 2rem
    }

    .mt6-l {
        margin-top: 3rem
    }

    .mt7-l {
        margin-top: 4.5rem
    }

    .mv0-l {
        margin-top: 0;
        margin-bottom: 0
    }

    .mv1-l {
        margin-top: .25rem;
        margin-bottom: .25rem
    }

    .mv2-l {
        margin-top: .5rem;
        margin-bottom: .5rem
    }

    .mv3-l {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .mv4-l {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }

    .mv5-l {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .mv6-l {
        margin-top: 3rem;
        margin-bottom: 3rem
    }

    .mv7-l {
        margin-top: 4.5rem;
        margin-bottom: 4.5rem
    }

    .mh0-l {
        margin-left: 0;
        margin-right: 0
    }

    .mh1-l {
        margin-left: .25rem;
        margin-right: .25rem
    }

    .mh2-l {
        margin-left: .5rem;
        margin-right: .5rem
    }

    .mh3-l {
        margin-left: 1rem;
        margin-right: 1rem
    }

    .mh4-l {
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }

    .mh5-l {
        margin-left: 2rem;
        margin-right: 2rem
    }

    .mh6-l {
        margin-left: 3rem;
        margin-right: 3rem
    }

    .mh7-l {
        margin-left: 4.5rem;
        margin-right: 4.5rem
    }
}

.na1 {
    margin: -.25rem
}

.na2 {
    margin: -.5rem
}

.na3 {
    margin: -1rem
}

.na4 {
    margin: -1.5rem
}

.na5 {
    margin: -2rem
}

.na6 {
    margin: -3rem
}

.na7 {
    margin: -4.5rem
}

.nl1 {
    margin-left: -.25rem
}

.nl2 {
    margin-left: -.5rem
}

.nl3 {
    margin-left: -1rem
}

.nl4 {
    margin-left: -1.5rem
}

.nl5 {
    margin-left: -2rem
}

.nl6 {
    margin-left: -3rem
}

.nl7 {
    margin-left: -4.5rem
}

.nr1 {
    margin-right: -.25rem
}

.nr2 {
    margin-right: -.5rem
}

.nr3 {
    margin-right: -1rem
}

.nr4 {
    margin-right: -1.5rem
}

.nr5 {
    margin-right: -2rem
}

.nr6 {
    margin-right: -3rem
}

.nr7 {
    margin-right: -4.5rem
}

.nb1 {
    margin-bottom: -.25rem
}

.nb2 {
    margin-bottom: -.5rem
}

.nb3 {
    margin-bottom: -1rem
}

.nb4 {
    margin-bottom: -1.5rem
}

.nb5 {
    margin-bottom: -2rem
}

.nb6 {
    margin-bottom: -3rem
}

.nb7 {
    margin-bottom: -4.5rem
}

.nt1 {
    margin-top: -.25rem
}

.nt2 {
    margin-top: -.5rem
}

.nt3 {
    margin-top: -1rem
}

.nt4 {
    margin-top: -1.5rem
}

.nt5 {
    margin-top: -2rem
}

.nt6 {
    margin-top: -3rem
}

.nt7 {
    margin-top: -4.5rem
}

@media screen and (min-width: 720px) {
    .na1-ns {
        margin:-.25rem
    }

    .na2-ns {
        margin: -.5rem
    }

    .na3-ns {
        margin: -1rem
    }

    .na4-ns {
        margin: -1.5rem
    }

    .na5-ns {
        margin: -2rem
    }

    .na6-ns {
        margin: -3rem
    }

    .na7-ns {
        margin: -4.5rem
    }

    .nl1-ns {
        margin-left: -.25rem
    }

    .nl2-ns {
        margin-left: -.5rem
    }

    .nl3-ns {
        margin-left: -1rem
    }

    .nl4-ns {
        margin-left: -1.5rem
    }

    .nl5-ns {
        margin-left: -2rem
    }

    .nl6-ns {
        margin-left: -3rem
    }

    .nl7-ns {
        margin-left: -4.5rem
    }

    .nr1-ns {
        margin-right: -.25rem
    }

    .nr2-ns {
        margin-right: -.5rem
    }

    .nr3-ns {
        margin-right: -1rem
    }

    .nr4-ns {
        margin-right: -1.5rem
    }

    .nr5-ns {
        margin-right: -2rem
    }

    .nr6-ns {
        margin-right: -3rem
    }

    .nr7-ns {
        margin-right: -4.5rem
    }

    .nb1-ns {
        margin-bottom: -.25rem
    }

    .nb2-ns {
        margin-bottom: -.5rem
    }

    .nb3-ns {
        margin-bottom: -1rem
    }

    .nb4-ns {
        margin-bottom: -1.5rem
    }

    .nb5-ns {
        margin-bottom: -2rem
    }

    .nb6-ns {
        margin-bottom: -3rem
    }

    .nb7-ns {
        margin-bottom: -4.5rem
    }

    .nt1-ns {
        margin-top: -.25rem
    }

    .nt2-ns {
        margin-top: -.5rem
    }

    .nt3-ns {
        margin-top: -1rem
    }

    .nt4-ns {
        margin-top: -1.5rem
    }

    .nt5-ns {
        margin-top: -2rem
    }

    .nt6-ns {
        margin-top: -3rem
    }

    .nt7-ns {
        margin-top: -4.5rem
    }
}

@media screen and (min-width: 720px) and (max-width:1080px) {
    .na1-m {
        margin:-.25rem
    }

    .na2-m {
        margin: -.5rem
    }

    .na3-m {
        margin: -1rem
    }

    .na4-m {
        margin: -1.5rem
    }

    .na5-m {
        margin: -2rem
    }

    .na6-m {
        margin: -3rem
    }

    .na7-m {
        margin: -4.5rem
    }

    .nl1-m {
        margin-left: -.25rem
    }

    .nl2-m {
        margin-left: -.5rem
    }

    .nl3-m {
        margin-left: -1rem
    }

    .nl4-m {
        margin-left: -1.5rem
    }

    .nl5-m {
        margin-left: -2rem
    }

    .nl6-m {
        margin-left: -3rem
    }

    .nl7-m {
        margin-left: -4.5rem
    }

    .nr1-m {
        margin-right: -.25rem
    }

    .nr2-m {
        margin-right: -.5rem
    }

    .nr3-m {
        margin-right: -1rem
    }

    .nr4-m {
        margin-right: -1.5rem
    }

    .nr5-m {
        margin-right: -2rem
    }

    .nr6-m {
        margin-right: -3rem
    }

    .nr7-m {
        margin-right: -4.5rem
    }

    .nb1-m {
        margin-bottom: -.25rem
    }

    .nb2-m {
        margin-bottom: -.5rem
    }

    .nb3-m {
        margin-bottom: -1rem
    }

    .nb4-m {
        margin-bottom: -1.5rem
    }

    .nb5-m {
        margin-bottom: -2rem
    }

    .nb6-m {
        margin-bottom: -3rem
    }

    .nb7-m {
        margin-bottom: -4.5rem
    }

    .nt1-m {
        margin-top: -.25rem
    }

    .nt2-m {
        margin-top: -.5rem
    }

    .nt3-m {
        margin-top: -1rem
    }

    .nt4-m {
        margin-top: -1.5rem
    }

    .nt5-m {
        margin-top: -2rem
    }

    .nt6-m {
        margin-top: -3rem
    }

    .nt7-m {
        margin-top: -4.5rem
    }
}

@media screen and (min-width: 1080px) {
    .na1-l {
        margin:-.25rem
    }

    .na2-l {
        margin: -.5rem
    }

    .na3-l {
        margin: -1rem
    }

    .na4-l {
        margin: -1.5rem
    }

    .na5-l {
        margin: -2rem
    }

    .na6-l {
        margin: -3rem
    }

    .na7-l {
        margin: -4.5rem
    }

    .nl1-l {
        margin-left: -.25rem
    }

    .nl2-l {
        margin-left: -.5rem
    }

    .nl3-l {
        margin-left: -1rem
    }

    .nl4-l {
        margin-left: -1.5rem
    }

    .nl5-l {
        margin-left: -2rem
    }

    .nl6-l {
        margin-left: -3rem
    }

    .nl7-l {
        margin-left: -4.5rem
    }

    .nr1-l {
        margin-right: -.25rem
    }

    .nr2-l {
        margin-right: -.5rem
    }

    .nr3-l {
        margin-right: -1rem
    }

    .nr4-l {
        margin-right: -1.5rem
    }

    .nr5-l {
        margin-right: -2rem
    }

    .nr6-l {
        margin-right: -3rem
    }

    .nr7-l {
        margin-right: -4.5rem
    }

    .nb1-l {
        margin-bottom: -.25rem
    }

    .nb2-l {
        margin-bottom: -.5rem
    }

    .nb3-l {
        margin-bottom: -1rem
    }

    .nb4-l {
        margin-bottom: -1.5rem
    }

    .nb5-l {
        margin-bottom: -2rem
    }

    .nb6-l {
        margin-bottom: -3rem
    }

    .nb7-l {
        margin-bottom: -4.5rem
    }

    .nt1-l {
        margin-top: -.25rem
    }

    .nt2-l {
        margin-top: -.5rem
    }

    .nt3-l {
        margin-top: -1rem
    }

    .nt4-l {
        margin-top: -1.5rem
    }

    .nt5-l {
        margin-top: -2rem
    }

    .nt6-l {
        margin-top: -3rem
    }

    .nt7-l {
        margin-top: -4.5rem
    }
}

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

.striped--light-silver:nth-child(odd) {
    background-color: #aaa
}

.striped--moon-gray:nth-child(odd) {
    background-color: #ccc
}

.striped--light-gray:nth-child(odd) {
    background-color: #eee
}

.striped--near-white:nth-child(odd) {
    background-color: #f4f4f4
}

.stripe-light:nth-child(odd) {
    background-color: rgba(255,255,255,.1)
}

.stripe-dark:nth-child(odd) {
    background-color: rgba(0,0,0,.1)
}

.strike {
    text-decoration: line-through
}

.underline {
    text-decoration: underline
}

.no-underline {
    text-decoration: none
}

@media screen and (min-width: 720px) {
    .strike-ns {
        text-decoration:line-through
    }

    .underline-ns {
        text-decoration: underline
    }

    .no-underline-ns {
        text-decoration: none
    }
}

@media screen and (min-width: 720px) and (max-width:1080px) {
    .strike-m {
        text-decoration:line-through
    }

    .underline-m {
        text-decoration: underline
    }

    .no-underline-m {
        text-decoration: none
    }
}

@media screen and (min-width: 1080px) {
    .strike-l {
        text-decoration:line-through
    }

    .underline-l {
        text-decoration: underline
    }

    .no-underline-l {
        text-decoration: none
    }
}

.tl {
    text-align: left
}

.tr {
    text-align: right
}

.tc,html body div.siteWrapper div.recipeChef.chefsBio .chefFrom {
    text-align: center
}

.plan #funnel_disclaimer,.tj {
    text-align: justify
}

@media screen and (min-width: 720px) {
    .tl-ns {
        text-align:left
    }

    .tr-ns {
        text-align: right
    }

    .tc-ns {
        text-align: center
    }

    .tj-ns {
        text-align: justify
    }
}

@media screen and (min-width: 720px) and (max-width:1080px) {
    .tl-m {
        text-align:left
    }

    .tr-m {
        text-align: right
    }

    .tc-m {
        text-align: center
    }

    .tj-m {
        text-align: justify
    }
}

@media screen and (min-width: 1080px) {
    .tl-l {
        text-align:left
    }

    .tr-l {
        text-align: right
    }

    .tc-l {
        text-align: center
    }

    .tj-l {
        text-align: justify
    }
}

.ttc {
    text-transform: capitalize
}

.ttl {
    text-transform: lowercase
}

.ttu {
    text-transform: uppercase
}

.ttn {
    text-transform: none
}

@media screen and (min-width: 720px) {
    .ttc-ns {
        text-transform:capitalize
    }

    .ttl-ns {
        text-transform: lowercase
    }

    .ttu-ns {
        text-transform: uppercase
    }

    .ttn-ns {
        text-transform: none
    }
}

@media screen and (min-width: 720px) and (max-width:1080px) {
    .ttc-m {
        text-transform:capitalize
    }

    .ttl-m {
        text-transform: lowercase
    }

    .ttu-m {
        text-transform: uppercase
    }

    .ttn-m {
        text-transform: none
    }
}

@media screen and (min-width: 1080px) {
    .ttc-l {
        text-transform:capitalize
    }

    .ttl-l {
        text-transform: lowercase
    }

    .ttu-l {
        text-transform: uppercase
    }

    .ttn-l {
        text-transform: none
    }
}

.f-6,.f-headline {
    font-size: 6rem
}

.f-5,.f-subheadline {
    font-size: 5rem
}

.f1 {
    font-size: 3rem
}

.f2 {
    font-size: 2.25rem
}

.f3 {
    font-size: 1.5rem
}

.f4 {
    font-size: 1.25rem
}

.f5 {
    font-size: 1rem
}

.f6 {
    font-size: .875rem
}

.f7 {
    font-size: .75rem
}

@media screen and (min-width: 720px) {
    .f-6-ns,.f-headline-ns {
        font-size:6rem
    }

    .f-5-ns,.f-subheadline-ns {
        font-size: 5rem
    }

    .f1-ns {
        font-size: 3rem
    }

    .f2-ns {
        font-size: 2.25rem
    }

    .f3-ns {
        font-size: 1.5rem
    }

    .f4-ns {
        font-size: 1.25rem
    }

    .f5-ns {
        font-size: 1rem
    }

    .f6-ns {
        font-size: .875rem
    }

    .f7-ns {
        font-size: .75rem
    }
}

@media screen and (min-width: 720px) and (max-width:1080px) {
    .f-6-m,.f-headline-m {
        font-size:6rem
    }

    .f-5-m,.f-subheadline-m {
        font-size: 5rem
    }

    .f1-m {
        font-size: 3rem
    }

    .f2-m {
        font-size: 2.25rem
    }

    .f3-m {
        font-size: 1.5rem
    }

    .f4-m {
        font-size: 1.25rem
    }

    .f5-m {
        font-size: 1rem
    }

    .f6-m {
        font-size: .875rem
    }

    .f7-m {
        font-size: .75rem
    }
}

@media screen and (min-width: 1080px) {
    .f-6-l,.f-headline-l {
        font-size:6rem
    }

    .f-5-l,.f-subheadline-l {
        font-size: 5rem
    }

    .f1-l {
        font-size: 3rem
    }

    .f2-l {
        font-size: 2.25rem
    }

    .f3-l {
        font-size: 1.5rem
    }

    .f4-l {
        font-size: 1.25rem
    }

    .f5-l {
        font-size: 1rem
    }

    .f6-l {
        font-size: .875rem
    }

    .f7-l {
        font-size: .75rem
    }
}

.measure {
    max-width: 30em
}

.measure-wide {
    max-width: 34em
}

.measure-narrow {
    max-width: 20em
}

.indent {
    text-indent: 1em;
    margin-top: 0;
    margin-bottom: 0
}

.small-caps {
    font-variant: small-caps
}

.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (min-width: 720px) {
    .measure-ns {
        max-width:30em
    }

    .measure-wide-ns {
        max-width: 34em
    }

    .measure-narrow-ns {
        max-width: 20em
    }

    .indent-ns {
        text-indent: 1em;
        margin-top: 0;
        margin-bottom: 0
    }

    .small-caps-ns {
        font-variant: small-caps
    }

    .truncate-ns {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media screen and (min-width: 720px) and (max-width:1080px) {
    .measure-m {
        max-width:30em
    }

    .measure-wide-m {
        max-width: 34em
    }

    .measure-narrow-m {
        max-width: 20em
    }

    .indent-m {
        text-indent: 1em;
        margin-top: 0;
        margin-bottom: 0
    }

    .small-caps-m {
        font-variant: small-caps
    }

    .truncate-m {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media screen and (min-width: 1080px) {
    .measure-l {
        max-width:30em
    }

    .measure-wide-l {
        max-width: 34em
    }

    .measure-narrow-l {
        max-width: 20em
    }

    .indent-l {
        text-indent: 1em;
        margin-top: 0;
        margin-bottom: 0
    }

    .small-caps-l {
        font-variant: small-caps
    }

    .truncate-l {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.overflow-container {
    overflow-y: scroll
}

.center {
    margin-left: auto
}

.center,.mr-auto {
    margin-right: auto
}

.ml-auto {
    margin-left: auto
}

@media screen and (min-width: 720px) {
    .center-ns {
        margin-left:auto
    }

    .center-ns,.mr-auto-ns {
        margin-right: auto
    }

    .ml-auto-ns {
        margin-left: auto
    }
}

@media screen and (min-width: 720px) and (max-width:1080px) {
    .center-m {
        margin-left:auto
    }

    .center-m,.mr-auto-m {
        margin-right: auto
    }

    .ml-auto-m {
        margin-left: auto
    }
}

@media screen and (min-width: 1080px) {
    .center-l {
        margin-left:auto
    }

    .center-l,.mr-auto-l {
        margin-right: auto
    }

    .ml-auto-l {
        margin-left: auto
    }
}

.clip {
    position: fixed!important;
    _position: absolute!important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px)
}

@media screen and (min-width: 720px) {
    .clip-ns {
        position:fixed!important;
        _position: absolute!important;
        clip: rect(1px 1px 1px 1px);
        clip: rect(1px,1px,1px,1px)
    }
}

@media screen and (min-width: 720px) and (max-width:1080px) {
    .clip-m {
        position:fixed!important;
        _position: absolute!important;
        clip: rect(1px 1px 1px 1px);
        clip: rect(1px,1px,1px,1px)
    }
}

@media screen and (min-width: 1080px) {
    .clip-l {
        position:fixed!important;
        _position: absolute!important;
        clip: rect(1px 1px 1px 1px);
        clip: rect(1px,1px,1px,1px)
    }
}

.ws-normal {
    white-space: normal
}

.nowrap {
    white-space: nowrap
}

.pre {
    white-space: pre
}

@media screen and (min-width: 720px) {
    .ws-normal-ns {
        white-space:normal
    }

    .nowrap-ns {
        white-space: nowrap
    }

    .pre-ns {
        white-space: pre
    }
}

@media screen and (min-width: 720px) and (max-width:1080px) {
    .ws-normal-m {
        white-space:normal
    }

    .nowrap-m {
        white-space: nowrap
    }

    .pre-m {
        white-space: pre
    }
}

@media screen and (min-width: 1080px) {
    .ws-normal-l {
        white-space:normal
    }

    .nowrap-l {
        white-space: nowrap
    }

    .pre-l {
        white-space: pre
    }
}

.v-base {
    vertical-align: baseline
}

.v-mid {
    vertical-align: middle
}

.v-top {
    vertical-align: top
}

.v-btm {
    vertical-align: bottom
}

@media screen and (min-width: 720px) {
    .v-base-ns {
        vertical-align:baseline
    }

    .v-mid-ns {
        vertical-align: middle
    }

    .v-top-ns {
        vertical-align: top
    }

    .v-btm-ns {
        vertical-align: bottom
    }
}

@media screen and (min-width: 720px) and (max-width:1080px) {
    .v-base-m {
        vertical-align:baseline
    }

    .v-mid-m {
        vertical-align: middle
    }

    .v-top-m {
        vertical-align: top
    }

    .v-btm-m {
        vertical-align: bottom
    }
}

@media screen and (min-width: 1080px) {
    .v-base-l {
        vertical-align:baseline
    }

    .v-mid-l {
        vertical-align: middle
    }

    .v-top-l {
        vertical-align: top
    }

    .v-btm-l {
        vertical-align: bottom
    }
}

.dim {
    opacity: 1;
    transition: opacity .15s ease-in
}

.dim:focus,.dim:hover {
    opacity: .5;
    transition: opacity .15s ease-in
}

.dim:active {
    opacity: .8;
    transition: opacity .15s ease-out
}

.glow {
    transition: opacity .15s ease-in
}

.glow:focus,.glow:hover,.hide-child:active .child,.hide-child:focus .child,.hide-child:hover .child {
    opacity: 1;
    transition: opacity .15s ease-in
}

.hide-child .child {
    opacity: 0;
    transition: opacity .15s ease-in
}

.underline-hover:focus,.underline-hover:hover {
    text-decoration: underline
}

.grow {
    -moz-osx-font-smoothing: grayscale;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: transform .25s ease-out;
    transition: transform .25s ease-out,-webkit-transform .25s ease-out
}

.grow:focus,.grow:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.grow:active {
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

.grow-large {
    -moz-osx-font-smoothing: grayscale;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out,-webkit-transform .25s ease-in-out
}

.grow-large:focus,.grow-large:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.grow-large:active {
    -webkit-transform: scale(.95);
    transform: scale(.95)
}

.pointer:hover,.shadow-hover {
    cursor: pointer
}

.shadow-hover {
    position: relative;
    transition: all .5s cubic-bezier(.165,.84,.44,1)
}

.shadow-hover::after {
    content: '';
    box-shadow: 0 0 16px 2px rgba(0,0,0,.2);
    border-radius: inherit;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    transition: opacity .5s cubic-bezier(.165,.84,.44,1)
}

.shadow-hover:focus::after,.shadow-hover:hover::after {
    opacity: 1
}

.bg-animate,.bg-animate:focus,.bg-animate:hover {
    transition: background-color .15s ease-in-out
}

.z-0 {
    z-index: 0
}

.z-1 {
    z-index: 1
}

.z-2 {
    z-index: 2
}

.z-3 {
    z-index: 3
}

.z-4 {
    z-index: 4
}

.z-5 {
    z-index: 5
}

.z-999 {
    z-index: 999
}

.z-9999 {
    z-index: 9999
}

.z-max {
    z-index: 2147483647
}

.z-inherit {
    z-index: inherit
}

.z-initial {
    z-index: initial
}

.z-unset {
    z-index: unset
}

.nested-list-reset ol,.nested-list-reset ul {
    padding-left: 0;
    margin-left: 0;
    list-style-type: none
}

.nested-copy-indent p+p {
    text-indent: .1em;
    margin-top: 0;
    margin-bottom: 0
}

.nested-copy-seperator p+p {
    margin-top: 1.5em
}

.nested-img img {
    width: 100%;
    max-width: 100%;
    display: block
}

.nested-links a {
    color: #357edd;
    transition: color .15s ease-in
}

.nested-links a:focus,.nested-links a:hover {
    color: #96ccff;
    transition: color .15s ease-in
}

.a11y-hidden {
    position: absolute!important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px)
}

.bg-gray {
    background-color: #fafafb
}

.bg-white {
    background-color: #fff
}

.b--gray {
    border-color: #e0e1e2
}

.txt-green {
    color: #1d8478
}

.txt-green2 {
    color: #25a697
}

.txt-gray,body.generals.faq div.faqList ul.faqList li div.faqTitle span.arrowState i,body.generals.faq_ios div.faqList ul.faqList li div.faqTitle span.arrowState i {
    color: #93979b
}

.txt-orange {
    color: #ff9b9e
}

.txt-black {
    color: #101820
}

.txt-red {
    color: #ff5d62
}

.flex-grow-2 {
    flex-grow: 2
}

@media screen and (min-width: 720px) {
    .flex-grow-2-ns {
        flex-grow:2
    }
}

@media screen and (min-width: 720px) and (max-width:1080px) {
    .flex-grow-2-m {
        flex-grow:2
    }
}

@media screen and (min-width: 1080px) {
    .flex-grow-2-l {
        flex-grow:2
    }
}

.b {
    font-family: "Mulish ExtraBold",sans-serif;
    font-weight: initial
}

.mla {
    margin-left: auto
}

.mw0 {
    min-width: 0
}

@font-face {
    font-family: 'Mulish Regular';
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/mulish/v13/1Ptvg83HX_SGhgqk0QotcqA.woff2) format("woff2");
    unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: 'Mulish Regular';
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/mulish/v13/1Ptvg83HX_SGhgqk3wot.woff2) format("woff2");
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: 'Mulish SemiBold';
    font-style: normal;
    font-display: swap;
    font-weight: 600;
    src: url(https://fonts.gstatic.com/s/mulish/v13/1Ptvg83HX_SGhgqk0QotcqA.woff2) format("woff2");
    unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: 'Mulish SemiBold';
    font-style: normal;
    font-display: swap;
    font-weight: 600;
    src: url(https://fonts.gstatic.com/s/mulish/v13/1Ptvg83HX_SGhgqk3wot.woff2) format("woff2");
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: 'Mulish ExtraBold';
    font-style: normal;
    font-display: swap;
    font-weight: 800;
    src: url(https://fonts.gstatic.com/s/mulish/v13/1Ptvg83HX_SGhgqk0QotcqA.woff2) format("woff2");
    unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: 'Mulish ExtraBold';
    font-style: normal;
    font-display: swap;
    font-weight: 800;
    src: url(https://fonts.gstatic.com/s/mulish/v13/1Ptvg83HX_SGhgqk3wot.woff2) format("woff2");
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: 'icomoon';
    src: url(/fonts/ms/icomoon-3b6645a2a1.eot);
    src: url(/fonts/ms/icomoon-3b6645a2a1.eot?#iefix) format("embedded-opentype"),url(/fonts/ms/icomoon-dd473503b8.woff) format("woff"),url(/fonts/ms/icomoon-af5723f87b.ttf) format("truetype"),url(/fonts/ms/icomoon-aa6217f092.svg#icomoon) format("svg");
    font-weight: 400;
    font-style: normal
}

[class*=" fa-"],[class^=fa-] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-check:before {
    content: "\f00c"
}

.fa-chevron-up:before {
    content: "\f077"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-truck:before {
    content: "\f0d1"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-caret-right:before {
    content: "\f0da"
}

.fa-angle-left:before {
    content: "\f104"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-angle-down:before {
    content: "\f107"
}

blockquote,body,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,li,ol,p,pre,td,th,ul {
    margin: 0;
    padding: 0
}

h1,h2,h3,h4,h5,h6,p {
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 1.25rem;
    text-rendering: optimizeLegibility
}

p aside {
    font-size: .875rem;
    line-height: 1.35
}

h1,h2,h3,h4,h5,h6 {
    font-style: normal;
    margin-top: .2rem;
    margin-bottom: .5rem;
    line-height: 1.4
}

h1 small,h2 small,h3 small,h4 small,h5 small,h6 small {
    font-size: 60%;
    line-height: 0
}

h1,h2,h3 {
    font-size: 1.188rem
}

h4,h5 {
    font-size: 1.125rem
}

h6,p {
    font-size: 1rem
}

em,i,p aside {
    font-style: italic
}

b,em,i,small,strong {
    line-height: inherit
}

b,strong {
    font-weight: 700
}

small {
    font-size: 60%
}

@media only screen and (min-width: 720px) {
    h1,h2,h3,h4,h5,h6 {
        line-height:1.4
    }

    h1,h2,h3 {
        font-size: 1.5rem
    }

    h4 {
        font-size: 1.4375rem
    }
}

.headline {
    text-transform: uppercase;
    text-align: center
}

.capitalize {
    text-transform: capitalize
}

.uppercase {
    text-transform: uppercase
}

h2.headline {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 2px
}

@media screen and (min-width: 768px) {
    h2.headline {
        font-size:36px;
        letter-spacing: 3px
    }
}

.admin-bar__container strong,.font-medium,.font-semi-bold,.ms-header .nui__mobile-menu strong,body.generals.imprint div.mainContentWrapper div.mainContent ul.termsList li div.textBlock strong,body.generals.old_terms div.mainContentWrapper div.mainContent ul.termsList li div.textBlock strong,body.generals.privacy div.mainContentWrapper div.mainContent ul.termsList li div.textBlock strong,body.generals.terms div.mainContentWrapper div.mainContent ul.termsList li div.textBlock strong {
    font-family: "Mulish SemiBold",sans-serif
}

.font-bold,h2.headline {
    font-family: "Mulish ExtraBold",sans-serif
}

.on-button {
    color: #1d8478
}

.off-button {
    color: #cd494d
}

body.generals div.siteWrapper div.mainContentWrapper,html body.recipes div.siteWrapper div.mainContentWrapper {
    margin: 0 auto
}

body.generals h1 {
    margin: 0;
    font-size: 1.3125rem;
    font-family: "Mulish Regular",sans-serif;
    padding-top: 1.5625rem;
    padding-bottom: 1.5625rem
}

body.generals.faq div.faqList h2,body.generals.faq_ios div.faqList h2 {
    margin: 0;
    padding-top: 2rem;
    padding-bottom: .75rem;
    font-size: 1rem
}

body.generals.faq div.faqList h2:first-child,body.generals.faq_ios div.faqList h2:first-child {
    padding-top: 0
}

body.generals.faq div.faqList ul.faqList,body.generals.faq_ios div.faqList ul.faqList {
    border: .0625rem solid #e0e1e2
}

body.generals.faq div.faqList ul.faqList li,body.generals.faq_ios div.faqList ul.faqList li {
    list-style: none
}

body.generals.faq div.faqList ul.faqList li div.faqTitle,body.generals.faq_ios div.faqList ul.faqList li div.faqTitle {
    background: #fafafb;
    border-bottom: .0625rem solid #e0e1e2;
    color: #101820;
    font-size: .875rem;
    padding: .78125rem 2.5rem .78125rem .78125rem;
    position: relative;
    cursor: pointer
}

body.generals.faq div.faqList ul.faqList li div.faqTitle span.arrowState,body.generals.faq_ios div.faqList ul.faqList li div.faqTitle span.arrowState {
    position: absolute;
    height: 1rem;
    width: 1rem;
    right: 1rem;
    top: 50%;
    margin-top: -.5rem
}

body .hide,body.generals.faq div.faqList ul.faqList li div.faqTitle span.arrowState i.opened,body.generals.faq div.faqList ul.faqList li.open div.faqTitle span.arrowState i.closed,body.generals.faq_ios div.faqList ul.faqList li div.faqTitle span.arrowState i.opened,body.generals.faq_ios div.faqList ul.faqList li.open div.faqTitle span.arrowState i.closed {
    display: none
}

body.generals.faq div.faqList ul.faqList li div.faqTitle:hover,body.generals.faq_ios div.faqList ul.faqList li div.faqTitle:hover {
    background: #c1c1ce;
    color: #000
}

body.generals.faq div.faqList ul.faqList li div.faqTitle:hover span.arrowState i,body.generals.faq_ios div.faqList ul.faqList li div.faqTitle:hover span.arrowState i {
    color: #606468
}

body.generals.faq div.faqList ul.faqList li:last-child div.faqTitle,body.generals.faq_ios div.faqList ul.faqList li:last-child div.faqTitle {
    border-bottom: 0
}

body.generals.faq div.faqList ul.faqList li:nth-child(odd) div.faqTitle,body.generals.faq_ios div.faqList ul.faqList li:nth-child(odd) div.faqTitle {
    background: #e0e1e2
}

body.generals.faq div.faqList ul.faqList li:nth-child(odd) div.faqTitle:hover,body.generals.faq_ios div.faqList ul.faqList li:nth-child(odd) div.faqTitle:hover {
    background: #abaeb1
}

body.generals.faq div.faqList ul.faqList li div.faqContent,body.generals.faq_ios div.faqList ul.faqList li div.faqContent {
    padding: .78125rem 2rem .78125rem .78125rem;
    font-size: .875rem;
    line-height: 1.25rem;
    display: none
}

body.generals.faq div.faqList ul.faqList li.open div.faqContent,body.generals.faq div.faqList ul.faqList li.open div.faqTitle span.arrowState i.opened,body.generals.faq_ios div.faqList ul.faqList li.open div.faqContent,body.generals.faq_ios div.faqList ul.faqList li.open div.faqTitle span.arrowState i.opened {
    display: block
}

body.generals.faq div.faqLinks,body.generals.faq_ios div.faqLinks {
    padding-top: 2rem;
    padding-bottom: 1rem
}

body.generals.faq div.faqLinks ul li,body.generals.faq_ios div.faqLinks ul li {
    list-style: none;
    padding-bottom: 1rem
}

body.generals.faq div.faqLinks ul li a,body.generals.faq div.faqLinks ul li strong,body.generals.faq_ios div.faqLinks ul li a,body.generals.faq_ios div.faqLinks ul li strong {
    display: block;
    font-size: .8125rem
}

body.generals.imprint div.mainContentWrapper,body.generals.old_terms div.mainContentWrapper,body.generals.privacy div.mainContentWrapper,body.generals.terms div.mainContentWrapper {
    margin-bottom: 3.75rem
}

body.generals.imprint div.mainContentWrapper div.mainContent,body.generals.old_terms div.mainContentWrapper div.mainContent,body.generals.privacy div.mainContentWrapper div.mainContent,body.generals.terms div.mainContentWrapper div.mainContent {
    margin: auto;
    padding-left: 0;
    padding-right: 0
}

body.generals.imprint div.mainContentWrapper div.mainContent>div.columns,body.generals.old_terms div.mainContentWrapper div.mainContent>div.columns,body.generals.privacy div.mainContentWrapper div.mainContent>div.columns,body.generals.terms div.mainContentWrapper div.mainContent>div.columns {
    padding: 0
}

body.generals.imprint div.mainContentWrapper div.mainContent a,body.generals.old_terms div.mainContentWrapper div.mainContent a,body.generals.privacy div.mainContentWrapper div.mainContent a,body.generals.terms div.mainContentWrapper div.mainContent a {
    font-size: 1rem;
    line-height: 1.5rem
}

body.generals.imprint div.mainContentWrapper div.mainContent ul.termsList,body.generals.imprint div.mainContentWrapper div.mainContent ul.termsList li ul.addressList,body.generals.old_terms div.mainContentWrapper div.mainContent ul.termsList,body.generals.old_terms div.mainContentWrapper div.mainContent ul.termsList li ul.addressList,body.generals.privacy div.mainContentWrapper div.mainContent ul.termsList,body.generals.privacy div.mainContentWrapper div.mainContent ul.termsList li ul.addressList,body.generals.terms div.mainContentWrapper div.mainContent ul.termsList,body.generals.terms div.mainContentWrapper div.mainContent ul.termsList li ul.addressList {
    margin: 0;
    padding: 0;
    list-style: none
}

body.generals.imprint div.mainContentWrapper div.mainContent ul.termsList li,body.generals.old_terms div.mainContentWrapper div.mainContent ul.termsList li,body.generals.privacy div.mainContentWrapper div.mainContent ul.termsList li,body.generals.terms div.mainContentWrapper div.mainContent ul.termsList li {
    margin-bottom: 2.5rem;
    font-size: 1rem;
    font-family: "Mulish Regular",sans-serif;
    line-height: 1.5rem
}

body.generals.imprint div.mainContentWrapper div.mainContent ul.termsList li h2,body.generals.old_terms div.mainContentWrapper div.mainContent ul.termsList li h2,body.generals.privacy div.mainContentWrapper div.mainContent ul.termsList li h2,body.generals.terms div.mainContentWrapper div.mainContent ul.termsList li h2 {
    font-size: 1rem;
    font-family: "Mulish SemiBold",sans-serif;
    line-height: 1.5rem;
    margin-bottom: .9375rem
}

body.generals.imprint div.mainContentWrapper div.mainContent ul.termsList li div.textBlock,body.generals.old_terms div.mainContentWrapper div.mainContent ul.termsList li div.textBlock,body.generals.privacy div.mainContentWrapper div.mainContent ul.termsList li div.textBlock,body.generals.terms div.mainContentWrapper div.mainContent ul.termsList li div.textBlock {
    margin-bottom: 1.875rem
}

body.generals.imprint div.mainContentWrapper div.mainContent ul.termsList li div.textBlock span.text,body.generals.old_terms div.mainContentWrapper div.mainContent ul.termsList li div.textBlock span.text,body.generals.privacy div.mainContentWrapper div.mainContent ul.termsList li div.textBlock span.text,body.generals.terms div.mainContentWrapper div.mainContent ul.termsList li div.textBlock span.text {
    display: block;
    margin-top: .3125rem
}

body.generals.imprint div.mainContentWrapper div.mainContent ul.termsList li ul.addressList li,body.generals.old_terms div.mainContentWrapper div.mainContent ul.termsList li ul.addressList li,body.generals.privacy div.mainContentWrapper div.mainContent ul.termsList li ul.addressList li,body.generals.terms div.mainContentWrapper div.mainContent ul.termsList li ul.addressList li {
    margin: .3125rem 0
}

body.generals.imprint div.siteNoticeWrapper {
    padding-bottom: 2rem;
    padding-left: 0
}

body.generals.imprint div.siteNoticeWrapper div.row {
    padding: .5rem 0;
    font-size: 1.125rem;
    line-height: 1.5rem
}

body.generals.imprint div.siteNoticeWrapper div.row.contact div.contactLabel,body.generals.imprint div.siteNoticeWrapper div.row.contact div.contactValue {
    padding-bottom: .5rem;
    width: auto;
    float: left
}

body.generals.imprint div.siteNoticeWrapper div.row.contact div.contactLabel {
    clear: left;
    padding-right: .5rem
}

body.generals.contact div.mainContentWrapper div.mainContent>div.columns {
    padding-left: 0;
    padding-right: 0
}

@media screen and (min-width: 768px) {
    body.generals h1 {
        font-size:1.625rem;
        font-family: "Mulish Regular",sans-serif;
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }

    body.generals div.siteWrapper div.mainContentWrapper div.mainContent,body.generals.faq div.faqHeader,body.generals.faq div.faqLinks,body.generals.faq div.faqList,body.generals.faq_ios div.faqHeader,body.generals.faq_ios div.faqLinks,body.generals.faq_ios div.faqList {
        padding-right: 1.125rem;
        padding-left: 1.125rem
    }

    body.generals.faq div.faqList h2,body.generals.faq_ios div.faqList h2 {
        font-size: 1.75rem;
        padding-top: 3.75rem;
        padding-bottom: 1.25rem
    }

    body.generals.faq div.faqList ul.faqList li div.faqTitle,body.generals.faq_ios div.faqList ul.faqList li div.faqTitle {
        font-size: 1rem
    }

    body.generals.faq div.faqList ul.faqList li div.faqContent,body.generals.faq_ios div.faqList ul.faqList li div.faqContent {
        font-size: 1rem;
        line-height: 1.75rem
    }

    body.generals.faq div.faqLinks,body.generals.faq div.faqLinks ul li,body.generals.faq_ios div.faqLinks,body.generals.faq_ios div.faqLinks ul li {
        padding-bottom: 2rem
    }

    body.generals.faq div.faqLinks ul li a,body.generals.faq div.faqLinks ul li strong,body.generals.faq_ios div.faqLinks ul li a,body.generals.faq_ios div.faqLinks ul li strong {
        display: block;
        font-size: 1.125rem;
        padding-top: .75rem
    }

    body.generals.imprint div.mainContentWrapper div.mainContent a,body.generals.old_terms div.mainContentWrapper div.mainContent a,body.generals.privacy div.mainContentWrapper div.mainContent a,body.generals.terms div.mainContentWrapper div.mainContent a,body.generals.terms_ios div.mainContentWrapper div.mainContent a {
        font-size: 1.125rem
    }

    body.generals.imprint div.mainContentWrapper div.mainContent ul.termsList li,body.generals.old_terms div.mainContentWrapper div.mainContent ul.termsList li,body.generals.privacy div.mainContentWrapper div.mainContent ul.termsList li,body.generals.terms div.mainContentWrapper div.mainContent ul.termsList li,body.generals.terms_ios div.mainContentWrapper div.mainContent ul.termsList li {
        margin-bottom: 3.125rem;
        font-size: 1.125rem;
        line-height: 1.625rem
    }

    body.generals.imprint div.mainContentWrapper div.mainContent ul.termsList li h2,body.generals.old_terms div.mainContentWrapper div.mainContent ul.termsList li h2,body.generals.privacy div.mainContentWrapper div.mainContent ul.termsList li h2,body.generals.terms div.mainContentWrapper div.mainContent ul.termsList li h2,body.generals.terms_ios div.mainContentWrapper div.mainContent ul.termsList li h2 {
        font-size: 1.25rem
    }
}

@media screen and (min-width: 1024px) {
    body.generals div.siteWrapper div.mainContentWrapper {
        padding-left:2.3125rem;
        padding-right: 2.3125rem
    }

    body.generals div.siteWrapper div.mainContentWrapper div.mainContent {
        padding-left: 0;
        padding-right: 0
    }

    body.generals.faq div.siteWrapper div.row.faqWrapper div.faqList,body.generals.faq_ios div.siteWrapper div.row.faqWrapper div.faqList {
        padding-bottom: 12.5rem
    }

    body.generals.faq div.siteWrapper div.row.faqWrapper div.faqLinks,body.generals.faq_ios div.siteWrapper div.row.faqWrapper div.faqLinks {
        padding-top: 3.6875rem;
        padding-left: 2.3125rem
    }
}

@media screen and (min-width: 1200px) {
    body.generals.contact div.mainContentWrapper div.mainContent,body.generals.faq div.row.faqWrapper,body.generals.faq_ios div.row.faqWrapper,body.generals.old_terms div.mainContentWrapper div.mainContent,body.generals.privacy div.mainContentWrapper div.mainContent,body.generals.terms div.mainContentWrapper div.mainContent,body.generals.terms_ios div.mainContentWrapper div.mainContent {
        max-width:60rem
    }

    body.generals.faq div.row.faqWrapper div.faqHeader,body.generals.faq_ios div.row.faqWrapper div.faqHeader {
        padding-left: 0;
        padding-right: 0
    }

    body.generals.faq div.row.faqWrapper div.faqList,body.generals.faq_ios div.row.faqWrapper div.faqList {
        padding-left: 0
    }

    body.generals.faq div.row.faqWrapper div.faqLinks,body.generals.faq_ios div.row.faqWrapper div.faqLinks {
        padding-right: 0
    }

    body.generals.imprint div.siteNoticeWrapper {
        max-width: 60rem;
        margin: auto
    }

    body.generals.old_terms div.mainContentWrapper,body.generals.privacy div.mainContentWrapper,body.generals.terms div.mainContentWrapper,body.generals.terms_ios div.mainContentWrapper {
        margin-bottom: 3.75rem
    }
}

.radio-btn {
    height: 18px;
    width: 18px;
    border-radius: 50%;
    border: 1px solid #93979b
}

.radio-btn.radio-btn__checked {
    border: 5px solid #25a697
}

.anchor-link {
    color: #25a697;
    font-size: 12px;
    text-decoration: underline;
    cursor: pointer
}

.image-circle {
    border-radius: 50%
}

hr.black-line {
    border-color: #101820
}

hr.medium-line,hr.short-line {
    margin: 18px auto;
    width: 84px
}

hr.short-line {
    width: 40px;
    border-color: #93979b
}

hr.thin-line {
    margin: 6px auto
}

hr.grey-line,hr.thin-line {
    border-color: #e0e1e2
}

a {
    color: #101820;
    text-decoration: none;
    line-height: inherit
}

a:focus,a:hover {
    color: #0e151c
}

a img {
    border: 0
}

.link--default {
    color: #25a697;
    transition: all .3s ease-in-out 0s
}

.link--default:focus,.link--default:hover {
    color: #1d8478
}

dl,ol,ul {
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 1.25rem;
    list-style-position: outside
}

ul {
    margin-left: 1.1rem
}

ol li ol,ol li ul,ul li ol,ul li ul {
    margin-left: 1.25rem;
    margin-bottom: 0
}

ul.circle li ul,ul.disc li ul,ul.square li ul {
    list-style: inherit
}

ul.circle,ul.disc,ul.square {
    list-style-type: square;
    margin-left: 1.1rem
}

ul.circle,ul.disc {
    list-style-type: circle
}

ul.disc {
    list-style-type: disc
}

ul.no-bullet {
    list-style: none
}

ol {
    margin-left: 1.4rem
}

dl dt {
    margin-bottom: .3rem;
    font-weight: 400
}

dl dd {
    margin-bottom: .75rem
}

.admin-bar__container {
    background-color: #101820;
    color: #fff;
    text-align: center
}

.print-only {
    display: none!important
}

@media print {
    * {
        background: 0 0!important;
        color: #000!important;
        box-shadow: none!important;
        text-shadow: none!important
    }

    a,a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    .ir a:after,a[href^="#"]:after,a[href^="javascript:"]:after {
        content: ""
    }

    blockquote,pre {
        border: 1px solid #999
    }

    thead {
        display: table-header-group
    }

    blockquote,img,pre,tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100%!important
    }

    @page {
        margin: .5cm
    }

    h2,h3,p {
        orphans: 3;
        widows: 3
    }

    h2,h3 {
        page-break-after: avoid
    }

    .hide-on-print {
        display: none!important
    }

    .print-only {
        display: block!important
    }

    .hide-for-print {
        display: none!important
    }

    .show-for-print {
        display: inherit!important
    }
}

.nui__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1 100%;
    margin: 0 auto;
    max-width: calc(100vw - 32px)
}

.nui__wrapper.siteWrapper {
    margin-bottom: 30px
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .nui__wrapper {
        max-width:calc(100vw - 64px)
    }
}

@media only screen and (min-width: 1080px) {
    .nui__wrapper {
        max-width:1080px
    }
}

.nui__row {
    position: relative;
    display: flex;
    flex: 0 1 auto;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%
}

.nui__col-1,.nui__col-10,.nui__col-11,.nui__col-12,.nui__col-2,.nui__col-3,.nui__col-4,.nui__col-5,.nui__col-6,.nui__col-7,.nui__col-8,.nui__col-9 {
    padding: 0 10px 0 0;
    flex: 0 0 auto;
    max-width: 100%;
    box-sizing: border-box
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .nui__col-1,.nui__col-10,.nui__col-11,.nui__col-12,.nui__col-2,.nui__col-3,.nui__col-4,.nui__col-5,.nui__col-6,.nui__col-7,.nui__col-8,.nui__col-9 {
        padding-right:10px
    }
}

@media only screen and (min-width: 1080px) {
    .nui__col-1,.nui__col-10,.nui__col-11,.nui__col-12,.nui__col-2,.nui__col-3,.nui__col-4,.nui__col-5,.nui__col-6,.nui__col-7,.nui__col-8,.nui__col-9 {
        padding-right:10px
    }
}

[class*=nui__col-]:last-of-type {
    padding-right: 0
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    [class*=nui__col-]:last-of-type {
        padding-right:0
    }
}

@media only screen and (min-width: 1080px) {
    [class*=nui__col-]:last-of-type {
        padding-right:0
    }
}

.nui__col-1 {
    padding-right: 10px;
    width: calc(65px*1 + 10px*(1))
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .nui__col-1 {
        padding-right:10px;
        width: calc(80px*1 + 10px*(1))
    }
}

@media only screen and (min-width: 1080px) {
    .nui__col-1 {
        padding-right:10px;
        width: calc(80px*1 + 10px*(1))
    }
}

.nui__col-2 {
    padding-right: 10px;
    width: calc(65px*2 + 10px*(2))
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .nui__col-2 {
        padding-right:10px;
        width: calc(80px*2 + 10px*(2))
    }
}

@media only screen and (min-width: 1080px) {
    .nui__col-2 {
        padding-right:10px;
        width: calc(80px*2 + 10px*(2))
    }
}

.nui__col-3 {
    padding-right: 10px;
    width: calc(65px*3 + 10px*(3))
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .nui__col-3 {
        padding-right:10px;
        width: calc(80px*3 + 10px*(3))
    }
}

@media only screen and (min-width: 1080px) {
    .nui__col-3 {
        padding-right:10px;
        width: calc(80px*3 + 10px*(3))
    }
}

.nui__col-4 {
    padding-right: 10px;
    width: calc(65px*4 + 10px*(4))
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .nui__col-4 {
        padding-right:10px;
        width: calc(80px*4 + 10px*(4))
    }
}

@media only screen and (min-width: 1080px) {
    .nui__col-4 {
        padding-right:10px;
        width: calc(80px*4 + 10px*(4))
    }
}

.nui__col-5 {
    padding-right: 10px;
    width: calc(65px*4 + 10px*(4))
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .nui__col-5 {
        padding-right:10px;
        width: calc(80px*5 + 10px*(5))
    }
}

@media only screen and (min-width: 1080px) {
    .nui__col-5 {
        padding-right:10px;
        width: calc(80px*5 + 10px*(5))
    }
}

.nui__col-6 {
    padding-right: 10px;
    width: calc(65px*4 + 10px*(4))
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .nui__col-6 {
        padding-right:10px;
        width: calc(80px*6 + 10px*(6))
    }
}

@media only screen and (min-width: 1080px) {
    .nui__col-6 {
        padding-right:10px;
        width: calc(80px*6 + 10px*(6))
    }
}

.nui__col-7 {
    padding-right: 10px;
    width: calc(65px*4 + 10px*(4))
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .nui__col-7 {
        padding-right:10px;
        width: calc(80px*7 + 10px*(7))
    }
}

@media only screen and (min-width: 1080px) {
    .nui__col-7 {
        padding-right:10px;
        width: calc(80px*7 + 10px*(7))
    }
}

.nui__col-8 {
    padding-right: 10px;
    width: calc(65px*4 + 10px*(4))
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .nui__col-8 {
        padding-right:10px;
        width: calc(80px*8 + 10px*(8))
    }
}

@media only screen and (min-width: 1080px) {
    .nui__col-8 {
        padding-right:10px;
        width: calc(80px*8 + 10px*(8))
    }
}

.nui__col-9 {
    padding-right: 10px;
    width: calc(65px*4 + 10px*(4))
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .nui__col-9 {
        padding-right:10px;
        width: calc(80px*8 + 10px*(8))
    }
}

@media only screen and (min-width: 1080px) {
    .nui__col-9 {
        padding-right:10px;
        width: calc(80px*9 + 10px*(9))
    }
}

.nui__col-10 {
    padding-right: 10px;
    width: calc(65px*4 + 10px*(4))
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .nui__col-10 {
        padding-right:10px;
        width: calc(80px*8 + 10px*(8))
    }
}

@media only screen and (min-width: 1080px) {
    .nui__col-10 {
        padding-right:10px;
        width: calc(80px*10 + 10px*(10))
    }
}

.nui__col-11 {
    padding-right: 10px;
    width: calc(65px*4 + 10px*(4))
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .nui__col-11 {
        padding-right:10px;
        width: calc(80px*8 + 10px*(8))
    }
}

@media only screen and (min-width: 1080px) {
    .nui__col-11 {
        padding-right:10px;
        width: calc(80px*11 + 10px*(11))
    }
}

.nui__col-12 {
    padding-right: 10px;
    width: calc(65px*4 + 10px*(4))
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .nui__col-12 {
        padding-right:10px;
        width: calc(80px*8 + 10px*(8))
    }
}

@media only screen and (min-width: 1080px) {
    .nui__col-12 {
        padding-right:10px;
        width: calc(80px*12 + 10px*(12))
    }
}

@media only screen and (max-width: 719px) {
    .nui__col-1--mobile {
        width:calc(65px*1 + 10px*(1));
        padding: 0 10px 0 0;
        flex: 0 0 auto;
        max-width: 100%
    }
}

@media only screen and (max-width: 719px) and (min-width:720px) and (max-width:1079px) {
    .nui__col-1--mobile {
        padding-right:10px
    }
}

@media only screen and (max-width: 719px) and (min-width:1080px) {
    .nui__col-1--mobile {
        padding-right:10px
    }
}

@media only screen and (max-width: 719px) {
    .nui__col-2--mobile {
        width:calc(65px*2 + 10px*(2));
        padding: 0 10px 0 0;
        flex: 0 0 auto;
        max-width: 100%
    }
}

@media only screen and (max-width: 719px) and (min-width:720px) and (max-width:1079px) {
    .nui__col-2--mobile {
        padding-right:10px
    }
}

@media only screen and (max-width: 719px) and (min-width:1080px) {
    .nui__col-2--mobile {
        padding-right:10px
    }
}

@media only screen and (max-width: 719px) {
    .nui__col-3--mobile {
        width:calc(65px*3 + 10px*(3));
        padding: 0 10px 0 0;
        flex: 0 0 auto;
        max-width: 100%
    }
}

@media only screen and (max-width: 719px) and (min-width:720px) and (max-width:1079px) {
    .nui__col-3--mobile {
        padding-right:10px
    }
}

@media only screen and (max-width: 719px) and (min-width:1080px) {
    .nui__col-3--mobile {
        padding-right:10px
    }
}

@media only screen and (max-width: 719px) {
    .nui__col-4--mobile {
        width:calc(65px*4 + 10px*(4));
        padding: 0 10px 0 0;
        flex: 0 0 auto;
        max-width: 100%
    }
}

@media only screen and (max-width: 719px) and (min-width:720px) and (max-width:1079px) {
    .nui__col-4--mobile {
        padding-right:10px
    }
}

@media only screen and (max-width: 719px) and (min-width:1080px) {
    .nui__col-4--mobile {
        padding-right:10px
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .nui__col-1--tablet {
        width:calc(80px*1 + 10px*(1));
        padding: 0 10px 0 0;
        flex: 0 0 auto;
        max-width: 100%
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px) and (min-width:720px) and (max-width:1079px) {
    .nui__col-1--tablet {
        padding-right:10px
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px) and (min-width:1080px) {
    .nui__col-1--tablet {
        padding-right:10px
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .nui__col-2--tablet {
        width:calc(80px*2 + 10px*(2));
        padding: 0 10px 0 0;
        flex: 0 0 auto;
        max-width: 100%
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px) and (min-width:720px) and (max-width:1079px) {
    .nui__col-2--tablet {
        padding-right:10px
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px) and (min-width:1080px) {
    .nui__col-2--tablet {
        padding-right:10px
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .nui__col-3--tablet {
        width:calc(80px*3 + 10px*(3));
        padding: 0 10px 0 0;
        flex: 0 0 auto;
        max-width: 100%
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px) and (min-width:720px) and (max-width:1079px) {
    .nui__col-3--tablet {
        padding-right:10px
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px) and (min-width:1080px) {
    .nui__col-3--tablet {
        padding-right:10px
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .nui__col-4--tablet {
        width:calc(80px*4 + 10px*(4));
        padding: 0 10px 0 0;
        flex: 0 0 auto;
        max-width: 100%
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px) and (min-width:720px) and (max-width:1079px) {
    .nui__col-4--tablet {
        padding-right:10px
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px) and (min-width:1080px) {
    .nui__col-4--tablet {
        padding-right:10px
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .nui__col-5--tablet {
        width:calc(80px*5 + 10px*(5));
        padding: 0 10px 0 0;
        flex: 0 0 auto;
        max-width: 100%
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px) and (min-width:720px) and (max-width:1079px) {
    .nui__col-5--tablet {
        padding-right:10px
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px) and (min-width:1080px) {
    .nui__col-5--tablet {
        padding-right:10px
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .nui__col-6--tablet {
        width:calc(80px*6 + 10px*(6));
        padding: 0 10px 0 0;
        flex: 0 0 auto;
        max-width: 100%
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px) and (min-width:720px) and (max-width:1079px) {
    .nui__col-6--tablet {
        padding-right:10px
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px) and (min-width:1080px) {
    .nui__col-6--tablet {
        padding-right:10px
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .nui__col-7--tablet {
        width:calc(80px*7 + 10px*(7));
        padding: 0 10px 0 0;
        flex: 0 0 auto;
        max-width: 100%
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px) and (min-width:720px) and (max-width:1079px) {
    .nui__col-7--tablet {
        padding-right:10px
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px) and (min-width:1080px) {
    .nui__col-7--tablet {
        padding-right:10px
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .nui__col-8--tablet {
        width:calc(80px*8 + 10px*(8));
        padding: 0 10px 0 0;
        flex: 0 0 auto;
        max-width: 100%
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px) and (min-width:720px) and (max-width:1079px) {
    .nui__col-8--tablet {
        padding-right:10px
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px) and (min-width:1080px) {
    .nui__col-8--tablet {
        padding-right:10px
    }
}

@media only screen and (min-width: 1080px) {
    .nui__col-1--desktop {
        width:calc(80px*1 + 10px*(1));
        padding: 0 10px 0 0;
        flex: 0 0 auto;
        max-width: 100%
    }
}

@media only screen and (min-width: 1080px) and (min-width:720px) and (max-width:1079px) {
    .nui__col-1--desktop {
        padding-right:10px
    }
}

@media only screen and (min-width: 1080px) and (min-width:1080px) {
    .nui__col-1--desktop {
        padding-right:10px
    }
}

@media only screen and (min-width: 1080px) {
    .nui__col-2--desktop {
        width:calc(80px*2 + 10px*(2));
        padding: 0 10px 0 0;
        flex: 0 0 auto;
        max-width: 100%
    }
}

@media only screen and (min-width: 1080px) and (min-width:720px) and (max-width:1079px) {
    .nui__col-2--desktop {
        padding-right:10px
    }
}

@media only screen and (min-width: 1080px) and (min-width:1080px) {
    .nui__col-2--desktop {
        padding-right:10px
    }
}

@media only screen and (min-width: 1080px) {
    .nui__col-3--desktop {
        width:calc(80px*3 + 10px*(3));
        padding: 0 10px 0 0;
        flex: 0 0 auto;
        max-width: 100%
    }
}

@media only screen and (min-width: 1080px) and (min-width:720px) and (max-width:1079px) {
    .nui__col-3--desktop {
        padding-right:10px
    }
}

@media only screen and (min-width: 1080px) and (min-width:1080px) {
    .nui__col-3--desktop {
        padding-right:10px
    }
}

@media only screen and (min-width: 1080px) {
    .nui__col-4--desktop {
        width:calc(80px*4 + 10px*(4));
        padding: 0 10px 0 0;
        flex: 0 0 auto;
        max-width: 100%
    }
}

@media only screen and (min-width: 1080px) and (min-width:720px) and (max-width:1079px) {
    .nui__col-4--desktop {
        padding-right:10px
    }
}

@media only screen and (min-width: 1080px) and (min-width:1080px) {
    .nui__col-4--desktop {
        padding-right:10px
    }
}

@media only screen and (min-width: 1080px) {
    .nui__col-5--desktop {
        width:calc(80px*5 + 10px*(5));
        padding: 0 10px 0 0;
        flex: 0 0 auto;
        max-width: 100%
    }
}

@media only screen and (min-width: 1080px) and (min-width:720px) and (max-width:1079px) {
    .nui__col-5--desktop {
        padding-right:10px
    }
}

@media only screen and (min-width: 1080px) and (min-width:1080px) {
    .nui__col-5--desktop {
        padding-right:10px
    }
}

@media only screen and (min-width: 1080px) {
    .nui__col-6--desktop {
        width:calc(80px*6 + 10px*(6));
        padding: 0 10px 0 0;
        flex: 0 0 auto;
        max-width: 100%
    }
}

@media only screen and (min-width: 1080px) and (min-width:720px) and (max-width:1079px) {
    .nui__col-6--desktop {
        padding-right:10px
    }
}

@media only screen and (min-width: 1080px) and (min-width:1080px) {
    .nui__col-6--desktop {
        padding-right:10px
    }
}

@media only screen and (min-width: 1080px) {
    .nui__col-7--desktop {
        width:calc(80px*7 + 10px*(7));
        padding: 0 10px 0 0;
        flex: 0 0 auto;
        max-width: 100%
    }
}

@media only screen and (min-width: 1080px) and (min-width:720px) and (max-width:1079px) {
    .nui__col-7--desktop {
        padding-right:10px
    }
}

@media only screen and (min-width: 1080px) and (min-width:1080px) {
    .nui__col-7--desktop {
        padding-right:10px
    }
}

@media only screen and (min-width: 1080px) {
    .nui__col-8--desktop {
        width:calc(80px*8 + 10px*(8));
        padding: 0 10px 0 0;
        flex: 0 0 auto;
        max-width: 100%
    }
}

@media only screen and (min-width: 1080px) and (min-width:720px) and (max-width:1079px) {
    .nui__col-8--desktop {
        padding-right:10px
    }
}

@media only screen and (min-width: 1080px) and (min-width:1080px) {
    .nui__col-8--desktop {
        padding-right:10px
    }
}

@media only screen and (min-width: 1080px) {
    .nui__col-9--desktop {
        width:calc(80px*9 + 10px*(9));
        padding: 0 10px 0 0;
        flex: 0 0 auto;
        max-width: 100%
    }
}

@media only screen and (min-width: 1080px) and (min-width:720px) and (max-width:1079px) {
    .nui__col-9--desktop {
        padding-right:10px
    }
}

@media only screen and (min-width: 1080px) and (min-width:1080px) {
    .nui__col-9--desktop {
        padding-right:10px
    }
}

@media only screen and (min-width: 1080px) {
    .nui__col-10--desktop {
        width:calc(80px*10 + 10px*(10));
        padding: 0 10px 0 0;
        flex: 0 0 auto;
        max-width: 100%
    }
}

@media only screen and (min-width: 1080px) and (min-width:720px) and (max-width:1079px) {
    .nui__col-10--desktop {
        padding-right:10px
    }
}

@media only screen and (min-width: 1080px) and (min-width:1080px) {
    .nui__col-10--desktop {
        padding-right:10px
    }
}

@media only screen and (min-width: 1080px) {
    .nui__col-11--desktop {
        width:calc(80px*11 + 10px*(11));
        padding: 0 10px 0 0;
        flex: 0 0 auto;
        max-width: 100%
    }
}

@media only screen and (min-width: 1080px) and (min-width:720px) and (max-width:1079px) {
    .nui__col-11--desktop {
        padding-right:10px
    }
}

@media only screen and (min-width: 1080px) and (min-width:1080px) {
    .nui__col-11--desktop {
        padding-right:10px
    }
}

@media only screen and (min-width: 1080px) {
    .nui__col-12--desktop {
        width:calc(80px*12 + 10px*(12));
        padding: 0 10px 0 0;
        flex: 0 0 auto;
        max-width: 100%
    }
}

@media only screen and (min-width: 1080px) and (min-width:720px) and (max-width:1079px) {
    .nui__col-12--desktop {
        padding-right:10px
    }
}

@media only screen and (min-width: 1080px) and (min-width:1080px) {
    .nui__col-12--desktop {
        padding-right:10px
    }
}

.nui__flex {
    flex: 1 1 auto
}

.nui__nowrap {
    flex-wrap: nowrap
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .nui__nowrap--tablet {
        flex-wrap:nowrap
    }
}

@media only screen and (min-width: 1080px) {
    .nui__nowrap--desktop {
        flex-wrap:nowrap
    }
}

.nui__center,.nui__right {
    display: flex;
    justify-content: center
}

.nui__right {
    justify-content: flex-end
}


@media (max-width: 719px) {
    form[name="setlang"] {
      padding-top: 12px; /* Настройте значение в соответствии с вашими предпочтениями */
	  padding-right: 10px; /* Настройте значение в соответствии с вашими предпочтениями */
    }
  }

@media only screen and (max-width: 719px) {
    body .hide-mobile {
        display:none
    }
	
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    body .hide-tablet {
        display:none
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    body .hide-tablet-desktop {
        display:none
    }
}

@media only screen and (min-width: 1080px) {
    body .hide-desktop {
        display:none
    }
}

.nui__half {
    width: 50%
}

@media only screen and (max-width: 719px) {
    .nui__half--mobile {
        width:50%
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .nui__half--tablet {
        width:50%
    }
}

@media only screen and (min-width: 1080px) {
    .nui__half--desktop {
        width:50%
    }
}

.nui__full {
    width: 100%
}

@media only screen and (max-width: 719px) {
    .nui__full-mobile {
        width:100%
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .nui__full-tablet {
        width:100%
    }
}

@media only screen and (min-width: 1080px) {
    .nui__full-desktop {
        width:100%
    }
}

.nui__one-third {
    width: 33.3%
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .nui__one-third--tablet {
        width:33.3%
    }
}

@media only screen and (min-width: 1080px) {
    .nui__one-third--desktop {
        width:33.3%
    }
}

.ixopay-credit-card-settings .ixopay-credit-card-form label[for=cc-cvc],.nui__padding-left {
    padding-left: calc(15px/2)
}

.ixopay-credit-card-settings .ixopay-credit-card-form label[for=cc-expiry],.nui__padding,.nui__padding-right {
    padding-right: calc(15px/2)
}

.nui__padding {
    padding-left: calc(15px/2)
}

.nui__breath {
    padding-left: calc(10px/2);
    padding-right: calc(10px/2)
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .nui__breath {
        padding-left:calc(10px/2);
        padding-right: calc(10px/2)
    }
}

@media only screen and (min-width: 1080px) {
    .nui__breath {
        padding-left:calc(10px/2);
        padding-right: calc(10px/2)
    }
}

.nui__breath:last-of-type {
    padding-right: 0
}

.nui__breath:first-of-type {
    padding-left: 0
}

.nui__column {
    padding-right: calc(15px/2);
    padding-left: calc(15px/2)
}

.nui__column:last-of-type {
    padding-right: calc(15px/2)
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .nui__column:last-of-type {
        padding-right:calc(15px/2)
    }
}

@media only screen and (min-width: 1080px) {
    .nui__column:last-of-type {
        padding-right:15px
    }
}

.nui__column:first-of-type {
    padding-left: calc(15px/2)
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .nui__column:first-of-type {
        padding-left:calc(15px/2)
    }
}

@media only screen and (min-width: 1080px) {
    .nui__column:first-of-type {
        padding-left:15px
    }
}

@media only screen and (max-width: 719px) {
    .nui__column--mobile {
        padding-left:10px;
        padding-right: 10px
    }

    .nui__column--mobile:last-of-type {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .nui__column--tablet {
        padding-left:10px;
        padding-right: 10px
    }

    .nui__column--tablet:last-of-type {
        padding-left: 10px;
        padding-right: 10px
    }
}

.nui__nopadding,html body div.siteWrapper div.recipeChef div.columns {
    padding: 0
}

.nui__nopadding:first-of-type {
    padding: 0
}

.nui__nopadding:last-of-type {
    padding: 0
}

@media only screen and (max-width: 719px) {
    .nui__nopadding--mobile {
        padding:0
    }

    .nui__nopadding--mobile:first-of-type {
        padding: 0
    }

    .nui__nopadding--mobile:last-of-type {
        padding: 0
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .nui__nopadding--tablet {
        padding:0
    }

    .nui__nopadding--tablet:first-of-type {
        padding: 0
    }

    .nui__nopadding--tablet:last-of-type {
        padding: 0
    }
}

@media only screen and (min-width: 1080px) {
    .nui__nopadding--desktop {
        padding:0
    }

    .nui__nopadding--desktop:first-of-type {
        padding: 0
    }

    .nui__nopadding--desktop:last-of-type {
        padding: 0
    }
}

html body {
    overflow-anchor: none;
    font-size: 1rem;
    font-family: "Mulish Regular",sans-serif;
    line-height: 1.2rem;
    background-color: #fafafb;
    padding-top: 48px
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    html body {
        padding-top:64px
    }
}

html body.accounts {
    padding-top: 55px;
    background-color: #fafafb
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    html body.accounts {
        padding-top:70px
    }
}

html body a {
    color: #1d8478;
    text-decoration: none;
    cursor: pointer;
    transition: all .3s ease-in-out 0s
}

html body a:focus,html body a:hover {
    color: #25a697
}

html body div.siteWrapper div.mainContentWrapper {
    margin: 1.875rem auto
}

html body div.siteWrapper div.biographyContent {
    padding: 1.875rem
}

html body div.siteWrapper div.biographyContent h2 {
    font-size: 2rem;
    font-family: "Mulish SemiBold",sans-serif;
    line-height: 3rem
}

html body div.siteWrapper div.biographyContent p {
    font-size: 1.125rem;
    font-family: "Mulish Regular",sans-serif;
    line-height: 1.875rem
}

html body div.siteWrapper div.recipeChef {
    background: 0 0;
    border: 0;
    padding: 2.5rem .625rem;
    margin-top: 0;
    margin-bottom: 0
}

html body div.siteWrapper div.recipeChef.chefsBio {
    padding-top: 5rem
}

html body div.siteWrapper div.recipeChef.chefsBio div.image {
    height: 8rem;
    width: 8rem;
    border-radius: 50%;
    margin: auto;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
    background-attachment: scroll
}

html body div.siteWrapper div.recipeChef.chefsBio div.comment {
    text-align: center;
    padding: 0 1.5rem;
    font-size: 1.5rem;
    line-height: 1.875rem
}

html body div.siteWrapper div.recipeChef .comment i {
    font-family: "Mulish Regular",sans-serif
}

html body div.siteWrapper div.recipeChef div.presentedBy {
    font-size: 1rem;
    font-family: "Mulish SemiBold",sans-serif;
    line-height: 1.375rem
}

html body div.siteWrapper div.recipeChef h1.chefFrom,html body div.siteWrapper div.recipeChef h2.chefFrom {
    color: #101820;
    padding: 1.25rem 0 .625rem;
    line-height: 1.875rem;
    font-size: 1.3125rem
}

html body div.siteWrapper div.recipeChef h1.chefFrom strong,html body div.siteWrapper div.recipeChef h2.chefFrom strong {
    display: block;
    font-family: "Mulish SemiBold",sans-serif
}

@media screen and (min-width: 768px) {
    html body body,html body html {
        height:100%
    }

    html body .siteWrapper {
        min-height: 50%
    }

    html body div.siteWrapper div.mainNavigation .navigationLogo {
        padding: 0;
        text-align: center
    }

    html body div.siteWrapper div.biographyContent h2,html body div.siteWrapper div.mainContentWrapper div.mainContent h1 {
        font-size: 1.625rem
    }

    html body div.siteWrapper div.biographyContent {
        max-width: 700px;
        margin: auto;
        padding: 1.875rem 0
    }

    html body div.siteWrapper div.recipeChef {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        font-size: 1.25rem;
        line-height: 1.85rem
    }

    html body div.siteWrapper div.recipeChef.chefsBio {
        padding-left: 15%;
        padding-right: 15%
    }

    html body div.siteWrapper div.recipeChef.chefsBio .chefWrapper {
        max-width: 700px;
        margin: auto
    }

    html body div.siteWrapper div.recipeChef.chefsBio .chefWrapper .chefImage {
        float: left;
        width: 20%;
        margin-right: 5%
    }

    html body div.siteWrapper div.recipeChef.chefsBio .chefWrapper .chefInfo {
        width: 75%;
        float: left
    }

    html body div.siteWrapper div.recipeChef.chefsBio .chefWrapper .chefInfo .chefFrom {
        text-align: left;
        padding: 0 0 .9375rem
    }

    html body div.siteWrapper div.recipeChef.chefsBio .chefWrapper .chefInfo div.comment {
        text-align: left;
        padding: 0
    }

    html body div.siteWrapper div.recipeChef h1.chefFrom,html body div.siteWrapper div.recipeChef h2.chefFrom {
        padding-bottom: 0;
        margin-bottom: .125rem
    }

    html body div.siteWrapper div.recipeChef h1.chefFrom strong,html body div.siteWrapper div.recipeChef h2.chefFrom strong {
        display: inline
    }

    html body div.siteWrapper div.recipeChef div.comment {
        float: left;
        padding-top: 1rem
    }

    html body div.siteWrapper div.recipeChef div.image {
        height: 10rem;
        width: 10rem;
        border-radius: 50%;
        float: right;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        background-color: transparent;
        background-attachment: scroll
    }
}

@media screen and (min-width: 1024px) {
    html body div.mainContentWrapper div.recipeChef {
        padding-left:7.5%;
        padding-right: 7.5%
    }
}

@media screen and (min-width: 1200px) {
    html body div.siteWrapper div.recipeChef>div.columns {
        width:52.8125rem;
        margin: 0 auto;
        float: none
    }

    html body div.siteWrapper div.recipeChef div.image {
        float: left
    }
}

.siteMap {
    padding: 36px 0
}

.siteMap h4 {
    margin: 0 0 16px;
    font-family: "Mulish SemiBold",sans-serif
}

.extraInfo ul,.siteMap ul {
    margin: 0;
    list-style: none
}

.extraInfo h4,.siteMap a,.siteMap h4 {
    font-size: 14px;
    color: #101820
}

.siteMap a {
    line-height: 16px;
    padding: 4px 0;
    display: inline-block
}

.siteMap a:hover {
    color: #000
}

.siteMap .phone-number {
    display: block
}

.siteMap .arrow_indicator {
    display: none
}

.siteMap .app_store_qr_code {
    width: 120px;
    margin: 4px 0
}

.siteMap .app_download_badges img {
    width: 120px;
    margin: 2px 0
}

.siteMap__section {
    flex: 180px 0 0
}

.siteMap__section.section_download_apps {
    margin-left: auto
}

.siteMap__sections_wrap {
    display: flex;
    gap: 16px
}

.address-form__container .special-order__delivery-address form>div,.appBadges__list li,.delivery-details__container .special-order__delivery-address form>div,.review-order__container .special-order__delivery-address form>div {
    margin-bottom: 10px
}

.appBadges__list li>a>img {
    width: 120px
}

.footer {
    background-color: #fff
}

.extraInfo {
    padding: 24px 0;
    background-color: #fafafb;
    text-align: center
}

.extraInfo h4 {
    font-family: "Mulish SemiBold",sans-serif;
    margin-bottom: 24px
}

.extraInfo a {
    display: inline-block;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.payment-methods {
    gap: 16px;
    flex-wrap: wrap;
    justify-content: center
}

.copyright,.payment-methods,.social-networks {
    display: flex;
    align-items: center
}

.social-networks {
    gap: 32px;
    flex-wrap: wrap;
    justify-content: center
}

.copyright {
    background-color: #101820;
    text-align: center;
    min-height: 70px
}

@media only screen and (max-width: 719px) {
    .copyright {
        margin-bottom:90px
    }
}

.footer-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

@media only screen and (max-width: 719px) {
    .footer-content {
        flex-direction:column;
        padding: 20px 0
    }
}

.copyright.no-sticky-cta {
    margin-bottom: 0
}

.copyright__logo {
    height: 23px;
    margin-top: 8px;
    margin-bottom: 16px;
    display: inline-block;
    box-sizing: border-box
}

.copyright__logo .path {
    fill: #fff
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .copyright__logo {
        margin-bottom:0
    }
}

@media only screen and (max-width: 719px) {
    .copyright__logo {
        margin-top:0
    }
}

.copyright__statement {
    margin: 0;
    font-size: 13px;
    color: #fff;
    text-align: center
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .copyright__statement.us {
        text-align:right
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (max-width:719px) {
    .copyright__statement {
        font-size:12px;
        padding: 0
    }
}

.nui__sticky-footer {
    background: #fff;
    bottom: 0;
    left: 0;
    padding: 16px;
    position: fixed;
    width: 100%;
    z-index: 99999
}

.ada-embed-button-container,.ada-embed-drawer__iframe-container {
    z-index: 100000!important
}

.ada-embed-button-container .ada-embed-button {
    bottom: 80px!important
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .ada-embed-button-container .ada-embed-button {
        bottom:0!important
    }
}

@media only screen and (min-width: 1080px) {
    .ada-embed-button-container .ada-embed-button {
        bottom:50px!important
    }
}

@media only screen and (max-width: 719px) {
    .siteMap {
        padding:24px 0
    }

    .siteMap__sections_wrap {
        flex-direction: column
    }

    .section_download_apps,.siteMap__section ul {
        display: none
    }

    .siteMap__section {
        background: #fff;
        border-radius: 4px;
        padding: 12px;
        flex: unset
    }

    .siteMap__section.expanded h4 {
        margin-bottom: 16px
    }

    .siteMap__section.expanded ul {
        display: unset
    }

    .siteMap__section.expanded h4 .arrow_indicator {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .sitemap_social_networks .svg_background {
        fill: #fff;
        stroke: #462982
    }

    .footer {
        background-color: transparent
    }

    .footer h4 {
        color: #000;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0;
        font-size: 16px;
        font-family: "Mulish SemiBold",sans-serif
    }

    .footer a {
        color: #101820
    }

    .footer .arrow_indicator {
        display: inline-block
    }

    .footer .arrow_indicator .svg_fill_path {
        fill: #000
    }

    .footer .app_download_badges {
        display: flex;
        gap: 16px
    }

    .footer .extraInfo {
        height: unset;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background: #fff;
        padding: 24px 0 0
    }

    .footer .extraInfo .subsection {
        margin-bottom: 24px
    }

    .footer .extraInfo h4 {
        display: inline-block;
        margin-bottom: 16px;
        margin-top: 0
    }
}

.contact .ms-header a.nui__menu-contact,.how .ms-header .martha-stewart .ms-header a.nui__menu-martha,.menu .ms-header a.nui__menu-menu,.ms-header .nui__menu a:hover,.orders .ms-header a.nui__menu-orders,.plan .ms-header a.nui__menu-user_information,.referrals .ms-header a.nui__menu-referrals,.settings .ms-header a.nui__menu-settings,.specials.show .ms-header a.nui__menu-special,.stop_subscription .ms-header a.nui__menu-settings {
    color: #101820;
    border-bottom: 4px solid #ffdc4d
}

.ms-header {
    box-shadow: 0 1px 1px -1px rgba(0,0,0,.1);
    height: 64px;
    z-index: 11;
    background: #fff
}

.ms-header a,.ms-header li.dropdown.active>span {
    color: #101820
}

.ms-header a:focus,.ms-header a:hover {
    color: #000
}


    .ms-header {
        height:64px
    }

@media (max-width: 720px){
.ms-header .buttons-container {
    width: 100%;
    padding-top: 0px !important;
}
}

.ms-header .buttons-container {
    padding-top: 10px
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .ms-header .buttons-container {
        width:100%
    }
}

.header__announcement span,.ms-header .nui__menu-open {
    display: block
}

.ms-header .nui__menu-referrals {
    position: relative
}

.ms-header .mobile-menu-button {
    position: absolute;
    top: 15px;
    left: 0
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .ms-header .mobile-menu-button {
        top:23px
    }
}

.ms-header .nui__header-menu {
    position: relative;
    padding-top: 10px
}

.ms-header .logout-wrapper {
    margin: 0;
    padding: 0
}

.ms-header .nui__menu {
    align-items: center;
    flex: 2
}

.ms-header ul {
    list-style: none
}

.ms-header ul:hover {
    text-decoration: none
}

@media only screen and (max-width: 719px) {
    .ms-header .nui__menu {
        flex:0
    }
}

.ms-header .nui__menu li {
    display: inline-block;
    margin: 0 17px 0 0
}

.ms-header .nui__menu li:last-of-type {
    margin: 0
}

.ms-header .nui__menu a {
    color: #64696e;
    font-size: 16px;
    border-bottom: 4px solid transparent;
    height: 43px;
    display: flex;
    transition: unset;
    align-items: center;
    gap: 8px
}

@media only screen and (min-width: 1080px) {
    .ms-header .nui__menu a {
        font-size:14px
    }
}

.ms-header li.dropdown {
    position: relative
}

@media only screen and (min-width: 1080px) {
    .ms-header li.dropdown {
        padding-bottom:0
    }
}

.ms-header li.dropdown ul {
    visibility: hidden;
    display: none;
    opacity: 0;
    transition: all .5s ease;
    margin: 10px 0 0;
    border-radius: 3px;
    background: #fff
}

@media only screen and (min-width: 1080px) {
    .ms-header li.dropdown ul {
        position:absolute;
        margin: 25px 0 0;
        box-shadow: 0 2px 8px 0 rgba(0,0,0,.08)
    }
}

.ms-header li.dropdown {
    cursor: pointer
}

.ms-header li.dropdown>span {
    color: #64696e
}

@media only screen and (min-width: 1080px) {
    .ms-header li.dropdown {
        font-size:14px
    }
}

.ms-header li.dropdown .arrow-icon {
    display: inline-block
}

.ms-header li.dropdown.active>ul {
    visibility: visible;
    display: block;
    opacity: 1;
    padding: 8px 0;
    margin: 0;
    top: 100%
}

.ms-header li.dropdown ul li {
    display: block;
    clear: both;
    margin: 0
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (max-width:719px) {
    .ms-header li.dropdown ul li {
        margin-right:1rem;
        padding-left: 1rem
    }

    .ms-header li.dropdown ul li:last-child {
        padding-bottom: 0
    }
}

@media only screen and (min-width: 1080px) {
    .ms-header li.dropdown ul li a {
        width:200px;
        height: 48px;
        padding: 12px 16px;
        transition: none
    }

    .ms-header li.dropdown ul li a:hover {
        cursor: pointer;
        background: #fff7d9;
        border-bottom: none
    }
}

.ms-header .nui__logo {
    position: absolute;
    top: 11px;
    left: 0;
    width: 120px;
    height: 20px
}

@media only screen and (max-width: 719px) {
    .ms-header .nui__logo {
    
        margin-left: 0px;
    }
	.ms-header .nui__header-menu {
    position: relative;
    padding-top: 6px;
}
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .ms-header .nui__logo {
        top:22px;
        left: 65px;
        width: 160px;
        height: 22px
    }
}

@media only screen and (min-width: 1080px) {
    .ms-header .nui__logo {
        top:22px;
        left: 0;
        width: 160px;
        height: 22px
    }
}

.ms-header .nui__logo.us {

}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .ms-header .nui__logo.us {
        top:10px;
        left: 65px;
        margin-left: 0;
        width: 115px;
        height: 45px
    }
}

@media only screen and (min-width: 1080px) {
    .ms-header .nui__logo.us {
        top:12px;
        left: 0;
        margin-left: 0;
        width: 115px;
        height: 45px
    }
}

.ms-header .nui__logo-link {
    display: block;
    width: 120px;
    height: 17px;
    text-indent: -1000%;
    overflow: hidden;
    background-image: url(/images/ms/svg/logo-marley-spoon-4b6d6515fc.svg);
    background-size: cover
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .ms-header .nui__logo-link {
        width:160px;
        height: 22px;
        background-image: url(/images/ms/svg/logo-marley-spoon-4b6d6515fc.svg);
        background-size: cover
    }
}

@media only screen and (min-width: 1080px) {
    .ms-header .nui__logo-link {
        width:160px;
        height: 22px;
        background-image: url(/images/ms/svg/logo-marley-spoon-4b6d6515fc.svg);
        background-size: cover
    }
}

.ms-header .us .nui__logo-link {
    width: 58px;
    height: 7px;
    background-image: url(/images/ms/svg/nui-marley-spoon-logo-mobile-990ff954ed.svg)
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .ms-header .us .nui__logo-link {
        width:115px;
        height: 45px;
        background-image: url(/images/ms/svg/logo-martha-marley-spoon-93babd55e1.svg);
        background-size: contain;
        background-repeat: no-repeat
    }
}

@media only screen and (min-width: 1080px) {
    .ms-header .us .nui__logo-link {
        width:115px;
        height: 45px;
        background-image: url(/images/ms/svg/logo-martha-marley-spoon-93babd55e1.svg);
        background-size: contain;
        background-repeat: no-repeat
    }
}

.ms-header .nui__login,.ms-header .nui__login-button,.ms-header .nui__logout-button {
    font-size: 12px
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .ms-header .nui__login,.ms-header .nui__login-button,.ms-header .nui__logout-button {
        font-size:14px
    }
}

.ms-header .nui__signup-button {
    padding: 10px 15px
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .ms-header .nui__signup-button {
        margin:-10px 0 0 25px;
        font-size: 14px
    }
}

.ms-header .nui__login-button {
    color: #25a697;
    text-decoration: underline
}

.ms-header .nui__login-button:hover {
    color: #a1e3d9;
    text-decoration: none
}

@media only screen and (max-width: 719px) {
    .ms-header .nui__login-button {
        font-size:16px;
        font-family: "Mulish SemiBold",sans-serif
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .ms-header .nui__login-button {
        color:inherit;
        text-decoration: inherit
    }

    .ms-header .nui__login-button:hover {
        color: inherit
    }
}

.ms-header .nui__mobile-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: transparent;
    z-index: 4;
    transition: background-color .3s ease-out
}

.ms-header .nui__mobile-menu .mobile_apps .title {
    margin-bottom: 16px
}

.ms-header .nui__mobile-menu .mobile_apps .mobile_badges a {
    margin-left: 8px
}

.ms-header .nui__mobile-menu .mobile_apps .mobile_badges a:first-child {
    margin-left: 0
}

.ms-header .nui__mobile-menu ul {
    margin-bottom: 0
}

.ms-header .nui__mobile-menu li {
    padding-bottom: .5rem
}

.ms-header .nui__mobile-menu.opened {
    background-color: rgba(16,24,32,.5)
}

.ms-header .nui__mobile-menu.opened .menu-container {
    left: 0;
    overflow: auto;
    overflow-x: hidden
}

.ms-header .nui__mobile-menu .menu-container {
    position: absolute;
    z-index: 2;
    top: 0;
    left: -295px;
    width: 290px;
    height: 100vh;
    padding: 16px;
    background-color: #fff;
    transition: left .3s ease-out;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.ms-header .nui__mobile-menu .menu-backdrop {
    position: absolute;
    z-index: 1;
    left: 290px;
    right: 0;
    height: 100vh
}

.ms-header .nui__mobile-menu li a {
    color: #64696e;
    line-height: 22px;
    display: inline-flex;
    gap: 8px;
    align-items: center;
    border-bottom: 4px solid transparent;
    padding-bottom: 4px
}

.ms-header .nui__mobile-menu li a.active,.ms-header .nui__mobile-menu li a:hover {
    border-color: #ffdc4d
}

.ms-header .nui__mobile-menu .sign-in {
    flex-flow: column;
    align-items: center
}

.ms-header .nui__mobile-menu .sign-in .nui__login {
    padding-bottom: 6.5rem
}

.ms-header .nui__mobile-menu .current_user {
    font-family: "Mulish SemiBold",sans-serif;
    font-size: 18px
}

.welcome-label {
    color: #40464d;
    line-height: 24px
}

.menu-welcome h5 {
    font-size: 18px;
    line-height: 24px
}

.menu-divider {
    border-bottom: 1px solid #e0e1e2;
    margin: 24px 0
}

.svg-header--close-menu {
    scale: .7
}

.close-menu-btn {
    height: 40px;
    width: 40px
}

.close-menu-btn,.open-menu-btn {
    display: flex!important;
    align-items: center;
    justify-content: center
}

.close-menu-btn {
    position: absolute;
    right: 0;
    top: 8px
}

.open-menu-btn {
    height: 40px;
    width: 40px;
    margin-top: -12px;
    margin-left: -8px
}

#page_header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 11
}

.plan {
    padding-top: 118px
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .plan {
        padding-top:126px
    }
}

.plan.us {
    padding-top: 105px
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .plan.us {
        padding-top:141px
    }

    .plan.us .funnel-header {
        height: 125px
    }

    .plan .siteWrapper {
        min-height: calc(100vh - 125px - 70px - 1px)
    }
}

.plan .funnel-header {
    height: auto;
    flex: 1;
    background: 0 0
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .plan .funnel-header {
        height:125px
    }
}

.plan .funnel-header .nui__logo {
    position: static;
    text-align: center;
    margin: 0 auto
}

.plan .funnel-header .nui__logo .nui__logo-link {
    text-indent: -9999px
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .plan .funnel-header .nui__logo .nui__logo-link {
        width:160px;
        background-image: url(/images/ms/svg/logo-marley-spoon-4b6d6515fc.svg)
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .plan .funnel-header .nui__logo.us {
        width:160px;
        height: 23px
    }
}

@media only screen and (min-width: 1080px) {
    .plan .funnel-header .nui__logo.us {
        width:160px;
        height: 23px
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .plan .funnel-header .nui__logo.us .nui__logo-link {
        background-image:url(/images/ms/svg/logo-marley-spoon-trademark-53afb23f2a.svg)
    }
}

.plan .funnel-header .steps-navigation {
    display: flex;
    margin: 15px 0
}

.plan .ms-header-inner {
    padding: 20px 0 0
}

.plan .funnel-footer {
    background-color: #101820
}

.plan .funnel-footer-content {
    min-height: 70px;
    font-size: 14px;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px;
    text-align: center
}

.plan .funnel-footer-content a {
    font-family: "Mulish SemiBold",sans-serif;
    color: #fafafb
}

.plan .funnel-footer-content .links {
    display: flex;
    gap: 16px;
    flex: 1;
    justify-content: end
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (max-width:719px) {
    .plan .funnel-footer-content .copyright_text {
        font-size:12px
    }
}

.plan .funnel-footer-content .svg_logo {
    width: 160px;
    align-items: end
}

.plan .funnel-footer-content .svg_logo .path {
    fill: #fff
}

@media only screen and (max-width: 719px) {
    .plan .funnel-footer-content {
        flex-direction:column
    }

    .plan .funnel-footer-content .spacer {
        display: none
    }
}

.delivery-weeks__container {
    display: flex
}

.delivery-week__btn {
    flex-grow: 1;
    cursor: pointer;
    border-top: 6px solid #93979b;
    border-bottom: 1px solid #93979b;
    border-left: 1px solid #93979b;
    background-color: #fff;
    height: 42px;
    padding: 9px 0;
    margin: 0 0 25px;
    text-align: center;
    font-size: 14px;
    font-family: "Mulish Regular",sans-serif;
    line-height: 20px;
    min-width: 64px
}

.delivery-week__btn:active,.delivery-week__btn:focus,.delivery-week__btn:hover {
    background-color: #fff
}

.delivery-week__btn:first-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.delivery-week__btn:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-right: 1px solid #93979b
}

.delivery-week__btn.active {
    border-top: 6px solid #a1e3d9;
    font-family: "Mulish SemiBold",sans-serif
}

.menu-page__link {
    display: inline-block;
    position: relative
}

.menu-page__header {
    max-width: 400px;
    flex-wrap: wrap
}

.menu-page__header label {
    font-size: 16px;
    margin-bottom: 10px
}

.menu-page__header-title {
    padding: 15px 0;
    margin: 0;
    text-align: center;
    font-size: 22px;
    font-family: "Mulish SemiBold",sans-serif
}

.menu-page__customer-favorites {
    display: none
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .menu-page__customer-favorites {
        display:block
    }
}

.menu-page__customer-favorites h4 {
    padding: 15px;
    margin-bottom: 0;
    text-align: center;
    text-transform: uppercase;
    font-family: "Mulish SemiBold",sans-serif;
    font-size: 16px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    letter-spacing: 1.5px;
    color: #101820;
    background-color: #ffdc4d
}

.menu-page__customer-favorites p {
    padding: 15px;
    margin-top: 0;
    font-size: 16px;
    line-height: 1.5;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background-color: #fff
}

.menu-page__week-toggle {
    display: table;
    margin: 0 auto
}

.menu-page__week-toggle li {
    text-align: center
}

.menu-page__week-toggle li:first-child .week-btn {
    border-right: none;
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px
}

.menu-page__week-toggle li:last-child .week-btn {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px
}

.menu-page__cta {
    margin: auto
}

.menu-page__cta a {
    font-size: 16px;
    text-decoration: inherit
}

.menu-page__footer-button .btn,.menu-page__header-button .btn {
    min-width: 200px
}

.recipe-type-icon {
    position: absolute;
    top: 0;
    right: 0;
    margin: 15px
}

.menu-page__recipe {
    overflow: hidden;
    background-color: #fff;
    border-radius: 4px;
    position: relative;
    margin-bottom: 15px;
    padding: 0
}

.menu-page__recipe-list {
    max-width: 455px;
    margin-top: 30px
}

.menu-page__recipe-details {
    padding: 15px
}

.menu-page__recipe-details a {
    color: inherit;
    text-decoration: inherit
}

.menu-page__recipe-title {
    height: 40px;
    font-size: 16px;
    font-family: "Mulish SemiBold",sans-serif;
    margin: 0
}

.menu-page__footer-text {
    margin-bottom: 20px
}

.menu-page__footer-text p {
    margin: 0;
    font-size: 22px
}

#menu-page__container {
    min-height: 1240px;
    margin-bottom: 30px
}

.menu-btn__label {
    font-size: 16px;
    font-family: "Mulish Regular",sans-serif
}

.menu-page__footer {
    background-color: #fff;
    text-align: center;
    padding: 40px 0
}

#menu-page__week-container .menu-page__header-title {
    padding: 15px 0 5px;
    margin-bottom: 20px
}

#menu-page__week-container .menu-page__container {
    min-height: 1200px
}

#menu-page__week-container .menu-page__container .date-selector {
    margin: 0 15px 30px
}

#menu-page__week-container .menu-page__dates-group {
    padding: 0 15px
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    #menu-page__week-container .menu-page__dates-group {
        padding-left:0
    }
}

#menu-page__week-container .menu-page__dates-group .menu-page__button-toggle {
    margin-bottom: 35px
}

#menu-page__week-container .menu-page__recipe {
    position: relative;
    margin-bottom: 15px;
    padding: 0
}

#menu-page__week-container .menu-page__header-button .btn {
    min-width: 200px
}

#menu-page__week-container .menu-page__footer {
    background-color: #fafafb;
    text-align: center;
    padding: 40px 0;
    margin-top: 50px
}

@media screen and (min-width: 768px) {
    .menu-page__dates-group {
        margin-right:20px
    }

    .menu-page__header-title {
        padding: 35px 40px 40px;
        overflow: hidden;
        font-size: 32px
    }

    .menu-page__customer-favorites {
        width: 895px
    }

    .menu-page__cta {
        display: block
    }

    .menu-page__recipe-list {
        clear: both;
        margin: 35px auto 0
    }

    .menu-page__recipe-title {
        height: 60px;
        font-size: 20px;
        color: #101820
    }

    .menu-page__footer-text {
        font-size: 24px
    }

    .menu-page__footer-text p {
        display: inline-block
    }

    .menu-page__header-button {
        float: right;
        margin-right: 40px
    }

    .menu-page__footer {
        background-color: #fff;
        padding: 30px 0
    }

    #menu-page__week-container .menu-page__header {
        padding: 0 15px;
        position: relative;
        max-width: 970px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap
    }

    #menu-page__week-container .menu-page__header-title {
        max-width: 970px;
        margin: 0 auto 30px;
        font-size: 28px
    }

    #menu-page__week-container .menu-page__container .date-selector {
        margin: 0 auto 30px
    }

    #menu-page__week-container .menu-page__header-button {
        position: absolute;
        bottom: 0;
        right: 0;
        margin-right: 15px
    }

    #menu-page__week-container .menu-page__recipe {
        margin-bottom: 20px
    }

    #menu-page__week-container .menu-page__footer {
        background-color: #fafafb;
        padding: 30px 0;
        margin-top: 0
    }
}

@media screen and (min-width: 1024px) {
    .menu-page__product-types-group {
        margin-left:0
    }

    .menu-page__header-title {
        max-width: 970px;
        margin: auto;
        padding: 30px 0;
        font-size: 28px
    }

    .menu-page__recipe-list {
        max-width: 950px
    }

    .menu-page__recipe-list .menu-page__recipe-list-container {
        display: flex;
        max-width: 900px;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .menu-page__recipe {
        width: 436px
    }

    .menu-page__footer-button {
        display: inline-block;
        vertical-align: middle;
        margin-left: 15px
    }

    .menu-page__footer-text {
        display: inline-block;
        margin: 0
    }

    .menu-page__header {
        width: 970px;
        margin: 0 auto
    }

    .menu-page__header-button {
        margin-right: 15px
    }

    #menu-page__week-container .menu-page__header-title {
        padding: 30px 0
    }

    #menu-page__week-container .menu-page__footer {
        margin-top: 0
    }
}

@media screen and (min-width: 1240px) {
    .menu-page__customer-favorites {
        width:100%
    }

    #menu-page__week-container .menu-page__container {
        width: 1240px;
        margin: 0 auto
    }

    #menu-page__week-container .menu-page__header {
        display: inline-block;
        width: 260px;
        vertical-align: top;
        padding: 0
    }

    #menu-page__week-container .menu-page__recipe-image {
        width: 100%
    }

    #menu-page__week-container .menu-page__header-button {
        position: relative;
        margin: 25px 0 0;
        padding: 25px 0 0;
        border-top: 1px solid #bfc1c3;
        width: 252px
    }

    #menu-page__week-container .menu-page__header-button .btn {
        min-width: 252px
    }

    #menu-page__week-container .menu-page__recipe-list {
        display: inline-block;
        margin: 0;
        padding-left: 30px
    }

    #menu-page__week-container .menu-page__footer {
        max-width: 90rem;
        margin: 0 auto
    }
}

.navigationBarWrapper {
    transition: padding 500ms
}

@media screen and (min-width: 768px) {
    .navigationBarWrapper {
        border:1px solid #e0e1e2;
        padding: 15px 0;
        background: #fff
    }
}

@media screen and (min-width: 1200px) {
    .navigationBarWrapper a {
        font-size:16px
    }
}

.navigationBar {
    line-height: 54px
}

.tabnav__item {
    border-color: transparent;
    border-style: solid;
    border-width: 0 0 4px;
    color: #101820
}

.tabnav__item.active {
    border-color: #1d8478;
    color: #1d8478
}

.header__announcement {
    background-color: #ff5d62;
    color: #fff;
    font-family: "Mulish ExtraBold",sans-serif;
    font-weight: 600;
    font-size: 14px;
    height: 64px;
    width: 100%;
    letter-spacing: 1px;
    line-height: 20px;
    padding-top: 10px;
    position: fixed;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    z-index: 9
}

.header__announcement a {
    color: #fff;
    text-decoration: underline
}

.header__announcement a:hover {
    color: #fff
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .header__announcement {
        font-size:16px;
        line-height: 64px;
        padding-top: 0
    }

    .header__announcement span {
        display: inline-block
    }
}

body.with-announcement {
    padding-top: 128px
}

body.with-announcement .ms-header,body.with-announcement .nui__mobile-menu {
    top: 64px
}

#flash_message_container {
    position: fixed;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    max-width: 1440px;
    z-index: 3;
    text-align: center
}

.accounts #flash_message_container {
    top: 48px
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .accounts #flash_message_container {
        top:64px
    }
}

.flash-message {
    padding: 20px 60px;
    font-size: 16px;
    line-height: 24px
}

.flash-message:after {
    content: "\2715";
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    margin-right: 30px;
    font-size: 22px
}

.flash-message:hover:after {
    cursor: pointer
}

.flash-message.notice,.flash-message.success {
    background-color: #a1e3d9
}

.flash-message.warning {
    background-color: #ffdc4d
}

.flash-message.alert,.flash-message.error {
    background-color: #ff9b9e
}

@media screen and (min-width: 768px) {
    .flash-message {
        font-size:18px
    }
}

.nui__body-message {
    background-color: #fff;
    border-radius: 4px;
    margin-bottom: 25px;
    padding: 20px 20px 0;
    position: relative
}

.nui__body-message .svg-close-icon {
    cursor: pointer;
    position: absolute;
    top: 15px;
    right: 15px
}

.nui__body-message-icon {
    position: absolute;
    top: 50%;
    left: 25px;
    margin-top: -24px
}

.nui__body-message-copy {
    padding: 0 15px 0 85px
}

@media screen and (max-width: 1080px) {
    .nui__body-message-icon {
        left:0;
        margin: 0 0 20px;
        position: relative;
        text-align: center;
        top: 0
    }

    .nui__body-message-copy {
        padding: 0
    }
}

.loader {
    opacity: 0;
    position: relative;
    min-height: 100px;
    -webkit-animation: fadein 1s;
    animation: fadein 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

.loader .spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(/images/ms/loader-spoon-24c927d3a0.png) center center no-repeat;
    background-size: 28px;
    border-radius: 100%;
    border: 2px solid #a1e3d9
}

.loader .spinner .arc {
    -webkit-animation: rotate 1s linear infinite;
    animation: rotate 1s linear infinite;
    box-sizing: border-box;
    overflow: hidden;
    position: absolute;
    top: -4px;
    left: -4px;
    -webkit-transform-origin: 22px 22px;
    transform-origin: 22px 22px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    width: 20px;
    height: 20px
}

.loader .spinner .arc::before {
    content: "";
    box-sizing: border-box;
    display: block;
    width: 40px;
    height: 40px;
    border: solid 6px #fff;
    border-radius: 100%
}

.spinner-widget {
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
    display: block;
    margin: 2rem auto 0
}

.tooltip {
    pointer-events: none;
    background: #101820;
    padding: 10px;
    font-size: 12px;
    line-height: 1.5;
    color: #fff;
    max-width: 90%;
    border-radius: 4px!important
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .tooltip {
        max-width:210px
    }
}

.flatpickr-next-month i,.flatpickr-prev-month i,.tooltip-wrapper {
    position: relative
}

.tooltip-element {
    position: absolute;
    top: 0;
    right: -35px;
    width: 15px;
    height: 15px;
    font-size: 12px;
    font-weight: 400;
    font-family: "Mulish Regular",sans-serif;
    line-height: 15px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #93979b;
    border-radius: 50%;
    color: #93979b
}

.tooltip-element:hover {
    background-color: #fafafb;
    border: 1px solid #93979b;
    color: #93979b
}

.delivery-instructions__tooltip-label {
    margin-right: 20px
}

.tooltip--smaller {
    display: block
}

.tooltip--smaller .tooltip-element {
    width: 15px;
    height: 15px;
    right: 0
}

.split_voucher {
    z-index: 1;
    height: 40px;
    position: absolute;
    top: -10000px;
    display: none
}

.split_voucher.active {
    overflow: visible;
    position: relative;
    top: 0
}

.split_voucher h4 {
    color: #000;
    font-family: "Mulish SemiBold",sans-serif;
    text-align: center;
    font-size: 16px;
    margin: 0
}

.split_voucher .btn_toggle_details {
    color: #000;
    cursor: pointer;
    display: inline-block;
    height: 40px
}

.split_voucher .btn_toggle_details .text {
    margin-left: 4px;
    text-align: right;
    text-decoration: underline;
    font-family: "Mulish SemiBold",sans-serif
}

.split_voucher .btn_toggle_details:after {
    font-family: 'icomoon';
    margin-left: 4px;
    content: "\f078"
}

.split_voucher_body {
    background: #b4e9e1;
    position: relative;
    transition: max-height .2s;
    overflow: hidden;
    max-height: 40px
}

.split_voucher_body.opened {
    max-height: 400px
}

.split_voucher_body.opened .btn_toggle_details:after {
    content: "\f077"
}

.split_voucher .loader {
    min-height: 48px;
    opacity: unset;
    -webkit-animation: none;
    animation: none
}

.split_voucher_loading {
    padding: 8px
}

.split_voucher__header {
    height: 40px;
    font-size: 13px;
    line-height: 40px;
    text-align: center
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .split_voucher__header {
        font-size:16px
    }
}

.split_voucher__box_view {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTM2LjY2NjcgOC4zMzMzNEgzLjMzMzM3VjMxLjY2NjdIMzYuNjY2N1Y4LjMzMzM0WiIgZmlsbD0iI0ZGRUE5NCIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIuNjY2NzUgOC4zMzMzNUMyLjY2Njc1IDcuOTY1MTYgMi45NjUyMiA3LjY2NjY5IDMuMzMzNDEgNy42NjY2OUgzNi42NjY3QzM3LjAzNDkgNy42NjY2OSAzNy4zMzM0IDcuOTY1MTYgMzcuMzMzNCA4LjMzMzM1VjMxLjY2NjdDMzcuMzMzNCAzMi4wMzQ5IDM3LjAzNDkgMzIuMzMzNCAzNi42NjY3IDMyLjMzMzRIMy4zMzM0MUMyLjk2NTIyIDMyLjMzMzQgMi42NjY3NSAzMi4wMzQ5IDIuNjY2NzUgMzEuNjY2N1Y4LjMzMzM1Wk00LjAwMDA4IDkuMDAwMDJWMzFIMzYuMDAwMVY5LjAwMDAySDQuMDAwMDhaIiBmaWxsPSIjMTkyMzJEIi8+CjxwYXRoIGQ9Ik0zMS40NzY2IDIxLjY2NjdDMjkuMjg5OCAyMi4wMDg1IDE5LjQ5NjcgMjMuNjQ5MyAxOS4yMTE1IDIzLjY0OTNDMTguODMxMSAyMy42NDkzIDE2LjY0NDMgMjIuNjIzOCAxMS44OTA0IDIyLjYyMzhDOC4zNzI1MiAyMi42MjM4IDYuMjgwOCAyMy4yMzkxIDMuMzMzMzcgMjMuNTgwOVYyMy45OTExQzYuMzc1ODggMjMuNjQ5MyA4LjU2MjY4IDIzLjAzNCAxMS45ODU1IDIzLjAzNEMxNC4wNzcyIDIzLjAzNCAxNS43ODg2IDIzLjM3NTggMTcuMDI0NyAyMy43MTc2QzE3LjQwNSAyMy44NTQzIDE4LjM1NTcgMjQuMTI3OCAxOC42NDEgMjQuMTk2MkMyMS44NzM2IDI1LjQ5NTEgMjUuNDg2NiAyNS4xNTMzIDI4LjUyOTEgMjMuNjQ5M0MyOS4wMDQ1IDIzLjQ0NDIgMjkuNDc5OSAyMy4yMzkxIDI5Ljg2MDIgMjIuOTY1NkMzMC41MjU4IDIyLjYyMzggMzEuMDk2MiAyMi4yMTM2IDMxLjY2NjcgMjEuNzM1QzMxLjY2NjcgMjEuODAzNCAzMS41NzE2IDIxLjY2NjcgMzEuNDc2NiAyMS42NjY3WiIgZmlsbD0iIzE5MjMyRCIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMxLjg1MjcgMjEuMDk0OEMzMS43ODM4IDIxLjA1OSAzMS42NTAzIDIxIDMxLjQ3NjYgMjFDMzEuNDQyMSAyMSAzMS40MDc3IDIxLjAwMjcgMzEuMzczNiAyMS4wMDhDMzAuNTMzNiAyMS4xMzkzIDI4LjU3NzMgMjEuNDYxMyAyNi40NzAxIDIxLjgwODFDMjUuODI1OSAyMS45MTQxIDI1LjE2NzcgMjIuMDIyNCAyNC41MjI5IDIyLjEyODNDMjMuMTQ0MyAyMi4zNTQ4IDIxLjgyNjIgMjIuNTcwNCAyMC44MzUyIDIyLjcyOTNDMjAuMzM5NCAyMi44MDg4IDE5LjkyNzEgMjIuODczOSAxOS42MzA1IDIyLjkxOUMxOS40ODE4IDIyLjk0MTYgMTkuMzY0NiAyMi45NTg5IDE5LjI4MTMgMjIuOTcwM0MxOS4yNTY0IDIyLjk3MzcgMTkuMjM3MSAyMi45NzYzIDE5LjIyMjcgMjIuOTc4MUMxOS4yMDc0IDIyLjk3NDYgMTkuMTg1IDIyLjk2OTEgMTkuMTU0IDIyLjk2MDlDMTkuMDgxNCAyMi45NDE2IDE4Ljk5MzggMjIuOTE2MiAxOC44ODA1IDIyLjg4MzNDMTguODQzNCAyMi44NzI1IDE4LjgwMzYgMjIuODYxIDE4Ljc2MDcgMjIuODQ4NkMxOC40MjEzIDIyLjc1MDUgMTcuOTQ3MiAyMi42MTc2IDE3LjMzMTYgMjIuNDg0OEMxNi4wOTkzIDIyLjIxOSAxNC4zMTcgMjEuOTU3MSAxMS44OTA1IDIxLjk1NzFDOS40NzIzOSAyMS45NTcxIDcuNjY0NDMgMjIuMjQ4OCA1Ljg2NTkgMjIuNTM5QzUuMDE1MjEgMjIuNjc2MiA0LjE2NjY0IDIyLjgxMzEgMy4yNTY2MSAyMi45MTg3QzIuOTIwMzkgMjIuOTU3NyAyLjY2Njc1IDIzLjI0MjQgMi42NjY3NSAyMy41ODA5VjIzLjk5MTFDMi42NjY3NSAyNC4xODA5IDIuNzQ3NjIgMjQuMzYxNiAyLjg4OTEgMjQuNDg4MUMzLjAzMDU5IDI0LjYxNDYgMy4yMTkyNiAyNC42NzQ4IDMuNDA3ODUgMjQuNjUzNkM0LjQ4NTY2IDI0LjUzMjUgNS40MzMyMiAyNC4zODMgNi4zNDgzOSAyNC4yMzg2QzguMTEzNzkgMjMuOTYwMSA5Ljc1ODY2IDIzLjcwMDYgMTEuOTg1NSAyMy43MDA2QzEzLjk5MDkgMjMuNzAwNiAxNS42MzMxIDI0LjAyNjEgMTYuODI0IDI0LjM1MzhDMTcuMjI0IDI0LjQ5NTEgMTguMDk1MSAyNC43NDY0IDE4LjQzNjYgMjQuODMyNEMyMS44NTIgMjYuMTg4NiAyNS42Mzc2IDI1LjgxNzQgMjguODA4OSAyNC4yNTQ2TDI4LjgyNTkgMjQuMjQ3M0MyOS4yNjM4IDI0LjA1ODUgMjkuNzc2NCAyMy44Mzc0IDMwLjIwNzYgMjMuNTM2NUMzMC44NjgyIDIzLjE5MjYgMzEuNDM2OCAyMi43ODkgMzEuOTg2MiAyMi4zMzY0QzMyLjAzNjcgMjIuMzA3OCAzMi4wODcgMjIuMjcwMyAzMi4xMzU0IDIyLjIyMTZDMzIuMjQ1IDIyLjExMTMgMzIuMjkwOCAyMS45OTAxIDMyLjMxMDcgMjEuOTE0MUMzMi4zMzA2IDIxLjgzNzggMzIuMzMzNCAyMS43NzMyIDMyLjMzMzQgMjEuNzM1QzMyLjMzMzQgMjEuNDc2IDMyLjE4MzMgMjEuMjQwNCAzMS45NDg1IDIxLjEzMDlDMzEuOTE3MiAyMS4xMTYzIDMxLjg4NTIgMjEuMTA0MyAzMS44NTI3IDIxLjA5NDhaTTIwLjY1MTcgMjQuMTA4OEMyMy4yIDI0LjYzNzIgMjUuODg2NyAyNC4yMTE4IDI4LjIzMzcgMjMuMDUxNkMyOC4yNDQxIDIzLjA0NjUgMjguMjU0NSAyMy4wNDE3IDI4LjI2NTEgMjMuMDM3MUMyOC40ODcxIDIyLjk0MTMgMjguNjkxMyAyMi44NTI2IDI4Ljg3NyAyMi43NjM2QzI4LjIwMDIgMjIuODc0NiAyNy40NTcxIDIyLjk5NjkgMjYuNjkzMSAyMy4xMjI2QzI2LjA0NzQgMjMuMjI4OSAyNS4zODY5IDIzLjMzNzYgMjQuNzM5IDIzLjQ0NEMyMy4zNjA0IDIzLjY3MDUgMjIuMDQwMSAyMy44ODY0IDIxLjA0NjMgMjQuMDQ1OEMyMC45MDg0IDI0LjA2NzkgMjAuNzc2NiAyNC4wODkgMjAuNjUxNyAyNC4xMDg4WiIgZmlsbD0iIzE5MjMyRCIvPgo8cGF0aCBkPSJNMjUuMzMzNCA3LjY2NjY5SDE1LjMzMzRWMTQuMzMzNEMxNS4zMzM0IDE1LjI1MzggMTYuMDc5NiAxNiAxNyAxNkgyMy42NjY3QzI0LjU4NzIgMTYgMjUuMzMzNCAxNS4yNTM4IDI1LjMzMzQgMTQuMzMzNFY3LjY2NjY5WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNCA5LjAwMDAySDE2LjY2NjdWMTQuMzMzNEMxNi42NjY3IDE0LjUxNzQgMTYuODE1OSAxNC42NjY3IDE3IDE0LjY2NjdIMjMuNjY2N0MyMy44NTA4IDE0LjY2NjcgMjQgMTQuNTE3NCAyNCAxNC4zMzM0VjkuMDAwMDJaTTI1LjMzMzQgNy42NjY2OVYxNC4zMzM0QzI1LjMzMzQgMTUuMjUzOCAyNC41ODcyIDE2IDIzLjY2NjcgMTZIMTdDMTYuMDc5NiAxNiAxNS4zMzM0IDE1LjI1MzggMTUuMzMzNCAxNC4zMzM0VjcuNjY2NjlIMjUuMzMzNFoiIGZpbGw9IiMxOTIzMkQiLz4KPC9zdmc+Cg==);
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 40px
}

.split_voucher__box_ordinal,.split_voucher__box_value {
    font-family: "Mulish SemiBold",sans-serif;
    font-size: 14px
}

.split_voucher__box_value {
    color: #cd494d
}

.split_voucher__box_ordinal {
    line-height: 18px
}

.split_voucher__box_extra {
    font-size: 12px;
    font-family: "Mulish SemiBold",sans-serif;
    height: 20px
}

.split_voucher__boxes {
    margin-top: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

.split_voucher__box {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 70px;
    max-width: 100px;
    margin: 0 0 4px
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .split_voucher__box {
        margin:0 8px 4px
    }
}

@media only screen and (min-width: 1080px) {
    .split_voucher__box {
        margin:0 8px 4px;
        min-width: 90px
    }
}

.split_voucher__box.line_1 {
    margin-top: 16px
}

.plan-header.with_split_voucher {
    margin-bottom: 40px
}

.plan-header .ms-header-inner {
    background: #fff;
    position: relative;
    z-index: 2
}

a[class*=" svg-icon"],a[class^=svg-icon] {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

.svg-back,.svg-black-info-icon,.svg-box,.svg-cc--amex,.svg-cc--diners,.svg-cc--discover,.svg-cc--generic,.svg-cc--jcb,.svg-cc--mastercard,.svg-cc--unionpay,.svg-cc--visa,.svg-chevron-down,.svg-chevron-down-big,.svg-choose-your-dishes,.svg-close-icon,.svg-close-icon-small-gray,.svg-coredown-icon,.svg-flags--at,.svg-flags--au,.svg-flags--be,.svg-flags--de,.svg-flags--dk,.svg-flags--nl,.svg-flags--se,.svg-flags--us,.svg-free-weekly-delivery,.svg-hamburger-menu,.svg-header--close-menu,.svg-header--mail,.svg-header--phone,.svg-header--truck,.svg-info-icon,.svg-minus-icon,.svg-order_status--at-home,.svg-order_status--countdown,.svg-order_status--in-progress,.svg-order_status--upcoming,.svg-payment--amex,.svg-payment--amex_small,.svg-payment--bancontact,.svg-payment--bancontact_small,.svg-payment--discover,.svg-payment--ec,.svg-payment--ec_small,.svg-payment--elv,.svg-payment--elv_small,.svg-payment--ideal,.svg-payment--ideal_small,.svg-payment--master_small,.svg-payment--mastercard,.svg-payment--mastercard_small,.svg-payment--paypal,.svg-payment--paypal_small,.svg-payment--sepadirectdebit,.svg-payment--sepadirectdebit_small,.svg-payment--visa,.svg-payment--visa_debit,.svg-payment--visa_debit_small,.svg-payment--visa_electron,.svg-payment--visa_electron_small,.svg-payment--visa_small,.svg-plus-icon,.svg-premium-icon,.svg-recommended-recipe,.svg-skip-any-week,.svg-social_media--facebook,.svg-social_media--google_plus,.svg-social_media--instagram,.svg-social_media--pinterest,.svg-social_media--tumblr,.svg-social_media--twitter,.svg-timer-icon,.svg-your-box-icon {
    background: url(/images/ms/svg/sprite-70b0864ac5.svg) no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

.svg-back {
    background-position: 87.4015748031496% 96.82539682539682%;
    width: 20px;
    height: 20px
}

.svg-black-info-icon {
    background-position: 84.49612403100775% 50.390625%;
    width: 16px;
    height: 16px
}

.svg-box {
    background-position: 0 16.666666666666668%;
    width: 56px;
    height: 56px
}

.svg-cc--amex,.svg-cc--diners {
    background-position: 66.11570247933884% 84.4621513944223%;
    width: 32px;
    height: 21px
}

.svg-cc--diners {
    background-position: 96.69421487603306% 23.10756972111554%
}

.svg-cc--discover,.svg-cc--generic {
    background-position: 82.64462809917356% 63.745019920318725%;
    width: 32px;
    height: 21px
}

.svg-cc--generic {
    background-position: 52.892561983471076% 84.4621513944223%
}

.svg-cc--jcb,.svg-cc--mastercard {
    background-position: 39.66942148760331% 84.4621513944223%;
    width: 32px;
    height: 21px
}

.svg-cc--mastercard {
    background-position: 82.64462809917356% 74.10358565737052%
}

.svg-cc--unionpay {
    background-position: 78.36734693877551% 83.79446640316206%;
    width: 29px;
    height: 19px
}

.svg-cc--visa {
    background-position: 29.75206611570248% 27.09163346613546%;
    width: 32px;
    height: 21px
}

.svg-chevron-down {
    background-position: 82.57575757575758% 54.92424242424242%;
    width: 10px;
    height: 8px
}

.svg-chevron-down-big {
    background-position: 83.14176245210729% 39.39393939393939%;
    width: 13px;
    height: 8px
}

.svg-choose-your-dishes {
    background-position: 80% 14.52991452991453%;
    width: 49px;
    height: 38px
}

.svg-close-icon {
    background-position: 62.30769230769231% 48.83720930232558%;
    width: 14px;
    height: 14px
}

.svg-close-icon-small-gray {
    background-position: 98.47908745247149% 80.91603053435115%;
    width: 11px;
    height: 10px
}

.svg-coredown-icon {
    background-position: 94.27480916030534% 81.53846153846153%;
    width: 12px;
    height: 12px
}

.svg-flags--at,.svg-flags--au {
    background-position: 96.69421487603306% 10.833333333333334%;
    width: 32px;
    height: 32px
}

.svg-flags--au {
    background-position: 13.223140495867769% 88.33333333333333%
}

.svg-flags--be,.svg-flags--de {
    background-position: 0 88.33333333333333%;
    width: 32px;
    height: 32px
}

.svg-flags--de {
    background-position: 96.69421487603306% 72.91666666666667%
}

.svg-flags--dk,.svg-flags--nl {
    background-position: 96.69421487603306% 59.583333333333336%;
    width: 32px;
    height: 32px
}

.svg-flags--nl {
    background-position: 96.69421487603306% 46.25%
}

.svg-flags--se,.svg-flags--us {
    background-position: 96.69421487603306% 32.916666666666664%;
    width: 32px;
    height: 32px
}

.svg-flags--us {
    background-position: 26.446280991735538% 88.33333333333333%
}

.svg-free-weekly-delivery {
    background-position: 76.27118644067797% 48.917748917748916%;
    width: 38px;
    height: 41px
}

.svg-hamburger-menu {
    background-position: 89.11290322580645% 83.13725490196079%;
    width: 26px;
    height: 17px
}

.svg-header--close-menu {
    background-position: 79.5275590551181% 96.82539682539682%;
    width: 20px;
    height: 20px
}

.svg-header--mail {
    background-position: 42.1875% 35.52123552123552%;
    width: 18px;
    height: 13px
}

.svg-header--phone {
    background-position: 21.62162162162162% 26.459143968871594%;
    width: 15px;
    height: 15px
}

.svg-header--truck {
    background-position: 41.26984126984127% 26.254826254826256%;
    width: 22px;
    height: 13px
}

.svg-info-icon {
    background-position: 0 100%;
    width: 20px;
    height: 28px
}

.svg-minus-icon {
    background-position: 90.69767441860465% 76.66666666666667%;
    width: 16px;
    height: 2px
}

.svg-order_status--at-home {
    background-position: 84.10852713178295% 28.125%;
    width: 16px;
    height: 16px
}

.svg-order_status--countdown {
    background-position: 84.10852713178295% 34.375%;
    width: 16px;
    height: 16px
}

.svg-order_status--in-progress {
    background-position: 84.49612403100775% 44.140625%;
    width: 16px;
    height: 16px
}

.svg-order_status--upcoming {
    background-position: 21.705426356589147% 20.3125%;
    width: 16px;
    height: 16px
}

.svg-payment--amex {
    background-position: 0 52.94117647058823%;
    width: 54px;
    height: 34px
}

.svg-payment--amex_small {
    background-position: 34.18803418803419% 75.60975609756098%;
    width: 40px;
    height: 26px
}

.svg-payment--bancontact {
    background-position: 24.545454545454547% 38.65546218487395%;
    width: 54px;
    height: 34px
}

.svg-payment--bancontact_small {
    background-position: 68.37606837606837% 75.60975609756098%;
    width: 40px;
    height: 26px
}

.svg-payment--discover,.svg-payment--ec {
    background-position: 81.81818181818181% 0;
    width: 54px;
    height: 34px
}

.svg-payment--ec {
    background-position: 24.545454545454547% 52.94117647058823%
}

.svg-payment--ec_small {
    background-position: 0 65.04065040650407%;
    width: 40px;
    height: 26px
}

.svg-payment--elv {
    background-position: 32.72727272727273% 0;
    width: 54px;
    height: 34px
}

.svg-payment--elv_small {
    background-position: 51.282051282051285% 75.60975609756098%;
    width: 40px;
    height: 26px
}

.svg-payment--ideal {
    background-position: 57.27272727272727% 14.285714285714286%;
    width: 54px;
    height: 34px
}

.svg-payment--ideal_small {
    background-position: 17.094017094017094% 75.60975609756098%;
    width: 40px;
    height: 26px
}

.svg-payment--master_small {
    background-position: 68.37606837606837% 65.04065040650407%;
    width: 40px;
    height: 26px
}

.svg-payment--mastercard {
    background-position: 57.27272727272727% 0;
    width: 54px;
    height: 34px
}

.svg-payment--mastercard_small {
    background-position: 17.094017094017094% 65.04065040650407%;
    width: 40px;
    height: 26px
}

.svg-payment--paypal {
    background-position: 0 38.65546218487395%;
    width: 54px;
    height: 34px
}

.svg-payment--paypal_small {
    background-position: 34.18803418803419% 65.04065040650407%;
    width: 40px;
    height: 26px
}

.svg-payment--sepadirectdebit {
    background-position: 0 0;
    width: 72px;
    height: 36px
}

.svg-payment--sepadirectdebit_small {
    background-position: 53.84615384615385% 40.476190476190474%;
    width: 40px;
    height: 20px
}

.svg-payment--visa {
    background-position: 49.09090909090909% 52.94117647058823%;
    width: 54px;
    height: 34px
}

.svg-payment--visa_debit {
    background-position: 57.27272727272727% 28.571428571428573%;
    width: 54px;
    height: 34px
}

.svg-payment--visa_debit_small {
    background-position: 100% 0;
    width: 40px;
    height: 26px
}

.svg-payment--visa_electron {
    background-position: 32.72727272727273% 14.285714285714286%;
    width: 54px;
    height: 34px
}

.svg-payment--visa_electron_small {
    background-position: 0 75.60975609756098%;
    width: 40px;
    height: 26px
}

.svg-payment--visa_small {
    background-position: 51.282051282051285% 65.04065040650407%;
    width: 40px;
    height: 26px
}

.svg-plus-icon {
    background-position: 21.705426356589147% 14.0625%;
    width: 16px;
    height: 16px
}

.svg-premium-icon {
    background-position: 41.53846153846154% 40.38461538461539%;
    width: 14px;
    height: 12px
}

.svg-recommended-recipe {
    background-position: 70.96774193548387% 99.1869918699187%;
    width: 26px;
    height: 26px
}

.svg-skip-any-week {
    background-position: 75.9493670886076% 31.16883116883117%;
    width: 37px;
    height: 41px
}

.svg-social_media--facebook {
    background-position: 8.064516129032258% 99.1869918699187%;
    width: 26px;
    height: 26px
}

.svg-social_media--google_plus {
    background-position: 39.516129032258064% 99.1869918699187%;
    width: 26px;
    height: 26px
}

.svg-social_media--instagram {
    background-position: 29.032258064516128% 99.1869918699187%;
    width: 26px;
    height: 26px
}

.svg-social_media--pinterest {
    background-position: 18.548387096774192% 99.1869918699187%;
    width: 26px;
    height: 26px
}

.svg-social_media--tumblr {
    background-position: 60.483870967741936% 99.1869918699187%;
    width: 26px;
    height: 26px
}

.svg-social_media--twitter {
    background-position: 50% 99.1869918699187%;
    width: 26px;
    height: 26px
}

.svg-timer-icon {
    background-position: 62.06896551724138% 54.054054054054056%;
    width: 13px;
    height: 13px
}

.svg-your-box-icon {
    background-position: 63.60153256704981% 39.688715953307394%;
    width: 13px;
    height: 15px
}

body .buorg {
    background-color: #fafafb;
    font-family: "Mulish Regular",sans-serif
}

a#buorgig,a#buorgpermanent,a#buorgul {
    font-family: "Mulish SemiBold",sans-serif;
    border: 1px solid #a1e3d9;
    color: #101820;
    font-size: 1rem;
    padding: 8px 24px;
    margin: 5px 0
}

a#buorgul {
    background-color: #a1e3d9
}

a#buorgig,a#buorgpermanent {
    background-color: #fff
}

#ot-sdk-btn.optanon-show-settings,#ot-sdk-btn.ot-sdk-show-settings {
    color: #101820!important;
    background-color: #a1e3d9;
    border-color: #a1e3d9!important
}

#ot-sdk-btn.optanon-show-settings:focus,#ot-sdk-btn.optanon-show-settings:hover,#ot-sdk-btn.ot-sdk-show-settings:focus,#ot-sdk-btn.ot-sdk-show-settings:hover {
    background-color: #d0f1ec!important;
    border-color: #d0f1ec!important
}

#ot-sdk-btn.optanon-show-settings:active,#ot-sdk-btn.ot-sdk-show-settings:active {
    background-color: #25a697!important;
    border-color: #25a697!important
}

.flatpickr-calendar {
    position: absolute;
    width: 270px;
    padding: 0;
    overflow: hidden;
    background: 0 0;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    text-align: center;
    -webkit-animation: none;
    animation: none;
    direction: ltr;
    font-size: 14px;
    font-family: "Mulish SemiBold",sans-serif;
    line-height: 24px;
    border-radius: 4px;
    border: 1px solid #93979b;
    box-sizing: border-box;
    transition: top cubic-bezier(0,1,.5,1) 100ms;
    z-index: 2
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .flatpickr-calendar {
        width:328px
    }
}

@media only screen and (min-width: 1080px) {
    .flatpickr-calendar {
        width:348px
    }
}

.flatpickr-calendar.inline,.flatpickr-calendar.open {
    opacity: 1;
    visibility: visible;
    overflow: visible;
    max-height: 640px
}

.flatpickr-calendar.open {
    display: inline-block;
    -webkit-animation: flatpickrFadeInDown 300ms cubic-bezier(0,1,.5,1);
    animation: flatpickrFadeInDown 300ms cubic-bezier(0,1,.5,1)
}

.flatpickr-calendar.inline {
    display: block;
    position: relative;
    top: 2px
}

.flatpickr-calendar.static {
    position: relative;
    top: 2px
}

.flatpickr-calendar.static.open {
    display: block
}

.flatpickr-calendar.hasWeeks {
    width: auto
}

.flatpickr-calendar.dateIsPicked.hasTime .flatpickr-time {
    height: 40px;
    border-top: 1px solid #93979b
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
    height: auto
}

.flatpickr-calendar:after,.flatpickr-calendar:before {
    position: absolute;
    display: block;
    pointer-events: none;
    border: solid transparent;
    content: '';
    height: 0;
    width: 0;
    left: 22px
}

.flatpickr-calendar.rightMost:after,.flatpickr-calendar.rightMost:before {
    left: auto;
    right: 22px
}

.flatpickr-calendar:before {
    border-width: 5px;
    margin: 0 -5px
}

.flatpickr-calendar:after {
    border-width: 4px;
    margin: 0 -4px
}

.flatpickr-calendar.arrowTop:after,.flatpickr-calendar.arrowTop:before {
    bottom: 100%
}

.flatpickr-calendar.arrowTop:before {
    border-bottom-color: #93979b
}

.flatpickr-calendar.arrowTop:after {
    border-bottom-color: #fafafb
}

.flatpickr-calendar.arrowBottom:after,.flatpickr-calendar.arrowBottom:before {
    top: 100%
}

.flatpickr-calendar.arrowBottom:before {
    border-top-color: #93979b
}

.flatpickr-calendar.arrowBottom:after {
    border-top-color: #fafafb
}

.flatpickr-month {
    position: relative;
    padding: 10px;
    border-radius: 5px 5px 0 0;
    background: #fafafb;
    color: #101820;
    fill: #101820;
    height: 37px;
    line-height: 24px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 12px
}

.flatpickr-next-month,.flatpickr-prev-month {
    position: absolute;
    z-index: 3;
    top: 10px;
    width: 10px;
    text-decoration: none;
    cursor: pointer;
    line-height: 16px
}

.flatpickr-next-month.flatpickr-prev-month,.flatpickr-prev-month.flatpickr-prev-month {
    left: calc(3.57% - 1.5px)
}

.flatpickr-next-month.flatpickr-next-month,.flatpickr-prev-month.flatpickr-next-month {
    right: calc(3.57% - 1.5px)
}

.flatpickr-next-month svg,.flatpickr-prev-month svg {
    width: 10px
}

.flatpickr-next-month svg path,.flatpickr-prev-month svg path {
    transition: fill .1s;
    fill: inherit
}

.numInputWrapper {
    position: relative;
    height: auto
}

.numInputWrapper input,.numInputWrapper span {
    display: inline-block
}

.numInputWrapper input {
    width: 100%
}

.numInputWrapper span {
    position: absolute;
    right: 0;
    width: 14px;
    padding: 0 4px 0 2px;
    height: 50%;
    line-height: 50%;
    opacity: 0;
    cursor: pointer;
    border: 1px solid #fff;
    box-sizing: border-box
}

.numInputWrapper span:hover,.numInputWrapper:hover {
    background: #e6e6e6
}

.numInputWrapper span:active {
    background: #ccc
}

.numInputWrapper span:after {
    display: block;
    content: "";
    position: absolute;
    top: 33%
}

.numInputWrapper span.arrowUp {
    top: 0;
    border-bottom: 0
}

.numInputWrapper span.arrowUp:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #101820
}

.numInputWrapper span.arrowDown {
    top: 50%
}

.numInputWrapper span.arrowDown:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #101820
}

.numInputWrapper span svg {
    width: inherit;
    height: auto
}

.numInputWrapper span svg path {
    fill: #fdfefe
}

.numInputWrapper:hover span {
    opacity: 1
}

.flatpickr-current-month {
    font-size: 12px;
    line-height: inherit;
    color: inherit;
    position: absolute;
    width: 75%;
    left: 12.5%;
    top: 5px;
    display: inline-block;
    text-align: center
}

.flatpickr-current-month .cur-month {
    font-family: inherit;
    color: inherit;
    display: inline-block;
    padding-left: 7px
}

.flatpickr-current-month .numInputWrapper {
    width: 6ch;
    display: inline-block
}

.flatpickr-current-month .numInputWrapper .arrowUp:after,.flatpickr-time .numInputWrapper span.arrowUp:after {
    border-bottom-color: #101820
}

.flatpickr-current-month .numInputWrapper .arrowDown:after,.flatpickr-time .numInputWrapper span.arrowDown:after {
    border-top-color: #101820
}

.flatpickr-current-month .cur-year {
    background: 0 0;
    box-sizing: border-box;
    color: inherit;
    cursor: default;
    padding: 0 0 0 .5ch;
    margin: 0;
    display: inline;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    height: initial;
    border: 0;
    border-radius: 0;
    vertical-align: initial
}

.flatpickr-current-month .cur-year:focus {
    outline: 0
}

.flatpickr-current-month .cur-year[disabled],.flatpickr-current-month .cur-year[disabled]:hover {
    font-size: 100%;
    color: #101820;
    background: 0 0;
    pointer-events: none
}

.flatpickr-weekdays {
    background: #fff;
    text-align: center;
    overflow: hidden
}

.flatpickr-weeks {
    padding: 1px 0 0
}

.flatpickr-days {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 0 2.1875px;
    width: 270px;
    outline: 0;
    text-align: left;
    box-sizing: border-box
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .flatpickr-days {
        width:328px
    }
}

@media only screen and (min-width: 1080px) {
    .flatpickr-days {
        width:348px
    }
}

.flatpickr-day {
    border: 1px solid transparent;
    box-sizing: border-box;
    color: #101820;
    width: 14.28%;
    flex-basis: 14.28%;
    height: 35px;
    line-height: 35px;
    margin: 0;
    display: inline-block;
    position: relative;
    justify-content: center;
    text-align: center
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .flatpickr-day {
        height:35px;
        line-height: 35px
    }
}

.flatpickr-day.nextMonthDay {
    visibility: hidden;
    height: 0
}

.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day.nextMonthDay:focus,.flatpickr-day.nextMonthDay:hover,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.prevMonthDay:hover {
    cursor: pointer;
    outline: 0
}

.flatpickr-day.endRange,.flatpickr-day.endRange.nextMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.endRange:focus,.flatpickr-day.endRange:hover,.flatpickr-day.selected,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.selected:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.startRange:focus,.flatpickr-day.startRange:hover {
    background-image: url(/images/ms/accounts/calendar-day-background-96324802e4.svg);
    background-repeat: no-repeat;
    background-position: center
}

.flatpickr-day.endRange.startRange,.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange {
    border-radius: 50px 0 0 50px
}

.flatpickr-day.endRange.endRange,.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange {
    border-radius: 0 50px 50px 0
}

.flatpickr-day.inRange {
    border-radius: 0
}

.flatpickr-day.disabled,.flatpickr-day.disabled:hover {
    pointer-events: none
}

.flatpickr-day.disabled,.flatpickr-day.disabled:hover,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.nextMonthDay,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.prevMonthDay {
    color: #93979b;
    background: 0 0;
    border-color: transparent;
    cursor: default
}

span.flatpickr-weekday {
    cursor: default;
    font-size: 10px;
    color: #93979b;
    height: 26.91667px;
    line-height: 24px;
    text-align: center;
    display: block;
    float: left;
    width: 14.28%;
    margin: 0;
    padding-top: 2.91667px
}

.rangeMode .flatpickr-day {
    margin-top: 1px
}

.flatpickr-weekwrapper {
    display: inline-block;
    float: left
}

.flatpickr-weekwrapper .flatpickr-weeks {
    padding: 1px 12px 0;
    box-shadow: 1px 0 0 #93979b
}

.flatpickr-weekwrapper .flatpickr-weekday {
    float: none;
    width: 100%
}

.flatpickr-weekwrapper .flatpickr-day {
    display: block;
    width: 100%;
    max-width: none
}

.flatpickr-innerContainer {
    display: flex;
    box-sizing: border-box;
    overflow: hidden
}

.flatpickr-rContainer {
    display: inline-block;
    padding: 0;
    box-sizing: border-box
}

.flatpickr-time,.flatpickr-time input {
    text-align: center;
    box-sizing: border-box
}

.flatpickr-time {
    outline: 0;
    max-height: 40px;
    overflow: hidden;
    transition: height .33s cubic-bezier(0,1,.5,1);
    display: flex;
    height: 0;
    line-height: 40px
}

.flatpickr-time:after {
    content: "";
    display: table;
    clear: both
}

.flatpickr-time .numInputWrapper {
    flex: 1;
    width: 40%;
    height: 40px;
    float: left
}

.flatpickr-time.hasSeconds .numInputWrapper {
    width: 26%
}

.flatpickr-time.time24hr .numInputWrapper {
    width: 49%
}

.flatpickr-time input {
    background: 0 0;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    margin: 0;
    padding: 0;
    height: inherit;
    line-height: inherit;
    cursor: pointer;
    color: #101820;
    font-size: 14px;
    position: relative
}

.flatpickr-time input:focus {
    outline: 0;
    border: 0
}

.flatpickr-time .flatpickr-am-pm,.flatpickr-time .flatpickr-time-separator {
    height: inherit;
    display: inline-block;
    float: left;
    line-height: inherit;
    color: #101820;
    width: 2%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.flatpickr-time .flatpickr-am-pm {
    outline: 0;
    width: 18%;
    cursor: pointer;
    text-align: center
}

.flatpickr-time .flatpickr-am-pm:focus,.flatpickr-time .flatpickr-am-pm:hover {
    background: #a1e3d9
}

.hasTime .flatpickr-days,.hasWeeks .flatpickr-days {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.recipe-attributes__labels {
    color: #64696e;
    font-family: "Mulish SemiBold",sans-serif;
    font-size: 12px;
    line-height: 1.5;
    list-style: none;
    margin: 0 0 10px
}

.recipe-attributes__labels .recipe-attributes__label {
    margin: 0 2px 5px 0;
    background-color: #fafafb;
    color: #64696e;
    display: inline-block;
    font-size: 10px;
    font-family: "Mulish SemiBold",sans-serif;
    letter-spacing: 1px;
    line-height: 1.5;
    padding: 5px;
    text-transform: uppercase
}

.recipe-badges .recipe-badges__badge {
    letter-spacing: .25px;
    padding: 1px 5px
}

.recipe-badges .recipe-badges__badge.is-recommended {
    background-color: #f0b52b;
    color: #fff
}

.card-badges {
    position: absolute;
    bottom: 12px;
    left: 12px;
    padding: 4px 6px;
    display: flex;
    flex-direction: row;
    gap: 6px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    z-index: 1
}

.card-badges.menu-badge {
    left: 14px;
    bottom: 14px;
    z-index: 2
}

.card-badges.box-badge {
    left: 6px;
    bottom: 8px
}

.card-badges.is-premium {
    background-color: #40464d
}

.card-badges.is-coredown {
    background-color: #fff5f5
}

.card-badges.has-variants {
    background-color: #fafafb
}

.card-badges__label {
    margin: 0;
    font-size: .875rem
}

.card-badges__label.is-premium {
    color: #fff
}

.card-badges__label.is-coredown {
    color: #40464d;
    font-weight: 700;
    font-size: .75rem
}

.card-badges__label.has-variants {
    color: #101820;
    font-weight: 700;
    font-size: .75rem
}

.card-badges__icon {
    width: 12px;
    height: 12px
}

.card-badges__icon.is-premium svg {
    fill: #d0f1ec
}

.card-badges__icon.is-coredown svg {
    fill: #ff5d62
}

.card-badges__icon.has-variants svg {
    fill: #f0b52b
}

.card-badges--coredown {
    color: #97363a
}

.special-order__accordion {
    border: 0;
    position: relative
}

.special-order__accordion .special-order__step.active .special-order__edit,.special-order__accordion .special-order__step.complete .special-order__edit,.special-order__accordion .special-order__step.future .special-order__edit,.special-order__accordion button.special-order__next-step {
    visibility: hidden
}

.special-order__accordion button.special-order__next-step .spinner {
    left: 20px;
    top: 16px
}

.special-order__accordion label {
    text-align: left;
    color: #64696e;
    font-size: 12px;
    font-family: "Mulish Regular",sans-serif
}

.special-order__accordion .special-order__step {
    position: relative;
    max-height: 46px;
    overflow: hidden;
    transition: 400ms
}

@media only screen and (min-width: 1080px) {
    .special-order__accordion .special-order__step {
        max-height:49px
    }
}

.special-order__accordion .special-order__step.active {
    max-height: 2000px;
    height: auto
}

.special-order__accordion .special-order__step button.special-order__next-step {
    visibility: visible
}

.special-order__accordion .special-order__step.complete,.special-order__accordion .special-order__step.future {
    height: 0
}

.special-order__accordion .special-order__headline {
    max-height: 100px;
    height: 49px;
    padding: 15px 0;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e0e1e2
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .special-order__accordion .special-order__headline {
        padding:15px;
        justify-content: center
    }
}

@media only screen and (min-width: 1080px) {
    .special-order__accordion .special-order__headline {
        padding:15px
    }
}

.special-order__accordion .active .special-order__headline {
    display: none
}

.special-order__accordion .past .special-order__headline {
    max-height: 46px;
    display: flex
}

@media only screen and (min-width: 1080px) {
    .special-order__accordion .past .special-order__headline {
        max-height:49px
    }
}

.special-order__accordion .step_complete.active .special-order__headline {
    display: flex
}

.special-order__accordion .special-order__step-headline {
    min-height: 46px
}

@media only screen and (max-width: 719px) {
    .special-order__accordion .review_order .special-order__step-headline {
        min-height:unset
    }
}

.special-order__accordion .special-order__edit,.special-order__accordion .special-order__headline-spacer {
    text-transform: capitalize;
    padding-right: 10px;
    line-height: 1.5
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .special-order__accordion .special-order__edit,.special-order__accordion .special-order__headline-spacer {
        width:165px;
        padding-right: 0
    }
}

.special-order__accordion .special-order__edit {
    cursor: pointer
}

.special-order__accordion .special-order__cancel {
    padding: 15px 20px;
    cursor: pointer
}

.special-order__accordion .past-step__title {
    text-align: left;
    padding: 0 17px 0 10px;
    line-height: 1.8;
    font-family: "Mulish ExtraBold",sans-serif;
    font-weight: 600;
    font-size: 14px
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .special-order__accordion .past-step__title {
        text-align:center;
        padding: 0
    }
}

.special-order__accordion input.special-order__age-verification-check {
    margin: 0
}

.special-order__accordion .special-order__age-verification-label {
    font-size: 16px
}

.special-order__accordion .special-order__payment-form {
    max-width: 300px
}

.special-order {
    color: #101820
}

.special-order__container {
    background: #fff;
    border-radius: 4px;
    color: #101820;
    text-align: center
}

.special-order__container p {
    margin-bottom: 0
}

.special-order__container img {
    width: 100%;
    height: 100%
}

.special-order__container .special-order__badge-container img {
    width: unset;
    height: unset
}

@media only screen and (max-width: 719px) {
    .special-order__container .special-order__badge-container {
        display:none
    }
}

.special-order__state-edit-time,.special-order__status {
    font-family: "Mulish ExtraBold",sans-serif;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: inline-block
}

.special-order__state-edit-time,.special-order__status.upcoming {
    color: #25a697
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .special-order__state-edit-time {
        margin-left:10px
    }
}

.special-order__deadline {
    color: #ff9b9e;
    text-align: center;
    position: relative;
    font-size: 14px
}

.special-order__status {
    color: #ff9b9e
}

.special-order__status.at-home {
    color: #64696e
}

.special-order__status.in-progress {
    color: #ffdc4d
}

.special-order__status .special-order__status-icon {
    margin: 1px 10px 1px 0;
    display: inline-block;
    vertical-align: text-top
}

.special-order__badge {
    position: absolute;
    top: 0;
    right: 15px
}

.special-order__card,.special-order__card-basic {
    width: 260px;
    margin-bottom: 30px;
    overflow: hidden
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .special-order__card-basic:nth-child(odd),.special-order__card:nth-child(odd) {
        margin-right:10px
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .special-order__card,.special-order__card-basic {
        width:340px
    }
}

@media only screen and (min-width: 1080px) {
    .special-order__card,.special-order__card-basic {
        width:350px
    }
}

.special-order__card-basic .special-order__addon-recipes {
    border-bottom: 1px solid #e0e1e2;
    border-radius: 4px
}

.addon__document-link {
    border-top-width: 1px;
    border-top-style: solid;
    text-align: center;
    margin: 15px 10px 0
}

.special-order__title {
    font-family: "Mulish ExtraBold",sans-serif;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.3;
    margin: 20px auto;
    padding: 0 15px;
    text-transform: uppercase
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .special-order__title {
        font-size:28px
    }
}

@media only screen and (min-width: 1080px) {
    .special-order__title {
        font-size:32px;
        letter-spacing: 2px;
        margin-bottom: 30px
    }

    .special-order__info-section .special-order__title {
        margin: 40px auto 20px
    }
}

.special-order__funnel-header {
    height: auto;
    padding: 15px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e0e1e2;
    justify-content: center
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .special-order__component {
        padding:0 15px
    }
}

.special-order__addons {
    padding: 0 15px
}

.addon-image__container {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    overflow: hidden;
    position: relative;
    background: #e0e1e2;
    width: 260px;
    height: 172px
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .addon-image__container img {
        max-width:350px
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .addon-image__container {
        height:225px;
        width: 340px
    }
}

@media only screen and (min-width: 1080px) {
    .addon-image__container {
        height:233px;
        width: 350px
    }
}

.special-order__addon-quantity {
    position: absolute;
    right: 10px;
    top: 10px;
    background-color: #fff5f5;
    color: #ff5d62;
    font: 14px "Mulish SemiBold",sans-serif;
    padding: 10px;
    text-transform: uppercase;
    letter-spacing: 1.2px
}

.special-order__text-container {
    padding: 10px;
    overflow: hidden;
    border-left: 1px solid #e0e1e2;
    border-right: 1px solid #e0e1e2
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .special-order__text-container {
        min-height:115px;
        max-height: 135px
    }
}

.special-order__addon-title {
    text-transform: capitalize;
    color: #101820;
    font-size: 20px;
    font-family: "Mulish Regular",sans-serif
}

@media only screen and (min-width: 1080px) {
    .special-order__addon-title {
        font-size:24px
    }
}

.special-order__addon-description {
    display: none
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .special-order__addon-description {
        display:block;
        color: #101820;
        font-size: 16px
    }

    .applied-voucher,.apply-voucher {
        width: 180px
    }
}

@media only screen and (max-width: 719px) {
    .applied-voucher:last-of-type,.apply-voucher:last-of-type {
        margin-right:10px
    }
}

.special-order__addon-recipes {
    border-left: 1px solid #e0e1e2;
    border-right: 1px solid #e0e1e2;
    font-family: "Mulish SemiBold",sans-serif;
    position: relative;
    max-height: 36px;
    overflow: hidden
}

.special-order__addon-recipes.expanded {
    max-height: 1000px
}

.special-order__addon-recipes .addon-recipes__list {
    list-style-type: none;
    height: auto;
    text-align: left;
    margin: 10px 15px;
    font-size: 14px;
    display: table;
    line-height: 1.25
}

.special-order__addon-recipes .addon-recipe__list-item {
    cursor: pointer;
    display: table-row
}

.special-order__addon-recipes .addon-recipe__list-item::before {
    content: "-";
    display: table-cell;
    text-align: right;
    padding-right: 5px
}

.special-order__card-recipe {
    margin-bottom: 5px
}

.special-order__card-recipe::last-child {
    margin-bottom: none
}

.past-order .special-order__addon-recipes {
    border-bottom: 1px solid #e0e1e2;
    border-radius: 4px
}

.addon__document-link,.special-order__recipes-toggle {
    display: block;
    font-size: 12px;
    font-family: "Mulish SemiBold",sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 10px
}

.special-order__addon-selection {
    padding: 15px 10px;
    text-align: left;
    border: 1px solid #e0e1e2;
    border-radius: 0 0 4px 4px
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .special-order__addon-selection {
        padding:15px
    }
}

.special-order__addon-price {
    font-family: "Mulish SemiBold",sans-serif;
    font-size: 20px
}

.special-order__addon-price span {
    font-size: 14px
}

.special-order__addon-size {
    font-family: "Mulish Regular",sans-serif;
    font-size: 12px;
    margin-bottom: 10px
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .special-order__addon-size {
        margin-bottom:0
    }
}

.current-special-order__info,.special-order__footer,.special-order__info {
    padding: 15px;
    text-align: left
}

.special-order__info-element {
    padding-bottom: 15px;
    line-height: 1.5
}

.current-special-order__info {
    border-top: 1px solid #e0e1e2
}

.review_order .special-order__footer {
    padding: 10px
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .review_order .special-order__footer {
        padding:15px
    }
}

.special-order__component-loading img {
    width: 45px
}

.special-order__create-account-container label {
    text-align: left
}

.special-order__email-taken {
    display: inline-block;
    line-height: 1.5;
    border: 1px solid;
    border-radius: 4px;
    color: #ff9b9e;
    padding: 15px 20px;
    text-align: left;
    margin-top: 20px
}

@media only screen and (max-width: 719px) {
    .special-order__email-taken {
        margin-left:10px;
        max-width: 280px
    }
}

.special-order__email-taken__title {
    font-family: "Mulish SemiBold",sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-bottom: 8px
}

.address-form__container .delivery-information__summary a,.delivery-details__container .delivery-information__summary a,.review-order__container .delivery-information__summary a,.special-order__email-taken__summary a {
    text-decoration: underline;
    color: inherit
}

.address-form__container .special-order__delivery-address,.address-form__container .special-order__review-order,.delivery-details__container .special-order__delivery-address,.delivery-details__container .special-order__review-order,.review-order__container .special-order__delivery-address,.review-order__container .special-order__review-order {
    display: inline-block;
    vertical-align: top;
    padding-left: 0;
    max-width: 550px
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .address-form__container .special-order__delivery-address,.address-form__container .special-order__review-order,.delivery-details__container .special-order__delivery-address,.delivery-details__container .special-order__review-order,.review-order__container .special-order__delivery-address,.review-order__container .special-order__review-order {
        margin:0 0 10px
    }
}

.address-form__container .special-order__review-order,.delivery-details__container .special-order__review-order,.review-order__container .special-order__review-order {
    position: relative
}

.address-form__container .special-order__review-order hr,.delivery-details__container .special-order__review-order hr,.review-order__container .special-order__review-order hr {
    color: #101820;
    margin: 0 10px
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .address-form__container .special-order__review-order hr,.delivery-details__container .special-order__review-order hr,.review-order__container .special-order__review-order hr {
        margin:0
    }
}

.address-form__container .special-order__payment-error,.address-form__container .special-order__zipcode-error,.delivery-details__container .special-order__payment-error,.delivery-details__container .special-order__zipcode-error,.review-order__container .special-order__payment-error,.review-order__container .special-order__zipcode-error {
    line-height: 1.5;
    width: 280px;
    border: 1px solid;
    border-radius: 4px;
    color: #ff9b9e;
    padding: 15px 20px;
    text-align: left
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .address-form__container .special-order__payment-error,.address-form__container .special-order__zipcode-error,.delivery-details__container .special-order__payment-error,.delivery-details__container .special-order__zipcode-error,.review-order__container .special-order__payment-error,.review-order__container .special-order__zipcode-error {
        width:540px;
        margin: 0 0 10px
    }
}

@media only screen and (min-width: 1080px) {
    .address-form__container .special-order__payment-error,.address-form__container .special-order__zipcode-error,.delivery-details__container .special-order__payment-error,.delivery-details__container .special-order__zipcode-error,.review-order__container .special-order__payment-error,.review-order__container .special-order__zipcode-error {
        width:410px;
        margin-left: 10px
    }
}

.address-form__container .delivery-info__component,.delivery-details__container .delivery-info__component,.review-order__container .delivery-info__component {
    display: inline-block
}

.address-form__container .special-order__payment-error,.delivery-details__container .special-order__payment-error,.review-order__container .special-order__payment-error {
    margin-top: 20px
}

@media only screen and (min-width: 1080px) {
    .address-form__container .special-order__payment-error,.delivery-details__container .special-order__payment-error,.review-order__container .special-order__payment-error {
        margin-right:7px;
        float: right
    }
}

.address-form__container .delivery-information__title,.delivery-details__container .delivery-information__title,.review-order__container .delivery-information__title {
    font-family: "Mulish SemiBold",sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-bottom: 8px
}

.address-form__container .delivery-information__disclaimer,.delivery-details__container .delivery-information__disclaimer,.review-order__container .delivery-information__disclaimer {
    margin-bottom: 15px
}

.delivery-details__container .review-order__label {
    font-size: 14px
}

.delivery-details__container .review-order__free-shipping,.delivery-details__container .review-order__label {
    font-family: "Mulish SemiBold",sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: left
}

.address-form__container .review-order__label {
    font-size: 14px
}

.address-form__container .review-order__free-shipping,.address-form__container .review-order__label {
    font-family: "Mulish SemiBold",sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: left
}

.review-order__container .review-order__label {
    font-size: 14px
}

.review-order__container .review-order__free-shipping,.review-order__container .review-order__label {
    font-family: "Mulish SemiBold",sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: left
}

.address-form__container .review-order__free-shipping,.delivery-details__container .review-order__free-shipping,.review-order__container .review-order__free-shipping {
    font-size: 16px
}

@media only screen and (max-width: 719px) {
    .address-form__container .review-order__card-title,.delivery-details__container .review-order__card-title,.review-order__container .review-order__card-title {
        margin-bottom:10px
    }
}

.address-form__container .review-order__qty,.delivery-details__container .review-order__qty,.loginWizard .loginWrapper div.loginBox.changePassword label,.review-order__container .review-order__qty {
    text-align: left
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .address-form__container .review-order__qty,.delivery-details__container .review-order__qty,.review-order__container .review-order__qty {
        padding-left:60px
    }
}

.address-form__container .review-order__voucher-section,.delivery-details__container .review-order__voucher-section,.review-order__container .review-order__voucher-section {
    margin-top: 65px
}

.address-form__container .review-order__voucher-applied,.delivery-details__container .review-order__voucher-applied,.review-order__container .review-order__voucher-applied {
    margin: 15px 0
}

.address-form__container .review-order__total-price,.delivery-details__container .review-order__total-price,.review-order__container .review-order__total-price {
    font-size: 16px;
    font-family: "Mulish SemiBold",sans-serif;
    position: relative
}

.address-form__container .review-order__strike-price,.delivery-details__container .review-order__strike-price,.review-order__container .review-order__strike-price {
    border: 1.5px solid #ff9b9e;
    width: 73px;
    position: absolute;
    top: 8px;
    right: 5px
}

.address-form__container .review-order__line.nui__row,.delivery-details__container .review-order__line.nui__row,.review-order__container .review-order__line.nui__row {
    padding: 15px 0;
    margin-bottom: 0;
    color: #101820
}

.address-form__container .review-order__ship-to,.delivery-details__container .review-order__ship-to,.review-order__container .review-order__ship-to {
    text-transform: capitalize
}

.address-form__container .special-order__delivery-summary,.delivery-details__container .special-order__delivery-summary,.review-order__container .special-order__delivery-summary {
    line-height: 1.5;
    width: 280px;
    height: auto;
    border-radius: 4px;
    padding: 15px 20px;
    color: #101820;
    text-align: left;
    margin-top: 20px
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .address-form__container .special-order__delivery-summary,.delivery-details__container .special-order__delivery-summary,.review-order__container .special-order__delivery-summary {
        width:540px;
        margin: 0 0 10px
    }
}

@media only screen and (min-width: 1080px) {
    .address-form__container .special-order__delivery-summary,.delivery-details__container .special-order__delivery-summary,.review-order__container .special-order__delivery-summary {
        width:410px;
        margin-left: 18px;
        margin-top: 0
    }
}

.address-form__container .special-order__delivery-summary p,.delivery-details__container .special-order__delivery-summary p,.review-order__container .special-order__delivery-summary p {
    margin: 20px 0;
    font-family: "Mulish Regular",sans-serif
}

.address-form__container .special-order__delivery-summary .delivery-info__bold,.delivery-details__container .special-order__delivery-summary .delivery-info__bold,.review-order__container .special-order__delivery-summary .delivery-info__bold {
    font-family: "Mulish SemiBold",sans-serif;
    font-size: 16px
}

.address-form__container .delivery-instructions__textarea,.delivery-details__container .delivery-instructions__textarea,.review-order__container .delivery-instructions__textarea {
    min-height: 88px;
    padding: 10px 15px;
    margin: 0
}

.address-form__container .selectField,.delivery-details__container .selectField,.review-order__container .selectField,label {
    margin-bottom: 5px
}

.address-form__container .delivery_instructions__charcount,.delivery-details__container .delivery_instructions__charcount,.review-order__container .delivery_instructions__charcount {
    width: 100%;
    text-align: right
}

@media only screen and (max-width: 719px) {
    .special-order .address-form {
        padding:0 10px
    }
}

body {
    --special-theme__primary: $special-theme__primary;
    --special-theme__primary-light: $special-theme__primary-light;
    --special-theme__primary-dark: $special-theme__primary-dark;
    --special-theme__secondary: $special-theme__secondary;
    --special-theme__secondary-light: $special-theme__secondary-light;
    --special-theme__secondary-dark: $special-theme__secondary-dark;
    --special-theme__header: $special-theme__header;
    --special-theme__background: $special-theme__background;
    --special-theme__background-light: $special-theme__background-light
}

.special-order .special-order__toggle {
    border-color: var(--special-theme__primary, #FF5D62)
}

.special-order .addon__document-link,.special-order .review-order__free-shipping,.special-order .review-order__voucher-applied,.special-order .special-order__edit,.special-order .special-order__recipes-toggle,.special-order .special-order__toggle {
    color: var(--special-theme__primary, #FF5D62)
}

.special-order .special-order__edit,.special-order .special-order__recipes-toggle,.special-order .special-order__toggle {
    cursor: pointer
}

.special-order .special-order__edit:hover {
    color: var(--special-theme__primary-light, #ffddde)
}

.special-order .past-step__title,.special-order .special-banner__header,.special-order .special-order__cancel,.special-order .special-order__title {
    color: var(--special-theme__header, #5A2C3E)
}

.special-order .past .special-order__title,.special-order .past-step__title {
    transition: filter .25s linear 0s;
    transition: filter .25s linear 0s,-webkit-filter .25s linear 0s;
    -webkit-filter: brightness(120%);
    filter: brightness(120%)
}

.special-order .past-step__title {
    letter-spacing: 1px
}

.special-order .special-order__addon-recipes,.special-order .special-order__delivery-summary,.special-order .special-order__recipes-toggle {
    background-color: var(--special-theme__background, #FFF5F5)
}

.special-order .addon__document-link:active,.special-order .addon__document-link:hover,.special-order .special-order__toggle:active,.special-order .special-order__toggle:hover {
    color: var(--special-theme__primary, #FF5D62)
}

.special-order .addon__document-link {
    border-top-color: var(--special-theme__primary, #FF5D62)
}

.special-order .nui__button.special-order__button,.special-order .nui__button.special-order__button--secondary,.special-order button.special-order__button,.special-order button.special-order__button--secondary {
    color: #fff
}

.special-order .nui__button.special-order__button,.special-order button.special-order__button {
    background-color: var(--special-theme__primary, #FF5D62);
    border-color: var(--special-theme__primary, #FF5D62)
}

.special-order .nui__button.special-order__button:focus,.special-order .nui__button.special-order__button:hover,.special-order button.special-order__button:focus,.special-order button.special-order__button:hover {
    background-color: var(--special-theme__primary-dark, #ff2a31);
    border-color: var(--special-theme__primary-dark, #ff2a31)
}

.special-order .nui__button.special-order__button:active,.special-order button.special-order__button:active {
    background-color: var(--special-theme__primary-light, #ffddde);
    border-color: var(--special-theme__primary-light, #ffddde)
}

.special-order .nui__button.special-order__button:disabled,.special-order .nui__button.special-order__button:disabled:hover,.special-order button.special-order__button:disabled,.special-order button.special-order__button:disabled:hover {
    background-color: #e0e1e2;
    border-color: #e0e1e2;
    color: #93979b;
    opacity: 1
}

.special-order .nui__button.special-order__button--secondary,.special-order button.special-order__button--secondary {
    background-color: var(--special-theme__secondary, #9D2235);
    border-color: var(--special-theme__secondary, #9D2235)
}

.special-order .nui__button.special-order__button--secondary:focus,.special-order .nui__button.special-order__button--secondary:hover,.special-order button.special-order__button--secondary:focus,.special-order button.special-order__button--secondary:hover {
    background-color: var(--special-theme__secondary-dark, #731927);
    border-color: var(--special-theme__secondary-dark, #731927)
}

.special-order .nui__button.special-order__button--secondary:active,.special-order button.special-order__button--secondary:active {
    background-color: var(--special-theme__secondary-light, #dd6275);
    border-color: var(--special-theme__secondary-light, #dd6275)
}

.special-order .nui__button.special-order__button--secondary:disabled,.special-order .nui__button.special-order__button--secondary:disabled:hover,.special-order button.special-order__button--secondary:disabled,.special-order button.special-order__button--secondary:disabled:hover {
    background-color: #e0e1e2;
    border-color: #e0e1e2;
    color: #93979b;
    opacity: 1
}

.special-order .special-order__tagline {
    color: var(--special-theme__header, #5A2C3E)
}

.how-what-do-you-get__section-new .how__section-mobile img,.special-order .special-order__content-section,body.generals.our-story {
    background-color: #fff
}

.special-order .special-order__content-section.with-color {
    background-color: var(--special-theme__background-light, white)
}

.special-order .special-order__recipe-image,.wizard__step:after {
    background-color: #e0e1e2
}

.special-order .special-order__addon-quantity {
    background-color: var(--special-theme__background, #FFF5F5);
    color: var(--special-theme__primary, #FF5D62)
}

.wizard {
    counter-reset: num;
    display: flex;
    width: 100%;
    max-width: 720px;
    margin: 0 auto
}

.wizard__step {
    position: relative;
    width: 20%
}

.wizard__step:after {
    transition: all .3s ease-out 0s;
    content: '';
    height: 1px;
    position: absolute;
    right: -50%;
    top: .5em;
    width: 100%;
    z-index: -1
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .wizard__step:after {
        top:.65em;
        height: 2px
    }
}

.wizard__step:last-child:after {
    display: none
}

.wizard__step--outer .wizard__link:before {
    content: '';
    background-color: #f0b52b;
    border-color: #e0e1e2;
    border-width: 3px;
    height: calc(1.3em - 2px);
    width: calc(1.3em - 2px)
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .wizard__step--outer .wizard__link:before {
        border-width:5px;
        height: calc(1.5em - 6px);
        width: calc(1.5em - 6px)
    }
}

.wizard__step--outer .wizard__label {
    color: #64696e
}

.wizard__link,div.formSwitcher div.result {
    display: block
}

.wizard__link,.wizard__link:active,.wizard__link:focus,.wizard__link:hover,.wizard__link:visited {
    color: #101820;
    cursor: default;
    text-decoration: none
}

.wizard__link:before {
    transition: all .3s ease-out 0s;
    background-color: #fff;
    border-color: #e0e1e2;
    border-radius: 50%;
    border-style: solid;
    border-width: 2px;
    box-sizing: content-box;
    color: #93979b;
    content: counter(num);
    counter-increment: num;
    display: block;
    font-size: 11px;
    height: 1.3em;
    line-height: 1.5em;
    margin: 0 auto 5px;
    text-align: center;
    width: 1.3em
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .wizard__link:before {
        font-size:12px;
        height: 1.5em;
        line-height: 1.5em;
        width: 1.5em
    }
}

.wizard__step--incomplete .wizard__link {
    color: #64696e
}

.wizard__step--completed:after {
    background-color: #a1e3d9
}

#reactivation_confirmation_modal #voucher_toggle,.wizard__step--completed .wizard__link,.wizard__step--completed-fwd .wizard__link {
    cursor: pointer
}

.wizard__step--completed .wizard__link:before,.wizard__step--completed-fwd .wizard__link:before {
    background-color: #a1e3d9;
    border-color: #a1e3d9;
    color: #93979b
}

.wizard__step--completed-fwd:hover .wizard__label,.wizard__step--completed:hover .wizard__label {
    color: #a1e3d9
}

.wizard__step--completed .wizard__label,.wizard__step--completed-fwd .wizard__label {
    color: #93979b
}

.wizard__step--active .wizard__link:before {
    background-color: #a1e3d9;
    border-color: #a1e3d9;
    line-height: 1.4em
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .wizard__step--active .wizard__link:before {
        line-height:1.5em
    }
}

.wizard__step--active .wizard__label,.wizard__step--active .wizard__link:before {
    color: #101820;
    font-family: "Mulish SemiBold",sans-serif
}

.wizard__label {
    display: block;
    font-size: 10px;
    line-height: 1.2em;
    text-align: center
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .wizard__label {
        font-size:14px
    }
}

.info-box {
    width: 100%;
    padding: 15px 15px 15px 50px;
    position: relative;
    margin-bottom: 20px
}

.info-box div {
    line-height: 1.5em
}

.info-box.warning {
    background: #fffcf0;
    border-left: 3px solid #ffdc4d
}

.info-box .info-box-title {
    font-weight: 700;
    margin: 5px 0
}

.info-box .info-box-icon {
    position: absolute;
    top: 17px;
    left: 15px
}

.variant-popup {
    width: 700px;
    position: relative;
    background-color: #fff;
    border-radius: 13px
}

.variant-popup__body {
    padding: 64px 32px
}

@media only screen and (max-width: 719px) {
    .variant-popup__body {
        padding:0
    }
}

.select2-container--default .select2-selection.select2-selection--single .select2-selection__rendered,.variant-popup__body.is-inserted {
    padding: 0
}

.variant-popup__body.is-inserted .variant-popup__button,.variant-popup__body.is-inserted .variant-popup__close,div.formSwitcher div.form,div.formSwitcher.editable div.result {
    display: none
}

.variant-popup__content {
    width: 100%;
    display: flex;
    flex-direction: column
}

@media only screen and (max-width: 719px) {
    .variant-popup {
        width:100%;
        padding: 32px 16px;
        border-radius: 13px 13px 0 0
    }
}

.variant-popup__close {
    top: 24px!important;
    right: 24px!important;
    cursor: pointer
}

@media only screen and (max-width: 719px) {
    .variant-popup__close {
        top:24px;
        right: 18px
    }
}

.variant-popup__title {
    margin-bottom: 24px;
    color: #101820;
    font-weight: 700;
    font-size: 26px;
    line-height: 30px
}

@media only screen and (max-width: 719px) {
    .variant-popup__title {
        font-size:20px;
        line-height: 24px
    }
}

.variant-popup__button {
    width: 340px;
    margin: auto;
    padding: 12px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #101820;
    background-color: #f0b52b;
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    border-radius: 8px;
    cursor: pointer
}

.variant-popup__options {
    margin-bottom: 48px;
    display: flex;
    flex-direction: column;
    gap: 12px
}

.variant-popup__item {
    display: flex;
    flex-direction: row;
    border: solid 1px #fff;
    border-radius: 8px
}

.variant-popup__item.is-selected {
    border-color: #ffdc4d
}

.cancellation-flow--order-frequency strong,.variant-popup__item.is-selected .variant-popup__item-title {
    font-weight: 700
}

@media only screen and (max-width: 719px) {
    .variant-popup__item {
        padding:0
    }
}

.variant-popup__item-label {
    margin: 0!important;
    padding: 16px 24px;
    flex: 1;
    display: flex;
    flex-direction: column
}

@media only screen and (max-width: 719px) {
    .variant-popup__item-label {
        padding:8px 16px
    }
}

.variant-popup__item-title {
    color: #101820;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px
}

@media only screen and (max-width: 719px) {
    .variant-popup__item-title {
        font-size:16px;
        line-height: 22px
    }
}

.variant-popup__item-price {
    color: #101820;
    font-size: 14px;
    line-height: 16px
}

.variant-popup__item-radio {
    width: 24px;
    height: 24px;
    margin: 0 24px 0 0!important;
    display: flex;
    justify-self: flex-end;
    align-self: center;
    accent-color: #25a697
}

@media only screen and (max-width: 719px) {
    .variant-popup__item-radio {
        margin-right:12px!important
    }
}

.variant-popup__price {
    color: #1d8478;
    font-weight: 700
}

.variant-popup__serving {
    color: #64696e;
    font-weight: 400
}

.variant-popup--discount {
    color: #97363a
}

.recipe-wrapper .variant-popup {
    padding: 32px 0
}

.select2-container--default {
    color: #222
}

.select2-container--default .select2-dropdown {
    background-color: #f6f6f6;
    border-radius: 6px;
    padding: 0 15px;
    margin-top: 4px;
    border: .5px solid #0000001f;
    box-shadow: 0 0 20px 0 #00000026
}

.select2-container--default.select2-container--open .select2-dropdown--below {
    border-top: .5px solid #0000001f;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection.select2-selection--single {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.select2-container--default .select2-selection.select2-selection--single {
    border: 1px solid #cfd1d2;
    border-radius: 8px;
    padding: 8px 16px;
    text-align: left;
    height: 46px;
    font-size: 16px
}

@media only screen and (max-width: 719px) {
    .select2-container--default .select2-selection.select2-selection--single {
        font-size:14px
    }
}

.select2-container--default .select2-selection.select2-selection--single .select2-selection__arrow {
    top: 10px;
    right: 14px
}

.select2-container--default .select2-results__options {
    background-color: #f6f6f6;
    border-radius: 4px;
    font-size: 13px
}

.select2-container--default .select2-results__options .select2-results__option {
    border-radius: 4px;
    padding: 2px 16px;
    margin: 10px 0;
    line-height: 15.83px
}

.select2-container--default .select2-results__options .select2-results__option--highlighted.select2-results__option--selectable:not(.select2-results__option--selected) {
    background-color: #f6f6f6;
    color: #222
}

.select2-container--default .select2-results__options .select2-results__option--selected,.select2-container--default .select2-results__options .select2-results__option--selected.select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #54a3fc;
    color: #fff
}

#failed-payment-reactivation-banner {
    --warning-bg: #F0B52B;
    --warning-color: #19232D;
    --icon-fill-color: #FFFFFF;
    padding: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #ff585d;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    font-family: "Mulish Regular",sans-serif;
    margin-bottom: 16px;
    gap: 12px
}

@media only screen and (max-width: 719px) {
    #failed-payment-reactivation-banner {
        font-size:16px;
        line-height: 22px
    }

    #failed-payment-reactivation-banner .desktop-only {
        display: none
    }
}

#failed-payment-reactivation-banner .banner-text-container {
    display: flex;
    align-items: center;
    gap: 12px
}

#failed-payment-reactivation-banner .banner-text {
    display: flex;
    gap: 16px;
    align-items: center
}

@media only screen and (max-width: 719px) {
    #failed-payment-reactivation-banner .banner-text {
        flex-direction:column;
        align-items: flex-start;
        gap: 10px
    }
}

#failed-payment-reactivation-banner .btn-close {
    width: 24px;
    height: 24px
}

#failed-payment-reactivation-banner .inline_svg_icon {
    flex-shrink: 0
}

#failed-payment-reactivation-banner .update-now-btn {
    border: 1px solid #fff;
    color: #fff;
    border-radius: 38px;
    padding: 2px 8px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

#failed-payment-reactivation-banner.warning {
    --icon-fill-color: #101820;
    justify-content: space-between;
    background: #fff7d9;
    color: #101820;
    gap: 0
}

.label-spacer {
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 5px
}

.label-spacer:after {
    content: "\00a0"
}

.form-error {
    background: 0 0;
    color: #ff5d62;
    display: inline-block;
    font-size: .875rem;
    line-height: 1rem;
    position: relative;
    text-indent: 1rem
}

.form-error:before {
    background-image: url(/images/ms/svg/bang-icon-b7b23a2d12.svg);
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: .875rem;
    left: 0;
    position: absolute;
    top: .07rem;
    width: .875rem
}

.styledCheckbox {
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #93979b;
    color: #a1e3d9;
    float: left;
    height: 18px;
    margin-right: 10px;
    padding: 1px;
    position: relative;
    width: 18px
}

.styledCheckbox:before {
    font-size: 14px
}

.styledCheckbox.disabled {
    background-color: #fafafb
}

.styledCheckbox.disabled,.styledCheckbox.disabled+span {
    opacity: .4;
    cursor: not-allowed
}

.styledCheckbox.error {
    border: 2px solid #ff5d62
}

.styledCheckbox.fa-check {
    background-color: #25a697;
    border-color: #25a697;
    color: #fff
}

.styledCheckbox.error.fa-check {
    border-width: 1px
}

.checkboxWrapper label {
    color: #93979b;
    font-size: .875rem;
    line-height: 1.25rem;
    height: 1.25rem;
    display: inline-block
}

.checkboxWrapper label::-moz-selection {
    background: 0 0;
    color: #93979b
}

.checkboxWrapper label::selection {
    background: 0 0;
    color: #93979b
}

@-moz-document url-prefix() {
    .quantitySelectWrapper {
        background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iM3B4IiB2aWV3Qm94PSIwIDAgNiAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2IDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIHBvaW50cz0iNS45OTIsMCAyLjk5MiwzIC0wLjAwOCwwICIvPjwvc3ZnPg==");
        background-color: transparent;
        background-position: 93% center;
        background-repeat: no-repeat
    }
}

input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],textarea {
    border-radius: 4px;
    font-size: 1rem;
    font-family: "Mulish Regular",sans-serif;
    line-height: 1.875rem;
    border: 1px solid #e0e1e2;
    box-shadow: none;
    color: #101820;
    padding: 9px 16px;
    height: 44px;
    margin: 5px 0
}

input[type=email].form__input--display,input[type=number].form__input--display,input[type=password].form__input--display,input[type=tel].form__input--display,input[type=text].form__input--display,textarea.form__input--display {
    height: 56px
}

input[type=email].input-field--narrow,input[type=number].input-field--narrow,input[type=password].input-field--narrow,input[type=tel].input-field--narrow,input[type=text].input-field--narrow,textarea.input-field--narrow {
    padding: 5px 12px
}

input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=text]:focus {
    box-shadow: none;
    outline: 0;
    border: 1px solid #101820
}

input[type=email] .selectField.error,input[type=email].error,input[type=number] .selectField.error,input[type=number].error,input[type=password] .selectField.error,input[type=password].error,input[type=tel] .selectField.error,input[type=tel].error,input[type=text] .selectField.error,input[type=text].error,textarea .selectField.error {
    margin-bottom: 1rem;
    border: 2px solid #ff9b9e
}

input[type=email] .selectField.error:focus,input[type=email].error:focus,input[type=number] .selectField.error:focus,input[type=number].error:focus,input[type=password] .selectField.error:focus,input[type=password].error:focus,input[type=tel] .selectField.error:focus,input[type=tel].error:focus,input[type=text] .selectField.error:focus,input[type=text].error:focus,textarea .selectField.error:focus,textarea.error:focus {
    background-color: #fafafb
}

@media screen and (min-width: 768px) {
    input[type=email] .selectField.error,input[type=email].error,input[type=number] .selectField.error,input[type=number].error,input[type=password] .selectField.error,input[type=password].error,input[type=tel] .selectField.error,input[type=tel].error,input[type=text] .selectField.error,input[type=text].error,textarea .selectField.error,textarea.error {
        background-color:#fafafb
    }
}

.neon-orange-error input[type=email] .selectField.error,.neon-orange-error input[type=email].error,.neon-orange-error input[type=number] .selectField.error,.neon-orange-error input[type=number].error,.neon-orange-error input[type=password] .selectField.error,.neon-orange-error input[type=password].error,.neon-orange-error input[type=tel] .selectField.error,.neon-orange-error input[type=tel].error,.neon-orange-error input[type=text] .selectField.error,.neon-orange-error input[type=text].error,.neon-orange-error textarea .selectField.error,.neon-orange-error textarea.error,input[type=email] .selectField.error-v2,input[type=email].error-v2,input[type=number] .selectField.error-v2,input[type=number].error-v2,input[type=password] .selectField.error-v2,input[type=password].error-v2,input[type=tel] .selectField.error-v2,input[type=tel].error-v2,input[type=text] .selectField.error-v2,input[type=text].error-v2,textarea .selectField.error-v2,textarea.error-v2 {
    border: 2px solid #ff5d62
}

input[type=email]:-ms-input-placeholder,input[type=number]:-ms-input-placeholder,input[type=password]:-ms-input-placeholder,input[type=tel]:-ms-input-placeholder,input[type=text]:-ms-input-placeholder,textarea:-ms-input-placeholder {
    color: #93979b
}

input[type=number] {
    -moz-appearance: textfield
}

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

textarea {
    min-height: 120px;
    line-height: 22px;
    max-width: 100%
}

textarea:focus {
    box-shadow: none;
    outline: 0;
    border: 1px solid #101820
}

textarea.error {
    margin-bottom: 1rem;
    border: 2px solid #ff9b9e
}

.bg-gray input[type=email]:focus,.bg-gray input[type=number]:focus,.bg-gray input[type=password]:focus,.bg-gray input[type=tel]:focus,.bg-gray input[type=text]:focus,.bg-gray textarea:focus {
    background: #fff
}

.selectField {
    margin-bottom: 1rem;
    border-radius: 4px;
    border: 1px solid #e0e1e2;
    background: #fff url(/images/ms/normal/icon-select-arrow-754e18e176.png) no-repeat right center;
    background-size: 15px;
    color: #101820;
    cursor: pointer;
    overflow: hidden
}

.selectField select {
    margin: 0;
    width: 100%;
    height: 100%;
    border: 0;
    background: 0 0;
    -moz-appearance: window;
    -webkit-appearance: none;
    font-size: 1rem;
    font-family: "Mulish Regular",sans-serif;
    line-height: 1.875rem;
    padding: 6px 12px;
    color: #101820;
    cursor: pointer;
    outline: 0
}

.selectField select.select-field--narrow {
    padding: 5px 12px;
    min-height: 40px
}

.selectField select[disabled] {
    opacity: .5;
    color: #93979b;
    background-color: #fafafb;
    cursor: not-allowed
}

.selectField:focus,.selectField:hover {
    background-color: #fff;
    box-shadow: none;
    outline: 0
}

.selectField:hover {
    border: 1px solid #e0e1e2
}

.selectField:focus {
    border: 1px solid #101820
}

.selectField.error {
    border: 2px solid #ff9b9e
}

.selectField.error select {
    padding: 5px 12px
}

.selectField.cartQuantity select {
    padding: 3px 8px
}

.selectField.checkoutDate {
    min-width: 3.125rem;
    max-width: 9.375rem
}

.selectField.checkoutDate select {
    padding-right: 0\9
}

.selectField.checkoutYear {
    min-width: 4rem
}

.form-error-message,label.error {
    background-color: #ff9b9e;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    display: block;
    padding: 10px;
    color: #101820;
    font-size: 14px;
    line-height: 1.125rem;
    text-align: center
}

@media screen and (min-width: 768px) {
    .form-error-message,label.error {
        position:relative;
        margin: 1.25rem 0;
        border-radius: 8px
    }

    .form-error-message:after,.form-error-message:before,label.error:after,label.error:before {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none
    }

    .form-error-message:after,label.error:after {
        border-bottom-color: #ff9b9e;
        border-width: .625rem;
        margin-left: -.625rem
    }
}

a.button,button.button,span.button {
    height: 2.625rem;
    font-size: .9375rem;
    font-family: "Mulish SemiBold",sans-serif;
    line-height: 1.625;
    border-radius: 4px;
    padding: .75rem 1rem;
    letter-spacing: .0625rem
}

a.button:focus,button.button:focus,span.button:focus {
    outline: 0
}

div.formSwitcher {
    position: relative
}

div.formSwitcher.editable div.form {
    display: block
}

.required-field>label:first-of-type:after {
    content: " *"
}

input[type=checkbox]+label.inline-label {
    vertical-align: top;
    margin-bottom: 15px
}

@media screen and (min-width: 768px) {
    body div.selectField select,body input[type=email],body input[type=password],body input[type=tel],body input[type=text],body select,body textarea {
        font-size:14px
    }

    div.quantitySelectWrapper select:after,div.quantitySelectWrapper:after {
        display: none
    }
}

.nui__button {
    cursor: pointer;
    min-width: 110px;
    transition: all .3s ease-out 0s
}

.nui__button,button {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #101820;
    border-radius: 4px;
    color: #101820;
    display: inline-block;
    font-size: 16px;
    font-family: "Mulish SemiBold",sans-serif;
    height: 44px;
    line-height: 1.5;
    margin: 5px 0;
    max-width: 100%;
    padding: 10px;
    text-align: center;
    box-sizing: border-box;
    position: relative
}

.nui__button:active,.nui__button:focus,.nui__button:hover,button:active,button:focus,button:hover {
    background-color: #fafafb;
    color: #101820
}

.nui__button:last-of-type,button:last-of-type {
    margin-right: 0
}

#reactivation_confirmation_modal.us .delivery_date_section .nui__col-6,.nui__button.full,button.full {
    width: 100%
}

.nui__button.multiline,button.multiline {
    height: auto;
    min-height: 44px;
    margin-top: 5px;
    white-space: normal
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .nui__button.multiline,button.multiline {
        margin-top:10px
    }
}

.nui__button.uppercase,button.uppercase {
    text-transform: uppercase;
    letter-spacing: 1px
}

.nui__button.nui__button--display,.nui__button.nui__button--primary,.nui__button.nui__button--secondary,.nui__button.nui__button--strapline,button.nui__button--display,button.nui__button--primary,button.nui__button--secondary,button.nui__button--strapline {
    border-color: #a1e3d9
}

.nui__button.nui__button--display,.nui__button.nui__button--primary,.nui__button.nui__button--strapline,button.nui__button--display,button.nui__button--primary,button.nui__button--strapline {
    background-color: #a1e3d9
}

.nui__button.nui__button--display:focus,.nui__button.nui__button--display:hover,.nui__button.nui__button--primary:focus,.nui__button.nui__button--primary:hover,.nui__button.nui__button--strapline:focus,.nui__button.nui__button--strapline:hover,button.nui__button--display:focus,button.nui__button--display:hover,button.nui__button--primary:focus,button.nui__button--primary:hover,button.nui__button--strapline:focus,button.nui__button--strapline:hover {
    background-color: #d0f1ec;
    border-color: #d0f1ec
}

.nui__button.nui__button--display:active,.nui__button.nui__button--primary:active,.nui__button.nui__button--strapline:active,button.nui__button--display:active,button.nui__button--primary:active,button.nui__button--strapline:active {
    background-color: #25a697;
    border-color: #25a697
}

.nui__button.nui__button--primary-v2,button.nui__button--primary-v2 {
    background-color: #25a697;
    border: 0
}

.nui__button.nui__button--primary-v2:active,.nui__button.nui__button--primary-v2:focus,.nui__button.nui__button--primary-v2:hover,button.nui__button--primary-v2:active,button.nui__button--primary-v2:focus,button.nui__button--primary-v2:hover {
    background-color: #b4e9e1
}

.nui__button.nui__button--primary-v3,button.nui__button--primary-v3 {
    background-color: #f0b52b;
    border: 0;
    color: #fff
}

.nui__button.nui__button--primary-v3:active,.nui__button.nui__button--primary-v3:focus,.nui__button.nui__button--primary-v3:hover,.nui__button.nui__button--primary-v4:active,.nui__button.nui__button--primary-v4:focus,.nui__button.nui__button--primary-v4:hover,button.nui__button--primary-v3:active,button.nui__button--primary-v3:focus,button.nui__button--primary-v3:hover,button.nui__button--primary-v4:active,button.nui__button--primary-v4:focus,button.nui__button--primary-v4:hover {
    background-color: #ffdc4d
}

.nui__button.nui__button--primary-v4,button.nui__button--primary-v4 {
    background-color: #f0b52b;
    border: 0;
    color: #fff;
    padding-left: 24px;
    padding-right: 24px
}

@media only screen and (max-width: 719px) {
    .nui__button.nui__button--primary-v4,button.nui__button--primary-v4 {
        display:block
    }
}

.nui__button.nui__button--transparent,button.nui__button--transparent {
    background-color: transparent;
    border-width: 2px;
    border-color: #101820;
    padding-left: 24px;
    padding-right: 24px;
    margin-left: 24px
}

@media only screen and (max-width: 719px) {
    .nui__button.nui__button--transparent,button.nui__button--transparent {
        border:0;
        margin-left: 0;
        display: block
    }
}

.nui__button.nui__button--transparent:active,.nui__button.nui__button--transparent:focus,.nui__button.nui__button--transparent:hover,button.nui__button--transparent:active,button.nui__button--transparent:focus,button.nui__button--transparent:hover {
    background-color: transparent
}

.nui__button.nui__button--primary-inverse,button.nui__button--primary-inverse {
    background-color: #ffdc4d
}

.nui__button.nui__button--primary-inverse:active,.nui__button.nui__button--primary-inverse:focus,.nui__button.nui__button--primary-inverse:hover,button.nui__button--primary-inverse:active,button.nui__button--primary-inverse:focus,button.nui__button--primary-inverse:hover {
    background-color: #ffdc4d
}

.nui__button.nui__button--primary-inverse:active,button.nui__button--primary-inverse:active {
    color: #ffafb1
}

.nui__button.nui__button--secondary:active,.nui__button.nui__button--secondary:focus,.nui__button.nui__button--secondary:hover,button.nui__button--secondary:active,button.nui__button--secondary:focus,button.nui__button--secondary:hover {
    border-color: #a1e3d9
}

.nui__button.nui__button--secondary:active,.nui__button.nui__button--secondary:focus,.nui__button.nui__button--secondary:hover,.nui__button.nui__button--tertiary--display:active,.nui__button.nui__button--tertiary--display:focus,.nui__button.nui__button--tertiary--display:hover,.nui__button.nui__button--tertiary:active,.nui__button.nui__button--tertiary:focus,.nui__button.nui__button--tertiary:hover,button.nui__button--secondary:active,button.nui__button--secondary:focus,button.nui__button--secondary:hover,button.nui__button--tertiary--display:active,button.nui__button--tertiary--display:focus,button.nui__button--tertiary--display:hover,button.nui__button--tertiary:active,button.nui__button--tertiary:focus,button.nui__button--tertiary:hover {
    background-color: #fafafb
}

.nui__button.nui__button--tertiary,.nui__button.nui__button--tertiary--display,button.nui__button--tertiary,button.nui__button--tertiary--display {
    border-color: #e0e1e2
}

.nui__button.nui__button--tertiary--display:active,.nui__button.nui__button--tertiary--display:focus,.nui__button.nui__button--tertiary--display:hover,.nui__button.nui__button--tertiary:active,.nui__button.nui__button--tertiary:focus,.nui__button.nui__button--tertiary:hover,button.nui__button--tertiary--display:active,button.nui__button--tertiary--display:focus,button.nui__button--tertiary--display:hover,button.nui__button--tertiary:active,button.nui__button--tertiary:focus,button.nui__button--tertiary:hover {
    border-color: #93979b
}

.nui__button.nui__button--display,.nui__button.nui__button--strapline,.nui__button.nui__button--tertiary--display,button.nui__button--display,button.nui__button--strapline,button.nui__button--tertiary--display {
    height: 56px;
    min-width: 180px
}

.nui__button.nui__button--display,.nui__button.nui__button--tertiary--display,button.nui__button--display,button.nui__button--tertiary--display {
    line-height: 2
}

.nui__button.nui__button--strapline,button.nui__button--strapline {
    line-height: 1
}

.nui__button.nui__button--strapline .strapline,button.nui__button--strapline .strapline {
    display: block;
    font-size: 14px;
    font-family: "Mulish Regular",sans-serif;
    line-height: 1.5
}

.nui__button.nui__button--checked:before,button.nui__button--checked:before {
    content: '\2714';
    color: #a1e3d9
}

.nui__button:disabled,.nui__button:disabled:hover,button:disabled,button:disabled:hover {
    background-color: #e0e1e2;
    border-color: #e0e1e2;
    color: #64696e;
    opacity: 1
}

.btn-loading__spinner {
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -16px 0 0 -16px
}

button.minus,button.plus {
    background: 0 0;
    border: 0;
    font-size: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 44px;
    width: 44px;
    position: absolute;
    top: 0;
    padding: 0;
    margin: 0
}

button.minus .svg-icon,button.plus .svg-icon {
    fill: #101820;
    width: 16px
}

button.minus .svg-plus,button.plus .svg-plus {
    height: 16px
}

button.minus .svg-minus,button.plus .svg-minus {
    height: 2px
}

button.minus .svg-icon--special,button.plus .svg-icon--special {
    fill: var(--special-theme__primary, #FF5D62)
}

button.minus {
    left: 0
}

button.plus {
    right: 0
}

.expand-button {
    background-image: url(/images/ms/accounts/expand_green-60c5f9ffd5.svg)
}

.collapse-button {
    background-image: url(/images/ms/accounts/collapse_green-5cc7c18fda.svg)
}

.collapse-button,.expand-button {
    background-size: cover;
    cursor: pointer;
    display: inline-block;
    height: .55rem;
    width: .6rem
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .collapse-button,.expand-button {
        height:.7rem;
        width: .75rem
    }
}

.StripeElement {
    background-color: #fff;
    border-radius: 4px;
    font-size: 1rem;
    font-family: "Mulish Regular",sans-serif;
    line-height: 1.875rem;
    border: 1px solid #e0e1e2;
    box-shadow: none;
    color: #101820;
    padding: 14px 16px;
    height: 44px;
    margin: 5px 0;
    transition: box-shadow .45s,border-color .45s ease-in-out
}

.StripeElement--focus {
    background: #fafafb;
    border-color: #101820
}

.StripeElement--invalid {
    border-color: #ff9b9e;
    border-width: 2px
}

.stripe-cc-form .row {
    margin-bottom: 5px
}

#reactivation_confirmation_modal_redesigned .delivery-information__container label,#reactivation_confirmation_modal_redesigned .delivery-information__container select,.contact .contact-form textarea.error,.ixopay-credit-card-form label,.stripe-cc-form label {
    margin-bottom: 0
}

.ixopay-credit-card-form label.with-cc-brand .ixopay-credit-card-field,.stripe-cc-form label.with-cc-brand .StripeElement,.stripe-cc-form--v2 label.with-cc-brand .StripeElement {
    padding-left: 52px
}

.stripe-cc-form label.with-cc-brand .cc-brand>span {
    display: inline-block;
    position: absolute;
    bottom: 17px;
    left: 25px;
    transition: opacity .3s ease-in-out
}

.stripe-cc-form label.with-cc-brand .cc-brand>span.hide {
    opacity: 0
}

.stripe-cc-form label.with-cc-brand.nui__full .cc-brand>span {
    left: 15px;
    top: 38px
}

.stripe-cc-form .form-error-message {
    background: 0 0;
    position: relative;
    padding: initial;
    color: #ff9b9e;
    font-size: 14px
}

.stripe-cc-form .form-error-message:not(.hide) {
    display: inline!important
}

.ixopay-credit-card-form .form-error-message:after,.ixopay-credit-card-form .form-error-message:before,.stripe-cc-form .form-error-message:after,.stripe-cc-form .form-error-message:before {
    content: '';
    border: 0
}

.ixopay-credit-card-form input[type=text].error,.stripe-cc-form input[type=text].error {
    margin-bottom: 4px
}

.stripe-cc-form--v2 .stripe-cc-form__name-error:not(.hide) {
    display: inline-block!important
}

.stripe-cc-form--v2 label.with-cc-brand .cc-brand>span {
    display: inline-block;
    position: absolute;
    left: 13px;
    top: 36px;
    transition: opacity .3s ease-in-out
}

.stripe-cc-form--v2 label.with-cc-brand .cc-brand>span.hide {
    opacity: 0
}

.stripe-cc-form--v2 label.with-cc-brand.nui__full .cc-brand>span {
    left: 15px;
    top: 38px
}

.stripe-cc-form--v2 .StripeElement {
    margin: 0
}

.stripe-cc-form--v2 .StripeElement--invalid {
    border-color: #ff5d62
}

.ixopay-credit-card-field {
    background-color: #fff;
    border-radius: 4px;
    font-size: 1rem;
    font-family: "Mulish Regular",sans-serif;
    line-height: 1.875rem;
    border: 1px solid #e0e1e2;
    box-shadow: none;
    color: #101820;
    padding: 12px 16px 11px;
    height: 44px;
    margin: 5px 0;
    transition: box-shadow .45s,border-color .45s ease-in-out
}

.ixopay-credit-card-field--focus {
    background: #fafafb;
    border-color: #101820
}

#cc-expiry.ixopay-credit-card-field--invalid,.ixopay-credit-card-field--invalid {
    border-color: #ff9b9e;
    color: #ff9b9e;
    border-width: 2px;
    padding: 11px 15px 10px
}

.card-error {
    color: #ff9b9e;
    margin-bottom: 8px;
    font-size: 14px
}

.ixopay-credit-card-settings .ixopay-credit-card-form .columns {
    padding-left: 0;
    padding-right: 0
}

.ixopay-credit-card-settings .ixopay-credit-card-form label.with-cc-brand .cc-brand>span {
    left: 10px
}

.ixopay-credit-card-form .row {
    margin-bottom: 5px
}

.ixopay-credit-card-form label.with-cc-brand .ixopay-credit-card-field.ixopay-credit-card-field--invalid {
    padding-left: 51px
}

.ixopay-credit-card-form label.with-cc-brand .cc-brand>span {
    display: inline-block;
    position: absolute;
    bottom: 17px;
    left: 25px;
    transition: opacity .3s ease-in-out
}

.ixopay-credit-card-form label.with-cc-brand .cc-brand>span.hide {
    opacity: 0
}

.ixopay-credit-card-form label.with-cc-brand.nui__full .cc-brand>span {
    left: 15px;
    top: 38px
}

.ixopay-credit-card-form .form-error-message {
    background: 0 0;
    position: relative;
    padding: initial;
    color: #ff9b9e;
    font-size: 14px
}

.ixopay-credit-card-form .form-error-message:not(.hide) {
    display: inline!important
}

meta.foundation-version {
    font-family: "/5.2.2/"
}

meta.foundation-mq-small {
    font-family: "/only screen and (min-width: 0)/";
    width: 0
}

meta.foundation-mq-medium {
    font-family: "/only screen and (min-width: 720px)/";
    width: 720px
}

meta.foundation-mq-large {
    font-family: "/only screen and (min-width: 1080px)/";
    width: 1080px
}

meta.foundation-mq-xlarge {
    font-family: "/only screen and (min-width: 1201px)/";
    width: 1201px
}

meta.foundation-data-attribute-namespace {
    font-family: false
}

.reveal-modal-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    background: #000;
    background: rgba(0,0,0,.45);
    display: none;
    top: 0;
    left: 0
}

dialog {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    border: solid 1px #666
}

.reveal-modal,dialog {
    visibility: hidden;
    display: none;
    transition: z-index .3s ease;
    width: 100vw;
    background-color: #fff;
    padding: 1.25rem;
    box-shadow: 0 0 10px rgba(0,0,0,.4)
}

@media only screen and (max-width: 719px) {
    .reveal-modal,dialog {
        min-height:100vh
    }
}

@media only screen and (min-width: 720px) {
    .reveal-modal,dialog {
        left:50%
    }
}

.reveal-modal .column,.reveal-modal .columns,dialog .column,dialog .columns {
    min-width: 0
}

.modal-fullscreen .recipe-wrapper>div:first-child,.reveal-modal>:first-child,dialog>:first-child {
    margin-top: 0
}

.reveal-modal>:last-child,dialog>:last-child {
    margin-bottom: 0
}

.reveal-modal.toback,dialog.toback {
    z-index: 98
}

@media only screen and (min-width: 720px) {
    .reveal-modal,dialog {
        margin-left:-40%;
        width: 80%;
        top: 6.25rem
    }
}

dialog .close-reveal-modal {
    color: #93979b
}

.reveal-modal .close-reveal-modal,dialog .close-reveal-modal {
    font-size: 2rem;
    line-height: 1;
    position: absolute;
    top: .5rem;
    right: .68rem;
    font-weight: 400;
    cursor: pointer
}

dialog[open] {
    display: block;
    visibility: visible
}

@media only screen and (min-width: 720px) {
    .reveal-modal,dialog {
        padding:1.875rem
    }

    .reveal-modal.radius,dialog.radius {
        border-radius: 3px
    }

    .reveal-modal.round,dialog.round {
        border-radius: 1000px
    }

    .reveal-modal.collapse,dialog.collapse {
        padding: 0
    }
}

@media only screen and (min-width: 720px) and (min-width:720px) {
    .reveal-modal.tiny,dialog.tiny {
        margin-left:-15%;
        width: 30%
    }

    .reveal-modal.small,dialog.small {
        margin-left: -20%;
        width: 40%
    }

    .reveal-modal.medium,dialog.medium {
        margin-left: -30%;
        width: 60%
    }

    .reveal-modal.large,dialog.large {
        margin-left: -35%;
        width: 70%
    }

    .reveal-modal.xlarge,dialog.xlarge {
        margin-left: -47.5%;
        width: 95%
    }
}

@media only screen and (min-width: 720px) {
    .reveal-modal.full,dialog.full {
        top:0;
        left: 0;
        height: 100vh;
        min-height: 100vh;
        margin-left: 0!important
    }
}

@media only screen and (min-width: 720px) and (min-width:720px) {
    .reveal-modal.full,dialog.full {
        margin-left:-50vw;
        width: 100vw
    }
}

@media print {
    .reveal-modal,dialog {
        background: #fff!important
    }
}

.ms-modal {
    padding: 0;
    overflow: hidden
}

.modal__close-button {
    position: absolute;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.modal__heading {
    text-align: center;
    margin-bottom: 20px;
    padding: 12px 40px
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .modal__heading {
        margin-bottom:30px;
        padding: 20px 0
    }
}

.modal__heading-headline {
    margin: 0;
    font-size: 18px;
    font-family: "Mulish SemiBold",sans-serif
}

.modal__footer {
    background: #fff
}

.reveal-modal-bg {
    z-index: 99999;
    background: rgba(64,70,77,.5)
}

.reveal-modal {
    border: 0;
    position: fixed;
    left: 50%;
    width: 300px;
    margin-left: -150px;
    min-height: initial;
    max-height: 90%;
    top: 30px!important;
    z-index: 100001;
    border-radius: 4px;
    overflow-x: hidden;
    overflow-y: auto
}

.reveal-modal.has-close-icon {
    padding-top: 20px
}

.reveal-modal .close-reveal-modal {
    z-index: 100;
    color: #101820;
    font-size: 32px;
    top: 5px;
    right: 20px
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .reveal-modal .close-reveal-modal {
        top:15px
    }
}

.modal__body {
    padding: 0 10px 20px;
    line-height: 25px;
    text-align: center
}

.modal__body__headline {
    margin-bottom: 20px;
    font-size: 16px;
    text-align: center
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .modal__body__headline {
        margin-bottom:30px;
        font-size: 18px
    }
}

.basic-modal {
    padding: 15px;
    width: 300px;
    margin-left: -150px;
    overflow: auto
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .basic-modal {
        padding:30px;
        width: 700px;
        margin-left: -350px
    }
}

.basic-modal .close-reveal-modal {
    z-index: 100;
    top: 20px;
    right: 15px
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .basic-modal .close-reveal-modal {
        top:30px;
        right: 30px
    }
}

.basic-modal.pa0,.reactivation-confirmation-modal {
    padding: 0
}

.basic-modal .modal__heading {
    background: #fff;
    max-width: 80%;
    margin: 0 auto 10px;
    padding: 0
}

.basic-modal .modal__body {
    padding: 0;
    margin: 0 0 10px
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .basic-modal .modal__body {
        margin:0 0 30px
    }
}

.basic-modal .modal__img {
    margin-bottom: 30px
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .basic-modal .modal__img {
        height:300px;
        width: 100%;
        background: url(/images/ms/accounts/reactivate_subscription_modal-415b368e1a.png) center no-repeat
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .basic-modal .modal__img {
        background-size:95%
    }
}

.basic-modal .modal__reason-btn {
    overflow: visible;
    line-height: 23px;
    font-size: 16px;
    font-family: "Mulish SemiBold",sans-serif
}

.basic-modal .comment-modal__input {
    margin-top: 8px;
    height: 120px
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .basic-modal .comment-modal__input {
        height:220px
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .reactivation-confirmation-modal {
        padding:0
    }
}

.reactivation-confirmation-modal .modal__heading .modal__heading-headline {
    margin: 1.5em 0 1em
}

.reactivation-confirmation-modal .modal__footer {
    background-color: #fafafb;
    padding: 1em 0
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    #origin_modal {
        width:450px;
        margin-left: -225px
    }
}

#origin_modal .origin-flag {
    width: 32px;
    height: 32px;
    border-radius: 16px;
    margin-bottom: 10px
}

#origin_modal .modal__heading {
    text-align: left;
    margin-left: 0
}

#origin_modal .modal__body__headline {
    text-align: left;
    color: #64696e
}

#origin_modal .modal__footer {
    justify-content: left
}

body.modal-open {
    overflow: hidden
}

.modal-fullscreen {
    width: 100%;
    margin-left: -50%;
    overflow-x: hidden;
    overflow-y: auto;
    border-radius: 0;
    position: fixed;
    top: 0!important;
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: 100%;
    background: #fafafb
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .modal-fullscreen {
        width:724px;
        margin-left: -362px
    }
}

@media only screen and (min-width: 1080px) {
    .modal-fullscreen {
        width:950px;
        margin-left: -475px
    }
}

@media only screen and (max-width: 719px) {
    .modal-fullscreen .nui__wrapper {
        max-width:100%
    }

    .modal-fullscreen .fullscreen__close-modal {
        top: 15px;
        right: 5px
    }
}

.modal-fullscreen .fullscreen__back {
    display: flex
}

@media only screen and (max-width: 719px) {
    .modal-fullscreen .fullscreen__back {
        top:15px;
        left: 5px
    }
}

.modal-fullscreen .modal__heading {
    margin-bottom: 0;
    padding: 30px 0 15px
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .modal-fullscreen .modal__heading {
        padding:40px 0
    }
}

.modal-fullscreen .modal__heading-bg {
    box-shadow: 0 1px 1px -1px rgba(0,0,0,.1);
    background: #fff;
    margin-bottom: 30px
}

.modal-fullscreen .modal__heading--withtabs {
    max-width: 1080px
}

@media only screen and (min-width: 1080px) {
    .modal-fullscreen .modal__heading--withtabs {
        max-width:100%;
        margin: 0 72px 0 64px
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .modal-fullscreen .modal__heading--withtabs {
        padding:30px 0 0
    }
}

.modal-fullscreen .modal__heading--withtabs .modal__heading-headline {
    display: inline-block;
    margin-bottom: 30px
}

.modal-fullscreen .modal__subheading {
    text-align: center;
    padding: 10px 30px 0
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .modal-fullscreen .modal__subheading {
        width:590px;
        margin: 0 auto
    }
}

.modal-fullscreen .modal__body,div.switch label {
    position: relative;
    text-align: left
}

.modal-fullscreen .modal__flash-container {
    z-index: 2;
    width: 100%;
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    right: 0;
    top: 0
}

.modal-fullscreen .modal__footer {
    padding: 12px 16px;
    background: #101820;
    color: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .modal-fullscreen .modal__footer {
        max-height:80px;
        bottom: 0;
        padding: 15px 0;
        text-align: left;
        line-height: 1;
        margin-top: 20px
    }
}

@media only screen and (min-width: 1080px) {
    .modal-fullscreen .modal__footer {
        max-height:80px;
        margin-top: 40px;
        padding: 15px 130px
    }
}

.modal-fullscreen .modal__footer .modal__footer-label,.modal-fullscreen .modal__footer .modal__footer-value {
    color: #fff;
    font-family: "Mulish SemiBold",sans-serif;
    font-size: 14px
}

.modal-fullscreen .modal__footer .modal__footer-label:after,.modal-fullscreen .modal__footer .modal__footer-value:after {
    content: "\00a0"
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .modal-fullscreen .modal__footer .modal__footer-label,.modal-fullscreen .modal__footer .modal__footer-value {
        font-size:18px
    }
}

.modal-fullscreen .modal-fullscreen__btn-container {
    padding-top: 16px
}

.modal-fullscreen .modal__heading-headline {
    font-family: "Mulish SemiBold",sans-serif;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 1px
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .modal-fullscreen .modal__heading-headline {
        font-size:24px;
        line-height: 1
    }
}

.modal-fullscreen .modal__title {
    padding-bottom: 10px;
    border-bottom: 1px solid #e0e1e2;
    margin: 0 .9375rem 10px
}

.modal-fullscreen .modal__flash.visible,.modal-fullscreen.invalid .modal__error {
    height: auto;
    min-height: 30px;
    line-height: 30px;
    opacity: 1
}

.modal-fullscreen .modal__flash {
    height: 0;
    overflow: hidden;
    opacity: 0;
    max-width: auto;
    font-family: "Mulish SemiBold",sans-serif;
    font-size: 14px;
    text-align: center;
    color: #101820;
    margin: 0 auto 5px
}

.modal-fullscreen .modal__flash.modal__error {
    background: #ffafb1
}

.modal-fullscreen .modal__flash.modal__success {
    background-color: #a1e3d9;
    transition: opacity .5s linear
}

@media only screen and (max-width: 719px) {
    .modal-fullscreen .recipe-wrapper {
        padding-bottom:50px
    }
}

.modal-fullscreen .autocomplete-container {
    width: calc(100% - .9375rem*2);
    margin-top: 0
}

.modal-fullscreen .autocomplete-container.extended {
    left: .9375rem;
    width: calc(100% - .9375rem*2)
}

.modal-fullscreen.fixed,div.switch {
    position: fixed;
    overflow: hidden
}

@media only screen and (min-width: 720px) {
    .modal-fullscreen .modal__flash.visible,.modal-fullscreen.invalid .modal__error {
        min-height:40px;
        line-height: 40px
    }
}

.fullscreen__back,.fullscreen__close-modal {
    position: absolute;
    height: 40px;
    width: 40px;
    top: 35px;
    z-index: 1
}

.fullscreen__close-modal {
    right: 0
}

.fullscreen__back {
    left: 0
}

#onetrust-banner-sdk {
    z-index: 99998!important
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    #reactivation_confirmation_modal {
        width:650px
    }

    #reactivation_confirmation_modal .close-reveal-modal {
        top: 22px;
        right: 16px
    }
}

@media only screen and (max-width: 719px) {
    #reactivation_confirmation_modal .choose-delivery-date {
        font-size:.9em
    }
}

#reactivation_confirmation_modal .modal__reactivation_img {
    background: url(/images/ms/accounts/reactivate_subscription_modal-415b368e1a.png) no-repeat center;
    background-size: cover;
    height: 170px
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    #reactivation_confirmation_modal .modal__reactivation_img {
        height:270px
    }
}

#reactivation_confirmation_modal .voucher-label {
    width: 100px
}

#reactivation_confirmation_modal .voucher-info .medium {
    font-size: .7em
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    #reactivation_confirmation_modal .voucher-info .medium {
        font-size:1em
    }
}

#reactivation_confirmation_modal .voucher-info .small {
    font-size: .7em
}

#reactivation_confirmation_modal .voucher-copy {
    font-size: 14px;
    line-height: 24px;
    color: #64696e
}

#reactivation_confirmation_modal .voucher-copy a,#reactivation_confirmation_modal_redesigned .voucher-copy a {
    color: inherit;
    text-decoration: underline
}

@media only screen and (max-width: 719px) {
    #reactivation_confirmation_modal #voucher_toggle {
        font-size:.8em
    }
}

#reactivation_confirmation_modal .modal__heading-headline,.recipe-data .cta-wrapper span.price_per_unit {
    font-family: "Mulish Regular",sans-serif
}

@media only screen and (max-width: 719px) {
    #reactivation_confirmation_modal .modal__heading-headline {
        font-size:.8em
    }
}

#reactivation_confirmation_modal .flash-message {
    font-size: .6em;
    line-height: 1.6em;
    padding: .8em 0
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    #reactivation_confirmation_modal .flash-message {
        font-size:medium;
        padding: .5rem
    }
}

#reactivation_confirmation_modal .flash-message:after {
    content: none
}

#reactivation_confirmation_modal .form-error-message {
    margin: 1.1rem 0 0
}

@media only screen and (max-width: 719px) {
    #reactivation_confirmation_modal .form-error-message {
        position:relative;
        padding: 10px;
        font-size: 14px;
        border-radius: 8px
    }

    #reactivation_confirmation_modal .form-error-message:after,#reactivation_confirmation_modal .form-error-message:before {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none
    }

    #reactivation_confirmation_modal .form-error-message:after {
        border-bottom-color: #ff9b9e;
        border-width: .625rem;
        margin-left: -.625rem
    }
}

#reactivation_confirmation_modal .price_breakdown__box {
    border: 1px solid rgba(0,0,0,.13);
    border-radius: 4px;
    padding: 0 16px 16px;
    margin: 8px auto 24px
}

@media only screen and (max-width: 719px) {
    #reactivation_confirmation_modal .price_breakdown__box {
        padding-top:8px
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    #reactivation_confirmation_modal .price_breakdown__box {
        width:50%
    }
}

@media only screen and (max-width: 719px) {
    #reactivation_confirmation_modal .price_breakdown__box {
        margin-left:10px
    }
}

#reactivation_confirmation_modal .price_breakdown__el {
    margin-top: 16px;
    display: flex;
    justify-content: space-between
}

@media only screen and (max-width: 719px) {
    #reactivation_confirmation_modal .price_breakdown__el {
        margin-top:8px
    }
}

#reactivation_confirmation_modal .price_breakdown__el .txt-gray {
    color: #64696e
}

#reactivation_confirmation_modal.us .modal__heading-headline {
    font-family: "Mulish ExtraBold",sans-serif;
    font-size: 22px;
    line-height: 24px
}

#reactivation_confirmation_modal.us .modal__reactivation_img {
    height: 130px;
    background: url(/images/ms/accounts/reactivate_subscription_modal_us-bd6fad0b76.svg) no-repeat center
}

#reactivation_confirmation_modal.us .choose-delivery-date {
    margin: 0;
    font-family: "Mulish ExtraBold",sans-serif;
    font-size: 18px;
    line-height: 26px
}

#reactivation_confirmation_modal.us .delivery-date__btn {
    margin: 8px 0
}

#reactivation_confirmation_modal.us .delivery_date_section {
    padding: 0 32px
}

#reactivation_confirmation_modal.us .delivery_description {
    font-family: "Mulish Regular",sans-serif;
    margin: 8px 0;
    font-size: 15px;
    line-height: 1.067em;
    padding: 0 16px
}

@media only screen and (max-width: 719px) {
    #reactivation_confirmation_modal.us .modal__heading-headline {
        font-size:18px;
        line-height: 22px
    }

    #reactivation_confirmation_modal.us .delivery_description {
        font-size: 14px;
        margin: 4px 0
    }

    #reactivation_confirmation_modal.us .delivery-date__btn {
        margin: 4px 0
    }

    #reactivation_confirmation_modal.us .delivery_date_section {
        padding: 0
    }
}

#reactivation_confirmation_modal_redesigned {
    padding: 24px 32px;
    font-family: "Mulish Regular",sans-serif;
    overflow-x: hidden
}

@media only screen and (max-width: 719px) {
    #reactivation_confirmation_modal_redesigned {
        width:100%;
        margin-left: 0;
        left: 0;
        bottom: 0!important;
        top: auto!important;
        height: 100%;
        max-height: 94%;
        padding: 16px
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    #reactivation_confirmation_modal_redesigned {
        width:688px
    }
}

#reactivation_confirmation_modal_redesigned .container {
    display: flex;
    flex-direction: column;
    gap: 32px
}

@media only screen and (max-width: 719px) {
    #reactivation_confirmation_modal_redesigned .container {
        gap:24px
    }
}

#reactivation_confirmation_modal_redesigned .header-container {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between
}

@media only screen and (max-width: 719px) {
    #reactivation_confirmation_modal_redesigned .header-container {
        flex-direction:column;
        align-items: flex-start
    }
}

#reactivation_confirmation_modal_redesigned .close-reveal-modal {
    position: static
}

@media only screen and (max-width: 719px) {
    #reactivation_confirmation_modal_redesigned .close-reveal-modal {
        align-self:flex-end
    }
}

#reactivation_confirmation_modal_redesigned .delivery-information__container {
    display: flex;
    flex-direction: column;
    gap: 24px
}

@media only screen and (max-width: 719px) {
    #reactivation_confirmation_modal_redesigned .delivery-information__container {
        gap:16px
    }
}

#reactivation_confirmation_modal_redesigned .delivery-information__title {
    display: flex;
    flex-direction: column;
    gap: 8px
}

@media only screen and (max-width: 719px) {
    #reactivation_confirmation_modal_redesigned .delivery-information__title {
        gap:4px
    }
}

#reactivation_confirmation_modal_redesigned .express-delivery-disclaimer {
    font-size: 14px
}

#reactivation_confirmation_modal_redesigned .delivery-dates__container {
    gap: 16px;
    overflow-x: auto
}

@media only screen and (max-width: 719px) {
    #reactivation_confirmation_modal_redesigned .delivery-dates__container {
        gap:8px
    }
}

#reactivation_confirmation_modal_redesigned .delivery-date__btn {
    border: 1px solid #cfd1d2;
    border-radius: 8px;
    height: 72px!important;
    max-width: 168px;
    background: #fff;
    padding: 8px;
    box-shadow: none;
    justify-content: center;
    flex-direction: column;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 0;
    flex-shrink: 0;
    font-family: "Mulish Regular",sans-serif;
    font-size: 15px
}

#reactivation_confirmation_modal_redesigned .delivery-date__btn.active {
    border: 2px solid #a1e3d9;
    font-weight: 700
}

@media only screen and (max-width: 719px) {
    #reactivation_confirmation_modal_redesigned .delivery-date__btn {
        font-size:14px
    }
}

#reactivation_confirmation_modal_redesigned .voucher-copy {
    font-size: 14px;
    line-height: 24px;
    color: #64696e
}

#reactivation_confirmation_modal_redesigned #voucher_toggle {
    cursor: pointer;
    display: flex;
    align-items: center
}

@media only screen and (max-width: 719px) {
    #reactivation_confirmation_modal_redesigned #voucher_toggle {
        font-size:.8em
    }
}

#reactivation_confirmation_modal_redesigned .modal__heading-headline {
    display: flex;
    align-items: center;
    font-family: "Mulish Regular",sans-serif;
    gap: 24px;
    font-size: 34px;
    font-weight: 700;
    line-height: 42px
}

@media only screen and (max-width: 719px) {
    #reactivation_confirmation_modal_redesigned .modal__heading-headline {
        font-size:28px;
        line-height: 32px
    }
}

#reactivation_confirmation_modal_redesigned .flash-message {
    font-size: .6em;
    line-height: 1.6em;
    padding: .8em 0
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    #reactivation_confirmation_modal_redesigned .flash-message {
        font-size:medium;
        padding: .5rem
    }
}

#reactivation_confirmation_modal_redesigned .flash-message:after {
    content: none
}

#reactivation_confirmation_modal_redesigned .form-error-message {
    margin: 1.1rem 0 0
}

@media only screen and (max-width: 719px) {
    #reactivation_confirmation_modal_redesigned .form-error-message {
        position:relative;
        padding: 10px;
        font-size: 14px;
        border-radius: 8px
    }

    #reactivation_confirmation_modal_redesigned .form-error-message:after,#reactivation_confirmation_modal_redesigned .form-error-message:before {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none
    }

    #reactivation_confirmation_modal_redesigned .form-error-message:after {
        border-bottom-color: #ff9b9e;
        border-width: .625rem;
        margin-left: -.625rem
    }
}

#reactivation_confirmation_modal_redesigned .price_breakdown__title {
    font-size: 18px
}

@media only screen and (max-width: 719px) {
    #reactivation_confirmation_modal_redesigned .price_breakdown__title {
        font-size:16px
    }
}

#reactivation_confirmation_modal_redesigned .price_breakdown__box {
    border: 1px solid rgba(0,0,0,.13);
    border-radius: 4px;
    padding: 0 16px 16px;
    margin: 8px auto 20px;
    font-size: 15px
}

@media only screen and (max-width: 719px) {
    #reactivation_confirmation_modal_redesigned .price_breakdown__box {
        margin:8px auto 16px;
        font-size: 14px;
        padding-top: 8px
    }
}

#reactivation_confirmation_modal_redesigned .price_breakdown__el {
    margin-top: 16px;
    display: flex;
    justify-content: space-between
}

@media only screen and (max-width: 719px) {
    #reactivation_confirmation_modal_redesigned .price_breakdown__el {
        margin-top:8px
    }
}

#reactivation_confirmation_modal_redesigned .choose-delivery-date {
    font-family: "Mulish Regular",sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 26px
}

@media only screen and (max-width: 719px) {
    #reactivation_confirmation_modal_redesigned .choose-delivery-date {
        font-size:16px;
        line-height: 22px
    }

    #reactivation_confirmation_modal_redesigned .full-mobile-only {
        width: 100%
    }
}

div.switch {
    position: relative;
    padding: 0;
    display: block;
    border-style: solid;
    border-width: 1px;
    margin-bottom: rem-calc(20);
    height: rem-calc(36px);
    background: #fff;
    border-color: #ccc
}

div.switch label {
    z-index: 2;
    float: 0;
    width: 50%;
    height: 100%;
    margin: 0;
    font-weight: 700;
    text-align: 0;
    transition: all .1s ease-out;
    padding: rem-calc(0,6px);
    line-height: 2.3rem;
    font-size: rem-calc(14px)
}

div.switch input {
    position: absolute;
    z-index: 3;
    opacity: 0;
    width: 100%;
    height: 100%;
    -moz-appearance: none;
    left: 0;
    display: block!important
}

div.switch input:focus,div.switch input:hover {
    cursor: pointer
}

div.switch span:last-child {
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 1;
    display: block;
    padding: 0;
    border-width: 1px;
    border-style: solid;
    transition: all .1s ease-out
}

div.switch input:not(:checked)+label {
    opacity: 0
}

div.switch input:checked {
    display: none!important
}

div.switch input:first-of-type+label,div.switch input:first-of-type+span+label {
    left: -50%
}

div.switch input:first-of-type:checked+label,div.switch input:first-of-type:checked+span+label {
    left: 0
}

div.switch input:last-of-type+label,div.switch input:last-of-type+span+label {
    right: -50%;
    left: auto;
    text-align: right
}

div.switch input:last-of-type:checked+label,div.switch input:last-of-type:checked+span+label {
    right: 0;
    left: auto
}

div.switch span.custom {
    display: none!important
}

form.custom div.switch .hidden-field {
    margin-left: auto;
    position: absolute;
    visibility: visible
}

div.switch input:first-of-type:checked~span:last-child {
    left: 100%;
    margin-left: rem-calc(-35px)
}

div.switch span:last-child {
    width: rem-calc(36px);
    height: rem-calc(36px);
    border-color: #b3b3b3;
    background: #fff;
    background: linear-gradient(to bottom,#fff 0%,#f2f2f2 100%);
    box-shadow: 2px 0 10px 0 rgba(0,0,0,.07),1000px 0 0 980px #a1e3d9,-2px 0 10px 0 rgba(0,0,0,.07),-1000px 0 0 1000px #fafafb
}

div.switch:focus span:last-child,div.switch:hover span:last-child {
    background: #fff;
    background: linear-gradient(to bottom,#fff 0%,#e6e6e6 100%)
}

div.switch:active {
    background: 0 0
}

div.switch.large {
    height: rem-calc(44px)
}

div.switch.large label {
    padding: rem-calc(0,6px);
    line-height: 2.3rem;
    font-size: rem-calc(17px)
}

div.switch.large input:first-of-type:checked~span:last-child {
    left: 100%;
    margin-left: rem-calc(-43px)
}

div.switch.large span:last-child {
    width: rem-calc(44px);
    height: rem-calc(44px)
}

div.switch.small {
    height: rem-calc(28px)
}

div.switch.small label {
    padding: rem-calc(0,6px);
    line-height: 2.1rem;
    font-size: rem-calc(12px)
}

div.switch.small input:first-of-type:checked~span:last-child {
    left: 100%;
    margin-left: rem-calc(-27px)
}

div.switch.small span:last-child {
    width: rem-calc(28px);
    height: rem-calc(28px)
}

div.switch.tiny {
    height: rem-calc(22px)
}

div.switch.tiny label {
    padding: rem-calc(0,6px);
    line-height: 1.9rem;
    font-size: rem-calc(11px)
}

div.switch.tiny input:first-of-type:checked~span:last-child {
    left: 100%;
    margin-left: rem-calc(-21px)
}

div.switch.tiny span:last-child {
    width: rem-calc(22px);
    height: rem-calc(22px)
}

div.switch.radius {
    border-radius: 4px
}

div.switch.radius span:last-child {
    border-radius: 3px
}

div.switch.round {
    border-radius: 1000px
}

div.switch.round span:last-child {
    border-radius: 999px
}

div.switch.round label {
    padding: rem-calc(0 9px)
}

.splide__container {
    position: relative;
    box-sizing: border-box
}

.splide__list {
    margin: 0!important;
    padding: 0!important;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    will-change: transform
}

.splide.is-active .splide__list {
    display: flex
}

.splide__pagination {
    display: inline-flex;
    align-items: center;
    width: 95%;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0
}

.splide__pagination li {
    list-style-type: none;
    display: inline-block;
    line-height: 1;
    margin: 0
}

.splide {
    position: relative;
    visibility: hidden;
    outline: 0
}

.splide__slide {
    box-sizing: border-box;
    list-style-type: none!important;
    margin: 0;
    outline: 0;
    flex-shrink: 0
}

.splide__slide img {
    vertical-align: bottom
}

.splide__slide,.splide__slider {
    position: relative
}

.splide__spinner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #999;
    border-left-color: transparent;
    -webkit-animation: splide-loading 1s infinite linear;
    animation: splide-loading 1s infinite linear
}

.splide__track {
    position: relative;
    z-index: 0;
    overflow: hidden
}

.splide--draggable>.splide__track>.splide__list>.splide__slide {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.splide--fade>.splide__track>.splide__list,.splide--ttb>.splide__track>.splide__list {
    display: block
}

.splide--fade>.splide__track>.splide__list>.splide__slide {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0
}

.splide--fade>.splide__track>.splide__list>.splide__slide.is-active {
    position: relative;
    z-index: 1;
    opacity: 1
}

.splide--rtl {
    direction: rtl
}

.splide--ttb>.splide__pagination {
    width: auto
}

.splide__arrow {
    position: absolute;
    z-index: 1;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2em;
    height: 2em;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    padding: 0;
    opacity: .7;
    background: #ccc
}

.splide__arrow svg {
    width: 1.2em;
    height: 1.2em
}

.splide__arrow:hover {
    cursor: pointer;
    opacity: .9
}

.splide__arrow:focus {
    outline: 0
}

.splide__arrow--prev {
    left: 1em
}

.splide__arrow--prev svg {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.splide__arrow--next {
    right: 1em
}

.splide__pagination {
    position: absolute;
    z-index: 1;
    bottom: .5em;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 0
}

.splide__pagination__page {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #ccc;
    border-radius: 50%;
    margin: 3px;
    padding: 0;
    transition: transform .2s linear;
    transition: transform .2s linear,-webkit-transform .2s linear;
    border: 0;
    opacity: .7
}

.splide__pagination__page.is-active {
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    background: #fff
}

.splide__pagination__page:hover {
    cursor: pointer;
    opacity: .9
}

.splide__pagination__page:focus {
    outline: 0
}

.splide__progress__bar {
    width: 0;
    height: 3px;
    background: #ccc
}

.splide--nav>.splide__track>.splide__list>.splide__slide {
    border: 3px solid transparent
}

.splide--nav>.splide__track>.splide__list>.splide__slide.is-active {
    border-color: #000
}

.splide--nav>.splide__track>.splide__list>.splide__slide:focus {
    outline: 0
}

.splide--rtl>.splide__arrows .splide__arrow--prev,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev {
    right: 1em;
    left: auto
}

.splide--rtl>.splide__arrows .splide__arrow--prev svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev svg {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.splide--rtl>.splide__arrows .splide__arrow--next,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next {
    left: 1em;
    right: auto
}

.splide--rtl>.splide__arrows .splide__arrow--next svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next svg {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.splide--ttb>.splide__arrows .splide__arrow,.splide--ttb>.splide__track>.splide__arrows .splide__arrow {
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0)
}

.splide--ttb>.splide__arrows .splide__arrow--prev,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev {
    top: 1em
}

.splide--ttb>.splide__arrows .splide__arrow--prev svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev svg {
    -webkit-transform: rotateZ(-90deg);
    transform: rotateZ(-90deg)
}

.splide--ttb>.splide__arrows .splide__arrow--next,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next {
    top: auto;
    bottom: 1em
}

.splide--ttb>.splide__arrows .splide__arrow--next svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next svg {
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg)
}

.splide--ttb>.splide__pagination {
    display: flex;
    flex-direction: column;
    bottom: 50%;
    left: auto;
    right: .5em;
    -webkit-transform: translate(0,50%);
    transform: translate(0,50%)
}

.page-404__container {
    max-width: 278px;
    margin: 20px auto 50px;
    box-shadow: 0 2px 5px #e0e1e2
}

.page-404__text-container {
    padding: 15px 20px
}

.page-404__title {
    margin-top: 0;
    font-size: 14px;
    font-family: "Mulish SemiBold",sans-serif
}

.page-404__paragraph {
    margin-bottom: 0;
    font-size: 12px
}

.page-404__link {
    color: #a1e3d9;
    text-decoration: underline
}

.page-404__link:hover,.recipe-info .author-info a:active,.recipe-info .author-info a:hover {
    color: #a1e3d9
}

@media screen and (min-width: 768px) {
    .page-404__container {
        max-width:355px;
        margin: 25px auto 70px
    }

    .page-404__title {
        font-size: 16px
    }

    .page-404__paragraph {
        font-size: 14px
    }
}

@media screen and (min-width: 1200px) {
    .page-404__container {
        max-width:660px;
        margin: 36px auto 73px
    }

    .page-404__text-container {
        padding: 30px
    }

    .page-404__title {
        font-size: 28px
    }

    .page-404__paragraph {
        font-size: 24px
    }
}

.article__container {
    background-size: contain;
    background-repeat: no-repeat
}

.article__container .value-prop__headline {
    font-size: 18px
}

.article__container .value-prop__body {
    font-size: 16px
}

.article__container .value-prop__content {
    padding: 0 10%
}

.fruitbox__container {
    margin-bottom: 15px;
    background-image: url(/images/ms/fruitbox/headline-bg-7dccdb2bff.jpg)
}

.article__feature,.article__headline {
    max-width: 75%;
    font-size: 18px;
    text-align: center
}

.article__headline {
    position: relative;
    letter-spacing: 3px;
    text-transform: uppercase;
    padding-bottom: 15px;
    margin: 60px auto 20px!important;
    font-family: "Mulish ExtraBold",sans-serif!important;
    font-weight: 600
}

.article__headline:after {
    position: absolute;
    width: 150px;
    left: 50%;
    margin-left: -75px;
    bottom: 0;
    border-top: 1px solid #101820;
    content: ""
}

.article__feature {
    margin: 0 auto 50px;
    font-family: "Mulish Regular",sans-serif
}

.article__section {
    overflow: hidden;
    margin: 20px 0
}

.article__body {
    text-align: center;
    max-width: 260px;
    margin: 20px auto 0
}

.article__body a {
    text-decoration: underline
}

.value-prop__content {
    color: #64696e;
    text-align: center;
    line-height: 1.2;
    align-items: center;
    margin-bottom: 45px
}

@media only screen and (min-width: 1080px) {
    .value-prop__content {
        margin-bottom:0
    }
}

.value-prop__img {
    margin: 0 auto 20px;
    width: 250px
}

@media only screen and (min-width: 1080px) {
    .value-prop__img {
        width:300px
    }
}

@media only screen and (min-width: 720px) {
    .article__container .value-prop__headline {
        font-size:18px
    }

    .article__container .value-prop__body {
        font-size: 16px
    }

    .article__container .value-prop__img {
        margin: 0 auto 40px
    }

    .article__headline {
        padding-bottom: 25px;
        margin: 90px auto 20px!important;
        max-width: 70%!important;
        font-size: 32px!important
    }

    .article__feature {
        font-size: 32px
    }

    .article__body {
        font-size: 24px;
        max-width: 75%
    }

    .article__section {
        margin-bottom: 60px
    }
}

@media only screen and (min-width: 1080px) {
    .article__container .value-prop__headline {
        font-size:28px
    }

    .article__container .value-prop__body {
        font-size: 21px
    }

    .article__container .value-prop__img {
        margin: 0 auto 40px
    }

    .article__headline {
        margin: 25px auto!important;
        font-size: 46px!important
    }

    .article__feature {
        font-size: 46px
    }

    .article__section {
        margin-bottom: 80px
    }
}

.contact .contact-details,.contact .contact-form {
    margin: 30px 0
}

.contact .contact-details ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.contact .contact-details li {
    margin-bottom: 15px;
    font-size: 18px
}

.contact .contact-details li .name {
    display: block;
    line-height: 1.25rem
}

@media screen and (min-width: 768px) {
    .contact .contact-details ul {
        zoom:1
    }

    .contact .contact-details ul:after,.contact .contact-details ul:before {
        content: "\0020";
        display: block;
        height: 0;
        overflow: hidden
    }

    .contact .contact-details ul:after {
        clear: both
    }

    .contact .contact-details li {
        width: 50%;
        float: left
    }

    .contact .contact-form .fieldLeft {
        padding-right: .5rem
    }

    .contact .contact-form .fieldRight {
        padding-left: .5rem
    }
}

@media screen and (min-width: 1024px) {
    .contact .contact-details li {
        float:none;
        width: 100%
    }
}

.delivery-dates__container,.delivery-days__container {
    display: flex
}

.delivery-date__btn,.delivery-day__btn {
    flex-grow: 1;
    cursor: pointer;
    border: 1px solid #93979b;
    border-right: none;
    border-top: 6px solid #e0e1e2;
    box-shadow: 0 -1px 0 #93979b;
    background-color: #fff;
    height: 58px;
    line-height: 1.2em;
    padding: 14px 0;
    margin: 0 0 25px;
    text-align: center;
    font-size: 14px;
    font-family: "Mulish Regular",sans-serif
}

@media only screen and (max-width: 719px) {
    .delivery-date__btn,.delivery-day__btn {
        height:4em;
        font-size: .7em;
        border-top: 4px solid #e0e1e2;
        margin: 0 0 1.5em;
        padding: 13px 0
    }
}

.delivery-date__btn:active,.delivery-date__btn:focus,.delivery-date__btn:hover,.delivery-day__btn:active,.delivery-day__btn:focus,.delivery-day__btn:hover {
    background-color: #fafafb
}

.delivery-date__btn:first-child,.delivery-day__btn:first-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.delivery-date__btn:last-child,.delivery-day__btn:last-child {
    border-right: 1px solid #93979b;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.delivery-date__btn.active,.delivery-day__btn.active {
    background-color: #fff;
    font-family: "Mulish SemiBold",sans-serif;
    border-top: 6px solid #a1e3d9
}

@media only screen and (max-width: 719px) {
    .delivery-date__btn.active,.delivery-day__btn.active {
        border-top:4px solid #a1e3d9
    }
}

.delivery-slots__container {
    margin-bottom: 25px
}

.delivery-slot {
    cursor: pointer;
    border: 1px solid #e0e1e2;
    background-color: #fff;
    border-radius: 4px;
    margin-bottom: 15px;
    font-size: 16px;
    position: relative
}

.delivery-slot:active,.delivery-slot:focus,.delivery-slot:hover {
    background-color: #fafafb
}

.delivery-slot.active {
    background-color: #fff;
    border: 2px solid #a1e3d9
}

.delivery-slot.active .delivery-slot-time,.step-list .dish-step .dish-step__body-text strong {
    font-family: "Mulish SemiBold",sans-serif
}

.delivery-slot-content {
    padding: 16px;
    line-height: normal
}

.delivery-slot-content .slot-with-price {
    display: flex;
    justify-content: space-between
}

.delivery-slot-btn {
    position: absolute;
    top: 22px;
    left: 10px
}

.ms-radio-btn {
    height: 11px;
    width: 11px
}

.ms-radio-btn.active {
    background-color: #a1e3d9
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .delivery-slot-btn {
        top:33px;
        left: 15px
    }

    .ms-radio-btn {
        height: 15px;
        width: 15px
    }
}

body.menu {
    background-color: #fafafb
}

.cooking-steps,.dish-detail__ingredient-list,.recipe-header {
    overflow: hidden;
    background-color: #fff;
    border-radius: 4px;
    margin: 0 auto 30px;
    box-sizing: content-box;
    max-width: calc(100vw - 32px)
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .cooking-steps,.dish-detail__ingredient-list,.recipe-header {
        max-width:calc(100vw - 64px)
    }
}

@media only screen and (min-width: 1080px) {
    .cooking-steps,.dish-detail__ingredient-list,.recipe-header {
        max-width:1080px
    }
}

.cooking-steps h5,.dish-detail__ingredient-list h5,.recipe-header h5 {
    margin: 0 0 15px;
    font-family: "Mulish SemiBold",sans-serif;
    font-size: 16px
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .cooking-steps h5,.dish-detail__ingredient-list h5,.recipe-header h5 {
        font-size:20px
    }
}

.recipe-wrapper-placeholder {
    overflow: hidden;
    border-radius: 4px;
    box-sizing: content-box;
    margin: 40px auto 30px;
    background-color: #fff;
    max-width: 300px
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .recipe-wrapper-placeholder {
        max-width:1080px
    }
}

@media grid_mbile {
    .recipe-wrapper-placeholder {
        max-width: 100%
    }
}

.text-input__loading {
    height: 214px;
    border-radius: 4px
}

.text-input__loading--line {
    height: 9px;
    margin: 0 0 15px;
    background-color: #fafafb;
    -webkit-animation: pulse 1s infinite ease-in-out;
    animation: pulse 1s infinite ease-in-out
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .text-input__loading--line {
        height:15px
    }
}

.text-input__loading .loading-item {
    width: 100%;
    background-color: #93979b
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .text-input__loading .loading-item {
        width:300px
    }
}

.author,.cta-wrapper,.dish-step__header,.recipe-image__wrapper,.recipe-labels,.recipe-specs,.recipe-subtitle,.whats-cooking {
    margin-bottom: 15px
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .author,.cta-wrapper,.dish-step__header,.recipe-image__wrapper,.recipe-labels,.recipe-specs,.recipe-subtitle,.whats-cooking {
        margin-bottom:30px
    }
}

.cooking-steps h5,.dish-detail__ingredient-list h5,.recipe-description {
    padding-left: 15px
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .recipe-description {
        padding-left:15px
    }
}

.recipe-description .recipe-title {
    margin-bottom: 0;
    font-family: "Mulish SemiBold",sans-serif;
    font-size: 20px
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .recipe-description .recipe-title {
        font-size:28px
    }
}

.recipe-description .recipe-subtitle {
    color: #64696e;
    font-family: "Mulish Regular",sans-serif;
    font-size: 14px
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .recipe-description .recipe-subtitle {
        font-size:18px
    }
}

.recipe-image__wrapper {
    position: relative;
    height: 215px;
    overflow: hidden
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .recipe-image__wrapper {
        height:325px
    }
}

@media only screen and (min-width: 1080px) {
    .recipe-image__wrapper {
        height:492px
    }
}

.recipe-image__wrapper .recipe-image {
    position: absolute;
    width: 100%;
    aspect-ratio: 3/2;
    top: 50%;
    left: 0;
    margin-top: -108px
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .recipe-image__wrapper .recipe-image {
        margin-top:-240px
    }
}

@media only screen and (min-width: 1080px) {
    .recipe-image__wrapper .recipe-image {
        margin-top:-340px
    }
}

.recipe-info .author {
    padding-top: 15px;
    border-top: 1px solid #e0e1e2;
    border-bottom: 1px solid #e0e1e2
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .recipe-info .author {
        border-bottom:0 none
    }
}

.recipe-info .author .author-picture {
    width: 70px;
    height: 70px;
    overflow: hidden;
    border-radius: 50%;
    background-color: transparent;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .recipe-info .author-info {
        padding-left:25px
    }
}

.recipe-info .author-info a {
    color: #25a697
}

.recipe-data {
    padding-right: 15px
}

.recipe-data:last-of-type {
    padding-left: 15px;
    padding-right: 15px
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .recipe-data {
        padding-right:15px
    }
}

.recipe-data .recipe-specs {
    margin-bottom: 0;
    margin-left: 0;
    text-align: left
}

.recipe-data .recipe-specs label {
    display: block;
    width: 100%;
    font-family: "Mulish SemiBold",sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #101820
}

@media only screen and (max-width: 719px) {
    .recipe-data .cta-wrapper {
        position:fixed;
        padding: 10px;
        width: 100%;
        left: 0;
        bottom: -15px;
        text-align: center;
        background-color: #101820;
        z-index: 1
    }

    .recipe-data .cta-wrapper.action-select-plan {
        background-color: #fff;
        padding: 16px
    }

    .recipe-data .cta-wrapper.action-select-plan a {
        margin: 0
    }
}

.step-list {
    list-style: none;
    padding: 0;
    margin: 0
}

.step-list .dish-step {
    padding: 0
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .step-list .dish-step:nth-child(2n+1) {
        padding:0 calc(10px/2) 0 0
    }

    .step-list .dish-step:nth-child(2n+2) {
        padding: 0 0 0 calc(10px/2)
    }
}

@media only screen and (min-width: 1080px) {
    .step-list .dish-step:nth-child(3n+1) {
        padding:0 calc(10px/2) 0 0
    }

    .step-list .dish-step:nth-child(3n+2) {
        padding: 0 calc((10px/2)/2)
    }

    .step-list .dish-step:nth-child(3n+3) {
        padding: 0 0 0 calc(10px/2)
    }
}

.step-list .dish-step .dish-step__image {
    margin-bottom: 15px
}

.step-list .dish-step .dish-step__image>img {
    width: 100%;
    aspect-ratio: 1.5
}

.step-list .dish-step .dish-step__body {
    padding: 0 15px
}

.step-list .dish-step .dish-step__body-heading {
    margin-bottom: 10px;
    letter-spacing: 1px;
    font-family: "Mulish SemiBold",sans-serif;
    font-size: 14px
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .step-list .dish-step .dish-step__body-heading {
        font-size:16px
    }
}

.cooking-steps {
    padding-top: 20px
}

.dish-detail__ingredient-list {
    padding-top: 30px;
    padding-bottom: 15px
}

.dish-detail__ingredient-list .dish-detail__ingredient {
    padding: 0 10px;
    text-align: center;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

@media only screen and (min-width: 1080px) {
    .dish-detail__additional {
        flex-direction:column;
        align-items: flex-start
    }
}

.dish-detail__additional ul {
    list-style: none;
    padding: 0 0 30px;
    margin: 0
}

.dish-detail__additional .dish-detail__sidebar-section {
    padding: 0 15px
}

@media only screen and (max-width: 719px) {
    .recipe-wrapper-placeholder {
        max-width:455px
    }

    .recipe-wrapper-placeholder [class$=nui__col-],.recipe-wrapper-placeholder [class*=" nui__col-"] {
        width: 100%
    }

    .recipe-header {
        margin: 0;
        max-width: 100%
    }

    .dish-detail__ingredient-list {
        margin: 0
    }

    .author {
        display: flex;
        align-items: center;
        padding: 16px 0
    }

    .author p {
        margin-bottom: 0
    }
}

.checkbox-list {
    margin: 0;
    padding: 0;
    list-style: none;
    zoom:1}

.checkbox-list:after,.checkbox-list:before {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden
}

.checkbox-list:after {
    clear: both
}

.vegetarian-option {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #e0e1e2
}

#food_preferences_list {
    margin-bottom: 20px
}

#food_preferences_list li:last-child {
    padding-top: 20px;
    border-top: 1px dashed #e0e1e2
}

#food_preferences_list.list-columnized li:last-child {
    float: none;
    clear: both;
    width: auto
}

.food-preferences__footer {
    position: relative;
    text-align: center
}

.submit-btn-wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 320px
}

.food-preferences-footnote {
    margin-top: 20px
}

@media screen and (min-width: 768px) {
    .food-preferences__footer--accountsEdit .food-preferences-footnote {
        position:absolute;
        top: 0;
        left: 0;
        width: 50%;
        margin-top: 10px;
        text-align: left
    }
}

.sections .section,.sections-shared .section {
    position: relative;
    overflow: hidden;
    max-width: 1270px;
    margin: 0 auto;
    display: flex;
    flex-direction: column
}

.sections .section a,.sections-shared .section a {
    color: #101820
}

.sections .section a:focus,.sections .section a:hover,.sections-shared .section a:focus,.sections-shared .section a:hover,.sections-shared .section-order-now .section-order-now__cta a:focus,.sections-shared .section-order-now .section-order-now__cta a:hover {
    color: #000
}

.sections .section .section__image,.sections-shared .section .section__image {
    width: 100%;
    height: 300px;
    background-repeat: no-repeat
}

.sections .section .section__image img,.sections-shared .section .section__image img {
    height: 100%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media only screen and (min-width: 1080px) {
    .sections .section .section__image img.us,.sections-shared .section .section__image img.us {
        -o-object-position:50% 55%;
        object-position: 50% 55%
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .sections .section .section__image,.sections-shared .section .section__image {
        height:100%;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0
    }
}

.sections .section .section__title,.sections-shared .section .section__title {
    color: inherit;
    margin-bottom: 25px
}

.sections .section .section__display-wrapper,.sections-shared .section .section__display-wrapper {
    display: flex;
    position: static;
    flex: auto
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .sections .section .section__display-wrapper,.sections-shared .section .section__display-wrapper {
        min-height:400px;
        align-items: center
    }
}

@media only screen and (min-width: 1080px) {
    .sections .section .section__display-wrapper,.sections-shared .section .section__display-wrapper {
        min-height:580px
    }
}

@media only screen and (max-width: 719px) {
    .sections .section .section__display-wrapper,.sections-shared .section .section__display-wrapper {
        align-items:center
    }
}

.sections .section .section__display,.sections-shared .section .section__display {
    display: flex;
    flex: auto;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    padding: 25px 0;
    position: relative
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .sections .section .section__display,.sections-shared .section .section__display {
        padding:35px 0
    }
}

.sections .section .section__display .section__headline,.sections-shared .section .section__display .section__headline {
    color: #101820;
    font-family: "Mulish Regular",sans-serif;
    text-transform: uppercase;
    letter-spacing: 1.35px;
    font-size: 30px;
    line-height: 34px
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .sections .section .section__display .section__headline,.sections-shared .section .section__display .section__headline {
        font-size:32px;
        line-height: 36px
    }
}

@media only screen and (min-width: 1080px) {
    .sections .section .section__display .section__headline,.sections-shared .section .section__display .section__headline {
        font-size:44px;
        line-height: 52px
    }
}

.sections .section .section__display .section__headline strong,.sections-shared .section .section__display .section__headline strong {
    font-weight: 600;
    font-family: "Mulish ExtraBold",sans-serif
}

.sections .section .section__display .section__description,.sections-shared .section .section__display .section__description {
    font-size: 16px;
    line-height: 24px;
    color: #101820
}

@media only screen and (min-width: 1080px) {
    .sections .section .section__display .section__description,.sections-shared .section .section__display .section__description {
        font-size:22px;
        line-height: 33px
    }
}

.sections .section .section__display .section__description,.sections .section .section__display .section__headline,.sections-shared .section .section__display .section__description,.sections-shared .section .section__display .section__headline {
    text-align: center;
    display: inline
}

.sections .section-main h1 {
    padding: 10px 0
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .sections .section__display-wrapper {
        max-width:100%
    }

    .sections .section__display-wrapper .section__display {
        align-self: flex-end;
        align-items: flex-end
    }

    .sections .section__display-wrapper .section__display.us:first-child {
        width: 47%;
        align-items: center;
        padding-right: 0
    }
}

@media only screen and (min-width: 1080px) {
    .sections .section__display-wrapper .section__display {
        padding-right:50px
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .sections .section__display-wrapper .section__display {
        padding-right:30px
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .sections .section-menu .section-menu__display {
        align-self:flex-start;
        align-items: flex-start
    }
}

@media only screen and (min-width: 1080px) {
    .sections .section-menu .section-menu__display {
        padding-left:50px
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .sections .section-menu .section-menu__display {
        padding-left:30px
    }
}

.sections .section-suppliers {
    background: #b4e9e1
}

.sections .section-suppliers .section-suppliers__image img {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: none;
    object-position: none
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .sections .section-no-image .section__display-wrapper .section__display {
        padding:0;
        align-self: center;
        align-items: center
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .sections .section-no-image .section__display-wrapper {
        min-height:300px
    }
}

@media only screen and (min-width: 1080px) {
    .sections .section-no-image .section__display-wrapper {
        min-height:480px
    }
}

.sections .section-edr {
    background-color: #ffe371
}

.sections .section-edr .section__display .section__headline {
    font-family: "Mulish ExtraBold",sans-serif;
    font-weight: 600
}

@media only screen and (min-width: 1080px) {
    .sections .section-edr .section__display .section__headline {
        font-size:43px
    }
}

@media only screen and (max-width: 719px) {
    .sections .section-edr .section__display .section__headline {
        font-size:27px
    }

    .sections .section-edr .section__display .section__description {
        font-size: 14px!important
    }
}

.sections .section-edr a {
    color: #fff
}

.sections .section-edr a:focus,.sections .section-edr a:hover {
    color: #fff
}

.sections .section-edr .section__display-wrapper .section__display .section__headline {
    font-weight: 400
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .sections .section-edr .section__display-wrapper .section__display {
        align-self:flex-start;
        align-items: flex-start;
        padding-left: 74px;
        width: 467px
    }

    .sections .section-edr .section__display-wrapper .section__display .section__description,.sections .section-edr .section__display-wrapper .section__display .section__headline,.sections .section-edr .section__display-wrapper .section__display .section_cta {
        width: 467px
    }
}

.sections .section-preportioned {
    background: #ffafb1
}

.sections .section-preportioned.us {
    background: #ffdc4d
}

.sections-shared .section-order-now {
    background-color: #fff;
    align-items: center
}

.sections-shared .section-order-now .section__display-wrapper {
    min-height: 0
}

.sections-shared .section-order-now .section-order-now__display {
    padding: 35px 0
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .sections-shared .section-order-now .section-order-now__display {
        padding:45px 0
    }
}

@media only screen and (min-width: 1080px) {
    .sections-shared .section-order-now .section-order-now__display {
        padding:55px 0
    }
}

@media only screen and (max-width: 719px) {
    .sections-shared .section-order-now .section-order-now__display .section-order-now__headline {
        font-size:28px;
        margin-bottom: 12px
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .sections-shared .section-order-now .section-order-now__display .section-order-now__headline {
        font-size:32px;
        line-height: 36px;
        margin-bottom: 2px
    }
}

@media only screen and (min-width: 1080px) {
    .sections-shared .section-order-now .section-order-now__display .section-order-now__headline {
        font-size:36px;
        line-height: 52px;
        margin-bottom: 2px
    }
}

.sections-shared .section-order-now .section-order-now__description a {
    text-decoration: underline;
    color: #101820
}

.sections-shared .section-order-now .section-order-now__cta a {
    color: #101820
}

.sections-shared .section-quotes {
    background-color: #fafafb;
    color: #101820
}

.sections-shared .section-quotes .section__display-wrapper {
    justify-content: center;
    overflow-x: hidden;
    padding: 45px 0;
    flex: auto
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .sections-shared .section-quotes .section__display-wrapper {
        min-height:238px
    }
}

@media only screen and (min-width: 1080px) {
    .sections-shared .section-quotes .section__display-wrapper {
        min-height:248px
    }
}

@media only screen and (max-width: 719px) {
    .sections-shared .section-quotes .section__display-wrapper {
        padding-top:0;
        width: 300px
    }
}

.sections-shared .section-quotes .section__title {
    font-family: "Mulish SemiBold",sans-serif;
    text-align: center
}

.sections-shared .section-quotes .section-quotes__display {
    text-align: center
}

.sections-shared .section-quotes .section-quotes__display .section-quotes__text {
    font-size: 18px;
    flex: 1
}

.sections-shared .section-quotes .section-quotes__display .section-quotes__name {
    color: #64696e;
    font-size: 14px;
    font-family: "Mulish Regular",sans-serif;
    flex: 0
}

.section-goodbye__headline {
    font-family: "Mulish"!important;
    font-size: 48px!important;
    line-height: 56px!important;
    font-weight: 600!important;
    text-align: center!important;
    text-transform: uppercase!important;
    padding-bottom: 10px!important
}

.section-goodbye__wrapper {
    min-height: calc(100vh - 467px)!important
}

@media only screen and (max-width: 719px) {
    .section-goodbye__wrapper {
        min-height:calc(100vh - 195px)!important
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .section-goodbye__wrapper p {
        max-width:min(512px,90vw)!important
    }
}

@media only screen and (max-width: 719px) {
    .section-goodbye__wrapper p {
        max-width:min(327px,90vw)!important
    }
}

@media only screen and (min-width: 1080px) {
    .section-goodbye__wrapper p {
        max-width:min(762px,90vw)!important
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px) and (orientation:portrait) {
    .how-section__head {
        padding-bottom:90px;
        background-color: #ffe371
    }

    .how-section__head h1 {
        width: 450px
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px) and (orientation:landscape) {
    .how-section__head {
        padding-bottom:30px;
        background-color: #ffe371
    }

    .how-section__head h1 {
        width: 540px
    }
}

@media only screen and (max-width: 719px) {
    .how-section__head {
        background-color:#ffe371
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (max-width:719px) {
    .how-section__head picture {
        width:100%
    }
}

.how__headline {
    color: #101820;
    font-family: "Mulish SemiBold",sans-serif;
    font-size: 18px
}

@media only screen and (min-width: 1080px) {
    .how__headline {
        font-size:22px
    }
}

.how .how-main__headline,.how__body {
    font-family: "Mulish Regular",sans-serif;
    text-align: center
}

.how__body {
    color: #101820;
    margin-bottom: 40px;
    font-size: 18px
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .how__body {
        margin-bottom:0
    }
}

.how .how-main__headline {
    font-size: 21px;
    line-height: 31px;
    padding-top: 0;
    padding-bottom: 3.5rem
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .how .how-main__headline {
        margin-left:auto;
        margin-right: auto;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0
    }
}

@media only screen and (max-width: 719px) {
    .how .how-main__headline {
        width:100%;
        padding: 0 1.5rem 1.5rem
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .how .how-main__headline {
        font-size:28px;
        line-height: 42px;
        padding-bottom: 3.5rem
    }
}

@media only screen and (min-width: 1080px) {
    .how .how-main__headline {
        font-size:36px;
        line-height: 49px
    }
}

.how .value-prop__img {
    width: 140px
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .how .value-prop__img {
        width:130px;
        margin: 0 50px 0 0
    }
}

.how picture {
    display: block
}

.how__section {
    max-width: 1270px;
    margin: 0 auto;
    padding: 45px 0
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .how__section {
        padding-top:55px
    }
}

.how-value-prop__section {
    background-color: #d0f1ec
}

.how-what-do-you-get__section .headline {
    font-size: 24px
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .how-what-do-you-get__section .headline {
        font-size:32px
    }
}

@media only screen and (min-width: 1080px) {
    .how-what-do-you-get__section .headline {
        font-size:36px
    }
}

.how-icon__section {
    padding: 35px 0
}

.how-value-prop__headline {
    font-size: 18px;
    margin-top: 30px;
    text-align: center
}

@media only screen and (min-width: 1080px) {
    .how-value-prop__headline {
        margin-top:0
    }
}

.how-icon {
    height: 40px
}

.how-icon__content {
    display: flex;
    align-items: center;
    flex-direction: column
}

.how-icon__content p,.our-story .ourStoryWrapper div.cta {
    text-align: center
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .how-what-do-you-get__section-new {
        padding:40px 0 10px;
        background-color: #fff
    }
}

.how-what-do-you-get__section-new .how__section-desktop .headline {
    position: absolute;
    top: 0
}

.how-what-do-you-get__section-new .how__section-desktop .sub-headers {
    display: flex;
    justify-content: space-around;
    margin-top: -100px
}

.how-what-do-you-get__section-new .how__section-desktop .value-prop__content {
    width: 25%;
    margin-bottom: 15px
}

.how-what-do-you-get__section-new .how__section-desktop .value-prop__content .how__body {
    margin-bottom: 15px
}

.how-what-do-you-get__section-new .how__section-mobile .headline {
    margin-bottom: 45px
}

.how-what-do-you-get__section-new .how__section-mobile .value_prop__container {
    text-align: center;
    margin-top: 20px;
    padding: 0 10px
}

.martha-stewart .btn {
    border-radius: 4px;
    font-size: 14px;
    padding: 0 30px
}

.martha_page__headline,.martha_page__quote {
    background-color: #fafafb;
    position: relative
}

.martha_page__headline_img,.martha_page__quote_img,.our-story .ourStoryWrapper .ourStoryHeader .videoWrapper img {
    width: 100%
}

.martha_page__headline_copy,.martha_page__quote_copy {
    margin: 0 auto;
    padding-bottom: 25px;
    text-align: center
}

.martha_page__headline_copy .martha_page__headline_copy_h1,.martha_page__headline_copy .martha_page__quote_copy_h2,.martha_page__quote_copy .martha_page__headline_copy_h1,.martha_page__quote_copy .martha_page__quote_copy_h2 {
    color: #101820;
    font-family: "Mulish ExtraBold",sans-serif;
    font-weight: 600;
    font-size: 22px;
    letter-spacing: 3px;
    line-height: 1.2;
    margin: 20px auto 10px;
    max-width: 75%;
    text-transform: uppercase;
    text-align: center;
    padding: 0
}

.martha_page__headline_copy .martha_page__headline_copy_p,.martha_page__quote_copy .martha_page__headline_copy_p {
    font-size: 14px;
    margin: 0 auto;
    max-width: 80%
}

.martha_page__headline_copy .btn,.martha_page__quote_copy .btn {
    transition: background-color .3s ease-out 0s;
    background-color: #a1e3d9;
    font-size: 18px;
    margin-top: 10px
}

.martha_page__headline_copy .btn:focus,.martha_page__headline_copy .btn:hover,.martha_page__quote_copy .btn:focus,.martha_page__quote_copy .btn:hover {
    background-color: #d0f1ec
}

.martha_page__headline_copy .btn:active,.martha_page__quote_copy .btn:active {
    background-color: #25a697
}

.martha_page__paragraph_2 {
    font-size: 16px;
    margin: 30px auto;
    max-width: 75%;
    text-align: center
}

.martha_page__how_it_works {
    background-color: #fafafb;
    margin-bottom: 0;
    padding: 40px 0
}

.martha_page__how_it_works .value-prop__point {
    padding: 0 30px
}

.martha_page__what_do_you_get {
    padding: 40px 0 0
}

.martha_page__quote {
    margin-bottom: 20px
}

.martha_page__quote .martha_page__quote_h2 {
    font-size: 28px;
    max-width: 90%
}

.martha_page__quote_signature {
    margin: 5px auto;
    width: 55%
}

.martha_page__cta {
    padding: 20px 0 80px;
    text-align: center
}

.martha_page__cta .btn {
    background-color: #a1e3d9;
    font-size: 16px
}

.martha_page__cta .btn:focus,.martha_page__cta .btn:hover {
    background-color: #d0f1ec
}

.martha_page__cta .btn:active {
    background-color: #25a697
}

.martha-stewart .martha_page__what_do_you_get {
    padding-top: 0
}

.martha-stewart .how-what-do-you-get__section-new,.martha-stewart .how__section-mobile img {
    background-color: initial
}

@media screen and (min-width: 768px) {
    .martha_page__headline,.martha_page__quote {
        background:0 0
    }

    .martha_page__headline_copy,.martha_page__quote_copy {
        padding-bottom: 10px;
        position: absolute
    }

    .martha_page__headline_copy {
        max-width: 41%;
        right: 6%;
        top: 0
    }

    .martha_page__headline_copy .martha_page__headline_copy_h1 {
        font-size: 16px;
        max-width: 100%;
        margin-top: 10px
    }

    .martha_page__headline_copy .martha_page__headline_copy_p {
        font-size: 14px;
        line-height: 1.3;
        max-width: 90%
    }

    .martha_page__headline_copy .nui__button {
        height: 46px;
        line-height: 1.5
    }

    .martha_page__quote_copy {
        max-width: 32%;
        left: 1.5%;
        top: 3%
    }

    .martha_page__quote_copy .martha_page__quote_copy_h2 {
        font-size: 16px;
        max-width: 87%
    }

    .martha_page__quote_signature {
        margin: 0 auto;
        position: relative;
        width: 65%
    }

    .martha_page__paragraph_2,.value-prop__headline {
        font-size: 20px
    }

    .value-prop__img {
        margin: 0 auto 40px
    }

    .martha_page__paragraph_2 {
        margin: 60px auto;
        max-width: 75%
    }
}

@media screen and (min-width: 1024px) {
    .martha_page__headline_copy {
        top:0
    }

    .martha_page__headline_copy .martha_page__headline_copy_h1 {
        font-size: 25px;
        margin-top: 10px
    }

    .martha_page__headline_copy .martha_page__headline_copy_p {
        font-size: 18px;
        margin: 10px auto
    }

    .martha_page__headline_copy .nui__button {
        height: 56px;
        line-height: 2
    }

    .martha_page__quote_copy {
        top: 1%
    }

    .martha_page__quote_copy .martha_page__quote_copy_h2 {
        font-size: 25px;
        max-width: 98%
    }

    .martha_page__quote_signature {
        margin: 5px auto;
        width: 70%
    }

    .martha_page__paragraph_2 {
        margin: 60px auto;
        max-width: 75%
    }
}

@media screen and (min-width: 1180px) {
    .martha_page__headline_copy {
        top:3%
    }

    .martha_page__quote_copy {
        top: 1%
    }

    .martha_page__quote_signature {
        width: 75%
    }
}

@media screen and (min-width: 1270px) {
    .martha_page__headline_copy,.martha_page__quote_copy {
        top:1%
    }

    .martha_page__headline_copy .martha_page__headline_copy_h1 {
        font-size: 31px;
        max-width: 95%;
        margin-top: 20px
    }

    .martha_page__headline_copy .martha_page__headline_copy_p {
        font-size: 22px;
        max-width: 96%;
        margin: 15px auto
    }
}

@media screen and (min-width: 1390px) {
    .martha_page__headline_copy {
        top:4%
    }

    .martha_page__quote_copy {
        top: 5%
    }
}

.our-story .ourStoryWrapper {
    margin-bottom: 0
}

.our-story .ourStoryWrapper .mainContent>.columns {
    padding: 0
}

.our-story .ourStoryWrapper h2,.our-story .ourStoryWrapper h3 {
    font-size: 1rem;
    font-family: "Mulish SemiBold",sans-serif;
    line-height: 1.375rem;
    padding-bottom: .25rem;
    margin: 0;
    padding-top: 1.3125rem
}

.our-story .ourStoryWrapper h3 {
    padding-top: .75rem
}

.our-story .ourStoryWrapper div.cta a.button {
    display: block;
    margin-top: 1rem;
    margin-bottom: 0
}

.our-story .ourStoryWrapper .ourStoryHeader {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #93979b
}

.our-story .ourStoryWrapper .ourStoryHeader .video {
    margin-top: 0
}

.our-story .ourStoryWrapper .ourStoryHeader .videoWrapper {
    position: relative;
    padding-bottom: 62%;
    height: 0;
    overflow: hidden
}

.our-story .ourStoryWrapper .ourStoryHeader .videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.our-story .ourStoryWrapper div.ourStoryParagraphs {
    margin-bottom: 1.3125rem
}

.our-story .ourStoryWrapper div.ourStoryHighlightedArea {
    margin: 1.375rem 0;
    height: 11.4375rem
}

.our-story .ourStoryWrapper div.ourStoryHighlightedArea h2 {
    padding-top: 2.1875rem;
    padding-bottom: 1.25rem;
    text-align: center
}

@media screen and (min-width: 768px) {
    .our-story .ourStoryWrapper {
        max-width:44.25rem;
        margin-bottom: 0
    }

    .our-story .ourStoryWrapper div.mainContent {
        padding-left: 0;
        padding-right: 0
    }

    .our-story .ourStoryWrapper h2,.our-story .ourStoryWrapper h3 {
        font-size: 1.25rem;
        line-height: 1.6875rem;
        padding-top: 1.3125rem
    }

    .our-story .ourStoryWrapper h3 {
        padding-top: .75rem
    }

    .our-story .ourStoryWrapper div.cta {
        text-align: center
    }

    .our-story .ourStoryWrapper div.cta a.btn {
        display: inline-block;
        margin-top: 2rem
    }

    .our-story .ourStoryWrapper .ourStoryHeader {
        margin-bottom: 2rem;
        padding-bottom: 2rem
    }

    .our-story .ourStoryWrapper div.ourStoryParagraphs {
        padding-top: 3.125rem
    }

    .our-story .ourStoryWrapper div.ourStoryParagraphs div.paragraphText.columns {
        padding-left: 2rem
    }

    .our-story .ourStoryWrapper div.ourStoryParagraphs div.paragraphText.columns h3 {
        padding-top: 0;
        padding-bottom: 1.25rem
    }

    .our-story .ourStoryWrapper div.ourStoryParagraphs div.paragraphText.columns.paragraphAutoHeight {
        height: auto
    }

    .our-story .ourStoryWrapper div.ourStoryParagraphs div.paragraphImage {
        margin-top: 0
    }

    .our-story .ourStoryWrapper div.ourStoryParagraphs.imageRight div.paragraphImage {
        float: right
    }

    .our-story .ourStoryWrapper div.ourStoryParagraphs.imageRight div.paragraphText {
        float: left;
        padding-left: 0;
        padding-right: 2rem
    }

    .our-story .ourStoryWrapper div.ourStoryHighlightedArea {
        height: 29.5625rem;
        margin-top: 3.125rem;
        margin-bottom: 3.125rem
    }

    .our-story .ourStoryWrapper div.ourStoryHighlightedArea h2 {
        font-size: 2.375rem;
        font-family: "Mulish Regular",sans-serif;
        line-height: 3.25rem;
        padding: 6.25rem 5rem 3.75rem
    }
}

@media screen and (min-width: 1024px) {
    .our-story .ourStoryWrapper {
        max-width:none;
        padding-left: 2.3125rem;
        padding-right: 2.3125rem
    }

    .our-story .ourStoryWrapper .ourStoryHeader {
        margin-bottom: 2rem;
        padding-bottom: 2rem
    }

    .our-story .ourStoryWrapper .ourStoryHeader .video {
        float: right;
        padding-left: 2rem
    }

    .our-story .ourStoryWrapper .ourStoryHeader div.menuTeaser {
        float: left
    }

    .our-story .ourStoryWrapper .ourStoryHeader div.menuTeaser h2 {
        padding-top: 0;
        padding-bottom: .75rem
    }

    .our-story .ourStoryWrapper .ourStoryHeader div.menuTeaser a {
        display: block
    }

    .our-story .ourStoryWrapper div.ourStoryParagraphs div.paragraphImage,.our-story .ourStoryWrapper div.ourStoryParagraphs div.paragraphText.columns {
        width: 100%;
        max-width: 23.75rem;
        height: 16.875rem;
        margin-top: 0
    }

    .our-story .ourStoryWrapper div.ourStoryParagraphs div.paragraphText.columns.paragraphAutoHeight {
        height: auto
    }
}

@media screen and (min-width: 1200px) {
    .our-story .ourStoryWrapper {
        max-width:62rem;
        margin: 0 auto;
        padding: 0
    }

    .our-story .ourStoryWrapper .ourStoryHeader .videoWrapper {
        padding-bottom: 55%
    }
}

.deliverySlot {
    margin-top: 10px;
    margin-bottom: 10px
}

.deliverySlot .columns {
    padding: 0
}

.deliverySlot .thisWeek {
    padding-right: .5rem
}

.deliverySlot .nextWeek {
    padding-left: .5rem
}

.deliveryDateSelector__date-label {
    color: #93979b
}

.deliveryDateSelector__date-selected,.deliveryDateSelector__date-selected-wrapper {
    white-space: nowrap
}

.deliveryDateSelector__icon {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -7px
}

@media screen and (min-width: 768px) {
    .deliverySlot {
        width:100%;
        height: 56px;
        z-index: 2
    }

    .deliverySlot .thisWeek {
        margin-bottom: 1rem;
        padding-right: 0
    }

    .deliverySlot .nextWeek {
        padding-left: 0
    }

    .deliverySlot .deliveryLabel {
        margin-bottom: .25rem
    }
}

@media screen and (min-width: 1024px) {
    .deliverySlot {
        height:45px
    }

    .deliverySlot .thisWeek {
        margin-bottom: 0;
        padding-right: .5rem
    }

    .deliverySlot .nextWeek {
        padding-left: .5rem
    }

    .deliverySlot .deliveryLabel {
        margin-bottom: .5rem
    }
}

@media screen and (min-width: 1200px) {
    .deliverySlot {
        height:47px
    }

    .deliverySlot .deliveryLabel {
        font-size: 14px
    }
}

.loginWizard .loginInfo {
    margin: 20px 15px
}

.loginWizard .loginInfo span {
    font-size: 1.4rem;
    line-height: 1.375rem;
    text-align: center;
    display: block
}

.loginWizard .loginWrapper {
    margin: 40px auto
}

.loginWizard .loginWrapper div.registrationNav span {
    display: block;
    padding: 1.25rem;
    padding-bottom: 0;
    text-align: center;
    background: #fff
}

.loginWizard .loginWrapper div.loginBox {
    text-align: center;
    background: #fff;
    padding: 1.25rem
}

.loginWizard .loginWrapper div.loginBox.changePassword {
    margin-bottom: 3.75rem;
    padding-top: 2.5rem
}

.loginWizard .loginWrapper div.loginBox a.forgetPassword,.loginWizard .loginWrapper div.loginBox a.signUpLink {
    font-size: .875rem;
    font-family: "Mulish Regular",sans-serif;
    line-height: 1.375rem;
    text-decoration: underline;
    color: #64696e;
    margin-top: .625rem
}

.loginWizard .loginWrapper div.loginBox a.forgetPassword {
    display: block
}

.loginWizard .loginWrapper div.loginBox form button {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

.loginWizard .loginWrapper div.loginBox form input {
    margin-bottom: .625rem
}

.loginWizard .loginWrapper div.loginBox span.noAccount {
    font-size: .875rem;
    font-family: "Mulish Regular",sans-serif;
    line-height: 1.375rem;
    margin-top: .625rem
}

.loginWizard .loginWrapper div.loginBox span.separatorText {
    margin: 1.25rem 0;
    display: block;
    color: #64696e;
    font-size: .875rem;
    font-family: "Mulish Regular",sans-serif;
    line-height: 1.125rem
}

@media screen and (min-width: 768px) {
    .loginWizard .loginInfo {
        float:none;
        max-width: 550px;
        margin: auto
    }

    .loginWizard .loginWrapper {
        width: 350px
    }

    .loginWizard .loginWrapper div.loginBox {
        padding: 1.25rem 2.5rem
    }
}

.account-area .tab-title.active a,.loginWizard .loginInfo span,.terms__heading {
    font-family: "Mulish SemiBold",sans-serif
}

.terms__subheading,ol.nested-numbers>li:before {
    font-size: 22px;
    font-family: "Mulish SemiBold",sans-serif
}

.terms__paragraph {
    margin-left: 22px
}

.account-referral-banner__wrapper h3,.account-referral-banner__wrapper p,.terms__paragraph__center {
    text-align: center
}

ul.terms__bullets {
    margin-left: 44px
}

ol.nested-numbers {
    counter-reset: item;
    margin: 0 0 20px;
    padding: 0
}

ol.nested-numbers>li {
    display: table;
    counter-increment: item;
    margin-bottom: 10px
}

ol.nested-numbers>li:before {
    content: counters(item,".") ". ";
    display: table-cell;
    padding-right: 8px
}

li ol.nested-numbers>li {
    margin: 0 0 10px
}

li ol.nested-numbers>li:before {
    content: counters(item,".") " ";
    font-size: 16px
}

ol.alpha {
    list-style-type: lower-alpha;
    margin-bottom: 12px
}

ol.roman {
    list-style-type: lower-roman;
    margin-bottom: 10px
}

.account-area {
    position: relative;
    top: 1px;
    visibility: hidden;
    height: 0
}

.account-area .tab-title {
    height: 60px;
    text-align: center;
    text-transform: uppercase
}

.account-area .tab-title.active:before {
    content: "";
    display: block;
    width: 100%;
    height: 6px;
    background: #a1e3d9;
    position: absolute
}

.account-area .tab-title a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    height: 100%;
    font-size: 14px
}

.account-area__content-wrapper {
    zoom:1}

.account-area__content-wrapper:after,.account-area__content-wrapper:before {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden
}

.account-area__content-wrapper:after {
    clear: both
}

.account-area__section {
    zoom:1;margin-bottom: 25px;
    background-color: #fff;
    border: 0;
    border-radius: 4px
}

.account-area__section:after,.account-area__section:before {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden
}

.account-area__section:after {
    clear: both
}

.account-area__section.account-area-section-switch-plan {
    overflow: hidden
}

.account-area__section.account-area-section-switch-plan .settings-section__user-plan--order-frequency {
    align-items: flex-start;
    background: #fffcf0;
    display: flex;
    flex-direction: column;
    margin: 26px -15px -15px;
    padding: 15px
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .account-area__section.account-area-section-switch-plan .settings-section__user-plan--order-frequency {
        align-items:center;
        flex-direction: row;
        justify-content: space-between;
        margin-top: 0
    }
}

.account-area__section.account-area-section-switch-plan .settings-section__user-plan--order-frequency .account-area__section-datafield {
    margin-bottom: 15px
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .account-area__section.account-area-section-switch-plan .settings-section__user-plan--order-frequency .account-area__section-datafield {
        margin-bottom:0
    }
}

.account-area__section.account-area-section-switch-plan .settings-section__user-plan--order-frequency .account-area__section-reset {
    width: 100%
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .account-area__section.account-area-section-switch-plan .settings-section__user-plan--order-frequency .account-area__section-reset {
        width:auto
    }
}

.account-area__section.account-area-section-switch-plan .settings-section__user-plan--order-frequency .account-area__section-reset .btn-reset {
    font-family: Mulish,sans-serif;
    font-size: 14px;
    font-weight: 500;
    height: auto;
    line-height: 24px;
    margin: 0;
    min-width: 163px;
    overflow: visible;
    padding: 7px 24px;
    width: 100%;
    white-space: normal
}

.account-area__section.account-area-section-switch-plan .settings-section__user-plan--order-frequency .account-area__section-reset .btn-reset:disabled,.account-area__section.account-area-section-switch-plan .settings-section__user-plan--order-frequency .account-area__section-reset .btn-reset:disabled:hover {
    background-color: #e0e1e2;
    color: #64696e
}

.account_section_manage_subscription {
    flex: 1
}

.account-area__section-headline {
    margin: 0 0 15px;
    padding: 14px 15px 11px;
    border-bottom: 1px solid #e0e1e2;
    background: #e0e1e2;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    font-size: 12px;
    font-family: "Mulish ExtraBold",sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px
}

.account-area__section-intro-headline {
    font-size: 16px;
    font-family: "Mulish SemiBold",sans-serif
}

.account-area__section-intro-content {
    font-size: 14px
}

.account-area__section-summary--label {
    font-size: 12px;
    font-family: "Mulish Regular",sans-serif;
    color: #666
}

.account-area__section-summary--items {
    font-family: "Mulish SemiBold",sans-serif
}

.account-area__section-edit-links {
    margin: 0;
    padding: 0;
    list-style: none
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .account-area__section-edit-links {
        position:absolute;
        top: 0;
        right: 0;
        text-align: right
    }
}

.action-buttons-group {
    margin-top: 23px
}

.action-buttons-group .btn {
    margin-bottom: 10px
}

.accounts .account_area_section_start_subscription {
    padding-bottom: 20px;
    background-color: #fff
}

.accounts.orders .account-area__section {
    background-color: transparent
}

.accounts.orders .account_area_section_start_subscription {
    background-color: #fff
}

.accounts .pages-content {
    width: 100%
}

.accounts .pages-content .content:focus {
    outline: 0
}

.accounts .shippingAddress {
    margin-bottom: 40px
}

.accounts div.password div.title,.accounts div.shippingAddress div.title {
    margin-bottom: .625rem;
    padding: 0 0 .5rem
}

.accounts div.result div.resultEntry {
    line-height: 1.3rem;
    padding: .25rem 0
}

.accounts div.result div.resultEntry.resultEmail {
    padding-bottom: 8px;
    text-decoration: underline
}

.accounts #address_area .result,.accounts #user_area .result,.address-modal div.selectField select,.address-modal input[type=text] {
    font-size: 18px;
    color: #101820
}

@media screen and (min-width: 768px) {
    .account-area__container {
        padding-bottom:20px
    }

    .account-area .tab-title a {
        font-size: 16px
    }

    .account-area__section-headline {
        font-size: 14px
    }

    .account-area__section-edit-links {
        position: absolute;
        top: 0;
        right: 0;
        text-align: right
    }

    .row.action-buttons-group>.columns {
        padding-left: 10px
    }

    .accounts .row>.tabNavigation,.accounts .row>div.title {
        height: 4.125rem;
        padding-top: 2.5rem;
        padding-bottom: 4.375rem
    }

    .accounts .row div.title {
        padding-right: 2.5rem
    }

    .accounts .row div.title h1 {
        line-height: 1.625rem;
        font-size: 1.625rem;
        padding-top: .125rem;
        padding-bottom: 0;
        white-space: nowrap
    }
}

@media screen and (min-width: 1024px) {
    .account-area__container {
        padding-bottom:30px
    }

    .account-area__section-intro-content {
        max-width: 540px
    }

    .account-area__section-edit-link {
        font-size: 14px
    }
}

@media screen and (min-width: 1200px) {
    .account-area__container {
        padding:auto 50px
    }

    .account-area__content-wrapper {
        border-width: 1px
    }
}

@media only screen and (min-width: 1201px) {
    .account-area__container {
        padding:auto 100px
    }
}

.checkbox-list__list-item {
    position: relative;
    margin-bottom: 20px
}

.checkbox-list__label {
    min-height: 37px;
    color: #101820
}

.preference-label-copy {
    position: absolute;
    left: 50px;
    padding-top: 8px;
    padding-right: 10px
}

.taste-preferences__section-intro {
    padding-bottom: 30px;
    padding-top: 30px
}

.taste-preferences__section-list {
    padding-bottom: 20px
}

.taste-preferences__section-submit {
    padding-bottom: 50px
}

.taste-preferences__headline {
    font-size: 18px;
    font-family: "Mulish SemiBold",sans-serif
}

.food-preferences {
    border: 1px dashed #e0e1e2;
    border-width: 1px 0
}

.food-preferences__checkbox-list {
    position: relative;
    padding: 20px 0
}

.taste-preferences__exception {
    color: #93979b
}

@media screen and (min-width: 768px) {
    .list-columnized li {
        float:left;
        width: 50%
    }

    .taste-preferences__container {
        margin-left: 30px
    }

    .checkbox-list__label {
        min-height: 20px
    }

    .preference-label-copy {
        left: 40px;
        padding-top: 0
    }
}

@media screen and (min-width: 1200px) {
    .list-columnized li {
        width:33.33333%
    }
}

.address-book {
    padding: 0 8px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: flex-start
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .address-book {
        flex-direction:row
    }
}

.modal__body.address-book {
    padding-bottom: 100px
}

.address-book__entry {
    position: relative;
    outline: 1px solid #e0e1e2;
    border-top: 6px solid #e0e1e2;
    width: 265px;
    padding: 15px;
    margin: 0 auto 15px;
    font-size: 14px
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .address-book__entry {
        width:222px;
        height: 221px
    }
}

@media only screen and (min-width: 1080px) {
    .address-book__entry {
        width:272px;
        height: 241px;
        font-size: 16px
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .address-book__entry {
        margin:0 15px 15px 0
    }
}

.address-book__entry.selected {
    outline: 1px solid #101820;
    border-top: 6px solid #ffdc4d
}

.address-book__entry.default .address-book__default {
    visibility: visible
}

.address-book__default {
    visibility: hidden;
    color: #93979b;
    margin-bottom: 45px
}

.address-book__entry-title {
    font-family: "Mulish SemiBold",sans-serif;
    margin-bottom: 15px
}

.address-book__entry-details {
    line-height: 23px
}

.address-book__actions {
    position: absolute;
    bottom: 15px
}

@media only screen and (min-width: 1080px) {
    .address-book__actions {
        margin-top:20px
    }
}

.address-book__add-address {
    border: 0;
    background-color: #fafafb;
    padding: 54px;
    color: #93979b;
    font-size: 16px;
    cursor: pointer
}

@media only screen and (min-width: 1080px) {
    .address-book__add-address {
        font-size:18px
    }
}

.address-book__add-address img {
    margin-bottom: 15px;
    width: 60px;
    height: 60px
}

@media only screen and (min-width: 1080px) {
    .address-book__add-address img {
        width:80px;
        height: 80px
    }
}

.address-modal .modal__flash {
    max-width: 1180px
}

.address-modal label {
    margin-bottom: 10px;
    font-size: 12px;
    color: #64696e
}

.address-modal input[type=text].error,.address-modal input[type=text]:focus {
    background-color: #fff
}

.address-modal .input-placeholder {
    font-size: 18px;
    color: #93979b
}

.address-modal .modal__heading {
    margin-bottom: 0
}

.address-modal .modal__body {
    max-width: 620px;
    margin: 0 auto;
    padding-bottom: 100px
}

@media only screen and (max-width: 719px) {
    .address-modal .modal__footer {
        padding:5px
    }
}

.address_book_address_form {
    padding-top: 20px
}

#delivery_instructions_textarea {
    min-height: 100px;
    color: #101820
}

#delivery_instructions_max {
    font-size: 12px;
    color: #64696e;
    margin-bottom: 20px
}

#delivery_instructions_charcount {
    color: #64696e
}

.ms-checkbox {
    margin-top: 15px;
    margin-bottom: 15px
}

.ms-checkbox-input {
    cursor: pointer;
    height: 20px;
    width: 20px;
    border-width: 1px;
    border-style: solid;
    border-color: #101820;
    border-radius: 5px;
    background-color: #fff;
    float: left;
    margin-right: 15px
}

.ms-checkbox-input.active {
    background-image: url(/images/ms/svg/green-checkmark-ec67fd19c4.svg);
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 2px
}

.ms-checkbox-label {
    font-size: 18px;
    float: left
}

.ms-tip-box {
    border: 1px dashed #e0e1e2;
    background-color: #fff;
    margin-top: 25px;
    padding: 15px
}

.edit-slot-modal label,.ms-tip-box-header {
    margin-bottom: 10px
}

.ms-tip-box-header-text {
    font-family: "Mulish SemiBold",sans-serif;
    font-size: 15px;
    position: relative;
    top: 2px;
    margin-left: 10px;
    display: inline-block
}

.modal__flash {
    max-width: 1180px
}

.edit-slot-modal .modal__subheading {
    max-width: 590px;
    margin: 20px auto 0
}

.edit-slot-modal .modal__body {
    margin: 50px 15px 100px
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .edit-slot-modal .modal__body {
        width:590px;
        margin: 40px auto
    }
}

@media only screen and (max-width: 719px) {
    .edit-slot-modal .modal__footer {
        padding:5px
    }
}

.edit-slot-modal .edit_deliveries-section__body {
    margin-top: -20px
}

.accounts-banner__wrapper {
    margin: 0 auto 30px
}

@media only screen and (max-width: 719px) {
    .accounts-banner__wrapper {
        margin-bottom:0;
        width: 100%
    }

    .accounts-banner__wrapper .account-referral-banner__wrapper,.accounts-banner__wrapper .nui__col-10,.accounts-banner__wrapper .nui__col-2,.accounts-banner__wrapper .nui__col-3,.accounts-banner__wrapper .nui__row {
        width: 100%
    }
}

.account-referral-banner__wrapper .btn-save {
    margin-top: 24px
}

.account-referral-banner__wrapper .description {
    display: block;
    margin: 0
}

.account-referral-banner__wrapper .mobile_description {
    display: none;
    margin: 0
}

.account-referral-banner__wrapper .more {
    display: none
}

.account-referral-banner__wrapper .dots {
    color: #1d8478;
    font-family: "Mulish SemiBold",sans-serif;
    text-decoration: underline
}

@media only screen and (max-width: 719px) {
    .account-referral-banner__wrapper {
        width:100%;
        padding: 16px!important;
        margin-bottom: 0
    }

    .account-referral-banner__wrapper .description,.account-referral-banner__wrapper .mobile_description .more,.account-referral-banner__wrapper .mobile_description .read_less,.account-referral-banner__wrapper .referrals-form__row {
        display: none
    }

    .account-referral-banner__wrapper .mobile_description {
        display: block
    }

    .account-referral-banner__wrapper .nui__col-10,.account-referral-banner__wrapper .nui__col-2,.account-referral-banner__wrapper .nui__col-3,.account-referral-banner__wrapper .nui__row {
        width: 100%
    }

    .account-referral-banner__wrapper.full_visible .referrals-form__row {
        margin-top: 16px;
        display: block
    }

    .account-referral-banner__wrapper.full_visible .read_more {
        display: none
    }

    .account-referral-banner__wrapper.full_visible .more,.account-referral-banner__wrapper.full_visible .read_less {
        display: inline
    }
}

.special-banner__wrapper {
    min-height: 200px;
    position: relative;
    border-radius: 4px;
    margin-bottom: 20px
}

.special-banner__wrapper .special-banner__header {
    font-size: 22px;
    font-family: "Mulish ExtraBold",sans-serif;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase
}

.special-banner__wrapper h5 {
    font-size: 16px
}

.special-banner__wrapper .content {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 85%
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .special-banner__wrapper .special-banner__header {
        font-size:28px
    }

    .special-banner__wrapper .content {
        left: 30px;
        width: 60%
    }
}

@media only screen and (min-width: 1080px) {
    .special-banner__wrapper {
        min-height:230px
    }

    .special-banner__wrapper .special-banner__header {
        font-size: 32px
    }

    .special-banner__wrapper .content {
        left: 30px;
        width: 55%
    }
}

.account-fruitbox-banner__wrapper {
    display: none;
    background-image: url(/images/ms/accounts/fruitbox_banner-8b3946e1e3.png);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover
}

.account-fruitbox-banner__wrapper .content {
    background-image: url(/images/ms/accounts/icon-lightbulb-0c6b348f88.svg);
    background-repeat: no-repeat;
    background-position: 25px 5px
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .account-fruitbox-banner__wrapper {
        display:block;
        position: relative;
        height: 114px;
        margin: 0 auto 30px;
        padding: 17px 20px 30px 0;
        background-image: url(/images/ms/accounts/fruitbox_banner-8b3946e1e3.png);
        background-repeat: no-repeat;
        background-position: top right;
        background-size: cover
    }

    .account-fruitbox-banner__wrapper h4 {
        margin: 0;
        text-transform: uppercase;
        font-family: "Mulish ExtraBold",sans-serif;
        font-weight: 600;
        font-size: 13px
    }

    .account-fruitbox-banner__wrapper h5 {
        color: #64696e;
        font-size: 13px
    }

    .account-fruitbox-banner__wrapper .content {
        padding-left: 65px;
        float: left
    }

    .account-fruitbox-banner__wrapper .content p {
        margin-top: 13px;
        margin-bottom: 5px;
        font-family: "Mulish Regular",sans-serif;
        font-size: 13px
    }

    .account-fruitbox-banner__wrapper .content strong {
        font-family: "Mulish SemiBold",sans-serif
    }

    .account-fruitbox-banner__wrapper .button__wrapper {
        position: absolute;
        top: 40px;
        right: 54px
    }
}

@media only screen and (min-width: 1080px) {
    .account-fruitbox-banner__wrapper {
        display:block;
        width: 100%;
        height: 180px;
        margin: 0 auto 30px;
        padding-top: 38px;
        padding-left: 25px
    }

    .account-fruitbox-banner__wrapper h4,.account-fruitbox-banner__wrapper h5 {
        font-size: 18px
    }

    .account-fruitbox-banner__wrapper .content {
        padding-left: 65px;
        background-position: 25px 15px
    }

    .account-fruitbox-banner__wrapper .content p {
        margin-top: 13px;
        margin-bottom: 5px;
        font-size: 18px
    }

    .account-fruitbox-banner__wrapper .button__wrapper {
        position: absolute;
        top: 57px;
        right: 59px
    }
}

@media screen and (min-width: 1200px) {
    .account-fruitbox-banner__wrapper {
        padding-top:30px
    }

    .account-fruitbox-banner__wrapper .content p,.account-fruitbox-banner__wrapper h4,.account-fruitbox-banner__wrapper h5 {
        font-size: 22px
    }
}

.account-referral-banner__wrapper {
    padding-bottom: 30px;
    border-radius: 4px;
    background-color: #fff
}

.account-referral-banner__wrapper .referrals-form__row {
    align-items: flex-start
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .account-referral-banner__wrapper .referrals-form__row button {
        margin-top:25px
    }
}

#edr_banner .close-banner,.account-referral-banner__wrapper .close-referral-banner {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1
}

.account-referral-banner__wrapper .referral-content {
    padding-top: 20px
}

#edr_banner {
    position: relative;
    margin-bottom: 40px
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (max-width:719px) {
    #edr_banner {
        margin:0 auto 24px
    }
}

#edr_banner .close-banner {
    top: 14px;
    right: 14px;
    width: 32px;
    height: 32px;
    padding: 0;
    line-height: 120px;
    border-radius: 50%;
    text-align: center;
    font-size: 32px;
    border: 3px solid #fff;
    background-image: url(/images/ms/accounts/edr_banner_close-2f82d471ed.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: contain;
    background-color: #ffe371
}

#edr_banner .button__wrapper {
    position: absolute;
    bottom: 75px;
    left: 65px
}

@media only screen and (max-width: 719px) {
    #edr_banner .button__wrapper {
        bottom:50px;
        left: 35px
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    #edr_banner .button__wrapper {
        max-width:250px;
        bottom: 50px
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (max-width:719px) {
    #edr_banner .button__wrapper .nui__button {
        height:44px;
        line-height: 1.5
    }
}

@media only screen and (max-width: 719px) {
    #edr_banner .button__wrapper a.nui__button--transparent {
        padding-top:0;
        padding-bottom: 0
    }
}

@media only screen and (min-width: 1080px) {
    #edr_banner .button__wrapper a.nui__button--transparent {
        margin-left:12px
    }
}

#accounts_banner_wrapper:has(.account-claim-incentive-banner__wrapper) {
    margin: 24px 0 16px;
    width: 100%
}

.account-claim-incentive-banner__wrapper {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 4px 4px 16px 0 rgba(119,119,119,.05);
    position: relative;
    padding: 16px
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .account-claim-incentive-banner__wrapper {
        padding:24px 32px
    }
}

.account-claim-incentive-banner__wrapper .close-claim-incentive-banner {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1
}

.account-claim-incentive-banner__wrapper .incentive-banner-content-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .account-claim-incentive-banner__wrapper .incentive-banner-content-wrapper {
        flex-direction:row;
        align-items: center;
        gap: 1.5rem
    }
}

.account-claim-incentive-banner__wrapper .incentive-banner-image {
    max-width: 42px
}

.account-claim-incentive-banner__wrapper .incentive-banner-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem
}

.account-claim-incentive-banner__wrapper .incentive-banner-content .incentive-banner-content_description {
    flex: 1
}

.account-claim-incentive-banner__wrapper .incentive-banner-content h3 {
    font-family: "Mulish ExtraBold",sans-serif;
    font-size: 18px;
    margin: 0 0 .25rem
}

.account-claim-incentive-banner__wrapper .incentive-banner-content p {
    margin-bottom: 0
}

.account-claim-incentive-banner__wrapper .incentive-banner-content a {
    flex-shrink: 0;
    margin: 0
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .account-claim-incentive-banner__wrapper .incentive-banner-content {
        flex-direction:row;
        align-items: center
    }
}

.fruitbox-modal {
    background: #fff
}

.fruitbox-modal .fruitbox__container {
    position: relative
}

.fruitbox-modal .modal__label-container {
    text-align: center
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .fruitbox-modal .modal__label-container {
        padding-top:16px;
        text-align: left
    }

    .fruitbox-modal .modal__body {
        padding: 0 10px 200px
    }
}

@media only screen and (max-width: 719px) {
    .fruitbox-modal .modal__footer {
        max-height:100px
    }
}

.fruitbox_container .fruitbox_area {
    width: 294px;
    max-width: 100%;
    margin-bottom: 15px;
    padding: 0;
    border: 1px solid #e0e1e2
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .fruitbox_container .fruitbox_area {
        width:335px
    }
}

@media only screen and (min-width: 1080px) {
    .fruitbox_container .fruitbox_area {
        width:540px
    }
}

.fruitbox_container .fruitbox_area h4 {
    margin-top: 0;
    padding: 10px 10px 5px;
    font-family: "Mulish ExtraBold",sans-serif;
    font-weight: 600;
    font-size: 12px;
    border-top: 6px solid #e0e1e2;
    text-align: center;
    text-transform: uppercase;
    color: #101820
}

.fruitbox_container .fruitbox_area h4.active {
    border-top-color: #a1e3d9
}

@media only screen and (min-width: 1080px) {
    .fruitbox_container .fruitbox_area h4 {
        font-size:16px
    }
}

.fruitbox_container .fruitbox_area p {
    width: 60%;
    margin: 15px auto;
    text-align: center;
    font-size: 13px
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .fruitbox_container .fruitbox_area p {
        font-size:14px
    }
}

@media only screen and (min-width: 1080px) {
    .fruitbox_container .fruitbox_area p {
        font-size:16px
    }
}

.fruitbox_container .fruitbox_area .fruitbox-switch {
    position: relative;
    display: inline-block;
    width: 60px;
    margin: 0
}

.fruitbox_container .fruitbox_area .fruitbox-switch__outer-container {
    height: 30px;
    margin-bottom: 30px;
    position: relative
}

.fruitbox_container .fruitbox_area .fruitbox-switch__inner-container {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.fruitbox_container .fruitbox_area .fruitbox-switch__label {
    vertical-align: top;
    display: inline-block;
    height: 30px;
    line-height: 30px
}

.fruitbox_container .fruitbox-switch {
    background-color: #ff9b9e;
    border-color: #e0e1e2;
    border-radius: 15px
}

.fruitbox_container .fruitbox-switch.checked {
    background-color: #a1e3d9
}

.fruitbox_container .fruitbox-switch span:last-child {
    background: #fafafb;
    border-color: #fafafb
}

.fruitbox_container .fruitbox-switch span:last-child:after {
    display: none
}

.fruitbox_container .fruitbox-switch span:last-child label:first-of-type {
    width: 100%
}

.fruitbox_container .fruitbox-switch span:last-child input:first-of-type:checked~span:last-child:after {
    display: none
}

.orders-tab {
    padding: 0;
    display: flex;
    align-items: center;
    flex-direction: column
}

.toggle-btn {
    display: flex;
    flex: 1 1 auto;
    margin: 15px auto;
    width: 100%;
    max-width: 420px
}

@media only screen and (max-width: 719px) {
    .toggle-btn {
        max-width:100%;
        margin: 24px auto
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .toggle-btn {
        width:420px
    }
}

.toggle-btn .btn {
    width: 50%;
    line-height: 24px;
    background-color: #fff;
    border: 1px solid #ffdc4d;
    color: #101820;
    font-size: 16px;
    padding: 8px 10px;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center
}

@media only screen and (max-width: 719px) {
    .toggle-btn .btn {
        line-height:1rem;
        padding: 16px 8px;
        font-size: 14px
    }
}

.toggle-btn .btn.active {
    background: #ffdc4d;
    font-family: "Mulish SemiBold",sans-serif
}

.toggle-btn .btn:first-child {
    border-right: none;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px
}

.toggle-btn .btn:last-child {
    border-left: none;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
}

.account-area__section#account_section_edit_order,.account-area__section#account_section_edit_order_backup {
    padding: 0;
    margin: 0
}

.current-orders {
    width: 100%
}

.current-orders .no-orders-headline {
    line-height: 40px;
    box-sizing: border-box;
    position: relative;
    height: 40px
}

.current-orders .no-orders {
    font-family: "Mulish Regular",sans-serif;
    font-size: 17px;
    text-align: center;
    text-transform: none;
    line-height: 40px;
    color: #64696e;
    margin-top: 40px
}

.current-order {
    border-radius: 4px;
    overflow: hidden;
    background-color: #fff;
    margin-bottom: 40px
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (max-width:719px) {
    .current-order {
        margin-bottom:24px;
        margin-left: -16px;
        margin-right: -16px
    }
}

.current-order:last-child {
    margin-bottom: 0
}

.current-order .current-order__headline {
    justify-content: center;
    border-bottom: 1px solid #e0e1e2;
    text-align: center;
    text-transform: uppercase;
    padding: 16px;
    font-family: "Mulish ExtraBold",sans-serif;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 1px
}

@media only screen and (min-width: 1080px) {
    .current-order .current-order__headline {
        justify-content:flex-start
    }
}

@media only screen and (max-width: 719px) {
    .current-order .current-order__headline {
        height:auto;
        border-bottom: none;
        justify-content: start
    }

    .current-order__recipes {
        display: flex;
        gap: 16px;
        overflow-x: auto;
        flex-direction: row;
        padding: 0 16px!important
    }

    .current-order__recipes .current-recipe {
        min-width: 260px
    }
}

.exceptional-date-announcement {
    position: relative;
    padding: 5px 16px;
    background: #a1e3d9;
    text-align: center
}

.exceptional-date-announcement .exceptional-icon {
    display: block;
    margin: 0 auto
}

@media only screen and (min-width: 1080px) {
    .exceptional-date-announcement .exceptional-icon {
        display:inline-block;
        margin-right: 10px
    }
}

.exceptional-date-announcement p {
    display: inline-block;
    margin-bottom: 3px;
    color: #fff
}

@media only screen and (min-width: 1080px) {
    .exceptional-date-announcement p {
        display:inline-block
    }
}

.current-order.upcoming .current-order__state {
    color: #25a697
}

.current-order.upcoming .status-icon {
    background: url(/images/ms/accounts/icon_status_upcoming-88ce15a9ff.svg) no-repeat center center
}

.current-order.in-progress .current-order__state {
    color: #f0b52b
}

.current-order.in-progress .status-icon {
    background: url(/images/ms/accounts/icon_status_inprogress-1b04696028.svg) no-repeat center center
}

.current-order.at-home .current-order__state {
    color: #64696e
}

.current-order.at-home .status-icon {
    background: url(/images/ms/accounts/icon_status_athome-544341a6af.svg) no-repeat center center
}

.current-order.skipped .current-order__state {
    color: #ff5d62
}

.current-order.skipped .status-icon {
    background: url(/images/ms/accounts/icon_status_skipped-94df1107ae.svg) no-repeat center center
}

.current-order.skipped .current-order__recipes {
    opacity: .5
}

.current-order.expanded .current-order__content {
    height: 100%
}

.current-order.unskippable .current-order__action,.current-order.unskippable .open-edit-order__container {
    display: none
}

.current-order__toggle {
    position: absolute;
    top: 5px;
    right: 0
}

.current-order__state {
    max-width: 80%
}

.current-order__date {
    text-transform: uppercase;
    color: #101820;
    font-family: "Mulish ExtraBold",sans-serif;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 1px;
    text-align: center
}

@media only screen and (min-width: 1080px) {
    .current-order__date {
        text-align:left
    }
}

@media only screen and (max-width: 719px) {
    .current-order__date {
        text-align:left;
        margin-bottom: 8px
    }
}

.current-order__state-edit-time {
    display: inline-block
}

.current-order__content {
    transition: all .25s linear;
    display: flex;
    flex-flow: row wrap;
    width: 100%
}

.current-order__info {
    border-top: 1px solid #e0e1e2;
    width: 100%
}

@media only screen and (min-width: 1080px) {
    .current-order__info {
        padding-bottom:16px
    }
}

.current-order__buttons {
    border-top: 1px solid #e0e1e2;
    width: 100%;
    padding: 16px;
    gap: 16px
}

.current-order__buttons .nui__button {
    min-width: 220px
}

@media only screen and (max-width: 719px) {
    .current-order__buttons {
        flex-direction:column;
        gap: 4px
    }

    .current-order__buttons .nui__button {
        width: 100%
    }
}

.current-order__info-label {
    color: #101820;
    font-family: "Mulish SemiBold",sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: block
}

.current-order__info-value {
    position: relative;
    color: #101820;
    font-family: "Mulish Regular",sans-serif;
    font-size: 14px
}

.current-order__info-value:hover .tooltiptext {
    visibility: visible
}

.current-order__info-value.tooltiptext {
    visibility: hidden;
    text-align: center;
    position: absolute;
    bottom: 100%;
    padding: 16px;
    background: #fafafb;
    box-shadow: 0 2px 2px rgba(0,0,0,.08);
    border-radius: 4px;
    z-index: 1
}

.current-order__info-value.before-discount {
    margin-bottom: 0;
    color: #93979b
}

.current-order__delivery-name,.current-order__info-value.delivery-price {
    font-family: "Mulish SemiBold",sans-serif
}

.current-order__info-value.deliveries {
    display: block
}

.current-order__action,.edit_order_modal ul.filters_nav {
    font-size: 14px
}

.current-order__recommended-label {
    color: #64696e;
    align-items: center;
    margin: 16px 0
}

@media only screen and (max-width: 719px) {
    .current-order__recommended-label {
        justify-content:start;
        padding: 26px 16px;
        margin: 0;
        border-top: 1px solid #e0e1e2
    }
}

.current-order__recommended-icon {
    flex-shrink: 0
}

@media only screen and (min-width: 1080px) {
    .current-order__recommended-icon {
        border:0
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .current-order__recommended-icon {
        padding:none
    }
}

.current-order__recommended-icon .open-edit-order__content {
    padding: 16px 8px 0
}

@media only screen and (min-width: 1080px) {
    .current-order__recommended-icon .open-edit-order__content {
        margin:0;
        padding: 0;
        border-top: none
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .current-order__recommended-icon .open-edit-order__content:last-of-type {
        padding-right:8px
    }
}

.open-edit-order {
    margin-bottom: 0!important;
    width: 100%
}

@media only screen and (min-width: 1080px) {
    .open-edit-order {
        display:block;
        margin-top: 5px
    }
}

.current-order__info-element {
    padding: 5px 0 16px 16px;
    line-height: 1.5
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .current-order__info-element {
        padding-top:0
    }
}

@media only screen and (min-width: 1080px) {
    .current-order__info-element {
        padding-bottom:0
    }

    .current-order.expanded.editable {
        width: 100%
    }
}

.status-icon {
    background-size: 20px;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 5px
}

@media only screen and (max-width: 719px) {
    .status-icon {
        margin-top:1px
    }
}

.edit_order_modal .your_box_modal__body h1,.open-edit-order__container {
    margin-bottom: 16px
}

@media only screen and (max-width: 719px) {
    .open-edit-order__container {
        width:100%;
        padding: 0 16px
    }

    .open-edit-order__container .open-edit-order__content {
        width: 100%
    }
}

.order_details_body {
    padding: 16px 0 0
}

@media only screen and (max-width: 719px) {
    .order_details_body {
        padding:0
    }

    .order_details_body .current-order__info-element {
        width: 100%
    }
}

.order_details_header {
    display: none;
    justify-content: space-between;
    padding: 16px
}

@media only screen and (max-width: 719px) {
    .order_details_header {
        display:flex;
        height: 48px;
        align-items: center
    }
}

.order_details_header-label {
    font-size: 16px;
    font-family: "Mulish SemiBold",sans-serif
}

.order_details_header-icon {
    height: 16px
}

.edit_order_modal .your_box_modal__price_box .toggle_price_breakdown.up,.order_details .order_details_header-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.order_details.collapsed .order_details_header-icon {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.order_details.collapsed .order_details_body {
    display: none
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .order_details.collapsed .order_details_body {
        display:unset
    }
}

@media only screen and (max-width: 719px) {
    .current-order__skipped-options {
        flex-direction:column;
        margin-bottom: 16px;
        gap: 8px
    }

    .current-order__skipped-options .nui__col-2 {
        padding: 0
    }

    .current-order__state {
        text-align: left
    }

    .current-order__content {
        display: flex;
        flex-direction: column
    }

    .current-order__content .edit_order_button {
        order: 2
    }

    .current-order__content .current-order__info {
        order: 3
    }

    .current-order__content .current-order__recommended-label {
        order: 4
    }
}

.edit_order_button {
    padding-right: 16px!important
}

.current-recipe {
    box-shadow: 0 2px 4px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.11)
}

.current-recipe__image-container {
    position: relative;
    cursor: pointer;
    height: 170px;
    overflow: hidden
}

.current-recipe__image {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 170px;
    width: 100%
}

.current-recipe__text-container {
    display: flex;
    position: relative;
    flex-direction: column;
    margin: 0;
    height: 170px;
    padding: 10px;
    cursor: pointer
}

.current-order.at-home .current-recipe__text-container {
    height: 200px
}

.current-recipe__subtitle,.current-recipe__title {
    line-height: 1.5;
    cursor: pointer;
    margin: 0
}

.current-recipe__title,.past-orders__container .no-past-orders {
    font-family: "Mulish SemiBold",sans-serif
}

.current-recipe__subtitle {
    color: #64696e
}

.current-recipe__quantity {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    top: 10px;
    right: 10px;
    background: #fff;
    border: 1px solid #a1e3d9;
    padding: 0 10px;
    height: 25px;
    font-size: 10px;
    font-family: "Mulish SemiBold",sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px
}

.past-orders__container,.special-order__static-footer .special-order__static-footer-container picture {
    width: 100%
}

@media only screen and (min-width: 720px) {
    .past-orders__container {
        padding:0
    }
}

.past-orders__container .no-past-orders {
    background: #fafafb;
    text-align: center;
    min-height: 40px;
    line-height: 40px;
    font-size: 14px;
    margin: 20px 15px
}

.past-orders {
    padding: 0
}

.past-orders__load-more-btn {
    margin: 35px auto 20px;
    text-align: center
}

.past-orders__load-more-btn button {
    max-width: 260px
}

@media only screen and (min-width: 720px) {
    .past-orders__load-more-btn {
        margin:20px auto 45px
    }
}

.past-order {
    background-color: #fff;
    margin-bottom: 40px;
    border-radius: 4px
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (max-width:719px) {
    .past-order {
        margin-bottom:24px;
        margin-left: -16px;
        margin-right: -16px
    }
}

.past-order__headline {
    border-bottom: 1px solid #e0e1e2;
    text-transform: uppercase;
    justify-content: center;
    padding: 17px 30px 20px
}

@media only screen and (min-width: 1080px) {
    .past-order__headline {
        justify-content:flex-start
    }
}

@media only screen and (max-width: 719px) {
    .past-order__headline {
        height:auto;
        border-bottom: none;
        justify-content: start
    }
}

.past-order__date {
    color: #101820;
    line-height: 1;
    letter-spacing: 1px;
    font-family: "Mulish ExtraBold",sans-serif;
    font-weight: 600;
    font-size: 14px
}

.past-order__content {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .past-order__content {
        justify-content:flex-start
    }
}

.past-order__footer {
    border-top: 1px solid #e0e1e2;
    padding: 15px
}

.past-recipes {
    padding: 15px
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .past-recipes {
        padding:30px 30px 15px
    }
}

@media only screen and (max-width: 719px) {
    .past-recipes {
        display:flex;
        gap: 16px;
        overflow-x: auto
    }
}

.btn-open-rate-box {
    margin-right: auto!important
}

.past-order__buttons {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    width: 100%;
    gap: 16px
}

.past-order__buttons .nui__button {
    min-width: 220px
}

@media only screen and (max-width: 719px) {
    .past-order__buttons {
        flex-direction:column;
        gap: 0
    }

    .past-order__buttons .nui__button {
        width: 100%
    }
}

.past-recipe {
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.11);
    margin: 0 auto 15px;
    overflow: hidden;
    width: 260px;
    min-width: 260px
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .past-recipe {
        margin-right:15px;
        display: inline-block
    }

    .past-recipe:last-child {
        margin-right: 0
    }
}

.past-recipe__image-container {
    position: relative;
    height: 170px;
    overflow: hidden;
    cursor: pointer
}

.past-recipe__image {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 170px;
    width: 100%
}

.past-recipe__text-container {
    display: flex;
    position: relative;
    flex-direction: column;
    margin: 0;
    height: 200px;
    padding: 10px
}

.past-recipe__subtitle,.past-recipe__title {
    line-height: 1.5;
    margin: 0;
    cursor: pointer
}

.edit_order_modal #your_box__sticky_container,.past-recipe__title,.referrals__remaining-count em {
    font-family: "Mulish SemiBold",sans-serif
}

.edit_order_modal .your_box_modal__price small,.past-recipe__subtitle {
    color: #64696e
}

.past-recipe__quantity {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    top: 10px;
    right: 10px;
    background: #fff;
    border: 1px solid #a1e3d9;
    padding: 0 10px;
    height: 25px;
    color: #101820;
    font-size: 10px;
    font-family: "Mulish SemiBold",sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px
}

.recipe-rating__container {
    height: 60px;
    width: 100%;
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0
}

.rating {
    direction: rtl;
    display: flex;
    justify-content: center;
    margin: 0 auto
}

.recipe-rating__modal-link,.recipe-rating__text {
    display: block;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: "Mulish SemiBold",sans-serif;
    font-size: 12px;
    text-align: center;
    margin-top: 15px
}

.recipe-rating__text {
    color: #101820
}

button.recipe-rating__star {
    background-color: transparent;
    border: 0;
    margin-right: 20px
}

button.recipe-rating__star:first-child {
    margin-right: 0
}

.recipe-rating__star {
    background-image: url(/images/ms/svg/star_no_fill-9db8dc36c1.svg);
    background-size: cover;
    width: 25px;
    height: 24px;
    padding: 0;
    margin: 0
}

.recipe-rating__star.selected-star,.recipe-rating__star:hover,.recipe-rating__star:hover:before,.recipe-rating__star:hover~.recipe-rating__star {
    background-image: url(/images/ms/svg/star_filled-92cd7a375a.svg)
}

.edit_order_modal .modal__heading--withtabs {
    display: flex;
    flex-direction: column
}

.edit_order_modal.invalid .edit-order-modal__portions {
    color: #ff9b9e
}

.edit_order_modal .modal__footer-value.edit-order-modal__portions {
    margin-right: 20px
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .edit_order_modal .filters_container {
        width:100%
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .edit_order_modal ul.filters_nav {
        margin-left:.25rem
    }
}

.edit_order_modal .modal__recipes {
    padding-bottom: 100px;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-direction: column;
    flex-wrap: wrap;
    overflow-y: auto;
    min-height: 0
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .edit_order_modal .modal__recipes {
        flex-direction:row
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .edit_order_modal .modal__recipes {
        max-width:715px
    }
}

@media only screen and (min-width: 1080px) {
    .edit_order_modal .modal__recipes {
        max-width:1080px
    }
}

.edit_order_modal .modal__body {
    display: flex;
    justify-content: center;
    padding-left: 0;
    padding-right: 0
}

.edit_order_modal .modal__header {
    line-height: 32px;
    font-size: 28px;
    font-weight: 600;
    color: #101820;
    margin-bottom: 20px;
    margin-left: 4px
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (max-width:719px) {
    .edit_order_modal .modal__header {
        font-size:16px;
        margin-bottom: 8px;
        margin-left: 24px
    }
}

.edit_order_modal .modal__label-container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .edit_order_modal .modal__label-container {
        justify-content:flex-start
    }
}

.edit_order_modal .controls_container {
    display: flex;
    justify-content: space-between;
    height: 27px;
    margin-bottom: 6px
}

.edit_order_modal .controls_container.menu_market_tabs {
    height: 80px
}

@media only screen and (max-width: 719px) {
    .edit_order_modal .controls_container {
        flex-direction:column
    }

    .edit_order_modal .controls_container.menu_market_tabs {
        height: 70px
    }
}

.edit_order_modal .menu_market_switch {
    display: flex;
    align-items: center;
    font-size: 28px;
    font-family: "Mulish SemiBold",sans-serif;
    font-weight: 600;
    margin-left: .5rem;
    margin-bottom: 19px
}

@media only screen and (max-width: 719px) {
    .edit_order_modal .menu_market_switch {
        margin-left:1.5rem
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .edit_order_modal .menu_market_switch {
        margin-left:1.75rem
    }
}

.edit_order_modal .menu_market_switch a {
    vertical-align: middle;
    line-height: 24px;
    color: #64696e
}

.edit_order_modal .menu_market_switch a.active {
    font-family: "Mulish ExtraBold",sans-serif;
    color: #25a697
}

.edit_order_modal .menu_market_switch a:first-child {
    margin-right: 6px;
    padding-right: 6px;
    border-right: 1px solid #bfc1c3
}

.edit_order_modal .menu_market_switch a:last-child {
    margin-right: 18px;
    position: relative
}

.edit_order_modal .menu_market_switch .new_tag {
    font-family: "Mulish ExtraBold",sans-serif;
    position: absolute;
    line-height: 19px;
    font-size: 9px;
    color: #101820;
    background: #a1e3d9;
    border-radius: 4px;
    padding: 0 3px;
    font-weight: 700;
    top: -2px;
    right: -40px
}

@media only screen and (max-width: 719px) {
    .edit_order_modal #your_box__sticky_container {
        display:none
    }
}

.edit_order_modal #your_box__sticky_container .your_box_modal__container {
    position: -webkit-sticky;
    position: sticky;
    top: 32px;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    height: initial;
    width: 375px;
    margin-right: 72px;
    border-radius: 8px;
    box-shadow: 0 -4px 16px rgba(0,0,0,.04);
    transition: all .2s ease-in-out
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .edit_order_modal #your_box__sticky_container .your_box_modal__container {
        width:340px;
        margin-right: 28px
    }
}

.edit_order_modal #your_box__sticky_container .your_box_modal__item_card__subtitle {
    max-width: 205px
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .edit_order_modal #your_box__sticky_container .your_box_modal__item_card__subtitle {
        max-width:170px
    }
}

.edit_order_modal #your_box__sticky_container .your_box_modal__item_card__variant {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #64696e
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .edit_order_modal #your_box__container {
        display:none;
        position: fixed;
        width: 100%;
        bottom: 0;
        z-index: 2;
        padding: 16px 24px;
        background-color: #fff
    }
}

.edit_order_modal .your_box__content {
    font-family: "Mulish SemiBold",sans-serif;
    height: 44px;
    border-radius: 4px;
    background-color: #f0b52b;
    color: #663d10;
    margin: 0 auto
}

.edit_order_modal .your_box__body {
    cursor: pointer;
    padding: 10px 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%
}

.edit_order_modal .your_box__body .box_icon {
    align-self: center;
    margin-right: 5px
}

.edit_order_modal .your_box_modal__overlay {
    display: none;
    width: 0;
    height: 0
}

.edit_order_modal .your_box_modal__overlay.show {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: .5;
    background-color: #64696e
}

.edit_order_modal .your_box_modal__container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #fff;
    color: #101820;
    position: fixed;
    width: 420px;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 3;
    transition: transform .5s ease;
    transition: transform .5s ease,-webkit-transform .5s ease;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

@media only screen and (max-width: 719px) {
    .edit_order_modal .your_box_modal__container {
        width:100%;
        border-radius: 8px 8px 0 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

.edit_order_modal .your_box_modal__container.show {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

@media only screen and (max-width: 719px) {
    .edit_order_modal .your_box_modal__container.show {
        height:87%;
        -webkit-transform: translateY(15%);
        transform: translateY(15%)
    }
}

.edit_order_modal .your_box_modal__pre_body {
    padding: 24px 24px 0
}

.edit_order_modal .your_box_modal__post_body {
    padding: 0 24px 24px
}

.edit_order_modal .your_box_modal__body {
    padding: 24px;
    overflow-y: scroll
}

@media only screen and (max-width: 719px) {
    .edit_order_modal .your_box_modal__body h1 {
        margin-bottom:12px;
        font-size: 24px;
        font-weight: 600
    }
}

.edit_order_modal .your_box_modal__close,.feat_checkout_flow #your_box__sticky_container .your_box_modal__footer {
    display: none
}

@media only screen and (max-width: 719px) {
    .edit_order_modal .your_box_modal__close {
        display:block;
        position: absolute;
        right: 20px
    }
}

.edit_order_modal .your_box_modal__section_header {
    margin-bottom: 12px;
    font-size: 14px
}

.edit_order_modal .your_box_modal__section_header span:first-child {
    font-family: "Mulish ExtraBold",sans-serif
}

.edit_order_modal .your_box_modal__section_header span:last-child {
    color: #64696e
}

.edit_order_modal .your_box_modal__section_header.addons {
    margin-top: 24px
}

.edit_order_modal .your_box_modal__item_card {
    display: flex;
    margin-bottom: 6px;
    position: relative
}

.edit_order_modal .your_box_modal__item_card__image {
    width: 96px;
    height: 72px;
    margin-right: 12px;
    display: flex
}

.edit_order_modal .your_box_modal__item_card__image img {
    border-radius: 8px;
    align-self: center;
    max-width: 96px;
    max-height: 72px;
    margin: 0 auto
}

.edit_order_modal .your_box_modal__item_card__content {
    display: flex;
    flex: 1 1 auto;
    justify-content: space-between
}

.edit_order_modal .your_box_modal__item_card__content_body {
    display: flex;
    flex-direction: column;
    align-self: center
}

.edit_order_modal .your_box_modal__item_card__title {
    font-family: "Mulish ExtraBold",sans-serif;
    font-size: 14px;
    line-height: 16px
}

.edit_order_modal .your_box_modal__item_card__subtitle {
    color: #64696e;
    font-size: 14px;
    line-height: 20px;
    max-width: 250px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.edit_order_modal .your_box_modal__item_card__quantity {
    margin-top: 4px;
    font-family: "Mulish ExtraBold",sans-serif;
    line-height: 16px;
    font-size: 12px;
    color: #a76822
}

.edit_order_modal .your_box_modal__item_card__remove_item {
    cursor: pointer
}

.edit_order_modal .your_box_modal__no_addons_box {
    border: 1px dashed #64696e;
    border-radius: 8px;
    padding: 25px 0;
    font-size: 14px;
    color: #64696e;
    font-family: "Mulish Regular",sans-serif;
    text-align: center
}

.edit_order_modal .your_box_modal__no_addons_box__cta {
    font-family: "Mulish ExtraBold",sans-serif;
    color: #25a697;
    cursor: pointer
}

.edit_order_modal .your_box_modal__no_addons_box__cta:hover {
    color: #1d8478
}

.edit_order_modal .your_box_modal__footer {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    border-top: 1px solid #fafafb
}

.edit_order_modal .your_box_modal__price {
    display: flex;
    justify-content: space-between;
    padding: 16px 32px
}

.edit_order_modal .your_box_modal__price .original_price_value {
    color: #93979b;
    font-family: "Mulish Regular",sans-serif
}

.edit_order_modal .your_box_modal__price .spinner {
    margin: -10px 0 -7px;
    position: initial
}

.edit_order_modal .your_box_modal__price_box {
    display: flex
}

.edit_order_modal .your_box_modal__price_box .toggle_price_breakdown {
    cursor: pointer;
    align-self: center
}

.edit_order_modal .your_box_modal__price_box span {
    margin-right: 5px
}

.edit_order_modal .your_box_modal__error {
    font-family: "Mulish Regular",sans-serif;
    font-size: 14px;
    padding: 12px 16px;
    border-radius: 8px;
    background-color: #fffcf0;
    color: #663d10
}

.edit_order_modal .your_box_modal__submit {
    padding: 0 32px 14px
}

.edit_order_modal .your_box_modal__submit .nui__button {
    background-color: #f0b52b;
    border-color: #f0b52b
}

.edit_order_modal .your_box_modal__submit .nui__button:disabled {
    background-color: #fafafb;
    border-color: #fafafb
}

.edit_order_modal .your_box_modal__price_breakdown .price_breakdown__container {
    font-family: "Mulish Regular",sans-serif;
    font-size: 14px;
    color: #64696e;
    padding: 0 32px 16px
}

.edit_order_modal .your_box_modal__price_breakdown .price_breakdown__entry {
    display: flex;
    justify-content: space-between;
    gap: 12px
}

.edit_order_modal .your_box_modal__price_breakdown .incentives__entry {
    padding-left: 20px
}

.edit_order_modal .your_box_modal__recommendation {
    border-radius: 6px;
    transition: opacity .5s linear
}

.edit_order_modal .your_box_modal__recommendation.updated {
    opacity: .2
}

.edit_order_modal .your_box_modal__add_recommendation {
    font-family: "Mulish SemiBold",sans-serif;
    font-size: 14px
}

.edit_order_modal .your_box_modal__add_recommendation a {
    color: #25a697
}

.edit_order_modal .your_box_modal__add_recommendation a:hover {
    color: #1d8478;
    text-decoration: underline
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    #confirm_close_edit_order {
        width:490px;
        margin-left: -245px
    }
}

.feat_checkout_flow .invisible {
    visibility: hidden
}

.feat_checkout_flow .your_box_modal__popup {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1100;
    background-color: rgba(0,0,0,.5)
}

#qualtrics_survey_modal>div,.feat_checkout_flow .your_box_modal__popup.open {
    display: flex;
    align-items: center;
    justify-content: center
}

@media only screen and (max-width: 719px) {
    .feat_checkout_flow .your_box_modal__popup.open {
        align-items:flex-end
    }
}

.feat_checkout_flow.edit_order_modal {
    margin-bottom: 90px
}

.feat_checkout_flow .your_box__mobile_footer {
    height: 98px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background-color: #fff;
    border-radius: 8px 8px 0 0;
    padding: 16px 20px 32px;
    display: grid;
    grid-template-areas: "head button" "details button"
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .feat_checkout_flow .your_box__mobile_footer {
        display:none
    }
}

.feat_checkout_flow .your_box__mobile_footer .nui__button {
    grid-area: button;
    background-color: #f0b52b;
    border-color: #f0b52b
}

.feat_checkout_flow .your_box__mobile_head {
    display: flex;
    align-items: center;
    gap: 14px;
    grid-area: head;
    font-size: 18px;
    font-weight: 700;
    color: #101820
}

.feat_checkout_flow .your_box__mobile_detail {
    grid-area: details;
    font-size: 16px;
    font-weight: 400;
    color: #64696e
}

.feat_checkout_flow .your_box__mobile_open {
    cursor: pointer;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.feat_checkout_flow .filters_nav::-webkit-scrollbar {
    display: none
}

.feat_checkout_flow .filters_nav {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.feat_checkout_flow .fullscreen__back {
    position: absolute;
    height: 30px;
    top: 36px
}

@media only screen and (max-width: 719px) {
    .feat_checkout_flow .fullscreen__back {
        height:26px;
        margin-left: 20px
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .feat_checkout_flow .fullscreen__back {
        height:26px;
        margin-left: 20px
    }
}

@media only screen and (max-width: 719px) {
    .feat_checkout_flow .modal__header {
        font-size:20px
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .feat_checkout_flow .modal__header {
        font-size:20px
    }
}

.feat_checkout_flow .price_value {
    color: #25a697
}

.feat_checkout_flow .your_box__content {
    background: 0 0
}

@media only screen and (max-width: 719px) {
    .feat_checkout_flow #your_box__sticky_container {
        display:none
    }
}

.feat_checkout_flow #your_box__container {
    background: 0 0;
    z-index: 1000
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .feat_checkout_flow #your_box__container {
        display:revert
    }
}

@media only screen and (max-width: 719px) {
    .feat_checkout_flow #your_box__container .your_box_modal__container.show.open {
        height:90%
    }
}

.feat_checkout_flow .your_box_modal__container.show {
    width: 100%;
    height: revert;
    top: revert;
    bottom: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transform: revert;
    transform: revert
}

.feat_checkout_flow .your_box__body {
    visibility: hidden
}

.feat_checkout_flow .your_box_modal__footer {
    display: grid;
    grid-template-areas: "total button" "list button";
    padding: 16px
}

@media only screen and (min-width: 1080px) {
    .feat_checkout_flow .your_box_modal__footer {
        margin:0 72px 0 64px;
        padding: 16px 4px;
        justify-content: space-between
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .feat_checkout_flow .your_box_modal__footer {
        justify-content:space-between;
        margin: 0 8px 0 14px
    }
}

@media only screen and (max-width: 719px) {
    .feat_checkout_flow .your_box_modal__footer {
        grid-template-areas:"total" "list" "button";
        padding-bottom: 32px;
        gap: 16px;
        justify-content: initial
    }
}

.feat_checkout_flow .your_box_modal__price {
    grid-area: total;
    padding: 0;
    align-items: center
}

.feat_checkout_flow .your_box_modal__price_breakdown {
    grid-area: list;
    padding: 0;
    display: flex;
    justify-content: space-between
}

.feat_checkout_flow .your_box_modal__price_breakdown .price_breakdown__container {
    width: 100%;
    padding: 14px 0 0
}

.feat_checkout_flow .your_box_modal__submit {
    grid-area: button;
    padding: 0;
    align-self: end
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .feat_checkout_flow .controls_container {
        height:80px
    }
}

@media only screen and (max-width: 719px) {
    .feat_checkout_flow .controls_container {
        height:70px
    }
}

.intercom-lightweight-app-launcher {
    bottom: 100px!important
}

.remove_recipe_item svg {
    width: 11px;
    height: 11px
}

.remove_recipe_item path {
    fill: #40464d
}

#qualtrics_survey_modal {
    background: 0 0;
    box-shadow: none;
    width: 100vw;
    height: 100vh;
    left: 0!important;
    top: 0!important;
    margin-left: 0;
    display: flex!important;
    align-items: center;
    justify-content: center;
    max-height: 100%;
    padding: 0
}

.qualtrics_iframe_wrap {
    background: #fff;
    max-height: calc(100vh - 64px);
    overflow: hidden
}

.qualtrics_iframe_wrap .spinner {
    margin: 16px
}

.qualtrics_iframe_wrap .qualtrics_header {
    text-align: center
}

.qualtrics_iframe_wrap .qualtrics_header p {
    line-height: 1.4em;
    margin-bottom: 0;
    padding: 0 16px
}

.qualtrics_iframe_wrap .qualtrics_header .header_actions {
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.qualtrics_iframe_wrap .qualtrics_body {
    position: absolute;
    top: -10000px;
    left: -10000px;
    visibility: hidden;
    width: 100vw;
    height: 100%
}

.qualtrics_iframe_wrap iframe {
    border: 0;
    width: 100vw;
    height: 100vh
}

.qualtrics_iframe_wrap.content-loaded {
    overflow: auto
}

.qualtrics_iframe_wrap.content-loaded iframe {
    height: 100%;
    width: 100%
}

.qualtrics_iframe_wrap.content-loaded .qualtrics_body {
    position: relative;
    top: unset;
    left: unset;
    visibility: visible;
    display: inline-block;
    width: 100%
}

.qualtrics_iframe_wrap.content-loaded .spinner {
    display: none
}

.address-modal__entry {
    background-color: #fff;
    transition: background-color 100ms linear
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .address-modal__entry {
        width:212px
    }
}

@media only screen and (min-width: 1080px) {
    .address-modal__entry {
        width:272px;
        font-size: 16px
    }
}

.address-modal__entry.default {
    cursor: initial;
    background-color: #fff
}

.address-modal__entry .address-book__default {
    margin-bottom: 60px
}

.address-modal__entry .edit-order-modal__btn {
    position: absolute;
    width: 89%;
    bottom: 15px
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .address-modal__entry .edit-order-modal__btn {
        width:86%
    }
}

.address-modal__entry.selected .edit-order-modal__btn {
    visibility: hidden
}

.edit-address-modal .modal__body {
    margin: 20px auto
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .edit-address-modal .modal__body {
        width:470px
    }
}

@media only screen and (min-width: 1080px) {
    .edit-address-modal .modal__body {
        width:590px
    }
}

.edit-address-modal .ms-tip-box {
    width: 265px;
    margin: 0 auto
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .edit-address-modal .ms-tip-box {
        width:440px;
        margin: 15px 15px 0 0
    }
}

@media only screen and (min-width: 1080px) {
    .edit-address-modal .ms-tip-box {
        width:565px;
        margin: 15px 15px 0 0
    }
}

.edit-order-modal-recipe {
    width: 283px;
    height: auto;
    box-shadow: 0 2px 4px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.11);
    background-color: #fff;
    display: flex;
    flex-direction: column;
    position: relative;
    border-radius: 4px
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .edit-order-modal-recipe {
        height:auto;
        flex: 1 1 228px
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .edit-order-modal-recipe {
        max-width:228px
    }
}

@media only screen and (min-width: 1080px) {
    .edit-order-modal-recipe {
        max-width:260px
    }
}

.edit-order-modal-recipe__image {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    height: 187px
}

.edit-order-modal-recipe__image img {
    max-width: 100%;
    height: 100%
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .edit-order-modal-recipe__image {
        height:150px
    }
}

@media only screen and (min-width: 1080px) {
    .edit-order-modal-recipe__image {
        height:172px
    }
}

.edit-order-modal-recipe__content,.edit-order-modal-recipe__content-button {
    text-align: left;
    flex: 1 0 auto;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: wrap
}

.edit-order-modal-recipe__content {
    cursor: pointer;
    padding: 16px 16px 0
}

.edit-order-modal-recipe__content-button {
    padding: 0 16px 12px
}

.edit-order-modal-recipe__subtitle,.edit-order-modal-recipe__title {
    display: block;
    width: 100%;
    overflow: hidden;
    font-size: 13px;
    line-height: 1.5;
    cursor: pointer
}

@media only screen and (min-width: 1080px) {
    .edit-order-modal-recipe__subtitle,.edit-order-modal-recipe__title {
        font-size:15px
    }
}

.edit-order-modal-recipe__title {
    color: #101820;
    margin-bottom: 0;
    font-family: "Mulish SemiBold",sans-serif
}

.edit-order-modal-recipe__subtitle {
    color: #101820;
    font-family: "Mulish Regular",sans-serif;
    margin-bottom: 10px
}

.edit-order-modal-recipe__price {
    color: #101820;
    font-family: "Mulish SemiBold",sans-serif;
    margin: 10px 0
}

.edit-order-modal-recipe__price.edit-order-modal-addon__price {
    color: #25a697
}

.edit-order-modal-recipe__value {
    height: 18px;
    margin-bottom: 14px;
    color: #1d8478;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700
}

.edit-order-modal-recipe__attributes {
    color: #64696e;
    font-family: "Mulish SemiBold",sans-serif;
    font-size: 12px;
    line-height: 1.5;
    list-style: none;
    margin: 0 0 10px;
    width: 100%
}

.edit-order-modal-recipe__attributes.edit-order-modal-addon__attributes {
    margin-top: 4px
}

.edit-order-modal-recipe__attributes .edit-order-modal-recipe__attribute {
    text-transform: lowercase;
    display: inline-block
}

.edit-order-modal-recipe__attributes .edit-order-modal-recipe__attribute:after {
    content: ", "
}

.edit-order-modal-recipe__attributes .edit-order-modal-recipe__attribute:last-child:after {
    content: ""
}

.edit-order-modal-recipe__buttons-container {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    flex: 1 0 auto;
    align-items: flex-end;
    align-content: flex-end
}

.card-qty:first-letter {
    text-transform: uppercase
}

.add-remove-text {
    margin-left: 10px;
    text-transform: capitalize
}

.svg-minus-icon,.svg-plus-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px
}

.edit-order-modal__btn {
    border-radius: 2px;
    cursor: pointer;
    border: 1px solid #93979b;
    height: 35px;
    background-color: #fff;
    display: flex;
    align-items: center;
    transition: border 200ms ease-out
}

.edit-order-modal__btn:active,.edit-order-modal__btn:focus,.edit-order-modal__btn:hover {
    border: 1px solid #101820
}

.edit-order-modal__btn:active .edit-order-modal__btn-icon,.edit-order-modal__btn:focus .edit-order-modal__btn-icon,.edit-order-modal__btn:hover .edit-order-modal__btn-icon {
    border-right: 1px solid #101820
}

.edit-order-modal__btn .edit-order-modal__btn-icon {
    flex: 0 0 33px;
    height: 33px;
    border-right: 1px solid #e0e1e2;
    background-color: #fafafb;
    position: relative;
    transition: border 200ms ease-out
}

.edit-order-modal__btn .edit-order-modal__recipe-icon-add {
    height: 13px;
    width: 12px;
    position: absolute;
    top: 10px;
    left: 10px;
    background-image: url(/images/ms/accounts/add_icon-47bc477bc9.png)
}

.edit-order-modal__btn .edit-order-modal__btn-copy {
    text-align: center;
    font-size: 13px;
    font-family: "Mulish SemiBold",sans-serif;
    background-color: #fff;
    flex: 1 0 auto
}

.variants-button {
    width: 100%;
    gap: 12px
}

.variants-add,.variants-bin,.variants-button {
    display: flex;
    align-items: center
}

.variants-bin {
    width: 40px;
    border: solid 1px #a1e3d9;
    cursor: pointer;
    text-overflow: unset;
    justify-content: center
}

.variants-add {
    padding: 0 10px;
    justify-content: space-around
}

.svg-add {
    width: 16px;
    height: 16px
}

.svg-bin {
    width: 14px;
    height: 18px
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    #edit-order-modal-container {
        display:flex;
        justify-content: space-between
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    #edit-order-modal-recipe-groups {
        max-width:715px;
        margin: 0 49px 0 20px
    }
}

@media only screen and (min-width: 1080px) {
    #edit-order-modal-recipe-groups {
        max-width:1080px;
        margin: 0 49px 0 64px
    }
}

.edit-order-modal-recipe-group .edit-order-modal-recipe-group__recipes {
    min-height: 0
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .edit-order-modal-recipe-group .edit-order-modal-recipe-group__recipes {
        max-width:715px
    }
}

@media only screen and (min-width: 1080px) {
    .edit-order-modal-recipe-group .edit-order-modal-recipe-group__recipes {
        max-width:1080px
    }
}

.edit-order-modal-recipe-group .edit-order-modal-recipe-group__title,a.switch-plan__type-selector {
    color: #101820
}

.edit-order-modal-recipe-group .edit-order-modal-recipe-group__subtitle {
    color: #64696e
}

.edit-order-modal-recipe-group .edit-order-modal-recipe-group__error {
    color: #93979b;
    font-family: "Mulish SemiBold",sans-serif
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    #price_breakdown {
        width:530px;
        margin-left: -265px
    }
}

#price_breakdown .modal__body .total_price__label small,#price_breakdown .modal__heading-subheader {
    font-family: "Mulish Regular",sans-serif;
    color: #64696e
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    #price_breakdown .modal__body {
        padding:0 58px
    }
}

#price_breakdown .modal__body .price_breakdown__entry {
    display: flex;
    justify-content: space-between;
    font-family: "Mulish Regular",sans-serif;
    font-size: 14px;
    color: #64696e
}

#price_breakdown .modal__body .incentives__entry {
    padding-left: 20px
}

#price_breakdown .modal__body .total_price__container {
    display: flex;
    justify-content: space-between;
    margin-top: 8px
}

#price_breakdown .modal__body .total_price__label,#price_breakdown .modal__body .total_price__price {
    font-family: "Mulish ExtraBold",sans-serif
}

#price_breakdown .modal__body .total_price__price_before_discount {
    color: #93979b;
    font-family: "Mulish Regular",sans-serif
}

#skip_order {
    margin-left: -171.5px;
    padding: 40px;
    width: 343px
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    #skip_order {
        margin-left:-344px;
        width: 688px
    }
}

@media only screen and (min-width: 1080px) {
    #skip_order {
        margin-left:-402.5px;
        width: 805px
    }
}

#skip_order .modal__heading {
    margin-bottom: 8px;
    max-width: 100%
}

#skip_order .modal__heading .close-reveal-modal {
    right: 26px;
    top: 26px
}

#skip_order .modal__heading .modal__heading-headline {
    color: #40464d;
    font-family: Mulish,sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px
}

#skip_order .modal__body,.subscription-update-confirmation .confirmation-content .confirmation-notice p {
    margin-bottom: 0
}

#skip_order .modal__body .modal__body__headline {
    margin-bottom: 8px
}

#skip_order .modal__body .modal__body__headline p,#skip_order_confirmation .modal__body .modal__body__headline p {
    color: #64696e;
    font-family: Mulish,sans-serif;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 0
}

#skip_order .modal__body .modal__reasons-container .btn-answer {
    border-color: #bfc1c3;
    color: #40464d;
    font-family: Mulish,sans-serif;
    line-height: 24px;
    margin-top: 16px;
    margin-bottom: 0;
    min-height: 62px;
    padding: 7px 16px
}

#skip_order .modal__body .modal__reasons-container .btn-answer:hover {
    background-color: transparent;
    border-color: #a1e3d9;
    border-width: 2px;
    font-weight: 600
}

#skip_order .modal__body .modal__back-btn-container {
    margin-top: 16px;
    text-align: left
}

#skip_order .modal__body .modal__back-btn-container .btn-back {
    align-items: center;
    color: #25a697;
    display: inline-flex;
    font-family: Mulish,sans-serif;
    font-size: 18px;
    line-height: 28px;
    text-decoration: none
}

#skip_order .modal__body .modal__back-btn-container .btn-back svg,#skip_order_confirmation .modal__body .modal__back-btn-container .btn-back svg,.cancellation-flow .back-btn-container .btn-back svg {
    margin-right: 10px
}

#skip_order .modal__body .modal__back-btn-container .btn-back svg path,.cancellation-flow .back-btn-container .btn-back svg path {
    fill: #25a697
}

#skip_order .modal__footer {
    margin-top: 24px;
    padding: 0;
    text-align: center
}

#skip_order .modal__footer .nui__button--secondary {
    font-family: Mulish,sans-serif;
    font-size: 14px;
    font-weight: 500;
    height: auto;
    line-height: 24px;
    margin: 0;
    min-width: 206px;
    padding: 7px 24px;
    width: auto
}

#skip_order .modal__footer .nui__button--secondary:hover {
    background-color: #fafafb;
    border-color: #a1e3d9
}

#skip_order_confirmation {
    margin-left: -171.5px;
    padding: 40px;
    width: 343px
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    #skip_order_confirmation {
        margin-left:-344px;
        width: 688px
    }
}

@media only screen and (min-width: 1080px) {
    #skip_order_confirmation {
        margin-left:-402.5px;
        width: 805px
    }
}

#skip_order_confirmation .modal__heading {
    margin-bottom: 8px
}

#skip_order_confirmation .modal__heading .modal__heading-headline {
    color: #40464d;
    font-family: Mulish,sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px
}

#skip_order_confirmation .modal__body {
    font-family: Mulish,sans-serif;
    margin-bottom: 0
}

#skip_order_confirmation .modal__body .modal__body__headline {
    margin-bottom: 24px
}

#skip_order_confirmation .modal__body .modal__body__comment textarea {
    background-color: #fff;
    border-color: #bfc1c3;
    color: #64696e;
    font-family: Mulish,sans-serif;
    margin-bottom: 5px;
    min-height: 160px;
    padding: 16px;
    resize: none
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    #skip_order_confirmation .modal__body .modal__body__comment textarea {
        min-height:96px
    }
}

#skip_order_confirmation .modal__body .modal__body__comment .comment__length-container {
    color: #64696e;
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 8px;
    text-align: right
}

#skip_order_confirmation .modal__body .modal__back-btn-container {
    margin-bottom: 24px;
    text-align: left
}

#skip_order_confirmation .modal__body .modal__back-btn-container .btn-back {
    align-items: center;
    color: #25a697;
    display: inline-flex;
    font-size: 18px;
    line-height: 28px
}

#skip_order_confirmation .modal__footer {
    padding: 0;
    text-align: center
}

#skip_order_confirmation .modal__footer .nui__button {
    color: #000;
    font-family: Mulish,sans-serif;
    font-size: 14px;
    font-weight: 500;
    height: auto;
    line-height: 24px;
    margin: 0;
    padding: 7px 24px!important;
    width: 100%
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    #skip_order_confirmation .modal__footer .nui__button {
        min-width:163px;
        width: auto
    }
}

#skip_order_confirmation .modal__footer .nui__button:hover {
    text-decoration: none
}

#skip_order_confirmation .modal__footer .nui__button:first-of-type {
    margin-bottom: 16px
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    #skip_order_confirmation .modal__footer .nui__button:first-of-type {
        margin-bottom:0;
        margin-right: 16px
    }
}

#skip_order_confirmation .modal__footer .nui__button--secondary:active,#skip_order_confirmation .modal__footer .nui__button--secondary:hover {
    background-color: #fafafb;
    border-color: #a1e3d9
}

#skip_order_confirmation .modal__footer .nui__button:disabled,#skip_order_confirmation .modal__footer .nui__button:disabled:hover {
    background-color: #e0e1e2;
    border-color: #e0e1e2;
    color: #64696e
}

.referrals_form_link_wrapper {
    display: block;
    padding: 30px 0
}

.referrals_form_link_wrapper h4 {
    font-family: "Mulish ExtraBold",sans-serif;
    font-size: 20px
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .referrals_form_link_wrapper h4 {
        font-size:24px
    }
}

.referrals__container {
    zoom:1;margin-bottom: 25px;
    padding: 10px;
    text-align: center;
    border-radius: 4px
}

.referrals__container:after,.referrals__container:before {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden
}

.referrals__container:after {
    clear: both
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .referrals__container {
        margin-bottom:25px;
        padding: 0
    }
}

@media only screen and (min-width: 1080px) {
    .referrals__container {
        padding:0
    }
}

.referrals__container .instructions_form {
    background-color: #fff
}

.referrals__container .referrals__copy {
    margin-top: 45px
}

.referrals__container .referral_send {
    margin-top: 15px
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .referrals__container .account-area__section-datafield--content.email,.referrals__container .account-area__section-datafield--content.link {
        width:172px;
        word-break: break-all
    }
}

.referrals__container .link-copy {
    color: #101820;
    text-align: end;
    margin: 15px 0;
    font-family: "Mulish Regular",sans-serif;
    font-size: 14px
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .referrals__container .link-copy {
        max-width:110px
    }
}

.referrals__container .redeemed {
    color: #1d8478
}

.referrals__container .not-redeemed {
    color: #cd494d
}

.referrals__container .canceled {
    color: #93979b
}

.referrals__container .send-another-button {
    margin-top: 10px
}

.referrals__container .shareable-form {
    position: relative;
    width: 100%
}

.referrals__container .shareable-form #get-share-link {
    display: flex;
    align-items: center;
    justify-content: center
}

.referrals__container .shareable-form #get-share-link img {
    margin-right: 8px;
    width: 16px;
    height: 16px
}

.referrals__container .ornament {
    display: block;
    position: relative;
    width: 100%;
    height: 20px;
    margin-top: 15px;
    text-align: center;
    border-bottom: 1px solid #e0e1e2
}

.referrals__container .ornament span {
    position: absolute;
    bottom: -10px;
    left: 50%;
    display: block;
    width: 80px;
    margin-left: -40px;
    padding: 0 25px;
    font-size: 12px;
    background: #fff;
    text-transform: uppercase
}

.referrals__container .shareable-link__wrapper {
    margin: 0 auto
}

.referrals__container .shareable-link__wrapper p {
    margin-bottom: 15px
}

.referrals__container .referrals__wrapper--form {
    margin: 0 auto;
    padding-bottom: 30px
}

.referrals__container .referrals__headline,.referrals__container .referrals__headline--01 {
    font-family: "Mulish ExtraBold",sans-serif;
    font-weight: 600;
    text-transform: uppercase
}

.referrals__headline--01 {
    font-size: 24px
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .referrals__headline--01 {
        font-size:30px
    }
}

.referrals__headline--02 {
    font-family: "Mulish ExtraBold",sans-serif;
    font-size: 20px;
    margin-bottom: 1rem
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .referrals__headline--02 {
        font-size:24px
    }
}

@media only screen and (min-width: 1080px) {
    .referrals__headline--02 {
        font-size:30px
    }
}

.referrals__subtitle {
    font-size: 18px
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .referrals__subtitle {
        font-size:24px
    }
}

.referrals__wrapper--orders-to-go {
    margin-top: 40px
}

.referrals__wrapper--orders-to-go .referral_box_status {
    height: 84px;
    background-image: url(/images/ms/referrals/icon_box_inactive-355d5f91b9.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.referrals__wrapper--orders-to-go .referral_box_status.active {
    background-image: url(/images/ms/referrals/icon_box_active-d80f72b88b.svg)
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .referrals__wrapper--orders-to-go .referral_box_status {
        height:186px
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .referrals__wrapper--instructions {
        padding-right:20px
    }
}

@media only screen and (min-width: 1080px) {
    .referrals__wrapper--instructions {
        padding-right:60px
    }
}

.referrals__wrapper--instructions-content {
    display: block;
    background-color: #b4e9e1;
    padding: 16px
}

.referrals__wrapper--instructions-content img {
    margin-top: 20px;
    max-height: 180px
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .referrals__wrapper--instructions-content {
        padding:32px
    }
}

.referrals__remaining-count {
    margin-bottom: 15px
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .referrals__none-remaining-content {
        padding:80px 0
    }
}

.referrals__none-remaining-content img {
    display: inline-block
}

.callback_form h3,.cancellation-flow--order-frequency .frequency-options-container .btn-answer .order-boxes-container .order-box--scheduled--last~.order-box--skipped,.manage-subscription .arrowBottom:after,.manage-subscription .arrowBottom:before,.manage-subscription .arrowTop:after,.manage-subscription .arrowTop:before,.referrals-form__row-icon {
    display: none
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .referrals-form__row-icon {
        display:block;
        width: 60px;
        padding-top: 24px
    }
}

@media only screen and (min-width: 1080px) {
    .referrals-form__row-icon {
        display:block;
        width: 74px;
        padding-top: 25px
    }
}

.referrals-form__input[type=email],.referrals-form__input[type=number],.referrals-form__input[type=text] {
    margin-bottom: 5px;
    height: 56px
}

.referrals-form__input[type=email]:first-child,.referrals-form__input[type=number]:first-child,.referrals-form__input[type=text]:first-child {
    margin-bottom: 8px
}

.referrals_overview {
    margin-top: 30px;
    padding-bottom: 30px;
    background-color: #fff
}

.referral-overview__referral {
    border-bottom: 1px solid #e0e1e2;
    margin-bottom: 25px;
    text-align: start
}

.referral-overview__referral:last-child {
    border-bottom: none;
    margin-bottom: 0
}

.referrals-overview__no-referrals-box {
    height: 105px;
    background-color: #fafafb;
    border: 1px dashed #e0e1e2
}

.referrals-overview__no-referrals-copy {
    font-size: 18px;
    margin: 40px auto;
    text-align: center
}

.referrals-overview__show-more {
    margin-top: 15px
}

.referrals_terms_and_conditions {
    font-size: .85rem;
    opacity: .6
}

.list-switches {
    padding: 0;
    list-style: none;
    margin: 0 0 20px
}

.list-switches__list-item {
    margin: 10px 0;
    padding: 15px;
    border: 1px solid #e0e1e2;
    border-radius: 8px;
    background: #fafafb
}

.list-switches__list-item.skippable {
    background: #fff
}

.list-switches__switch-wrapper {
    position: relative
}

.list-switches__switch-label {
    line-height: 30px
}

.list-switches__switch-item {
    width: 60px;
    position: absolute;
    top: 0;
    right: 0
}

.list-switches__status {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 14px;
    line-height: 30px;
    color: #ff9b9e
}

.switch-custom {
    position: relative;
    padding: 0;
    display: block;
    overflow: hidden;
    border-style: solid;
    border-width: 1px;
    margin-bottom: rem-calc(20);
    height: rem-calc(30px);
    background: #e0e1e2;
    border-color: #e0e1e2;
    border-radius: 15px
}

.switch-custom label {
    position: relative;
    z-index: 2;
    float: 0;
    width: 50%;
    height: 100%;
    margin: 0;
    font-weight: 700;
    text-align: 0;
    transition: all .1s ease-out;
    padding: rem-calc(0,6px);
    line-height: 2.3rem;
    font-size: rem-calc(14px)
}

.switch-custom input {
    position: absolute;
    z-index: 3;
    opacity: 0;
    width: 100%;
    height: 100%;
    -moz-appearance: none;
    left: 0;
    display: block!important
}

.switch-custom input:focus,.switch-custom input:hover {
    cursor: pointer
}

.switch-custom span:last-child {
    position: absolute;
    z-index: 1;
    display: block;
    padding: 0;
    border-width: 1px;
    border-style: solid;
    transition: all .1s ease-out
}

.switch-custom input:not(:checked)+label {
    opacity: 0
}

.switch-custom input:checked {
    display: none!important
}

.switch-custom input:first-of-type+label,.switch-custom input:first-of-type+span+label {
    left: -50%
}

.switch-custom input:first-of-type:checked+label,.switch-custom input:first-of-type:checked+span+label {
    left: 0
}

.switch-custom input:last-of-type+label,.switch-custom input:last-of-type+span+label {
    right: -50%;
    left: auto;
    text-align: right
}

.switch-custom input:last-of-type:checked+label,.switch-custom input:last-of-type:checked+span+label {
    right: 0;
    left: auto
}

.switch-custom span.custom {
    display: none!important
}

form.custom .switch-custom .hidden-field {
    margin-left: auto;
    position: absolute;
    visibility: visible
}

.switch-custom input:first-of-type:checked~span:last-child {
    left: 100%;
    margin-left: rem-calc(-29px);
    margin-left: -27px
}

.switch-custom span:last-child {
    width: rem-calc(30px);
    height: rem-calc(30px);
    background: #fafafb;
    border-color: #fafafb;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    top: 1px;
    left: 1px
}

.switch-custom span:last-child:after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5px 0 0 -5px;
    background: url(/images/ms/components/switches/icon_on-2453a4db45.svg) no-repeat 50%
}

.switch-custom input:first-of-type:checked~span:last-child:after {
    background-image: url(/images/ms/components/switches/icon_off-1f4bf54631.svg)
}

.switch-custom__paddle {
    cursor: pointer
}

.edit-mode-overlay--content.active,.edit-mode-overlay--header.active {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .6;
    background-color: #fafafb;
    z-index: 1;
    position: absolute
}

.edit-mode-overlay--content.active {
    position: fixed
}

.edit-mode--stacking-layer-forefront {
    position: relative;
    z-index: 2
}

.callback_form .form label,.confirmation-modal__title {
    margin: 0
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .confirmation-modal__title {
        font-size:18px
    }
}

.confirmation-modal__changed-dates {
    margin: 15px 0;
    min-height: 50px;
    border: 1px solid #e0e1e2;
    border-radius: 8px;
    line-height: 50px
}

.manage-subscription {
    flex-direction: column
}

@media only screen and (min-width: 1080px) {
    .manage-subscription {
        margin-bottom:18px
    }
}

.manage-subscription .header {
    margin: 24px 0;
    text-align: center
}

@media only screen and (min-width: 1080px) {
    .manage-subscription .header {
        margin:32px 0
    }
}

.manage-subscription .header .headline {
    color: #101820;
    font-family: "Mulish Regular",sans-serif;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.4;
    margin: 0 0 8px;
    text-transform: none
}

.manage-subscription .header .subtitle {
    color: #64696e;
    font-family: "Mulish Regular",sans-serif;
    font-size: 18px;
    line-height: 27px;
    margin: 0
}

.manage-subscription .action-cards-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.manage-subscription .action-cards-container .action-card {
    background-color: #fff;
    border-radius: 4px;
    display: flex;
    flex-basis: 100%;
    justify-content: center;
    margin-bottom: 16px;
    padding: 32px 24px
}

@media only screen and (max-width: 719px) {
    .manage-subscription .action-cards-container .action-card:last-of-type {
        margin-bottom:0
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .manage-subscription .action-cards-container .action-card:last-of-type {
        margin-bottom:10px
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .manage-subscription .action-cards-container .action-card {
        padding:32px 40px
    }
}

@media only screen and (min-width: 1080px) {
    .manage-subscription .action-cards-container .action-card {
        flex-basis:calc(50% - 8px)
    }

    .manage-subscription .action-cards-container .action-card:nth-child(odd):last-child {
        flex-basis: 100%
    }
}

.manage-subscription .action-cards-container .action-card .action-card-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    align-items: center;
    text-align: center
}

.manage-subscription .action-cards-container .action-card .action-card-content .action-card-icon {
    margin-bottom: 24px
}

.manage-subscription .action-cards-container .action-card .action-card-content .action-subtitle,.manage-subscription .action-cards-container .action-card .action-card-content .action-title {
    font-family: "Mulish Regular",sans-serif;
    margin: 0 auto 8px
}

@media only screen and (min-width: 1080px) {
    .manage-subscription .action-cards-container .action-card .action-card-content .action-subtitle,.manage-subscription .action-cards-container .action-card .action-card-content .action-title {
        max-width:75%
    }
}

.manage-subscription .action-cards-container .action-card .action-card-content .action-title {
    color: #222;
    font-size: 18px;
    font-weight: 500
}

.manage-subscription .action-cards-container .action-card .action-card-content .action-subtitle {
    color: #64696e
}

.manage-subscription .action-cards-container .action-card .action-card-content .btn-action {
    margin: 24px 0 0;
    min-width: 240px;
    width: 100%
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .manage-subscription .action-cards-container .action-card .action-card-content .btn-action {
        width:auto
    }
}

.manage-subscription .rich-content {
    margin: 16px 0 8px
}

@media only screen and (min-width: 1080px) {
    .manage-subscription .rich-content {
        margin:24px 0 8px
    }
}

.callback_form {
    --callback-font-color: #101820;
    --callback-margin: 8px;
    --callback-title-color: #222;
    --callback-title-font-size: 18px;
    --callback-border-radius: 4px;
    --callback-button-color: #A1E3D9;
    --callback-button-font-color: #101820;
    --callback-input-height: 44px;
    --callback-button-height: 44px;
    --callback-button-disabled-color: #E0E1E2;
    --callback-input-active-border: #A1E3D9;
    --callback-input-hover-border: #A1E3D9;
    --callback-input-border-color: #E0E1E2;
    --callback-link-color: #17847D;
    --callback-description-color: #64696E;
    font-family: "Mulish Regular",sans-serif
}

@media only screen and (max-width: 719px) {
    .callback_form {
        --callback-form-width: 100%
    }
}

.callback_form .form {
    margin-top: 32px
}

.callback_form .form img {
    border-radius: 0
}

.callback_form .form button:hover {
    color: #101820;
    opacity: 1!important
}

.callback_form .form button:hover:enabled {
    background-color: #d0f1ec!important
}

.callback_form .clickable {
    font-weight: 400
}

.callback_form .clickable:hover {
    color: #25a697;
    opacity: 1
}

.subscription-update-confirmation {
    align-items: center;
    background-color: #fff;
    border-radius: 4px;
    flex-direction: column;
    flex-wrap: wrap;
    margin: 20px auto 0;
    padding: 30px 0
}

.subscription-update-confirmation .confirmation-card-icon {
    margin-bottom: 24px
}

.subscription-update-confirmation .confirmation-content {
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap;
    text-align: center;
    width: 100%
}

.subscription-update-confirmation .confirmation-content .action-subtitle,.subscription-update-confirmation .confirmation-content .action-title {
    font-family: "Mulish Regular",sans-serif;
    padding: 0 24px
}

@media only screen and (min-width: 1080px) {
    .subscription-update-confirmation .confirmation-content .action-subtitle,.subscription-update-confirmation .confirmation-content .action-title {
        padding:0 40px
    }
}

.subscription-update-confirmation .confirmation-content .action-title {
    color: #222;
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 30px
}

.subscription-update-confirmation .confirmation-content .action-subtitle {
    color: #64696e;
    margin: 0
}

.subscription-update-confirmation .confirmation-content .confirmation-notice {
    background-color: #d0f1ec;
    font-family: "Mulish Regular",sans-serif;
    margin: 0 15px 25px;
    padding: 15px;
    text-align: center
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .subscription-update-confirmation .confirmation-content .confirmation-notice {
        margin:0 0 25px
    }
}

@media only screen and (min-width: 1080px) {
    .subscription-update-confirmation .confirmation-content .confirmation-notice {
        padding:15px 76px
    }
}

.subscription-update-confirmation .confirmation-content .next-delivery {
    border-bottom: 1px solid #93979b;
    padding-bottom: 30px;
    padding-right: 0
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .subscription-update-confirmation .confirmation-content .next-delivery {
        border-right:1px solid #93979b;
        border-bottom: 0;
        padding-bottom: 0
    }
}

@media only screen and (max-width: 719px) {
    .subscription-update-confirmation .confirmation-content .next-delivery-after-pause {
        padding-top:30px
    }
}

.subscription-update-confirmation .confirmation-content .delivery-date-title {
    font-family: "Mulish Regular",sans-serif;
    text-align: center;
    padding: 0 30px
}

.subscription-update-confirmation .confirmation-content .calendar-date {
    width: 72px;
    height: auto;
    border-radius: 4px;
    margin: 0 auto
}

.subscription-update-confirmation .confirmation-content .calendar-date .title {
    padding: 4px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    background-color: #ff9b9e;
    border: 1px solid #ff9b9e;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    font-family: "Mulish Regular",sans-serif;
    font-size: 12px
}

.subscription-update-confirmation .confirmation-content .calendar-date .date {
    padding: 10px 0;
    text-align: center;
    font-family: "Mulish Regular",sans-serif;
    font-size: 26px;
    color: #101820;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border: 1px solid #93979b;
    border-top: 0
}

.subscription-update-confirmation .confirmation-content .rich-content {
    margin: 0 0 25px
}

.subscription-update-confirmation .confirmation-content .btn-action-cta {
    font-family: "Mulish Regular",sans-serif;
    margin: 24px 0 0;
    min-width: 270px;
    width: auto
}

.cancellation-flow {
    flex-direction: column;
    padding: 56px 0
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .cancellation-flow {
        padding:40px 0
    }
}

@media only screen and (min-width: 1080px) {
    .cancellation-flow {
        padding:40px 135px
    }
}

.cancellation-flow .headline {
    color: #101820;
    font-family: Mulish,sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    margin: 0 0 8px;
    text-transform: none
}

#cancellation-confirmation-modal .modal__body .modal__body__headline p,.cancellation-flow .body {
    color: #64696e;
    font-family: Mulish,sans-serif;
    font-size: 18px;
    line-height: 28px;
    margin: 0
}

.cancellation-flow .header {
    margin-bottom: 32px;
    text-align: center
}

.cancellation-flow .content {
    background-color: #fff;
    padding: 40px;
    text-align: center
}

.cancellation-flow .content .actions-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 24px
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .cancellation-flow .content .actions-container {
        flex-direction:row
    }
}

.cancellation-flow .btn-answer {
    border-color: #bfc1c3;
    color: #40464d;
    font-family: Mulish,sans-serif;
    font-size: 16px;
    line-height: 24px;
    margin-top: 16px;
    margin-bottom: 0;
    min-height: 62px;
    padding: 7px 16px
}

.cancellation-flow .btn-answer:first-of-type {
    margin-top: 0
}

.cancellation-flow .btn-answer:not(:disabled):not(.btn-answer--selected):hover {
    background-color: transparent
}

.cancellation-flow .btn-answer--selected,.cancellation-flow .btn-answer:not(:disabled):hover {
    border-color: #a1e3d9;
    border-width: 2px;
    font-weight: 700
}

.cancellation-flow .btn-answer--selected,.cancellation-flow .btn-answer--selected:hover {
    background-color: #fafafb
}

.cancellation-flow .btn-answer:disabled {
    background-color: #fafafb;
    border-color: #bfc1c3;
    color: #40464d;
    font-weight: 600
}

.cancellation-flow .back-btn-container {
    margin: 16px 0 25px;
    text-align: left
}

.cancellation-flow .back-btn-container .btn-back {
    align-items: center;
    color: #25a697;
    display: inline-flex;
    font-family: Mulish,sans-serif;
    font-size: 16px;
    letter-spacing: -.01em;
    line-height: 28px;
    text-decoration: none
}

.cancellation-flow--before-cancel .content .body {
    margin-bottom: 40px
}

.cancellation-flow--feedback .reasons-container {
    margin-top: 24px
}

.cancellation-flow--feedback .comment-container {
    margin-top: 16px
}

.cancellation-flow--feedback .comment-container textarea {
    background-color: #fff;
    border-color: #bfc1c3;
    border-radius: 4px;
    color: #64696e;
    font-family: Mulish,sans-serif;
    margin-bottom: 5px;
    min-height: 160px;
    padding: 16px;
    resize: none
}

.cancellation-flow--feedback .comment-container textarea:focus {
    border-color: #a1e3d9;
    border-width: 2px;
    padding: 15px
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .cancellation-flow--feedback .comment-container textarea {
        min-height:96px
    }
}

.cancellation-flow--feedback .comment-container .comment__length-container {
    color: #64696e;
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 8px;
    text-align: right
}

.cancellation-flow--order-frequency .frequency-options-container {
    margin: 24px 0
}

.cancellation-flow--order-frequency .frequency-options-container .btn-answer {
    letter-spacing: -.01em;
    line-height: 26px;
    height: 90px
}

.cancellation-flow--order-frequency .frequency-options-container .btn-answer .order-boxes-container {
    display: flex;
    justify-content: center;
    margin-bottom: 8px
}

.cancellation-flow--order-frequency .frequency-options-container .btn-answer .order-boxes-container .order-box {
    background-size: contain;
    width: 24px;
    height: 24px
}

.cancellation-flow--order-frequency .frequency-options-container .btn-answer .order-boxes-container .order-box:not(:last-child):not(.order-box--scheduled--last) {
    margin-right: 16px
}

.cancellation-flow--order-frequency .frequency-options-container .btn-answer .order-boxes-container .order-box--skipped {
    background-image: url(/images/ms/order_frequency/skipped-box-abd708b868.png)
}

.cancellation-flow--order-frequency .frequency-options-container .btn-answer .order-boxes-container .order-box--scheduled {
    background-image: url(/images/ms/order_frequency/scheduled-box-b334c89ce3.png)
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .cancellation-flow--order-frequency .frequency-options-container .btn-answer .order-boxes-container .order-box--scheduled--last {
        margin-right:16px
    }

    .cancellation-flow--order-frequency .frequency-options-container .btn-answer .order-boxes-container .order-box--scheduled--last~.order-box--skipped {
        display: initial
    }
}

.cancellation-flow--order-frequency .faq-container {
    font-family: Mulish,sans-serif
}

.cancellation-flow--order-frequency .faq-container.collapsed .toggle-button {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.cancellation-flow--order-frequency .faq-container.collapsed .faq-text {
    margin-top: 0;
    transition: height .3s ease-out
}

.cancellation-flow--order-frequency .faq-container .toggle-button {
    background-image: url(/images/ms/svg/chevron-up-4ed96b3787.svg);
    height: 24px;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease;
    width: 24px
}

.cancellation-flow--order-frequency .faq-container .faq-title {
    align-items: center;
    background-color: #fafafb;
    border-radius: 8px;
    color: #101820;
    display: flex;
    font-size: 18px;
    font-weight: 700;
    justify-content: space-between;
    line-height: 26px;
    letter-spacing: -.01em;
    padding: 16px
}

.cancellation-flow--order-frequency .faq-container .faq-title:hover {
    cursor: pointer
}

.cancellation-flow--order-frequency .faq-container .faq-text {
    height: 0;
    margin-top: 24px;
    overflow: hidden;
    transition: height .3s ease-in;
    padding: 0 16px
}

.cancellation-flow--order-frequency .faq-container .faq-text p {
    color: #101820;
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 4px;
    text-align: left
}

.cancellation-flow--order-frequency .faq-container .faq-text p:nth-child(even) {
    letter-spacing: -.01em;
    margin-bottom: 8px
}

#cancellation-confirmation-modal {
    margin-left: -171.5px;
    padding: 40px;
    width: 343px
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    #cancellation-confirmation-modal {
        margin-left:-344px;
        width: 688px
    }
}

@media only screen and (min-width: 1080px) {
    #cancellation-confirmation-modal {
        margin-left:-402.5px;
        width: 805px
    }
}

#cancellation-confirmation-modal .modal__heading {
    margin-bottom: 8px
}

#cancellation-confirmation-modal .modal__heading .modal__heading-headline {
    color: #40464d;
    font-family: Mulish,sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px
}

#cancellation-confirmation-modal .modal__body {
    margin-bottom: 24px
}

#cancellation-confirmation-modal .modal__footer {
    padding: 0;
    text-align: center
}

#cancellation-confirmation-modal .modal__footer .nui__button,.cancellation-flow .content .actions-container .nui__button {
    color: #000;
    font-family: Mulish,sans-serif;
    font-size: 14px;
    font-weight: 500;
    height: auto;
    line-height: 24px;
    margin: 0;
    padding: 7px 24px!important;
    width: 100%
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    #cancellation-confirmation-modal .modal__footer .nui__button,.cancellation-flow .content .actions-container .nui__button {
        min-width:163px;
        width: auto
    }
}

#cancellation-confirmation-modal .modal__footer .nui__button:hover,.cancellation-flow .content .actions-container .nui__button:hover {
    text-decoration: none
}

#cancellation-confirmation-modal .modal__footer .nui__button:first-of-type,.cancellation-flow .content .actions-container .nui__button:first-of-type {
    margin-bottom: 16px
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    #cancellation-confirmation-modal .modal__footer .nui__button:first-of-type,.cancellation-flow .content .actions-container .nui__button:first-of-type {
        margin-bottom:0;
        margin-right: 16px
    }
}

#cancellation-confirmation-modal .modal__footer .nui__button--secondary:active,#cancellation-confirmation-modal .modal__footer .nui__button--secondary:hover,.cancellation-flow .content .actions-container .nui__button--secondary:active,.cancellation-flow .content .actions-container .nui__button--secondary:hover {
    background-color: #fafafb;
    border-color: #a1e3d9
}

#cancellation-confirmation-modal .modal__footer .nui__button--tertiary,.cancellation-flow .content .actions-container .nui__button--tertiary {
    background-color: #f0b52b;
    border-color: #f0b52b;
    color: #fff
}

#cancellation-confirmation-modal .modal__footer .nui__button--tertiary:active,#cancellation-confirmation-modal .modal__footer .nui__button--tertiary:hover,.cancellation-flow .content .actions-container .nui__button--tertiary:active,.cancellation-flow .content .actions-container .nui__button--tertiary:hover {
    background-color: #ffdc4d;
    border-color: #ffdc4d
}

#cancellation-confirmation-modal .modal__footer .nui__button:disabled,#cancellation-confirmation-modal .modal__footer .nui__button:disabled:hover,.cancellation-flow .content .actions-container .nui__button:disabled,.cancellation-flow .content .actions-container .nui__button:disabled:hover {
    background-color: #e0e1e2;
    border-color: #e0e1e2;
    color: #64696e
}

.plan-option__tabs,.plan-summary__table tr {
    border-bottom: 1px solid #e0e1e2
}

.current-plan-detail__container {
    margin-top: 25px
}

.switch-plan-option {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    overflow: hidden;
    border: 1px solid #bfc1c3
}

.switch-plan-option__subheadline {
    line-height: 16px;
    font-size: 12px;
    margin: 12px 0
}

.switch-plan__plan-type {
    font-family: "Mulish Regular",sans-serif;
    height: 48px;
    padding: 16px 0;
    text-align: center
}

.switch-plan__plan-type.active {
    background-color: #ffdc4d;
    font-family: "Mulish SemiBold",sans-serif
}

a.switch-plan__type-selector:focus,a.switch-plan__type-selector:hover {
    color: #000
}

.switch-plan__type-selector:first-child .switch-plan__plan-type {
    border-right: 1px solid #bfc1c3
}

.switch-plan__prices {
    margin-bottom: 25px;
    text-align: center;
    font-size: 14px
}

.plan-summary__table tfoot td,.plan-summary__table tfoot th,.switch-plan__about-headline,.switch-plan__price-value {
    font-family: "Mulish SemiBold",sans-serif
}

.switch-plan__about-headline {
    margin: 20px auto
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .current-plan-detail__container {
        margin-top:45px
    }
}

.account-area__section-content {
    position: relative;
    padding: 15px
}

.account-area__section-datafield {
    margin-bottom: 25px;
    color: #101820
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .account-area__section-datafield {
        margin-bottom:15px
    }
}

.account-area__section-datafield--label {
    margin: 0 0 5px;
    font-size: 10px;
    font-family: "Mulish Regular",sans-serif;
    color: #666
}

.account-area__section-datafield--content {
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 20px;
    font-size: 14px
}

.settings-section__payment-logo {
    display: inline-block
}

.settings-section__payment-options-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.settings-section__payment-option-label {
    margin: 0 20px 20px 0;
    font-size: 12px
}

.settings-section__payment-option-label .payment-method__radio-btn {
    margin: 0 5px 12px 0
}

.settings-section__payment-logos-container {
    margin-left: 20px
}

#paymill_iframe_container,.account-area__section-summary--content {
    margin-bottom: 10px
}

.account-area__section-edit-delivery-details--info {
    color: #707479;
    font-size: .9rem
}

@media screen and (min-width: 768px) {
    .column--clearfloat-medium,.column--clearfloat-medium-only {
        clear:both
    }
}

@media screen and (min-width: 1024px) {
    .account-area__section-datafield--label {
        font-size:12px
    }

    .settings-section__user-credentials {
        width: 80%;
        float: left
    }

    .settings-section__user-payments {
        width: 100%
    }

    .section-datafield--delivery-instructions {
        position: absolute;
        top: 0;
        right: 0
    }

    .column--clearfloat-medium-only {
        clear: none
    }

    .column--clearfloat-large {
        clear: both
    }

    .settings-section__payment-option {
        float: left
    }
}

#form_braintree_vault .btn-cancel--skinny {
    height: 36px;
    line-height: 15px
}

#form_braintree_vault #paypal_button {
    margin-top: 5px
}

.notification-center__overview {
    position: relative
}

.notification-center__types .account-area__section-summary--content {
    margin-bottom: 0
}

@media only screen and (max-width: 719px) {
    .notification-center__types .account-area__section-edit-links {
        margin-top:15px
    }
}

.notification-listing {
    position: relative;
    border-bottom: 1px solid #e0e1e2;
    padding-bottom: 15px;
    margin-bottom: 15px
}

.notification-listing .account-area__section-summary--content {
    margin: 0
}

.notification-listing:last-child {
    border: 0;
    padding-bottom: 0
}

.notification-listing__checkbox {
    position: absolute;
    top: 0;
    right: 0
}

@media only screen and (max-width: 719px) {
    .notification-listing__checkbox .ms-checkbox-input {
        margin:10px 0 auto auto
    }
}

.recipe-card-opt-out {
    position: relative
}

.recipe-card-opt-out__content {
    color: #101820
}

@media only screen and (min-width: 1080px) {
    .recipe-card-opt-out__content {
        width:50%
    }
}

.recipe-card-opt-out__btn {
    transition: all .3s ease-out 0s;
    border: 1px solid #a1e3d9;
    border-radius: 4px;
    padding: 11px 16px;
    font-size: 16px;
    line-height: 22px;
    color: #101820;
    margin: 0;
    height: auto;
    white-space: normal;
    overflow: visible
}

.recipe-card-opt-out__btn:hover {
    background-color: #fafafb
}

@media only screen and (min-width: 1080px) {
    .recipe-card-opt-out__btn {
        position:absolute;
        top: -8px;
        right: 0;
        text-align: right
    }
}

.recipe-card-opt-out__label {
    font-size: 20px;
    line-height: 27px;
    color: #101820
}

@media only screen and (min-width: 1080px) {
    .recipe-card-opt-out__label {
        width:60%
    }
}

.hidden {
    visibility: hidden
}

#reset-order-frequency-confirmation-modal {
    margin-left: -171.5px;
    padding: 40px;
    width: 343px
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    #reset-order-frequency-confirmation-modal {
        margin-left:-344px;
        width: 688px
    }
}

@media only screen and (min-width: 1080px) {
    #reset-order-frequency-confirmation-modal {
        margin-left:-402.5px;
        width: 805px
    }
}

#reset-order-frequency-confirmation-modal .modal__heading {
    margin-bottom: 16px
}

#reset-order-frequency-confirmation-modal .modal__heading .modal__heading-headline {
    color: #101820;
    font-family: Mulish,sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px
}

#reset-order-frequency-confirmation-modal .modal__body {
    margin-bottom: 0
}

#reset-order-frequency-confirmation-modal .modal__body .modal__body__headline {
    margin-bottom: 16px
}

#reset-order-frequency-confirmation-modal .modal__body .modal__body__headline p {
    color: #64696e;
    font-family: Mulish,sans-serif;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 0
}

#reset-order-frequency-confirmation-modal .modal__footer {
    padding: 0
}

#reset-order-frequency-confirmation-modal .modal__footer .nui__col-2 {
    text-align: center;
    width: 100%
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    #reset-order-frequency-confirmation-modal .modal__footer .nui__col-2 {
        min-width:163px;
        width: auto
    }
}

#reset-order-frequency-confirmation-modal .modal__footer .nui__col-2 button {
    color: #000;
    font-family: Mulish,sans-serif;
    font-size: 14px;
    font-weight: 500;
    height: auto;
    line-height: 24px;
    margin: 0;
    padding: 7px 24px;
    width: 100%
}

.step-container {
    padding-bottom: 50px
}

.step-navigator-section--accented {
    clear: both;
    padding-top: 20px
}

.step-navigator-section__headline {
    padding-left: 10px;
    padding-right: 10px
}

.step-section-item {
    margin-bottom: 25px;
    padding: 30px;
    background: #fff
}

.step-section {
    margin-bottom: 24px;
    padding: 24px;
    background-color: #fff;
    border-radius: 4px
}

.step-section-item__headline {
    margin-bottom: 15px;
    font-size: 19px;
    font-family: "Mulish SemiBold",sans-serif
}

.step-section__headline {
    margin-bottom: 16px;
    font-size: 18px;
    font-family: "Mulish ExtraBold",sans-serif
}

@media screen and (min-width: 768px) {
    .step-navigator-section--accented {
        padding-top:30px
    }
}

.steps-header {
    padding: 5px 0;
    text-align: center
}

@media screen and (min-width: 768px) {
    .steps-header {
        padding:25px 0;
        border-bottom: 1px solid #e0e1e2
    }
}

@media screen and (min-width: 1200px) {
    .steps-header {
        padding:0;
        border: 0
    }

    .steps-header__logo {
        position: absolute;
        top: 22px;
        left: 20px
    }
}

.plan-options__option-container {
    padding: 0;
    overflow: hidden;
    margin-bottom: 20px
}

.plan-options__option-container:last-child {
    float: left!important
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .plan-options__option-container {
        width:50%;
        margin-left: 0;
        padding: 10px
    }
}

@media only screen and (min-width: 1080px) {
    .plan-options__option-container {
        padding:10px;
        width: 35%
    }

    .plan-options__option-container:first-child {
        margin-left: 15%
    }
}

@media screen and (min-width: 1024px) and (max-width:1252px) {
    .plan-options__option-container {
        width:43%;
        margin-left: 0
    }

    .plan-options__option-container:first-child {
        margin-left: 7%
    }
}

#subscription_payment button[type=submit],.plan-options {
    margin-bottom: 25px
}

.plan-option {
    border-bottom: 1px solid #fff;
    border-radius: 4px;
    background: #fff
}

.plan-option:first-child {
    margin-top: 0;
    margin-bottom: 0
}

.plan-option__headline {
    margin: 0;
    padding-top: 15px;
    padding-bottom: 5px;
    font-size: 18px;
    font-family: "Mulish ExtraBold",sans-serif;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 3px
}

.plan-option__subheadline {
    text-align: center;
    color: #64696e;
    font-size: 14px;
    font-family: "Mulish Regular",sans-serif
}

.plan-option__image {
    margin-bottom: 20px;
    width: 100%;
    min-height: 180px
}

.meals__label {
    font-size: 14px
}

.meals__label_fixed {
    font-size: 16px
}

input[type=radio].meals__selector {
    margin: 0 10px 0 0
}

.meals__selector__label {
    display: inline-block;
    padding: 4px 6px 16px
}

.meals__label_fixed.with-promotion,.meals__selector__label.with-promotion {
    padding-bottom: 7px
}

.plan__prices {
    margin: 0 auto;
    font-size: 16px
}

.plan__price__value {
    float: right;
    font-family: "Mulish SemiBold",sans-serif;
    margin-left: 4px
}

.plan__price__value--before-discount {
    float: right;
    position: relative;
    font-family: "Mulish Regular",sans-serif
}

.plan__price__value--before-discount:before {
    position: absolute;
    content: "";
    left: 0;
    top: 35%;
    right: 0;
    border-top: 2px solid #ff9b9e
}

.plan-option__cta {
    margin: 0 35px 20px
}

.plans__footer__title {
    margin-bottom: 30px;
    text-align: center;
    font-size: 16px;
    font-family: "Mulish Regular",sans-serif;
    color: #93979b
}

.plans__footer__icons {
    display: flex;
    justify-content: center;
    margin-bottom: 20px
}

.footer__icon__point {
    text-align: left
}

@media only screen and (max-width: 719px) {
    .footer__icon__point {
        margin-bottom:30px
    }
}

.footer__icon--content {
    display: inline-block
}

.footer__icon--container {
    margin: 0 10px 4px auto;
    float: left
}

@media only screen and (max-width: 719px) {
    .footer__icon--container {
        width:50px;
        text-align: center
    }
}

.footer__icon:last-child {
    margin-right: 0
}

.footer__icon__text {
    height: 47px;
    display: table-cell;
    vertical-align: middle
}

.plan-faqs {
    margin-top: 40px;
    margin-bottom: 40px
}

.plan-faqs__headline {
    margin: 0 0 25px;
    text-align: center;
    font-size: 24px;
    font-family: "Mulish SemiBold",sans-serif
}

.plan-faqs-item__headline {
    font-size: 16px;
    font-family: "Mulish SemiBold",sans-serif
}

.plan-headline {
    padding-top: 30px;
    text-align: center;
    text-transform: uppercase;
    font-family: "Mulish Regular",sans-serif;
    font-weight: 700
}

.step-1 .tooltip-wrapper {
    position: relative;
    display: inline-block;
    right: 0;
    width: 20px;
    height: 20px;
    vertical-align: middle
}

.step-navigator-section__headline {
    margin-bottom: 30px;
    font-size: 22px
}

.vegetarian-option_wrapper {
    width: 100%;
    margin: 15px 0;
    padding: 0 25px;
    text-align: center;
    font-size: 14px;
    color: #64696e
}

.vegetarian-option_wrapper .input-vegetarian {
    display: inline-block;
    margin: 0 0 0 10px
}

.vegetarian-option_wrapper .input-vegetarian_label {
    display: inline-block;
    padding-right: 5px
}

.vegetarian-option_wrapper .input-vegetarian_label.disabled {
    cursor: default;
    color: #93979b
}

.plan__prices-with-shipping {
    width: 80%
}

.red-text {
    color: #ff5d62
}

.gray-text {
    color: #93979b
}

.step-section-item .button-group li:first-child a {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border-left: 1px solid #bfc1c3
}

.step-section-item .button-group li:last-child a {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px
}

.delivery-slot__date,.delivery-slot__time {
    color: #101820;
    font-family: "Mulish SemiBold",sans-serif
}

.delivery-instructions__icon {
    float: left;
    min-width: 25px;
    margin-right: 20px
}

.delivery-instructions {
    display: table
}

.delivery-instructions .delivery-instructions__image-wrapper {
    display: table-cell;
    vertical-align: middle
}

.delivery-instructions p {
    margin: 0;
    color: #64696e;
    font-size: 16px
}

.delivery-instructions-input {
    min-height: 80px
}

#delivery_instructions_charcount {
    margin-bottom: 10px;
    float: right;
    font-size: 14px
}

.delivery-preferences__options-container {
    margin: 25px 0 0
}

.delivery-preferences__summary {
    font-size: 16px;
    line-height: 28px
}

@media screen and (min-width: 768px) {
    #delivery-details__form-container {
        padding-top:0;
        width: 66%;
        margin-left: 17%
    }
}

@media screen and (min-width: 1024px) {
    #delivery-details__form-container {
        width:82%;
        margin-left: 9%
    }
}

@media screen and (min-width: 1200px) {
    #delivery-details__form-container {
        width:66%;
        margin-left: 17%
    }
}

.autocomplete-container {
    position: absolute;
    top: 100%;
    width: 100%;
    margin-top: 5px;
    max-height: 250px;
    overflow: auto;
    z-index: 20;
    background: #fff;
    border-radius: 4px;
    line-height: 1.875rem;
    border: 1px solid #e0e1e2;
    color: #101820;
    font-size: 1rem;
    font-family: "Mulish Regular",sans-serif
}

.autocomplete-container.extended {
    top: 50%;
    left: .5rem;
    width: calc(100% - .5rem*2 + 1px);
    margin-top: 0
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .autocomplete-container.extended {
        top:100%
    }

    .autocomplete-container {
        font-size: 14px
    }
}

.autocomplete-container .autocomplete-option {
    padding: 10px;
    cursor: pointer;
    border-radius: 4px
}

.autocomplete-container .autocomplete-option:hover,.paymentOptions li.active label {
    background: #fafafb
}

.autocomplete-container .autocomplete-option .description {
    margin-left: 8px;
    color: #93979b;
    font-size: .8rem;
    white-space: nowrap
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .autocomplete-container .autocomplete-option .description {
        font-size:12px
    }
}

.autocomplete-container .autocomplete-option span {
    pointer-events: none
}

.paymentOptions {
    overflow: visible
}

.paymentOptions li {
    width: 100%;
    margin: .25rem 0
}

.paymentOptions li label {
    font-size: 1rem;
    font-family: "Mulish Regular",sans-serif;
    line-height: 1.5rem;
    padding: .625rem
}

.paymentOptions li label .creditCardIcons {
    padding: .625rem 0 0 1.4375rem
}

.paymentOptions li label .creditCardIcons .payment-logo {
    display: inline-block;
    margin-right: 2px
}

.paymentOptions li label.Paymill .creditCardIcons img {
    width: 35px
}

.paymentOptions li label input {
    margin: 0 .3125rem 0 0
}

.payment-accordion__detail__message {
    text-align: center;
    padding: 16px 36px
}

#subscription_payment .number {
    display: block;
    width: 20px;
    float: left
}

#subscription_payment .info_card {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    background-color: #ecf9f7;
    padding: 12px;
    border-radius: 8px
}

#subscription_payment .info_card .info_icon_container {
    min-width: 18px;
    min-height: 18px
}

#subscription_payment .info_card .info_copy {
    width: 100%;
    margin-bottom: 0;
    font-size: 14px
}

@media screen and (min-width: 768px) {
    #subscription_payment .info_card {
        padding:16px
    }
}

.split_voucher_applied {
    color: #25a697;
    max-width: 390px;
    min-height: 48px;
    font-family: "Mulish Regular",sans-serif;
    font-size: 12px
}

.plan-summary__container {
    padding-top: 30px
}

.plan-summary__container .step-navigator-section__headline {
    margin-bottom: 5px;
    font-size: 24px
}

.plan-summary__container .step-navigator-section__subline {
    font-size: 18px;
    margin-bottom: 30px
}

.plan-summary {
    margin: 0 auto 120px;
    max-width: 740px
}

.plan-summary__content {
    zoom:1;margin-bottom: 20px;
    padding-top: 15px;
    background: #fff
}

.plan-summary__content:after,.plan-summary__content:before {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden
}

.plan-summary__content:after {
    clear: both
}

.plan-summary__content--table {
    padding: 15px
}

.plan-summary__headline {
    margin: 0;
    padding: 15px 0;
    font-size: 18px;
    font-family: "Mulish SemiBold",sans-serif;
    text-align: center;
    background: #fff
}

.plan-summary__table {
    margin-bottom: 20px;
    width: 100%;
    border-collapse: collapse
}

.plan-summary__table td,.plan-summary__table th {
    padding: 7px 0
}

.plan-summary__table th {
    font-weight: 400;
    text-align: left
}

.plan-summary__table td {
    text-align: right
}

.plan-summary__table tfoot tr {
    border-bottom: none
}

.plan-summary__family-btn-container {
    margin: 25px auto 10px
}

.edr_container {
    display: flex
}

.edr_container .edr-section-description {
    margin-left: 16px;
    flex: 2
}

.plan-summary__container .plan-summary__item:last-child {
    padding-left: 25px
}

.menu_preview_container {
    display: none;
    justify-content: center;
    padding: 50px 0 70px
}

.menu_preview {
    float: none;
    margin: 0 auto
}

.menu_preview__titles {
    display: flex;
    flex-direction: column;
    align-items: center
}

.menu_preview__titles__title {
    font-family: "Mulish ExtraBold",sans-serif;
    font-size: 32px;
    line-height: 40px;
    margin-right: 8px
}

.menu_preview__recipe_image_container {
    position: relative
}

.menu_preview__recipe_image {
    border-radius: 10px;
    -o-object-fit: cover;
    object-fit: cover
}

@media only screen and (max-width: 719px) {
    .menu_preview__recipe_image {
        height:140px
    }
}

.menu_preview__recipe_category {
    margin: 12px 0 4px;
    font-family: "Mulish ExtraBold",sans-serif;
    text-transform: uppercase;
    color: #663d10;
    font-size: 12px;
    line-height: 18px
}

.menu_preview__recipe_title {
    font-family: "Mulish SemiBold",sans-serif;
    font-size: 18px;
    line-height: 22px;
    margin: 0
}

@media only screen and (max-width: 719px) {
    .menu_preview__recipe_title {
        font-size:16px;
        line-height: 20px
    }
}

.menu_preview__recipe_subtitle {
    font-family: "Mulish Regular",sans-serif;
    color: #64696e;
    font-size: 16px;
    line-height: 22px;
    margin: 0
}

@media only screen and (max-width: 719px) {
    .menu_preview__recipe_subtitle {
        font-size:14px
    }
}

.menu_preview__recipe_duration {
    background: #ffdc4d;
    font-family: "Mulish ExtraBold",sans-serif;
    font-size: 12px;
    line-height: 16px;
    position: absolute;
    display: flex;
    align-items: center;
    bottom: 4%;
    left: 8px;
    padding: 4px 8px;
    border-radius: 4px
}

@media only screen and (max-width: 719px) {
    .menu_preview__recipe_duration {
        display:none
    }
}

.menu_preview__recipe_duration__icon {
    margin-right: 4px
}

.menu_preview .splide__arrow {
    top: 40%;
    width: 2.5em;
    height: 2.5em;
    background: #a1e3d9
}

.categories_preview .splide__arrow:disabled,.menu_preview .splide__arrow:disabled {
    background: #e0e1e2
}

.menu_preview .splide__arrow--next {
    right: -4em
}

.menu_preview .splide__arrow--prev {
    left: -4em
}

.menu_preview__slider_container {
    opacity: 0;
    transition: opacity .5s linear
}

.menu_preview #categories {
    width: 100%;
    display: flex
}

.menu_preview__categories_container {
    display: flex;
    position: relative;
    margin: 0 auto 5px;
    overflow: scroll
}

.menu_preview__category_link {
    padding: 16px 12px;
    cursor: pointer;
    white-space: nowrap;
    z-index: 2;
    transition: color .2s
}

.menu_preview__category_link.active {
    color: #fff
}

.menu_preview__category_selector {
    position: absolute;
    height: 29px;
    top: 0;
    background: #101820;
    border-radius: 17px;
    transition: transform .5s,width .3s;
    transition: transform .5s,width .3s,-webkit-transform .5s
}

.categories_preview_container {
    display: none;
    justify-content: center;
    background-color: #fff;
    padding: 50px 0 70px
}

.categories_preview {
    float: none;
    margin: 0 auto
}

.categories_preview__titles {
    display: flex;
    flex-direction: column;
    align-items: center
}

.categories_preview__titles__title {
    font-family: "Mulish ExtraBold",sans-serif;
    font-size: 32px;
    line-height: 40px;
    margin-right: 8px
}

.categories_preview__titles__subtitle {
    text-align: center
}

.categories_preview .splide__arrow {
    width: 2.5em;
    height: 2.5em;
    background: #a1e3d9
}

.categories_preview .category-image__family,.categories_preview .category-image__healthy,.categories_preview .category-image__heat,.categories_preview .category-image__meat_fish,.categories_preview .category-image__quick,.categories_preview .category-image__specials,.categories_preview .category-image__vegetarian {
    background: url(/images/ms/plan/recipe_categories-5c29eb8baa.webp) no-repeat;
    background-size: cover;
    width: 263px;
    height: 356px
}

@media only screen and (max-width: 719px) {
    .categories_preview .category-image__family,.categories_preview .category-image__healthy,.categories_preview .category-image__heat,.categories_preview .category-image__meat_fish,.categories_preview .category-image__quick,.categories_preview .category-image__specials,.categories_preview .category-image__vegetarian {
        width:215px;
        height: 292px
    }
}

.categories_preview .category-image__meat_fish {
    background-position: 0 0
}

.categories_preview .category-image__vegetarian {
    background-position: 16.666666666666667% 0
}

.categories_preview .category-image__quick {
    background-position: 33.333333333333334% 0
}

.categories_preview .category-image__family {
    background-position: 50.000000000000001% 0
}

.categories_preview .category-image__healthy {
    background-position: 66.666666666666668% 0
}

.categories_preview .category-image__specials {
    background-position: 83.333333333333335% 0
}

.categories_preview .category-image__heat {
    background-position: 100% 0
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    .special-order__faq-list {
        padding:0 10px
    }
}

@media only screen and (min-width: 1080px) {
    .special-order__faq-list {
        padding:0 30px
    }
}

.special-order__faq-question {
    font-size: 18px;
    font-family: "Mulish SemiBold",sans-serif;
    margin: 10px 0
}

.special-order__faq-answer {
    margin-bottom: 30px
}

@media only screen and (max-width: 719px) {
    .special-order__info-section:nth-child(2) {
        margin-bottom:30px
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .special-order__info-section:nth-child(1) {
        order:1;
        margin-top: 20px
    }

    .special-order__info-section:nth-child(2) {
        order: 2;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-bottom: 0;
        padding: 0 20px
    }

    .special-order__info-section:nth-child(3) {
        order: 4;
        margin-top: 20px
    }

    .special-order__info-section:nth-child(4) {
        order: 3;
        padding: 0 30px 0 0
    }
}

@media only screen and (min-width: 1080px) {
    .special-order__info-section:nth-child(3) {
        margin-top:0
    }
}

.special-order__content-section {
    padding: 30px 0
}

.special-order__content-section:last-child {
    padding-bottom: 0
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .special-order__content-section {
        padding:20px 0 40px
    }
}

.special-order__menu-recipe {
    background: #fff;
    border-radius: 4px;
    width: 300px;
    margin-bottom: 15px;
    overflow: hidden
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .special-order__menu-recipe {
        margin:0 5px 15px;
        width: 350px
    }
}

.special-order__recipe-image {
    cursor: pointer;
    overflow: hidden;
    height: 170px
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .special-order__recipe-image {
        height:232px
    }
}

.special-order__recipe-details {
    color: #101820;
    padding: 15px;
    height: 92px
}

.special-order__recipe-title {
    cursor: pointer;
    font-size: 16px;
    font-family: "Mulish SemiBold",sans-serif;
    text-align: center
}

.special-static-page {
    margin-bottom: 0
}

.special-order__static-footer {
    padding: 0
}

.special-order__static-footer .special-order__static-footer-container {
    position: relative;
    margin: 0 auto;
    width: 100%
}

@media only screen and (min-width: 1080px) {
    .special-order__static-footer .special-order__static-footer-container {
        max-width:1270px
    }
}

.special-order__static-footer .special-order__static-footer-content {
    text-align: center;
    position: absolute;
    bottom: 10%
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .special-order__static-footer .special-order__static-footer-content {
        bottom:15%
    }
}

.edit-address-and-delivery-slot-modal .modal__body {
    margin: 30px auto 100px;
    padding: 0
}

@media only screen and (min-width: 720px) and (max-width:1079px),only screen and (min-width:1080px) {
    .edit-address-and-delivery-slot-modal .edit_deliveries-section__body {
        width:540px
    }
}

@media only screen and (min-width: 1080px) {
    .edit-address-and-delivery-slot-modal .edit_deliveries-section__body.slim-desktop {
        width:500px;
        margin-left: 40px
    }
}

.edit-address-and-delivery-slot-modal .address-form__container,.edit-address-and-delivery-slot-modal .edit-deliveries__container {
    border-radius: 4px;
    margin-bottom: 20px
}

.edit-address-and-delivery-slot-modal .edit-address-section__header,.edit-address-and-delivery-slot-modal .edit-deliveries-section__header {
    text-transform: capitalize;
    margin-bottom: 20px
}

.app-download-banner {
    overflow-x: hidden;
    width: 100%;
    height: 68px;
    background: #fafafb;
    font-family: Helvetica,sans,sans-serif;
    display: flex;
    align-items: center;
    z-index: 2;
    gap: 8px
}

.app-download-banner__exit {
    margin-left: 9px;
    display: block;
    width: 12px;
    height: 12px;
    text-align: center
}

.app-download-banner__exit::after,.app-download-banner__exit::before {
    position: absolute;
    width: 1px;
    height: 12px;
    background: #64696e;
    content: ' '
}

.app-download-banner__exit::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.app-download-banner__exit::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.app-download-banner__icon {
    width: 48px;
    height: 48px;
    border-radius: 15px;
    background-size: 48px 48px
}

.app-download-banner__info {
    overflow-y: hidden;
    flex: 1;
    align-items: center;
    color: #000
}

.app-download-banner__title {
    font-size: 13px
}

.app-download-banner__author {
    font-size: 12px
}

.app-download-banner__button {
    top: 32px;
    right: 10px;
    z-index: 1;
    display: block;
    padding: 0 10px;
    min-width: 10%;
    border-radius: 5px;
    background: 0 0;
    color: #1474fc;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase
}

.app-download-banner__label {
    text-align: center
}

html {
    --icon-fill-color: #101820;
    --main-font: Mulish Regular, sans-serif;
    --main-font-medium: Mulish SemiBold, sans-serif;
    --main-font-bold: Mulish ExtraBold, sans-serif;
    --error-color: #FF5D62;
    --loading-dot-color: rgba(0, 0, 0.01);
    --loading-dot-end-color: transparent
}

.inline_svg_icon {
    width: 24px;
    height: 24px;
    display: inline-block
}

#failed-payments-banner {
    --main-text-color: white;
    --main-bkg-color: #FF5D62;
    font-family: var(--main-font-bold);
    background: var(--main-bkg-color);
    height: 62px;
    color: var(--main-text-color);
    display: flex;
    flex-direction: row;
    gap: 14px;
    align-items: center;
    justify-content: center;
    padding: 0 16px
}

#failed-payments-banner .btn-retry {
    border: 1px solid var(--main-text-color);
    color: var(--main-text-color);
    padding: 4px 8px;
    border-radius: 16px
}

#failed-payments-banner .text {
    max-width: calc(100% - 150px);
    line-height: 22px
}

@media only screen and (max-width: 719px) {
    #failed-payments-banner {
        font-size:16px;
        justify-content: space-between
    }

    #failed-payments-banner .text {
        flex: 1;
        max-width: 100%
    }
}

#failed-payments-banner.success {
    --main-bkg-color: #D0F1EC;
    --main-text-color: #101820
}

#failed-payments-banner.success .inline_svg_icon.check_circle {
    --icon-fill-color: var(--main-bkg-color);
    --icon-stroke-color: var(--main-text-color)
}

#failed-payment-modal {
    --order-details-bkg-color: #FAFAFB;
    --price-breakdown-entry-color: #64696E;
    padding: 32px 32px 16px
}

#failed-payment-modal .failed-payment-banner {
    text-align: left;
    position: relative;
    min-height: 56px;
    padding: 16px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 15px;
    line-height: 17px;
    margin-bottom: 16px;
    background: #ffebec
}

#failed-payment-modal .failed-payment-banner .error_circle {
    flex-shrink: 0
}

@media only screen and (max-width: 719px) {
    #failed-payment-modal .failed-payment-banner {
        min-height:40px;
        padding: 8px;
        font-size: 14px
    }
}

#failed-payment-modal .orders_container {
    display: flex;
    flex-direction: column;
    gap: 16px
}

#failed-payment-modal .modal__body {
    margin: 0
}

#failed-payment-modal .close-modal {
    position: unset;
    align-self: flex-end
}

#failed-payment-modal .modal__heading {
    margin: 0;
    max-width: 100%;
    text-align: left!important;
    display: flex;
    flex-direction: column
}

#failed-payment-modal .modal__heading-headline {
    font-size: 26px;
    text-align: center;
    margin-bottom: 12px
}

#failed-payment-modal .modal__body__headline {
    text-align: left;
    font-size: 18px;
    margin-bottom: 24px;
    color: #000;
    font-family: var(--main-font-medium)
}

#failed-payment-modal .price_breakdown__entry {
    display: flex;
    justify-content: space-between;
    font-family: var(--main-font);
    font-size: 15px;
    color: var(--price-breakdown-entry-color)
}

#failed-payment-modal .total_price__container {
    font-family: var(--main-font-bold);
    color: #000
}

#failed-payment-modal .extra_body_content {
    margin-top: 12px;
    margin-bottom: 34px
}

#failed-payment-modal .modal__footer {
    display: flex;
    justify-content: center;
    gap: 16px
}

#failed-payment-modal .modal__footer button {
    width: 45%
}

@media only screen and (max-width: 719px) {
    #failed-payment-modal {
        padding:16px;
        top: auto!important;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0;
        max-height: 100%;
        width: 100%
    }

    #failed-payment-modal .failed_payment_order_details {
        padding: 16px
    }

    #failed-payment-modal .modal__heading-headline {
        font-size: 20px
    }

    #failed-payment-modal .modal__body__headline {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 16px
    }

    #failed-payment-modal .modal__footer {
        flex-direction: column;
        gap: 8px
    }

    #failed-payment-modal .modal__footer button {
        margin: 0;
        width: 100%
    }
}

.dot-flashing,.dot-flashing::after,.dot-flashing::before {
    display: inline-block;
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--loading-dot-color);
    color: var(--loading-dot-color)
}

.dot-flashing {
    margin-top: -5px;
    margin-left: -5px;
    -webkit-animation: dotFlashing 1s infinite linear alternate;
    animation: dotFlashing 1s infinite linear alternate;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    top: 50%;
    left: 50%
}

.dot-flashing::after,.dot-flashing::before {
    content: '';
    top: 0;
    left: -15px;
    -webkit-animation: dotFlashing 1s infinite alternate;
    animation: dotFlashing 1s infinite alternate;
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.dot-flashing::after {
    left: 15px;
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.failed_payment_order_details {
    text-align: left;
    background: var(--order-details-bkg-color, red);
    padding: 16px 24px;
    border-radius: 8px
}

.failed_payment_order_details .line {
    height: 1px;
    background: #e0e1e2;
    margin: 16px 0 20px
}

.failed_payment_order_details_heading {
    text-align: center;
    font-size: 18px
}

.collapsible_order_details_header {
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 4px
}

.collapsible_order_details_header .inline_svg_icon.check_circle {
    --icon-fill-color: #D0F1EC;
    --icon-stroke-color: black
}

.collapsible_order_details_header .delivery_date,.outstanding_payment_error_banner span {
    flex: 1
}

.collapsible_order_details_header .price-breakdown {
    display: flex;
    align-items: center
}

.collapsible_order_details_breakdown_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer
}

.collapsible_order_details_breakdown_container.open .chevron_up {
    display: inline-block
}

.collapsible_order_details_breakdown_container.open .chevron_down,.collapsible_order_details_breakdown_contents,.collapsible_order_details_breakdown_header .chevron_up {
    display: none
}

.collapsible_order_details_breakdown_container.open .collapsible_order_details_breakdown_contents {
    display: block
}

.outstanding_payment_error_banner {
    color: var(--error-color, #FF5D62);
    font-family: var(--main-font-medium);
    font-size: 15px;
    line-height: 1.2em;
    display: flex;
    text-align: left;
    gap: 8px;
    margin: 8px 0
}

.outstanding_payment_error_banner.center-aligned {
    align-items: center
}

.home .pp-section,body #page_header .pp-header {
    position: relative!important
}

.home .pp-new-image img {
    display: block!important;
    width: 100%!important
}

.home .pp-content {
    height: 100%!important;
    text-align: center!important;
    display: flex!important;
    flex-flow: column!important;
    align-items: center!important;
    justify-content: center!important;
    background-color: #fff7d9!important;
    padding: 42px 0!important
}

@media only screen and (min-width: 720px) {
    .home .pp-content {
        position:absolute!important;
        left: 0!important;
        width: calc(50% + 10px)!important;
        padding-top: 0!important;
        padding-bottom: 0!important
    }
}

.home .pp-headline {
    font-size: 30px!important;
    line-height: 34px!important;
    font-family: Mulish ExtraBold,sans-serif!important;
    text-transform: uppercase!important;
    font-weight: 700!important
}

@media only screen and (min-width: 720px) {
    .home .pp-headline {
        font-size:32px!important;
        line-height: 36px!important
    }
}

@media only screen and (min-width: 1060px) {
    .home .pp-headline {
        font-size:44px!important;
        line-height: 52px!important
    }
}

.home .pp-text {
    font-family: Mulish Regular,sans-serif!important;
    line-height: 24px!important;
    font-size: 16px!important;
    margin-top: 5px!important;
    max-width: 80%!important;
    margin-bottom: 5px!important
}

@media only screen and (min-width: 720px) {
    .home .pp-text {
        font-size:16px!important;
        line-height: 24px!important;
        margin-top: 5px!important;
        max-width: 90%!important
    }
}

@media only screen and (min-width: 1060px) {
    .home .pp-text {
        font-size:22px!important;
        line-height: 33px!important;
        max-width: 80%!important
    }
}

.home .pp-button {
    display: none!important
}

@media only screen and (min-width: 720px) {
    .home .pp-button {
        display:inline-block!important;
        margin-top: 10px!important
    }
}

@media only screen and (min-width: 1060px) {
    .home .pp-button {
        margin-top:19px!important
    }
}

.br-voucher {
    height: 56px!important;
    background-color: #ffecb3!important;
    top: 0!important;
    width: 100%!important;
    display: flex;
    justify-content: center!important;
    align-items: center!important;
    z-index: 5!important
}

.br-voucher .pp-close {
    position: absolute!important;
    right: 0!important;
    top: 3px!important;
    opacity: .5!important;
    cursor: pointer!important
}

@media only screen and (max-width: 900px) {
    .br-voucher .pp-close {
        right:20px!important
    }
}

@media only screen and (max-width: 766px) {
    .br-voucher .pp-close {
        right:-26px!important;
        top: -1px!important
    }
}

@media only screen and (max-width: 420px) {
    .br-voucher .pp-close {
        right:-26px!important;
        top: -1px!important
    }
}

.br-voucher.style-dn {
    background-color: #cfc0e4!important
}

.br-voucher.style-dn .br-voucher-inner {
    color: #2f1653!important
}

.br-voucher.style-dn .br-voucher-btn,.br-voucher.style-dn b {
    font-family: Poppins Medium,sans-serif!important;
    font-weight: 400!important
}

.br-voucher.style-dn .br-voucher-btn {
    color: #5e2ca5!important
}

.br-voucher.style-dn .br-voucher-btn:hover,.section__pp--one .pp-text-wrap .pp-lyle-cta:hover {
    text-decoration: none!important
}

@media only screen and (max-width: 766px) {
    .br-voucher {
        height:124px!important
    }
}

.br-voucher-container,.pp-voucher .br-voucher {
    display: flex!important
}

.br-voucher-container {
    position: relative!important;
    justify-content: center!important;
    width: 100%!important;
    max-width: 1024px!important
}

@media only screen and (max-width: 766px) {
    .br-voucher-container {
        flex-direction:column!important;
        align-items: center!important;
        max-width: 400px!important
    }
}

@media only screen and (max-width: 420px) {
    .br-voucher-container {
        max-width:260px!important
    }
}

.br-voucher-inner {
    display: flex!important;
    justify-content: center!important;
    align-items: center!important;
    font-size: 16px!important;
    flex-flow: wrap!important
}

.br-voucher-inner b {
    font-family: Mulish SemiBold,sans-serif!important;
    display: inline!important
}

@media only screen and (max-width: 900px) {
    .br-voucher-inner {
        padding-left:20px!important;
        justify-content: flex-start!important
    }
}

@media only screen and (max-width: 766px) {
    .br-voucher-inner {
        padding:0!important;
        display: block!important;
        text-align: center!important;
        font-size: 14px!important;
        line-height: 20px!important
    }
}

.br-voucher-btn {
    width: 160px!important;
    height: 30px!important;
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    background-color: #fff!important;
    border-radius: 4px!important;
    font-size: 14px!important;
    font-family: Mulish SemiBold,Arial,sans-serif!important;
    cursor: pointer!important;
    color: #000!important;
    margin-left: 12px!important
}

@media only screen and (max-width: 900px) {
    .br-voucher-btn {
        margin-top:6px!important;
        margin-left: auto!important;
        margin-right: 60px!important
    }
}

@media only screen and (max-width: 766px) {
    .br-voucher-btn {
        margin-top:8px!important;
        margin-right: auto!important
    }
}

.section__pp--one {
    z-index: 0!important;
    max-width: 1080px!important;
    height: 454px!important
}

.section__pp--one img {
    min-width: 100%!important;
    height: auto!important
}

@media only screen and (min-width: 720px) {
    .section__pp--one img {
        height:100%!important
    }
}

.section__pp--one .pp-text-wrap {
    width: 50%!important;
    padding-top: 80px!important;
    margin-left: auto!important;
    z-index: 9!important;
    text-align: center!important;
    display: flex!important;
    flex-direction: column!important;
    align-items: center!important;
    justify-content: center!important;
    color: #fff!important
}

.section__pp--one .pp-text-wrap h2 {
    padding: 0!important;
    letter-spacing: 2px!important;
    margin-bottom: 15px!important
}

.section__pp--one .pp-text-wrap p {
    padding: 0 30px;
    color: #000;
    font-size: 20px;
    font-weight: 600
}

.section__pp--one .pp-text-wrap .pp-lyle-cta {
    border: 0!important;
    height: unset!important;
    cursor: pointer!important;
    background: #5a3c97!important;
    line-height: unset!important;
    color: #fff!important;
    border-radius: 50px!important;
    letter-spacing: 2px!important;
    padding: 15px 25px 17px!important;
    font-size: 16px!important
}

@media only screen and (max-width: 1080px) {
    .section__pp--one {
        height:454px!important
    }
}

@media only screen and (max-width: 719px) {
    .section__pp--one {
        height:658px!important
    }

    .section__pp--one .pp-img-wrap {
        height: 260px!important
    }
}

@media only screen and (max-width: 1080px) {
    .section__pp--one .pp-text-wrap {
        width:55%!important;
        padding-top: 16.5%!important;
        padding-bottom: 5%!important;
        justify-content: space-between!important;
        gap: 10px
    }
}

@media only screen and (max-width: 719px) {
    .section__pp--one .pp-text-wrap {
        width:350px!important;
        padding-top: 105px!important;
        padding-bottom: 40px!important;
        margin: auto!important;
        height: 390px!important
    }
}

@media only screen and (max-width: 1080px) {
    .section__pp--one .pp-text-wrap h2 {
        margin-bottom:0!important
    }
}

@media only screen and (max-width: 719px) {
    .section__pp--one .pp-text-wrap h2 {
        width:100%!important;
        font-size: 22px!important;
        letter-spacing: 1.5px!important;
        padding: 0 20px!important
    }
}

@media only screen and (max-width: 1080px) {
    .section__pp--one .pp-text-wrap p {
        margin-bottom:0!important;
        padding: 0 10px!important
    }
}

@media only screen and (max-width: 719px) {
    .section__pp--one .pp-text-wrap p {
        font-size:14px!important;
        margin-bottom: 10px!important;
        padding: 0 30px!important
    }

    .section__pp--one .pp-text-wrap .pp-lyle-cta {
        font-size: 14px!important;
        letter-spacing: 1.5px!important;
        padding: 7px 22px 9px!important
    }
}

@media only screen and (min-width: 719px) {
    .section__pp--one .pp-text-wrap a {
        margin-bottom:15px
    }
}

.upsell {
    margin-bottom: 16px;
    border-radius: 8px;
    background-color: #ecf9f7
}

.upsell__container {
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 16px;
    padding: 16px 24px 16px 16px
}

@media only screen and (max-width: 719px) {
    .upsell__container {
        padding:12px 16px 12px 12px
    }
}

.upsell__mid,.upsell__old-price {
    font-family: "Mulish SemiBold",sans-serif
}

.upsell__mid {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 4px;
    flex: 1;
    font-size: 14px;
    line-height: 16px;
    color: #101820
}

.upsell__old-price {
    color: #64696e;
    text-decoration: line-through
}

.upsell__new-price {
    color: #1d8478
}

.upsell__new-price,.upsell__title {
    font-family: "Mulish ExtraBold",sans-serif;
    font-weight: 700
}

.upsell__text {
    font-weight: 400
}

.upsell__close {
    width: 20px;
    height: 20px;
    cursor: pointer
}

@media only screen and (max-width: 719px) {
    .upsell__close {
        width:16px;
        height: 16px
    }
}

.upsell__close svg path {
    fill: #64696e
}

.is-dn.upsell {
    background-color: #e9f8f7
}

.is-dn.upsell__mid {
    color: #3a3a3a
}

.is-dn.upsell__old-price {
    color: #a3a3a3
}

.is-dn.upsell__new-price {
    color: #973810
}

.is-dn.upsell__close svg path {
    fill: #7b7b7b
}

@media only screen and (min-width: 1080px) {
    #edit-order-modal-upsell .upsell {
        display:none
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    #edit-order-modal-upsell .upsell {
        width:calc(100vw - 48px);
        margin-left: 20px
    }
}

@media only screen and (max-width: 719px) {
    #edit-order-modal-upsell .upsell {
        display:none
    }
}

@media only screen and (min-width: 1080px) {
    #edit-order-modal-recipe-groups .upsell {
        width:calc(100vw - 540px)
    }
}

@media only screen and (min-width: 720px) and (max-width:1079px) {
    #edit-order-modal-recipe-groups .upsell {
        display:none
    }
}

@media only screen and (max-width: 719px) {
    #edit-order-modal-recipe-groups .upsell {
        width:calc(100vw - 32px);
        margin-left: 16px
    }
}