INGREDIENTS
1 serving
color: #3c3c3c; }
1 serving
wrapper {
1 serving
font-style: italic; }
1 serving
font-weight: 100; }
1 serving
font-style: italic; }
1 serving
font-style: italic; }
1 serving
font-size: 12px; }
1 serving
font-size: 14px; }
1 serving
font-size: 36px; }
1 serving
button {
3 cs
color
1 serving
font-size: 14px
1 serving
font-weight: 100; }
1 serving
strong
1 serving
font-size: 24px
1 serving
font-weight: 100; }
1 serving
font-size: 18px
1 serving
font-weight: 100; }
1 serving
font-size: 16px
1 serving
font-weight: 100; }
1 serving
font-size: 14px
1 serving
font-size: 14px
1 serving
button {
1 serving
display: inline-block
1 serving
border-style: solid
1 serving
color: #fff
1 serving
font-size: 14px
1 serving
button {
1 serving
button {
1 serving
button--primary {
1 serving
border-color: #fb6a00
1 serving
button--primary:hover
1 serving
button--primary:focus {
1 serving
border-color: #ff401a
1 serving
button--secondary {
1 serving
border-color: #ddd
3 cs
color
1 serving
font-size: 12px; }
1 serving
button--secondary:hover
1 serving
button--secondary:focus {
1 serving
button--secondary-grey {
1 serving
button--secondary-grey:hover
1 serving
button--secondary-grey:focus {
border-color
1 serving
color: #fff; }
1 serving
button--secondary-white {
1 serving
border-color: #ddd
1 serving
color: #3c3c3c; }
1 serving
button--secondary-white:hover
1 serving
button--secondary-white:focus {
border-color
1 serving
color: #fff; }
border-color
1 serving
color: #fff; }
border-color
1 serving
color: #000; }
1 serving
button--disabled {
1 serving
button--disabled.button--primary:hover {
1 serving
border-color: #fb6a00
1 serving
button--disabled.button--secondary:hover {
1 serving
border-color: #ddd
1 serving
color: #c6c6c6; }
1 serving
button--disabled.button--secondary-grey:hover {
1 serving
button--disabled.button--secondary-white
1 serving
button--disabled.button--secondary-white:hover {
1 serving
border-color: #c6c6c6
1 serving
color: #c6c6c6; }
1 serving
button--disabled.button--secondary-black:hover {
border-color
1 serving
color: #fff; }
1 serving
button--disabled::after {
1 serving
top: -1px
1 serving
bottom: -1px
1 serving
button--full-width {
1 serving
button--full-width-tablet {
1 serving
button--ok {
1 serving
button--disabled.button--secondary {
1 serving
color: #c6c6c6; }
1 link
button {
1 serving
button-link--spaced {
1 serving
button--full-width-tablet {
1 serving
color: #3c3c3c; }
1 serving
link:active {
1 serving
color: #000; }
1 serving
color: #e22921; }
1 serving
color: #36a9e1; }
1 serving
color: #f6358a; }
1 serving
color: #c69633; }
1 serving
color: inherit; }
1 serving
color: #e22921; }
1 serving
color: #36a9e1; }
1 serving
color: #f6358a; }
1 serving
color: #c69633; }
1 serving
color: #fff
1 serving
bottom: -10px
3 cs
border-top: 10px solid
1 serving
border-right: 10px solid transparent
1 serving
border-left: 10px solid transparent
1 serving
tooltip--active {
1 serving
margin-top: 20px; }
1 serving
top: -20px
1 serving
bottom: auto
3 cs
border-bottom: 10px solid
1 serving
border-top-color: transparent; }
1 serving
top
1 serving
margin-top: -10px
1 serving
border-top: 10px solid transparent
3 cs
border-right: 10px solid
1 serving
border-bottom: 10px solid transparent; }
1 serving
list-style-type: none; }
1 serving
list-style-type: decimal-leading-zero; }
1 serving
margin-top: 4px; }
1 serving
display: inline-block
transition: color 3s; }
1 serving
color: #999; }
background-color
1 serving
word-wrap: break-word; }
1 serving
display: table
1 serving
clear: both; }
1 serving
background-color: #fff
1 serving
display: block
1 serving
full-height {
1 serving
display: table
1 serving
clear: both; }
1 serving
background-size: cover
1 serving
display: block
1 serving
top
1 serving
bottom: 10px
1 serving
color: #999; }
9/10
background-color: rgba
1 serving
background-size: 228px 20px
1 serving
font-size: 18px
1 serving
font-weight: 100; }
2
hero {
1 serving
margin-top: 42px; }
1 serving
background-size: 285px 25px; } }
1 serving
bottom: 20px; }
1 serving
font-size: 24px; }
2
hero {
1 serving
html
1 serving
body {
? margin: 0; margin: 0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
padding: 0; }
1 serving
{
1 serving
before
1 serving
after {
1 serving
box-sizing: border-box; }
margin: auto
1 serving
max-width: 1200px; }
1 serving
font-face {
1 serving
font-family: 'gibson
1 serving
src: url)
1 serving
font-face {
1 serving
font-family: 'gibson
1 c
src: url)
1 serving
font-face {
1 serving
font-family: 'gibson
1 serving
src: url)
1 serving
font-face {
1 serving
font-family: 'gibson
1 serving
src: url)
100
1 serving
font-face {
1 serving
font-family: 'gibson
1 serving
src: url)
1 serving
font-weight: 600; }
1 serving
font-face {
1 serving
font-family: 'gibson
1 serving
src: url)
600
1 serving
landing-page__footer {
1 serving
select--checkout-card-form
1 serving
country__logo
1 serving
landing-page__logo {
1 serving
html
1 serving
body
letter-spacing: 01em
1 oz
m -osx-font-smoothing: greyscale
1 serving
webkit-font-smoothing: antialiased; }
1 serving
body {
1 1/2
1 serving
font-family: "gibson"
1 serving
b {
1 serving
font-weight: 600; }
1
h {
2
h {
margin: 14px
3
h {
4
h {
1 serving
font-weight: 600; }
5
h {
1 serving
font-weight: 400; }
1 serving
common
2
styleguide
transition: all 3s ease
1 serving
outline: none
1 serving
border-width: 1px
1 serving
padding: 7px 14px
1 serving
width
1 serving
min-height: 40px
1 serving
vertical-align: middle
1 serving
text-align: center
1 serving
text-transform: uppercase
1 serving
text-decoration: none
1 serving
letter-spacing: 1px
600
1 serving
cursor: pointer; }
1 serving
media {
1 serving
min-width: 240px; } }
1 serving
media {
1 serving
width: auto; } }
1 serving
background: #fb6a00; }
1 serving
background: #ff401a; }
1 serving
background: #f8f8f8
1 serving
background: #fff; }
1 serving
background: #f8f8f8; }
background
1 serving
background: #fff
background
1 serving
button--secondary-black {
background
1 serving
button--secondary-black:hover
1 serving
button--secondary-black:focus {
1 serving
background: #fff
1 serving
position: relative
1 serving
cursor: default; }
1 serving
background: #fb6a00; }
1 serving
background: #f8f8f8
1 serving
background: #f8f8f8; }
1 serving
background: #fff
background
1 serving
position: absolute
1 serving
right: -1px
1 serving
left: -1px
1/2
1
1 serving
background: #fff
1 serving
content: ''; }
1 serving
width: ; }
1 serving
width: ; }
1 serving
min-width: auto
1 serving
max-width: 90px; }
? margin: 0; margin: 0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
border: none
1 serving
background: transparent none
? padding: 0; padding: 0; padding 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
text-align: center
1 serving
text-decoration: underline; }
padding: 0 5em; }
1 serving
media {
1 serving
max-width: 260px; } }
1 link
{
1 serving
cursor: pointer
1 serving
text-decoration: underline
1 serving
link--nounderline {
1 serving
text-decoration: none; }
1 serving
link:hover
1 serving
link--red
1 serving
link--sale {
1 serving
link--blue
1 serving
link--offers {
1 serving
link--beauty {
1 serving
link--premium {
1 serving
link--tel {
1 serving
text-decoration: inherit
1 serving
a.sale
1 serving
link.sale {
1 serving
a.offers
1 serving
link.offers {
1 serving
a.beauty
1 serving
link.beauty {
1 serving
a.premium
1 serving
link.premium {
1 serving
tooltip {
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
left: -100%
transition: opacity 2s
? opacity: 0; opacity: 0; opacity 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
500
1 serving
margin: 10px
3 cs
background
1 serving
padding: 5px 12px
1 serving
max-width: 200px
1 serving
text-align: center
1 serving
font: italic 14px/21px "gibson"
1 serving
tooltip::after {
1 serving
position: absolute
1 serving
left
1 serving
margin-left: -10px
? width: 0; width: 0; width 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
? height: 0; height: 0; height 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
content: ''; }
1 serving
opacity: 1; }
1 serving
tooltip--below {
1 serving
tooltip--below::after {
1 serving
tooltip--left::after {
1 serving
left: 10px
1 serving
margin: 0; }
1 serving
tooltip--right::after {
1 serving
right: 10px
1 serving
left: auto
1 serving
margin: 0; }
1 serving
tooltip--aside::after {
1 serving
left: -10px
1 serving
list--unordered
? padding-left: 0; padding-left: 0; padding-left 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
list--ordered {
1 serving
padding-left: 2em
1 serving
list__item
1 serving
list__item--unordered {
1 serving
position: relative
padding-left: 7em; }
1 serving
list__item--unordered::before {
1 serving
position: absolute
? top: 0; top: 0; top 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
? left: 0; left: 0; left 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
content: '-'; }
1 link
list__ {
1 serving
list__link:hover {
1 serving
separator {
margin: auto 28px
? border-width: 0; border-width: 0; border-width 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
width: 40px
1 serving
height: 1px; }
1 ml
ht {
1 serving
overflow-x: hidden; }
1 container
main {
margin: auto
1 serving
max-width: 1200px
1 serving
white-space: normal
1 serving
main-container::before
1 serving
main-container::after {
2
1 serving
content
1
}
1 serving
main-container::after {
1 serving
media {
1 container
main {
1 serving
max-width: 1400px; } }
1 serving
body {
1 serving
width: ; }
1 serving
body.no-scroll {
1 serving
position: fixed
1 serving
overflow: hidden; }
1 serving
body > .main--force-hide {
1 serving
position: absolute
? opacity: 0; opacity: 0; opacity 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
z-index: -1; }
1 serving
height
1 serving
max-height: ; }
1 serving
content {
margin: auto
1 serving
max-width: 1200px
padding: 0 5vw; }
1 serving
content::before
1 serving
content::after {
2
1 serving
content
1
}
1 serving
content::after {
1 serving
media {
1 serving
content {
1 serving
max-width: 1400px; } }
1 serving
media {
1 serving
content {
padding: 0 875vw; } }
1 serving
landing-page {
1 serving
height
1 serving
min-height: 440px; }
1 serving
landing-page__body {
1 serving
position: relative
1 serving
background: #fff url
1 serving
height: ; }
1 serving
landing-page__body::after {
1 serving
content: ''; }
1 serving
landing-page__wrapper {
1 oz
m -transform: translatey)
1 serving
ms-transform: translatey)
1 serving
o-transform: translatey)
1 serving
webkit-transform: translatey)
1 serving
transform: translatey)
1 serving
position: absolute
? left: 0; left: 0; left 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
2
padding: 0 25vw
1 serving
width
1 serving
box-sizing: border-box; }
1 serving
landing-page__footer {
1 serving
position: absolute
? left: 0; left: 0; left 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1
1 serving
width
1 serving
text-align: center
1 serving
landing-page__panel {
margin: auto
padding: 28px
1 serving
max-width: 630px
1 serving
height: 310px; }
1 serving
landing-page__panel {
1 serving
padding: 28px
1 serving
height: auto
1 serving
text-align: center
1 serving
max-height: 80vh
1 serving
overflow-y: auto; }
1 serving
country__logo
1 serving
landing-page__logo
1 serving
country__description {
1 serving
text-align: center; }
1 serving
country__logo
1 serving
landing-page__logo {
1 serving
text-indent: -9999px
1 serving
overflow: hidden
1 serving
text-align: left
1 serving
background-image: url
1 serving
background-repeat: no-repeat
1 serving
background-position
margin: 2px
1
line-height: 5em
1 serving
font-weight: 400; }
1 serving
landing-page__title {
1 serving
landing-page__button {
servings
margin: 14px 28px; }
1 serving
media {
1 serving
landing-page__logo {
1 serving
media {
1 serving
landing-page__body {
1 serving
background-image: url
1 serving
landing-page__footer {
1 serving
landing-page__logo {
servings
margin: 14px 26px; } }
1 serving
media {
1 serving
landing-page__title {
1 serving
margin: 0; } }