Favoreats
Favoreats LLC
GET — On the App Store
INGREDIENTS
1 ml
section.marketing-section.ht -content .content-wrap a
1 ml
section.marketing-section.ht -content .content-wrap {
1 serving
display: block
1 serving
section backgrounds
1 serving
ln-plans-section {
1 serving
padding-top: 80px
1
section.ln-plans-section hmedium
1 serving
margin-top: 320px
1 serving
margin-top: 0px
1 serving
color: #fff
1 serving
font-size: 14px
1 serving
border-bottom: 1px solid #ccc
1 serving
display: block
1 serving
font-size: 24px
color
1 serving
font-size: 10px
1 serving
top: -8px
1 serving
font-size: 68px
color
1 serving
margin-bottom: 0px
1 serving
font-size: 22px
1 serving
top: -16px
1 serving
color: #e20074
1 serving
font-size: 22px
1 serving
top: -16px
color
1 serving
font-size: 14px
1 serving
top: 16px
1 serving
font-size: 14px
1 serving
top: -9px
1 serving
font-size: 12px
1 serving
top: -9px
1 serving
font-size: 12px
1 serving
color: #4d4d4d
font-size: 75em
1 serving
ln-plans-benefit a strong {
444
color
1 serving
color: #e20074
font-size: 5em
1 serving
font-style: normal
1 serving
color: #4d4d4d; }
1 serving
font-size: 16px
1 serving
background-color: #e20074
1 serving
color: #fff
1 serving
display: block
1 serving
font-size: 16px
1 serving
color: #e20074
1 serving
display: inline-block
1 serving
font-size: 19px
1 serving
top: 2px
1 serving
ln-btn a:first-child:after { width: 0; opacity: 0; color: #fff; right: 4px
1 serving
ln-btn a:first-child:hover:after { color: #fff; width: 16px; opacity: 1; right: -6px
1 serving
marketing-page .legal .section-legal {
1 serving
display: inline-block
1 serving
font-size: 18px
1 serving
color: #fff
1 serving
color: #fff; }
1 serving
color: #fff;}
font-size: 8em
font-size: 8em
1 serving
ln-plans-section {
1 serving
margin-top: 280px
font-size: 75em
1 serving
ln-plans-section
1 serving
font-size: 16px
1 serving
font-size: 24px
1 serving
font-size: 10px
1 serving
top: -10px
1 serving
font-size: 128px
1 serving
font-size: 40px
1 serving
top: -32px
1 serving
color: #e20074
1 serving
font-size: 40px
1 serving
top: -32px
color
1 serving
font-size: 20px
1 serving
top: 40px
1 serving
font-size: 16px
1 serving
margin-top: 10px
1 serving
color: #4d4d4d
font-size: 9em
444
ln-plans-benefit a strong { font-weight: bold; color
1 serving
color: #4d4d4d; }
1 serving
marketing-page .legal .section-legal {
1 serving
margin-top: 280px
1 serving
color: #4d4d4d
1 serving
font-size: 1em
1 serving
max-width
? padding: 0 0; padding: 0 0; padding 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
article#ln-plans
1 serving
display: flex
1 serving
align-items: center
1 serving
justify-content: center
1 serving
flex-flow: column
1 serving
height: 1340px
1 serving
}
1 serving
headline container
1 serving
ln-plans-header {
1 serving
display: flex
1 serving
flex-flow: column
1 serving
position: absolute
? top: 0; top: 0; top 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
width
1 serving
height: 420px
1 serving
align-items: center
1 serving
background: #e20074
servings
padding: 6vw
1 serving
}
1
ln-plans-header h {
1 serving
}
1 serving
colors
1 serving
ln-bg-black
1 serving
ln-bg-magenta-dark
1 serving
ln-bg-magenta
1 serving
cards container
1 container
ln-plans {
1 serving
position: relative
1 serving
max-width: 1280px
1 serving
width
1 serving
overflow-x: scroll
1 serving
overflow-y: hidden
1 serving
}
1 serving
plans cards
1 serving
ln-plans-cards {
1 serving
width: 180vw
1 serving
display: flex
1 serving
justify-content: space-around
1 serving
flex-flow: row
1 serving
height: 1080px
1 serving
}
1 serving
ln-plans-card {
1 serving
position: relative
1 serving
width: 85vw
1 serving
height: 720px
1 serving
background: #fff
box-shadow: 0 0 10px rgba
1 serving
}
1 serving
ln-plans-card:nth-of-type
1 serving
ln-plans-card:nth-of-type
1 serving
ln-plans-card:nth-of-type
1 serving
ln-plans-card-eyebrow {
1 serving
display: flex
1 serving
justify-content: center
1 serving
align-items: center
1 serving
height: 30px
1 serving
font-family: blinkmacsystemfont
1 serving
font-weight: bold
1 serving
}
1 serving
ln-plans-card-header {
1 serving
display: flex
1 serving
flex-flow: column
1 serving
height: 200px
1 serving
}
1 serving
ln-plans-card-name {
1 serving
width
1 serving
text-align: center
1 serving
font-family: tele-ult
margin: 4px 8px
1 serving
}
1 serving
ln-plans-card-name sup {
1 serving
}
1 serving
ln-plans-card-price
1 serving
position: relative
1 serving
display: flex
1 serving
justify-content: center
1 serving
text-align: center
1 serving
line-height: 72px
1 serving
font-family: tele-ult
1 serving
overflow-y: hidden
1 serving
width: auto
1 serving
}
1 serving
ln-plans-card-price:before {
1 serving
content: "$
1 serving
font-family: tele-nor
1 serving
position: relative
1 serving
}
1 serving
ln-plans-card-price-essentials:before {
1 serving
content: "$
1 serving
font-family: tele-nor
1 serving
position: relative
1 serving
}
1 serving
ln-plans-card-price:after
1 serving
content: "/line
1 serving
font-family: tele-nor
1 serving
position: relative
1 serving
}
1 serving
ln-plans-card-priceline {
1 serving
font-family: tele-fet
1 serving
text-align: center
1 serving
line-height: 16px
1 serving
}
1 serving
ln-plans-include {
1 serving
position: relative
1 serving
text-align: center
1 serving
width
1 serving
}
1 serving
ln-plans-include div {
1 serving
display: inline
1 serving
background: #fff
1
letter-spacing: 2px
servings
padding: 15px
1 serving
text-transform: uppercase
1 serving
}
1 serving
ln-plans-with {
1 serving
position: relative
1 serving
text-align: center
1 serving
width
1 serving
}
1 serving
ln-plans-with div {
1 serving
display: inline
1 serving
background: #fff
1
letter-spacing: 2px
servings
padding: 15px
1 serving
text-transform: uppercase
1 serving
}
1 serving
ln-plans-benefits-container
1 serving
ln-plans-benefits-border
1 serving
ln-plans-benefit a {
1 serving
cursor: pointer
1 serving
display: flex
1 serving
align-items: center
1 serving
padding: 4px 0px
1 serving
background: none
1
transition: all 800ms cubic-bezier
1 serving
align-items: center
1
line-height: 2em
1 serving
text-align: left
1 serving
text-decoration: none !important
1 serving
}
1 serving
font-weight: bold
1 serving
}
1 serving
ln-plans-benefit a:hover
1 serving
ln-plans-benefit img {
1 serving
width: 24px
1 serving
height: 24px
1 serving
margin-right: 10px; }
1 serving
ln-plans-benefit a img
1 serving
ln-plans-benefit a:hover img
1 serving
add arrows to benefits
1 serving
ln-plans-benefit a:after {
1 serving
content: "\f061
1 serving
position: absolute
1
right: 5em
1 serving
font-family: fontawesome
1 serving
font-weight: normal
1 serving
text-decoration: inherit
1 serving
}
1 serving
ln-plans-benefit-copy {
1 serving
display: flex
1 serving
ln-btn
1 serving
ln-btn a:first-child {
1 serving
font-family: blinkmacsystemfont
700
? letter-spacing: 0; letter-spacing: 0; letter-spacing 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
line-height: 24px
? border: 0; border: 0; border 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
? border-radius: 0; border-radius: 0; border-radius 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
min-height: 48px
1 serving
min-width: 74px
padding: 12px
1 serving
text-align: center
1 serving
text-decoration: none
1 serving
}
1 serving
ln-btn a {
1 serving
box-shadow: none
1 serving
font-family: blinkmacsystemfont
700
1 serving
text-align: center
1 serving
width: 240px
margin: 1px auto
1 serving
min-height: 48px
1 serving
min-width: 74px
1 serving
padding: 12px 32px
1 serving
}
1 serving
ln-btn a:after
? bottom: 0; bottom: 0; bottom 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
content: '\f142
1 serving
font-family: "material design icons
? height: 0; height: 0; height 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
? line-height: 0; line-height: 0; line-height 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
margin: auto
1
1 serving
position: relative
1 serving
right: 2px
1 serving
width: 16px
1 serving
}
1 serving
ln-btn a:first-child:hover
1 serving
animation-name: ln-btn-off
animation-duration: 2s; }
1 serving
animation-name: ln-btn-on
animation-duration: 2s; }
1 serving
ln-btn a:hover
1 serving
keyframes ln-btn-on {
1 serving
}
1 serving
keyframes ln-btn-off {
1 serving
}
1 T
se up magenta card
1 serving
ln-magenta-card
1 serving
ln-magenta-card .ln-plans-card-header
1 serving
ln-magenta-card .ln-plans-card-name
1 serving
ln-magenta-card .ln-plans-include
1 serving
ln-magenta-card .ln-plans-with
1 serving
ln-magenta-card .ln-btn
1 serving
width
1 serving
}
1 serving
ln-cta-container
1 container
ln-cta a {
1 serving
box-shadow: none
1 serving
line-height: 45px
1 serving
height: 45px
1 serving
text-align: center
servings
padding: 30px
servings
margin: 10px
1 serving
vertical-align: middle
1 serving
}
1 container
ln-cta a:first-child {
1 serving
background: #e20074
1 container
ln-cta a:a:nth-child {
background
1 container
ln-cta a:hover {
box-shadow: 0 0 30px 6px rgba
1 serving
}
1 serving
media only screen and {
1 serving
ln-plans-benefit a {
1 serving
padding: 4px 10px
1
line-height: 2em
1 serving
}
1 serving
}
1 serving
media only screen and {
1 serving
ln-plans-benefit a {
1 serving
padding: 4px 16px
1
line-height: 2em
1 serving
}
1 serving
}
1 serving
media only screen and {
1 serving
height: 1200px
1 serving
}
1 serving
plans cards
1 container
ln-plans {
1 serving
flex-flow: row
1 serving
width: 85vw
1 serving
}
1 serving
ln-plans-benefit a {
1 serving
padding: 4px 10px
1
line-height: 1em
1 serving
}
1 serving
ln-plans-cards {
1 serving
width: 85vw
1 serving
justify-content: space-between
1 serving
align-items: flex-start
1 serving
flex-flow: row
1 serving
width
margin: auto
1 serving
}
1 serving
ln-plans-card {
1 serving
width: 40vw
1 serving
height: 690px
1 serving
}
1 serving
}
1 serving
media only screen and {
1 serving
plans cards
1 container
ln-plans {
1 serving
flex-flow: row
1 serving
width: 85vw
1 serving
}
1 serving
ln-plans-header {
? padding: 0 0; padding: 0 0; padding 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
ln-plans-header h1
1 serving
ln-plans-cards {
1 serving
width: 85vw
1 serving
justify-content: space-between
1 serving
align-items: flex-start
1 serving
flex-flow: row
1 serving
width
margin: auto
1 serving
height: 1020px
1 serving
}
1 serving
ln-plans-card {
1 serving
width: 40vw
1 serving
min-height: 600px
1 serving
}
1 serving
ln-plans-benefit img {
1 serving
width: 22px
1 serving
height: 22px
1 serving
margin-right: 10px; }
1 serving
ln-magenta-card .ln-btn
1 serving
}
1 serving
media only screen and {
1 serving
ln-plans-header {
? padding: 0 0; padding: 0 0; padding 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
ln-plans-header h1
1 serving
plans cards
1 container
ln-plans {
1 serving
flex-flow: row
1 serving
width: 95vw
1 serving
min-height: 900px
1 serving
overflow-x: visible
1 serving
overflow-y: visible
1 serving
}
1 serving
plans cards
1 serving
ln-plans-cards {
1 serving
justify-content: space-between
1 serving
align-items: flex-start
1 serving
height: 900px
1 serving
}
1 serving
ln-plans-card {
1 serving
width: 46vw
1 serving
min-height: 910px
? margin-bottom: 0; margin-bottom: 0; margin-bottom 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
box-shadow: 0 0 24px rgba
1 serving
}
1 serving
ln-plans-card-eyebrow {
1 serving
height: 40px
1 serving
}
1 serving
ln-plans-card-header {
1 serving
height: 300px
1 serving
}
1 serving
ln-plans-card-name {
margin: 6px 8px
1 serving
}
1 serving
ln-plans-card-name sup {
1 serving
}
1 serving
ln-plans-card-price
1 serving
justify-content: center
1 serving
text-align: center
1 serving
line-height: 120px
1 serving
overflow-y: hidden
1 serving
height: 110px
1 serving
width: auto
1 serving
}
1 serving
ln-plans-card-price:before {
1 serving
content: "$
1 serving
font-family: tele-nor
1 serving
position: relative
1 serving
}
1 serving
ln-plans-card-price-essentials:before {
1 serving
content: "$
1 serving
font-family: tele-nor
1 serving
position: relative
1 serving
}
1 serving
ln-plans-card-price:after
1 serving
content: "/line
1 serving
font-family: tele-nor
1 serving
position: relative
1 serving
}
1 serving
ln-plans-card-priceline {
1 serving
font-family: tele-fet
1 serving
text-align: center
1 serving
line-height: 18px
1 serving
}
1 serving
ln-plans-benefits-container
1 serving
ln-plans-benefits-border
1 serving
ln-plans-benefit a {
1 serving
padding: 4px 72px
1 serving
align-items: center
1
line-height: 1em
1 serving
}
1 serving
ln-plans-benefit a:after
1 serving
}
1 serving
ln-plans-benefit a:hover
1 serving
ln-plans-benefit img {
1 serving
width: 24px
1 serving
height: 24px
1 serving
margin-right: 14px; }
1 serving
ln-plans-benefit-copy {
1 serving
display: flex
1 serving
ln-plans-card:first-child .ln-btn a:first-child
1 serving
ln-plans-card:first-child .ln-btn a
1 serving
card cta position
1 serving
ln-btn
1 T
se up magenta card
1 serving
ln-magenta-card
1 serving
ln-magenta-card .ln-plans-card-header
1 serving
ln-magenta-card .ln-plans-card-name
1 serving
ln-magenta-card .ln-btn
1 serving
width
1 serving
}
1 serving
}
1 serving
media only screen and {
1 serving
plans cards
1 container
ln-plans {
1 serving
flex-flow: row
1 serving
width: 1060px
1 serving
min-height: 1120px
1 serving
overflow-x: visible
1 serving
overflow-y: visible
1 serving
}
1 serving
plans cards
1 serving
ln-plans-cards {
1 serving
justify-content: space-between
1 serving
align-items: flex-start
1 serving
flex-flow: row
1 serving
width
1 serving
}
1 serving
ln-plans-card {
1 serving
width: 510px
1 serving
min-height: 1080px
? margin-bottom: 0; margin-bottom: 0; margin-bottom 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
ln-plans-benefit a {
1 serving
cursor: pointer
1 serving
display: flex
1 serving
align-items: center
1 serving
padding: 4px 72px
1 serving
background: none
1 serving
align-items: center
1 serving
line-height: 1em
1 serving
}
1 serving
ln-plans-benefit img {
1 serving
width: 36px
1 serving
height: 36px
1 serving
margin-right: 14px; }
1 T
se up magenta card
1 serving
ln-magenta-card
1 serving
}