html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif;
}
body {
margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
vertical-align: baseline;
display: inline-block;
}
audio:not([controls]) {
height: 0;
display: none;
}
[hidden], template {
display: none;
}
a {
background-color: #0000;
}
a:active, a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
mark {
color: #000;
background: #ff0;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code, kbd, pre, samp {
font-family: monospace;
font-size: 1em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button, select {
text-transform: none;
}
button, html input[type="button"], input[type="reset"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
padding: 0;
}
@font-face {
font-family: webflow-icons;
src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
font-weight: normal;
font-style: normal;
}
[class^="w-icon-"], [class*=" w-icon-"] {
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
line-height: 1;
font-family: webflow-icons !important;
}
.w-icon-slider-right:before {
content: "";
}
.w-icon-slider-left:before {
content: "";
}
.w-icon-nav-menu:before {
content: "";
}
.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
content: "";
}
.w-icon-file-upload-remove:before {
content: "";
}
.w-icon-file-upload-icon:before {
content: "";
}
* {
box-sizing: border-box;
}
html {
height: 100%;
}
body {
color: #333;
background-color: #fff;
min-height: 100%;
margin: 0;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 20px;
}
img {
vertical-align: middle;
max-width: 100%;
display: inline-block;
}
html.w-mod-touch * {
background-attachment: scroll !important;
}
.w-block {
display: block;
}
.w-inline-block {
max-width: 100%;
display: inline-block;
}
.w-clearfix:before, .w-clearfix:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-clearfix:after {
clear: both;
}
.w-hidden {
display: none;
}
.w-button {
color: #fff;
line-height: inherit;
cursor: pointer;
background-color: #3898ec;
border: 0;
border-radius: 0;
padding: 9px 15px;
text-decoration: none;
display: inline-block;
}
input.w-button {
-webkit-appearance: button;
}
html[data-w-dynpage] [data-w-cloak] {
color: #0000 !important;
}
.w-code-block {
margin: unset;
}
pre.w-code-block code {
all: inherit;
}
.w-optimization {
display: contents;
}
.w-webflow-badge, .w-webflow-badge > img {
box-sizing: unset;
width: unset;
height: unset;
max-height: unset;
max-width: unset;
min-height: unset;
min-width: unset;
margin: unset;
padding: unset;
float: unset;
clear: unset;
border: unset;
border-radius: unset;
background: unset;
background-image: unset;
background-position: unset;
background-size: unset;
background-repeat: unset;
background-origin: unset;
background-clip: unset;
background-attachment: unset;
background-color: unset;
box-shadow: unset;
transform: unset;
direction: unset;
font-family: unset;
font-weight: unset;
color: unset;
font-size: unset;
line-height: unset;
font-style: unset;
font-variant: unset;
text-align: unset;
letter-spacing: unset;
-webkit-text-decoration: unset;
text-decoration: unset;
text-indent: unset;
text-transform: unset;
list-style-type: unset;
text-shadow: unset;
vertical-align: unset;
cursor: unset;
white-space: unset;
word-break: unset;
word-spacing: unset;
word-wrap: unset;
transition: unset;
}
.w-webflow-badge {
white-space: nowrap;
cursor: pointer;
box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
visibility: visible !important;
opacity: 1 !important;
z-index: 2147483647 !important;
color: #aaadb0 !important;
overflow: unset !important;
background-color: #fff !important;
border-radius: 3px !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 6px !important;
font-size: 12px !important;
line-height: 14px !important;
text-decoration: none !important;
display: inline-block !important;
position: fixed !important;
inset: auto 12px 12px auto !important;
transform: none !important;
}
.w-webflow-badge > img {
position: unset;
visibility: unset !important;
opacity: 1 !important;
vertical-align: middle !important;
display: inline-block !important;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 10px;
font-weight: bold;
}
h1 {
margin-top: 20px;
font-size: 38px;
line-height: 44px;
}
h2 {
margin-top: 20px;
font-size: 32px;
line-height: 36px;
}
h3 {
margin-top: 20px;
font-size: 24px;
line-height: 30px;
}
h4 {
margin-top: 10px;
font-size: 18px;
line-height: 24px;
}
h5 {
margin-top: 10px;
font-size: 14px;
line-height: 20px;
}
h6 {
margin-top: 10px;
font-size: 12px;
line-height: 18px;
}
p {
margin-top: 0;
margin-bottom: 10px;
}
blockquote {
border-left: 5px solid #e2e2e2;
margin: 0 0 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px;
}
figure {
margin: 0 0 10px;
}
ul, ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
.w-list-unstyled {
padding-left: 0;
list-style: none;
}
.w-embed:before, .w-embed:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-embed:after {
clear: both;
}
.w-video {
width: 100%;
padding: 0;
position: relative;
}
.w-video iframe, .w-video object, .w-video embed {
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
button, [type="button"], [type="reset"] {
cursor: pointer;
-webkit-appearance: button;
border: 0;
}
.w-form {
margin: 0 0 15px;
}
.w-form-done {
text-align: center;
background-color: #ddd;
padding: 20px;
display: none;
}
.w-form-fail {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
display: none;
}
label {
margin-bottom: 5px;
font-weight: bold;
display: block;
}
.w-input, .w-select {
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
width: 100%;
height: 38px;
margin-bottom: 10px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857;
display: block;
}
.w-input::placeholder, .w-select::placeholder {
color: #999;
}
.w-input:focus, .w-select:focus {
border-color: #3898ec;
outline: 0;
}
.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
cursor: not-allowed;
}
.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
background-color: #eee;
}
textarea.w-input, textarea.w-select {
height: auto;
}
.w-select {
background-color: #f3f3f3;
}
.w-select[multiple] {
height: auto;
}
.w-form-label {
cursor: pointer;
margin-bottom: 0;
font-weight: normal;
display: inline-block;
}
.w-radio {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-radio:before, .w-radio:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-radio:after {
clear: both;
}
.w-radio-input {
float: left;
margin: 3px 0 0 -20px;
line-height: normal;
}
.w-file-upload {
margin-bottom: 10px;
display: block;
}
.w-file-upload-input {
opacity: 0;
z-index: -100;
width: .1px;
height: .1px;
position: absolute;
overflow: hidden;
}
.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
color: #333;
display: inline-block;
}
.w-file-upload-error {
margin-top: 10px;
display: block;
}
.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
display: none;
}
.w-file-upload-uploading-btn {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: flex;
}
.w-file-upload-file {
background-color: #fafafa;
border: 1px solid #ccc;
flex-grow: 1;
justify-content: space-between;
margin: 0;
padding: 8px 9px 8px 11px;
display: flex;
}
.w-file-upload-file-name {
font-size: 14px;
font-weight: normal;
display: block;
}
.w-file-remove-link {
cursor: pointer;
width: auto;
height: auto;
margin-top: 3px;
margin-left: 10px;
padding: 3px;
display: block;
}
.w-icon-file-upload-remove {
margin: auto;
font-size: 10px;
}
.w-file-upload-error-msg {
color: #ea384c;
padding: 2px 0;
display: inline-block;
}
.w-file-upload-info {
padding: 0 12px;
line-height: 38px;
display: inline-block;
}
.w-file-upload-label {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: inline-block;
}
.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
width: 20px;
margin-right: 8px;
display: inline-block;
}
.w-icon-file-upload-uploading {
height: 20px;
}
.w-container {
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.w-container:before, .w-container:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-container:after {
clear: both;
}
.w-container .w-row {
margin-left: -10px;
margin-right: -10px;
}
.w-row:before, .w-row:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-row:after {
clear: both;
}
.w-row .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
.w-col .w-col {
padding-left: 0;
padding-right: 0;
}
.w-col-1 {
width: 8.33333%;
}
.w-col-2 {
width: 16.6667%;
}
.w-col-3 {
width: 25%;
}
.w-col-4 {
width: 33.3333%;
}
.w-col-5 {
width: 41.6667%;
}
.w-col-6 {
width: 50%;
}
.w-col-7 {
width: 58.3333%;
}
.w-col-8 {
width: 66.6667%;
}
.w-col-9 {
width: 75%;
}
.w-col-10 {
width: 83.3333%;
}
.w-col-11 {
width: 91.6667%;
}
.w-col-12 {
width: 100%;
}
.w-hidden-main {
display: none !important;
}
@media screen and (max-width: 991px) {
.w-container {
max-width: 728px;
}
.w-hidden-main {
display: inherit !important;
}
.w-hidden-medium {
display: none !important;
}
.w-col-medium-1 {
width: 8.33333%;
}
.w-col-medium-2 {
width: 16.6667%;
}
.w-col-medium-3 {
width: 25%;
}
.w-col-medium-4 {
width: 33.3333%;
}
.w-col-medium-5 {
width: 41.6667%;
}
.w-col-medium-6 {
width: 50%;
}
.w-col-medium-7 {
width: 58.3333%;
}
.w-col-medium-8 {
width: 66.6667%;
}
.w-col-medium-9 {
width: 75%;
}
.w-col-medium-10 {
width: 83.3333%;
}
.w-col-medium-11 {
width: 91.6667%;
}
.w-col-medium-12 {
width: 100%;
}
.w-col-stack {
width: 100%;
left: auto;
right: auto;
}
}
@media screen and (max-width: 767px) {
.w-hidden-main, .w-hidden-medium {
display: inherit !important;
}
.w-hidden-small {
display: none !important;
}
.w-row, .w-container .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
width: 100%;
left: auto;
right: auto;
}
.w-col-small-1 {
width: 8.33333%;
}
.w-col-small-2 {
width: 16.6667%;
}
.w-col-small-3 {
width: 25%;
}
.w-col-small-4 {
width: 33.3333%;
}
.w-col-small-5 {
width: 41.6667%;
}
.w-col-small-6 {
width: 50%;
}
.w-col-small-7 {
width: 58.3333%;
}
.w-col-small-8 {
width: 66.6667%;
}
.w-col-small-9 {
width: 75%;
}
.w-col-small-10 {
width: 83.3333%;
}
.w-col-small-11 {
width: 91.6667%;
}
.w-col-small-12 {
width: 100%;
}
}
@media screen and (max-width: 479px) {
.w-container {
max-width: none;
}
.w-hidden-main, .w-hidden-medium, .w-hidden-small {
display: inherit !important;
}
.w-hidden-tiny {
display: none !important;
}
.w-col {
width: 100%;
}
.w-col-tiny-1 {
width: 8.33333%;
}
.w-col-tiny-2 {
width: 16.6667%;
}
.w-col-tiny-3 {
width: 25%;
}
.w-col-tiny-4 {
width: 33.3333%;
}
.w-col-tiny-5 {
width: 41.6667%;
}
.w-col-tiny-6 {
width: 50%;
}
.w-col-tiny-7 {
width: 58.3333%;
}
.w-col-tiny-8 {
width: 66.6667%;
}
.w-col-tiny-9 {
width: 75%;
}
.w-col-tiny-10 {
width: 83.3333%;
}
.w-col-tiny-11 {
width: 91.6667%;
}
.w-col-tiny-12 {
width: 100%;
}
}
.w-widget {
position: relative;
}
.w-widget-map {
width: 100%;
height: 400px;
}
.w-widget-map label {
width: auto;
display: inline;
}
.w-widget-map img {
max-width: inherit;
}
.w-widget-map .gm-style-iw {
text-align: center;
}
.w-widget-map .gm-style-iw > button {
display: none !important;
}
.w-widget-twitter {
overflow: hidden;
}
.w-widget-twitter-count-shim {
vertical-align: top;
text-align: center;
background: #fff;
border: 1px solid #758696;
border-radius: 3px;
width: 28px;
height: 20px;
display: inline-block;
position: relative;
}
.w-widget-twitter-count-shim * {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
text-align: center;
color: #999;
font-family: serif;
font-size: 15px;
line-height: 12px;
position: relative;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
display: block;
position: relative;
}
.w-widget-twitter-count-shim.w--large {
width: 36px;
height: 28px;
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 18px;
}
.w-widget-twitter-count-shim:not(.w--vertical) {
margin-left: 5px;
margin-right: 8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
margin-left: 6px;
}
.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 0;
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width: 4px;
border-color: #75869600 #5d6c7b #75869600 #75869600;
margin-top: -4px;
margin-left: -9px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
border-width: 5px;
margin-top: -5px;
margin-left: -10px;
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
border-width: 4px;
border-color: #fff0 #fff #fff0 #fff0;
margin-top: -4px;
margin-left: -8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
border-width: 5px;
margin-top: -5px;
margin-left: -9px;
}
.w-widget-twitter-count-shim.w--vertical {
width: 61px;
height: 33px;
margin-bottom: 8px;
}
.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%;
}
.w-widget-twitter-count-shim.w--vertical:before {
border-width: 5px;
border-color: #5d6c7b #75869600 #75869600;
margin-left: -5px;
}
.w-widget-twitter-count-shim.w--vertical:after {
border-width: 4px;
border-color: #fff #fff0 #fff0;
margin-left: -4px;
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 22px;
}
.w-widget-twitter-count-shim.w--vertical.w--large {
width: 76px;
}
.w-background-video {
color: #fff;
height: 500px;
position: relative;
overflow: hidden;
}
.w-background-video > video {
object-fit: cover;
z-index: -100;
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
margin: auto;
position: absolute;
inset: -100%;
}
.w-background-video > video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important;
}
.w-background-video--control {
background-color: #0000;
padding: 0;
position: absolute;
bottom: 1em;
right: 1em;
}
.w-background-video--control > [hidden] {
display: none !important;
}
.w-slider {
text-align: center;
clear: both;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
background: #ddd;
height: 300px;
position: relative;
}
.w-slider-mask {
z-index: 1;
white-space: nowrap;
height: 100%;
display: block;
position: relative;
left: 0;
right: 0;
overflow: hidden;
}
.w-slide {
vertical-align: top;
white-space: normal;
text-align: left;
width: 100%;
height: 100%;
display: inline-block;
position: relative;
}
.w-slider-nav {
z-index: 2;
text-align: center;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
height: 40px;
margin: auto;
padding-top: 10px;
position: absolute;
inset: auto 0 0;
}
.w-slider-nav.w-round > div {
border-radius: 100%;
}
.w-slider-nav.w-num > div {
font-size: inherit;
line-height: inherit;
width: auto;
height: auto;
padding: .2em .5em;
}
.w-slider-nav.w-shadow > div {
box-shadow: 0 0 3px #3336;
}
.w-slider-nav-invert {
color: #fff;
}
.w-slider-nav-invert > div {
background-color: #2226;
}
.w-slider-nav-invert > div.w-active {
background-color: #222;
}
.w-slider-dot {
cursor: pointer;
background-color: #fff6;
width: 1em;
height: 1em;
margin: 0 3px .5em;
transition: background-color .1s, color .1s;
display: inline-block;
position: relative;
}
.w-slider-dot.w-active {
background-color: #fff;
}
.w-slider-dot:focus {
outline: none;
box-shadow: 0 0 0 2px #fff;
}
.w-slider-dot:focus.w-active {
box-shadow: none;
}
.w-slider-arrow-left, .w-slider-arrow-right {
cursor: pointer;
color: #fff;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
width: 80px;
margin: auto;
font-size: 40px;
position: absolute;
inset: 0;
overflow: hidden;
}
.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
position: absolute;
}
.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
outline: 0;
}
.w-slider-arrow-left {
z-index: 3;
right: auto;
}
.w-slider-arrow-right {
z-index: 4;
left: auto;
}
.w-icon-slider-left, .w-icon-slider-right {
width: 1em;
height: 1em;
margin: auto;
inset: 0;
}
.w-slider-aria-label {
clip: rect(0 0 0 0);
border: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.w-slider-force-show {
display: block !important;
}
.w-dropdown {
text-align: left;
z-index: 900;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: relative;
}
.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
vertical-align: top;
color: #222;
text-align: left;
white-space: nowrap;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
position: relative;
}
.w-dropdown-toggle {
-webkit-user-select: none;
user-select: none;
cursor: pointer;
padding-right: 40px;
display: inline-block;
}
.w-dropdown-toggle:focus {
outline: 0;
}
.w-icon-dropdown-toggle {
width: 1em;
height: 1em;
margin: auto 20px auto auto;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.w-dropdown-list {
background: #ddd;
min-width: 100%;
display: none;
position: absolute;
}
.w-dropdown-list.w--open {
display: block;
}
.w-dropdown-link {
color: #222;
padding: 10px 20px;
display: block;
}
.w-dropdown-link.w--current {
color: #0082f3;
}
.w-dropdown-link:focus {
outline: 0;
}
@media screen and (max-width: 767px) {
.w-nav-brand {
padding-left: 10px;
}
}
.w-lightbox-backdrop {
cursor: auto;
letter-spacing: normal;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
color: #fff;
text-align: center;
z-index: 2000;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-tap-highlight-color: transparent;
background: #000000e6;
outline: 0;
font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 300;
line-height: 1.2;
list-style: disc;
position: fixed;
inset: 0;
-webkit-transform: translate(0);
}
.w-lightbox-backdrop, .w-lightbox-container {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow: auto;
}
.w-lightbox-content {
height: 100vh;
position: relative;
overflow: hidden;
}
.w-lightbox-view {
opacity: 0;
width: 100vw;
height: 100vh;
position: absolute;
}
.w-lightbox-view:before {
content: "";
height: 100vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 86vh;
}
.w-lightbox-frame, .w-lightbox-view:before {
vertical-align: middle;
display: inline-block;
}
.w-lightbox-figure {
margin: 0;
position: relative;
}
.w-lightbox-group .w-lightbox-figure {
cursor: pointer;
}
.w-lightbox-img {
width: auto;
max-width: none;
height: auto;
}
.w-lightbox-image {
float: none;
max-width: 100vw;
max-height: 100vh;
display: block;
}
.w-lightbox-group .w-lightbox-image {
max-height: 86vh;
}
.w-lightbox-caption {
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
background: #0006;
padding: .5em 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.w-lightbox-embed {
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.w-lightbox-control {
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
width: 4em;
transition: all .3s;
position: absolute;
top: 0;
}
.w-lightbox-left {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
display: none;
bottom: 0;
left: 0;
}
.w-lightbox-right {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
display: none;
bottom: 0;
right: 0;
}
.w-lightbox-close {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
background-size: 18px;
height: 2.6em;
right: 0;
}
.w-lightbox-strip {
white-space: nowrap;
padding: 0 1vh;
line-height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: auto hidden;
}
.w-lightbox-item {
box-sizing: content-box;
cursor: pointer;
width: 10vh;
padding: 2vh 1vh;
display: inline-block;
-webkit-transform: translate3d(0, 0, 0);
}
.w-lightbox-active {
opacity: .3;
}
.w-lightbox-thumbnail {
background: #222;
height: 10vh;
position: relative;
overflow: hidden;
}
.w-lightbox-thumbnail-image {
position: absolute;
top: 0;
left: 0;
}
.w-lightbox-thumbnail .w-lightbox-tall {
width: 100%;
top: 50%;
transform: translate(0, -50%);
}
.w-lightbox-thumbnail .w-lightbox-wide {
height: 100%;
left: 50%;
transform: translate(-50%);
}
.w-lightbox-spinner {
box-sizing: border-box;
border: 5px solid #0006;
border-radius: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
animation: .8s linear infinite spin;
position: absolute;
top: 50%;
left: 50%;
}
.w-lightbox-spinner:after {
content: "";
border: 3px solid #0000;
border-bottom-color: #fff;
border-radius: 50%;
position: absolute;
inset: -4px;
}
.w-lightbox-hide {
display: none;
}
.w-lightbox-noscroll {
overflow: hidden;
}
@media (min-width: 768px) {
.w-lightbox-content {
height: 96vh;
margin-top: 2vh;
}
.w-lightbox-view, .w-lightbox-view:before {
height: 96vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 84vh;
}
.w-lightbox-image {
max-width: 96vw;
max-height: 96vh;
}
.w-lightbox-group .w-lightbox-image {
max-width: 82.3vw;
max-height: 84vh;
}
.w-lightbox-left, .w-lightbox-right {
opacity: .5;
display: block;
}
.w-lightbox-close {
opacity: .8;
}
.w-lightbox-control:hover {
opacity: 1;
}
}
.w-lightbox-inactive, .w-lightbox-inactive:hover {
opacity: 0;
}
.w-richtext:before, .w-richtext:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-richtext:after {
clear: both;
}
.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
white-space: initial;
}
.w-richtext ol, .w-richtext ul {
overflow: hidden;
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
outline: 2px solid #2895f7;
}
.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
content: "";
display: none;
position: absolute;
inset: 0;
}
.w-richtext figure {
max-width: 60%;
position: relative;
}
.w-richtext figure > div:before {
cursor: default !important;
}
.w-richtext figure img {
width: 100%;
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
opacity: .6;
}
.w-richtext figure div {
color: #0000;
font-size: 0;
}
.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
display: table;
}
.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
display: inline-block;
}
.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
caption-side: bottom;
display: table-caption;
}
.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
width: 60%;
height: 0;
}
.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
width: 100%;
}
.w-richtext figure.w-richtext-align-center {
clear: both;
margin-left: auto;
margin-right: auto;
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
max-width: 100%;
}
.w-richtext figure.w-richtext-align-normal {
clear: both;
}
.w-richtext figure.w-richtext-align-fullwidth {
text-align: center;
clear: both;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-richtext figure.w-richtext-align-fullwidth > div {
padding-bottom: inherit;
display: inline-block;
}
.w-richtext figure.w-richtext-align-fullwidth > figcaption {
display: block;
}
.w-richtext figure.w-richtext-align-floatleft {
float: left;
clear: none;
margin-right: 15px;
}
.w-richtext figure.w-richtext-align-floatright {
float: right;
clear: none;
margin-left: 15px;
}
.w-nav {
z-index: 1000;
background: #ddd;
position: relative;
}
.w-nav:before, .w-nav:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-nav:after {
clear: both;
}
.w-nav-brand {
float: left;
color: #333;
text-decoration: none;
position: relative;
}
.w-nav-link {
vertical-align: top;
color: #222;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-nav-link.w--current {
color: #0082f3;
}
.w-nav-menu {
float: right;
position: relative;
}
[data-nav-menu-open] {
text-align: center;
background: #c8c8c8;
min-width: 200px;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: visible;
display: block !important;
}
.w--nav-link-open {
display: block;
position: relative;
}
.w-nav-overlay {
width: 100%;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden;
}
.w-nav-overlay [data-nav-menu-open] {
top: 0;
}
.w-nav[data-animation="over-left"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
z-index: 1;
top: 0;
right: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
z-index: 1;
top: 0;
left: auto;
}
.w-nav-button {
float: right;
cursor: pointer;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
padding: 18px;
font-size: 24px;
display: none;
position: relative;
}
.w-nav-button:focus {
outline: 0;
}
.w-nav-button.w--open {
color: #fff;
background-color: #c8c8c8;
}
.w-nav[data-collapse="all"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
display: block;
}
.w--nav-dropdown-list-open {
position: static;
}
@media screen and (max-width: 991px) {
.w-nav[data-collapse="medium"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="medium"] .w-nav-button {
display: block;
}
}
@media screen and (max-width: 767px) {
.w-nav[data-collapse="small"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="small"] .w-nav-button {
display: block;
}
.w-nav-brand {
padding-left: 10px;
}
}
@media screen and (max-width: 479px) {
.w-nav[data-collapse="tiny"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="tiny"] .w-nav-button {
display: block;
}
}
.w-tabs {
position: relative;
}
.w-tabs:before, .w-tabs:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-tabs:after {
clear: both;
}
.w-tab-menu {
position: relative;
}
.w-tab-link {
vertical-align: top;
text-align: left;
cursor: pointer;
color: #222;
background-color: #ddd;
padding: 9px 30px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-tab-link.w--current {
background-color: #c8c8c8;
}
.w-tab-link:focus {
outline: 0;
}
.w-tab-content {
display: block;
position: relative;
overflow: hidden;
}
.w-tab-pane {
display: none;
position: relative;
}
.w--tab-active {
display: block;
}
@media screen and (max-width: 479px) {
.w-tab-link {
display: block;
}
}
.w-ix-emptyfix:after {
content: "";
}
@keyframes spin {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.w-dyn-empty {
background-color: #ddd;
padding: 10px;
}
.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
display: none !important;
}
.wf-layout-layout {
display: grid;
}
.w-code-component > * {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
:root {
--color-background--c-bg-4: var(--swatches--🔻brand-21--brand-91);
--color-text--c-text-subtle: var(--swatches--🔻brand-21--brand-50);
--color-heading--c-heading-subtle: var(--swatches--🔻brand-27--brand-59);
--color-heading--c-heading-strong: var(--swatches--🔻brand-27--brand-50);
--color-text--c-text-strong: var(--swatches--🔻brand-21--brand-38);
--text--text-primary-light\: #69625500;
--fs-background-color--background-primary\: var(--fs-base-color-neutral--black\);
--fs-text-color--text-alternate\: var(--fs-base-color-neutral--white\);
--fs-text-color--text-primary\: var(--fs-base-color-neutral--black\);
--fs-base-color-system--success-green-dark\: #114e0b;
--fs-background-color--background-success\: var(--fs-base-color-system--success-green\);
--fs-text-color--text-success\: var(--fs-base-color-system--success-green-dark\);
--fs-border-color--border-primary\: var(--fs-base-color-neutral--neutral-lightest\);
--fs-background-color--background-alternate\: var(--fs-base-color-neutral--white\);
--fs-background-color--background-secondary\: var(--fs-base-color-brand--blue\);
--fs-text-color--text-secondary\: var(--fs-base-color-neutral--neutral-darker\);
--fs-link-color--link-primary\: var(--fs-base-color-brand--blue\);
--fs-background-color--background-tertiary\: var(--fs-base-color-brand--pink\);
--fs-background-color--background-error\: var(--fs-base-color-system--error-red\);
--fs-text-color--text-error\: var(--fs-base-color-system--error-red-dark\);
--fs-border-color--border-alternate\: var(--fs-base-color-neutral--neutral-darker\);
--fs-background-color--background-warning\: var(--fs-base-color-system--warning-yellow\);
--fs-text-color--text-warning\: var(--fs-base-color-system--warning-yellow-dark\);
--color-text--c-text-accent-default: var(--swatches--accent--accent-50);
--color-text--c-text-accent-display-light: var(--swatches--accent--accent-60);
--glass-light-alt--text-accent-display-light: var(--swatches--accent--accent-60);
--color-text-on-base--c-text-on-base-accent: var(--swatches--🔻brand-21--brand-97);
--base--base-primary\: #27241e;
--swatches--universal--transparent: #fff0;
--color-heading--c-heading-accent: var(--swatches--accent--accent-60);
--text--text-strong\: #27241e;
--swatches--diets--diet-green-base: #7f937b;
--border--border-accent-inter\: #cc5f13;
--background--background-91\: #e7e0d3;
--base--base-accent\: #cc5f13;
--brand--brand-office_logo-secondary\: #fff;
--text--text-accent\: #9d470b;
--background--background-98\: #faf8f5;
--var-size--tiny-4: .25rem;
--text--text-secondary\: #847c6d;
--base--base-subtle-91\: #e0d6c4;
--heading--i-heading-primary-light\: #c8b99b;
--color-background--c-bg-2: var(--swatches--🔻brand-21--brand-97);
--heading--i-heading-accent-alt\: #d65412;
--background--background-97\: #f7f5f0;
--temp--white\: white;
--background--background-20\: #181612;
--background--background-black\: #000;
--heading--i-heading-primary-medium\: #c8b99b;
--background--background-17\: #110f0c;
--background--background-23\: var(--heading--heading-accent\);
--heading--heading-accent-alt\: #d65412;
--color-background--c-bg-3: var(--swatches--🔻brand-21--brand-94);
--color-background--c-bg-1: var(--swatches--🔻brand-21--brand-99);
--var-size--var-padding--padding-global-large: 3rem;
--swatches--universal--black: #000;
--swatches--universal--gray: gray;
--color-background--c-bg-1-plus: var(--swatches--🔻brand-21--brand-98);
--color-base--c-base-glass: #2fff0000;
--swatches--diets--diet-green_divider: #606656;
--color-border--c-border-accent-min: var(--swatches--accent--accent-60);
--var-size--corner-radius--corner-tiny-4: var(--var-size--tiny-4);
--color-base--b-base-decor: var(--color-base--c-base-subtle-max);
--var-size--circle: 5000px;
--color-base--b-base: var(--color-base--c-base-primary);
--color-background--color-visual--overlay: var(--swatches--🔻brand-27--brand-15);
--var-size--var-padding--padding-ui-small: .75rem;
--color-text-on-base--c-text-on-base-primary: var(--swatches--🔻brand-21--brand-79);
--color-base--c-base-accent: var(--swatches--accent--accent-60);
--dark--text-on-base--text-on-base-accent: var(--swatches--🔻brand-21--brand-97);
--color-border--c-border-decor-ghost: var(--swatches--bg-1--bg-1-decor-ghost);
--swatches--alpha--alpha-white-5: #ffffff0d;
--swatches--alpha--alpha-white-10: #ffffff1a;
--var-size--var-padding--padding-global-small: 1.5rem;
--var-size--base: .5rem;
--var-size--tiny-6: .375rem;
--color-border--c-border-decor-subtle: #e0d6c4;
--color-border--c-border-decor-strong: var(--swatches--bg-1--bg-1-decor-strong);
--swatches--bg-2--base-level-2-in: var(--swatches--🔻brand-21--brand-91);
--color-base--c-base-subtle: var(--swatches--bg-1--bg-1-base-level-1-in);
--var-size--var-padding--padding-ui-large: 1.5rem;
--color-base--c-base-level-2-in: var(--swatches--bg-1--bg-1-base-level-2-in);
--color-border--c-border-inter-min: var(--swatches--🔻brand-21--brand-59);
--color-border--c-border-accent-strong: var(--swatches--accent--accent-50);
--dark--base--b-base: var(--dark--base--base-primary);
--dark--text--text-accent-default: var(--swatches--accent--accent-64);
--var-size--one: 1px;
--var-size--x-small: .75rem;
--var-size--small: 1rem;
--color-base--c-base-subtle-max: var(--swatches--bg-1--bg-1-ghost-max);
--swatches--accent--accent-70-muted: #e1824f;
--swatches--diets--diet-green_logo: #293027;
--dark--text--text-subtle: var(--swatches--🔻brand-21--brand-79);
--dark--border--border-accent-min: var(--swatches--accent--accent-70);
--swatches--🔻brand-27--brand-79: #c8b99b;
--color-border--c-border-inter-strong: var(--swatches--🔻brand-21--brand-50);
--swatches--🔻brand-21--brand-79: #c5b9a2;
--color-border--c-border-accent-min-muted: var(--swatches--accent--accent-60-muted);
--color-background--c-bg-white: var(--swatches--universal--white);
--color-background--c-bg-black: var(--swatches--universal--black);
--color-background--c-bg-max: var(--swatches--universal--white);
--color-base--c-base-primary: var(--swatches--🔻brand-21--brand-26);
--color-base--c-base-level-1-out: var(--swatches--bg-1--bg-1-base-level-1-out);
--color-base--c-base-level-2-out: var(--swatches--bg-1--bg-1-base-level-2-out);
--color-base--c-base-level-3-out: var(--swatches--bg-1--bg-1-base-level-3-out);
--color-base--c-base-level-4-out: var(--swatches--bg-1--bg-1-base-level-4-out);
--color-base--c-base-level-1-in: var(--swatches--bg-1--bg-1-base-level-1-in);
--color-base--c-base-level-3-in: var(--swatches--bg-1--bg-1-base-level-3-in);
--color-base--c-base-level-4-in: var(--swatches--bg-1--bg-1-base-level-4-in);
--color-text--c-text-display-light: var(--swatches--🔻brand-21--brand-59);
--color-text--c-text-max: var(--swatches--🔻brand-21--brand-26);
--dark--background--bg-1: var(--swatches--🔻brand-21--brand-17);
--dark--background--bg-2: var(--swatches--🔻brand-21--brand-20);
--dark--background--bg-3: var(--swatches--🔻brand-21--brand-23);
--dark--background--bg-4: var(--swatches--🔻brand-21--brand-26);
--dark--background--bg-max: var(--swatches--universal--black);
--dark--background--bg-1-plus: var(--swatches--🔻brand-21--brand-17);
--dark--base--base-primary: var(--swatches--🔻brand-21--brand-79);
--dark--base--base-subtle: var(--swatches--bg-1-dark--bg-1-dark-base-level-1-in);
--dark--base--base-subtle-max: var(--swatches--bg-1-dark--bg-1-dark-ghost-max);
--dark--base--base-accent: var(--swatches--accent--accent-64);
--dark--base--base-level-1-out: var(--swatches--bg-1-dark--bg-1-dark-base-level-1-out);
--dark--base--base-level-2-out: var(--swatches--bg-1-dark--bg-1-dark-base-level-2-out);
--dark--base--base-level-3-out: var(--swatches--bg-1-dark--bg-1-dark-base-level-3-out);
--dark--base--base-level-4-out: var(--swatches--bg-1-dark--bg-1-dark-base-level-4-out);
--dark--base--base-level-1-in: var(--swatches--bg-1-dark--bg-1-dark-base-level-1-in);
--dark--base--base-level-2-in: var(--swatches--bg-1-dark--bg-1-dark-base-level-2-in);
--dark--base--base-level-3-in: var(--swatches--bg-1-dark--bg-1-dark-base-level-3-in);
--dark--base--base-level-4-in: var(--swatches--bg-1-dark--bg-1-dark-base-level-4-in);
--dark--base--b-base-decor: var(--dark--base--base-subtle-max);
--dark--border--border-inter-strong: var(--swatches--🔻brand-21--brand-79);
--dark--border--border-inter-min: var(--swatches--🔻brand-21--brand-69);
--dark--border--border-decor-strong: var(--swatches--🔻brand-27--brand-59);
--dark--border--border-decor-subtle: var(--swatches--🔻brand-21--brand-50);
--dark--border--border-decor-ghost: var(--swatches--bg-1-dark--bg-1-dark-decor-ghost);
--dark--border--border-accent-strong: var(--swatches--accent--accent-79);
--dark--border--border-accent-min-muted: var(--swatches--accent--accent-70-muted);
--dark--heading--heading-strong: var(--swatches--🔻brand-27--brand-88);
--dark--heading--heading-subtle: var(--swatches--🔻brand-27--brand-79);
--dark--heading--heading-accent: var(--swatches--accent--accent-64);
--dark--text--text-strong: var(--swatches--🔻brand-21--brand-88);
--dark--text--text-display-light: var(--swatches--🔻brand-21--brand-69);
--dark--text--text-accent-display-light: var(--swatches--accent--accent-64);
--dark--text--text-max: var(--swatches--🔻brand-21--brand-94);
--dark--text-on-base--text-on-base-primary: var(--swatches--🔻brand-21--brand-26);
--dark--text-on-base--heading-accent: white;
--glass-light--text-strong: var(--swatches--🔻brand-21--brand-97);
--glass-light--text-subtle: var(--swatches--🔻brand-21--brand-91);
--glass-light--text-display-light: var(--swatches--🔻brand-21--brand-69);
--glass-light--text-accent-default: var(--swatches--accent--accent-64);
--glass-light--text-accent-display-light: var(--swatches--accent--accent-64);
--glass-light--heading-strong: var(--swatches--🔻brand-27--brand-97);
--glass-light--heading-subtle: var(--swatches--🔻brand-21--brand-91);
--glass-light--heading-accent: var(--swatches--accent--accent-60);
--glass-light--base-glass: var(--swatches--alpha--alpha-light-10);
--glass-light--text-max: var(--swatches--🔻brand-21--brand-99);
--glass-light--border-inter-strong: var(--swatches--🔻brand-21--brand-79);
--glass-light--border-inter-min: var(--swatches--🔻brand-21--brand-69);
--glass-light--border-decor-strong: var(--swatches--🔻brand-21--brand-30);
--glass-light--border-decor-subtle: var(--swatches--🔻brand-21--brand-44);
--glass-light--border-decor-ghost: var(--swatches--🔻brand-21--brand-32);
--glass-light--border-accent-strong: var(--swatches--accent--accent-79);
--glass-light--border-accent-min: var(--swatches--accent--accent-70);
--glass-light--border-accent-min-muted: var(--swatches--accent--accent-70-muted);
--glass-light--text-on-base-primary: var(--swatches--🔻brand-21--brand-79);
--glass-light--text-on-base-accent: var(--swatches--🔻brand-21--brand-97);
--glass-light-alt--base-glass: var(--swatches--alpha--alpha-light-10);
--glass-light-alt--text-strong: var(--swatches--🔻brand-21--brand-35);
--glass-light-alt--text-subtle: var(--swatches--🔻brand-21--brand-44);
--glass-light-alt--text-display-light: var(--swatches--🔻brand-21--brand-59);
--glass-light-alt--text-accent-default: var(--swatches--accent--accent-50);
--glass-light-alt--heading-strong: var(--swatches--🔻brand-27--brand-26);
--glass-light-alt--heading-subtle: var(--swatches--🔻brand-27--brand-38);
--glass-light-alt--heading-accent: var(--swatches--accent--accent-60);
--glass-light-alt--border-inter-strong: var(--swatches--🔻brand-21--brand-50);
--glass-light-alt--border-inter-min: var(--swatches--🔻brand-21--brand-59);
--glass-light-alt--border-decor-strong: var(--swatches--🔻brand-21--brand-73);
--glass-light-alt--border-decor-subtle: var(--swatches--🔻brand-21--brand-85);
--glass-light-alt--border-decor-ghost: var(--swatches--🔻brand-21--brand-91);
--glass-light-alt--border-accent-strong: var(--swatches--accent--accent-50);
--glass-light-alt--border-accent-min: var(--swatches--accent--accent-60);
--glass-light-alt--border-accent-min-muted: var(--swatches--accent--accent-60-muted);
--glass-light-alt--text-on-base-primary: var(--swatches--🔻brand-27--brand-79);
--glass-light-alt--text-on-base-accent: var(--swatches--🔻brand-21--brand-97);
--glass-light-alt--text-max: var(--swatches--🔻brand-21--brand-26);
--glass-max-60--text-strong: var(--swatches--🔻brand-21--brand-88);
--glass-max-60--text-subtle: var(--swatches--🔻brand-27--brand-79);
--glass-max-60--text-display-light: var(--swatches--🔻brand-21--brand-69);
--glass-max-60--text-accent-default: var(--swatches--accent--accent-64);
--glass-max-60--text-accent-display-light: var(--swatches--accent--accent-64);
--glass-max-60--heading-strong: var(--swatches--🔻brand-21--brand-91);
--glass-max-60--heading-subtle: var(--swatches--🔻brand-27--brand-88);
--glass-max-60--heading-accent: var(--swatches--accent--accent-64);
--glass-max-60--base-glass: var(--swatches--alpha--alpha-strong-60);
--glass-max-60--text-max: var(--swatches--🔻brand-21--brand-94);
--glass-max-60--border-inter-strong: var(--swatches--🔻brand-21--brand-79);
--glass-max-60--border-inter-min: var(--swatches--🔻brand-21--brand-69);
--glass-max-60--border-decor-strong: var(--swatches--🔻brand-21--brand-30);
--glass-max-60--border-decor-subtle: var(--swatches--🔻brand-21--brand-44);
--glass-max-60--border-decor-ghost: var(--swatches--🔻brand-21--brand-32);
--glass-max-60--border-accent-strong: var(--swatches--accent--accent-79);
--glass-max-60--border-accent-min: var(--swatches--accent--accent-70);
--glass-max-60--border-accent-min-muted: var(--swatches--accent--accent-70-muted);
--glass-max-60--text-on-base-primary: var(--swatches--🔻brand-21--brand-79);
--glass-max-60--text-on-base-accent: var(--swatches--🔻brand-21--brand-97);
--glass-max-80--text-strong: var(--swatches--🔻brand-21--brand-88);
--glass-max-80--text-subtle: var(--swatches--🔻brand-27--brand-79);
--glass-max-80--text-display-light: var(--swatches--🔻brand-21--brand-69);
--glass-max-80--text-accent-default: var(--swatches--accent--accent-64);
--glass-max-80--text-accent-display-light: var(--swatches--accent--accent-64);
--glass-max-80--heading-strong: var(--swatches--🔻brand-21--brand-91);
--glass-max-80--heading-subtle: var(--swatches--🔻brand-21--brand-88);
--glass-max-80--heading-accent: var(--swatches--accent--accent-64);
--glass-max-80--base-glass: var(--swatches--alpha--alpha-strong-80);
--glass-max-80--text-max: var(--swatches--🔻brand-21--brand-94);
--glass-max-80--border-inter-strong: var(--swatches--🔻brand-21--brand-79);
--glass-max-80--border-inter-min: var(--swatches--🔻brand-21--brand-69);
--glass-max-80--border-decor-strong: var(--swatches--🔻brand-21--brand-30);
--glass-max-80--border-decor-subtle: white;
--glass-max-80--border-decor-ghost: white;
--glass-max-80--border-accent-strong: var(--swatches--accent--accent-79);
--glass-max-80--border-accent-min: var(--swatches--accent--accent-70);
--glass-max-80--border-accent-min-muted: var(--swatches--accent--accent-70-muted);
--glass-max-80--text-on-base-primary: var(--swatches--🔻brand-21--brand-79);
--glass-max-80--text-on-base-accent: var(--swatches--🔻brand-21--brand-97);
--glass-max-80--base: var(--glass-max-dark--base-glass);
--glass-max-80--base-decor: var(--glass-light-alt--base-glass);
--glass-max-dark--text-strong: var(--swatches--🔻brand-21--brand-88);
--glass-max-dark--text-subtle: var(--swatches--🔻brand-27--brand-79);
--glass-max-dark--text-display-light: var(--swatches--🔻brand-21--brand-69);
--glass-max-dark--text-accent-default: var(--swatches--accent--accent-64);
--glass-max-dark--text-accent-display-light: var(--swatches--accent--accent-64);
--glass-max-dark--heading-strong: var(--swatches--🔻brand-21--brand-91);
--glass-max-dark--heading-subtle: var(--swatches--🔻brand-27--brand-88);
--glass-max-dark--heading-accent: var(--swatches--accent--accent-64);
--glass-max-dark--base-glass: var(--swatches--alpha--alpha-max-80);
--glass-max-dark--text-max: var(--swatches--🔻brand-21--brand-94);
--glass-max-dark--border-inter-strong: var(--swatches--🔻brand-21--brand-79);
--glass-max-dark--border-inter-min: var(--swatches--🔻brand-21--brand-69);
--glass-max-dark--border-decor-strong: var(--swatches--🔻brand-21--brand-59);
--glass-max-dark--border-decor-subtle: var(--swatches--🔻brand-21--brand-50);
--glass-max-dark--border-decor-ghost: var(--swatches--🔻brand-21--brand-30);
--glass-max-dark--border-accent-strong: var(--swatches--accent--accent-79);
--glass-max-dark--border-accent-min: var(--swatches--accent--accent-70);
--glass-max-dark--border-accent-min-muted: var(--swatches--accent--accent-70-muted);
--glass-max-dark--text-on-base-primary: var(--swatches--🔻brand-21--brand-79);
--glass-max-dark--text-on-base-accent: var(--swatches--🔻brand-21--brand-97);
--glass-max-dark--b-base: var(--glass-max-dark--base-glass);
--glass-max-dark--b-base-decor: var(--glass-light--base-glass);
--swatches--🔻brand-21--brand-99: #fdfcfb;
--swatches--🔻brand-21--brand-94: #f0ebe2;
--swatches--🔻brand-21--brand-98: #faf8f5;
--swatches--🔻brand-21--brand-100: #fff;
--swatches--🔻brand-21--brand-95: #f2eee6;
--swatches--🔻brand-21--brand-89: #e2dac9;
--swatches--🔻brand-21--brand-91: #e7e0d2;
--swatches--🔻brand-21--brand-69: #a49a87;
--swatches--🔻brand-21--brand-88: #e0d6c4;
--swatches--🔻brand-21--brand-97: #f7f5f1;
--swatches--🔻brand-21--brand-59: #847c6c;
--swatches--🔻brand-21--brand-50: #696255;
--swatches--🔻brand-21--brand-92: #eae4d8;
--swatches--🔻brand-21--brand-44: #575247;
--swatches--🔻brand-21--brand-32: #36322b;
--swatches--🔻brand-21--brand-38: #464239;
--swatches--🔻brand-21--brand-67: #9e9482;
--swatches--🔻brand-21--brand-23: #1f1d18;
--swatches--🔻brand-21--brand-30: #312d27;
--swatches--🔻brand-21--brand-17: #110f0c;
--swatches--🔻brand-21--brand-20: #181611;
--swatches--🔻brand-21--brand-26: #27241e;
--swatches--🔻brand-21--brand-black: #000;
--swatches--🔻brand-21--brand-29: #2e2b24;
--swatches--🔻brand-21--brand-35: #3e3a32;
--swatches--🔻brand-21--brand-47: #605a4e;
--swatches--🔻brand-21--brand-82: #cfc3ab;
--swatches--🔻brand-21--brand-54: #756e60;
--swatches--🔻brand-21--brand-76: #bbb09a;
--swatches--🔻brand-21--brand-41: #4f4a40;
--swatches--🔻brand-21--brand-73: #b1a692;
--swatches--🔻brand-21--brand-15: #0c0b08;
--swatches--🔻brand-21--brand-85: #d8ccb5;
--swatches--🔻brand-27--brand-94: #f0eade;
--swatches--🔻brand-27--brand-88: #e2d6bf;
--swatches--🔻brand-27--brand-59: #877c67;
--swatches--🔻brand-27--brand-97: #f8f5ef;
--swatches--🔻brand-27--brand-26: #27241d;
--swatches--🔻brand-27--brand-15: #0d0b08;
--swatches--🔻brand-27--brand-38: #484236;
--swatches--🔻brand-27--brand-50: #6b6251;
--swatches--🔻brand-27--brand-44: #595244;
--swatches--🔻brand-27--brand-69: #a79a81;
--swatches--accent--accent-50: #9d470b;
--swatches--accent--accent-60: #c85d12;
--swatches--accent--accent-64: #da6515;
--swatches--accent--accent-50-muted: #8f512f;
--swatches--accent--accent-79: #fda070;
--swatches--accent--accent-70: #f67319;
--swatches--accent--accent-60-muted: #b7693f;
--swatches--alpha--alpha-black-60: #0009;
--swatches--alpha--alpha-gray-3: #80808008;
--swatches--alpha--alpha-black-40: #0006;
--swatches--alpha--alpha-gray-30: #8080804d;
--swatches--alpha--alpha-black-80: #000c;
--swatches--alpha--alpha-light-10: #efebe21a;
--swatches--alpha--alpha-max-80: #0c0b08cc;
--swatches--alpha--alpha-white-20: #fff3;
--swatches--alpha--alpha-strong-60: #27241e99;
--swatches--alpha--alpha-strong-80: #27241ecc;
--swatches--alpha--alpha-white-3: #ffffff08;
--swatches--alpha--alpha-white-40: #fff6;
--swatches--alpha--shadow-20: #0c0b0833;
--swatches--alpha--shadow-15: #0c0b0826;
--swatches--alpha--shadow-10: #0c0b081a;
--swatches--alpha--shadow-5: #0c0b080d;
--swatches--alpha--transparent: #ffffff03;
--swatches--bg-1--bg-1-base-level-1-out: var(--swatches--universal--white);
--swatches--bg-1--bg-1-base-level-2-out: var(--swatches--universal--white);
--swatches--bg-1--bg-1-base-level-3-out: var(--swatches--universal--white);
--swatches--bg-1--bg-1-base-level-4-out: var(--swatches--universal--white);
--swatches--bg-1--bg-1-base-level-1-in: var(--swatches--🔻brand-21--brand-97);
--swatches--bg-1--bg-1-base-level-2-in: var(--swatches--🔻brand-21--brand-94);
--swatches--bg-1--bg-1-base-level-3-in: var(--swatches--🔻brand-21--brand-91);
--swatches--bg-1--bg-1-base-level-4-in: var(--swatches--🔻brand-21--brand-88);
--swatches--bg-1--bg-1-decor-strong: var(--swatches--🔻brand-21--brand-76);
--swatches--bg-1--bg-1-decor-subtle: var(--swatches--🔻brand-21--brand-88);
--swatches--bg-1--bg-1-decor-ghost: var(--swatches--🔻brand-21--brand-94);
--swatches--bg-1--bg-1-ghost-max: var(--swatches--🔻brand-21--brand-98);
--swatches--bg-1-dark--bg-1-dark-base-level-1-out: var(--swatches--🔻brand-21--brand-20);
--swatches--bg-1-dark--bg-1-dark-base-level-2-out: var(--swatches--🔻brand-21--brand-20);
--swatches--bg-1-dark--bg-1-dark-base-level-3-out: var(--swatches--🔻brand-21--brand-20);
--swatches--bg-1-dark--bg-1-dark-base-level-4-out: var(--swatches--🔻brand-21--brand-20);
--swatches--bg-1-dark--bg-1-dark-base-level-1-in: var(--swatches--🔻brand-21--brand-20);
--swatches--bg-1-dark--bg-1-dark-base-level-2-in: var(--swatches--🔻brand-21--brand-23);
--swatches--bg-1-dark--bg-1-dark-base-level-3-in: var(--swatches--🔻brand-21--brand-26);
--swatches--bg-1-dark--bg-1-dark-base-level-4-in: var(--swatches--🔻brand-21--brand-29);
--swatches--bg-1-dark--bg-1-dark-decor-strong: var(--swatches--🔻brand-21--brand-59);
--swatches--bg-1-dark--bg-1-dark-decor-subtle: var(--swatches--🔻brand-21--brand-29);
--swatches--bg-1-dark--bg-1-dark-decor-ghost: var(--swatches--🔻brand-21--brand-23);
--swatches--bg-1-dark--bg-1-dark-ghost-max: var(--swatches--🔻brand-21--brand-20);
--swatches--bg-2--base-level-1-out: var(--swatches--🔻brand-21--brand-99);
--swatches--bg-2--base-level-2-out: var(--swatches--universal--white);
--swatches--bg-2--base-level-3-out: var(--swatches--universal--white);
--swatches--bg-2--base-level-4-out: var(--swatches--universal--white);
--swatches--bg-2--base-level-1-in: var(--swatches--🔻brand-21--brand-94);
--swatches--bg-2--base-level-3-in: var(--swatches--🔻brand-21--brand-88);
--swatches--bg-2--base-level-4-in: var(--swatches--🔻brand-21--brand-85);
--swatches--bg-2--decor-strong: var(--swatches--🔻brand-21--brand-73);
--swatches--bg-2--decor-subtle: var(--swatches--🔻brand-21--brand-85);
--swatches--bg-2--decor-ghost: var(--swatches--🔻brand-21--brand-91);
--swatches--bg-2--ghost-max: var(--swatches--🔻brand-21--brand-95);
--swatches--bg-2-dark--base-level-1-out: var(--swatches--🔻brand-21--brand-23);
--swatches--bg-2-dark--base-level-2-out: var(--swatches--🔻brand-21--brand-26);
--swatches--bg-2-dark--base-level-3-out: var(--swatches--🔻brand-21--brand-26);
--swatches--bg-2-dark--base-level-4-out: var(--swatches--🔻brand-21--brand-26);
--swatches--bg-2-dark--base-level-1-in: var(--swatches--🔻brand-21--brand-23);
--swatches--bg-2-dark--base-level-2-in: var(--swatches--🔻brand-21--brand-26);
--swatches--bg-2-dark--base-level-3-in: var(--swatches--🔻brand-21--brand-29);
--swatches--bg-2-dark--base-level-4-in: var(--swatches--🔻brand-21--brand-32);
--swatches--bg-2-dark--decor-strong: var(--swatches--🔻brand-21--brand-59);
--swatches--bg-2-dark--decor-subtle: var(--swatches--🔻brand-21--brand-32);
--swatches--bg-2-dark--decor-ghost: var(--swatches--🔻brand-21--brand-26);
--swatches--bg-2-dark--ghost-max: var(--swatches--🔻brand-21--brand-23);
--swatches--bg-3--base-level-1-out: var(--swatches--🔻brand-21--brand-97);
--swatches--bg-3--base-level-2-out: var(--swatches--🔻brand-21--brand-99);
--swatches--bg-3--base-level-3-out: var(--swatches--universal--white);
--swatches--bg-3--base-level-4-out: var(--swatches--universal--white);
--swatches--bg-3--base-level-1-in: var(--swatches--🔻brand-21--brand-91);
--swatches--bg-3--base-level-2-in: var(--swatches--🔻brand-21--brand-88);
--swatches--bg-3--base-level-3-in: var(--swatches--🔻brand-21--brand-85);
--swatches--bg-3--base-level-4-in: var(--swatches--🔻brand-21--brand-82);
--swatches--bg-3--decor-strong: var(--swatches--🔻brand-21--brand-69);
--swatches--bg-3--decor-subtle: var(--swatches--🔻brand-21--brand-82);
--swatches--bg-3--decor-ghost: var(--swatches--🔻brand-21--brand-88);
--swatches--bg-3--ghost-max: var(--swatches--🔻brand-21--brand-92);
--swatches--bg-3-dark--base-level-1-out: var(--swatches--🔻brand-21--brand-26);
--swatches--bg-3-dark--base-level-2-out: var(--swatches--🔻brand-21--brand-29);
--swatches--bg-3-dark--base-level-3-out: var(--swatches--🔻brand-21--brand-32);
--swatches--bg-3-dark--base-level-4-out: var(--swatches--🔻brand-21--brand-32);
--swatches--bg-3-dark--base-level-1-in: var(--swatches--🔻brand-21--brand-26);
--swatches--bg-3-dark--base-level-2-in: var(--swatches--🔻brand-21--brand-29);
--swatches--bg-3-dark--base-level-3-in: var(--swatches--🔻brand-21--brand-32);
--swatches--bg-3-dark--base-level-4-in: var(--swatches--🔻brand-21--brand-35);
--swatches--bg-3-dark--decor-strong: var(--swatches--🔻brand-21--brand-59);
--swatches--bg-3-dark--decor-subtle: var(--swatches--🔻brand-21--brand-35);
--swatches--bg-3-dark--decor-ghost: var(--swatches--🔻brand-21--brand-29);
--swatches--bg-3-dark--ghost-max: var(--swatches--🔻brand-21--brand-26);
--swatches--bg-4--base-level-1-out: var(--swatches--🔻brand-21--brand-94);
--swatches--bg-4--base-level-2-out: var(--swatches--🔻brand-21--brand-97);
--swatches--bg-4--base-level-3-out: var(--swatches--🔻brand-21--brand-99);
--swatches--bg-4--base-level-4-out: var(--swatches--universal--white);
--swatches--bg-4--base-level-1-in: var(--swatches--🔻brand-21--brand-88);
--swatches--bg-4--base-level-2-in: var(--swatches--🔻brand-21--brand-85);
--swatches--bg-4--base-level-3-in: var(--swatches--🔻brand-21--brand-82);
--swatches--bg-4--base-level-4-in: var(--swatches--🔻brand-21--brand-79);
--swatches--bg-4--decor-strong: var(--swatches--🔻brand-21--brand-67);
--swatches--bg-4--decor-subtle: var(--swatches--🔻brand-21--brand-79);
--swatches--bg-4--decor-ghost: var(--swatches--🔻brand-21--brand-85);
--swatches--bg-4--ghost-max: var(--swatches--🔻brand-21--brand-89);
--swatches--bg-4-dark--base-level-1-out: var(--swatches--🔻brand-21--brand-29);
--swatches--bg-4-dark--base-level-2-out: var(--swatches--🔻brand-21--brand-32);
--swatches--bg-4-dark--base-level-3-out: var(--swatches--🔻brand-21--brand-35);
--swatches--bg-4-dark--base-level-4-out: var(--swatches--🔻brand-21--brand-38);
--swatches--bg-4-dark--base-level-1-in: var(--swatches--🔻brand-21--brand-29);
--swatches--bg-4-dark--base-level-2-in: var(--swatches--🔻brand-21--brand-32);
--swatches--bg-4-dark--base-level-3-in: var(--swatches--🔻brand-21--brand-35);
--swatches--bg-4-dark--base-level-4-in: var(--swatches--🔻brand-21--brand-38);
--swatches--bg-4-dark--decor-strong: var(--swatches--🔻brand-21--brand-59);
--swatches--bg-4-dark--decor-subtle: var(--swatches--🔻brand-21--brand-38);
--swatches--bg-4-dark--decor-ghost: var(--swatches--🔻brand-21--brand-32);
--swatches--bg-4-dark--ghost-max: var(--swatches--🔻brand-21--brand-29);
--swatches--diets--diet-choice-base: #e2d6bf;
--swatches--diets--diet-beauty_logo-secondary: #877c67;
--swatches--diets--diet-choice_divider: #beaf93;
--swatches--diets--diet-choice_logo: #da6515;
--swatches--diets--diet-beauty-base: #f0eadf;
--swatches--diets--diet-beauty_logo: #6b6251;
--swatches--diets--diet-green_logo-secondary: #dbe5d8;
--swatches--diets--diet-minus_divider: #a0947c;
--swatches--diets--diet-choice_logo-secondary: #9c470b;
--swatches--diets--diet-minus_logo: #484236;
--swatches--diets--diet-office-base: #484236;
--swatches--diets--diet-minus_logo-secondary: #6b6252;
--swatches--diets--diet-minus-base: #c8b99b;
--swatches--diets--diet-office_logo: #c8b99b;
--swatches--diets--diet-beauty_divider: #d2c2a3;
--swatches--diets--diet-personal-base: #da6515;
--swatches--diets--diet-personal_divider: #bf5811;
--swatches--diets--diet-office_logo-secondary: #fff;
--swatches--diets--diet-sport-base: #27241c;
--swatches--diets--diet-personal_logo-secondary: #fdcbb2;
--swatches--diets--diet-sport_divider: #484236;
--swatches--diets--diet-sport_logo: #f17118;
--swatches--diets--diet-sport_logo-secondary: #c8b99b;
--swatches--diets--diet-office_divider: #6b6252;
--swatches--diets--diet-personal_logo: #fff2ec;
--swatches--universal--white: #fff;
--var-blur--blur-tiny: 5px;
--var-blur--blur-xx-small-10: 10px;
--var-blur--blur-x-small-20: 20px;
--var-blur--blur-small-40: 40px;
--var-blur--blur-medium-60: 60px;
--var-blur--blur-large-100: 100px;
--var-blur--blur-x-large-200: 200px;
--var-blur--blur-extreme-500: 500px;
--var-size--medium: 1.5rem;
--var-size--large: 2rem;
--var-size--x-large: 4rem;
--var-size--spacer-1: 6rem;
--var-size--spacer-2: 8rem;
--var-size--spacer-3: 10rem;
--var-size--spacer-4: 12rem;
--var-size--spacer-5: 14rem;
--var-size--spacer-6: 16rem;
--var-size--spacer-7: 18rem;
--var-size--spacer-8: 20rem;
--var-size--corner-radius--corner-one: var(--var-size--one);
--var-size--corner-radius--corner-base: var(--var-size--base);
--var-size--corner-radius--corner-small: var(--var-size--small);
--var-size--corner-radius--corner-medium: var(--var-size--medium);
--var-size--corner-radius--size: var(--var-size--tiny-6);
--var-size--var-padding--padding-0: 0px;
--var-size--var-padding-mobile--padding-global-small: 1rem;
--var-size--var-padding-mobile--padding-global-large: 1rem;
--var-size--var-padding-mobile--padding-ui-large: 1rem;
--var-size--var-padding-mobile--padding-ui-small: .5rem;
--fs-base-color-neutral--black\: #000;
--fs-base-color-neutral--white\: #fff;
--fs-base-color-system--success-green\: #cef5ca;
--fs-base-color-neutral--neutral-lightest\: #eee;
--fs-base-color-brand--blue\: #2d62ff;
--fs-base-color-neutral--neutral-darker\: #222;
--fs-base-color-brand--pink\: #dd23bb;
--fs-base-color-system--error-red\: #f8e4e4;
--fs-base-color-system--error-red-dark\: #3b0b0b;
--fs-base-color-system--warning-yellow\: #fcf8d8;
--fs-base-color-system--warning-yellow-dark\: #5e5515;
--heading--heading-accent\: #cc5f13;
}
.w-layout-vflex {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.w-layout-hflex {
flex-direction: row;
align-items: flex-start;
display: flex;
}
body {
background-color: var(--color-background--c-bg-4);
color: var(--color-text--c-text-subtle);
font-family: Geist, sans-serif;
font-size: 1rem;
line-height: 1.5;
}
h1 {
color: var(--color-heading--c-heading-subtle);
letter-spacing: -3.4px;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-family: Geist, sans-serif;
font-size: 4.25rem;
font-weight: 700;
line-height: 3.5rem;
}
h2 {
color: var(--color-heading--c-heading-strong);
letter-spacing: -2.4px;
text-transform: uppercase;
white-space: normal;
font-size: 3rem;
font-weight: 700;
line-height: 2.5rem;
}
h3 {
color: var(--color-heading--c-heading-strong);
letter-spacing: -1.8px;
text-transform: uppercase;
font-size: 2.25rem;
font-weight: 700;
line-height: 2rem;
}
h4 {
color: var(--color-heading--c-heading-subtle);
letter-spacing: -1.26px;
text-transform: uppercase;
font-family: Geist, sans-serif;
font-size: 1.75rem;
font-weight: 700;
line-height: 1.75rem;
}
h5 {
color: var(--color-heading--c-heading-subtle);
letter-spacing: -.6px;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-family: Open Sans, sans-serif;
font-size: 1.25rem;
font-weight: 700;
line-height: 1.25rem;
}
h6 {
color: var(--color-heading--c-heading-subtle);
letter-spacing: -.24px;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-size: 1rem;
font-weight: 700;
line-height: 1rem;
}
p {
color: var(--color-text--c-text-subtle);
margin-bottom: 0;
font-family: Geist, sans-serif;
}
a {
color: var(--color-text--c-text-strong);
}
ul {
margin-top: 0;
margin-bottom: 0;
padding-left: 28.9rem;
}
ol {
margin-top: 0;
margin-bottom: 0;
padding-left: 1.5rem;
}
li {
margin-bottom: .25rem;
}
img {
display: inline-block;
}
label {
margin-bottom: 0;
font-weight: 500;
}
blockquote {
border-left: .25rem solid #e2e2e2;
margin-bottom: 0;
padding: 0 1.25rem;
font-size: 1.25rem;
line-height: 1.5;
}
figure {
margin-top: 2rem;
margin-bottom: 2rem;
}
figcaption {
text-align: center;
margin-top: .25rem;
}
.utility-page_component {
justify-content: center;
align-items: center;
width: 100vw;
max-width: 100%;
height: 100vh;
max-height: 100%;
padding-left: 1.25rem;
padding-right: 1.25rem;
display: flex;
}
.utility-page_wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
text-align: center;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
max-width: 20rem;
display: flex;
}
.utility-page_form {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.utility-page_image {
margin-left: auto;
margin-right: auto;
}
.global-styles {
display: block;
position: fixed;
inset: 0% auto auto 0%;
}
.margin-custom2 {
margin: 2.5rem;
}
.padding-xlarge {
padding: 4rem;
}
.margin-xlarge {
margin: 4rem;
}
.margin-xsmall {
margin: .5rem;
}
.padding-xhuge {
padding: 8rem;
}
.margin-custom1 {
margin: 1.5rem;
}
.padding-0 {
padding: 0;
}
.padding-xxhuge {
padding: 12rem;
}
.padding-huge {
padding: 6rem;
}
.margin-large {
margin: 3rem;
}
.padding-xxlarge {
padding: 5rem;
}
.margin-xxsmall {
margin: .25rem;
}
.padding-custom3 {
padding: 3.5rem;
}
.padding-large {
padding-top: 3rem;
padding-bottom: 3rem;
}
.margin-tiny {
margin: .125rem;
}
.padding-small {
padding: 1rem;
}
.padding-custom2 {
padding: 2.5rem;
}
.margin-custom3 {
margin: 3.5rem;
}
.padding-custom1 {
padding: 1.5rem;
}
.margin-huge {
margin: 6rem;
}
.padding-medium {
padding: 2rem;
}
.padding-xsmall {
padding: .5rem;
}
.margin-xxlarge {
margin: 5rem;
}
.padding-xxsmall {
padding: .25rem;
}
.margin-xhuge {
margin: 8rem;
}
.padding-tiny {
padding: .125rem;
}
.margin-small {
margin: 1rem;
}
.margin-medium {
margin: 2rem;
}
.margin-xxhuge {
margin: 12rem;
}
.margin-0 {
margin: 0;
}
.margin-horizontal {
margin-top: 0;
margin-bottom: 0;
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.margin-vertical {
margin-left: 0;
margin-right: 0;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.padding-left {
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.padding-horizontal {
padding-top: 0;
padding-bottom: 0;
}
.margin-right {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.margin-left {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
}
.padding-right {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.form_checkbox {
flex-direction: row;
align-items: center;
margin-bottom: .5rem;
padding-left: 0;
display: flex;
}
.form_checkbox-icon {
border-radius: .125rem;
width: .875rem;
height: .875rem;
margin: 0 .5rem 0 0;
}
.form_checkbox-icon.w--redirected-checked {
background-size: 90%;
border-radius: .125rem;
width: .875rem;
height: .875rem;
margin: 0 .5rem 0 0;
}
.form_checkbox-icon.w--redirected-focus {
border-radius: .125rem;
width: .875rem;
height: .875rem;
margin: 0 .5rem 0 0;
box-shadow: 0 0 .25rem 0 #3898ec;
}
.fs-styleguide_background {
border: 1px solid #0000001a;
flex-direction: column;
justify-content: center;
align-items: stretch;
width: 100%;
display: flex;
}
.fs-styleguide_spacing {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
background-image: linear-gradient(to top, #2d40ea1a, #fff0);
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-content: start;
place-items: start stretch;
display: grid;
position: relative;
}
.icon-1x1-small {
flex: none;
width: 1rem;
height: 1rem;
}
.overflow-auto {
overflow: auto;
}
.spacing-clean {
margin: 0;
padding: 0;
}
.icon-1x1-large {
width: 2.5rem;
height: 2.5rem;
}
.z-index-2 {
z-index: 2;
position: relative;
}
.fs-styleguide_background-space {
width: 1px;
height: 1px;
margin: 5rem;
}
.text-weight-semibold {
font-weight: 600;
}
.text-style-strikethrough {
text-decoration: line-through;
}
.fs-styleguide_item {
grid-column-gap: 1.125rem;
grid-row-gap: 1.125rem;
color: var(--text--text-primary-light\);
border-bottom: 1px solid #0000001a;
grid-template-rows: auto;
grid-template-columns: 6.5fr;
grid-auto-columns: 1fr;
place-content: start;
place-items: start;
padding-bottom: 3rem;
display: grid;
position: relative;
}
.fs-styleguide_item.is-stretch {
justify-items: stretch;
}
.max-width-full {
width: 100%;
max-width: none;
}
.fs-styleguide_item-header {
border-bottom: 1px solid #0000001a;
width: 100%;
padding-bottom: 2rem;
}
.background-color-primary {
background-color: var(--fs-background-color--background-primary\);
color: var(--fs-text-color--text-alternate\);
}
.z-index-1 {
z-index: 1;
position: relative;
}
.text-color-primary {
color: var(--fs-text-color--text-primary\);
}
.text-color-secondary {
color: var(--fs-base-color-system--success-green-dark\);
}
.fs-styleguide_2-col {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.fs-styleguide_2-col.is-align-start {
align-items: start;
}
.form_message-success {
background-color: var(--fs-background-color--background-success\);
color: var(--fs-text-color--text-success\);
padding: 1.25rem;
}
.fs-styleguide_row {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.heading-style-h3 {
font-size: 2.25rem;
font-weight: 700;
line-height: 2rem;
}
.text-rich-text h1, .text-rich-text h2 {
color: #cef5ca;
margin-top: 1.5rem;
margin-bottom: 1rem;
}
.text-rich-text h3 {
color: #222;
margin-top: 1.5rem;
margin-bottom: 1rem;
}
.text-rich-text h4 {
margin-top: 1.5rem;
margin-bottom: 1rem;
}
.text-rich-text h5, .text-rich-text h6 {
margin-top: 1.25rem;
margin-bottom: 1rem;
}
.text-rich-text p {
margin-bottom: 1rem;
}
.text-rich-text ul, .text-rich-text ol {
margin-bottom: 1.5rem;
}
.text-rich-text blockquote {
margin-top: 2rem;
margin-bottom: 2rem;
}
.pointer-events-auto {
pointer-events: auto;
}
.container-small {
width: 100%;
max-width: 48rem;
margin-left: auto;
margin-right: auto;
}
.icon-height-small {
height: 1rem;
}
.icon-1x1-medium {
width: 2rem;
height: 2rem;
}
.heading-style-h1 {
margin-top: 0;
padding-left: 0;
font-size: 4.25rem;
font-weight: 700;
line-height: 3.5rem;
}
.heading-style-h1.f-is-serif {
text-align: right;
margin-bottom: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.heading-style-h1.f-is-serif.is-mc-marquee {
font-size: 8vh;
}
.heading-style-h1.f-is-serif.is-100lh {
line-height: 1;
}
.heading-style-h1.f-is-serif.is-100lh.is-m0-left {
flex: none;
min-width: 20rem;
}
.heading-style-h1.f-is-serif.is-100lh.is-m0-right {
text-align: left;
flex: none;
min-width: 20rem;
}
.z--padding-global {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.z--padding-global.padding-section-large {
color: #cef5ca;
}
.text-weight-normal {
font-weight: 400;
}
.padding-section-small {
padding-top: 3rem;
padding-bottom: 3rem;
}
.max-width-small {
width: 100%;
max-width: 20rem;
}
.text-color-alternate {
color: var(--fs-text-color--text-alternate\);
}
.text-style-italic {
font-style: italic;
}
.pointer-events-none {
pointer-events: none;
}
.text-weight-medium {
font-weight: 500;
}
.overflow-hidden {
overflow: hidden;
}
.fs-styleguide_section-header {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-bottom: 1px solid var(--fs-border-color--border-primary\);
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
padding-bottom: 3rem;
line-height: 1.4;
display: grid;
}
.max-width-xxlarge {
width: 100%;
max-width: 80rem;
}
.fs-styleguide_1-col {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.overflow-visible {
overflow: visible;
}
.fs-styleguide_empty-box {
z-index: -1;
background-color: #2d40ea0d;
border: 1px dashed #2d40ea;
min-width: 3rem;
height: 3rem;
position: relative;
}
.fs-styleguide_heading-medium {
padding-top: 68px;
font-size: 4rem;
}
.max-width-xsmall {
width: 100%;
max-width: 16rem;
}
.fs-styleguide_4-col {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.text-weight-xbold {
font-weight: 800;
}
.text-align-right {
text-align: right;
}
.max-width-medium {
width: 100%;
max-width: 32rem;
}
.fs-styleguide_item-wrapper {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.max-width-large {
width: 100%;
max-width: 48rem;
}
.fs-styleguide_header-block {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-items: center start;
display: grid;
}
.text-weight-light {
font-weight: 300;
}
.background-color-alternate {
background-color: var(--fs-background-color--background-alternate\);
}
.text-style-muted {
opacity: .6;
}
.heading-style-h4 {
font-size: 1.75rem;
font-weight: 700;
line-height: 1.5rem;
}
.max-width-xlarge {
width: 100%;
max-width: 64rem;
}
.form_radio-icon {
width: .875rem;
height: .875rem;
margin-top: 0;
margin-left: 0;
margin-right: .5rem;
}
.form_radio-icon.w--redirected-checked {
border-width: .25rem;
width: .875rem;
height: .875rem;
}
.form_radio-icon.w--redirected-focus {
width: .875rem;
height: .875rem;
box-shadow: 0 0 .25rem 0 #3898ec;
}
.text-style-nowrap {
white-space: nowrap;
}
.text-align-left {
text-align: left;
}
.background-color-secondary {
background-color: var(--fs-background-color--background-secondary\);
}
.form_input {
border: 1px solid var(--fs-border-color--border-primary\);
background-color: #0000;
min-height: 3rem;
margin-bottom: .75rem;
padding: .5rem 1rem;
font-size: 1rem;
}
.form_input::placeholder, .form_input.is-select-input {
color: var(--fs-text-color--text-secondary\);
}
.form_input.is-text-area {
min-height: 8rem;
padding-top: .75rem;
font-size: 1rem;
}
.heading-style-h6 {
font-size: 1rem;
font-weight: 700;
line-height: 1rem;
}
.padding-section-large {
padding-top: 8rem;
padding-bottom: 8rem;
}
.fs-styleguide_3-col {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
width: 100%;
display: grid;
}
.fs-styleguide_3-col.is-align-start {
align-items: start;
}
.text-style-link {
color: var(--fs-link-color--link-primary\);
text-decoration: underline;
}
.fs-styleguide_header {
background-color: var(--fs-background-color--background-primary\);
color: var(--fs-text-color--text-alternate\);
background-image: radial-gradient(circle at 100% 100%, #dd23bb40, #0000 40%), radial-gradient(circle at 0 100%, #2d62ff4d, #0000 60%);
}
.protein-number-display {
font-size: 3rem;
font-weight: 700;
line-height: 2.5rem;
}
.page-wrapper {
background-color: var(--color-background--c-bg-4);
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
display: block;
overflow: clip;
}
.page-wrapper.is-100vh {
height: 100svh;
position: fixed;
}
.fs-styleguide_label {
background-color: var(--fs-background-color--background-secondary\);
color: var(--fs-text-color--text-alternate\);
border-radius: .25rem;
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding: .25rem .75rem .3rem;
font-weight: 600;
display: flex;
}
.fs-styleguide_label.is-tag {
background-color: var(--fs-background-color--background-tertiary\);
}
.heading-style-h5 {
font-size: 1.25rem;
font-weight: 700;
line-height: 1.25rem;
}
.container-large {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.icon-height-medium {
height: 2rem;
}
.text-style-allcaps {
text-transform: uppercase;
}
.overflow-scroll {
overflow: scroll;
}
.form_message-error {
background-color: var(--fs-background-color--background-error\);
color: var(--fs-text-color--text-error\);
margin-top: .75rem;
padding: .75rem;
}
.icon-height-large {
height: 3rem;
}
.text-align-center {
text-align: center;
}
.form_component {
margin-bottom: 0;
}
.main-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: block;
position: relative;
}
.max-width-xxsmall {
width: 100%;
max-width: 12rem;
}
.layer {
justify-content: center;
align-items: center;
position: absolute;
inset: 0%;
}
.text-style-quote {
border-left: .25rem solid #e2e2e2;
margin-bottom: 0;
padding: 0 1.25rem;
font-size: 1.25rem;
line-height: 1.5;
}
.align-center {
margin-left: auto;
margin-right: auto;
}
.button {
background-color: var(--fs-background-color--background-primary\);
color: var(--fs-text-color--text-alternate\);
text-align: center;
border-radius: .25rem;
padding: .75rem 1.5rem;
font-weight: 600;
}
.button.is-text {
color: #000;
background-color: #0000;
border: 2px solid #0000;
}
.button.is-small {
padding: .5rem 1.25rem;
}
.button.is-large {
padding: 1rem 2rem;
}
.button.is-secondary {
border: 1px solid var(--fs-border-color--border-alternate\);
color: var(--fs-text-color--text-primary\);
background-color: #0000;
}
.button.is-icon {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: row;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.fs-styleguide_classes {
grid-column-gap: 1px;
grid-row-gap: 1px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.text-size-medium {
font-size: 1.25rem;
}
.fs-styleguide_section {
grid-column-gap: 6rem;
grid-row-gap: 6rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-items: start;
display: grid;
}
.fs-styleguide_section.is-vertical {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-columns: 1fr;
}
.button-group {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
display: flex;
}
.hide {
display: none;
}
.padding-section-medium {
padding-top: 5rem;
padding-bottom: 5rem;
}
.container-medium {
width: 100%;
max-width: 64rem;
margin-left: auto;
margin-right: auto;
}
.form_radio {
flex-direction: row;
align-items: center;
margin-bottom: .5rem;
padding-left: 0;
display: flex;
}
.fs-styleguide_spacing-all {
display: none;
}
.spacer-huge {
width: 100%;
padding-top: 6rem;
}
.spacer-medium {
width: 100%;
padding-top: 2rem;
}
.fs-styleguide_spacer-box {
background-color: #2d40ea1a;
border: 1px dashed #2d40ea;
width: 100%;
position: relative;
}
.spacer-xsmall {
width: 100%;
padding-top: .5rem;
}
.spacer-small {
width: 100%;
padding-top: 1rem;
}
.spacer-xhuge {
width: 100%;
padding-top: 8rem;
}
.spacer-tiny {
width: 100%;
padding-top: .125rem;
}
.spacer-xxsmall {
width: 100%;
padding-top: .25rem;
}
.spacer-xxhuge {
width: 100%;
padding-top: 12rem;
}
.spacer-xlarge {
width: 100%;
padding-top: 4rem;
}
.spacer-large {
padding-top: 3rem;
}
.spacer-xxlarge {
width: 100%;
padding-top: 5rem;
}
.fs-styleguide_message {
background-color: var(--fs-background-color--background-warning\);
color: var(--fs-text-color--text-warning\);
border-radius: .25rem;
padding: .25rem .5rem;
font-size: .875rem;
}
.nav_component {
background-color: #000;
width: 100%;
padding-top: 1rem;
padding-bottom: 1rem;
position: relative;
inset: 0% 0% auto;
}
.nav_container {
z-index: 2;
pointer-events: none;
background-color: #ad6a6a2b;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
min-height: 6rem;
margin-left: auto;
margin-right: auto;
padding-left: 2rem;
padding-right: 2rem;
display: flex;
position: absolute;
inset: 0%;
}
.nav_logo {
width: 10rem;
}
.nav_menu_link {
color: #fff;
padding: 1rem;
}
.nav_button {
padding: 1rem;
}
.aspect-ratio-square {
object-fit: cover;
}
.aspect-ratio-portrait {
aspect-ratio: 2 / 3;
object-fit: cover;
}
.aspect-ratio-landscape {
aspect-ratio: 3 / 2;
object-fit: cover;
}
.aspect-ratio-widescreen {
aspect-ratio: 16 / 9;
object-fit: cover;
}
.background-color-tertiary {
background-color: var(--fs-background-color--background-tertiary\);
}
.fs-styleguide_hero-label {
color: var(--fs-text-color--text-primary\);
text-transform: uppercase;
background-color: #eee;
border-radius: .25rem;
padding: .25rem .375rem;
font-size: .75rem;
font-weight: 500;
text-decoration: none;
}
.fs-styleguide_heading-header {
font-size: 6rem;
}
.styles-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
border: 0 solid #dcdcdc;
border-top-width: 1px;
flex-direction: row;
justify-content: center;
padding: 24px;
display: flex;
transform: scale(2);
}
.div-block {
width: 30vw;
}
.f-p-primary {
letter-spacing: -.15px;
font-family: Geist, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5rem;
}
.f-p-primary.text-weight-bold {
display: block;
}
.f-p-primary.f-is-overline-align {
max-width: 75ch;
}
.f-p-primary.f-is-serif-adobe {
letter-spacing: 1px;
text-transform: none;
font-weight: 400;
}
.f-p-primary.is-tight {
line-height: 1.25rem;
}
.f-p-primary.is-align-center {
color: var(--color-text--c-text-subtle);
text-align: center;
width: 100%;
}
.f-p-secondary {
letter-spacing: -.1px;
font-family: Geist, sans-serif;
font-size: .875rem;
font-weight: 400;
line-height: 1.5rem;
}
.f-p-secondary.is-margin-4 {
margin-top: -.25rem;
}
.f-p-secondary.text-weight-bold {
color: #696255;
}
.f-p-secondary.macros_data_secondary {
color: var(--color-text--c-text-strong);
flex: none;
justify-content: flex-start;
align-items: flex-end;
display: flex;
}
.f-p-secondary.is-strong {
color: #464239;
}
.f-p-secondary.del-strong {
color: var(--color-text--c-text-strong);
}
.f-p-secondary.is-color-strong {
color: #464239;
}
.f-p-secondary.is-color--strong {
color: var(--color-text--c-text-strong);
}
.f-p-secondary.u-f-bold {
font-weight: 700;
}
.f-p-secondary.text-calories {
color: var(--color-text--c-text-accent-default);
font-weight: 700;
}
.f-p-secondary.f-text-bold {
font-weight: 700;
}
.f-p-secondary.f-is-accent {
color: var(--color-text--c-text-accent-default);
}
.f-p-secondary.f-is-serif {
flex: none;
}
.f-p-secondary.is-tight {
line-height: 1.25rem;
}
.f-p-small {
letter-spacing: 0;
align-self: auto;
font-family: Geist, sans-serif;
font-size: .75rem;
font-weight: 400;
line-height: 1rem;
}
.f-p-small.f-bold {
font-weight: 700;
}
.f-label-small {
color: var(--color-text--c-text-strong);
letter-spacing: .3px;
text-transform: uppercase;
font-family: Geist, sans-serif;
font-size: .625rem;
font-weight: 500;
line-height: 1rem;
text-decoration: none;
display: block;
position: static;
inset: auto 0% 20%;
}
.f-label-small.f-is-accent {
color: var(--color-text--c-text-accent-display-light);
}
.f-label-small.f-is-accent-light {
color: var(--color-text--c-text-accent-display-light);
flex: none;
}
.f-label-large {
color: var(--color-text--c-text-strong);
letter-spacing: .24px;
text-transform: uppercase;
font-family: Geist, sans-serif;
font-size: .75rem;
font-weight: 500;
line-height: 1rem;
}
.f-label-large.is-display {
font-size: 1.5rem;
line-height: 1.5rem;
}
.f-label-tiny {
color: var(--color-text--c-text-subtle);
letter-spacing: .32px;
text-transform: uppercase;
font-family: Geist, sans-serif;
font-size: .5rem;
font-weight: 400;
line-height: 1rem;
}
.f-label-tiny.is-energy {
font-weight: 700;
}
.f-label-tiny.text-weight-bold {
position: relative;
}
.f-label-tiny.text-weight-bold.macros_secondary_calories {
padding-left: .2rem;
}
.f-label-tiny.macros_secondary_grams {
color: var(--color-text--c-text-subtle);
padding-left: .13rem;
}
.f-label-tiny.macros_secondary_calories {
color: var(--color-text--c-text-accent-display-light);
padding-left: .13rem;
}
.f-label-tiny.macros_secondary_calories.f-text-bold {
font-weight: 700;
}
.f-label-large-bold {
color: var(--color-text--c-text-strong);
letter-spacing: .24px;
text-transform: uppercase;
flex: none;
font-family: Geist, sans-serif;
font-size: .75rem;
font-weight: 700;
line-height: 1rem;
}
.f-label-large-bold.f-is-accent {
color: var(--color-text--c-text-accent-default);
}
.f-label-small-bold {
letter-spacing: .3px;
text-transform: uppercase;
font-family: Geist, sans-serif;
font-size: .625rem;
font-weight: 700;
line-height: 1rem;
}
.f-label-small-bold.f-is-accent {
color: #9d470b;
}
.f-label-tiny-bold {
letter-spacing: .32px;
text-transform: uppercase;
font-family: Geist, sans-serif;
font-size: .5rem;
font-weight: 700;
line-height: 1rem;
}
.f-label-lowercase {
color: var(--color-text--c-text-subtle);
letter-spacing: .24px;
font-family: Geist, sans-serif;
font-size: .75rem;
font-weight: 400;
line-height: 1rem;
position: relative;
}
.f-label-overline {
letter-spacing: .24px;
text-transform: uppercase;
height: auto;
font-family: Geist, sans-serif;
font-size: .75rem;
font-weight: 700;
line-height: 1rem;
transition: opacity .2s, color .3s;
}
.f-label-overline.f-is-accent-light {
color: var(--glass-light-alt--text-accent-display-light);
}
.f-label-layout {
color: var(--color-text--c-text-subtle);
letter-spacing: 1.44px;
text-transform: uppercase;
flex: none;
font-family: Geist, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 16px;
}
.f-label-layout.is-button-magnetic-arrow-small {
text-align: center;
-webkit-text-stroke-color: var(--color-text--c-text-strong);
width: 300px;
position: absolute;
inset: auto 0% -15% 50%;
transform: translateX(-50%);
}
.f-label-layout.is-button-magnetic-arrow-large-copy {
text-align: center;
width: 300px;
position: absolute;
inset: auto 0% -15% 50%;
transform: translateX(-50%);
}
.f-label-layout.is-button-magnetic-arrow-small---left {
text-align: center;
flex: none;
width: 240px;
position: absolute;
top: 50%;
left: 0%;
right: auto;
transform: translateX(-100%);
}
.f-label-layout.is-label-form {
height: 1rem;
}
.f-label-layout.is-menu-overlay {
padding-right: .5rem;
}
.f-label-button-large {
letter-spacing: 1.44px;
text-transform: uppercase;
font-family: Geist, sans-serif;
font-size: .75rem;
font-weight: 500;
line-height: 1rem;
text-decoration: none;
}
.f-label-button-small {
letter-spacing: 1.43px;
text-transform: uppercase;
font-family: Geist, sans-serif;
font-size: .6875rem;
font-weight: 500;
line-height: 1rem;
}
.sg_item {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
grid-auto-columns: 1fr;
grid-auto-flow: row;
place-content: start flex-start;
place-items: flex-start center;
width: 100%;
height: 100%;
padding: .5rem;
display: flex;
}
.sg_item.is-full-width {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
grid-template-columns: 100%;
justify-content: center;
place-items: flex-start start;
width: 100%;
}
.sg_item.is-2-col {
grid-template-columns: 35vw 1fr;
}
.sg_item.is-test {
display: flex;
}
.sg_item.is-central {
justify-content: center;
align-items: center;
}
.sg_item.is-central.is-zoom {
transform: scale(2);
}
.sg_item.is-horizontal {
flex-flow: row;
}
.sg_label_general {
background-color: var(--base--base-primary\);
color: var(--fs-text-color--text-alternate\);
border-radius: .25rem;
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding: .25rem .75rem .3rem;
font-weight: 600;
display: flex;
position: relative;
}
.f-p-dis-large {
letter-spacing: -.2px;
max-width: 70ch;
font-family: Geist, sans-serif;
font-size: 3rem;
font-weight: 400;
line-height: 3.5rem;
}
.f-p-dis-medium {
letter-spacing: -.18px;
font-family: Geist, sans-serif;
font-size: 2.25rem;
font-weight: 400;
line-height: 2.75rem;
}
.f-p-dis-default {
color: var(--color-text--c-text-subtle);
letter-spacing: -.18px;
font-family: Geist, sans-serif;
font-size: 1.75rem;
font-weight: 400;
line-height: 2.25rem;
}
.f-p-dis-small {
color: var(--color-text--c-text-subtle);
letter-spacing: -.18px;
font-family: Geist, sans-serif;
font-size: 1.25rem;
font-weight: 400;
line-height: 1.75rem;
}
.f-p-dis-small.text-weight-bold.f-is-accent {
opacity: .25;
color: var(--color-text--c-text-accent-default);
text-align: center;
font-size: 4rem;
transition: all .3s;
}
.f-p-dis-small.f-is-overline-align {
max-width: 75ch;
}
.f-display-3 {
letter-spacing: -5.28px;
font-family: Geist, sans-serif;
font-size: 5.5rem;
font-weight: 900;
line-height: 4.5rem;
}
.f-display-3.f-is-serif {
width: 100%;
}
.f-display-3.f-is-serif.m9_text-marquee {
flex: none;
}
.f-display-3.f-is-serif.is-span {
width: auto;
display: inline-block;
}
.f-display-3.f-is-lowercase.is-span {
padding-right: .2em;
}
.f-display-3.f-is-serif-normal {
font-size: 5.5rem;
line-height: 5.5rem;
}
.f-display-2 {
letter-spacing: -7.2px;
word-break: break-all;
font-family: Geist, sans-serif;
font-size: 7.5rem;
font-weight: 900;
line-height: 6rem;
}
.f-display-2.f-is-serif {
color: var(--color-heading--c-heading-subtle);
}
.f-display-2.f-is-serif-normal {
flex: none;
font-family: ivymode, sans-serif;
font-size: 7.5rem;
font-weight: 300;
line-height: 7.25rem;
position: static;
}
.f-display-2.is-transparent {
opacity: 0;
}
.f-display-2.is-outline {
color: var(--swatches--universal--transparent);
text-align: center;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: var(--color-heading--c-heading-accent);
}
.f-display-2.f-is-accent-light {
color: var(--color-text--c-text-accent-display-light);
}
.f-display-1 {
letter-spacing: -9.6px;
overflow-wrap: break-word;
max-width: 100%;
font-family: Geist, sans-serif;
font-size: 10rem;
font-weight: 900;
line-height: 8rem;
}
.f-display-1.f-is-serif {
color: var(--color-heading--c-heading-subtle);
text-transform: none;
}
.link {
color: var(--text--text-strong\);
}
.balans-styles {
position: fixed;
}
.f-is-serif {
pointer-events: auto;
color: var(--color-heading--c-heading-subtle);
line-height: 2rem;
}
.f-is-serif.is-transparent {
opacity: 0;
}
.f-is-serif.f-is-accent-light {
color: var(--color-heading--c-heading-accent);
}
.f-is-serif.is-diet-tiny {
font-size: 2.13rem;
line-height: 2.13rem;
}
.f-is-serif.mc_marquee_text {
font-size: 8vh;
line-height: 8vh;
}
.f-is-serif.is-regular {
font-family: ivymode, sans-serif;
font-weight: 400;
}
.f-is-serif.is-align-center {
color: var(--color-text--c-text-strong);
text-align: center;
justify-content: center;
align-items: flex-end;
width: 100%;
}
.f-is-serif.is-1, .f-is-serif.is-2 {
position: absolute;
}
.f-is-serif.f-is-regular {
font-family: ivymode, sans-serif;
font-weight: 400;
}
.f-is-serif.is-aligned-up {
padding-bottom: .16em;
}
.f-is-serif.is-span {
align-self: baseline;
padding-right: .2em;
}
.f-is-serif.is-span.f-is-mixed {
white-space: pre;
}
.f-is-serif.is-span.h3_f-is-mixed-lowercase {
vertical-align: baseline;
line-height: 2.5rem;
}
.f-is-serif.is-span.is-homepage-title-desktop {
line-height: 1.75rem;
}
.f-is-serif.is-quote-element {
position: absolute;
}
.f-is-serif.is-span-first {
align-self: baseline;
padding-right: .2em;
overflow: hidden;
}
.f-is-serif.is-span-first.f-is-mixed {
white-space: pre;
}
.f-is-serif.is-span-first.h3_f-is-mixed-lowercase {
vertical-align: baseline;
line-height: 2.5rem;
}
.f-is-serif.is-span-first.is-homepage-title {
line-height: 1.75rem;
}
.f-is-serif.h3_f-is-mixed-lowercase.is-serif-span, .f-is-serif.is-serif-span {
padding-right: .2em;
}
.f-is-lowercase {
pointer-events: auto;
letter-spacing: -1.26px;
}
.f-is-lowercase.is-before {
width: 100%;
}
.f-is-lowercase.is-accent {
color: var(--color-heading--c-heading-accent);
}
.f-is-lowercase.f-is-green {
color: var(--swatches--diets--diet-green-base);
}
.f-is-lowercase.f-is-green.is-full-width {
font-size: 10vw;
line-height: 10vw;
}
.f-is-lowercase.f-is-accent-heading {
color: var(--color-heading--c-heading-accent);
}
.f-is-lowercase.f-is-accent-light {
color: var(--color-text--c-text-accent-display-light);
}
.f-is-lowercase.f-is-tight {
line-height: 1.25rem;
}
.f-is-lowercase.is-span {
align-self: baseline;
padding-right: .2em;
}
.f-is-lowercase.is-span.is-homepage-title-desktop {
line-height: 1.75rem;
}
.f-is-lowercase.f-weight-medium {
font-weight: 500;
}
.f-is-lowercase.f-weight-medium.is-span {
padding-right: .2em;
}
.f-is-lowercase.f-weight-medium.is-span.f-is-mixed {
white-space: break-spaces;
}
.f-is-lowercase.f-weight-medium.is-span.h3_f-is-mixed-lowercase {
line-height: 2.5rem;
}
.f-is-lowercase.f-is-medium {
font-weight: 500;
}
.f-is-lowercase.is-sans-serif-span {
padding-right: .2em;
}
.heading {
text-transform: none;
font-family: ivymode, sans-serif;
font-style: italic;
}
.f-balans-display-200 {
letter-spacing: 30px;
font-family: termina, sans-serif;
font-size: 12.5rem;
font-weight: 600;
line-height: 12.5rem;
}
.f-balans-display-2 {
letter-spacing: 18px;
font-family: termina, sans-serif;
font-size: 7.5rem;
font-weight: 600;
line-height: 7.25rem;
}
.f-balans-h3 {
color: var(--color-text--c-text-strong);
letter-spacing: 5.4px;
align-items: baseline;
font-family: termina, sans-serif;
font-size: 2.25rem;
font-weight: 600;
display: flex;
}
.f-balans-h3.is-transparent {
opacity: 0;
}
.f-balans-h3.is-logotype-central {
font-size: 2.5rem;
display: block;
}
.f-balans-h4 {
letter-spacing: 4.2px;
font-family: termina, sans-serif;
font-size: 1.75rem;
font-weight: 600;
line-height: 2rem;
}
.f-balans-h5 {
color: var(--color-text--c-text-subtle);
letter-spacing: 3px;
font-family: termina, sans-serif;
font-size: 1.25rem;
font-weight: 600;
line-height: 1.5rem;
}
.f-balans-h6 {
letter-spacing: 2.4px;
font-family: termina, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.25rem;
}
.f-balans-h6.is-balans-scale {
font-size: 18vw;
}
.section_next {
width: 100%;
position: relative;
}
.triggers-wrapper {
position: relative;
}
.triggers-list {
padding-bottom: 100svh;
}
.swiper-1_title-wrapper {
justify-content: space-between;
padding: 3rem;
display: flex;
}
.controller_wrapper {
display: flex;
}
.controller_chevron-right {
color: var(--border--border-accent-inter\);
}
.controller_chevron-left {
color: var(--border--border-accent-inter\);
transform: scaleX(-1);
}
.swiper-wrapper.is-swiper-1 {
justify-content: flex-start;
align-items: center;
display: flex;
}
.swiper-wrapper.is-diet-slider-bg {
width: 100%;
height: 100%;
}
.swiper-wrapper.is-slider-titles {
width: 100%;
height: 100%;
display: flex;
}
.swiper-wrapper.is-slider-logo {
flex-flow: row;
justify-content: flex-start;
align-items: center;
display: flex;
}
.swiper-wrapper.is-slider-thumbs {
justify-content: flex-start;
align-items: center;
display: flex;
}
.swiper-wrapper.is-slider-titles {
justify-content: flex-start;
align-items: center;
height: 100%;
display: flex;
}
.swiper-wrapper.is-slider-bg {
width: 100%;
height: 100%;
}
.swiper-wrapper.is-slider-photo, .swiper-wrapper.is-menu-weekly {
justify-content: flex-start;
align-items: center;
height: 100%;
display: flex;
}
.swiper-wrapper.is-menu-weekly-day-picker {
flex-flow: row;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
}
.swiper-wrapper.is-balans-menu-weekly {
justify-content: flex-start;
align-items: center;
height: 100%;
display: flex;
}
.swiper-wrapper.is-balans-menu-weekly-list {
flex-flow: column;
width: 100%;
height: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.swiper-wrapper.is-menu-weekly-meal-info {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.swiper-wrapper.is-test-gl {
width: 100%;
height: 100%;
display: flex;
}
.swiper-wrapper.is-material {
height: 100%;
display: flex;
}
.swiper-wrapper.is-swiper-diet-insight-sport {
justify-content: flex-start;
align-items: center;
height: 100%;
display: flex;
}
.swiper-wrapper.is-swiper-diet-insight-minus {
height: 100%;
}
.swiper-wrapper.is-swiper-diet-insight-green {
justify-content: flex-start;
align-items: center;
height: 100%;
display: flex;
}
.swiper-wrapper.is-swiper-diet-insight-office {
height: 100%;
display: flex;
}
.swiper-wrapper.is-swiper-diet-insight-beauty {
height: 100%;
}
.swiper-wrapper.is-swiper-diet-insight-personal {
justify-content: flex-start;
align-items: center;
height: 100%;
display: flex;
}
.swiper-wrapper.is-slider-calories-2 {
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.swiper-wrapper.is-slider-calories-5 {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
transition: transform .3s;
display: flex;
}
.swiper-wrapper.is-slider-price-5 {
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 100%;
}
.swiper-wrapper.is-mw-insight {
grid-column-gap: 4px;
grid-row-gap: 4px;
flex-flow: row;
justify-content: flex-start;
align-items: stretch;
width: 100%;
height: 100%;
display: flex;
}
.swiper-wrapper.project {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.swiper-wrapper.is-mw {
display: flex;
}
.swiper-wrapper.is-meals-daily {
cursor: grabbing;
display: flex;
}
.swiper-wrapper.is-meals-daily-details {
justify-content: flex-start;
align-items: flex-end;
display: flex;
}
.swiper-wrapper.is-meals-daily-tag {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-flow: column;
width: 100%;
display: flex;
}
.swiper-wrapper.is-value {
display: flex;
}
.swiper-wrapper.is-benefits-diets {
grid-column-gap: 10rem;
grid-row-gap: 10rem;
justify-content: center;
align-items: center;
display: flex;
}
.swiper-wrapper.is-cuisine {
justify-content: flex-start;
align-items: center;
display: flex;
}
.swiper-wrapper.is-cuisine-details {
justify-content: flex-start;
align-items: flex-end;
display: flex;
}
.swiper-wrapper.is-cuisine-tags {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.swiper-wrapper.is-cuisine-marquee {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
justify-content: flex-start;
align-items: flex-end;
display: flex;
}
.swiper-wrapper.is-cuisine-marquee.loop-move-left {
flex: none;
}
.swiper-wrapper.is-swiper-diet-insight-office-mobile, .swiper-wrapper.is-swiper-diet-insight-minus-mobile {
justify-content: flex-start;
align-items: center;
height: 100%;
display: flex;
}
.swiper-wrapper.is-mw-page {
display: flex;
}
.swiper {
cursor: grab;
}
.swiper.is-swiper-1 {
width: 100%;
overflow: hidden;
}
.swiper.is-slider-cover, .swiper.is-slider-titles {
width: 100%;
height: 100%;
}
.swiper.is-slider-logo {
width: 100%;
overflow: visible;
}
.swiper.is-slider-bg {
width: 100%;
height: 100%;
}
.swiper.is-slider-thumbs {
width: 100%;
overflow: visible;
}
.swiper.is-slider-titles {
height: 100%;
overflow: visible;
}
.swiper.is-menu-weekly-list {
width: 100%;
height: 17.4em;
overflow: hidden;
}
.swiper.is-slider-photo {
flex: none;
width: 100%;
height: 100%;
overflow: visible;
}
.swiper.is-menu-weekly {
width: 100%;
height: 100%;
overflow: visible;
}
.swiper.is-menu-weekly-day-picker {
justify-content: space-between;
align-items: center;
width: 100%;
height: auto;
}
.swiper.is-balans-menu-weekly {
width: 100%;
height: 100%;
overflow: visible;
}
.swiper.is-balans-menu-weekly-list {
justify-content: center;
align-items: flex-start;
width: 100%;
height: 40vh;
display: flex;
overflow: hidden;
}
.swiper.is-menu-weekly-meal-info {
width: 100%;
height: 4rem;
overflow: hidden;
}
.swiper.is-test-gl {
width: 100%;
height: 100vh;
overflow: hidden;
}
.swiper.is-swiper-diet-insight-sport {
width: 100%;
height: 100%;
}
.swiper.is-swiper-diet-insight-office-mobile {
flex: none;
width: 100%;
height: 100%;
overflow: hidden;
}
.swiper.is-swiper-diet-insight-minus, .swiper.is-swiper-diet-insight-green, .swiper.is-swiper-diet-insight-beauty, .swiper.is-swiper-diet-insight-personal {
width: 100%;
height: 100%;
overflow: hidden;
}
.swiper.is-slider-calories-5 {
flex: none;
justify-content: center;
align-self: flex-start;
align-items: center;
width: 100%;
height: 30vh;
position: relative;
overflow: hidden;
}
.swiper.is-slider-price-5 {
justify-content: center;
align-items: flex-end;
width: 100%;
height: 100%;
overflow: hidden;
}
.swiper.is-mw-insight {
cursor: grabbing;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
overflow: hidden;
}
.swiper.is-mw, .swiper.is-meals-daily, .swiper.is-meals-daily-details {
width: 100%;
overflow: hidden;
}
.swiper.is-meals-daily-tag {
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 2rem;
overflow: hidden;
}
.swiper.is-value {
width: 100%;
overflow: hidden;
}
.swiper.is-benefits-diets {
width: 100%;
}
.swiper.is-cuisine, .swiper.is-cuisine-details {
width: 100%;
overflow: hidden;
}
.swiper.is-cuisine-tags {
width: 100%;
height: 2rem;
overflow: hidden;
}
.swiper.is-cuisine-marquee {
flex-flow: row;
width: 100%;
overflow: hidden;
}
.swiper.is-swiper-diet-insight-office, .swiper.is-swiper-diet-insight-sport {
width: 100%;
height: 100%;
}
.swiper.is-swiper-diet-insight-sport-mobile {
flex: none;
width: 100%;
height: 100%;
overflow: hidden;
}
.swiper.is-swiper-diet-insight-minus-mobile {
width: 100%;
height: 100%;
overflow: hidden;
}
.swiper.is-mw-page {
width: 100%;
overflow: hidden;
}
.swiper-slide.is-swiper-1 {
flex: none;
width: 20rem;
}
.swiper-slide.is-diet-slider-bg {
width: 100%;
height: 100%;
overflow: hidden;
}
.swiper-slide.is-slider-titles {
flex: 0 auto;
width: auto;
padding-left: 4%;
padding-right: 4%;
display: flex;
}
.swiper-slide.is-slider-logo {
flex: none;
width: 100%;
padding-right: .5rem;
}
.swiper-slide.is-slider-bg {
width: 100%;
height: 100%;
overflow: hidden;
}
.swiper-slide.is-slider-thumbs {
flex: none;
width: 100%;
padding-right: .5em;
}
.swiper-slide.is-slider-titles {
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: auto;
height: 100%;
padding: 4%;
display: flex;
}
.swiper-slide.is-slider-photo {
flex: none;
width: 100%;
height: 100%;
position: relative;
}
.swiper-slide.is-menu-weekly-list {
grid-column-gap: 1em;
grid-row-gap: 1em;
cursor: pointer;
border-bottom: 1px solid #ffffff4d;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
height: auto;
padding-top: 1.69em;
padding-bottom: 1.69em;
display: flex;
}
.swiper-slide.is-menu-weekly {
flex: none;
width: 100%;
height: 100%;
}
.swiper-slide.is-menu-weekly-day-picker {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
}
.swiper-slide.is-balans-menu-weekly {
flex: none;
width: 100%;
height: 100%;
position: relative;
}
.swiper-slide.is-balans-menu-weekly-list {
flex: none;
justify-content: space-between;
align-items: center;
width: 100%;
height: 40vh;
display: flex;
position: relative;
}
.swiper-slide.is-menu-weekly-meal-info {
flex: none;
width: 100%;
height: 100%;
}
.swiper-slide.is-test-gl {
flex: none;
width: 100%;
height: 100%;
position: relative;
}
.swiper-slide.is-material {
flex: none;
}
.swiper-slide.is-swiper-diet-insight-sport, .swiper-slide.is-swiper-diet-insight-office {
flex: none;
width: 100%;
height: 100%;
}
.swiper-slide.is-swiper-diet-insight-minus {
width: 100%;
height: 100%;
}
.swiper-slide.is-swiper-diet-insight-green {
flex: none;
width: 100%;
height: 100%;
}
.swiper-slide.is-swiper-diet-insight-beauty {
width: 100%;
height: 100%;
}
.swiper-slide.is-swiper-diet-insight-personal {
flex: none;
width: 100%;
height: 100%;
}
.swiper-slide.is-slider-calories-2 {
flex: none;
justify-content: center;
align-items: center;
width: 50%;
}
.swiper-slide.is-slider-calories-5 {
flex: none;
justify-content: center;
align-self: flex-start;
align-items: center;
width: 100%;
height: auto;
padding-top: 1rem;
padding-bottom: 1rem;
}
.swiper-slide.is-slider-price-5 {
flex: none;
justify-content: flex-end;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.swiper-slide.is-mw-insight {
flex: none;
justify-content: center;
align-items: center;
width: 49%;
height: auto;
display: flex;
position: relative;
}
.swiper-slide.is-mw {
flex: none;
}
.swiper-slide.is-meals-daily {
flex: none;
width: 100%;
}
.swiper-slide.is-meals-daily-details {
flex: none;
justify-content: flex-start;
align-self: flex-end;
align-items: flex-end;
width: 100%;
display: flex;
}
.swiper-slide.is-meals-daily-tag {
z-index: 10;
flex: none;
width: 100%;
height: 2rem;
position: relative;
}
.swiper-slide.is-benefits-diets {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
flex: none;
justify-content: center;
align-items: center;
width: 10rem;
height: 10rem;
display: flex;
position: relative;
}
.swiper-slide.is-extras {
height: 75vh;
}
.swiper-slide.is-cuisine {
flex: none;
width: 100%;
}
.swiper-slide.is-cuisine-details {
flex: none;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
display: flex;
}
.swiper-slide.is-cuisine-tags {
z-index: 10;
flex: none;
width: 100%;
height: 2rem;
position: relative;
}
.swiper-slide.is-cuisine-marquee {
flex: none;
width: auto;
}
.swiper-slide.is-swiper-diet-insight-office-mobile, .swiper-slide.is-swiper-diet-insight-minus-mobile {
flex: none;
width: 100%;
height: 100%;
}
.swiper-slide.is-mw-page {
flex: none;
}
.swiper-1_image-wrapper {
aspect-ratio: 448 / 560;
border-radius: 1rem;
position: relative;
overflow: hidden;
}
.swiper-1_image {
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.section_component_card-meal {
justify-content: center;
align-items: flex-start;
min-height: 100svh;
display: flex;
}
.c_card-meal {
background-color: var(--background--background-91\);
flex-flow: column;
justify-content: center;
align-items: stretch;
width: 464px;
height: 772px;
display: flex;
}
.card-meal_image-wrapper {
aspect-ratio: 4 / 5;
object-fit: fill;
width: 100%;
position: relative;
}
.card-meal_info-panel-wrapper {
padding-left: 1rem;
padding-right: 1rem;
}
.card-meal_image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.c_menu_title-secondary_2-lines_component {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: flex-start;
align-items: flex-end;
min-height: 2.25rem;
display: flex;
position: relative;
}
.card-meal_info-panel_content-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: space-between;
align-items: stretch;
display: flex;
}
.sg_label_wrapper {
grid-column-gap: 4px;
grid-row-gap: 4px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.sg_label_combo-code {
background-color: var(--base--base-accent\);
color: var(--fs-text-color--text-alternate\);
border-radius: .25rem;
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding: .25rem .75rem .3rem;
font-weight: 600;
display: flex;
position: relative;
}
.text-weight-bold {
font-weight: 700;
}
.c-macros-secondary {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
justify-content: flex-start;
align-items: center;
height: 1.5rem;
display: flex;
}
.u-baseline-align {
justify-content: flex-start;
align-items: baseline;
line-height: 1.25rem;
display: flex;
position: relative;
}
.u-baseline-align.is-gap-2 {
grid-column-gap: .13rem;
grid-row-gap: .13rem;
justify-content: flex-start;
align-items: baseline;
padding-top: .2rem;
}
.u-baseline-align.is-gap-16 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: row;
justify-content: space-between;
align-items: baseline;
}
.u-baseline-align.is-gap-8 {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: flex-start;
align-items: baseline;
}
.u-baseline-align.is-gap-6 {
grid-column-gap: .38rem;
grid-row-gap: .38rem;
flex-flow: row;
}
.u-baseline-align.is-gap-4 {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
}
.u-baseline-align.is-gap-2-copy {
grid-column-gap: .13rem;
grid-row-gap: .13rem;
justify-content: flex-start;
align-items: baseline;
padding-top: .2rem;
}
.c-energy-secondary {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
color: var(--brand--brand-office_logo-secondary\);
display: flex;
}
.c-energy-secondary.f-is-accent {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
color: var(--color-text--c-text-accent-default);
align-items: center;
height: 1.5rem;
}
.f-is-accent {
color: var(--text--text-accent\);
}
.c-macros-row {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
color: var(--background--background-98\);
justify-content: flex-start;
align-items: stretch;
padding-left: .5rem;
padding-right: .5rem;
display: inline-flex;
position: relative;
transform: scale(3);
}
.section_gallery-1 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: minmax(auto, 50vh) auto auto auto;
grid-template-columns: repeat(auto-fit, 60vw) 200px 200px 200px 200px;
grid-auto-columns: 1fr;
width: 100vw;
display: block;
overflow: hidden;
}
.gallery-1_image-wrapper {
aspect-ratio: 2 / 3;
object-fit: cover;
width: 100%;
position: relative;
inset: 0%;
}
.image-3 {
vertical-align: baseline;
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.gallery-1_item {
width: 100%;
position: relative;
inset: 0%;
}
.gallery-1_list {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex: 0 auto;
grid-template-rows: auto auto;
grid-template-columns: 30vw 30vh 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
justify-content: stretch;
place-items: stretch stretch;
width: 100%;
display: grid;
position: relative;
overflow: hidden;
}
.gallery-1_wrapper {
display: flex;
overflow: hidden;
}
.c-button-secondary {
border: 1px solid var(--border--border-accent-inter\);
border-radius: var(--var-size--tiny-4);
color: var(--text--text-primary-light\);
letter-spacing: 1.44px;
text-transform: uppercase;
background-color: #3898ec00;
justify-content: center;
align-items: center;
min-height: 3rem;
font-size: .75rem;
font-weight: 500;
line-height: 1rem;
display: flex;
}
.icon-energy {
color: var(--text--text-accent\);
flex-direction: column;
justify-content: center;
align-items: center;
line-height: 1;
display: block;
position: static;
}
.icon-embedded {
width: 100%;
height: 100%;
line-height: 1;
position: static;
inset: 0%;
}
.icon-protein-plus, .icon-protein, .icon-fat, .icon-info {
color: var(--text--text-secondary\);
flex-direction: column;
justify-content: center;
align-items: center;
line-height: 1;
display: block;
position: static;
}
.button-link {
color: var(--text--text-primary-light\);
letter-spacing: 1.44px;
text-transform: uppercase;
background-color: #3898ec00;
padding-left: .5rem;
padding-right: .5rem;
font-size: .75rem;
font-weight: 500;
line-height: 1rem;
}
.icon-arrow-up-right {
color: var(--text--text-secondary\);
flex-direction: column;
justify-content: center;
align-items: center;
line-height: 1;
display: block;
position: absolute;
}
.tag_meal-category {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
border-radius: var(--var-size--tiny-4);
background-color: var(--base--base-subtle-91\);
flex: 0 auto;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
min-height: 1.75rem;
padding-left: 1rem;
padding-right: 1rem;
display: flex;
}
.c-card-meal_tag-wrapper {
justify-content: flex-start;
align-items: center;
display: flex;
}
.section_diets_diet-slider {
min-height: 100svh;
display: none;
overflow: visible;
}
.diet-slider_component {
flex-flow: column;
justify-content: space-between;
width: 100%;
display: flex;
position: relative;
overflow: visible;
}
.diet-slider_slider-cover_component {
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
overflow: visible;
}
.slider-cover_image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.diet-slider_slider-titles_component {
justify-content: center;
align-items: flex-start;
width: 100%;
height: 100%;
position: relative;
}
.slider-titles_item-wrapper {
flex-flow: row;
align-items: center;
display: flex;
}
.slider-titles_overline {
font-family: termina, sans-serif;
font-size: 7.5rem;
position: relative;
}
.slider-titles_item {
color: #0000;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #271010;
overflow-wrap: normal;
-webkit-text-fill-color: inherit;
background-clip: border-box;
font-family: termina, sans-serif;
font-size: 7.5rem;
font-weight: 400;
position: relative;
}
.diet-slider_thumbs-gallery_wrapper {
z-index: 2;
background-color: var(--heading--i-heading-primary-light\);
flex-flow: wrap;
justify-content: space-between;
align-items: center;
height: 10vh;
padding-left: 3%;
padding-right: 3%;
display: flex;
position: relative;
}
.thumbs-gallery_button-wrapper {
flex-flow: wrap;
width: 40%;
display: flex;
}
.thumbs-gallery_button {
width: 3rem;
height: 3rem;
line-height: 1;
position: relative;
}
.thumbs-gallery_slider-logo_component {
width: 40%;
overflow: visible;
}
.c-nav-chevron {
width: 100%;
height: 100%;
}
.code-embed {
width: 100%;
height: 100%;
position: fixed;
transform: scaleX(-1);
}
.slider-gallery_numbers {
letter-spacing: .04em;
font-size: 1.38em;
line-height: 1;
}
.slider-logo_overflow {
width: calc(100% + 100vw);
position: relative;
overflow: hidden;
}
.slider-logo_wrapper {
width: 25%;
overflow: visible;
}
.slider-logo_image-wrapper {
aspect-ratio: 16 / 10;
position: relative;
overflow: visible;
}
.slider-logo_image {
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.slider-titles_component {
height: 100%;
position: relative;
}
.slider-gallery_button {
-webkit-backdrop-filter: blur(30px);
backdrop-filter: blur(30px);
color: #fff;
background-color: #ffffff1a;
border-radius: 50%;
flex: none;
justify-content: center;
align-items: center;
width: 4.13em;
height: 4.13em;
transition: background-color .2s, color .2s;
display: flex;
}
.slider-gallery_button:hover {
color: #000;
background-color: #fff;
}
.slider-gallery_component {
background-color: #000;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
display: flex;
position: relative;
}
.slider-thumbs_wrapper {
width: 25%;
overflow: visible;
}
.slider-bg_component {
opacity: .8;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.slider-gallery_button-icon {
width: 40%;
height: 40%;
}
.slider-gallery_button-icon.is-reversed {
transform: rotate(-180deg);
}
.slider-gallery_bottom-wrapper {
grid-column-gap: 0em;
grid-row-gap: 1.5em;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
padding-bottom: 3em;
padding-left: 3%;
padding-right: 3%;
display: flex;
position: relative;
}
.slider-thumbs_component {
width: 40%;
}
.section {
border-bottom: 1px solid #000;
transition: background-color .4s;
position: relative;
}
.section.is-slider-gallery {
min-height: 100vh;
justify-content: flex-start;
align-items: stretch;
min-height: 100svh;
display: flex;
position: static;
}
.slider-gallery_button-wrapper {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-wrap: wrap;
align-items: center;
width: 40%;
display: flex;
}
.slider-thumbs_overflow {
position: relative;
overflow: hidden;
}
.slider-bg_img {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.slider-thumbs_height {
padding-top: 62%;
position: relative;
}
.global-symbol {
position: fixed;
inset: 0% 0% auto;
}
.global-embed {
width: 0;
height: 0;
position: absolute;
inset: 0% 0% auto;
overflow: hidden;
}
.section_diet-slider {
background-color: var(--color-background--c-bg-2);
width: 100%;
height: 100vh;
min-height: 100svh;
}
.slider-titles_heading {
letter-spacing: -.04px;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: var(--heading--i-heading-accent-alt\);
white-space: nowrap;
font-size: 10em;
line-height: .8;
}
.menu_info_block-top {
width: 100%;
padding-left: 3rem;
padding-right: 3rem;
position: relative;
}
.menu_info_block-middle {
justify-content: space-between;
align-items: center;
width: 100%;
margin-right: 3rem;
padding-left: 3rem;
display: flex;
position: relative;
}
.menu_info_block-bottom {
width: 100%;
padding-left: 3rem;
padding-right: 3rem;
position: relative;
}
.menu_info_block-middle_left-wrapper {
display: flex;
position: relative;
}
.menu_info_block-middle_right-wrapper {
justify-content: flex-start;
align-items: center;
display: flex;
}
.div-block-3 {
background-color: var(--background--background-97\);
}
.section_menu-presentation {
position: relative;
}
.menu-presentation_sticky-wrapper {
background-color: #a050502e;
height: 100%;
position: absolute;
inset: 0%;
}
.menu-presentation_sticky {
height: 100svh;
position: sticky;
top: 0;
overflow: visible;
}
.menu-presentation_content-wrapper {
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.menu-presentation_list {
width: 100%;
height: 100%;
position: relative;
inset: 0%;
overflow: visible;
}
.menu-presentation_item {
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
overflow: visible;
}
.menu-presentation_image-wrapper {
width: 100%;
height: 100%;
min-height: 100vh;
position: absolute;
inset: 0%;
}
.menu-presentation_image {
object-fit: cover;
background-color: #000000d1;
width: 100%;
height: 100%;
min-height: 100lvh;
position: absolute;
inset: 0%;
}
.menu-presentation_info-content-wrapper {
z-index: 1000;
flex-flow: column;
justify-content: space-between;
align-items: center;
height: 100vh;
display: flex;
position: absolute;
inset: 0%;
}
.menu-presentation_triggers {
border: 10px solid #aeff00;
border-radius: 20px;
height: 80svh;
}
.c-macros-display {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
color: var(--background--background-98\);
display: flex;
}
.u-visual-overlay-full {
background-color: #0000000a;
position: absolute;
inset: 0%;
}
.meal_title-display {
color: var(--temp--white\);
flex-flow: column;
display: flex;
}
.header_diet-logo_medium {
color: var(--temp--white\);
}
.header_diet-logo_medium.f-balans-display-h4 {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
display: flex;
}
.carbs-number-display, .fat-number-display {
font-size: 3rem;
font-weight: 700;
line-height: 2.5rem;
}
.macros_wrapper {
justify-content: center;
align-items: center;
display: flex;
}
.nav_wrapper {
z-index: 1000;
background-color: var(--background--background-20\);
width: 100%;
min-height: 6rem;
display: none;
position: fixed;
}
.nav_logomark-wrapper {
background-color: var(--background--background-black\);
}
.nav_logo-wrapper {
color: #2d62ff;
}
.nav_logo-central {
color: var(--heading--i-heading-primary-medium\);
}
.nav_menu-button-wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
background-color: var(--background--background-black\);
color: var(--background--background-17\);
border-radius: 1rem;
flex-flow: column;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
display: flex;
position: relative;
}
.nav_menu-button_base {
z-index: 2;
color: var(--background--background-17\);
background-color: #7bff0070;
border-radius: 1rem;
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0%;
}
.nav_menu-button_lines {
z-index: 10;
background-color: var(--background--background-23\);
color: var(--heading--heading-accent-alt\);
flex: none;
width: 50%;
height: 2px;
position: relative;
}
.menu_wrapper {
z-index: 1;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
height: 100svh;
padding: 0 20px 20px;
display: flex;
position: absolute;
}
.menu_base {
z-index: 1;
background-color: var(--background--background-black\);
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.menu_container {
flex-flow: column;
justify-content: flex-end;
width: 30vw;
height: 80%;
padding: 20px;
display: flex;
position: relative;
}
.menu_link {
z-index: 10;
color: var(--background--background-23\);
font-size: 4rem;
text-decoration: none;
position: relative;
}
.sg_main-wrapper {
background-color: var(--color-background--c-bg-3);
}
.sg_section-typography_heading {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-flow: column;
width: 100%;
max-width: 100%;
display: flex;
}
.u-padding-global {
padding: 3rem;
}
.heading-2 {
word-break: break-all;
}
.sg_container {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
color: var(--color-text--c-text-subtle);
flex-flow: column;
display: flex;
}
.sg_section-typography_body {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
margin-top: 5rem;
display: flex;
}
.paragraph {
color: #432f92;
}
.sg_section-colors {
margin-top: 5rem;
}
.sg_section-colors_backgrounds {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.bg-1 {
background-color: var(--color-background--c-bg-1);
}
.sg_section-typography_labels {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
margin-top: 5rem;
display: flex;
}
.c-ui-main {
height: 4rem;
}
.u-container-ui-small {
width: 100%;
padding-left: .75rem;
padding-right: .75rem;
line-height: 1;
}
.nav-top_content-wrapper {
justify-content: space-between;
align-items: center;
display: flex;
}
.nav-top_left-wrapper {
justify-content: space-between;
align-items: center;
width: 25rem;
display: flex;
}
.nav-top_right-wrapper {
justify-content: flex-end;
align-items: center;
width: 25rem;
height: 100%;
display: flex;
}
.component_nav-top_balans-logo {
z-index: 5000;
color: var(--color-text--c-text-subtle);
flex: none;
justify-content: flex-start;
align-items: center;
width: auto;
display: none;
position: absolute;
inset: auto 0% 0%;
}
.logo-balans_logo-central {
height: 4rem;
}
.nav-top_logomark-wrapper {
z-index: 1;
width: 3rem;
height: 3rem;
position: relative;
}
.c-logo-balans_logomark {
background-color: #da651500;
width: 100%;
height: 100%;
}
.c-logo-balans_logo-central-desktop-small {
width: 100%;
height: 100%;
}
.sg_section_logomark {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-items: stretch start;
width: 100%;
}
.sg_section_logomark.is-full-width {
grid-template-columns: 1fr;
}
.sg_section_logomark.is-3-col {
grid-template-columns: 1fr 1fr 1fr;
}
.u-padding-global-large {
padding-right: var(--var-size--var-padding--padding-global-large);
padding-left: var(--var-size--var-padding--padding-global-large);
width: 100%;
height: 100%;
display: block;
}
.u-padding-global-large.is-min-100vh {
min-height: 100vh;
}
.u-padding-global-large.is-height-auto {
height: auto;
}
.sg_label_component {
color: var(--color-text--c-text-strong);
border: 1px solid #00000026;
border-radius: .25rem;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
min-height: 3rem;
padding: .25rem .75rem .3rem;
font-size: .75rem;
font-weight: 400;
display: flex;
position: relative;
}
.sg_label_component.is-master {
background-color: var(--swatches--universal--black);
}
.sg_label_component.is-project {
color: var(--color-text--c-text-accent-display-light);
}
.sg_label_component.is-to-delete {
color: #3864b4;
}
.sg_label_data-attribute {
background-color: var(--swatches--universal--gray);
color: #fff;
border-radius: .25rem;
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding: .25rem .75rem .3rem;
font-weight: 600;
display: flex;
position: relative;
}
.c-logo-balans_logomark-outline {
width: 100%;
height: 100%;
position: relative;
bottom: 0%;
right: 0%;
}
.c-logo-balans_logo-main {
width: 100%;
height: 100%;
}
.sg_item-content {
justify-content: center;
align-items: center;
display: flex;
}
.c-logo-balans_logo-central-desktop-large {
height: 2.5rem;
display: flex;
}
.code_svg {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
}
.c-logo-balans_logo-central-mobile {
height: 4rem;
}
.sg_section-typography_balans {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
margin-top: 5rem;
display: flex;
}
.f-balans-display-180 {
letter-spacing: 30px;
font-family: termina, sans-serif;
font-size: 11.25rem;
font-weight: 600;
line-height: 11.25rem;
}
.f-balans-tiny {
letter-spacing: 2.4px;
height: .5rem;
margin-bottom: -.5rem;
font-family: termina, sans-serif;
font-size: .75rem;
font-weight: 600;
line-height: 1;
}
.f-balans-tiny.is-diet-tiny {
font-size: .38rem;
line-height: .5rem;
}
.c-logo-diet-large {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: flex-start;
align-self: baseline;
align-items: baseline;
min-height: 3rem;
display: flex;
}
.f-is-serif-normal {
font-family: ivymode, sans-serif;
font-weight: 400;
}
.f-is-serif-normal.is-transparent {
opacity: 0;
}
.f-is-serif-normal.is-diet-tiny {
font-size: 2.13rem;
line-height: 2.13rem;
}
.sg_label-combo-class {
color: #090535;
background-color: #add8e6;
border-radius: .25rem;
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding: .25rem .75rem .3rem;
font-weight: 600;
display: flex;
position: relative;
}
.f-diet-display-180 {
letter-spacing: -6px;
font-family: termina, sans-serif;
font-size: 11.25rem;
font-weight: 400;
line-height: 11.25rem;
}
.f-diet-display-180.is-transparent {
opacity: 0;
}
.f-diet-display-200 {
letter-spacing: -6px;
font-family: termina, sans-serif;
font-size: 12.5rem;
font-weight: 400;
line-height: 12.5rem;
}
.f-diet-display-2 {
letter-spacing: -2.4px;
flex: none;
font-family: termina, sans-serif;
font-size: 7.5rem;
font-weight: 400;
line-height: 7.25rem;
}
.f-diet-display-2.is-col-subtle {
color: var(--color-heading--c-heading-subtle);
}
.f-diet-display-2.is-outline {
color: var(--swatches--universal--transparent);
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: var(--color-text--c-text-accent-display-light);
}
.f-diet-display-2.is-transparent {
opacity: 0;
}
.f-diet-h3 {
letter-spacing: -.72px;
font-family: termina, sans-serif;
font-size: 2.25rem;
font-weight: 400;
}
.f-diet-h3.is-col-subtle {
color: var(--color-heading--c-heading-subtle);
}
.f-diet-h3.is-transparent {
opacity: 0;
}
.f-diet-h4 {
letter-spacing: -.56px;
font-family: termina, sans-serif;
font-size: 1.75rem;
font-weight: 400;
line-height: 2rem;
}
.f-diet-h4.is-col-subtle {
color: var(--color-heading--c-heading-subtle);
}
.f-diet-h4.is-transparent {
opacity: 0;
}
.f-diet-h5 {
letter-spacing: -.4px;
font-family: termina, sans-serif;
font-size: 1.25rem;
font-weight: 400;
line-height: 1.5rem;
}
.f-diet-h5.is-col-subtle {
color: var(--color-heading--c-heading-subtle);
}
.f-diet-h5.is-transparent {
opacity: 0;
}
.f-diet-h6 {
letter-spacing: -.32px;
font-family: termina, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.25rem;
}
.f-diet-h6.is-col-subtle {
color: var(--color-heading--c-heading-subtle);
}
.f-diet-h6.is-transparent {
opacity: 0;
}
.f-diet-tiny {
letter-spacing: -.32px;
font-family: termina, sans-serif;
font-size: .75rem;
font-weight: 400;
line-height: 1rem;
}
.f-diet-tiny.is-col-subtle {
color: var(--color-heading--c-heading-subtle);
}
.f-diet-tiny.is-transparent {
opacity: 0;
}
.div-block-4 {
min-height: 100svh;
}
.c-logo-diet-medium {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
color: var(--color-text--c-text-strong);
align-items: baseline;
min-height: 2.25rem;
display: flex;
}
.c-logo-diet-small {
grid-column-gap: .375rem;
grid-row-gap: .375rem;
color: var(--color-text--c-text-strong);
align-items: baseline;
height: 2rem;
display: flex;
}
.c-logo-diet-x-small, .c-logo-diet-tiny {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
color: var(--color-text--c-text-strong);
align-items: baseline;
height: 1.5rem;
display: flex;
}
.c-logo-diet-display-small {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
height: 10rem;
display: flex;
}
.section_components_icons-display {
grid-column-gap: 16px;
grid-row-gap: 16px;
color: var(--color-text--c-text-subtle);
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.sg_item-icon {
flex-flow: column;
}
.page_code_wrap {
z-index: 10;
justify-content: flex-start;
align-self: center;
align-items: center;
width: 100%;
display: flex;
position: relative;
}
.page_code_wrap.is-flex-start {
pointer-events: auto;
flex: none;
justify-content: flex-start;
align-items: flex-start;
height: 100%;
}
.page_code_wrap.is-flex-start.is-height-100 {
height: 100%;
}
.page_code_wrap.is-flex-start.is-width-auto {
width: auto;
}
.page_code_wrap.is-center {
pointer-events: auto;
justify-content: center;
align-items: stretch;
width: auto;
height: auto;
}
.page_code_wrap.is-left-align {
justify-content: flex-start;
align-items: flex-end;
}
.page_code_wrap.is-center-copy {
pointer-events: auto;
justify-content: center;
align-items: stretch;
width: auto;
height: auto;
}
.page_code_wrap.is-auto {
width: auto;
}
.page_code_wrap.is-flex-start-copy {
pointer-events: auto;
flex: none;
justify-content: flex-end;
align-items: stretch;
width: 100%;
height: 100%;
}
.section_components_icons {
grid-column-gap: 16px;
grid-row-gap: 16px;
color: var(--color-text--c-text-subtle);
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-items: center stretch;
padding-bottom: 1rem;
display: grid;
}
.section_components_icons-diet {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-content: center;
place-items: center stretch;
margin-bottom: 1rem;
display: grid;
}
.section_components_ui {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-items: stretch start;
margin-bottom: 50vh;
display: grid;
}
.section_components_ui.is-full-width {
grid-template-columns: 1fr;
}
.section_components_ui.is-3-col {
grid-template-columns: 1fr 1fr 1fr;
}
.c-element_slogan {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
color: var(--color-text--c-text-accent-default);
flex-flow: row;
justify-content: space-between;
align-items: baseline;
width: 100%;
display: flex;
}
.u-divider-0-5 {
background-color: var(--color-text--c-text-strong);
color: var(--color-text--c-text-strong);
flex: 100%;
height: .5px;
position: relative;
}
.u-divider-wrapper {
justify-content: space-between;
align-items: center;
width: 100%;
height: 1rem;
display: flex;
position: relative;
}
.c-element_slogan-left-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
align-items: baseline;
display: flex;
}
.div-block-5 {
min-height: 300svh;
}
.sg_background {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 30vh;
display: grid;
}
.bg-1-plus {
background-color: var(--color-background--c-bg-1-plus);
}
.bg-2 {
background-color: var(--color-background--c-bg-2);
}
.bg-3 {
background-color: var(--color-background--c-bg-3);
}
.bg-4 {
background-color: var(--color-background--c-bg-4);
}
.sg_section-colors_glass-base {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.base-glass {
background-color: var(--color-base--c-base-glass);
}
.sg_item-ibg-image {
grid-column-gap: 1.125rem;
grid-row-gap: 1.125rem;
background-image: url("https://cdn.prod.website-files.com/6782f3a35b0f5cc9f286e5b8/6782f3a35b0f5cc9f286e644_meal-circular_05.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-bottom: 1px solid #0000001a;
grid-template-rows: auto;
grid-template-columns: 35vw;
grid-auto-columns: 1fr;
grid-auto-flow: row;
place-content: start;
place-items: end start;
padding-bottom: 3rem;
display: grid;
position: relative;
}
.sg_item-ibg-image.is-full-width {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-columns: 100%;
}
.section_components_icons-general {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-items: center stretch;
padding-bottom: 1rem;
display: grid;
}
.section_components_icons-social-media {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-items: stretch start;
display: grid;
}
.section_components_icons-social-media.is-full-width {
grid-template-columns: 1fr;
}
.section_components_icons-social-media.is-3-col {
grid-template-columns: 1fr 1fr 1fr;
}
.div-block-6 {
color: var(--swatches--diets--diet-green_divider);
min-height: 300svh;
}
.c_element_dot-solid-large {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
color: var(--color-text--c-text-accent-default);
flex-flow: row;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex;
}
.c-element_dot-solid-large-content {
background-color: var(--color-text--c-text-accent-display-light);
border-radius: 1000px;
flex: none;
width: .5rem;
height: .5rem;
}
.c-element_dot-solid-medium {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
color: var(--color-text--c-text-accent-default);
flex-flow: row;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex;
}
.c-element-dot-solid-medium-content {
background-color: var(--color-text--c-text-accent-display-light);
border-radius: 1000px;
flex: none;
width: .375rem;
height: .375rem;
}
.c-element_dot-solid-small {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
color: var(--color-text--c-text-accent-default);
flex-flow: row;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex;
}
.c-element_dot-solid-small-content {
background-color: var(--color-text--c-text-accent-default);
border-radius: 1000px;
width: .25rem;
height: .25rem;
}
.c-element_dot-solid-medium-cotent {
background-color: var(--color-text--c-text-accent-display-light);
border-radius: 1000px;
width: .375rem;
height: .375rem;
}
.c-element_cross, .c-element_dot-solid-large-outline {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
color: var(--color-text--c-text-accent-default);
flex-flow: row;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex;
}
.c-element_dot-solid-large-outline-content {
border: .5px solid var(--color-text--c-text-accent-default);
border-radius: 1000px;
flex: none;
width: .5rem;
height: .5rem;
}
.c_element_divider {
background-color: #a32f2f;
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.u-divider-1 {
background-color: var(--color-text--c-text-subtle);
width: 100%;
height: 1px;
position: relative;
}
.u-divider-1.is-md {
opacity: .5;
}
.sg_section_components_diets {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-items: stretch start;
padding-bottom: 5rem;
}
.sg_section_components_diets.is-full-width {
grid-template-columns: 1fr;
}
.sg_section_components_diets.is-3-col {
grid-template-columns: 1fr 1fr 1fr;
}
.c-macros-secondary_data-wrapper {
grid-column-gap: .125rem;
grid-row-gap: .125rem;
align-items: baseline;
display: flex;
}
.c-macros-small {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
justify-content: flex-start;
align-items: flex-end;
height: 1.25rem;
display: flex;
}
.c-macros-primary {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
justify-content: flex-start;
align-items: flex-end;
height: 1.5rem;
display: flex;
}
.c-macros-primary_content-wrapper {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
align-items: flex-end;
display: flex;
}
.c-macros-secondary_content-wrapper {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
align-items: baseline;
display: flex;
}
.c-macros-primary_data-wrapper, .c-macros-small-wrapper {
grid-column-gap: .125rem;
grid-row-gap: .125rem;
align-items: baseline;
display: flex;
}
.c-macros-small-data-wrapper {
grid-column-gap: .125rem;
grid-row-gap: .125rem;
justify-content: flex-start;
align-items: baseline;
display: flex;
}
.c-macros-small_content-wrapper {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
align-self: flex-end;
align-items: flex-end;
display: flex;
}
.c-macros-small_icon-wrapper {
padding-bottom: 4px;
}
.c-energy-secondary_icon-wrapper {
padding-bottom: 3.5px;
}
.c_macros_data_small {
flex-flow: row;
justify-content: flex-end;
align-items: flex-end;
height: 1.25rem;
display: flex;
}
.c-energy-small {
grid-column-gap: .125rem;
grid-row-gap: .125rem;
color: var(--color-text--c-text-accent-default);
align-items: flex-end;
height: 1.25rem;
display: flex;
}
.c-energy-small.f-is-accent {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
height: 1.5rem;
}
.c-energy-small_icon-wrapper {
justify-content: center;
align-items: center;
padding-bottom: 5px;
display: flex;
}
.c-energy-secondary_content {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
align-items: baseline;
display: flex;
}
.c-energy-primary {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
color: var(--color-text--c-text-accent-default);
align-items: center;
height: 1.5rem;
display: flex;
}
.c-energy-primary.f-is-accent {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
height: 1.5rem;
}
.c-energy-primary_icon-wrapper {
height: 1.5rem;
padding-bottom: 5px;
}
.c-energy-primary_content {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: row;
justify-content: flex-end;
align-items: flex-end;
height: 1.5rem;
padding-bottom: 1px;
display: flex;
}
.c-energy-display {
grid-column-gap: .125rem;
grid-row-gap: .125rem;
color: var(--color-text--c-text-accent-default);
align-items: center;
height: 2rem;
display: flex;
}
.c-energy-display.f-is-accent {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
height: 1.5rem;
}
.c-energy-display_icon-wrapper {
padding-bottom: 5px;
}
.c-energy-display_content {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
align-items: baseline;
display: flex;
}
.c-energy-display-large {
grid-column-gap: .125rem;
grid-row-gap: .125rem;
color: var(--color-text--c-text-accent-default);
justify-content: flex-start;
align-items: flex-end;
height: 3.5rem;
display: flex;
}
.c-energy-display-large.f-is-accent {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
height: 1.5rem;
}
.c-energy-display-large_content {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
align-items: baseline;
display: flex;
}
.c-energy-display-large_icon-wrapper {
justify-content: flex-start;
align-items: stretch;
padding-bottom: 8px;
display: flex;
}
.c-energy-small_dot-wrapper {
justify-content: center;
align-items: center;
padding-bottom: 3px;
display: block;
}
.c-energy-secondary_dot-wrapper, .c-energy-primaryl_dot-wrapper {
justify-content: center;
align-items: center;
padding-bottom: 2px;
display: flex;
}
.c-energy-medium_dot-wrapper {
justify-content: center;
align-items: center;
padding-top: 1px;
display: flex;
}
.c-energy-label {
border: 1px solid var(--color-border--c-border-accent-min);
border-radius: var(--var-size--corner-radius--corner-tiny-4);
height: 1.5rem;
padding-left: .75rem;
padding-right: .75rem;
display: flex;
}
.sg_layout-split {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-image: linear-gradient(#000000a3, #000000a3), url("https://cdn.prod.website-files.com/6782f3a35b0f5cc9f286e5b8/6782f3a35b0f5cc9f286e649_dark-image.webp");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
background-attachment: scroll, scroll;
grid-template-rows: 100% auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-items: stretch start;
width: 100%;
min-height: 100vh;
margin-bottom: 50vh;
display: grid;
}
.sg_layout-split.is-full-width {
grid-template-columns: 1fr;
}
.sg_layout-split.is-3-col {
grid-template-columns: 1fr 1fr 1fr;
}
.c_button_circular_arrow-small-ring-3 {
border-top-style: solid;
border-top-width: 6px;
border-top-color: var(--color-base--b-base-decor);
border-right-style: solid;
border-right-width: 6px;
border-right-color: var(--color-base--b-base-decor);
border-bottom-style: solid;
border-bottom-width: 6px;
border-bottom-color: var(--color-base--b-base-decor);
border-left-style: solid;
border-left-width: 6px;
border-left-color: var(--color-base--b-base-decor);
border-top-left-radius: var(--var-size--circle);
border-top-right-radius: var(--var-size--circle);
border-bottom-left-radius: var(--var-size--circle);
border-bottom-right-radius: var(--var-size--circle);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
width: 85%;
height: 85%;
position: absolute;
}
.sg_bg-image {
width: 100%;
padding: 2rem;
}
.div-block-7 {
width: 300px;
height: 300px;
position: relative;
}
.c-button_magnetic-arrow-large {
justify-content: center;
align-items: center;
height: 300px;
}
.c_button_circular_arrow-small--ring-2 {
border-top-style: solid;
border-top-width: 2px;
border-top-color: var(--color-base--b-base-decor);
border-right-style: solid;
border-right-width: 2px;
border-right-color: var(--color-base--b-base-decor);
border-bottom-style: solid;
border-bottom-width: 2px;
border-bottom-color: var(--color-base--b-base-decor);
border-left-style: solid;
border-left-width: 2px;
border-left-color: var(--color-base--b-base-decor);
border-top-left-radius: var(--var-size--circle);
border-top-right-radius: var(--var-size--circle);
border-bottom-left-radius: var(--var-size--circle);
border-bottom-right-radius: var(--var-size--circle);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
width: 65%;
height: 65%;
position: absolute;
}
.c_button_circular_arrow-small-ring-1 {
border: 1px solid var(--color-border--c-border-accent-min);
border-radius: var(--var-size--circle);
width: 60%;
height: 60%;
position: absolute;
}
.c-button_magnetic-arrow-large-ring-central {
border-top-left-radius: var(--var-size--circle);
border-top-right-radius: var(--var-size--circle);
border-bottom-left-radius: var(--var-size--circle);
border-bottom-right-radius: var(--var-size--circle);
background-color: var(--color-base--b-base);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
width: 9rem;
height: 9rem;
position: absolute;
inset: 50% 0% 0% 50%;
transform: translate(-50%, -50%);
}
.text-block {
position: absolute;
}
.section_components_visual {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/6782f3a35b0f5cc9f286e5b8/6782f3a35b0f5cc9f286e649_dark-image.webp");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, auto;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-items: stretch start;
width: 100%;
min-height: 100vh;
margin-bottom: 50vh;
}
.section_components_visual.is-full-width {
grid-template-columns: 1fr;
}
.section_components_visual.is-3-col {
grid-template-columns: 1fr 1fr 1fr;
}
.c-visual-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 50vw;
grid-auto-columns: 1fr;
min-height: 100svh;
display: grid;
}
.c-vissual-wrapper {
width: 100%;
min-height: 100svh;
position: relative;
}
.c-visual {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
overflow: hidden;
}
.c-visual_background {
background-color: #c0bdbd;
position: absolute;
inset: 0%;
}
.ukiyo {
pointer-events: auto;
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
overflow: hidden;
}
.c-visual_video {
z-index: 1;
pointer-events: auto;
object-fit: cover;
width: 100%;
height: 100%;
padding-bottom: 0;
padding-right: 0;
position: absolute;
inset: 0%;
}
.c-visual_overlay-full {
background-color: var(--color-background--color-visual--overlay);
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.c_visual-background {
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.c-button_magnetic-arrow-large-ring-3 {
border: 6px solid var(--color-base--c-base-glass);
border-radius: var(--var-size--circle);
width: 6.625rem;
height: 6.625rem;
position: relative;
inset: 0%;
}
.c_button_magnetic-arrow-large_ring-2 {
border-top-style: solid;
border-top-width: 1px;
border-top-color: var(--color-border--c-border-accent-min);
border-right-style: solid;
border-right-width: 1px;
border-right-color: var(--color-border--c-border-accent-min);
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: var(--color-border--c-border-accent-min);
border-left-style: solid;
border-left-width: 1px;
border-left-color: var(--color-border--c-border-accent-min);
border-top-left-radius: var(--var-size--circle);
border-top-right-radius: var(--var-size--circle);
border-bottom-left-radius: var(--var-size--circle);
border-bottom-right-radius: var(--var-size--circle);
width: 15rem;
height: 15rem;
position: absolute;
inset: 50% 0% 0% 50%;
transform: translate(-50%, -50%);
}
.c_button_magnetic-arrow-large_ring-1 {
border-top-style: solid;
border-top-width: 8px;
border-top-color: var(--color-base--b-base-decor);
border-right-style: solid;
border-right-width: 8px;
border-right-color: var(--color-base--b-base-decor);
border-bottom-style: solid;
border-bottom-width: 8px;
border-bottom-color: var(--color-base--b-base-decor);
border-left-style: solid;
border-left-width: 8px;
border-left-color: var(--color-base--b-base-decor);
border-top-left-radius: var(--var-size--circle);
border-top-right-radius: var(--var-size--circle);
border-bottom-left-radius: var(--var-size--circle);
border-bottom-right-radius: var(--var-size--circle);
width: 11.5rem;
height: 11.5rem;
position: absolute;
inset: 50% 0% 0% 50%;
transform: translate(-50%, -50%);
}
.c_button_circular_arrow-small-ring-central {
border-top-left-radius: var(--var-size--circle);
border-top-right-radius: var(--var-size--circle);
border-bottom-left-radius: var(--var-size--circle);
border-bottom-right-radius: var(--var-size--circle);
background-color: var(--color-base--b-base);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
width: 55%;
height: 55%;
position: absolute;
}
.c_button_magnetic-arrow_small {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.sg_bg-solid {
background-color: var(--color-background--c-bg-4);
pointer-events: auto;
cursor: pointer;
width: 100%;
height: 100%;
padding: 2rem;
transition: color .2s cubic-bezier(.77, 0, .175, 1), background-color .2s cubic-bezier(.86, 0, .07, 1);
}
.div-block-8 {
background-color: var(--color-base--c-base-glass);
}
.u-padding-ui-small {
padding: var(--var-size--var-padding--padding-ui-small);
width: 100%;
height: 100%;
display: block;
position: static;
}
.c_ui-main_nav_top {
background-color: var(--color-base--c-base-glass);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
justify-content: flex-start;
align-items: center;
width: 100%;
height: 4rem;
display: flex;
position: relative;
}
.nav-top_items-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: row;
justify-content: space-between;
align-items: center;
display: flex;
}
.nav-top_art-wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
align-items: center;
display: flex;
}
.sg_item-button {
grid-column-gap: 1.125rem;
grid-row-gap: 1.125rem;
color: var(--color-text--c-text-strong);
border-bottom: 1px solid #0000001a;
grid-template-rows: auto;
grid-template-columns: 35vw;
grid-auto-columns: 1fr;
grid-auto-flow: row;
place-content: start;
place-items: center;
padding-bottom: 3rem;
display: grid;
position: relative;
}
.sg_item-button.is-full-width {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-columns: 100%;
width: 100%;
}
.c_button_primary {
border-radius: var(--var-size--tiny-4);
background-color: var(--color-base--b-base);
color: var(--color-text-on-base--c-text-on-base-primary);
text-align: center;
letter-spacing: 1.44px;
text-transform: uppercase;
justify-content: center;
align-items: center;
width: 100%;
height: 3rem;
min-height: 3rem;
font-size: .75rem;
font-weight: 500;
transition: color .2s cubic-bezier(.77, 0, .175, 1), background-color .2s cubic-bezier(.77, 0, .175, 1), opacity .2s cubic-bezier(.77, 0, .175, 1);
display: flex;
position: relative;
overflow: hidden;
}
.c_button_primary:hover {
background-color: var(--color-base--c-base-accent);
color: var(--dark--text-on-base--text-on-base-accent);
}
.c-button-primary_content-wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: center;
width: 100%;
height: 100%;
display: flex;
}
.c_button_icon-align {
align-self: center;
}
.c_button_icon-align.is-bag {
padding-bottom: 2px;
}
.c_button_primary_label-wrapper {
flex: none;
padding-top: .7rem;
padding-bottom: .5rem;
}
.c-nav-concept_indicator {
z-index: 10;
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: row;
align-items: center;
height: 1rem;
display: inline-flex;
position: relative;
}
.c-nav-concept_dot-wrapper {
display: flex;
}
.c-nav-conept {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
width: 8.5rem;
min-height: 30rem;
padding-left: 1.75rem;
display: flex;
position: relative;
}
.c-nav-concept_track {
z-index: 3;
background-color: var(--color-border--c-border-decor-ghost);
width: 2px;
height: 100%;
position: absolute;
left: 35px;
}
.c-nav-conept_track-wrapper {
z-index: 1;
width: 100%;
height: 29rem;
padding-top: .5rem;
padding-bottom: .5rem;
position: absolute;
inset: 0%;
}
.c-nav-concept_track--active {
z-index: 5;
background-color: var(--color-border--c-border-accent-min);
width: 1px;
height: 40%;
position: absolute;
left: 35px;
}
.sg_item-comparison {
grid-column-gap: 1.125rem;
grid-row-gap: 1.125rem;
background-color: var(--color-background--c-bg-4);
color: var(--color-text--c-text-strong);
border-bottom: 1px solid #0000001a;
grid-template-rows: auto;
grid-template-columns: 35vw;
grid-auto-columns: 1fr;
grid-auto-flow: row;
place-content: start;
place-items: center;
height: 100%;
padding-bottom: 3rem;
display: grid;
position: relative;
}
.sg_item-comparison.is-full-width {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-columns: 100%;
width: 100%;
}
.section_components_ui-balans-ring {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-image: linear-gradient(#000000a3, #000000a3), url("https://cdn.prod.website-files.com/6782f3a35b0f5cc9f286e5b8/6782f3a35b0f5cc9f286e649_dark-image.webp");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
background-attachment: scroll, scroll;
grid-template-rows: 100vh auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-items: stretch start;
width: 100%;
min-height: 100vh;
margin-bottom: 50vh;
display: grid;
}
.section_components_ui-balans-ring.is-full-width {
grid-template-columns: 1fr;
}
.section_components_ui-balans-ring.is-3-col {
grid-template-columns: 1fr 1fr 1fr;
}
.sg_bg-imagee-full {
width: 100%;
padding: 2rem;
}
.c-balans-ring-container {
justify-content: center;
align-items: center;
width: 100%;
min-height: 100svh;
display: flex;
position: relative;
}
.c-balans-ring_ring-4 {
border: .5rem solid var(--swatches--alpha--alpha-white-5);
border-radius: var(--var-size--circle);
width: 60vh;
height: 60vh;
}
.c-balans-ring_ring-3 {
border: .5px solid var(--color-border--c-border-accent-min);
border-radius: var(--var-size--circle);
width: 50vh;
height: 50vh;
margin-left: auto;
margin-right: auto;
}
.c-balans-ring_ring-3.u-center-absolute {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.balans-ring_wrapper {
width: 100%;
height: 100%;
position: relative;
}
.c-balans-ring_ring-1 {
width: 40vh;
height: 40vh;
position: absolute;
}
.c-balans-ring_ring-1.u-center-absolute {
border: 1.5px solid var(--swatches--alpha--alpha-white-10);
border-radius: var(--var-size--circle);
}
.c-balans-ring_ring-2 {
border-radius: var(--var-size--circle);
mix-blend-mode: exclusion;
border-width: 8px;
border-color: #000;
width: 45vh;
height: 45vh;
margin-left: auto;
margin-right: auto;
position: static;
top: 50%;
left: 50%;
}
.u-center-absolute {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.heading-3 {
color: var(--color-heading--c-heading-subtle);
}
.section_ui {
z-index: 1000;
position: sticky;
top: 0;
}
.section_intro {
z-index: 8000;
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: var(--color-background--c-bg-4);
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100vh;
display: block;
position: fixed;
overflow: hidden;
}
.section_intro-image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
}
.section_header {
z-index: 200;
text-align: center;
height: 200svh;
display: none;
position: absolute;
inset: 0%;
}
.u-container-full {
width: 100%;
height: 100%;
display: block;
}
.section_u-stickky-wrapper {
width: 100%;
}
.header_text-move.is-last {
padding-bottom: 1em;
}
.header_text-wrapper {
position: relative;
overflow: hidden;
}
.section_sticky-ring {
justify-content: center;
align-items: center;
min-height: 100svh;
display: flex;
position: relative;
top: 0;
}
.sticky-ring-element {
border-radius: 30vh;
width: 60vh;
height: 60vh;
position: relative;
overflow: hidden;
}
.sticky-ring_image {
object-fit: cover;
width: 100%;
height: 100%;
position: relative;
inset: 0%;
}
.sticky-wrapper-ring {
height: 200svh;
}
.section_floating-gallery {
z-index: 30000;
background-color: var(--color-background--c-bg-2);
width: 100%;
min-height: 500dvh;
position: relative;
}
.u-padding-global-small {
padding-right: var(--var-size--var-padding--padding-global-small);
padding-left: var(--var-size--var-padding--padding-global-small);
width: 100%;
height: 100%;
position: static;
inset: 0%;
}
.floating-gallery_grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
min-height: 100svh;
display: grid;
}
.floating-gallery_image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.floating-gallery_item {
position: relative;
}
.floating-gallery_image-wrapper {
aspect-ratio: 4 / 5;
border-radius: var(--var-size--base);
object-fit: cover;
position: relative;
overflow: hidden;
}
.collection-list {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.balans-project {
position: fixed;
}
.floating-gallery_marquee-sticky-frame {
z-index: 30000;
flex-flow: column;
justify-content: flex-end;
align-items: center;
width: 100%;
padding-bottom: 3rem;
display: flex;
position: sticky;
top: 0;
overflow: hidden;
}
.floating-gallery_marquee-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: row;
flex: none;
justify-content: center;
align-items: baseline;
display: flex;
position: relative;
overflow: visible;
}
.floating-gallery_marquee-frame {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex: none;
justify-content: flex-end;
align-items: center;
width: 100%;
display: block;
position: relative;
overflow: hidden;
}
.floating-gallery_marquee-frame.is-active {
z-index: 30000;
display: block;
bottom: 0;
}
.floating-gallery_collection.is-breakfast {
width: 100%;
min-height: 100dvh;
position: relative;
}
.floating-gallery_collection.is-lunch, .floating-gallery_collection.is-diinner, .floating-gallery_collection.is-dessert {
width: 100%;
min-height: 100dvh;
}
.floating-gallery_collection.is-supper {
width: 100%;
min-height: 100dvh;
padding-bottom: 10vh;
}
.section_homepage {
justify-content: center;
align-items: flex-end;
width: 100%;
height: 100%;
min-height: 100svh;
display: flex;
position: relative;
}
.homepage_bg-wrapper {
z-index: 0;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.sh_content_component {
width: 100%;
height: 100%;
min-height: 100svh;
position: relative;
}
.homepage_ui-clip {
z-index: 50;
display: flex;
overflow: hidden;
}
.homepage_content_content-right-wrapper {
background-color: #6c773966;
width: 50%;
min-height: 100svh;
display: flex;
}
.homepage_content_content-left-wrapper {
background-color: #347a8675;
flex-flow: column;
width: 50%;
min-height: 100svh;
display: flex;
}
.homepage_content_wrapper-main {
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.sh_component_overline {
color: var(--color-text--c-text-accent-display-light);
display: flex;
}
.sh_content-left_overline-wrapper {
z-index: 10;
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.sh_content-left_wrapper {
z-index: 10;
background-color: #4f8615;
flex-flow: column;
width: 100%;
display: flex;
position: relative;
}
.sh-video_module-container {
z-index: 50;
width: 100%;
padding-top: .5rem;
position: relative;
}
.sh-video_video-wrapper {
aspect-ratio: 16 / 10;
border-radius: var(--var-size--tiny-6);
position: relative;
overflow: hidden;
}
.c-video_base {
z-index: 50;
aspect-ratio: 16 / 10;
background-color: var(--color-base--c-base-glass);
padding: .5rem;
position: relative;
}
.heading-4 {
width: 100%;
}
.sh_content-right_wrapper {
z-index: 10;
flex-flow: column;
justify-content: flex-start;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.homepage_balans-ring {
z-index: 500;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.c_macros_label-wrap_small {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: flex-start;
align-self: flex-end;
align-items: center;
padding-right: .5rem;
display: flex;
}
.c-energy-secondary_content-wrapper, .c-energy-primary_content-wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
align-items: baseline;
display: flex;
}
.section_components_tags {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-items: stretch start;
display: grid;
}
.section_components_tags.is-full-width {
grid-template-columns: 1fr;
}
.section_components_tags.is-3-col {
grid-template-columns: 1fr 1fr 1fr;
}
.c-tag_meal-type-small {
grid-column-gap: .375rem;
grid-row-gap: .375rem;
border: 1px solid var(--color-border--c-border-decor-subtle);
border-radius: var(--var-size--tiny-4);
justify-content: flex-start;
align-items: center;
height: 1.75rem;
padding-left: .375rem;
padding-right: .375rem;
display: inline-flex;
}
.u-icon-16 {
flex-flow: column;
flex: none;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex;
position: relative;
bottom: 8%;
}
.c-tag_meal-type_label {
flex: none;
padding-top: 2px;
padding-right: .25rem;
}
.sg_item-central {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-flow: column;
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
padding-bottom: 4rem;
padding-left: .5rem;
padding-right: .5rem;
display: flex;
}
.c_tag_meal-type_small {
grid-column-gap: .375rem;
grid-row-gap: .375rem;
border: .5px solid var(--color-border--c-border-decor-strong);
border-radius: var(--var-size--tiny-4);
background-color: var(--color-base--b-base);
flex-flow: row;
justify-content: center;
align-items: center;
width: 100%;
height: 1.5rem;
padding: .375rem;
display: flex;
}
.c-tag_benefit {
grid-column-gap: .375rem;
grid-row-gap: .375rem;
border: 1px solid var(--color-border--c-border-decor-subtle);
border-radius: var(--var-size--tiny-4);
background-color: var(--swatches--bg-2--base-level-2-in);
justify-content: flex-start;
align-items: center;
height: 1.75rem;
padding-left: .75rem;
padding-right: .75rem;
display: inline-flex;
}
.c_tag_general {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
border-radius: var(--var-size--tiny-4);
background-color: var(--color-base--b-base);
justify-content: flex-start;
align-items: center;
height: 1.75rem;
padding-left: .75rem;
padding-right: .75rem;
display: flex;
}
.c-tag_benefit_label {
flex: none;
}
.c-tag_general_label {
flex: none;
padding-right: .25rem;
}
.c-tag_meal-info_x-small {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
border-radius: var(--var-size--tiny-4);
background-color: var(--color-base--c-base-subtle);
color: var(--color-text--c-text-strong);
justify-content: flex-start;
align-items: center;
height: 1.5rem;
padding-left: .25rem;
padding-right: .25rem;
display: inline-flex;
}
.c-tag_meal-info_x-small_label {
flex: none;
padding-right: .25rem;
}
.c_tag_meal-info_small {
grid-column-gap: .375rem;
grid-row-gap: .375rem;
border-radius: var(--var-size--tiny-4);
background-color: var(--color-base--c-base-subtle);
color: var(--color-text--c-text-strong);
justify-content: flex-start;
align-items: center;
height: 1.75rem;
padding-left: .375rem;
padding-right: .375rem;
display: inline-flex;
}
.c_tag_meal-info_label {
flex: none;
margin-right: .5rem;
padding-left: .25rem;
}
.c-tag_meal-info-medium {
grid-column-gap: .375rem;
grid-row-gap: .375rem;
border-radius: var(--var-size--tiny-4);
background-color: var(--color-base--c-base-subtle);
color: var(--color-text--c-text-strong);
justify-content: flex-start;
align-items: center;
height: 2rem;
padding-left: .375rem;
padding-right: .375rem;
display: inline-flex;
}
.c-tag_meal-info-medium_label {
flex: none;
padding-right: .5rem;
}
.c-tag_meal-info-large {
grid-column-gap: .375rem;
grid-row-gap: .375rem;
border-radius: var(--var-size--tiny-4);
background-color: var(--color-base--c-base-subtle);
color: var(--color-text--c-text-strong);
justify-content: flex-start;
align-items: center;
height: 2.25rem;
padding-left: .375rem;
padding-right: .375rem;
display: inline-flex;
}
.c-tag_meal-info_large_label {
padding-right: .5rem;
}
.u-size-24 {
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
display: flex;
position: static;
}
.u-size-24.is-relative {
position: relative;
}
.u-icon-20 {
flex: none;
width: 1.25rem;
height: 1.25rem;
position: relative;
bottom: 5%;
}
.u-icon-20.is-em {
width: 1.25em;
height: 1.25em;
}
.section_components_menu-titles {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-items: stretch start;
display: grid;
}
.section_components_menu-titles.is-full-width {
grid-template-columns: 1fr;
}
.section_components_menu-titles.is-3-col {
grid-template-columns: 1fr 1fr 1fr;
}
.c-menu-title-secondary_2-lines-content-wrapper {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-flow: column;
align-self: stretch;
max-width: 20rem;
display: flex;
}
.sg_item-titles {
flex-flow: column;
}
.c_menu_title-small_2-lines_component {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: flex-start;
align-items: flex-end;
min-height: 2rem;
display: flex;
position: relative;
}
.c-menu-title-small_2-lines-content-wrapper {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-flow: column;
max-width: 20rem;
display: flex;
}
.c-menu-title-primary_2-lines-content-wrapper {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-flow: column;
align-self: stretch;
max-width: 20rem;
display: flex;
}
.c-menu-title-primary_2-lines {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: center;
align-items: flex-end;
min-height: 2.25rem;
display: flex;
position: relative;
}
.com-macros-row_small {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: flex-start;
align-items: flex-end;
height: 1.25rem;
padding-left: .5rem;
padding-right: .5rem;
display: flex;
}
.com-macros-row_secondary {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
justify-content: flex-start;
align-items: flex-end;
height: 1.5rem;
padding-left: .25rem;
padding-right: .25rem;
display: flex;
}
.com-macros-row_primary {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
justify-content: flex-start;
align-items: flex-end;
padding-left: .25rem;
padding-right: .25rem;
display: flex;
}
.sg_section_title {
border: 1px solid var(--color-border--c-border-decor-strong);
width: 100%;
padding-top: 2rem;
padding-bottom: 1rem;
padding-left: 1rem;
}
.sg_section_sub-title {
border-top: 1px dashed var(--color-border--c-border-decor-strong);
border-bottom: 1px dashed var(--color-border--c-border-decor-strong);
margin-top: 3rem;
margin-bottom: 3rem;
padding-top: .5rem;
padding-bottom: .5rem;
}
.sg_grid_small {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: minmax(auto, 1fr);
grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
grid-auto-columns: 1fr;
display: grid;
}
.sg_placeholder-accent {
background-color: var(--color-base--c-base-accent);
width: 100%;
height: 100%;
}
.sg_placeholder-brand {
background-color: var(--color-background--c-bg-3);
width: 100%;
height: 100%;
}
.u-padding-ui-large {
padding: var(--var-size--var-padding--padding-ui-large);
}
.sg_element {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
background-color: var(--color-background--c-bg-1);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 5rem;
display: flex;
}
.sg_element.is-bg-image {
background-image: linear-gradient(#000000c9, #000000c9), url("https://cdn.prod.website-files.com/6782f3a35b0f5cc9f286e5b8/6782f3a35b0f5cc9f286e649_dark-image.webp");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
}
.sg_element.is-bg-2 {
background-color: var(--color-background--c-bg-2);
}
.sg_element.is-split {
flex-flow: row;
}
.sg_element.is-full-width {
width: 100%;
}
.sg_element.is-component {
background-color: var(--color-background--c-bg-4);
width: 100%;
}
.c-icon-svg-copy {
z-index: 10;
align-self: flex-start;
position: relative;
}
.sg_section_icons-benefits {
padding-bottom: 5rem;
}
.sg_section_icons-library {
grid-column-gap: 10rem;
grid-row-gap: 10rem;
flex-flow: column;
padding-bottom: 5rem;
display: flex;
}
.section_icons_meals, .section_icons_diet {
padding-bottom: 5rem;
}
.test-1 {
justify-content: center;
align-items: center;
min-height: 300px;
display: flex;
}
.div-block-9 {
background-color: #5c2c2c;
width: 20px;
height: 20px;
}
.section_icons_general {
padding-bottom: 5rem;
}
.section_temporary {
height: 200vh;
min-height: 200svh;
display: none;
}
.sg_grid_medium {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: minmax(300px, 1fr);
grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
grid-auto-columns: 1fr;
display: grid;
}
.sg_grid_medium.is-full-width {
grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
}
.placeholder-test {
width: 400px;
height: 400px;
}
.code_embed {
position: fixed;
}
.heading-5 {
font-family: Geist, sans-serif;
}
.heading-6 {
color: #877c67;
}
.code_styles {
position: fixed;
}
.div-block-11, .test-menu-card {
height: 100vh;
min-height: 100svh;
}
.div-block-12 {
min-height: 100svh;
}
.u-icon-64 {
z-index: 50;
width: 4rem;
height: 4rem;
position: relative;
}
.u-icon-64.is-rounded {
border-radius: var(--var-size--tiny-4);
overflow: hidden;
}
.u-icon-128 {
width: 8rem;
height: 8rem;
}
.u-icon-128.is-256 {
width: 16rem;
height: 16rem;
}
.sg_chapter_logos {
padding-bottom: 10rem;
}
.sg_grid_large {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: minmax(200px, 1fr);
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
margin-bottom: 5rem;
display: grid;
}
.sg_grid_large.is-col-3 {
grid-template-columns: repeat(auto-fit, minmax(30%, 1fr));
}
.section_icons_social-media {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-items: stretch start;
display: grid;
}
.section_icons_social-media.is-full-width {
grid-template-columns: 1fr;
}
.section_icons_social-media.is-3-col {
grid-template-columns: 1fr 1fr 1fr;
}
.temp-del {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-items: stretch start;
display: grid;
}
.temp-del.is-full-width {
grid-template-columns: 1fr;
}
.temp-del.is-3-col {
grid-template-columns: 1fr 1fr 1fr;
}
.div {
display: flex;
}
.c_macros_primary {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
justify-content: flex-start;
align-items: center;
height: 1.5rem;
display: flex;
}
.c_macros_primary_data-wrapper {
height: 1.5rem;
padding-top: 0;
display: flex;
}
.c_macros_primary_title-wrapper {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
padding-bottom: 1px;
display: flex;
}
.design-area {
grid-column-gap: 30rem;
grid-row-gap: 30rem;
background-color: var(--color-background--c-bg-4);
flex-flow: row;
justify-content: center;
align-items: center;
width: 100%;
max-width: 100%;
min-height: 50vh;
display: flex;
}
.c_macros_small {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: row;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
height: 1.25rem;
display: flex;
}
.c_macros_icon-wrap_small_protein {
padding-bottom: .25rem;
display: flex;
}
.c_macros_icon-wrap_small_protein.is-dot {
padding-bottom: .1rem;
}
.c_macros_secondary {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 1.5rem;
display: flex;
}
.c_macros_data_secondary {
flex-flow: row;
justify-content: flex-end;
align-items: flex-end;
height: 1.5rem;
display: flex;
}
.c_macros_icon-wrap_secondary {
flex-flow: column;
justify-content: center;
align-items: flex-start;
padding-top: .13rem;
display: flex;
}
.c_macros_icon-wrap_secondary.is-dot {
padding-bottom: .2rem;
}
.c_macros_label-wrap_secondary {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: flex-start;
align-self: flex-end;
align-items: center;
padding-bottom: .5px;
padding-right: .5rem;
display: flex;
}
.c_macros_icon-wrap_primary.is-dot {
padding-bottom: .1rem;
}
.c_macros_label-wrap_primary {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: flex-start;
align-items: center;
padding-right: .5rem;
display: flex;
}
.c_macros_data_primary {
flex-flow: row;
justify-content: flex-end;
align-items: flex-end;
height: 1.5rem;
display: flex;
}
.c_macros_dis-small {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
justify-content: flex-start;
align-items: center;
height: 2.25rem;
display: flex;
}
.c_macros_icon-wrap_dis-small {
justify-content: flex-start;
align-items: center;
display: flex;
}
.c_macros_icon-wrap_dis-small.is-dot {
padding-bottom: .4rem;
}
.c_macros_label-wrap_dis-small {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: flex-start;
align-self: flex-end;
align-items: center;
padding-bottom: .25rem;
padding-right: .5rem;
display: flex;
}
.c_macros_data_dis-small {
flex-flow: row;
justify-content: flex-end;
align-items: flex-end;
height: 2rem;
padding-bottom: 1px;
display: flex;
}
.c_macros_dis-medium {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
justify-content: flex-start;
align-items: center;
height: 3rem;
display: flex;
}
.c_macros_icon-wrap_dis-medium {
justify-content: flex-start;
align-self: stretch;
align-items: center;
padding-top: .88rem;
display: flex;
}
.c_macros_label-wrap_dis-medium {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: flex-start;
align-self: flex-end;
align-items: center;
padding-bottom: .375rem;
padding-right: .5rem;
display: flex;
}
.c_macros_data_dis-medium {
flex-flow: row;
justify-content: flex-end;
align-items: flex-end;
height: 3rem;
display: flex;
}
.c_macros_dis-large {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
justify-content: flex-start;
align-items: center;
height: 4.5rem;
max-height: 4.5rem;
display: flex;
}
.c_macros_icon-wrap_dis-large {
justify-content: flex-start;
align-self: stretch;
align-items: center;
padding-top: 1rem;
display: flex;
}
.c_macros_label-wrap_dis-large {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: flex-start;
align-items: center;
padding-bottom: 8px;
padding-right: .5rem;
display: flex;
}
.c_macros_data_dis-large {
flex-flow: row;
justify-content: flex-end;
align-items: flex-end;
height: 4rem;
padding-bottom: 1px;
display: flex;
}
.c_macros_icon-wrap_small_dot {
padding-bottom: .25rem;
display: flex;
}
.c_macros_icon-wrap_small_dot.is-dot {
padding-bottom: .1rem;
position: relative;
}
.c_macros_icon-wrap_small {
padding-bottom: .25rem;
display: flex;
position: relative;
}
.c_macros_icon-wrap_small.is-dot {
padding-bottom: .1rem;
}
.c_macros_icon-wrap_small_carbs {
padding-bottom: .25rem;
display: flex;
}
.c_macros_icon-wrap_small_carbs.is-dot {
padding-bottom: .1rem;
}
.c_macros_icon-wrap_small_fat {
padding-bottom: .25rem;
display: flex;
}
.c_macros_icon-wrap_small_fat.is-dot, .c_macros_icon-wrap_primary_protein.is-dot, .c_macros_icon-wrap_primary_dot, .c_macros_icon-wrap_primary_dot.is-dot, .c_macros_icon-wrap_primary_carbs.is-dot, .c_macros_icon-wrap_primary_fat.is-dot {
padding-bottom: .1rem;
}
.c_macros_icon-wrap_secondary_dot {
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
padding-bottom: .2rem;
display: flex;
}
.c_macros_icon-wrap_secondary_dot.is-dot {
padding-bottom: .2rem;
}
.c_macros_icon-wrap_secondary_protein {
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
padding-bottom: .1rem;
display: flex;
}
.c_macros_icon-wrap_secondary_protein.is-dot {
padding-bottom: .2rem;
}
.c_macros_icon-wrap_secondary_carbs {
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
padding-bottom: .1rem;
display: flex;
}
.c_macros_icon-wrap_secondary_carbs.is-dot {
padding-bottom: .2rem;
}
.c_macros_icon-wrap_secondary_fat {
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
padding-bottom: .1rem;
display: flex;
}
.c_macros_icon-wrap_secondary_fat.is-dot {
padding-bottom: .2rem;
}
.c_macros_icon-wrap_dis-small_dot, .c_macros_icon-wrap_dis-small_dot.is-dot {
padding-bottom: .4rem;
}
.c_macros_icon-wrap_dis-small_protein {
padding-bottom: .25rem;
}
.c_macros_icon-wrap_dis-small_protein.is-dot {
padding-bottom: .4rem;
}
.c_macros_icon-wrap_dis-small_carbs {
padding-bottom: .25rem;
}
.c_macros_icon-wrap_dis-small_carbs.is-dot {
padding-bottom: .4rem;
}
.c_macros_icon-wrap_dis-small_fat {
padding-bottom: .25rem;
}
.c_macros_icon-wrap_dis-small_fat.is-dot {
padding-bottom: .4rem;
}
.c_macros_icon-wrap_dis-medium_protein, .c_macros_icon-wrap_dis-medium_carbs, .c_macros_icon-wrap_dis-medium_fat {
justify-content: flex-start;
align-items: flex-end;
padding-bottom: .375rem;
display: flex;
}
.sg_section_components_tags {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-items: stretch start;
padding-bottom: 5rem;
}
.sg_section_components_tags.is-full-width {
grid-template-columns: 1fr;
}
.sg_section_components_tags.is-3-col {
grid-template-columns: 1fr 1fr 1fr;
}
.bg_dark {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: var(--color-background--c-bg-2);
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-items: stretch start;
min-height: 100svh;
padding-bottom: 5rem;
}
.bg_dark.is-full-width {
grid-template-columns: 1fr;
}
.bg_dark.is-3-col {
grid-template-columns: 1fr 1fr 1fr;
}
.bg_image {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-image: linear-gradient(#000000b3, #000000b3), url("https://cdn.prod.website-files.com/6782f3a35b0f5cc9f286e5b8/6782f3a35b0f5cc9f286e649_dark-image.webp");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-items: stretch start;
min-height: 100svh;
padding-bottom: 5rem;
}
.bg_image.is-full-width {
grid-template-columns: 1fr;
}
.bg_image.is-3-col {
grid-template-columns: 1fr 1fr 1fr;
}
.sg_section_components_ui-buttons {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-items: stretch start;
padding-bottom: 5rem;
}
.sg_section_components_ui-buttons.is-full-width {
grid-template-columns: 1fr;
}
.sg_section_components_ui-buttons.is-3-col {
grid-template-columns: 1fr 1fr 1fr;
}
.sg_components_ui-homepage {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: var(--color-background--c-bg-2);
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-items: stretch start;
min-height: 100svh;
padding-bottom: 5rem;
}
.sg_components_ui-homepage.is-full-width {
grid-template-columns: 1fr;
}
.sg_components_ui-homepage.is-3-col {
grid-template-columns: 1fr 1fr 1fr;
}
.div-block-13 {
background-color: var(--color-base--c-base-subtle);
}
.c_button_magnetic-arrow-large_wrapper {
justify-content: center;
align-items: center;
width: 15rem;
height: 15rem;
display: flex;
position: relative;
}
.div-block-14 {
background-color: var(--color-base--c-base-subtle);
width: 5rem;
height: 5rem;
}
.u-icon-48 {
color: var(--color-text--c-text-subtle);
width: 3rem;
height: 3rem;
position: relative;
}
.u-icon-160 {
width: 10rem;
height: 10rem;
position: relative;
}
.u-icon-336 {
width: 21rem;
height: 21rem;
}
.sg_label_component-2 {
color: #464239;
border: 1px solid #00000026;
border-radius: .25rem;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
min-height: 3rem;
padding: .25rem .75rem .3rem;
font-size: .75rem;
font-weight: 400;
display: flex;
position: relative;
}
.sg_item-2 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
color: #464239;
border: 1px solid #e0d6c4;
border-radius: .5rem;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
grid-auto-columns: 1fr;
grid-auto-flow: row;
place-content: start center;
place-items: flex-start center;
width: 100%;
height: 100%;
padding: .5rem;
display: flex;
position: static;
}
.sg_grid_x-large {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: minmax(auto, 1fr);
grid-template-columns: repeat(auto-fit, minmax(35rem, 1fr));
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.sg_grid_x-large.is-full-width {
grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
}
.c_logo-diet_large {
justify-content: flex-start;
align-items: center;
height: 3rem;
display: flex;
overflow: hidden;
}
.div-block-15 {
align-items: baseline;
display: flex;
}
.div-block-16 {
align-items: baseline;
display: flex;
transform: scale(2);
}
.c_logo_diet_aligner_x-small {
grid-column-gap: 0px;
grid-row-gap: 0px;
height: 1.5rem;
display: flex;
position: relative;
}
.div-block-17 {
max-width: 30.63rem;
overflow: hidden;
}
.c_logo-diet_large-wrapper {
justify-content: flex-start;
align-items: center;
height: 3rem;
display: flex;
}
.c_logo-diet_medium {
justify-content: flex-start;
align-items: center;
height: 2.25rem;
display: flex;
overflow: hidden;
}
.c_logo-diet_small {
justify-content: flex-start;
align-items: center;
height: 2rem;
display: flex;
overflow: hidden;
}
.c_logo_diet_aligner_large {
grid-column-gap: 0px;
grid-row-gap: 0px;
height: 3rem;
display: flex;
position: relative;
}
.c_logo_diet_aligner_medium {
grid-column-gap: 0px;
grid-row-gap: 0px;
height: 2.25rem;
display: flex;
position: relative;
}
.c_logo_diet_aligner_small {
grid-column-gap: 0px;
grid-row-gap: 0px;
height: 2rem;
display: flex;
position: relative;
}
.c_logo-diet_x-small {
flex-flow: column;
justify-content: center;
align-items: flex-start;
height: 1.5rem;
display: flex;
overflow: hidden;
}
.c_logo-diet_tiny {
flex: none;
justify-content: flex-start;
align-items: center;
height: 1.5rem;
display: flex;
}
.c_logo_diet_aligner_tiny {
grid-column-gap: 0px;
grid-row-gap: 0px;
height: 1.5rem;
display: flex;
position: relative;
}
.div-block-18 {
display: flex;
}
.sg_grid_full-width {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: minmax(auto, 1fr);
grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.c_logo-diet_display-small {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 10rem;
display: flex;
}
.c_logo_diet_aligner_display-small {
grid-column-gap: 0px;
grid-row-gap: 0px;
align-items: baseline;
height: 7.25rem;
display: flex;
position: relative;
}
.c_logo-diet_title-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: flex-start;
align-items: baseline;
width: auto;
display: flex;
}
.div-block-19 {
display: flex;
}
.c_logo-diet_display-large {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 13.5rem;
display: flex;
}
.c_logo_diet_aligner_display-large {
grid-column-gap: 0px;
grid-row-gap: 0px;
height: 7.25rem;
display: flex;
position: relative;
}
.sg_section_components_ui-general {
padding-bottom: 5rem;
}
.div-block-20 {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.c_element_dot {
display: flex;
}
.sg_section_icons-benefits-display {
padding-bottom: 5rem;
}
.c_icon-display_large_base {
background-color: var(--color-base--c-base-level-2-in);
border-radius: 1.75rem;
justify-content: center;
align-items: center;
width: 8rem;
height: 8rem;
display: flex;
position: absolute;
inset: 50% 0% 0% 50%;
transform: translate(-50%, -50%);
}
.u-icon-96 {
border: .5px solid var(--color-border--c-border-decor-strong);
border-radius: .75rem;
width: 6rem;
height: 6rem;
}
.c_icon-display_small_base {
background-color: var(--color-base--c-base-level-2-in);
border-radius: .88rem;
justify-content: center;
align-items: center;
width: 4rem;
height: 4rem;
line-height: .875;
display: flex;
position: absolute;
inset: 50% 0% 0% 50%;
transform: translate(-50%, -50%);
}
.c_icon-display_large_ring-1 {
border-top-style: solid;
border-top-width: 1px;
border-top-color: var(--color-border--c-border-decor-subtle);
border-right-style: solid;
border-right-width: 1px;
border-right-color: var(--color-border--c-border-decor-subtle);
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: var(--color-border--c-border-decor-subtle);
border-left-style: solid;
border-left-width: 1px;
border-left-color: var(--color-border--c-border-decor-subtle);
opacity: .6;
border-radius: 3rem;
justify-content: center;
align-items: center;
width: 10.5rem;
height: 10.5rem;
display: flex;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.c_icon-display_large_ring-2 {
border-top-style: solid;
border-top-width: 1px;
border-top-color: var(--color-border--c-border-decor-subtle);
border-right-style: solid;
border-right-width: 1px;
border-right-color: var(--color-border--c-border-decor-subtle);
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: var(--color-border--c-border-decor-subtle);
border-left-style: solid;
border-left-width: 1px;
border-left-color: var(--color-border--c-border-decor-subtle);
opacity: .3;
border-radius: 4.25rem;
justify-content: center;
align-items: center;
width: 13rem;
height: 13rem;
display: flex;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.c_icon-display_large_ring-3 {
border-top-style: solid;
border-top-width: 1px;
border-top-color: var(--color-border--c-border-decor-subtle);
border-right-style: solid;
border-right-width: 1px;
border-right-color: var(--color-border--c-border-decor-subtle);
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: var(--color-border--c-border-decor-subtle);
border-left-style: solid;
border-left-width: 1px;
border-left-color: var(--color-border--c-border-decor-subtle);
opacity: .15;
border-radius: 5.5rem;
justify-content: center;
align-items: center;
width: 15.5rem;
height: 15.5rem;
display: flex;
position: absolute;
inset: 50% 0% 0% 50%;
transform: translate(-50%, -50%);
}
.c_icon-display_small_ring-1 {
border-top-style: solid;
border-top-width: .5px;
border-top-color: var(--color-border--c-border-decor-subtle);
border-right-style: solid;
border-right-width: .5px;
border-right-color: var(--color-border--c-border-decor-subtle);
border-bottom-style: solid;
border-bottom-width: .5px;
border-bottom-color: var(--color-border--c-border-decor-subtle);
border-left-style: solid;
border-left-width: .5px;
border-left-color: var(--color-border--c-border-decor-subtle);
opacity: .6;
border-radius: 1.5rem;
justify-content: center;
align-items: center;
width: 5.25rem;
height: 5.25rem;
display: flex;
position: absolute;
inset: 50% 0% 0% 50%;
transform: translate(-50%, -50%);
}
.c_icon-display_small_ring-2 {
border-top-style: solid;
border-top-width: 1px;
border-top-color: var(--color-border--c-border-decor-subtle);
border-right-style: solid;
border-right-width: 1px;
border-right-color: var(--color-border--c-border-decor-subtle);
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: var(--color-border--c-border-decor-subtle);
border-left-style: solid;
border-left-width: 1px;
border-left-color: var(--color-border--c-border-decor-subtle);
opacity: .3;
border-radius: 2.13rem;
justify-content: center;
align-items: center;
width: 6.5rem;
height: 6.5rem;
display: flex;
position: absolute;
inset: 50% 0% 0% 50%;
transform: translate(-50%, -50%);
}
.c_icon-display_small_ring-3 {
border-top-style: solid;
border-top-width: 1px;
border-top-color: var(--color-border--c-border-decor-subtle);
border-right-style: solid;
border-right-width: 1px;
border-right-color: var(--color-border--c-border-decor-subtle);
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: var(--color-border--c-border-decor-subtle);
border-left-style: solid;
border-left-width: 1px;
border-left-color: var(--color-border--c-border-decor-subtle);
opacity: .15;
border-radius: 2.75rem;
justify-content: center;
align-items: center;
width: 7.75rem;
height: 7.75rem;
display: flex;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.div-block-21 {
width: 9rem;
height: 9rem;
position: relative;
}
.c_icon_display_large_component {
width: 18rem;
height: 18rem;
position: relative;
}
.c_icon_display_small_component {
width: 9rem;
height: 9rem;
position: relative;
}
.c_tag_general_collection {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
border-radius: var(--var-size--tiny-4);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.c_tag_meal-type_medium_component {
grid-column-gap: .1rem;
grid-row-gap: .1rem;
border-radius: var(--var-size--tiny-4);
flex-flow: column;
justify-content: center;
align-items: flex-start;
padding-left: .75rem;
padding-right: .75rem;
display: flex;
}
.c_tag_meal-type_medium {
grid-column-gap: .375rem;
grid-row-gap: .375rem;
border: 1px solid var(--color-border--c-border-decor-subtle);
border-radius: var(--var-size--tiny-4);
background-color: var(--color-base--b-base);
flex-flow: row;
justify-content: center;
align-items: center;
height: 1.75rem;
padding: .375rem;
display: flex;
}
.u-icon-align {
padding-bottom: 3px;
}
.div-block-22 {
display: flex;
}
.c_tag_benefit {
border-radius: var(--var-size--tiny-4);
background-color: var(--color-base--b-base);
justify-content: center;
align-items: center;
height: 1.75rem;
padding-left: .75rem;
padding-right: .75rem;
display: flex;
}
.c_tag_meal-info_medium {
grid-column-gap: .38rem;
grid-row-gap: .38rem;
border-radius: var(--var-size--tiny-4);
background-color: var(--color-base--b-base);
color: var(--color-text--c-text-strong);
flex: none;
justify-content: flex-start;
align-items: center;
height: 2rem;
padding-left: .375rem;
padding-right: .375rem;
display: flex;
}
.c_tag_meal-info_large {
grid-column-gap: .375rem;
grid-row-gap: .375rem;
border-radius: var(--var-size--tiny-4);
background-color: var(--color-base--c-base-subtle);
color: var(--color-text--c-text-strong);
justify-content: flex-start;
align-items: center;
height: 2.25rem;
padding-left: .375rem;
padding-right: .375rem;
display: inline-flex;
}
.bg-base {
height: 50vh;
}
.c_button_primary_border {
border: 1px solid var(--color-border--c-border-inter-min);
border-radius: var(--var-size--tiny-4);
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
}
.c_button_primary_base {
width: 100%;
height: 100%;
overflow: hidden;
}
.c_button_primary_base:hover {
background-color: var(--color-base--c-base-accent);
}
.c_button_content {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding-left: 1.5rem;
padding-right: 1.5rem;
display: flex;
overflow: hidden;
}
.sg_item-frame {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-left: 4rem;
display: flex;
position: relative;
}
.c_button_secondary {
border-radius: var(--var-size--tiny-4);
color: var(--color-text-on-base--c-text-on-base-primary);
text-align: center;
justify-content: center;
align-items: center;
width: 100%;
height: 3rem;
font-weight: 600;
transition: border-color .2s, color .2s cubic-bezier(.77, 0, .175, 1), background-color .2s cubic-bezier(.77, 0, .175, 1), opacity .2s cubic-bezier(.77, 0, .175, 1);
display: flex;
position: relative;
overflow: hidden;
}
.c_button_secondary:hover {
border: 1px solid var(--color-border--c-border-accent-min);
color: var(--dark--text-on-base--text-on-base-accent);
}
.c_button_secondary_border {
border: 1px solid var(--color-border--c-border-inter-min);
border-radius: var(--var-size--tiny-4);
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
overflow: hidden;
}
.c_button_secondary_border:hover {
border-color: var(--color-border--c-border-accent-min);
}
.c_button_secondary_base {
width: 100%;
height: 100%;
overflow: hidden;
}
.c_button_secondary_label-wrapper {
color: var(--color-text--c-text-strong);
flex: none;
padding-top: .6rem;
padding-bottom: .5rem;
}
.c_button_ui {
border-radius: var(--var-size--tiny-4);
text-align: center;
flex: none;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
font-weight: 600;
transition: border-color .2s, color .2s cubic-bezier(.77, 0, .175, 1), background-color .2s cubic-bezier(.77, 0, .175, 1), opacity .2s cubic-bezier(.77, 0, .175, 1);
display: flex;
position: relative;
overflow: hidden;
}
.c_button_ui:hover {
border: 1px solid var(--color-border--c-border-accent-min);
}
.c_button_base {
background-color: var(--color-base--b-base);
width: 100%;
height: 100%;
display: block;
position: relative;
}
.c_button_border {
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.u-icon-32-48 {
width: 3rem;
height: 2rem;
}
.u-icon-32 {
width: 2rem;
height: 2rem;
}
.u-icon-40 {
width: 2.5rem;
height: 2.5rem;
}
.c_button_ui_content {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: space-between;
align-items: center;
display: flex;
overflow: hidden;
}
.u-icon-universal {
z-index: 10;
width: 100%;
height: 100%;
position: relative;
}
.c_button_ui_wrapper {
flex-flow: wrap;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.c_button_ui_reversed {
z-index: 100;
border-radius: var(--var-size--tiny-4);
text-align: center;
flex: none;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
font-weight: 600;
transition: border-color .2s, color .2s cubic-bezier(.77, 0, .175, 1), background-color .2s cubic-bezier(.77, 0, .175, 1), opacity .2s cubic-bezier(.77, 0, .175, 1);
display: flex;
position: relative;
overflow: hidden;
}
.c_button_ui_reversed:hover {
border: 1px solid var(--color-border--c-border-accent-min);
}
.c_button_ui_reversed.is-reversed-x {
transform: scaleY(-1);
}
.c_button_ui-rec_wrapper {
display: flex;
}
.c_button_ui-rec_reversed {
border-top-left-radius: var(--var-size--tiny-4);
border-top-right-radius: var(--var-size--tiny-4);
border-bottom-left-radius: var(--var-size--tiny-4);
border-bottom-right-radius: var(--var-size--tiny-4);
color: var(--color-text--c-text-subtle);
text-align: center;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
font-weight: 600;
transition-property: border-color, color, background-color, opacity;
transition-duration: .2s, .2s, .2s, .2s;
transition-timing-function: ease, cubic-bezier(.77, 0, .175, 1), cubic-bezier(.77, 0, .175, 1), cubic-bezier(.77, 0, .175, 1);
display: flex;
position: relative;
overflow: hidden;
transform: scaleX(-1);
}
.c_button_ui-rec_reversed:hover {
border: 1px solid var(--color-border--c-border-accent-min);
color: var(--dark--text-on-base--text-on-base-accent);
}
.c_button_ui-rec {
border-radius: var(--var-size--tiny-4);
color: var(--color-text--c-text-subtle);
text-align: center;
justify-content: center;
align-items: center;
height: 2rem;
font-weight: 600;
transition: border-color .2s, color .2s cubic-bezier(.77, 0, .175, 1), background-color .2s cubic-bezier(.77, 0, .175, 1), opacity .2s cubic-bezier(.77, 0, .175, 1);
display: flex;
position: relative;
overflow: hidden;
}
.c_button_ui-rec:hover {
border: 1px solid var(--color-border--c-border-accent-min);
color: var(--dark--text-on-base--text-on-base-accent);
}
.sg_flex-wrapper {
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.c_counter-index {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: space-between;
align-items: center;
width: 100%;
min-width: 7.5rem;
display: flex;
overflow: hidden;
}
.c_counter_component {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
width: 100%;
height: 1rem;
display: flex;
}
.u-divider-vertical_wrapper {
flex-flow: row;
justify-content: space-between;
align-self: center;
align-items: stretch;
width: 100%;
height: 200px;
display: flex;
position: relative;
}
.u-divider-1_vertical {
background-color: var(--color-text--c-text-accent-default);
flex: 1;
align-self: center;
height: 1px;
transform: rotate(90deg);
}
.u-divider-0-5_vertical {
background-color: var(--color-border--c-border-accent-strong);
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: .5px;
height: 100%;
display: flex;
overflow: visible;
}
.c_counter-index_v-vertical {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: space-between;
align-items: center;
width: 5rem;
height: 2rem;
display: flex;
position: relative;
overflow: hidden;
}
.c_counter_indicator-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
width: 200px;
display: flex;
}
.c_counter-index-_typer-4 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: space-between;
align-items: center;
width: 20rem;
min-width: 7.5rem;
display: flex;
overflow: hidden;
}
.c_button_media_inner {
border-radius: var(--var-size--circle);
background-color: var(--color-base--b-base);
justify-content: center;
align-items: center;
width: 2.5em;
height: 2.5em;
display: flex;
}
.u-icon-12 {
justify-content: center;
align-items: center;
width: .75rem;
height: .75rem;
display: block;
position: relative;
}
.c_button_media {
border: 1px dashed var(--color-border--c-border-accent-min);
border-radius: var(--var-size--circle);
justify-content: center;
align-items: center;
width: 4rem;
height: 4rem;
display: flex;
}
.c_button_media_component {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
display: flex;
}
.c_button_social-media {
border: 2px dashed var(--color-base--b-base-decor);
border-radius: var(--var-size--circle);
justify-content: center;
align-items: center;
width: 2rem;
height: 2rem;
display: flex;
}
.c_button_social-media_ring-1 {
border: .5px solid var(--color-base--b-base-decor);
border-radius: var(--var-size--circle);
justify-content: center;
align-items: center;
width: 1.5em;
height: 1.5em;
display: flex;
}
.c_typo_overline {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
color: var(--color-text--c-text-accent-default);
justify-content: flex-start;
align-items: center;
width: auto;
height: 1.5rem;
display: flex;
}
.c_typo_overline_divider {
width: 2rem;
}
.slot {
width: 1.5rem;
height: 1.5rem;
}
.c_typo_header_divider {
width: 2rem;
}
.c_typo_header-title_grid {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: baseline;
width: 100%;
display: grid;
position: relative;
}
.c_typo_header_title-left {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex: none;
align-items: center;
display: flex;
}
.c_typo_header_title-right {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
color: var(--color-text--c-text-subtle);
justify-content: space-between;
align-items: center;
display: flex;
}
.c_typo_header-title_c--diet-logo {
align-items: baseline;
padding-top: 12px;
display: flex;
}
.is-header-title {
color: var(--color-text--c-text-accent-display-light);
flex: none;
padding-top: 2px;
}
.c_el_menu_day-picker {
grid-column-gap: .375rem;
grid-row-gap: .375rem;
border: 1px solid var(--color-border--c-border-inter-min);
border-radius: var(--var-size--tiny-4);
color: var(--color-text--c-text-strong);
justify-content: flex-start;
align-items: center;
height: 2rem;
padding-left: .75rem;
padding-right: .75rem;
display: inline-flex;
}
.c_el_menu_day-picker.is-active {
border-color: var(--color-border--c-border-accent-min);
}
.c_el_menu_day-picker_label {
grid-column-gap: 1px;
grid-row-gap: 1px;
flex: none;
display: flex;
}
.c_el_menu_day-picker_component {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.c_button_magnetic-arrow_medium {
justify-content: center;
align-items: center;
width: 9rem;
height: 9rem;
display: flex;
position: relative;
overflow: visible;
}
.c-button_magnetic-arrow-medium-ring-3 {
border-top-style: solid;
border-top-width: 6px;
border-top-color: var(--color-base--b-base-decor);
border-right-style: solid;
border-right-width: 6px;
border-right-color: var(--color-base--b-base-decor);
border-bottom-style: solid;
border-bottom-width: 6px;
border-bottom-color: var(--color-base--b-base-decor);
border-left-style: solid;
border-left-width: 6px;
border-left-color: var(--color-base--b-base-decor);
border-top-left-radius: var(--var-size--circle);
border-top-right-radius: var(--var-size--circle);
border-bottom-left-radius: var(--var-size--circle);
border-bottom-right-radius: var(--var-size--circle);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
width: 9rem;
height: 9rem;
position: absolute;
}
.c-button_magnetic-arrow-medium-ring-2 {
border-top-style: solid;
border-top-width: 2px;
border-top-color: var(--color-base--b-base-decor);
border-right-style: solid;
border-right-width: 2px;
border-right-color: var(--color-base--b-base-decor);
border-bottom-style: solid;
border-bottom-width: 2px;
border-bottom-color: var(--color-base--b-base-decor);
border-left-style: solid;
border-left-width: 2px;
border-left-color: var(--color-base--b-base-decor);
border-top-left-radius: var(--var-size--circle);
border-top-right-radius: var(--var-size--circle);
border-bottom-left-radius: var(--var-size--circle);
border-bottom-right-radius: var(--var-size--circle);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
width: 6.5rem;
height: 6.5rem;
position: absolute;
}
.c-button_magnetic-arrow-medium-ring-1 {
border: 1px solid var(--color-border--c-border-accent-min);
border-radius: var(--var-size--circle);
background-color: var(--color-base--b-base);
width: 6rem;
height: 6rem;
position: absolute;
}
.c-button_magnetic-arrow-medium-ring-central {
border-top-left-radius: var(--var-size--circle);
border-top-right-radius: var(--var-size--circle);
border-bottom-left-radius: var(--var-size--circle);
border-bottom-right-radius: var(--var-size--circle);
background-color: var(--dark--base--b-base);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
width: 5.5rem;
height: 5.5rem;
position: absolute;
}
.c_button_logo-diet_cta {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex: 1 0 auto;
justify-content: center;
align-items: flex-end;
width: 100%;
display: flex;
position: absolute;
inset: auto 0% -30% 50%;
overflow: visible;
transform: translate(-50%, -50%);
}
.u-rotate-minus-90 {
width: 100%;
height: 100%;
transform: rotate(-90deg);
}
.u-rotate-plus-90 {
width: 100%;
height: 100%;
transform: rotate(90deg);
}
.u-rotate-180 {
width: 100%;
height: 100%;
transform: scale(-1);
}
.s-button-icon-left {
width: 100%;
height: 100%;
}
.div-block-23 {
grid-column-gap: 4px;
grid-row-gap: 4px;
margin-left: -10px;
padding-left: 0;
display: flex;
}
.div-block-24 {
background-color: #922222;
margin-left: -10px;
}
.u-spacer {
background-color: #88a6d1;
height: 100%;
position: relative;
}
.u-spacer.is-2 {
width: .13rem;
}
.u-spacer.is-4 {
width: .25rem;
}
.u-spacer.is-8 {
width: .5rem;
}
.u-spacer.is-16 {
width: 1rem;
}
.u-spacer.is-20 {
width: 1.25rem;
}
.u-spacer.is-12 {
width: .75rem;
}
.u-spacer.is-24 {
width: 1.5rem;
}
.u-spacer.is-32 {
width: 2rem;
}
.u-spacer.is-40 {
width: 2.5rem;
}
.u-spacer.is-48 {
width: 3rem;
}
.u-spacer.is-64 {
width: 4rem;
}
.u-spacer.is-fill {
width: 100%;
}
.sg_item-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
width: 100%;
height: 300px;
display: flex;
}
.u-spacer-4 {
width: .25rem;
height: 100%;
}
.u-spacer-8 {
width: .5rem;
height: 100%;
}
.sg_spacer-wrapper {
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 50vh;
display: flex;
}
.u-spacer-wrapper {
width: 100%;
height: 100%;
}
.c_element_divider_component {
flex-flow: column;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.u-divider-vertical-wrapper {
flex: 1;
justify-content: space-between;
align-items: center;
width: 1rem;
height: 100%;
display: flex;
position: relative;
}
.u-divider-1-vertical {
background-color: var(--color-border--c-border-accent-strong);
width: 1px;
height: 100%;
}
.div-block-25 {
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex;
}
.sg_grid_large-copy {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: minmax(auto, 1fr);
grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
grid-auto-columns: 1fr;
width: 100%;
margin-bottom: 5rem;
display: grid;
}
.c_macros_icon-wrapper {
flex: none;
justify-content: flex-start;
align-self: stretch;
align-items: center;
display: flex;
position: relative;
}
.c_macros_calories-default-wrapper {
grid-column-gap: .13rem;
grid-row-gap: .13rem;
justify-content: space-between;
align-items: baseline;
display: flex;
}
.c_macros-row_small {
justify-content: space-between;
align-items: center;
display: flex;
}
.c_macros-row_container {
align-items: center;
width: auto;
display: flex;
}
.c_macros_panel {
justify-content: flex-start;
align-items: center;
display: flex;
}
.c_macros-row_secondary, .c_macros-row_primary, .c_macros-row_dis-small, .c_macros-row_dis-medium, .c_macros-row_dis-large, .c_macros-row_dis-large-reversed, .c_macros-row_small-reversed, .c_macros-row_secondary-reversed, .c_macros-row_primary-reversed, .c_macros-row_dis-small-reversed, .c_macros-row_dis-medium-reversed {
justify-content: space-between;
align-items: center;
display: flex;
}
.c_macros_calories-label-wrapper {
grid-column-gap: .13rem;
grid-row-gap: .13rem;
border-radius: var(--var-size--tiny-4);
background-color: var(--color-base--c-base-accent);
color: var(--color-text-on-base--c-text-on-base-accent);
justify-content: space-between;
align-items: baseline;
height: 1.5rem;
padding-top: .1rem;
padding-left: .75rem;
padding-right: .75rem;
display: flex;
overflow: hidden;
}
.c_macros_secondary-label {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
justify-content: flex-start;
align-items: center;
height: 1.5rem;
display: flex;
}
.c_macros_calories-label-outline-wrapper {
grid-column-gap: .13rem;
grid-row-gap: .13rem;
border: 1px solid var(--color-border--c-border-accent-min);
border-radius: var(--var-size--tiny-4);
background-color: var(--swatches--universal--transparent);
color: var(--color-text--c-text-subtle);
justify-content: space-between;
align-items: baseline;
height: 1.5rem;
padding-top: .1rem;
padding-left: .75rem;
padding-right: .75rem;
display: flex;
overflow: hidden;
}
.c_macros_secondary-label--outline {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
justify-content: flex-start;
align-items: center;
height: 1.5rem;
display: flex;
}
.c_macros_secondary_component {
flex-flow: row;
justify-content: flex-start;
width: 100%;
height: 100%;
display: flex;
}
.c_macros_secondary_component.is-space-between {
justify-content: space-between;
align-items: stretch;
}
.c_button_logo-diet_cta-wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: flex-start;
align-items: center;
display: flex;
position: relative;
left: 0%;
}
.c_button-cta_order-diet-circular {
grid-column-gap: 10rem;
grid-row-gap: 10rem;
flex-flow: column;
flex: none;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.c_macros-row_component {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
width: 50%;
display: flex;
}
.div-block-26 {
align-items: flex-end;
width: 30vw;
display: flex;
position: relative;
transform: scale(2);
}
.div-block-27 {
width: 100%;
display: flex;
}
.slider-list_component {
grid-column-gap: 3em;
grid-row-gap: 3em;
flex-direction: column;
justify-content: center;
align-items: stretch;
width: 45%;
display: flex;
}
.slider-list_arrow-wrapper {
grid-column-gap: .75em;
grid-row-gap: 0em;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
display: flex;
}
.slider-list_arrow {
color: #ffffff4d;
padding-top: .8em;
padding-bottom: .8em;
transition: color .1s;
}
.slider-list_arrow:hover {
color: #fff;
}
.swiper-bullet-wrapper.is-slider-list {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-wrap: wrap;
flex: none;
justify-content: flex-start;
align-items: center;
display: flex;
}
.slider-photo_component {
flex: none;
width: 50%;
}
.slider-list_bottom-wrapper {
grid-column-gap: 1.5em;
grid-row-gap: 1.5em;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
display: flex;
}
.page-padding {
flex-direction: column;
justify-content: center;
align-items: stretch;
min-height: 100vh;
padding: 6em 6%;
display: flex;
}
.page-padding.is-slider-releases {
flex-direction: row;
justify-content: flex-start;
align-items: stretch;
}
.swiper-bullet {
text-align: center;
background-color: #000;
border-radius: 50%;
flex: none;
justify-content: center;
align-items: center;
width: 1.25em;
min-height: 1.25em;
transition: all .2s;
display: flex;
}
.swiper-bullet.is-active {
background-color: #c8dd5e;
}
.menu-weekly_slider_component {
grid-row-gap: 4em;
color: #fff;
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
width: 100%;
height: 100svh;
display: flex;
}
.slider-photo_overflow {
justify-content: flex-start;
align-items: stretch;
height: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.slider-list_icon {
width: 6.88em;
height: 1.13em;
}
.slider-list_icon.is-reversed {
transform: rotate(-180deg);
}
.sg_section_visual_component {
object-fit: cover;
width: 100%;
height: 100svh;
display: block;
position: relative;
}
.c_visual_bg-placeholder {
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.sg_section_visual-component {
max-height: 100svh;
}
.c_visual_overlay_top-bottom, .c_visual_overlay_top {
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.c_visual_overlay_bottom, .c_visual_overlay_gradient-diagonal {
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0%;
}
.c_visual_overlay_radial-corner {
z-index: 100;
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.c_visual_overlay_radial {
z-index: 0;
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.c_visual_overlay_radial-central, .c_visual_overlay_blur {
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.c_visual_overlay-wrapper {
z-index: 20;
width: 100%;
height: 100%;
transition: opacity .3s linear;
display: flex;
position: absolute;
inset: 0%;
}
.sg_section_visual_component-half {
width: 50%;
height: 100svh;
position: relative;
}
.c-menu-title-primary_1-line {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: center;
align-items: flex-end;
min-height: 2.25rem;
display: flex;
position: relative;
}
.c-menu-title-primary_1-line-content-wrapper {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: row;
align-items: baseline;
display: flex;
}
.c_menu_title-primary_1-line_component {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: flex-start;
align-items: flex-end;
display: flex;
position: relative;
}
.heading-7 {
color: var(--color-text--c-text-strong);
}
.c_menu_title-primary_2-lines_component {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: flex-start;
align-items: flex-end;
min-height: 2.25rem;
display: flex;
}
.c_menu_title-small_content-wrapper {
flex-flow: column;
align-self: stretch;
display: flex;
}
.c_menu-weekly_slider-list_item {
justify-content: space-between;
align-items: flex-end;
width: 100%;
display: flex;
}
.c_balans-choice-insight_menu-list_item, .c_menu_panel-1_secondary {
justify-content: space-between;
align-items: flex-end;
width: 80%;
display: flex;
}
.c_menu_panel-1_left-wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
justify-content: flex-start;
align-items: flex-end;
display: flex;
}
.c_menu_panel-1_right-wrapper {
justify-content: flex-start;
align-items: center;
display: flex;
}
.c_tag_meal-info_row {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
display: flex;
}
.com_tag_meal-info {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
display: flex;
overflow: hidden;
}
.slider-photo_img {
object-fit: cover;
width: 100%;
height: 100%;
position: relative;
inset: 0%;
}
.slider-photo_card {
width: 100%;
height: 100%;
}
.menu-weekly_slider-photo_card {
width: 100%;
height: 100%;
position: relative;
}
.image-4 {
object-fit: cover;
width: 100%;
height: 100%;
position: relative;
}
.menu-weekly_slider-photo_image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.div-block-28 {
min-height: 100svh;
position: relative;
}
.menu-weekly_slider-photo_component {
flex: none;
width: 50%;
height: 100%;
}
.menu-weekly_slider-list_component {
grid-column-gap: 3em;
grid-row-gap: 3em;
flex-direction: column;
justify-content: center;
align-items: stretch;
width: 45%;
display: flex;
}
.day-picker-tabs {
flex: none;
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
position: relative;
}
.menu-weekly_slider-day-picker_item-wrapper {
flex: none;
width: 100%;
height: 100%;
position: relative;
}
.menu-weekly_slider-list_item-wrapper {
width: 100%;
}
.collection-list-2 {
display: flex;
}
.menu-weekly_day-picker_list {
justify-content: space-between;
align-items: center;
display: flex;
}
.sg_chapter_homepage {
min-height: 100svh;
}
.section_balans-homepage {
width: 100%;
padding-top: 1000vh;
display: block;
position: relative;
}
.body-2 {
background-color: var(--color-background--c-bg-2);
}
.ui-main_container {
flex-flow: column;
justify-content: space-between;
width: 100%;
height: 100%;
position: relative;
inset: 0%;
}
.ui-main_component {
z-index: 5000;
pointer-events: none;
width: 100%;
height: 100vh;
display: block;
position: absolute;
inset: 0%;
}
.ui-main_nav-bottom_component {
flex: 0 auto;
width: 100%;
height: 100%;
position: relative;
}
.ui-main_content-wrapper {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.ui-main_nav-bottom_content-wrapper {
color: var(--color-text--c-text-strong);
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.c_ui-main_nav-bottom_base {
background-color: var(--color-base--c-base-glass);
width: 100%;
height: 100%;
}
.ui-main_nav-bottom_slogan-wrapper {
width: 100%;
margin-right: 3rem;
padding-left: 3rem;
padding-right: 3rem;
}
.ui-main_balans-ring_wrapper {
flex-flow: column;
flex: none;
justify-content: center;
align-self: auto;
align-items: center;
width: 100%;
height: 100%;
min-height: 100svh;
display: flex;
position: relative;
}
.component_nav-top {
z-index: 2000;
pointer-events: auto;
width: 100%;
height: 4rem;
position: relative;
top: 0;
}
.div-block-29 {
background-color: #902828;
width: 300px;
height: 300px;
}
.sh_visual-bg {
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%;
overflow: hidden;
}
.layer_homepage-content--sh {
width: 100%;
height: 100%;
display: block;
position: relative;
}
.ui-main_nav-bottom_social-media_component {
width: 100%;
height: 100%;
position: relative;
}
.ui-main_nav-bottom_contain {
pointer-events: auto;
width: 100%;
height: 4rem;
position: absolute;
inset: auto 0% 0%;
}
.sh_content-clip {
z-index: 10;
background-color: #c55b5b;
width: 100%;
height: 100%;
position: relative;
inset: 0%;
}
.div-block-30 {
background-color: #943d3d;
width: 100%;
height: 100%;
}
.div-block-31, .div-block-32, .div-block-33, .div-block-34 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-35 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.c_menu_title-medium_1-line_component {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: flex-start;
align-items: flex-end;
display: flex;
position: relative;
}
.c-menu-title-medium_1-line-content-wrapper {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: row;
align-items: baseline;
display: flex;
}
.c_menu_title-medium_2-lines_component {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: flex-start;
align-items: flex-end;
min-height: 2.75rem;
display: flex;
}
.c-menu-title-medium_2-lines-content-wrapper {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: column;
align-self: stretch;
max-width: 20rem;
min-height: 2.75rem;
display: flex;
}
.c_menu_title-medium_2-lines_serif_component {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
min-height: 2.25rem;
display: flex;
}
.c-menu-title-medium_2-lines_serif-content-wrapper {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: column;
align-self: stretch;
max-width: 20rem;
min-height: 3rem;
display: flex;
}
.f-is-serif-adobe {
text-transform: capitalize;
font-family: ivymode, sans-serif;
font-style: italic;
}
.f-is-serif-adobe.text-weight-semibold {
letter-spacing: 0;
text-transform: none;
}
.text-block-2 {
font-family: ivymode, sans-serif;
font-weight: 600;
}
.c_menu_title-display_2-lines_component {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: flex-start;
align-items: flex-end;
min-height: 3.25rem;
display: flex;
}
.c-menu-title-display_2-lines-content-wrapper {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: column;
align-self: stretch;
max-width: 75ch;
min-height: 2.75rem;
display: flex;
}
.heading-8 {
font-size: 1.75rem;
}
.c_menu_title-secondary_1-line_component {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: flex-start;
align-items: flex-end;
display: flex;
position: relative;
}
.c-menu-title-secondary_1-line-content-wrapper {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: row;
align-items: baseline;
display: flex;
}
.c_menu_title-small_1-line_component {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: flex-start;
align-items: flex-end;
display: flex;
position: relative;
}
.c-menu-title-small_1-line-content-wrapper {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: row;
align-items: baseline;
display: flex;
}
.c_menu_title-display_1-line_component {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: flex-start;
align-items: flex-end;
display: flex;
position: relative;
}
.c-menu-title-display_1-line-content-wrapper {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: row;
align-items: baseline;
display: flex;
}
.meal_info-panel_display {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
justify-content: flex-start;
align-items: flex-end;
display: flex;
}
.c_macros_calories_panel {
flex: none;
display: flex;
}
.c_meal_info-panel_title-display {
padding-bottom: .25rem;
}
.c_meal_info-panel_set-2, .c_meal_info-panel_set-3 {
padding-bottom: .1rem;
}
.c_meal_info-panel_title-medium, .c_meal_info-panel_title-primary {
padding-bottom: .06rem;
}
.c_meal_info-panel_title-small {
padding-bottom: .1rem;
}
.meal_info-panel_medium {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
justify-content: flex-start;
align-items: flex-end;
display: flex;
}
.meal_info-panel_medium-serif {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
justify-content: flex-start;
align-items: flex-end;
min-height: 3rem;
display: flex;
}
.meal_info-panel_primary, .meal_info-panel_secondary, .meal_info-panel_small {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
justify-content: flex-start;
align-items: flex-end;
display: flex;
}
.com_tag_benefit {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
display: flex;
overflow: hidden;
}
.icon-set_container {
width: 100%;
height: 100%;
display: flex;
overflow: visible;
}
.icon_benefits {
flex: none;
width: 100%;
height: 100%;
}
.icon-set_component_benefits, .code-embed-4 {
width: 100%;
height: 100%;
}
.c_icon_display_medium_component {
width: 4rem;
height: 4rem;
position: relative;
}
.c_icon-display_medium_ring-3 {
border-top-style: solid;
border-top-width: 1px;
border-top-color: var(--color-border--c-border-decor-subtle);
border-right-style: solid;
border-right-width: 1px;
border-right-color: var(--color-border--c-border-decor-subtle);
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: var(--color-border--c-border-decor-subtle);
border-left-style: solid;
border-left-width: 1px;
border-left-color: var(--color-border--c-border-decor-subtle);
opacity: .15;
border-radius: 3.25rem;
justify-content: center;
align-items: center;
width: 10rem;
height: 10rem;
display: flex;
position: absolute;
inset: 50% 0% 0% 50%;
transform: translate(-50%, -50%);
}
.c_icon-display_medium_ring-2 {
border-top-style: solid;
border-top-width: 1px;
border-top-color: var(--color-border--c-border-decor-subtle);
border-right-style: solid;
border-right-width: 1px;
border-right-color: var(--color-border--c-border-decor-subtle);
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: var(--color-border--c-border-decor-subtle);
border-left-style: solid;
border-left-width: 1px;
border-left-color: var(--color-border--c-border-decor-subtle);
opacity: .3;
border-radius: 2.5rem;
justify-content: center;
align-items: center;
width: 8.5rem;
height: 8.5rem;
display: flex;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.c_icon-display_medium_ring-1 {
border-top-style: solid;
border-top-width: 1px;
border-top-color: var(--color-border--c-border-decor-subtle);
border-right-style: solid;
border-right-width: 1px;
border-right-color: var(--color-border--c-border-decor-subtle);
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: var(--color-border--c-border-decor-subtle);
border-left-style: solid;
border-left-width: 1px;
border-left-color: var(--color-border--c-border-decor-subtle);
opacity: .6;
border-radius: 1.75rem;
justify-content: center;
align-items: center;
width: 7rem;
height: 7rem;
display: flex;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.c_icon-display_medium_base {
background-color: var(--color-base--b-base);
border-radius: 1rem;
justify-content: center;
align-items: center;
width: 5.5rem;
height: 5.5rem;
display: flex;
position: absolute;
inset: 50% 0% 0% 50%;
transform: translate(-50%, -50%);
}
.c_icon-display_medium_base-border {
border-radius: .25rem;
width: 4rem;
height: 4rem;
}
.c_icon-display_medium_ring-outline {
border-top-style: solid;
border-top-width: 1px;
border-top-color: var(--color-border--c-border-decor-subtle);
border-right-style: solid;
border-right-width: 1px;
border-right-color: var(--color-border--c-border-decor-subtle);
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: var(--color-border--c-border-decor-subtle);
border-left-style: solid;
border-left-width: 1px;
border-left-color: var(--color-border--c-border-decor-subtle);
opacity: .6;
border-radius: 1.25rem;
justify-content: center;
align-items: center;
width: 6rem;
height: 6rem;
display: flex;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.module_menu-weekly_meal-info, .module_menu-weekly_overline_wrapper {
width: 100%;
}
.tag_benefit_row, .tag_general_row {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: row;
flex: none;
width: 100%;
display: flex;
}
.component_tag_benefit {
flex: none;
}
.section_s1_s1-menu-presentation {
position: relative;
}
.section_s2_s2-menu-weekly_desktop {
background-color: var(--color-background--c-bg-2);
width: 100%;
height: 100vh;
position: relative;
}
.s1_content-wrapper {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex;
}
.m-2_module {
grid-column-gap: .38rem;
grid-row-gap: .38rem;
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.m-2_overline-wrapper {
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
position: relative;
}
.m-2_panel-wrapper {
padding-top: 1.44rem;
padding-bottom: 1.44rem;
position: relative;
}
.temp_design-area {
grid-column-gap: 10rem;
grid-row-gap: 10rem;
flex-flow: column;
justify-content: center;
align-items: center;
padding: 10rem;
display: flex;
}
.m-1_module {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
display: flex;
}
.m_1_overline-wrapper {
height: 1.75rem;
position: relative;
}
.co-tags-general-benefits_component {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
width: 100%;
min-width: 100%;
display: flex;
overflow: hidden;
}
.c_tag_general-copy {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
border: 1px solid var(--color-border--c-border-decor-subtle);
border-radius: var(--var-size--tiny-4);
background-color: var(--color-base--b-base);
justify-content: flex-start;
align-items: center;
height: 1.75rem;
padding-left: .75rem;
padding-right: .75rem;
display: inline-flex;
}
.component_tag_general {
flex: none;
}
.com-21 {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
max-width: 800px;
display: flex;
overflow: hidden;
}
.test-collection {
justify-content: center;
align-items: center;
min-height: 100svh;
display: flex;
}
.c_tag_general_component {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.collection-list-3 {
flex-flow: wrap;
display: flex;
}
.b_com_tags_meal-info_component {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
display: flex;
overflow: hidden;
}
.component_tag_meal-info {
flex: none;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
display: flex;
}
.tag_meal-info_row {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: row;
width: 9.5rem;
display: flex;
overflow: hidden;
}
.c_tag_meal-info_medium_component {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: wrap;
flex: none;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.com_23_component {
grid-column-gap: 3.5rem;
grid-row-gap: 3.5rem;
flex-flow: column;
display: flex;
}
.c_tag_meal-type_component {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
border-radius: var(--var-size--tiny-4);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
min-width: 100%;
display: flex;
}
.m-1_content-wrapper {
justify-content: space-between;
align-items: center;
padding-top: .44rem;
padding-bottom: 1.06rem;
display: flex;
}
.m-2_meal-info-wrapper {
justify-content: flex-end;
align-items: flex-start;
display: flex;
position: relative;
inset: 0% 0% 0% auto;
}
.m-2_overline-tags-wrapper {
width: 100%;
}
.m-1_overline_wrapper {
position: relative;
}
.m-2_meal-info-wrapper-absolute {
justify-content: flex-end;
align-items: flex-end;
padding-bottom: 1.19rem;
padding-right: 2rem;
display: flex;
position: absolute;
inset: 0% 0% 0% auto;
}
.m-1_meal-info-wrapper-absolute {
position: absolute;
inset: 0% 0% 0% auto;
}
.component_com-22 {
width: 9.5rem;
transition: opacity .2s;
overflow: hidden;
}
.component_com-22.is-menu-list {
width: 4.5rem;
}
.component_com-22.is-menu-list:hover {
display: none;
}
.component_tags_general-benefits {
width: 100%;
}
.m-3_panel {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: space-between;
align-items: center;
padding-top: 1rem;
padding-bottom: 1rem;
display: flex;
}
.m-3_meal-type-wrapper {
padding-left: 5.25rem;
}
.m-3_meal-type-wrapper-alt {
padding-left: 5.25rem;
display: block;
}
.m-3_panel-alt {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: space-between;
align-items: center;
padding-top: 1rem;
padding-bottom: 1rem;
display: flex;
}
.m-3_meal-info-wrapper-alt {
display: block;
}
.s2_slider-image_slide {
background-color: var(--color-background--c-bg-2);
width: 100%;
height: 100vh;
display: flex;
position: relative;
}
.s2_content_component {
z-index: 2;
justify-content: flex-end;
align-items: flex-end;
width: 100%;
height: 100%;
min-height: 100svh;
display: flex;
position: relative;
}
.slider-extras_component_visual {
z-index: 1;
opacity: 1;
justify-content: center;
align-items: center;
height: 50%;
transition: opacity .2s;
display: flex;
position: absolute;
inset: auto auto 4.5rem 1.5rem;
}
.slider-extras_component_visual.is-active {
opacity: 1;
}
.s2_slide_content-wrapper {
flex-flow: column;
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
padding: .75rem 1.5rem;
display: flex;
position: relative;
}
.s2_slide_content-overlay {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.c_macros-row-table_stripe {
justify-content: flex-end;
align-items: flex-end;
width: 100%;
height: 1.5rem;
display: flex;
position: relative;
}
.c_macros-row-table_stripe.is-calories {
justify-content: flex-start;
align-items: flex-end;
width: auto;
position: absolute;
inset: 0% auto 0% 0%;
}
.c_macros-row-table_stripe.is-top {
border-bottom: .5px solid var(--color-border--c-border-decor-strong);
}
.c_macros-row-table.is-double {
justify-content: space-between;
align-items: flex-end;
width: 100%;
display: flex;
}
.macros_secondary_table-stripe {
color: var(--color-text--c-text-subtle);
justify-content: space-between;
align-items: center;
width: 100%;
height: 2rem;
display: flex;
overflow: hidden;
}
.macros_secondary_table-stripe.is-first {
border-width: 0;
width: 100%;
}
.s1_module-bottom {
z-index: 3;
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
min-width: 100%;
min-height: 6.5rem;
display: flex;
position: relative;
}
.s1_module-bottom_overline {
width: 100%;
}
.s1_module-bottom_info-panel {
z-index: 3;
justify-content: space-between;
align-items: flex-end;
width: 100%;
height: 4rem;
padding-bottom: 1.06rem;
display: flex;
position: relative;
}
.meal_title_menu-presentation {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: flex-start;
align-items: flex-end;
height: 2.5rem;
display: flex;
}
.meal_title_display_icon-align {
justify-content: flex-start;
align-self: stretch;
align-items: flex-end;
padding-bottom: 2px;
display: flex;
}
.u-pading-section-small {
padding-top: var(--var-size--var-padding--padding-ui-small);
padding-bottom: var(--var-size--var-padding--padding-ui-small);
width: 100%;
height: 100%;
}
.s1_content-wrapper_grid-16-24 {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: 6.5rem auto 13rem auto 6.5rem;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-items: start center;
width: 100%;
height: 100%;
display: grid;
}
.s1_module-header {
width: 100%;
height: 6.5rem;
}
.s1_module-central {
justify-content: space-between;
align-items: baseline;
width: 100%;
height: 13rem;
display: flex;
position: relative;
}
.div-block-36 {
background-color: #8cff00;
width: 400px;
height: 400px;
}
.s1_bg-visual {
z-index: 0;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.s1_content {
z-index: 1;
width: 100%;
height: 100%;
position: relative;
}
.meal_title_menu-presentation_wrapper {
z-index: 3;
grid-column-gap: .5rem;
grid-row-gap: .5rem;
align-items: baseline;
display: flex;
position: relative;
}
.is-style-h1 {
color: var(--color-heading--c-heading-subtle);
letter-spacing: -3.4px;
text-transform: uppercase;
font-family: Geist, sans-serif;
font-size: 4.25rem;
font-weight: 700;
line-height: 3.5rem;
}
.is-style-h2 {
color: var(--color-heading--c-heading-subtle);
letter-spacing: -2.4px;
text-transform: uppercase;
font-family: Geist, sans-serif;
font-size: 3rem;
font-weight: 700;
line-height: 2.5rem;
}
.is-style-h2.f-is-serif {
text-align: right;
width: 3rem;
}
.is-style-h3 {
color: var(--color-heading--c-heading-subtle);
letter-spacing: -1.8px;
text-transform: uppercase;
font-family: Geist, sans-serif;
font-size: 2.25rem;
font-weight: 700;
line-height: 2rem;
}
.is-style-h4 {
color: var(--color-heading--c-heading-subtle);
letter-spacing: -1.26px;
text-transform: uppercase;
font-family: Geist, sans-serif;
font-size: 1.75rem;
font-weight: 700;
line-height: 1.5rem;
}
.is-style-h5 {
color: var(--color-heading--c-heading-subtle);
letter-spacing: -.6px;
text-transform: uppercase;
font-family: Geist, sans-serif;
font-size: 1.25rem;
font-weight: 700;
line-height: 1.25rem;
}
.is-style-h6 {
color: var(--color-heading--c-heading-subtle);
letter-spacing: -.24px;
text-transform: uppercase;
font-family: Geist, sans-serif;
font-size: 1rem;
font-weight: 700;
line-height: 1rem;
}
.s1_module-central_left-wrapper {
justify-content: space-between;
align-self: center;
align-items: center;
width: 100%;
height: 4.5rem;
display: flex;
}
.s1_module-central_right-wrapper {
justify-content: space-between;
align-self: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.macros_display-small {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
justify-content: space-between;
align-items: flex-end;
display: flex;
}
.text-block-3 {
color: var(--color-text--c-text-subtle);
}
.macros_display-small-row {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
display: flex;
}
.component_divider-horizontal {
flex: 1;
justify-content: space-between;
align-items: center;
width: 100%;
height: 2rem;
padding-left: 2rem;
padding-right: 2rem;
display: flex;
}
.macros_data_dis-large.f-p-dis-large {
color: var(--color-text--c-text-strong);
align-self: baseline;
}
.macros_dis-large_icon-align {
align-self: stretch;
padding-top: 1.5rem;
display: flex;
}
.macros_dis-large-calories-row {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
display: flex;
}
.s1_module_counter-mobile, .s1_module_aligner {
width: 100%;
}
.component_header-section-overline {
pointer-events: auto;
width: 100%;
position: relative;
}
.s1_counter-main_wrapper {
flex-flow: column;
justify-content: space-between;
align-self: stretch;
align-items: center;
height: 100%;
display: flex;
position: absolute;
inset: 0% -5% 0% auto;
}
.u-divider-vertical-1 {
background-color: var(--color-border--c-border-decor-strong);
flex: none;
width: 1px;
height: 100%;
}
.div-block-38 {
width: 1px;
height: 100%;
}
.s2_slide_module-bottom {
grid-column-gap: .38rem;
grid-row-gap: .38rem;
flex-flow: row;
justify-content: space-between;
align-items: flex-end;
width: 100%;
display: flex;
}
.s2_slide_module-bottom_panel {
border-radius: var(--var-size--tiny-6);
justify-content: center;
align-items: center;
width: 100%;
height: 4.25rem;
padding-left: 2rem;
padding-right: 2rem;
display: flex;
}
.b_macros_block_macros-data {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
}
.b_macros_secondary {
z-index: 1;
grid-column-gap: .25rem;
grid-row-gap: .25rem;
justify-content: space-between;
align-self: stretch;
align-items: flex-end;
width: auto;
display: flex;
position: relative;
}
.macros_display-small-copy {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
justify-content: space-between;
align-items: flex-end;
display: flex;
}
.macros_data_secondary {
color: var(--color-text--c-text-subtle);
font-weight: 700;
}
.macros_data_secondary.f-p-secondary {
color: #696255;
text-align: right;
text-align: right;
width: 1.25rem;
text-decoration: none;
}
.s2_slider-mobile_tags-panel {
width: 100%;
}
.s2_slide_module_day {
border-radius: var(--var-size--tiny-6);
background-color: var(--color-base--c-base-glass);
justify-content: space-between;
align-items: center;
width: 100%;
min-height: 2.25rem;
padding-left: .25rem;
padding-right: 1rem;
display: flex;
}
.component_meal-type {
width: auto;
transition: opacity .2s;
display: flex;
}
.s2_mobile_date-title {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
display: flex;
}
.div-block-39 {
width: 200px;
height: 200px;
position: absolute;
}
.s2_slide_button-magnetic_target-area {
z-index: 1000;
grid-column-gap: 3rem;
grid-row-gap: 3rem;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
position: relative;
}
.s2_slide_aligner {
width: 100%;
height: 6.5rem;
}
.s2_layout-grid {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
grid-template-rows: 50vh auto 5.5rem;
grid-template-columns: minmax(0, 1fr) 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
width: calc(100vw - 3rem);
height: 100%;
min-height: 100vh;
display: grid;
}
.slider-extras_slide_wrapper {
aspect-ratio: 3 / 4;
justify-content: space-between;
align-items: center;
height: 100%;
display: flex;
position: relative;
}
.macros_secondary_table {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
color: var(--color-text--c-text-subtle);
flex-flow: column;
justify-content: flex-end;
align-items: flex-end;
width: 100%;
padding-bottom: 1rem;
display: flex;
}
.macros_panel-table {
justify-content: flex-end;
align-items: flex-end;
width: 100%;
display: flex;
}
.macros_secondary_table_label-wrapper {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
justify-content: flex-start;
align-items: center;
height: 100%;
display: flex;
}
.macros_secondary_table-data {
flex-flow: row;
justify-content: space-between;
align-items: center;
width: 100%;
}
.macros_secondary-calories {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
color: var(--color-text--c-text-accent-default);
justify-content: space-between;
align-items: flex-end;
display: flex;
}
.macros_secondary_table-stripe-wrapper {
justify-content: space-between;
align-items: center;
width: 50%;
height: 2rem;
display: flex;
}
.c_tag_extras {
grid-column-gap: .375rem;
grid-row-gap: .375rem;
border: 1px solid var(--color-border--c-border-decor-subtle);
border-radius: var(--var-size--tiny-4);
background-color: var(--color-base--b-base);
color: var(--dark--text--text-accent-default);
flex-flow: row;
justify-content: center;
align-items: center;
height: 1.75rem;
padding: .375rem;
display: flex;
}
.s3_module-bottom {
justify-content: space-between;
align-items: flex-end;
display: flex;
}
.slider-extras_info-panel {
z-index: 2;
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
width: 100%;
display: flex;
position: relative;
}
.s3_content {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: row;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
min-height: 100svh;
display: flex;
}
.section_diet_slider-extras--d10 {
background-color: var(--color-background--c-bg-3);
width: 100%;
height: 100dvh;
min-height: 100svh;
position: relative;
}
.slider-extras_slide_content {
z-index: 2;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: 100%;
padding: 1rem;
display: flex;
position: relative;
}
.s2_menu-list_slide {
border-bottom: .5px solid var(--color-border--c-border-decor-ghost);
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.s2_menu-list_slide.is-active {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.typo_meal-title_primary {
flex-flow: column;
display: flex;
}
.meal_title_menu-list_name-2.f-p-primary {
color: var(--color-text--c-text-subtle);
transition: opacity .2s;
}
.s8_slider_calories_primary {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
justify-content: flex-start;
align-items: flex-end;
width: auto;
display: flex;
}
.macros_data_primary {
font-weight: 700;
}
.macros_data_primary.f-p-primary {
text-align: right;
width: 2rem;
position: relative;
}
.macros_data_primary.f-p-primary.text-weight-bold {
width: 1.5rem;
}
.macros_data_primary.f-p-primary.f-is-accent-light {
color: var(--color-text--c-text-accent-display-light);
}
.s2_menu-list_item_meal-info-wrapper {
flex: none;
overflow: hidden;
}
.s2_menu-list_item_left-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex: 1;
display: flex;
}
.macros_primary_calories {
color: var(--color-text--c-text-accent-default);
justify-content: flex-start;
align-items: flex-end;
transition: opacity .2s;
display: flex;
}
.s2_menu-list_item_panel {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
justify-content: space-between;
align-items: center;
width: 96%;
height: 100%;
display: flex;
}
.s2_slider_meal-info_slide-container {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 4rem;
display: flex;
}
.s2_module-bottom_day-picker {
width: 100%;
}
.s2_module-bottom_day-picker_wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
padding-bottom: 1.75rem;
display: flex;
}
.s2_slider-image_component {
width: 100%;
height: 100svh;
position: relative;
overflow: visible;
}
.s2_slider-menu-list_wrapper {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
width: 50%;
height: 100svh;
display: flex;
overflow: hidden;
}
.button_day-picker {
flex: none;
padding: 0;
}
.s2_module-strip {
z-index: 2;
justify-content: space-between;
align-items: center;
width: 100%;
padding-right: 1.5rem;
display: flex;
position: relative;
}
.s2_module-navigation_buttons-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
display: flex;
}
.s2_button-arrow-left {
transform: scale(-1);
}
.s2_module-strip_counter-wrapper {
z-index: 100;
position: relative;
}
.component_counter-index {
border-radius: var(--var-size--tiny-6);
background-color: var(--color-base--c-base-glass);
color: var(--color-text--c-text-strong);
padding: .5rem 1rem;
position: relative;
}
.ui_header-vertical_menu-weekly {
z-index: 200;
flex-flow: column;
width: 100vh;
height: 4rem;
padding-left: 2rem;
padding-right: 2rem;
display: flex;
position: absolute;
inset: 50% 0% 0% 1.5rem;
}
.s2_meal-title-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
}
.s8_meal-label_icon-open {
justify-content: flex-start;
align-self: stretch;
align-items: flex-end;
display: none;
}
.s8_meal-label_icon-open.is-single-line {
padding-bottom: 0;
}
.s2_menu-list_overline_meal-info-wrapper {
width: 4.5rem;
display: flex;
overflow: hidden;
}
.s2_slider_menu-list_component {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-height: 40vh;
display: flex;
position: relative;
overflow: hidden;
}
.s2_content-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
width: 100%;
max-width: 35rem;
display: flex;
}
.s2_module-stripe {
justify-content: space-between;
align-items: center;
width: 96%;
padding-bottom: 1.75rem;
display: flex;
}
.u-layout-grid-homepage {
grid-column-gap: 1.5rem;
grid-row-gap: 0px;
grid-template: ". . . . . . . . . . . . . . ." 10svh
". . . . . . . . . . . . . . ." 10svh
". . . . . . . . . . . . . . ." 10svh
". . . . . . . . . . . . . . ." 10svh
". sh-content-overline-left sh-content-overline-left sh-content-overline-left sh-content-overline-left . . . . . . sh-content-overline-right sh-content-overline-right sh-content-overline-right sh-content-overline-right" 10svh
". sh-heading sh-heading sh-heading sh-heading . . . . . . sh-video-component sh-video-component sh-video-component sh-video-component" 10svh
". sh-heading sh-heading sh-heading sh-heading . . . . . . sh-video-component sh-video-component sh-video-component sh-video-component" 10svh
". sh-content-paragraph sh-content-paragraph sh-content-paragraph sh-content-paragraph . . . . . . . . . ." 10svh
". sh-content-paragraph sh-content-paragraph sh-content-paragraph sh-content-paragraph . . . . . . . . . ." 10svh
". . . . . . . . . . . . . . ." 10svh
/ minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
grid-auto-columns: minmax(0, .25fr);
place-items: center;
width: 100%;
height: 100%;
display: grid;
}
.sh_content-left_heading-wrapper {
z-index: 10;
width: 100%;
height: 100%;
padding-top: .5rem;
position: relative;
}
.sh_component_divider-left {
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 1px;
display: flex;
}
.s2_slider-image_overflow {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: stretch;
width: 100%;
height: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.macros_primary_calories-data-wrapper {
justify-content: flex-end;
align-items: center;
display: flex;
}
.icon_open {
transition: opacity .2s;
}
.meal-title_menu-list_name-1 {
transition: all .2s;
}
.section_s0--toggle {
width: 100%;
height: 300dvh;
display: flex;
position: relative;
overflow: visible;
}
.u-trigger {
border: 10px solid #62ff00;
height: 100vh;
}
.section_sticky_toggle {
z-index: 2;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100svh;
position: sticky;
top: 0;
}
.temp--layout-grid-16-24 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto 1fr;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: grid;
position: relative;
}
.typo_heading_component {
z-index: -1;
opacity: 0;
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
max-width: 60ch;
display: flex;
position: absolute;
}
.typo_heading_component.is-active {
z-index: 2;
opacity: 1;
position: relative;
}
.temp-design {
grid-column-gap: 10rem;
grid-row-gap: 10rem;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.typo_typography-block {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-flow: column;
display: flex;
}
.header_key-words_component {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
display: flex;
}
.header_key-words_component.is-active {
z-index: 10;
opacity: 1;
transition-duration: .5s;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.image-block_wrapper {
object-fit: cover;
justify-content: flex-start;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.image-block_list {
height: 100%;
position: static;
}
.image-block_item {
opacity: 0;
width: 100%;
height: 100%;
transition: opacity .2s;
position: absolute;
}
.image-block_item.is-active {
opacity: 1;
}
.image-block_img {
vertical-align: baseline;
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.s4_module-content {
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
padding-bottom: 5rem;
display: flex;
position: relative;
}
.key-word_item {
opacity: .4;
transition: opacity .2s;
}
.key-word_item.is-active {
opacity: 1;
}
.image-block_item-_wrapper {
width: 100%;
height: 100%;
position: absolute;
}
.image-block_item-_wrapper.is-active {
opacity: 1;
}
.section_test {
width: 100%;
height: 100%;
min-height: 100svh;
}
.div-block-40 {
background-color: #4ca125;
min-height: 100vh;
}
.div-block-41 {
background-color: #fffb00;
width: 200px;
min-height: 100svh;
}
.div-block-42 {
background-color: #e1ff00;
min-height: 100svh;
}
.section_s5_s5--sticky-cards {
min-height: 100svh;
display: none;
position: relative;
}
.s5_diet-insight_sticky-list {
position: relative;
}
.s5_sticky-panel {
width: 100%;
min-height: 100vh;
position: sticky;
top: 0;
}
.s5_sticky_content-wrapper {
flex-flow: column;
width: 100%;
display: flex;
position: relative;
}
.div_test {
background-color: #62af3e;
width: 300px;
height: 300px;
}
.s5_image-cover {
vertical-align: baseline;
width: 100%;
height: 100dvh;
position: relative;
}
.div-block-43 {
z-index: 5;
background-color: #dece1a;
width: 100%;
height: 200px;
position: relative;
}
.sh_content_paragraph-wrapper {
z-index: 10;
width: 100%;
height: 100%;
position: relative;
}
.sh_content-right_overline-wrapper {
z-index: 10;
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
justify-content: flex-end;
align-items: flex-end;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.component_video-homepage {
border-radius: var(--var-size--one);
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.sh_video {
z-index: 100;
width: 100%;
height: 100%;
min-height: 100svh;
position: relative;
}
.layer_homepage-video--sh-video {
z-index: 50;
pointer-events: none;
width: 100%;
height: 100%;
min-height: 100svh;
display: block;
position: absolute;
inset: 0%;
}
.s1_component {
width: 100%;
height: 100%;
position: relative;
}
.s1_trigger_wrapper {
z-index: 0;
position: relative;
}
.s1_trigger_list {
padding-top: 100svh;
}
.s1_trigger_item {
z-index: 2;
border: 5px solid #067eee;
border-radius: 20px;
height: 80vh;
position: relative;
}
.s1_scroll-wrapper {
z-index: 1;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.s1_container-sticky {
border: 10px solid #bbe915;
width: 100%;
height: 100svh;
position: sticky;
top: 0;
}
.s1_collection-wrapper_menu-presentation, .s1_collection-list_menu-presentation {
width: 100%;
height: 100%;
}
.s1_collection-item_menu-presentation {
z-index: 1;
width: 100%;
height: 100%;
position: absolute;
}
.section_intro--intro {
width: 100%;
height: 100%;
display: block;
position: relative;
}
.layout-grid-16-24-padding {
grid-column-gap: 16px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
grid-auto-columns: 0fr;
align-items: center;
width: 100%;
height: 100%;
padding-left: 1.5rem;
padding-right: 1.5rem;
display: grid;
}
.layout-grid-16-24-padding.is-diet-choice-insight {
grid-template-rows: 10svh 10svh 5rem;
}
.loader_image-wrapper {
aspect-ratio: 16 / 10;
border-radius: var(--var-size--tiny-6);
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.loader_counter-wrapper {
justify-content: flex-end;
align-items: baseline;
width: 100%;
display: flex;
}
.loader_slogan-wrapper {
width: 100%;
position: relative;
}
.image-6 {
aspect-ratio: 16 / 10;
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.component_button-media {
pointer-events: auto;
}
.f-is-mixed.u-baseline-align {
align-items: flex-end;
}
.f-is-mixed.b_typography-block_heading-wrapper {
grid-column-gap: .38rem;
grid-row-gap: .38rem;
vertical-align: baseline;
flex-flow: wrap;
justify-content: flex-start;
align-items: baseline;
}
.sh_content_collection-wrapper {
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.sh_content_collection-list {
width: 100%;
height: 199%;
position: relative;
}
.sh_content_collection_item {
width: 100%;
height: 100%;
position: absolute;
}
.section_main {
width: 100%;
height: 100svh;
position: sticky;
top: 0;
}
.section_before-homepage {
background-color: #bbd3ee;
min-height: 100svh;
}
.section_after-homepage {
background-color: #bdd69b;
justify-content: center;
align-items: center;
height: 100vh;
margin-top: 100vh;
display: flex;
}
.homepage_scroll-trigger {
z-index: 3;
pointer-events: none;
width: 100%;
padding-bottom: 100vh;
position: relative;
}
.homepage_scroll-trigger_wrapper {
width: 100%;
position: static;
}
.homepage_scroll-trigger_list {
width: 100%;
}
.homepage_scroll-trigger_item {
border: 10px solid #f0d;
width: 100%;
height: 100vh;
}
.homepage_container-sticky {
width: 100%;
position: sticky;
top: 0;
}
.homepage_main-wrapper {
z-index: 2;
width: 100%;
position: absolute;
inset: 0%;
}
.homepage_content-wrapper {
width: 100%;
height: 100%;
position: relative;
}
.sh_content_heading {
z-index: 10;
width: 100%;
height: 100%;
padding-top: .5rem;
position: relative;
}
.loader_image-main {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.loader_content-wrapper {
z-index: 10;
grid-column-gap: 2rem;
grid-row-gap: 2rem;
opacity: 1;
object-fit: cover;
grid-template-rows: 100svh;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
grid-auto-columns: 0fr;
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
padding-left: 4rem;
padding-right: 4rem;
display: flex;
position: relative;
}
.intro_loader {
z-index: 1000;
width: 100%;
height: 100vh;
position: static;
inset: 0%;
overflow: hidden;
}
.absolute_intro_scroll-gallery {
z-index: 500;
justify-content: center;
align-items: center;
width: 100%;
display: block;
position: absolute;
inset: 0%;
}
.intro_scroll-gallery_grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 50%;
height: 60vh;
display: grid;
position: relative;
}
.intro_scroll-gallery_grid-item {
justify-content: flex-start;
align-items: flex-start;
display: flex;
position: relative;
}
.intro_scroll-gallery_image-wrapper {
aspect-ratio: 3 / 2;
border-radius: var(--var-size--x-small);
max-width: none;
height: 20vh;
position: absolute;
inset: 0% auto auto 0%;
}
.intro_scroll-gallery_image-wrapper.is-flipped {
z-index: 300;
}
.image-7 {
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.intro_scroll-gallery_image-diet {
z-index: 2;
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.intro_scroll-gallery_grid-item--vertical {
height: 30vh;
display: flex;
}
.intro_scroll-gallery_image-vertical-wrapper {
aspect-ratio: 4 / 5;
border-radius: var(--var-size--x-small);
max-width: none;
height: 20vh;
position: absolute;
inset: 0% auto auto 0%;
}
.intro_scroll-gallery_image-vertical-wrapper.is-flipped {
z-index: 301;
}
.intro_scroll-gallery_slogan-wrapper {
z-index: 310;
pointer-events: none;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
position: absolute;
inset: 0%;
}
.heading-9 {
position: relative;
}
.text-dynamic {
width: 100%;
max-width: 120rem;
position: relative;
}
.text-dynamic-2 {
text-transform: uppercase;
justify-content: flex-start;
align-items: flex-start;
width: 50%;
max-width: 200rem;
padding: 3rem;
font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Charcoal, sans-serif;
font-weight: 700;
display: flex;
container-type: inline-size;
}
.section_before--art {
background-color: #e3efd3;
min-height: 100svh;
}
.section_after--art {
background-color: #5d7295;
min-height: 100svh;
}
.horizontal_wrapper {
padding-bottom: 100vh;
}
.horizontal_track-height {
width: 100%;
height: 500vw;
}
.horizontal_sticky-wrapper {
border: 5px solid #d524db;
width: 100%;
height: 100svh;
margin-bottom: -100vh;
display: flex;
position: sticky;
top: 0;
overflow: scroll;
}
.horizontal_track {
background-color: #cd4040;
flex: none;
height: 100%;
}
.horizontal_track-flex {
height: 100%;
margin-right: -100vw;
display: flex;
}
.horizontal_item-1 {
z-index: 10;
background-color: var(--color-background--c-bg-2);
flex: none;
height: 100%;
}
.horizontal_track--collection-wrapper {
width: 100%;
height: 100%;
}
.horizontal_track-flex--collection-list {
height: 100%;
display: flex;
}
.horizontal_item-2 {
background-color: #9dece1;
flex: none;
width: 100vw;
height: 100%;
}
.horizontal_item-3 {
background-color: #8972b2;
flex: none;
width: 200vw;
height: 100%;
}
.ui-balans-ring {
z-index: 300;
pointer-events: none;
display: block;
position: absolute;
inset: 0%;
}
.ui-main_component_balans-ring_wrapper-copy {
background-color: #28577e;
width: 60vh;
height: 60vh;
position: relative;
}
.component_balans-ring {
width: 60vh;
height: 60vh;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.balans-ring_logomark-wrapper {
width: 50%;
height: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.design-test {
justify-content: center;
align-items: center;
min-height: 100svh;
display: flex;
}
.balans-ring_ring-3, .balans-ring_ring-2, .balans-ring_ring-4, .balans-ring_ring-1 {
position: absolute;
inset: 0%;
}
.typo_split-test {
position: relative;
}
.balans-ring_ring-text {
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.balans-ring_text {
z-index: 100;
width: 100%;
height: 100%;
position: relative;
}
.div-block-44 {
min-height: 100svh;
}
.balans-ring_ring-5-text-base {
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.to--delete {
flex-flow: column;
width: 100%;
display: none;
position: relative;
}
.slider_wrap {
position: relative;
}
.slider_dot_wrap-copy {
width: 100%;
position: absolute;
inset: 0% auto auto 0%;
}
.slider_dot_list {
z-index: 3;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 4vw;
display: flex;
position: relative;
}
.slider_dot_item {
z-index: 3;
cursor: pointer;
background-color: #ffffff1f;
width: 5rem;
height: 2px;
position: relative;
overflow: hidden;
}
.slider_cms_list {
height: 100vh;
max-height: 100svh;
position: relative;
}
.slider_cms_item {
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
padding: 4vw;
display: none;
position: absolute;
inset: 0%;
}
.slider_cms_item:first-child {
display: flex;
}
.slider_cms_img {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.s8_sticky_slider_wrapper {
width: 100%;
height: 100%;
position: sticky;
top: 0;
}
.s8_slider_list {
width: 100%;
height: 100%;
position: relative;
}
.s8_slider_cms-wrapper {
width: 100%;
height: 100%;
}
.s8_slider_item {
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.s8_slider_item_image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.s8_slider_item_component {
padding-right: var(--var-size--var-padding--padding-global-small);
padding-bottom: var(--var-size--var-padding--padding-ui-small);
padding-left: var(--var-size--var-padding--padding-global-small);
flex-flow: column;
justify-content: space-between;
align-items: flex-end;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.s8_content_wrapper {
flex: 1;
width: 100%;
height: 100%;
display: flex;
}
.s8_content-scroll {
background-color: #3a99be;
width: 100%;
max-height: 100vh;
padding-top: 10.5rem;
overflow-y: auto;
}
.s8_meal-label_layout-flex {
z-index: 2;
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
position: relative;
}
.s8_meal-label_title {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
color: var(--color-text--c-text-subtle);
align-items: baseline;
display: flex;
}
.s8_meal-label_title-wrapper {
justify-content: space-between;
align-items: flex-end;
width: 100%;
height: 1.5rem;
display: flex;
position: relative;
}
.s8_meal-label_divider-wrapper {
color: var(--color-border--c-border-decor-strong);
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: 1.19rem;
display: flex;
}
.s8_meal-label_overline {
justify-content: space-between;
align-items: flex-end;
width: 100%;
min-height: 1.5rem;
display: flex;
}
.section_after {
background-color: #82b8bb;
height: 100vh;
display: block;
}
.c-visual-copy {
background-color: var(--color-background--c-bg-2);
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.s8_slider_component_visual {
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.s8_slider_module_controllers {
z-index: 2;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
padding-bottom: .5rem;
display: flex;
position: relative;
}
.button-arrow-right {
flex: none;
height: 2rem;
}
.button-arrow_left {
cursor: pointer;
flex: none;
height: 100%;
}
.s8_slider_buttons-wrapper {
z-index: 2;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: flex-start;
align-items: center;
width: 10rem;
padding-right: 1rem;
display: flex;
position: relative;
}
.s8_slider_counter-wrapper {
width: 10rem;
padding-left: 1rem;
}
.s8_slider_divider-vertical {
flex-flow: row;
justify-content: center;
align-self: stretch;
align-items: center;
width: 1.25rem;
display: flex;
position: relative;
}
.s8_slider_aligner {
height: 6.5rem;
}
.component_counter {
justify-content: center;
align-items: flex-start;
width: 100%;
height: 100%;
}
.art_component {
background-color: var(--color-background--c-bg-4);
flex-flow: row;
justify-content: flex-start;
align-items: center;
height: 100vh;
min-height: 100vh;
display: flex;
position: relative;
}
.calories_secondary {
justify-content: space-between;
align-items: flex-end;
width: auto;
display: flex;
}
.calories_data_secondary {
color: var(--color-text--c-text-accent-default);
font-weight: 700;
}
.calories_data_secondary.f-p-secondary {
text-align: right;
width: 2rem;
}
.macros_primary-row {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
width: 100%;
display: flex;
}
.calories_primary, .macros_primary {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
justify-content: space-between;
align-items: flex-end;
width: auto;
display: flex;
}
.art_module-bottom {
z-index: 2;
grid-column-gap: 4rem;
grid-row-gap: 4rem;
height: 4rem;
padding-left: 2.5rem;
display: flex;
position: relative;
}
.slider-extras_component_button-secondary {
z-index: 1000;
opacity: 1;
pointer-events: auto;
cursor: pointer;
flex-flow: row;
flex: 0 auto;
justify-content: flex-end;
align-self: flex-end;
align-items: flex-start;
height: 3rem;
display: flex;
position: relative;
}
.slider-extras_component_button-secondary.is-40 {
height: 2.5rem;
}
.meal_title_medium-serif {
flex: none;
}
.meal_title_medium-serif.is-mobile {
z-index: 15;
display: block;
position: relative;
}
.art_module-middle {
width: 100%;
display: flex;
position: relative;
}
.art_module-header {
padding-right: var(--var-size--var-padding--padding-global-small);
padding-left: var(--var-size--var-padding--padding-global-small);
width: 100%;
height: 3rem;
position: absolute;
inset: 0% 0% auto;
}
.art_module-side {
z-index: 20;
justify-content: flex-end;
align-items: center;
width: 18rem;
height: 100%;
padding-top: 6vh;
padding-bottom: 6vh;
display: flex;
position: relative;
}
.art_module-main {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
height: 100%;
padding-top: 6vh;
padding-bottom: 6vh;
padding-left: 18rem;
display: flex;
position: relative;
}
.art_aligner {
z-index: 2;
opacity: 0;
pointer-events: none;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 4rem;
display: flex;
position: relative;
}
.art_module-central_left-side {
opacity: 1;
justify-content: space-between;
align-items: center;
width: 100vh;
display: flex;
position: relative;
}
.art_module-central_right-side {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
display: flex;
}
.c-button_magnetic-arrow-medium-ring-2-2 {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border: 2px solid #faf8f5;
border-radius: 5000px;
width: 6.5rem;
height: 6.5rem;
position: absolute;
}
.c-button_magnetic-arrow-medium-ring-1-2 {
border: 1px solid #c85d12;
border-radius: 5000px;
width: 6rem;
height: 6rem;
position: absolute;
}
.page_code_wrap-2 {
z-index: 10;
justify-content: flex-start;
align-items: flex-start;
display: flex;
position: relative;
}
.page_code_wrap-2.is-center {
pointer-events: auto;
justify-content: center;
align-items: stretch;
width: auto;
height: auto;
}
.c-button_magnetic-arrow-medium-ring-central-2 {
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background-color: #27241e;
border-radius: 5000px;
width: 5.5rem;
height: 5.5rem;
position: absolute;
}
.design-area-2 {
grid-column-gap: 30rem;
grid-row-gap: 30rem;
background-color: #e7e0d2;
flex-flow: column;
justify-content: center;
align-items: center;
min-height: 200svh;
display: flex;
}
.c-button_magnetic-arrow-medium-ring-3-2 {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border: 6px solid #faf8f5;
border-radius: 5000px;
width: 9rem;
height: 9rem;
position: absolute;
}
.button_logo_title-aligner.is-personal {
align-self: stretch;
padding-bottom: 5px;
}
.button_logo_title-aligner.is-minus {
align-self: stretch;
padding-top: 4px;
padding-bottom: 6px;
}
.button_logo_title-aligner.is-beauty {
padding-top: 0;
padding-bottom: 3px;
}
.button_logo_title-aligner.is-sport {
padding-bottom: 7px;
}
.button_logo_title-aligner.is-choice {
padding-bottom: 9px;
}
.div-block-45 {
background-color: #4a622c;
width: 200px;
height: 200px;
}
.sg_design-space {
background-color: var(--color-background--c-bg-4);
flex-flow: column;
min-height: 100svh;
margin-bottom: 10rem;
padding-top: 10rem;
padding-bottom: 10rem;
display: flex;
}
.sg_design-block {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.sg_design-block.is-vertical {
flex-flow: column;
margin-bottom: 5rem;
}
.cta-title_order-diet_personal {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
align-items: baseline;
display: flex;
position: relative;
}
.cta-title_icon-aligner {
justify-content: flex-start;
align-items: flex-start;
padding-top: 2px;
display: flex;
position: absolute;
inset: 10% -20% 0% auto;
}
.component_cta-title_diet {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.component_cta-title_diet.is-vertical {
flex-flow: column;
}
.cta-title_order-diet_choice, .cta-title_order-diet_office, .cta-title_order-diet_sport, .cta-title_order-diet_minus, .cta-title_order-diet_green, .cta-title_order-diet_beauty {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
align-items: baseline;
display: flex;
position: relative;
}
.c_button-cta_order-diet {
border-radius: var(--var-size--tiny-6);
background-color: var(--color-base--b-base);
justify-content: space-between;
align-items: center;
width: 18.5rem;
height: 5.88rem;
padding: .5rem;
display: flex;
}
.button-cta_arrow {
justify-content: flex-start;
align-items: flex-start;
padding-top: 2px;
display: flex;
position: relative;
top: 0%;
bottom: 0%;
}
.c_button-cta_logomark-wrapper {
border-radius: .13rem;
width: 4rem;
height: 4rem;
overflow: hidden;
}
.c_button-cta_link-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
display: flex;
}
.c_button-cta_title-wrapper {
justify-content: flex-start;
align-items: center;
display: flex;
}
.c_button-cta_left-wrapper {
flex-flow: column;
justify-content: space-between;
align-self: stretch;
align-items: flex-start;
display: flex;
}
.c_button-cta_order-diet-circular_wrapper-set {
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
position: relative;
}
.component_button-cta_order-diet {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
transition: background-color .3s, border-color .3s;
display: flex;
}
.component_button-cta_order-diet:hover {
border: 1px solid var(--color-border--c-border-accent-min);
border-radius: var(--var-size--tiny-6);
}
.c_logo-diet_display-small_image-wrapper {
aspect-ratio: 16 / 10;
border-radius: var(--var-size--tiny-6);
object-fit: fill;
flex: none;
justify-content: flex-start;
align-items: flex-end;
height: 5.25rem;
display: flex;
position: relative;
overflow: hidden;
}
.image-8 {
width: 100%;
height: 100%;
position: absolute;
}
.c_logo-diet_display-small_image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
}
.c_logo_diet-display-small_image-aligner {
flex-flow: column;
justify-content: flex-end;
align-self: stretch;
align-items: flex-start;
padding-bottom: .94rem;
display: flex;
}
.c_logo_diet-display-small_component {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 100%;
display: flex;
}
.c_logo-diet_display-small_component {
flex-flow: column;
width: 100%;
height: 100%;
display: flex;
}
.component_logo-diet_display-small {
width: 100%;
height: 100%;
}
.section_s7_s7-diet-choice_menu-insight {
min-height: 100vh;
}
.s7_meal-title {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
align-items: baseline;
display: flex;
}
.s7_calories_primary {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
justify-content: flex-start;
align-items: flex-end;
width: auto;
display: flex;
}
.s7_meal-info_component {
justify-content: space-between;
align-items: flex-end;
width: 100%;
min-height: 1.5rem;
display: flex;
}
.c_button_layout {
border-radius: var(--var-size--tiny-4);
color: var(--color-text-on-base--c-text-on-base-primary);
text-align: center;
justify-content: center;
align-items: center;
height: 2.5rem;
min-height: 2.5rem;
font-weight: 600;
transition: border-color .2s, color .2s cubic-bezier(.77, 0, .175, 1), background-color .2s cubic-bezier(.77, 0, .175, 1), opacity .2s cubic-bezier(.77, 0, .175, 1);
display: flex;
position: relative;
overflow: hidden;
}
.c_button_layout:hover {
border: 1px solid var(--color-border--c-border-accent-min);
}
.c_button_layout-icon {
align-self: center;
width: 40px;
height: 40px;
}
.c_button_layout_base {
width: 100%;
height: 100%;
overflow: hidden;
}
.c_button_layout_border {
border: 1px solid var(--color-border--c-border-inter-min);
border-radius: var(--var-size--tiny-4);
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
overflow: hidden;
}
.c_button_layout_border:hover {
border-color: var(--color-border--c-border-accent-min);
}
.s12_menu_meal-info_component {
flex-flow: column;
justify-content: center;
align-items: center;
height: 5rem;
min-height: 5rem;
display: flex;
position: relative;
}
.s7-menu_diet-logo {
justify-content: flex-end;
align-items: flex-start;
}
.s7-menu_meal-title {
flex-flow: column;
align-items: baseline;
display: flex;
}
.s7-menu_macros_secondary-row {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
display: flex;
}
.s12_menu_meal-info_title-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
width: 100%;
padding-right: 5rem;
display: flex;
}
.s7-menu_me {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
align-items: baseline;
display: flex;
}
.s24_menu_meal-info_icon-align {
justify-content: flex-start;
align-items: flex-end;
padding-bottom: 2px;
display: flex;
}
.s12_menu_meal-info_title {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: auto;
display: flex;
}
.s7-insight_macros_secondary-row {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
display: flex;
}
.s12_menu_meal-infu_content-right {
justify-content: space-between;
align-items: flex-end;
width: 100%;
display: flex;
}
.s7_meal-title_wrapper {
justify-content: space-between;
align-items: flex-end;
display: flex;
}
.com_23_component-copy {
grid-column-gap: 3.5rem;
grid-row-gap: 3.5rem;
flex-flow: column;
display: flex;
}
.art_side-panel_component_benefits-icons {
flex-flow: column;
flex: none;
justify-content: flex-start;
align-items: center;
width: 6rem;
height: 20.5rem;
padding-top: .75rem;
padding-bottom: .75rem;
display: flex;
overflow: hidden;
}
.art_side-panel {
z-index: 15;
flex-flow: column;
flex: none;
justify-content: space-between;
align-items: flex-end;
height: 100%;
padding-bottom: .75rem;
padding-left: 1rem;
padding-right: 1rem;
display: flex;
position: relative;
}
.art_side-panel_component_benefits {
justify-content: flex-end;
align-items: center;
display: flex;
}
.art_side-panel_component_meal-info {
justify-content: flex-end;
align-items: flex-end;
display: flex;
}
.art_side-panel_divider {
flex: none;
width: 1px;
height: 100%;
position: absolute;
inset: 0% 0% 0% auto;
}
.art_image-wrapper {
z-index: 0;
width: 100vh;
height: 100vh;
margin-left: 20.5rem;
position: absolute;
inset: 0%;
}
.art_image {
width: 100%;
height: 100%;
position: absolute;
}
.component_butto-cta_diet {
z-index: 20;
position: relative;
}
.component_diet-logo {
z-index: 120;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.component_button-arrow {
z-index: 120;
flex-flow: column;
flex: none;
justify-content: flex-end;
align-items: center;
display: flex;
position: relative;
}
.art_module-central_divider-left {
opacity: 1;
pointer-events: none;
justify-content: space-between;
align-items: center;
width: 14vh;
display: flex;
position: relative;
}
.art_module-central_divider-right {
opacity: 1;
pointer-events: none;
justify-content: space-between;
align-items: center;
width: 100%;
padding-right: 4rem;
display: flex;
}
.c_button_layout_label-wrapper {
color: var(--color-text--c-text-strong);
flex: none;
padding-top: .5rem;
padding-bottom: .5rem;
}
.c_button_layout_content {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
padding-left: 1rem;
padding-right: 0;
display: flex;
overflow: hidden;
}
.art_module-bottom_left-side {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: row;
justify-content: flex-start;
align-items: flex-end;
padding-bottom: .69rem;
}
.art_module-overlay {
z-index: 5;
background-color: var(--color-base--c-base-glass);
opacity: 1;
width: 100%;
height: 100%;
display: none;
position: absolute;
inset: 0%;
}
.art_module-side_overlay {
z-index: 10;
background-color: var(--color-base--c-base-glass);
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.macros-set_primary {
display: flex;
}
.art_module-overlay-main {
z-index: 5;
opacity: 0;
flex-flow: row;
justify-content: space-between;
align-items: flex-start;
height: 100%;
padding-top: 6vh;
padding-bottom: 6vh;
display: flex;
position: absolute;
}
.art_overlay_central {
z-index: 20;
opacity: 1;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
height: 100%;
display: flex;
position: relative;
}
.art_module-main-central_divider-left {
opacity: 0;
pointer-events: none;
justify-content: space-between;
align-items: center;
width: 14vh;
display: flex;
position: relative;
}
.art_module-main-central_divider-right {
opacity: 0;
pointer-events: none;
justify-content: space-between;
align-items: center;
width: 100%;
padding-right: 4rem;
display: flex;
}
.art_module-overlay-main_mobile {
z-index: 5;
opacity: 1;
flex-flow: row;
justify-content: space-between;
align-items: flex-start;
height: 100%;
padding-top: 6vh;
padding-bottom: 6vh;
display: none;
position: absolute;
}
.art_side-panel_component_benefits_mobile {
justify-content: flex-end;
align-items: center;
display: flex;
}
.art_side-panel_component_benefits-icons-_mobile {
flex-flow: column;
flex: none;
justify-content: flex-start;
align-items: center;
width: 6rem;
height: 20.5rem;
padding-top: .75rem;
padding-bottom: .75rem;
display: flex;
overflow: hidden;
}
.art_side-panel_component_meal-info_mobile {
justify-content: flex-end;
align-items: flex-end;
display: flex;
}
.macros_primary-row_overlay {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
opacity: 1;
width: 100%;
display: flex;
}
.component_button-secondary_overlay {
opacity: 1;
flex: none;
justify-content: flex-start;
align-self: flex-end;
align-items: flex-end;
min-height: 3rem;
}
.component_button-secondary-copy {
opacity: 1;
flex: none;
justify-content: flex-start;
align-self: flex-end;
align-items: flex-end;
min-height: 3rem;
display: flex;
}
.homepage-set_triggers-wrapper {
z-index: 1000;
pointer-events: none;
width: 100%;
display: block;
position: relative;
}
.intro_trigger {
border: 6px solid #992525;
width: 100%;
height: 100vh;
position: relative;
}
.intro_trigger.is-trigger-6 {
height: 500vh;
}
.intro_trigger.is-1 {
position: relative;
}
.intro_trigger.is-2 {
border-color: #0edd53;
position: relative;
}
.intro_trigger.is-3 {
border-color: #de0dde;
position: relative;
}
.intro_trigger.is-4 {
border-color: #d2e505;
position: relative;
}
.intro_scroll-gallery_sticky {
justify-content: center;
align-items: center;
width: 100%;
height: 100svh;
display: flex;
position: sticky;
top: 0;
}
.intro_scroll-gallery_slogan {
text-align: center;
letter-spacing: 0;
text-transform: none;
transform-origin: center;
width: 100%;
font-size: 12vh;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.intro_scroll-gallery_slogan-wrapper_scale {
z-index: 320;
pointer-events: none;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
position: absolute;
inset: 0%;
}
.intro_scroll-gallery_slogan_scale {
pointer-events: none;
text-align: center;
letter-spacing: 1.8px;
text-transform: none;
transform-origin: center;
font-family: ivymode, sans-serif;
font-size: 300vh;
font-style: italic;
font-weight: 300;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.intro_welcome-screen {
z-index: 100;
padding-right: var(--var-size--var-padding--padding-global-small);
padding-left: var(--var-size--var-padding--padding-global-small);
width: 100%;
height: 100svh;
display: block;
position: relative;
}
.intro_sticky-main {
width: 100%;
height: 100vh;
position: sticky;
top: 0;
}
.intro_balans-logotype_scale_wrapper {
color: #9a0367;
transform-origin: bottom;
width: 100vw;
display: none;
position: absolute;
top: 1.5rem;
left: 50%;
transform: translate(-50%, -50%);
box-shadow: 0 2px 5px #0003;
}
.intro_balans-logotype_scale {
text-align: center;
letter-spacing: 2.4px;
transform-origin: bottom;
font-family: termina, sans-serif;
font-size: 15cqw;
font-weight: 600;
line-height: 1.25rem;
}
.intro_balans-logotype_scale.is-balans-scale {
font-size: 18vw;
}
.section_intro--intro-trail {
width: 100%;
height: 100svh;
max-height: 100vh;
display: none;
position: relative;
top: 0;
overflow: hidden;
}
.code_intro-trail {
width: 100%;
height: 100%;
}
.intro-trail_wrapper {
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
}
.section_intro-welcome {
width: 100%;
height: 100vh;
position: relative;
}
.body-3 {
background-color: var(--color-background--c-bg-4);
}
.loader_image-wrapper-full {
z-index: 1;
min-width: 100%;
min-height: 100%;
position: absolute;
}
.loader_images-collection_wrapper {
justify-content: center;
align-items: center;
width: 100%;
height: 100svh;
max-height: 100svh;
display: flex;
position: absolute;
inset: 0%;
overflow: hidden;
}
.loader_images-collection {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.absolute_intro_balans-world-wrapper {
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.intro_balans-world-underneath {
width: 100%;
height: 100%;
display: block;
position: relative;
}
.section_intro-slider {
width: 100vw;
height: 1000vh;
position: relative;
}
.intro-slider_slider {
width: 100%;
height: 100vh;
position: sticky;
top: 0;
}
.intro-slider_slider-lwrapper {
justify-content: space-around;
align-items: center;
width: 1200%;
height: 100vh;
display: flex;
position: fixed;
top: 0;
left: 0;
}
.intro-slider_slider-item {
border-radius: 1rem;
flex-direction: column-reverse;
width: 600px;
height: 50vh;
display: flex;
position: relative;
overflow: hidden;
}
.image-9 {
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.intro-slider_slider-image {
object-fit: cover;
}
.body-slider {
height: 1000vh;
}
.section_homepage-scroll {
width: 100%;
display: block;
position: relative;
}
.u-divider-0-5_vertical-2 {
background-color: #9d470b;
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: .5px;
height: 100%;
display: flex;
overflow: visible;
}
.is-header-title-2 {
color: #c85d12;
padding-top: 2px;
}
.c_button_ui_reversed-2 {
text-align: center;
border-radius: .25rem;
justify-content: center;
align-items: center;
font-weight: 600;
transition-property: border-color, color, background-color, opacity;
transition-duration: .2s, .2s, .2s, .2s;
transition-timing-function: ease, cubic-bezier(.77, 0, .175, 1), cubic-bezier(.77, 0, .175, 1), cubic-bezier(.77, 0, .175, 1);
display: flex;
position: relative;
overflow: hidden;
transform: scaleX(-1);
}
.c_button_ui_reversed-2:hover {
border: 1px solid #c85d12;
}
.c_el_menu_day-picker-2 {
grid-column-gap: .375rem;
grid-row-gap: .375rem;
color: #464239;
border: 1px solid #e0d6c4;
border-radius: .25rem;
justify-content: flex-start;
align-items: center;
height: 2rem;
padding-left: .75rem;
padding-right: .75rem;
display: inline-flex;
}
.c_el_menu_day-picker-2.is-active {
border-color: #c85d12;
}
.s2_module-bottom_day-picker_wrapper-2 {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
justify-content: center;
align-items: flex-end;
padding-bottom: 1.75rem;
display: flex;
}
.component_counter-index-2 {
color: #464239;
}
.f-label-tiny-2 {
color: #464239;
letter-spacing: .32px;
text-transform: uppercase;
padding-left: .13rem;
font-family: Geist, sans-serif;
font-size: .5rem;
font-weight: 400;
line-height: 1rem;
}
.f-label-tiny-2.text-weight-bold {
position: relative;
}
.u-divider-0-5-2 {
color: #464239;
background-color: #464239;
flex: 100%;
height: .5px;
position: relative;
}
.u-icon-20-2 {
color: #847c6c;
width: 1.25rem;
height: 1.25rem;
position: relative;
bottom: 5%;
}
.design-area-3 {
grid-column-gap: 30rem;
grid-row-gap: 30rem;
background-color: #e7e0d2;
flex-flow: row;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 100%;
min-height: 200svh;
display: flex;
}
.u-divider-1-vertical-2 {
background-color: #9d470b;
width: 1px;
height: 100%;
}
.c_typo_header_title-2 {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
color: #9d470b;
justify-content: space-between;
align-items: baseline;
width: 100%;
height: 1.5rem;
display: flex;
}
.c_button_layout_border-2 {
border: 1px solid #847c6c;
border-radius: .25rem;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
overflow: hidden;
}
.c_button_layout_border-2:hover {
border-color: #c85d12;
}
.c_button_ui-2 {
text-align: center;
border-radius: .25rem;
justify-content: center;
align-items: center;
font-weight: 600;
transition: border-color .2s, color .2s cubic-bezier(.77, 0, .175, 1), background-color .2s cubic-bezier(.77, 0, .175, 1), opacity .2s cubic-bezier(.77, 0, .175, 1);
display: flex;
position: relative;
overflow: hidden;
}
.c_button_ui-2:hover {
border: 1px solid #c85d12;
}
.section_s2_s2-menu-tygodniowe-2 {
background-color: #f7f5f1;
width: 100%;
min-height: 100vh;
position: relative;
}
.u-divider-1-2 {
background-color: #9d470b;
width: 10vw;
height: 1px;
position: relative;
}
.component_balans-code-embed {
pointer-events: none;
position: fixed;
}
.s2_slider_meal_title_primary_icon-align {
justify-content: flex-start;
align-self: stretch;
align-items: flex-end;
display: flex;
}
.s2_slider_meal_title_primary_icon-align.is-single-line {
padding-bottom: 0;
}
.c_typo_header-menu {
width: 1.5rem;
height: 100%;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.c_header-title_component {
justify-content: space-between;
align-items: center;
width: 100%;
height: 4.75rem;
display: flex;
}
.c_header_title-vertical_component {
justify-content: space-between;
align-items: center;
width: 100%;
height: 4rem;
display: flex;
}
.c_header_title_component-set {
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex;
}
.c_typo_header_title-vertical {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.c_typo_header-title-vertical_part-left {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.c_typo_header_title-vertical-right {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 100%;
padding-left: 2rem;
display: flex;
}
.c_typo_header-title_aligner {
height: 100%;
}
.s2_macros_secondary-row_mobile {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
display: flex;
}
.b_macros_block_info-meal {
z-index: 100;
justify-content: flex-start;
align-items: center;
width: 100%;
transition: opacity .2s;
display: flex;
position: relative;
}
.b_macros_block_info-meal.is-menu-list {
width: 4.5rem;
}
.b_macros_block_info-meal.is-menu-list:hover {
display: none;
}
.com-22-x-small_component {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
display: flex;
overflow: hidden;
}
.s2_menu-list_overline_meal-info-wrapper_mobile {
width: 100%;
display: flex;
overflow: hidden;
}
.c_typo_header-title_c--diet-logo-vertical {
justify-content: center;
align-items: center;
width: 100%;
display: flex;
transform: translate(0, 19%);
}
.c_typo_header-menu--vertical {
width: 1.5rem;
height: 100%;
position: absolute;
top: 60%;
left: 50%;
}
.c_typo_header-title-vertical_icon-menu-wrapper {
position: absolute;
inset: 0%;
}
.s2_module-date_date-from-wrapper, .s2_module-date_date-until-wrapper {
grid-column-gap: .2rem;
grid-row-gap: .2rem;
display: flex;
}
.s2_button_meal-details {
flex: none;
display: none;
}
.s2_button_order-diet {
z-index: 1200;
pointer-events: auto;
flex: none;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.s2_module-bottom_info-panel {
grid-column-gap: .38rem;
grid-row-gap: .38rem;
flex-flow: column;
width: 100%;
padding-right: 4.5rem;
display: flex;
}
.module-bottom_button-arrow {
z-index: 2000;
border-radius: var(--var-size--tiny-6);
background-color: var(--color-base--b-base);
pointer-events: auto;
cursor: pointer;
flex: none;
justify-content: flex-end;
align-items: center;
width: 4.25rem;
height: 4.25rem;
display: flex;
position: absolute;
inset: 0% 0% auto auto;
}
.s2_flip_full-screen_container {
width: 100%;
height: 100%;
}
.s2_overlay_full-screen {
z-index: 100;
padding: var(--var-size--var-padding--padding-ui-small);
pointer-events: none;
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.s2_slide_container {
width: 100%;
height: 100%;
}
.s2_component_visual {
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.c_button_ui-3 {
text-align: center;
border-radius: .25rem;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
font-weight: 600;
transition: border-color .2s, color .2s cubic-bezier(.77, 0, .175, 1), background-color .2s cubic-bezier(.77, 0, .175, 1), opacity .2s cubic-bezier(.77, 0, .175, 1);
display: flex;
position: relative;
overflow: hidden;
}
.c_button_ui-3:hover {
border: 1px solid #c85d12;
}
.c_tag_meal-type_medium-2 {
grid-column-gap: .375rem;
grid-row-gap: .375rem;
background-color: #27241e;
border: 1px solid #e0d6c4;
border-radius: .25rem;
flex-flow: row;
justify-content: center;
align-items: center;
height: 1.75rem;
padding: .375rem;
display: flex;
}
.s2_module_day-2 {
background-color: #2fff00cc;
border-radius: .375rem;
justify-content: space-between;
align-items: center;
width: 100%;
min-height: 2.25rem;
padding-left: .25rem;
padding-right: 1rem;
display: flex;
}
.c_button_magnetic-arrow-large_ring-2-2 {
border: 1px solid #c85d12;
border-radius: 5000px;
width: 15rem;
height: 15rem;
position: absolute;
inset: 50% 0% 0% 50%;
transform: translate(-50%, -50%);
}
.s2_slide_module-bottom_panel-2 {
background-color: #2fff00cc;
border-radius: .375rem;
justify-content: center;
align-items: center;
width: 100%;
height: 4.25rem;
padding-left: 2rem;
padding-right: 2rem;
display: flex;
}
.c_button_ui_reversed-3 {
text-align: center;
border-radius: .25rem;
justify-content: center;
align-items: center;
font-weight: 600;
transition-property: border-color, color, background-color, opacity;
transition-duration: .2s, .2s, .2s, .2s;
transition-timing-function: ease, cubic-bezier(.77, 0, .175, 1), cubic-bezier(.77, 0, .175, 1), cubic-bezier(.77, 0, .175, 1);
display: flex;
position: relative;
overflow: hidden;
transform: scaleX(-1);
}
.c_button_ui_reversed-3:hover {
border: 1px solid #c85d12;
}
.c-button_magnetic-arrow-medium-ring-2-3 {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border: 2px solid #faf8f5;
border-radius: 5000px;
width: 6.5rem;
height: 6.5rem;
position: absolute;
}
.c-button_magnetic-arrow-medium-ring-1-3 {
border: 1px solid #c85d12;
border-radius: 5000px;
width: 6rem;
height: 6rem;
position: absolute;
}
.u-icon-20-3 {
color: #847c6c;
width: 1.25rem;
height: 1.25rem;
position: relative;
bottom: 5%;
}
.c-button_magnetic-arrow-large-ring-central-2 {
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background-color: #27241e;
border-radius: 5000px;
width: 9rem;
height: 9rem;
position: absolute;
inset: 50% 0% 0% 50%;
transform: translate(-50%, -50%);
}
.c-button_magnetic-arrow-medium-ring-central-3 {
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background-color: #27241e;
border-radius: 5000px;
width: 5.5rem;
height: 5.5rem;
position: absolute;
}
.component_tag_meal-info-2 {
flex: none;
}
.c-visual_overlay-full-2 {
background-color: #0d0b08;
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.c_tag_meal-info_medium-2 {
grid-column-gap: .38rem;
grid-row-gap: .38rem;
color: #464239;
background-color: #27241e;
border-radius: .25rem;
flex: none;
justify-content: flex-start;
align-items: center;
height: 2rem;
padding-left: .375rem;
padding-right: .375rem;
display: flex;
}
.c_tag_meal-type_component-2 {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
border-radius: .25rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.c_tag_benefit-2 {
background-color: #27241e;
border-radius: .25rem;
justify-content: center;
align-items: center;
height: 1.75rem;
padding-left: .75rem;
padding-right: .75rem;
display: flex;
}
.c-button_magnetic-arrow-medium-ring-3-3 {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border: 6px solid #faf8f5;
border-radius: 5000px;
width: 9rem;
height: 9rem;
position: absolute;
}
.module-bottom_button-arrow-2 {
background-color: #27241e;
border-radius: .375rem;
flex: none;
width: 4.25rem;
height: 4.25rem;
}
.com-22_component-2 {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
display: flex;
overflow: hidden;
}
.c_button_magnetic-arrow-large_ring-1-2 {
border: 8px solid #faf8f5;
border-radius: 5000px;
width: 11.5rem;
height: 11.5rem;
position: absolute;
inset: 50% 0% 0% 50%;
transform: translate(-50%, -50%);
}
.c_tag_general-2 {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
background-color: #27241e;
border-radius: .25rem;
justify-content: flex-start;
align-items: center;
height: 1.75rem;
padding-left: .75rem;
padding-right: .75rem;
display: flex;
}
.c-visual-2 {
object-fit: cover;
background-color: #f7f5f1;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.ui_header-title_container {
z-index: 300;
justify-content: flex-end;
align-items: flex-end;
width: 5.5rem;
height: 100vh;
display: block;
position: absolute;
}
.ui_menu-change_container {
z-index: 200;
background-color: var(--color-base--c-base-glass);
width: 100vw;
height: 100vh;
position: absolute;
transform: translate(-100%);
}
.component_button-arrow-up-left {
flex: none;
width: 4.25rem;
height: 4.25rem;
display: flex;
}
.component_module-counter_button-arrow-down-left {
z-index: 200;
flex: none;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.s2_menu-list_info-panel_mobile {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
width: 100%;
height: 4rem;
display: none;
}
.s2_slider_meal-info {
width: 100%;
}
.s2_slide_module_counter {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: flex-end;
align-items: flex-end;
width: 100%;
height: 4.25rem;
display: flex;
}
.s2_slide_module_aligner {
width: 100%;
height: 4.25rem;
}
.module-counter_button-arrow {
border-radius: var(--var-size--tiny-6);
background-color: var(--color-base--b-base);
flex: none;
justify-content: flex-end;
align-items: center;
width: 2.5rem;
height: 2.5rem;
display: none;
}
.component_module-bottom_button-arrow-down-left {
flex-flow: column;
flex: none;
width: 4.25rem;
height: 4.25rem;
display: flex;
}
.macros_secondary_set {
justify-content: flex-start;
align-items: flex-end;
width: 100%;
display: flex;
}
.s2_menu-list_divider_mobile {
background-color: var(--color-border--c-border-decor-strong);
width: 100%;
}
.s2_mobile_ui {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
display: flex;
}
.u-icon-64-40 {
width: 4rem;
height: 2.5rem;
transition: border .2s, opacity .2s;
}
.u-icon-64-40:hover {
border: 1px solid var(--color-border--c-border-accent-min);
border-radius: var(--var-size--tiny-6);
}
.s2_module-navigation_logo-diet {
padding-top: .5rem;
}
.s2_module-navigation_diet-change_mobile {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
display: flex;
position: relative;
}
.s2_module-navigation_menu-dots {
justify-content: center;
align-items: center;
width: 1.5rem;
height: 100%;
display: flex;
position: relative;
}
.is-100vh {
height: 100svh;
max-height: 100svh;
}
.component_meal-type-_list {
transition: opacity .2s;
display: flex;
}
.c_button_ui-4 {
text-align: center;
border-radius: .25rem;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
font-weight: 600;
transition: border-color .2s, color .2s cubic-bezier(.77, 0, .175, 1), background-color .2s cubic-bezier(.77, 0, .175, 1), opacity .2s cubic-bezier(.77, 0, .175, 1);
display: flex;
position: relative;
overflow: hidden;
}
.c_button_ui-4:hover {
border: 1px solid #c85d12;
}
.c_tag_meal-type_medium-3 {
grid-column-gap: .375rem;
grid-row-gap: .375rem;
background-color: #27241e;
border: 1px solid #e0d6c4;
border-radius: .25rem;
flex-flow: row;
justify-content: center;
align-items: center;
height: 1.75rem;
padding: .375rem;
display: flex;
}
.u-divider-0-5_vertical-3 {
background-color: #9d470b;
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: .5px;
height: 100%;
display: flex;
overflow: visible;
}
.s2_slide_module-bottom_panel-3 {
background-color: #2fff00cc;
border-radius: .375rem;
justify-content: center;
align-items: center;
width: 100%;
height: 4.25rem;
padding-left: 2rem;
padding-right: 2rem;
display: flex;
}
.c_button_ui_reversed-4 {
text-align: center;
border-radius: .25rem;
justify-content: center;
align-items: center;
font-weight: 600;
transition-property: border-color, color, background-color, opacity;
transition-duration: .2s, .2s, .2s, .2s;
transition-timing-function: ease, cubic-bezier(.77, 0, .175, 1), cubic-bezier(.77, 0, .175, 1), cubic-bezier(.77, 0, .175, 1);
display: flex;
position: relative;
overflow: hidden;
transform: scaleX(-1);
}
.c_button_ui_reversed-4:hover {
border: 1px solid #c85d12;
}
.s2_slide_module_day-2 {
background-color: #2fff00cc;
border-radius: .375rem;
justify-content: space-between;
align-items: center;
width: 100%;
min-height: 2.25rem;
padding-left: .25rem;
padding-right: 1rem;
display: flex;
}
.c-button_magnetic-arrow-medium-ring-2-4 {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border: 2px solid #faf8f5;
border-radius: 5000px;
width: 6.5rem;
height: 6.5rem;
position: absolute;
}
.c-button_magnetic-arrow-medium-ring-1-4 {
border: 1px solid #c85d12;
border-radius: 5000px;
width: 6rem;
height: 6rem;
position: absolute;
}
.s2_slider-image_slide-2 {
background-color: #f7f5f1;
width: 100%;
height: 100vh;
display: flex;
position: relative;
}
.u-divider-0-5-3 {
color: #464239;
background-color: #464239;
flex: 100%;
height: .5px;
position: relative;
}
.component_counter-index-3 {
color: #464239;
background-color: #2fff00cc;
border-radius: .375rem;
padding: .5rem 1rem;
position: relative;
}
.module-counter_button-arrow-2 {
background-color: #27241e;
border-radius: .375rem;
flex: none;
justify-content: flex-end;
align-items: center;
width: 2.5rem;
height: 2.5rem;
display: none;
}
.module-bottom_button-arrow-3 {
background-color: #27241e;
border-radius: .375rem;
flex: none;
width: 4.25rem;
height: 4.25rem;
display: flex;
}
.c_tag_meal-info_medium-3 {
grid-column-gap: .38rem;
grid-row-gap: .38rem;
color: #464239;
background-color: #27241e;
border-radius: .25rem;
flex: none;
justify-content: flex-start;
align-items: center;
height: 2rem;
padding-left: .375rem;
padding-right: .375rem;
display: flex;
}
.c_tag_meal-type_component-3 {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
border-radius: .25rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.c_tag_benefit-3 {
background-color: #27241e;
border-radius: .25rem;
justify-content: center;
align-items: center;
height: 1.75rem;
padding-left: .75rem;
padding-right: .75rem;
display: flex;
}
.c-button_magnetic-arrow-medium-ring-3-4 {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border: 6px solid #faf8f5;
border-radius: 5000px;
width: 9rem;
height: 9rem;
position: absolute;
}
.u-divider-1-vertical-3 {
background-color: #9d470b;
width: 1px;
height: 100%;
}
.c-visual-3 {
object-fit: cover;
background-color: #f7f5f1;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.u-divider-1-3 {
background-color: #9d470b;
width: 10vw;
height: 1px;
position: relative;
}
.c_typo_header-vertical_menu-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.c_typo_header-title-vertical_part-right {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding-left: 2rem;
display: flex;
}
.component_ui-header-title-vertical {
flex: none;
width: 100%;
height: 100%;
}
.visual_container {
background-color: var(--color-background--c-bg-2);
justify-content: flex-start;
align-items: flex-start;
width: 100%;
min-height: 100svh;
display: flex;
}
.visual_sample {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 50%;
padding: 2rem;
display: flex;
}
.visual_image-wrapper {
justify-content: center;
align-items: center;
width: 100%;
height: 40vh;
display: flex;
position: relative;
}
.visual_image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
}
.visual_component {
justify-content: center;
align-items: center;
width: 100%;
height: 50vh;
display: flex;
position: relative;
}
.visual_container-color {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
display: flex;
}
.visual_base-subtle {
background-color: var(--color-base--c-base-subtle);
width: 100%;
height: 400px;
position: relative;
}
.visual_base-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
}
.visual_b-base-decor {
background-color: var(--color-base--b-base-decor);
width: 100%;
height: 400px;
position: relative;
}
.visual_base-glass {
background-color: var(--color-base--c-base-glass);
width: 100%;
height: 400px;
position: relative;
}
.visual_background {
background-color: var(--color-background--c-bg-3);
justify-content: center;
align-items: center;
width: 100%;
height: 40vh;
display: flex;
}
.visual_b-base {
background-color: var(--color-base--b-base);
width: 100%;
height: 400px;
position: relative;
}
.div-block-46 {
background-color: var(--swatches--alpha--alpha-white-5);
width: 400px;
height: 400px;
}
.swiper-app {
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.section_swiper-gl-test {
background-color: var(--color-background--c-bg-2);
width: 100%;
height: 100svh;
position: relative;
}
.image-10 {
object-fit: cover;
position: absolute;
inset: 0%;
}
.swiper-gl-test-image {
width: 100%;
height: 100%;
}
.s2_slider-mobile_overlay {
z-index: 50000;
pointer-events: none;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0%;
}
.overlay_full {
z-index: 1000;
background-color: var(--color-background--color-visual--overlay);
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.s2_overlay-overlay-layer {
background-color: #000000c9;
width: 100%;
height: 100%;
display: none;
position: absolute;
}
.c-element_dot-solid-large-outline-content-2 {
border: .5px solid #9d470b;
border-radius: 1000px;
flex: none;
width: .5rem;
height: .5rem;
}
.u-divider-0-5_vertical-4 {
background-color: #9d470b;
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: .5px;
height: 100%;
display: flex;
overflow: visible;
}
.c_button_social-media-2 {
border: 2px dashed #faf8f5;
border-radius: 5000px;
justify-content: center;
align-items: center;
width: 2rem;
height: 2rem;
display: flex;
}
.c-element_slogan-2 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
color: #9d470b;
flex-flow: row;
justify-content: space-between;
align-items: baseline;
width: 100%;
display: flex;
}
.c-element_dot-solid-large-outline-2 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
color: #9d470b;
flex-flow: row;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex;
}
.c-element_dot-solid-small-content-2 {
background-color: #9d470b;
border-radius: 1000px;
width: .25rem;
height: .25rem;
}
.c_button_primary_base-2 {
width: 100%;
height: 100%;
overflow: hidden;
}
.c_button_primary_base-2:hover {
background-color: #c85d12;
}
.c_button_social-media_ring-1-2 {
border: .5px solid #faf8f5;
border-radius: 5000px;
justify-content: center;
align-items: center;
width: 1.5em;
height: 1.5em;
display: flex;
}
.c_element_dot-solid-large-2 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
color: #9d470b;
flex-flow: row;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex;
}
.c_ui-main_nav_top-2 {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background-color: #2fff00cc;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 4rem;
display: flex;
position: relative;
}
.c_ui-main_nav-bottom_base-2 {
background-color: var(--color-base--c-base-glass);
width: 100%;
height: 100%;
}
.u-divider-0-5-4 {
color: #464239;
background-color: #464239;
flex: 100%;
height: .5px;
position: relative;
}
.c_button_primary-2 {
color: #c5b9a2;
text-align: center;
background-color: #27241e;
border-radius: .25rem;
flex: none;
justify-content: center;
align-items: center;
height: 3rem;
min-height: 3rem;
font-weight: 600;
transition: color .2s cubic-bezier(.77, 0, .175, 1), background-color .2s cubic-bezier(.77, 0, .175, 1), opacity .2s cubic-bezier(.77, 0, .175, 1);
display: flex;
position: relative;
overflow: hidden;
}
.c_button_primary-2:hover {
color: #f7f5f1;
background-color: #c85d12;
}
.c_button_primary_border-2 {
border: 1px solid #847c6c;
border-radius: .25rem;
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
}
.c-element_dot-solid-small-2 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
color: #9d470b;
flex-flow: row;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex;
}
.u-padding-ui-small-2 {
width: 100%;
height: 100%;
padding: .75rem;
position: static;
}
.u-divider-1-vertical-4 {
background-color: #9d470b;
width: 1px;
height: 100%;
}
.c-visual_overlay-full-3 {
z-index: 1000;
background-color: #0d0b08;
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.c-visual-4 {
object-fit: cover;
background-color: #f7f5f1;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.u-divider-1-4 {
background-color: #9d470b;
width: 10vw;
height: 1px;
position: relative;
}
.c-element_dot-solid-large-content-2 {
background-color: #c85d12;
border-radius: 1000px;
flex: none;
width: .5rem;
height: .5rem;
}
.ui-main {
pointer-events: none;
width: 100%;
height: 100svh;
padding-top: 100vh;
position: absolute;
inset: 0%;
}
.intro_trigger-scale {
border: 20px solid #0004ff;
width: 100%;
height: 100vh;
position: relative;
}
.intro_trigger-scale.is-trigger-6 {
height: 500vh;
}
.homepage_container {
width: 100%;
height: 100%;
position: relative;
}
.absolute_intro_loader_container {
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.intro_holder {
width: 100%;
position: relative;
}
.section_visual-component {
min-height: 200svh;
}
.section_transition--gallery-1 {
width: 100%;
display: block;
}
.t1_gallery-wrap {
background-color: #e3c4c4;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
margin: 40vh auto;
display: flex;
position: relative;
overflow: hidden;
}
.t1_gallery-row {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
background-color: #356186;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.t1_gallery-item.is-small {
aspect-ratio: 2 / 3;
background-image: url("https://cdn.prod.website-files.com/6782f3a35b0f5cc9f286e5b8/6782f3a35b0f5cc9f286e695_transition-1_01.avif");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.t1_gallery-item.is-medium {
aspect-ratio: 2 / 3;
background-image: url("https://cdn.prod.website-files.com/6782f3a35b0f5cc9f286e5b8/6782f3a35b0f5cc9f286e698_transition-1_02.avif");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.t1_gallery-item.is-large {
aspect-ratio: 2 / 3;
background-image: url("https://cdn.prod.website-files.com/6782f3a35b0f5cc9f286e5b8/6782f3a35b0f5cc9f286e691_transition-1_03.avif");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.t1_gallery-item.is-x-large {
z-index: 100;
aspect-ratio: 2 / 3;
width: auto;
height: 75vh;
position: relative;
}
.t1_gallery-item.is-x-large.is-item-center {
background-image: url("https://cdn.prod.website-files.com/6782f3a35b0f5cc9f286e5b8/6782f3a35b0f5cc9f286e694_transition-1_04.avif");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.section_transition_t-2--grid-1 {
z-index: 0;
background-color: var(--color-background--c-bg-4);
width: 100%;
display: block;
position: relative;
}
.t-2_height-track {
width: 100%;
height: 400vh;
position: relative;
}
.t-2_sticky-wrapper {
justify-content: center;
align-items: center;
width: 100%;
height: 100dvh;
display: flex;
position: sticky;
top: 0;
overflow: hidden;
}
.section_last {
width: 100%;
min-width: 100%;
min-height: 100vh;
position: relative;
}
.t-2_grid {
grid-column-gap: .5vw;
grid-row-gap: .5vh;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-items: center;
width: 100%;
height: 100%;
display: grid;
position: relative;
}
.t-2_grid.is-flip-final {
grid-column-gap: 0vw;
grid-row-gap: 0vh;
width: 106%;
height: 104%;
transform: translate(-100vw, -100vh);
}
.t-2_grid-item {
border-radius: var(--var-size--small);
width: 33vw;
height: 33vh;
position: relative;
overflow: hidden;
}
.t-2_grid-item.is-flip-final {
border-radius: 0;
width: 102vw;
height: 105vh;
}
.t-2_grid-image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.t-2_text-wrapper {
z-index: 500;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding-bottom: .75rem;
display: flex;
position: relative;
inset: 0%;
}
.section_s4_s4--gallery-parallax {
width: 100%;
display: block;
position: relative;
}
.s4_item {
z-index: 2;
justify-content: center;
align-items: center;
width: 100%;
height: 100dvh;
display: flex;
position: absolute;
overflow: clip;
}
.s4_title_container {
z-index: 2;
position: relative;
}
.s4_image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.s4_collection-list {
width: 100%;
height: 100%;
position: relative;
}
.s4_collection-wrapper {
width: 100%;
height: 100dvh;
position: relative;
}
.heading-10 {
position: relative;
}
.u-padding-global-small-absolute {
z-index: 500;
padding-right: var(--var-size--var-padding--padding-global-large);
padding-left: var(--var-size--var-padding--padding-global-large);
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.s4_container-pinned {
width: 100%;
height: 100dvh;
}
.list {
height: 100%;
position: relative;
}
.page-padding-2 {
padding-left: 5vw;
padding-right: 5vw;
}
.item {
position: absolute;
inset: 0%;
overflow: clip;
}
.wrapper {
height: 100vh;
}
.main-wrapper-2 {
margin-top: 100vh;
display: block;
}
.h2 {
margin-bottom: 1rem;
}
.img {
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.heading-11 {
padding-bottom: 2rem;
padding-right: 2rem;
position: absolute;
inset: auto 0% 0% auto;
}
.section_s12--choice-insight {
background-color: var(--color-background--c-bg-2);
width: 100%;
height: 500dvh;
min-height: 100dvh;
position: relative;
}
.s12_collection-visual_wrapper, .s12_lcollection-visual_ist {
width: 100%;
position: relative;
}
.s12_collection-visual_item {
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.s12_visual {
z-index: 2;
background-color: #637ec2;
width: 100%;
height: 100dvh;
position: absolute;
inset: 0%;
}
.s12_image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.s12_image.is-active {
opacity: 1;
transform: scale(1);
}
.s12_image-wrapper {
z-index: 100;
aspect-ratio: 10 / 16;
border-radius: var(--var-size--small);
pointer-events: auto;
align-self: flex-start;
height: 70vh;
position: relative;
left: 0%;
overflow: hidden;
}
.s12_image-container {
pointer-events: auto;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.s12_visual-wrapper {
width: 100%;
height: 100%;
position: relative;
}
.s12_collection-visual {
z-index: 100;
pointer-events: none;
width: 100%;
height: 100dvh;
position: relative;
}
.u-grid-full-16-24-padding {
padding-right: var(--var-size--var-padding--padding-global-small);
padding-left: var(--var-size--var-padding--padding-global-small);
grid-column-gap: 1.5rem;
grid-row-gap: 0px;
grid-template: ". . . . . . . . . . . . . . ." 10svh
". . . . . . . . . . . . . . ." 10svh
". . . . . . . . . . . . . . ." 10svh
". . . . . . . . . . . . . . ." 10svh
". sh-content-overline-left sh-content-overline-left sh-content-overline-left sh-content-overline-left . . . . . . sh-content-overline-right sh-content-overline-right sh-content-overline-right sh-content-overline-right" 10svh
". sh-heading sh-heading sh-heading sh-heading . . . . . . sh-video-component sh-video-component sh-video-component sh-video-component" 10svh
". sh-heading sh-heading sh-heading sh-heading . . . . . . sh-video-component sh-video-component sh-video-component sh-video-component" 10svh
". sh-content-paragraph sh-content-paragraph sh-content-paragraph sh-content-paragraph . . . . . . . . . ." 10svh
". sh-content-paragraph sh-content-paragraph sh-content-paragraph sh-content-paragraph . . . . . . . . . ." 10svh
". . . . . . . . . . . . . . ." 10svh
/ minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
grid-auto-columns: minmax(0, .25fr);
place-items: center;
width: 100%;
height: 100%;
display: grid;
}
.s12_collection-items {
width: 100%;
position: absolute;
inset: 0% 0% auto;
}
.s12_collection-items_wrapper {
width: 100%;
}
.s12_collection-items_ist {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 60vh;
display: flex;
}
.s12_collection-items_item {
width: 100%;
transition: color .9s;
}
.layout-grid-16-24-100-padding {
padding-right: var(--var-size--var-padding--padding-global-small);
padding-left: var(--var-size--var-padding--padding-global-small);
grid-column-gap: 1.5rem;
grid-row-gap: 0px;
grid-template: "." 10svh
"." 10svh
"." 10svh
"." 10svh
"." 10svh
"." 10svh
"." 10svh
"." 10svh
"." 10svh
"." 10svh
/ minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
grid-auto-columns: minmax(0, .25fr);
place-items: center;
width: 100%;
height: 100%;
display: grid;
}
.s12_menu_meal-info_bg {
width: 100%;
height: 0%;
transition: height .4s;
position: absolute;
inset: 0%;
}
.s12_menu_meal-info_bg.is-active {
background-color: var(--color-base--c-base-subtle-max);
}
.s12_menu_meal-info_content {
z-index: 2;
width: 100%;
height: 3rem;
position: relative;
}
.section_hover-list {
width: 100%;
height: 100dvh;
min-height: 100dvh;
position: relative;
}
.hover-list_collection-visual {
z-index: 100;
pointer-events: none;
width: 100%;
height: 100dvh;
position: sticky;
top: 0;
}
.hover-list_collection-items {
width: 100%;
position: absolute;
inset: 0% 0% auto;
}
.hover-list_collection-visual_wrapper, .hover-list_lcollection-visual_ist {
width: 100%;
position: relative;
}
.hover-list_collection-items_wrapper {
width: 100%;
}
.hover-list_collection-items_ist {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.hover-list_collection-items_item {
width: 100%;
transition: color .9s;
}
.hover-list_menu_meal-info_component {
flex-flow: column;
justify-content: center;
align-items: center;
height: 5rem;
min-height: 5rem;
display: flex;
position: relative;
}
.hover-list_menu_meal-info_content {
z-index: 2;
width: 100%;
position: relative;
}
.hover-list_menu_meal-info_bg {
background-color: #9ec21c;
width: 100%;
height: 0%;
transition: height .4s;
position: absolute;
inset: 0%;
}
.hover-list_collection-visual_item {
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.hover-list_image-container {
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.hover-list_image-wrapper {
z-index: 100;
aspect-ratio: 10 / 16;
pointer-events: auto;
height: 70vh;
position: relative;
left: 0%;
}
.hover-list_image {
opacity: 0;
object-fit: cover;
width: 100%;
height: 100%;
transition: all .4s cubic-bezier(.77, 0, .175, 1);
position: absolute;
inset: 0%;
transform: scale(.8);
}
.hover-list_image.is-active {
opacity: 1;
transform: scale(1);
}
.macros-set_secondary {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
justify-content: flex-start;
align-items: flex-end;
display: flex;
}
.s12_image-overlay_wrapper {
z-index: 120;
flex-flow: column;
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
padding-top: 1rem;
padding-bottom: 1rem;
display: flex;
position: relative;
inset: 0%;
}
.s12_visual_overlay_radial {
z-index: 120;
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.s12_image-overlay_aligner {
z-index: 120;
width: 100%;
position: relative;
}
.s12_menu_meal-info_diet-logo {
width: 100%;
height: 100%;
}
.s12_menu_meal-info_macros_secondary-row {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
display: flex;
}
.section_meals_m15 {
width: 100%;
display: block;
position: relative;
}
.layout-grid-split {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 50% 50%;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: grid;
position: relative;
}
.m15_module-image_container--sticky {
justify-content: center;
align-items: center;
width: 100%;
height: 100dvh;
display: flex;
position: sticky;
top: 0;
}
.s20_collection-wrapper {
width: 100%;
height: 100%;
}
.s20_collection-list {
width: 100%;
height: 100%;
position: relative;
}
.s20_collection-item {
aspect-ratio: 3 / 4;
width: 100%;
max-width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.s20_image {
opacity: 0;
object-fit: cover;
width: 100%;
height: 100%;
transition: opacity .3s;
}
.s20_image.is-active {
opacity: 1;
}
.m15_module-content {
width: 100%;
padding-top: 200vh;
padding-bottom: 2.5rem;
}
.layout-grid_16-24_half-right-padding {
padding-right: var(--var-size--var-padding--padding-global-small);
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto auto auto auto auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
padding-left: .75rem;
display: grid;
}
.m15_module-content_wrapper {
width: 100%;
}
.s20_typo_component {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
opacity: .2;
flex-flow: column;
max-width: 60ch;
padding-top: 5rem;
padding-bottom: 5rem;
transition: opacity .3s;
display: flex;
}
.s20_typo_component.is-active {
opacity: 1;
}
.page_code_wrap-copy {
z-index: 10;
justify-content: flex-start;
align-self: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.page_code_wrap-copy.is-flex-start {
pointer-events: auto;
flex: none;
justify-content: flex-start;
align-items: stretch;
width: 100%;
height: 100%;
}
.page_code_wrap-copy.is-center {
pointer-events: auto;
justify-content: center;
align-items: stretch;
width: auto;
height: auto;
}
.page_code_wrap-copy.is-left-align {
justify-content: flex-start;
align-items: flex-end;
}
.page_code_wrap-copy.is-center-copy {
pointer-events: auto;
justify-content: center;
align-items: stretch;
width: auto;
height: auto;
}
.page_code_wrap-copy.is-auto {
width: auto;
}
.s20_typo_component_image-wrapper {
aspect-ratio: 1;
width: 100%;
display: none;
position: relative;
}
.s20_typo_component_image {
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.section_empty {
display: none;
}
.s8_header_diet-insight {
background-color: var(--color-base--c-base-glass);
justify-content: space-between;
align-items: flex-end;
width: 100%;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.c_logo-diet_display-small_component-copy {
flex-flow: column;
width: 100%;
display: flex;
}
.component_diet-logo_tiny {
width: auto;
}
.header-diet_stripe-bottom {
flex: 0 auto;
justify-content: space-between;
align-items: center;
width: 100%;
height: 3.25rem;
margin-top: -10px;
display: flex;
}
.header-diet_cta {
z-index: 10;
pointer-events: auto;
cursor: pointer;
position: relative;
}
.header-diet_left {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: 100%;
padding-bottom: 1rem;
display: flex;
}
.f-diet-h1 {
letter-spacing: -1.36px;
font-family: termina, sans-serif;
font-size: 4.25rem;
font-weight: 400;
line-height: 4.5rem;
}
.f-diet-h1.is-col-subtle {
color: var(--color-heading--c-heading-subtle);
}
.f-diet-h1.is-transparent {
opacity: 0;
}
.f-diet-h1.is-diet-tiny {
font-size: 2.13rem;
line-height: 2.13rem;
}
.f-diet-h1.is-uppercase {
text-transform: uppercase;
}
.c_logo_diet-display-x-small_component {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 100%;
display: flex;
}
.c_logo_diet-display-x-small_image-aligner {
flex-flow: column;
justify-content: flex-end;
align-self: stretch;
align-items: flex-start;
padding-bottom: .75rem;
display: flex;
}
.c_logo-diet_display-x-small {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 5.5rem;
margin-bottom: -.25rem;
display: flex;
}
.c_logo_diet_aligner_display-x-small {
grid-column-gap: 0px;
grid-row-gap: 0px;
align-items: baseline;
height: 7.25rem;
display: flex;
position: relative;
}
.c_logo-diet_display-x-small_image-wrapper {
aspect-ratio: 16 / 10;
border-radius: var(--var-size--tiny-4);
object-fit: fill;
flex: none;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 3rem;
display: flex;
position: relative;
overflow: hidden;
}
.component_logo-diet_display-x-small {
width: 100%;
height: 100%;
}
.component_logo-diet_display-x-small.is-marquee {
flex: none;
width: auto;
display: flex;
}
.header-diets_wrapper {
pointer-events: none;
justify-content: space-between;
align-items: flex-end;
width: 100%;
height: 8.88rem;
display: flex;
}
.header-diet_content {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: 8.88rem;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
display: flex;
}
.s8_content_image-main-wrapper {
aspect-ratio: 1;
object-fit: cover;
position: relative;
}
.s8_content_image-main {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
}
.layout-grid_16-24_half-left-padding {
padding-right: .75rem;
padding-left: var(--var-size--var-padding--padding-global-small);
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: grid;
}
.s8_content_sub-header {
border-bottom: 1px solid var(--color-border--c-border-decor-strong);
height: 2rem;
position: relative;
}
.s8_diet-insight_sticky-list {
position: relative;
}
.s8_sticky-panel {
background-color: var(--color-background--c-bg-3);
flex-flow: column;
width: 100%;
height: 100vh;
min-height: 100vh;
max-height: 100vh;
position: sticky;
top: 0;
}
.s8_sticky-panel.is-mobile-hide, .s8_sticky-panel.is-mobile-info {
display: none;
}
.s8_sticky-panel.is-mobile-info.is-panel-mobile {
height: 100svh;
}
.s8_sticky-panel.is-mobile-slider {
display: none;
}
.s8_sticky-panel.is-mobile-slider.is-panel-mobile {
height: 100svw;
max-height: 100svh;
}
.s8_sticky-panel.is-dektop.is-office.is-1 {
height: 200vh;
min-height: 200vh;
max-height: 200vh;
}
.s8_sticky-panel.is-1 {
justify-content: center;
align-items: center;
padding-bottom: 80vh;
display: flex;
}
.s8_sticky_content-wrapper {
flex-flow: column;
width: 100%;
display: flex;
position: relative;
}
.s8_collection-wrapper {
width: 100%;
}
.s8_collection-list {
flex-flow: column;
width: 100%;
display: flex;
}
.s8_panel-container {
flex: 1;
}
.s8_panel-container.is-office {
position: relative;
}
.s8_panel-container.is-sport, .s8_panel-container.is-minus, .s8_panel-container.is-green, .s8_panel-container.is-beauty {
display: block;
}
.section_pinning {
border: 4px solid #000;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 100vh;
display: flex;
position: sticky;
top: 0;
overflow: hidden;
}
.section_before {
background-color: var(--color-background--c-bg-4);
justify-content: center;
align-items: center;
height: 100vh;
display: flex;
}
.section_before-copy {
background-color: #5f88a5;
height: 100vh;
}
.pinning_vertical-scroll {
background-color: #54bea2;
flex-flow: column;
flex: none;
justify-content: space-between;
align-items: flex-start;
width: 50%;
height: 300vh;
margin-bottom: -100vh;
display: flex;
overflow-y: auto;
}
.pinning_box-start {
background-color: #b64e4e;
width: 100%;
height: 300px;
}
.pinning_box-end {
background-color: #87b64e;
width: 100%;
height: 300px;
}
.p_image-wrapper {
width: 100%;
height: 100vh;
position: sticky;
top: 0;
}
.image-11 {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.pinning_header {
background-color: #3094c2;
width: 100vw;
height: 8rem;
position: absolute;
inset: 0% 0% auto -100%;
}
.div-block-48 {
position: relative;
}
.pinning_image_wrapper {
width: 100%;
height: 100vh;
position: relative;
top: 0;
bottom: 0;
}
.pinning-image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.container-pin {
position: relative;
}
.component_balans_logo--intro {
width: 100%;
display: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.balans-logo_text {
letter-spacing: 39px;
font-family: termina, sans-serif;
font-size: 21rem;
font-weight: 600;
position: absolute;
top: 35%;
left: 50%;
transform: translate(-50%, -50%);
}
.balans-logo_text-display {
letter-spacing: 2.7px;
font-family: termina, sans-serif;
font-size: 1.13rem;
font-weight: 600;
position: absolute;
top: 35%;
left: 50%;
transform: translate(-50%, -50%);
}
.section_a1_a1--text-stagger {
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
position: relative;
}
.a1_content_container {
z-index: 1;
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
justify-content: center;
align-items: flex-start;
display: flex;
position: relative;
}
.a1_text.f-p-dis-medium {
width: 100%;
position: absolute;
}
.a1_text-animation_wrapper {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0%;
}
.a1_logomark-wrapper {
flex: none;
width: 10rem;
height: 10rem;
}
.a1_content-wrapper {
width: 50vw;
display: flex;
}
.a1_slogan-container {
width: 100%;
height: 10rem;
position: relative;
}
.a1_text-welcome_wrapper {
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0%;
}
.a1_overline-wrapper {
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
}
.a1_circle {
background-color: var(--color-background--c-bg-3);
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.intro_balans-title_overline {
position: absolute;
left: 0;
}
.intro_balans-title_overline.f-is-serif {
z-index: 200;
width: 100%;
padding-left: 3vw;
position: static;
}
.component_nav-top_balans-logo-mobile {
z-index: 1000;
color: var(--color-text--c-text-subtle);
flex: none;
justify-content: flex-start;
align-items: center;
height: 2rem;
display: none;
position: absolute;
inset: 50% 0% auto;
transform: translateY(-50%);
}
.section_website {
width: 100%;
position: relative;
}
.intro_scroll-gallery_image-base {
z-index: 1;
background-color: var(--color-background--c-bg-4);
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.intro_scroll-gallery_image-set {
border-radius: var(--var-size--x-small);
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.intro_scroll-gallery_image-health {
z-index: 300;
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0% 0% auto;
}
.intro_scroll-gallery_image-training, .intro_scroll-gallery_image-fitness {
z-index: 2;
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.section_intro--homepage--set {
z-index: 500;
width: 100%;
margin-bottom: -100vh;
display: block;
position: relative;
top: 0;
}
.absolute_homepage_container {
z-index: 100;
width: 100%;
display: none;
position: absolute;
inset: 0%;
}
.sticky_homepage-set {
width: 100%;
position: sticky;
top: 0;
}
.absolute_intro_container {
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
display: none;
position: absolute;
inset: 0%;
}
.sh_visual_overlay_radial {
z-index: 1;
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.sh_visual_overlay_gradient-diagonal {
z-index: 2;
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.component_visual-bg {
z-index: 1;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0%;
}
.sh_component_divider-right {
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 1px;
display: flex;
}
.intro_background {
z-index: 200;
background-color: var(--color-background--c-bg-2);
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.intro_grid-container {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.intro_welcome-slogan_wrapper {
z-index: 400;
pointer-events: none;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0%;
}
.intro_welcome-slogan_text {
pointer-events: none;
flex-flow: column;
justify-content: center;
align-items: center;
width: 50vw;
height: 100%;
display: flex;
position: relative;
}
.text-span {
color: var(--color-heading--c-heading-accent);
}
.intro_trigger-slogan {
border: 6px solid #992525;
width: 100%;
height: 100vh;
position: relative;
}
.intro_trigger-slogan.is-trigger-6 {
height: 500vh;
}
.intro_trigger-slogan.is-2 {
border-color: #0edd53;
}
.intro_trigger-slogan.is-3 {
border-color: #de0dde;
}
.intro_trigger-slogan.is-4 {
border-color: #d2e505;
}
.intro_trigger-balans-ring {
border: 6px solid #9afe1f;
width: 100%;
height: 100vh;
position: relative;
}
.intro_trigger-balans-ring.is-trigger-6 {
height: 500vh;
}
.trigger_text {
z-index: 2000;
color: var(--swatches--accent--accent-70-muted);
font-size: 3rem;
position: absolute;
inset: 0% auto auto 0%;
}
.section_outer {
z-index: 400;
background-color: var(--color-background--c-bg-2);
width: 100%;
min-height: 300vh;
margin-top: 100vh;
display: block;
position: relative;
}
.hm2_sticky {
width: 100%;
height: 200vw;
position: sticky;
top: 0;
}
.hm2_slide-1--absolute {
width: 100vw;
height: 100vh;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.outer_slide-1_wrapper {
padding-right: var(--var-size--var-padding--padding-global-small);
padding-left: var(--var-size--var-padding--padding-global-small);
grid-column-gap: 8rem;
grid-row-gap: 8rem;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.outer_chapter-intro_title {
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
width: 50%;
display: flex;
}
.outer_slide-1_image-wrapper {
z-index: -1;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0%;
}
.outer_slide-1_image {
object-fit: cover;
width: 100%;
height: 100%;
position: relative;
}
.hm2_slide-2--absolute {
width: 100%;
height: 200vw;
min-height: 200vw;
display: flex;
position: absolute;
inset: 0%;
}
.h2_slide-2_content-wrapper {
padding-right: var(--var-size--var-padding--padding-global-small);
padding-left: var(--var-size--var-padding--padding-global-small);
width: 100%;
height: 100%;
}
.h2_slide-2--absolute {
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
}
.outer_slide-2_content-media {
z-index: -1;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.hm2_slide-2_image-wrapper {
z-index: 10;
border-radius: var(--var-size--tiny-6);
padding-bottom: 5rem;
position: relative;
overflow: hidden;
}
.hm2_slide-2_image-wrapper.is-1 {
width: 100%;
position: relative;
}
.hm2_slide-2_image-wrapper.is-2 {
aspect-ratio: 2 / 3;
border-radius: var(--var-size--x-small);
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.outer_slide-2_image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.section_hm4 {
z-index: 20;
background-color: var(--color-background--c-bg-2);
width: 100%;
height: 100vh;
display: flex;
position: relative;
}
.hm4_content-wrapper--absolute {
z-index: 2;
flex-flow: column;
justify-content: space-between;
align-items: flex-end;
width: 100%;
height: 100vh;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.outer_slide-2_title-wrapper {
flex-flow: column;
justify-content: space-between;
align-items: flex-end;
width: 60%;
display: flex;
}
.outer_sticky-image-wrapper {
z-index: 10;
object-fit: contain;
width: 100%;
height: 200vh;
position: sticky;
top: 0;
}
.hm2_image-master {
z-index: 2;
aspect-ratio: 1 / 2;
opacity: 1;
object-fit: cover;
width: 100vw;
height: 200vw;
min-height: 200vw;
display: flex;
position: absolute;
inset: 0%;
}
.hm2_image-master-overlay {
z-index: 3;
background-color: #0505039e;
width: 100%;
height: 100%;
display: none;
position: absolute;
inset: 0%;
}
.absolute_ui-main {
width: 100%;
height: 100vh;
position: absolute;
inset: 0%;
}
.fixed_ui-main {
z-index: 5000;
pointer-events: none;
width: 100%;
height: 100vh;
display: none;
position: fixed;
inset: 0%;
}
.balans-ring_logotype {
justify-content: center;
align-items: center;
width: 50%;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
bottom: 20%;
}
.code_balans-logomark {
width: 100%;
position: relative;
}
.component_nav-bottom_button-primary {
flex: none;
}
.outer_slide-1_title-wrapper {
justify-content: space-between;
align-items: center;
width: 60%;
display: flex;
position: relative;
}
.outer_slide-3_title-wrapper {
flex-flow: column;
justify-content: space-between;
align-items: flex-end;
width: 100%;
display: flex;
}
.outer_slide-3_paragraph-wrapper {
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.hm4_sticky {
justify-content: flex-end;
align-items: flex-end;
width: 100vw;
height: 100vw;
display: flex;
position: relative;
top: 0;
}
.outer_slide-3_paragraph-block {
width: 60ch;
}
.hm4_image-master-wrapper {
object-fit: cover;
width: 100vw;
height: 100vw;
min-height: 100vw;
position: absolute;
inset: 0%;
}
.hm4_image-master {
z-index: -1;
opacity: 1;
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.balans-logotype_wrapper {
flex: none;
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.outer_slide-3_content-grid {
grid-column-gap: 16px;
grid-row-gap: 0px;
grid-template-rows: 1fr 50%;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
grid-auto-columns: 0fr;
grid-auto-flow: column;
place-items: start stretch;
width: 100%;
height: 100%;
padding-left: 1.5rem;
padding-right: 1.5rem;
display: grid;
}
.outer_slide-3_content-grid.is-diet-choice-insight {
grid-template-rows: 10svh 10svh 5rem;
}
.hm2_slide-2_heading-wrapper {
z-index: 10;
padding-bottom: 5rem;
position: relative;
}
.outer_slide-2_grid {
grid-column-gap: 16px;
grid-row-gap: 0px;
grid-template-rows: 100vh 100vh;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
grid-auto-columns: 0fr;
align-items: center;
width: 100%;
height: 100%;
padding-left: 1.5rem;
padding-right: 1.5rem;
display: grid;
}
.outer_slide-2_grid.is-diet-choice-insight {
grid-template-rows: 10svh 10svh 5rem;
}
.outer_sticky-bottom {
position: relative;
bottom: 0;
}
.s2_menu-weekly_component-desktop {
width: 100%;
height: 100%;
}
.section_s2_s2-menu-weekly_mobile {
background-color: var(--color-background--c-bg-2);
width: 100%;
height: 100vh;
position: relative;
}
.ui_menu-change_container_mobile {
z-index: 200;
background-color: var(--color-base--c-base-glass);
width: 100vw;
height: 100vh;
position: absolute;
transform: translate(-100%);
}
.s2_menu-weekly_component-mobile {
width: 100%;
height: 100%;
}
.s2_content_component_mobile {
z-index: 2;
justify-content: flex-end;
align-items: flex-end;
width: 100%;
height: 100%;
min-height: 100svh;
display: flex;
position: relative;
}
.s2_mobile_day-picker {
width: 100%;
}
.s2_slider_component_mobile {
width: 100%;
height: 100%;
position: relative;
overflow: visible;
}
.s2_mobile_nav-menu {
justify-content: space-between;
align-items: center;
width: 96%;
padding-bottom: 1.75rem;
display: flex;
}
.s2_nav_component_mobile {
flex-flow: column;
width: 100%;
height: 100%;
padding-bottom: 1rem;
display: flex;
}
.s2_overlay_desktop {
z-index: 50000;
pointer-events: none;
width: 100%;
height: 100%;
display: none;
position: absolute;
}
.s2_slider-mobile_module-image {
background-color: var(--color-background--c-bg-2);
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.s2_slide_container_mobile {
width: 100%;
height: 100%;
position: relative;
}
.s2_component_visual_mobile {
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.s2_slide_content-overlay_mobile {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.s2_slide_content-wrapper_mobile {
flex-flow: column;
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
padding: .75rem 1.5rem;
display: flex;
position: relative;
}
.s2_slide_module_day_mobile {
border-radius: var(--var-size--tiny-6);
background-color: var(--color-base--c-base-glass);
justify-content: space-between;
align-items: center;
width: 100%;
min-height: 2.25rem;
padding-left: .25rem;
padding-right: 1rem;
display: flex;
}
.s2_slide_module_counter_mobile {
z-index: 100;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 4.25rem;
display: flex;
position: relative;
}
.s2_slide_module_aligner_mobile {
width: 100%;
height: 4.25rem;
}
.s2_slide_module-macros_mobile {
grid-column-gap: .38rem;
grid-row-gap: .38rem;
flex-flow: row;
justify-content: space-between;
align-items: flex-end;
width: 100%;
display: flex;
}
.s2_slide-component_mobile {
width: 100%;
height: 100%;
position: relative;
}
.s2_slider-mobile_module_meal-title {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex: 1;
width: 100%;
display: flex;
}
.s2_layout-grid_mobile {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
grid-template-rows: 75vh 25vh auto;
grid-template-columns: minmax(0, 1fr) 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
width: calc(100vw - 3rem);
height: 100%;
min-height: 100vh;
display: grid;
}
.s2_meal-title_meal-info_mobile {
flex: none;
overflow: hidden;
}
.s2_meal-info-wrapper_mobile {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
width: 100%;
max-width: 35rem;
display: flex;
}
.s2_meal-title_mobile {
flex-flow: column;
display: flex;
}
.s2_meal-title_name-2_mobile.f-p-primary {
transition: opacity .2s;
}
.component_button-ui {
z-index: 1000;
pointer-events: auto;
flex-flow: column;
flex: none;
justify-content: flex-end;
align-items: flex-start;
display: flex;
position: relative;
}
.s2_mobile_nav-menu_buttons-arrow {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
display: flex;
}
.s2_slider-mobile_macros-panel {
border-radius: var(--var-size--tiny-6);
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
height: 4.25rem;
padding-left: 2rem;
padding-right: 2rem;
display: flex;
}
.s2_menu-list_overline_meal-info-wrapper_mobile-copy {
width: 100%;
display: flex;
overflow: hidden;
}
.c_el_menu_day-picker_label-date {
display: flex;
}
.section_diet_intro--d0 {
width: 100%;
}
.u-padding-section-0 {
width: 100%;
height: 100%;
position: relative;
}
.u-padding-section-0.is-sd3 {
height: auto;
}
.u-section-container {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
flex-flow: column;
width: 100%;
display: flex;
position: relative;
}
.u-section-container.is-100vh {
width: 100%;
height: 100vh;
}
.u-section-container.is-section-100vh {
width: 100%;
height: 100vh;
max-height: 100vh;
display: block;
position: relative;
}
.u-section-container.is-section-50vh {
height: 50vh;
}
.u-section-container.is-section-200vh {
height: 200vh;
}
.u-section-container.is-section-80vh {
height: 80vh;
}
.u-section-container.is-sd3 {
height: auto;
}
.u-section-container.is-section-100svh {
height: 100vh;
}
.u-section-container.is-section-100svh.is-page-menu {
height: auto;
}
.u-section-container.is-section-min-100vh {
min-height: 100vh;
}
.u-section-container.is-section-120vh {
height: 120vh;
}
.u-section-container.is-section-100 {
height: 100%;
}
.u-section-container.is-menu-main {
height: calc(100svh - 1.5rem);
}
.u-absolute {
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.u-absolute.is-menu-concept {
max-height: 100vh;
}
.u-area-full {
z-index: 3;
width: 100%;
height: 100%;
position: relative;
}
.u-area-full.is-min-100vh {
min-height: 100vh;
}
.u-padding-global-0, .d0_component_visual {
width: 100%;
height: 100%;
}
.section_paragraph-display--pd {
width: 100%;
}
.section_paragraph-display--pd.is-bg-3 {
background-color: var(--color-background--c-bg-3);
}
.u-padding-section-64 {
width: 100%;
height: 100%;
padding-top: 4rem;
padding-bottom: 4rem;
}
.u-layout-grid-16-24 {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: grid;
}
.u-layout-grid-16-24.is-d14 {
grid-template-rows: auto auto auto auto;
}
.u-layout-grid-16-24.is-d16 {
grid-template-rows: auto auto;
}
.u-layout-grid-16-24.is-d17 {
grid-template-columns: 100%;
}
.u-layout-grid-16-24.is-d16-content {
position: relative;
}
.pd_heading-wrapper {
width: 100%;
}
.d1_module_right_p-wrapper {
padding-top: 14rem;
}
.u-pad-vertical-32 {
width: 100%;
height: 100%;
padding-top: 2rem;
padding-bottom: 2rem;
}
.d0_layout-flex {
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 100%;
display: flex;
}
.d0_component_diet-logo, .section_diet_hero-image--d2 {
width: 100%;
}
.d2_component_visual {
width: 100%;
height: 100%;
position: relative;
}
.u-pad-vertical-64 {
width: 100%;
height: 100%;
padding-top: 4rem;
padding-bottom: 4rem;
}
.d2_layout {
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 100%;
display: flex;
}
.d2_p-wrapper {
justify-content: flex-end;
align-items: flex-end;
width: 100%;
height: 100%;
display: flex;
}
.d2_p-wrapper.is-before-label {
z-index: 10;
position: relative;
}
.d1_module_right_p-wrapper-copy {
padding-top: 14rem;
}
.section_diet_description-1--d3 {
background-color: var(--color-background--c-bg-4);
}
.d3_module-paragraph {
padding-top: 10rem;
}
.c_typo_overline_dot-wrapper {
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
display: flex;
}
.c_typography-block_overline {
flex: none;
width: auto;
}
.section_diet_marquee-image--d4 {
background-color: var(--color-background--c-bg-4);
}
.u-padding-section-32 {
width: 100%;
padding-top: 2rem;
padding-bottom: 2rem;
}
.d4_layout-grid-32-24 {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex: none;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 200vw;
display: grid;
}
.d4_image-wrapper {
aspect-ratio: 1;
width: 100%;
position: relative;
}
.d4_image {
width: 100%;
height: 100%;
position: absolute;
}
.section_diet_configuration--d5 {
background-color: var(--color-background--c-bg-2);
width: 100%;
}
.d5_module-right {
flex-flow: column;
justify-content: space-between;
width: 100%;
height: 100%;
padding-top: 1rem;
padding-bottom: 1rem;
display: flex;
}
.d5_module-left {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
display: flex;
}
.component_diet-overline {
width: 100%;
height: 2rem;
}
.u-icon-240 {
width: 15rem;
height: 15rem;
}
.component_diet-subheader {
width: 100%;
margin-bottom: 5rem;
}
.d5_slider_component {
width: 100%;
}
.d5_slider_controls-wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
width: 100%;
display: flex;
}
.d5_tab_container {
width: 100%;
}
.section_design {
width: 100%;
height: 100vh;
position: relative;
}
.d5_component_controls {
border: 1px solid var(--color-border--c-border-decor-subtle);
border-radius: var(--var-size--tiny-6);
flex: 1;
justify-content: center;
align-items: center;
height: 1.75rem;
display: flex;
}
.d5_component_controls.is-active {
border-width: 2px;
border-color: var(--color-border--c-border-accent-min);
border-radius: var(--var-size--tiny-6);
background-color: var(--color-base--c-base-subtle);
height: 2rem;
}
.d5_label-wrapper {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
display: flex;
}
.d5_variants {
position: relative;
}
.u-layout-grid-16-24-half {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: grid;
}
.u-layout-grid-16-24-half.is-d5 {
grid-template-rows: auto auto;
margin-top: 3rem;
}
.u-layout-grid-16-24-half.is-d7 {
grid-template-rows: 50% 2rem auto;
}
.u-layout-grid-16-24-half.is-d15-accordions {
grid-template-rows: auto auto auto;
}
.u-layout-grid-16-24-half.is-d11, .u-layout-grid-16-24-half.is-sd1 {
grid-template-rows: auto auto;
}
.d5_slider-price {
justify-content: flex-end;
align-items: center;
width: 100%;
height: 2.25rem;
display: flex;
}
.d5_slider-calories {
justify-content: center;
align-items: center;
width: 100%;
height: 50vh;
display: flex;
position: relative;
}
.d5_slider-price_text-wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: row;
justify-content: flex-end;
align-items: center;
width: 100%;
height: 100%;
}
.d5_slider-price_price.f-text-bold {
font-weight: 700;
}
.d5_slider-price_text {
flex: none;
display: flex;
}
.d5_slider-calories_text-wrapper {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: row;
justify-content: center;
align-items: baseline;
}
.u-padding-section-128 {
width: 100%;
height: 100%;
padding-top: 8rem;
padding-bottom: 8rem;
}
.slider-flip_flip-target {
border-radius: var(--var-size--base);
width: 100%;
height: 100%;
position: relative;
inset: 0% 0% 0% auto;
}
.slider-flip_image-master {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.c_typography-block {
z-index: 100;
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
width: 100%;
display: flex;
position: relative;
}
.c_typography-block_heading_h3 {
width: 100%;
max-width: 65ch;
}
.d6_layout-grid-16-24 {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: 4rem auto auto auto auto 4rem;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: grid;
position: relative;
}
.component_slider-flip_navigation {
z-index: 2;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: flex-start;
align-items: flex-start;
height: 100%;
display: flex;
position: relative;
}
.component_button-arrows {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
pointer-events: auto;
justify-content: flex-end;
align-items: flex-start;
height: 100%;
display: flex;
}
.component_button-arrows.is-office, .component_button-arrows.is-sport, .component_button-arrows.is-minus, .component_button-arrows.is-green {
justify-content: center;
align-items: flex-start;
}
.component_button-arrows.is-beauty {
justify-content: center;
align-items: flex-start;
width: 10rem;
height: 2.5rem;
}
.component_button-arrows.is-width-100 {
height: auto;
}
.button-arrow_right {
cursor: pointer;
flex: none;
height: 100%;
}
.d6_module-controls {
justify-content: center;
align-items: center;
width: 100%;
height: auto;
padding-left: 1.5rem;
display: flex;
}
.d6_module-paragraph {
max-width: 60ch;
}
.d6_module-slider-thumbnails {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
display: flex;
}
.d6_module-slider-thumbnails_counter-wrapper {
width: 100%;
height: 1rem;
}
.d6_module-slider-thumbnails_container {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
width: 100%;
display: flex;
}
.slider-flip_flip-item {
aspect-ratio: 16 / 10;
cursor: pointer;
width: 100%;
position: relative;
}
.slider-flip_image {
border-radius: var(--var-size--tiny-6);
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.d6_component_index-counter {
width: 6rem;
}
.visual_classes {
min-height: 100vh;
}
.visual_classes_container {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 100%;
padding-top: 200px;
padding-left: 100px;
display: flex;
}
.u-border-top-bottom-05-subtle {
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.visual_classes_placeholder {
width: 100%;
height: 3rem;
}
.u-border-top-bottom-1-subtle, .u-border-top-bottom-1-strong {
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.u-border-top-bottom-1-strong.is-divider-green {
position: relative;
}
.visual_classes_placeholder-copy {
width: 100%;
height: 10rem;
}
.u-border-top-bottom-05-strong {
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
}
.u-border-bottom-0-5-subtle {
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.u-border-bottom-1-subtle, .u-border-bottom-1-strong, .u-border-bottom-0-5-strong {
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.u-padding-section-24 {
width: 100%;
height: 100%;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.u-layout-grid-split {
z-index: 10;
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: grid;
position: relative;
}
.d7_area-left, .d7_area-right {
width: 100%;
height: 100%;
}
.u-padding-global-0-half-left {
width: 100%;
height: 100%;
padding-right: .75rem;
}
.u-padding-global-small-half-right {
padding-right: var(--var-size--var-padding--padding-global-small);
width: 100%;
height: 100%;
padding-left: .75rem;
}
.d7_area-right_content {
flex-flow: column;
width: 100%;
height: 100%;
display: flex;
}
.d7_area-right_module-macros--d7-macros {
width: 100%;
}
.d7-macros_item {
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 4.5rem;
display: flex;
}
.d7-macros_left-side {
justify-content: flex-start;
align-items: flex-end;
width: 100%;
display: flex;
}
.d7-macros_right-side {
grid-column-gap: 10rem;
grid-row-gap: 10rem;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
display: flex;
}
.d7-macros_right-side_number {
flex-flow: row;
display: flex;
}
.d7_area-right_module-macros-wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: center;
align-items: center;
width: 100%;
}
.section_set--diets {
background-color: var(--color-background--c-bg-2);
width: 100%;
}
.section_diet_configuration--d8 {
background-color: var(--color-background--c-bg-2);
}
.d8_module-left {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.d8_module-right {
flex-flow: column;
justify-content: space-between;
width: 100%;
height: 100%;
padding-top: 1rem;
padding-bottom: 1rem;
display: flex;
}
.d8_module-left_block-top {
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.d8_module-left_block-bottom {
justify-content: flex-end;
align-items: flex-end;
width: 100%;
height: 100%;
display: flex;
}
.d8_module-right_block-top {
width: 100%;
height: 100%;
}
.d8_module-right_block-bottom {
width: 100%;
height: 100%;
position: relative;
}
.d8_module-right_block-number {
justify-content: flex-start;
align-items: flex-end;
display: flex;
}
.typo_number-display {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
display: flex;
}
.c_tag_meal-info_medium-_cuisine {
grid-column-gap: .38rem;
grid-row-gap: .38rem;
border: .5px solid var(--color-border--c-border-inter-min);
border-radius: var(--var-size--tiny-4);
background-color: var(--color-base--b-base);
color: var(--color-text--c-text-strong);
flex: none;
justify-content: flex-start;
align-items: center;
height: 2rem;
padding-left: .375rem;
padding-right: .375rem;
display: flex;
}
.d8_module-right_block-tags, .block_tags-cuisine {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
padding-top: 2rem;
padding-bottom: 2rem;
display: flex;
}
.typo_number-display-wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: row;
align-items: baseline;
}
.u-corner-radius-all-tiny {
border-radius: var(--var-size--tiny-6);
position: relative;
overflow: hidden;
}
.visual_block {
width: 400px;
height: 400px;
}
.u-corner-radius-all-base {
border-radius: var(--var-size--base);
justify-content: flex-end;
align-items: flex-start;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.u-corner-radius-all-medium {
border-radius: var(--var-size--small);
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.visual_corner-radius-tiny, .visual_corner-radius-base, .visual_corner-radius-medium {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: row;
}
.u-corner-radius-right-tiny {
border-radius: 0rem var(--var-size--tiny-6) var(--var-size--tiny-6) 0rem;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.u-corner-radius-left-tiny {
border-radius: var(--var-size--tiny-6) 0rem 0rem var(--var-size--tiny-6);
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.u-corner-radius-right-base {
border-radius: 0rem var(--var-size--base) var(--var-size--base) 0rem;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.u-corner-radius-left-base {
border-radius: var(--var-size--base) 0rem 0rem var(--var-size--base);
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.u-corner-radius-right-medium {
border-radius: 0rem var(--var-size--small) var(--var-size--small) 0rem;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.u-corner-radius-left-medium {
border-radius: var(--var-size--small) 0rem 0rem var(--var-size--small);
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.u-padding-global-0-half {
width: 100%;
height: 100%;
}
.u-border-top-0-5-subtle, .u-border-top-1-subtle {
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.visual_borders-subtle, .visual_borders-strong {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
width: 100%;
}
.u-border-top-1-strong, .u-border-top-0-5-strong {
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
}
.visual_corner-radius-set, .visual_borders-ghost {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
width: 100%;
}
.u-border-top-bottom-05-ghost, .u-border-bottom-05-ghost, .u-border-top-05-ghost, .u-border-top-bottom-1-ghost, .u-border-bottom-1-ghost, .u-border-top-1-ghost {
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.visual_borders-accent {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
width: 100%;
}
.u-border-top-bottom-1-accent, .u-border-bottom-1-accent, .u-border-top-1-accent, .u-border-top-bottom-05-accent, .u-border-bottom-05-accent, .u-border-top-05-accent {
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.u-border-bottom-05-strong, .u-border-top-05-strong, .u-border-top-05-subtle {
width: 100%;
}
.u-border-bottom-05-subtle {
justify-content: flex-end;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.u-border-top-bottom-2-ghost, .u-border-bottom-2-ghost, .u-border-top-2-ghost, .u-border-top-bottom-2-subtle, .u-border-bottom-2-subtle, .u-border-top-2-subtle, .u-border-top-bottom-2-strong, .u-border-bottom-2-strong, .u-border-top-2-strong, .u-border-top-bottom-2-accent, .u-border-bottom-2-accent, .u-border-top-2-accent {
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.section_diet_diet--d9 {
background-color: var(--color-background--c-bg-3);
width: 100%;
}
.d9_module-left, .d9_module-right {
width: 100%;
height: 100%;
}
.d9_content-wrapper {
flex-flow: column;
display: flex;
}
.d9_list-wrapper {
width: 100%;
}
.d9_meal-info_item {
justify-content: space-between;
align-items: center;
height: 2.25rem;
padding-left: 7.5rem;
padding-right: 1rem;
display: flex;
}
.d9_meal-info_icon {
background-color: var(--color-background--c-bg-2);
justify-content: center;
align-items: center;
width: 4.5rem;
height: 4.5rem;
display: flex;
position: absolute;
inset: 0% auto 0% 20%;
}
.u-icon-72 {
width: 4.5rem;
height: 4.5rem;
position: relative;
}
.section_diet_description-1--d10, .section_diet_description-1--d10.is-bg-3 {
background-color: var(--color-background--c-bg-3);
}
.d10_module_right_p-wrapper {
padding-top: 14rem;
}
.pd_description-display_wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
width: 100%;
padding-top: 14rem;
padding-bottom: 2rem;
display: flex;
}
.c-visual_overlay-full-4 {
z-index: 100;
background-color: #0d0b08;
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.u-icon-48-2 {
color: #696255;
width: 3rem;
height: 3rem;
position: relative;
}
.c_button_secondary_label-wrapper-2 {
color: #464239;
flex: none;
padding-top: .5rem;
padding-bottom: .5rem;
}
.macros_data_secondary-2 {
color: #696255;
font-weight: 700;
}
.macros_data_secondary-2.f-p-secondary {
color: #464239;
text-align: right;
width: 1.25rem;
text-decoration: none;
}
.c_tag_extras-2 {
grid-column-gap: .375rem;
grid-row-gap: .375rem;
color: #da6515;
background-color: #27241e;
border: 1px solid #e0d6c4;
border-radius: .25rem;
flex-flow: row;
justify-content: center;
align-items: center;
height: 1.75rem;
padding: .375rem;
display: flex;
}
.macros_secondary-calories-2 {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
color: #9d470b;
justify-content: space-between;
align-items: flex-end;
width: auto;
display: flex;
}
.c_tag_extras_component {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
border-radius: .25rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.c_button_secondary-2 {
color: #c5b9a2;
text-align: center;
border-radius: .25rem;
justify-content: center;
align-items: center;
height: 3rem;
min-height: 3rem;
font-weight: 600;
transition: border-color .2s, color .2s cubic-bezier(.77, 0, .175, 1), background-color .2s cubic-bezier(.77, 0, .175, 1), opacity .2s cubic-bezier(.77, 0, .175, 1);
display: flex;
position: relative;
overflow: hidden;
}
.c_button_secondary-2:hover {
color: #f7f5f1;
border: 1px solid #c85d12;
}
.c_button_secondary_base-2 {
width: 100%;
height: 100%;
overflow: hidden;
}
.c_button_secondary_base-2:hover {
background-color: #c85d12;
}
.c_button_secondary_border-2 {
border: 1px solid #847c6c;
border-radius: .25rem;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
overflow: hidden;
}
.c_button_secondary_border-2:hover {
border-color: #c85d12;
}
.macros_secondary_table-stripe-2 {
border-bottom: .5px solid #bbb09a;
justify-content: space-between;
align-items: flex-end;
width: 100%;
display: flex;
}
.c-visual-5 {
object-fit: cover;
background-color: #f7f5f1;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.section_diet_meal-type-slider--sm {
position: relative;
}
.u-pad-vertical-24 {
width: 100%;
height: 100%;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.u-pad-vertical-24.is-min-100vh {
min-height: 100vh;
}
.d14_module-heading {
z-index: 10;
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
width: 100%;
display: flex;
position: relative;
}
.d14_slider_meal-card_wrapper {
z-index: 10;
width: 100%;
max-width: 36rem;
position: relative;
}
.d14_slider_overlay_wrapper {
z-index: 10;
pointer-events: none;
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
max-width: 36rem;
display: flex;
position: relative;
}
.d14_slider_meal-card_base {
background-color: var(--color-base--c-base-glass);
flex-flow: column;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0%;
}
.u-ratio-2-3 {
aspect-ratio: 2 / 3;
object-fit: cover;
width: 100%;
display: block;
position: relative;
}
.d14_slider_meal-card_image-wrapper {
aspect-ratio: 1;
border-radius: var(--var-size--tiny-6);
object-fit: cover;
width: 100%;
position: relative;
overflow: hidden;
}
.d14_slider_meal-card_info-panel {
pointer-events: none;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: 12rem;
display: flex;
}
.d14_slider_meal-card_block-calories {
width: 100%;
}
.d14_slider_meal-card_block-button {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
pointer-events: auto;
cursor: pointer;
flex-flow: row;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 3rem;
display: flex;
position: relative;
}
.d14_calories_secondary {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
justify-content: flex-start;
align-items: center;
width: auto;
display: flex;
}
.u-flex-start {
justify-content: flex-end;
align-items: flex-start;
width: 100%;
}
.u-ratio-1-1 {
aspect-ratio: 1;
object-fit: cover;
width: 100%;
position: relative;
inset: 0%;
}
.d14_slider_meal-card_image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.d14_meal-type_wrapper {
z-index: 10;
border-radius: var(--var-size--tiny-4);
justify-content: flex-start;
align-items: flex-start;
height: 2.25rem;
display: flex;
position: relative;
overflow: hidden;
}
.d14_slider_overlay_base {
background-color: var(--color-base--c-base-glass);
width: 100%;
display: flex;
}
.section_diet_order--d12 {
width: 100%;
}
.d12_layout-flex {
grid-column-gap: 6rem;
grid-row-gap: 6rem;
flex-flow: column;
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
padding-bottom: 12vh;
display: flex;
}
.component_button-diet-order-magnetic {
justify-content: center;
align-items: center;
position: relative;
}
.section_diet-packaging--d15 {
background-color: var(--swatches--diets--diet-green_logo);
position: relative;
}
.d15-top_header-1 {
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex;
}
.d15_header-top_image-wrapper {
width: 100%;
}
.u-ratio-10-16 {
aspect-ratio: 10 / 16;
width: 100%;
position: relative;
}
.d15_header-top_image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.d15_header-bottom_title {
width: 100%;
}
.d15_title-bottom.f-is-serif {
width: 100%;
font-size: 10vw;
line-height: 10vw;
}
.d15_area-left_sticky {
width: 100%;
height: 100vh;
position: sticky;
top: 0;
}
.d15-content_module-description {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
padding-bottom: 5rem;
display: flex;
}
.component_accordion-set {
grid-row-gap: 4rem;
width: 100%;
height: auto;
}
.component_accordion {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
width: 100%;
height: auto;
display: flex;
}
.c_accordion_image-wrapper {
width: 100%;
height: 100%;
padding-top: 1rem;
padding-bottom: 2rem;
}
.d15_accordions_title {
justify-content: flex-start;
align-items: flex-end;
display: flex;
}
.c_accordion_panel {
flex-flow: row;
justify-content: space-between;
align-items: center;
width: 100%;
height: 3rem;
position: relative;
overflow: hidden;
}
.c_accordion_panel.is-current {
color: var(--color-text--c-text-accent-display-light);
}
.u-size-68 {
width: 4.25rem;
height: 4.25rem;
}
.c_accordion_paragraph-wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
width: 100%;
display: flex;
position: relative;
}
.d15-content_module-description_block-paragraph, .paragraph-2 {
width: 100%;
}
.u-flex-space-bettween {
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.section_diet_how-it-works--d16 {
background-color: var(--color-background--c-bg-3);
width: 100%;
position: relative;
}
.d17_module-header {
width: 100%;
padding-bottom: 2.5rem;
}
.d17_module-faq {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-flow: column;
width: 100%;
display: flex;
}
.d20_module-header_heading-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
justify-content: flex-start;
align-items: baseline;
width: 100%;
display: flex;
}
.d17_module-faq-section_subheader {
width: 100%;
}
.d17_module-faq-section_content {
width: 100%;
height: 100%;
}
.u-ratio-16-10 {
aspect-ratio: 16 / 10;
height: 100%;
position: relative;
}
.image-12 {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.c_accordion_layout-flex {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.c_accordion_image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.d15_section-top--d15-top {
width: 100%;
padding-bottom: 7.5rem;
}
.d15-top_overline {
width: 100%;
padding-left: 1.5rem;
}
.f-is-outline {
color: var(--swatches--universal--transparent);
-webkit-text-stroke-width: .5px;
-webkit-text-stroke-color: var(--swatches--diets--diet-green-base);
line-height: 10rem;
}
.u-ratio-16-10.is-horizontal {
width: 100%;
height: auto;
}
.u-ratio-16-10.is-set-height {
height: 7rem;
}
.d15_section_gradient {
z-index: 2;
pointer-events: none;
background-image: linear-gradient(#000, #020101 0%, #f2f2f200 100%, #f7f7f7 100%, #fff);
width: 100%;
height: 35vh;
position: absolute;
inset: 0% 0% auto;
}
.d14_section_gradient {
z-index: 2;
pointer-events: none;
background-image: linear-gradient(0deg, #000, #020101 0%, #f2f2f200 100%, #f7f7f7 100%, #fff);
width: 100%;
height: 35vh;
display: block;
position: absolute;
inset: auto 0% 0%;
}
.d16_module-header_sticky {
z-index: 10;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
padding-top: 1.5rem;
display: flex;
position: relative;
top: 0;
}
.d16_module-tabs--d16-tabs {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex: none;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 2.5rem;
display: flex;
}
.d16_module-content {
z-index: 1;
width: 100%;
height: 100%;
margin-top: -50vh;
position: relative;
}
.c_header-content_wrapper {
flex-flow: column;
width: 100%;
display: flex;
}
.c_header_content_bottom-stripe {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: row;
width: 100%;
}
.component_divider {
width: 100%;
height: 100%;
}
.d16-tabs_tab_component {
border-radius: var(--var-size--tiny-4);
cursor: pointer;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: 2.5rem;
display: flex;
position: relative;
}
.d16-tabs_overline {
z-index: 1;
opacity: .6;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.d16-tabs_indicator-wrapper {
z-index: 1;
width: 100%;
position: relative;
}
.d16-tabs_indicator {
border-radius: var(--var-size--tiny-4);
background-color: var(--color-border--c-border-decor-subtle);
width: 0%;
height: 2px;
transition: transform .5s;
overflow: hidden;
}
.d16-tabs_component-tab {
cursor: pointer;
width: 100%;
}
.d16_module-content_circle_sticky {
width: 100%;
height: 80vh;
position: relative;
}
.d16_circle-wrapper {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.d16_sticky {
width: 100%;
position: sticky;
top: 0;
}
.component_circle-steps {
pointer-events: auto;
}
.d16_module-content-info {
width: 100%;
padding-bottom: 10rem;
}
.d16_module-content-info.is-info-1 {
padding-top: 0;
padding-bottom: 10rem;
}
.d16_block-content {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
width: 100%;
display: flex;
}
.d16_block-content_body-wrapper {
width: 100%;
height: auto;
}
.d16_block-content_header {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
display: flex;
}
.d16_block-content_column {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
width: 100%;
display: flex;
}
.d16_block-content_header_chips-wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: flex-start;
align-items: center;
display: flex;
}
.c_chip_wrapper {
border: 1px solid var(--color-border--c-border-decor-subtle);
border-radius: var(--var-size--tiny-4);
justify-content: center;
align-items: center;
height: 1.75rem;
padding: .38rem .75rem;
display: flex;
}
.c_subheader-chip_wrapper {
border: 1px solid var(--color-border--c-border-decor-subtle);
border-radius: var(--var-size--tiny-4);
background-color: var(--color-base--c-base-level-2-in);
justify-content: flex-start;
align-items: center;
height: 1.75rem;
padding: .38rem .75rem;
display: flex;
}
.c_diet-description-card {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
border-radius: var(--var-size--tiny-6);
background-color: var(--color-base--c-base-subtle-max);
flex-flow: column;
width: 100%;
padding: .5rem 1rem;
display: flex;
overflow: hidden;
}
.component_diet-description-card {
width: 100%;
}
.diet-description-card_wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
}
.design--area {
background-color: var(--color-background--c-bg-3);
justify-content: center;
align-items: center;
height: 100vh;
display: block;
}
.c_how_indicator_component {
width: 4rem;
height: 4rem;
}
.how_wrapper {
width: 4rem;
height: 4rem;
position: relative;
}
.c_how_base {
border-top-left-radius: var(--var-size--circle);
border-top-right-radius: var(--var-size--circle);
border-bottom-left-radius: var(--var-size--circle);
border-bottom-right-radius: var(--var-size--circle);
background-color: var(--color-base--c-base-subtle);
width: 1.38rem;
height: 1.38rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.c_how_label {
text-align: center;
}
.c_how_label.f-label-layout {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.how_ring-1 {
border-top-style: solid;
border-top-width: .33px;
border-top-color: var(--color-border--c-border-accent-min);
border-right-style: solid;
border-right-width: .33px;
border-right-color: var(--color-border--c-border-accent-min);
border-bottom-style: solid;
border-bottom-width: .33px;
border-bottom-color: var(--color-border--c-border-accent-min);
border-left-style: solid;
border-left-width: .33px;
border-left-color: var(--color-border--c-border-accent-min);
border-top-left-radius: var(--var-size--circle);
border-top-right-radius: var(--var-size--circle);
border-bottom-left-radius: var(--var-size--circle);
border-bottom-right-radius: var(--var-size--circle);
width: 1.5rem;
height: 1.5rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.how_ring-2 {
border-top-style: solid;
border-top-width: .67px;
border-top-color: var(--color-base--c-base-subtle-max);
border-right-style: solid;
border-right-width: .67px;
border-right-color: var(--color-base--c-base-subtle-max);
border-bottom-style: solid;
border-bottom-width: .67px;
border-bottom-color: var(--color-base--c-base-subtle-max);
border-left-style: solid;
border-left-width: .67px;
border-left-color: var(--color-base--c-base-subtle-max);
border-top-left-radius: var(--var-size--circle);
border-top-right-radius: var(--var-size--circle);
border-bottom-left-radius: var(--var-size--circle);
border-bottom-right-radius: var(--var-size--circle);
width: 1.75rem;
height: 1.75rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.how_circle-base {
border-radius: var(--var-size--circle);
background-color: var(--color-base--c-base-subtle-max);
width: 100%;
height: 20.5rem;
position: relative;
}
.how_frame {
width: 100%;
height: 100%;
position: relative;
}
.hiw_indicator_6 {
padding-left: 97px;
position: absolute;
}
.how_el_indicator {
z-index: 10;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.hiw_indicator_2 {
padding-top: 166px;
padding-left: 325px;
position: absolute;
}
.hiw_indicator_3 {
padding-top: 298px;
padding-left: 229px;
position: absolute;
}
.hiw_indicator_4 {
padding-top: 281px;
padding-left: 67px;
position: absolute;
}
.hiw_indicator_5 {
padding-top: 132px;
padding-left: 0;
position: absolute;
}
.how_component {
cursor: pointer;
justify-content: center;
align-items: center;
width: 20rem;
height: 20rem;
}
.hiw_circle_base-stroke {
border: 2px solid var(--color-border--c-border-decor-subtle);
border-radius: var(--var-size--circle);
background-color: var(--color-base--c-base-subtle-max);
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.hiw_circle_active-stroke {
border-top-style: solid;
border-top-width: 8px;
border-top-color: var(--color-border--c-border-accent-min);
border-right-style: solid;
border-right-width: 8px;
border-right-color: var(--color-border--c-border-accent-min);
border-bottom-style: solid;
border-bottom-width: 8px;
border-bottom-color: var(--color-border--c-border-accent-min);
border-left-style: solid;
border-left-width: 8px;
border-left-color: var(--color-border--c-border-accent-min);
border-top-left-radius: var(--var-size--circle);
border-top-right-radius: var(--var-size--circle);
border-bottom-left-radius: var(--var-size--circle);
border-bottom-right-radius: var(--var-size--circle);
opacity: 1;
width: calc(100% + 8px);
height: calc(100% + 8px);
display: block;
position: absolute;
inset: 50% 0% 0% 50%;
transform: translate(-50%, -50%);
}
.how_balans-logomark {
z-index: 1;
width: 7.5rem;
height: 7.5rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.d16_module-content-info-set {
z-index: 1;
width: 100%;
padding-top: 50vh;
padding-bottom: 15vh;
position: relative;
}
.flex-block {
width: 100%;
height: auto;
}
.d16_header-content_main {
width: 100%;
position: relative;
}
.section_diet-benefits--d11 {
position: relative;
}
.d11_area-left, .d11_area-right {
width: 100%;
height: 100%;
}
.u-padding-global-small-half-left {
padding-right: .75rem;
padding-left: var(--var-size--var-padding--padding-global-small);
width: 100%;
height: 100%;
}
.u-padding-global-0-half-right {
width: 100%;
height: 100%;
padding-left: .75rem;
}
.component_typography-block {
z-index: 5;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
padding-bottom: 1rem;
display: block;
position: relative;
}
.c_typography-block_paragraph-text {
width: 100%;
max-width: 60ch;
}
.c_typography-block_module-header {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
width: 100%;
}
.d11_icon-benefit_container {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.component_icon-benefit-display_large {
z-index: 10;
position: relative;
}
.c_header-title_number {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: row;
justify-content: flex-start;
align-items: center;
width: auto;
height: 100%;
}
.c_header-title_divider {
z-index: 10;
background-color: var(--color-border--c-border-decor-subtle);
color: var(--color-border--c-border-decor-subtle);
flex: none;
justify-content: space-between;
align-items: center;
width: 1.5rem;
height: .5px;
display: flex;
position: relative;
}
.c_typo_header-title_tab-text.f-p-secondary {
color: var(--color-heading--c-heading-subtle);
flex: none;
transition: opacity .2s, font-size .2s, color .2s, opacity .2s;
}
.c_typo_header-title_tab-text.f-p-secondary.is-active {
color: var(--color-text--c-text-accent-display-light);
font-size: 1rem;
font-weight: 700;
}
.c_typo_header-title_tab-text.f-p-secondary-copy {
color: var(--color-heading--c-heading-subtle);
flex: none;
transition: opacity .2s, font-size .2s, color .2s, opacity .2s;
}
.c_typo_header-title_tab-text.f-p-secondary-copy.is-active {
color: var(--color-text--c-text-accent-display-light);
font-size: 1rem;
font-weight: 700;
}
.c_logo-diet_display-tiny {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: 3.5rem;
display: flex;
}
.c_logo_diet-display-tiny_image-aligner {
flex-flow: column;
justify-content: flex-end;
align-self: stretch;
align-items: flex-start;
height: 3.5rem;
padding-bottom: .2rem;
display: flex;
}
.c_logo-diet_display-tiny_component {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: flex;
}
.component_logo-diet_display-tiny {
width: 100%;
height: 100%;
}
.c_logo_diet-display-tiny_component {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 100%;
display: grid;
}
.section_main_description-1--sd1 {
background-color: var(--color-background--c-bg-1-plus);
position: relative;
}
.sd1_area-left {
width: 100%;
height: 100%;
}
.sd1_area-right {
width: 100%;
height: 100%;
position: relative;
}
.component-section_s8--diet-insight {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 100%;
position: relative;
}
.s8_area-left, .s8_area-right {
width: 100%;
height: 100%;
position: relative;
}
.u-pad-vertical-40 {
width: 100%;
height: 100%;
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.u-pad-vertical-12 {
justify-content: center;
align-items: flex-start;
width: 100%;
height: 100%;
padding-top: .75rem;
padding-bottom: .75rem;
}
.u-pad-vertical-80 {
width: 100%;
height: 100%;
padding-top: 5rem;
padding-bottom: 5rem;
}
.sd1_module-image_image-wrapper {
aspect-ratio: 3 / 4;
width: 100%;
position: relative;
}
.sd1_module-image_image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.section_main_meal-options--s22 {
background-color: var(--color-background--c-bg-2);
}
.s22_module-left {
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 100%;
display: flex;
}
.s22_module-right {
width: 100%;
height: 100%;
position: relative;
}
.u-layout-grid-overlay-6-24 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.u-layout-grid-overlay-6-24.is-s22 {
grid-template-rows: minmax(0, 1fr) .25fr .25fr;
place-items: end start;
height: 100%;
}
.u-layout-grid-overlay-6-24.is-d8-info {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
align-content: end;
place-items: end stretch;
}
.u-layout-grid-overlay-10-24 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: grid;
}
.s22_module-right_slider-description, .s22_module-right_slider-image {
justify-content: flex-start;
align-items: flex-end;
display: flex;
}
.s22_slider-image_wrapper {
aspect-ratio: 1;
justify-content: center;
align-items: flex-end;
width: 100%;
display: flex;
position: relative;
}
.s22_slider-image_meal-info-panel {
z-index: 20;
border-radius: var(--var-size--tiny-6);
background-color: var(--color-base--c-base-glass);
justify-content: center;
align-items: center;
width: 100%;
height: 2.5rem;
display: flex;
position: relative;
overflow: hidden;
}
.s22_slider-image_image-wrapper {
width: 100%;
position: absolute;
inset: 0%;
}
.s22_slider-image_image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.s22_macros_secondary-row {
z-index: 2;
grid-column-gap: .75rem;
grid-row-gap: .75rem;
display: flex;
position: relative;
}
.s22_slider-image_layout-flex {
justify-content: flex-end;
align-items: center;
width: 100%;
height: 100%;
}
.s22_slider-description_meal-title {
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex;
}
.s22_slider-description_name-2.f-p-secondary {
color: var(--color-text--c-text-subtle);
}
.u-layer-blur-40 {
z-index: 10;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.s22_module-left_component_typography-block {
width: 100%;
display: flex;
}
.s22_module-image-tag {
justify-content: flex-start;
align-items: flex-end;
width: 100%;
padding-top: 7.5rem;
display: flex;
}
.s22_module-paragraph {
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: auto;
display: flex;
}
.s22_module-image-tag_image-wrapper {
aspect-ratio: 1;
width: 100%;
position: relative;
}
.s22_module-image-tag_image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.u-section-divider-central_wrapper {
z-index: 10;
justify-content: flex-start;
align-items: center;
width: 3rem;
height: 100%;
padding-left: 1.5rem;
display: flex;
position: absolute;
inset: 0% 0% 0% 50%;
transform: translateX(-50%);
}
.u-section-divider-central {
background-color: var(--color-border--c-border-decor-subtle);
width: 1px;
height: 100%;
}
.mo1_base {
background-color: var(--color-base--c-base-glass);
width: 100%;
position: static;
inset: 10% 20% 0% auto;
}
.mo1_module-top {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
flex-flow: column;
width: 100%;
display: flex;
}
.mo1_module-tags {
flex-flow: wrap;
width: 100%;
display: flex;
}
.mo1_module-info-sheet {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
width: 100%;
display: flex;
}
.mo1_module-benefits {
width: 100%;
}
.mo1_module-button {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
justify-content: space-between;
align-items: flex-end;
width: 100%;
height: 3rem;
display: flex;
}
.c_meal-info-overlay_meal-title {
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.mo1_meal-title_name-2.f-p-secondary {
color: var(--color-text--c-text-subtle);
}
.mo1_module-top_diet-logo {
width: 100%;
}
.mo1_macros-row {
border-radius: var(--var-size--tiny-4);
color: var(--color-text--c-text-subtle);
flex-flow: row;
justify-content: space-between;
align-items: center;
width: 100%;
height: 2.5rem;
padding-left: .5rem;
padding-right: 1rem;
position: relative;
overflow: hidden;
}
.mo1_macros-row_label-wrapper {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
justify-content: flex-start;
align-items: center;
display: flex;
}
.c_meal-info-overlay-large--mo1 {
z-index: 100;
width: 384px;
}
.u-glass-overlay {
z-index: 10;
mix-blend-mode: color-burn;
background-color: #d7d7d773;
background-image: linear-gradient(#0003, #0003);
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0%;
}
.flex-block-2 {
width: 100%;
height: 100%;
}
.c_meal-info-overlay_container {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: row;
justify-content: flex-end;
align-items: center;
width: 100%;
height: 100%;
padding-right: 48px;
}
.u-padding-global-16 {
width: 100%;
height: 100%;
padding-left: 1rem;
padding-right: 1rem;
}
.u-pad-vertical-16 {
width: 100%;
height: 100%;
padding-top: 1rem;
padding-bottom: 1rem;
}
.component_overline {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
}
.mo1_macros-row_content {
z-index: 10;
flex-flow: row;
justify-content: space-between;
align-items: flex-end;
width: 100%;
position: relative;
}
.mo1_macros-row_content.is-accent {
color: var(--color-text--c-text-accent-display-light);
}
.mo1_module-top_icon-open {
position: absolute;
inset: auto 0% 0% auto;
}
.mo1_layout-flex {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
width: 100%;
}
.mo1_module-info-sheet_content {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
}
.mo1_module-benefits_content-wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
display: flex;
}
.c_meal-info-overlay_module-benefits_icon-wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
border-radius: var(--var-size--tiny-4);
flex-flow: row;
justify-content: space-between;
align-items: flex-end;
width: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.mo1_module-meal-info_tags-wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: wrap;
width: 100%;
display: flex;
}
.component_tag-meal-info.is-emphasized {
border: 1px solid var(--color-border--c-border-accent-min);
height: auto;
}
.c_meal-info-overlay_module-benefits_itags-wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: wrap;
width: 100%;
display: flex;
}
.u-icon-80 {
width: 5rem;
height: 5rem;
}
.c_meal-info-overlay-compact--mo2 {
z-index: 100;
grid-column-gap: .5rem;
grid-row-gap: .5rem;
width: 37rem;
}
.mo1_module-top_meal-title {
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.mo2_base {
background-color: var(--color-base--c-base-glass);
width: 100%;
height: 100%;
position: static;
inset: 10% 20% 0% auto;
}
.mo2_meal-title_name-1.f-p-secondary {
color: var(--color-heading--c-heading-subtle);
}
.mo2_meal-title_name-2.f-p-secondary {
color: var(--color-text--c-text-subtle);
}
.mo2_module-info-sheet_content {
z-index: 20;
grid-column-gap: .25rem;
grid-row-gap: .25rem;
width: 100%;
position: relative;
}
.mo2_module-info-sheet {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
border-radius: var(--var-size--tiny-4);
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 2.5rem;
padding-left: .5rem;
padding-right: .5rem;
display: flex;
position: relative;
overflow: hidden;
}
.mo2_macros_secondary-row {
z-index: 2;
grid-column-gap: .75rem;
grid-row-gap: .75rem;
justify-content: space-between;
align-items: flex-end;
width: 100%;
display: flex;
position: relative;
}
.macros_set {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: row;
justify-content: flex-start;
align-items: flex-end;
}
.mo2_panel-top {
width: 100%;
height: 20.75rem;
}
.mo2_module-top {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
flex-flow: column;
width: 100%;
height: 100%;
display: flex;
}
.mo2_module-button {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
justify-content: space-between;
align-items: center;
width: 100%;
height: 2.5rem;
display: flex;
}
.mo2_button-arrow {
position: absolute;
inset: 0% 0% auto auto;
}
.mo2_layout-flex {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: 100%;
}
.mo2_panel-bottom {
width: 100%;
height: 3.5rem;
}
.u-pad-vertical-8 {
width: 100%;
height: 100%;
padding-top: .5rem;
padding-bottom: .5rem;
}
.u-padding-global-8 {
width: 100%;
height: 100%;
padding-left: .5rem;
padding-right: .5rem;
}
.component_macros-secondary-table {
z-index: 10;
width: 100%;
position: relative;
}
.d14_slider_overlay_layout-flex {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
display: flex;
}
.d14_slider_overlay_module-tags-general {
width: 100%;
}
.d14_slider_overlay_module-tags-general-benefits {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
width: 100%;
display: flex;
}
.d14_slider_overlay_module-tags-meal-info, .d14_slider_overlay_module-macros-info {
width: 100%;
}
.component_tags-benefits {
flex-flow: row-reverse wrap;
width: 100%;
}
.component_tags-general {
width: 100%;
}
.c_tag_benefit_component {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.macros_secondary-table_layout-flex {
justify-content: space-between;
align-items: flex-end;
width: 100%;
height: 100%;
display: flex;
}
.d14_slider_meal-card_layout-flex {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex;
}
.d14_navigation {
aspect-ratio: 2 / 3;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
display: flex;
}
.section_main_description-2--sd2 {
background-color: var(--color-background--c-bg-1-plus);
position: relative;
}
.u-absolute-header {
z-index: 800;
pointer-events: none;
width: 100%;
height: 100%;
position: absolute;
inset: 0% 0% auto auto;
}
.u-absolute-overlay {
z-index: 100;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0%;
}
.c_typography-block_heading_h4, .c_typography-block_heading_h2 {
width: 100%;
max-width: 65ch;
}
.c_typography-block_divider {
width: 100%;
}
.u-pad-vertical-120 {
width: 100%;
height: 100%;
padding-top: 7.5rem;
padding-bottom: 7.5rem;
}
.s8_module-content {
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 100%;
padding-bottom: 2.5rem;
display: flex;
}
.s8_module-info, .component_diet-insight-info-sheet, .c_d8-info_wrapper {
width: 100%;
}
.d8-info_block-image {
aspect-ratio: 1;
pointer-events: none;
width: 100%;
position: relative;
}
.d8-info_block-slogan {
width: 100%;
height: 1.5rem;
}
.d8-info_block-table {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
padding-top: 2.5rem;
display: flex;
}
.d8-info_block-image_image-wrapper {
aspect-ratio: 1;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.d8-info_block-image_image {
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.d8-info_block-table_row {
width: 100%;
}
.d8-info_block-table_layout-flex {
justify-content: space-between;
align-items: center;
width: 100%;
height: 2.25rem;
display: flex;
}
.d8-info_block-table_description-wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: flex-end;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.d8-info_component_label-variants {
border: 1px solid var(--color-border--c-border-decor-subtle);
border-radius: var(--var-size--tiny-6);
flex: none;
justify-content: center;
align-items: center;
height: 1.75rem;
display: flex;
overflow: hidden;
}
.d8-info_component_label-variants.is-active {
border-width: 2px;
border-color: var(--color-border--c-border-accent-min);
border-radius: var(--var-size--tiny-6);
background-color: var(--color-base--c-base-subtle);
height: 2rem;
}
.d8-info_label-variants_base {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
border: 1px solid var(--color-border--c-border-decor-subtle);
border-radius: var(--var-size--tiny-6);
background-color: var(--color-base--c-base-subtle);
flex: none;
justify-content: space-between;
align-items: center;
height: 100%;
padding-left: .75rem;
padding-right: .75rem;
display: flex;
}
.d8-info_component_label-calories {
border: 1px solid var(--color-border--c-border-decor-subtle);
border-radius: var(--var-size--tiny-6);
flex: none;
justify-content: flex-end;
align-items: center;
height: 1.75rem;
display: flex;
}
.d8-info_component_label-calories.is-active {
border-width: 2px;
border-color: var(--color-border--c-border-accent-min);
border-radius: var(--var-size--tiny-6);
background-color: var(--color-base--c-base-subtle);
height: 2rem;
}
.d8-info_label-calories_base {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
border: 1px solid var(--color-border--c-border-decor-subtle);
border-radius: var(--var-size--tiny-6);
flex: none;
justify-content: space-between;
align-items: center;
height: 100%;
padding-left: .75rem;
padding-right: .75rem;
display: flex;
}
.d8-info_label-calories_text-wrapper {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: row;
justify-content: flex-start;
align-items: baseline;
}
.d8-info_block-table_title-wrapper {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: row;
}
.d8-info_block-table_price.f-label-lowercase.f-bold {
font-weight: 700;
}
.d8-info_label-variants_content-wrapper {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: row;
flex: none;
justify-content: flex-start;
align-items: center;
}
.s8_module-meal-label {
z-index: 100;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 6.75rem;
display: block;
position: relative;
}
.s8_meal-label_header {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
width: 100%;
height: 2.94rem;
}
.s8_nav-bottom {
background-color: var(--color-base--c-base-glass);
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.s8_module-navigation {
z-index: 1;
pointer-events: none;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 100%;
padding-bottom: 4rem;
display: flex;
position: relative;
inset: auto 0% 0%;
}
.s8_nav-bottom_panel {
width: 100%;
}
.s8_nav-bottom_buttons-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
}
.component_header-diet {
pointer-events: none;
width: 100%;
position: absolute;
inset: 0% 0% auto;
}
.u-absolute-copy {
z-index: 1;
pointer-events: none;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.panel-row-divider {
background-color: #858585;
width: 100%;
height: 1px;
margin-top: .6rem;
margin-bottom: .6rem;
}
.hero-wrap {
z-index: 1;
display: none;
position: relative;
overflow: visible;
}
.panel-p-div {
width: 92%;
}
.scroll-link {
pointer-events: auto;
color: #ff7800;
background-color: #000;
justify-content: center;
align-items: center;
width: 4.5rem;
height: 4.5rem;
margin-bottom: 1.5rem;
margin-left: 1.5rem;
display: flex;
position: absolute;
inset: auto auto 0% 0%;
}
.hero-h-div {
margin-top: 15vh;
position: absolute;
inset: 0 auto auto;
}
.panel-row {
transform-origin: 50% 0;
text-align: right;
letter-spacing: .04rem;
justify-content: space-between;
align-items: flex-start;
font-size: 1.45rem;
font-weight: 400;
line-height: .95;
display: flex;
transform: perspective(50rem);
}
.txt-x-large {
color: #ededed;
letter-spacing: -.02rem;
font-size: 1.2rem;
}
.panel-row-nb {
letter-spacing: .08rem;
font-size: 1.35rem;
font-weight: 700;
}
.hero-trigger-1 {
z-index: 1112;
opacity: 0;
background-color: #3962c9;
width: 22px;
height: 20vh;
margin-top: 125vh;
margin-bottom: 100vh;
}
.full-img {
object-fit: cover;
width: 100%;
height: 100%;
}
.arrow-dot {
background-color: currentColor;
width: .25rem;
height: .25rem;
}
.arrow-dot.is-3 {
margin-left: .5rem;
}
.arrow-dot.is-5 {
position: absolute;
inset: 0% 0% auto auto;
}
.arrow-dot.is-2 {
margin-left: .25rem;
}
.arrow-dot.is-4 {
position: absolute;
inset: .25rem .25rem auto auto;
}
.section-2 {
z-index: 2;
background-color: #1b1b1b;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.section-2.is-hero {
background-color: #dfdcdf00;
justify-content: flex-start;
height: 600vh;
}
.panel-row-div {
margin-top: 3vh;
}
.pin-echo {
border: 1px solid #fff3;
border-radius: 50%;
width: 180%;
height: 180%;
position: absolute;
}
.pin-echo.is-2nd {
width: 280%;
height: 280%;
}
.hero-scroll-div {
z-index: 23;
pointer-events: none;
flex: none;
width: 100%;
height: 100vh;
position: sticky;
top: 0;
}
.sp28k-logo {
color: #ff7800;
letter-spacing: -1rem;
text-transform: uppercase;
flex-direction: row;
justify-content: center;
align-items: stretch;
padding-right: 2%;
font-size: 35em;
font-weight: 700;
line-height: .85;
display: flex;
overflow: hidden;
}
.split-panel {
z-index: 20;
background-color: #1b1b1b;
border-left: 1px solid #858585;
flex-direction: column;
justify-content: flex-end;
width: 50%;
height: 100vh;
padding: 3rem 1.5rem 1.5rem;
display: flex;
position: absolute;
inset: 0% 0% 0% auto;
}
.split-panel.is-1, .split-panel.is-3 {
transform: translate(101%);
}
.split-panel.is-2 {
border-left-style: none;
border-right: 1px solid #a0a0a0;
margin-left: 0;
inset: 0% auto 0% 0%;
transform: translate(-101%);
}
.h-row, .panel-img-frame {
overflow: hidden;
}
.arrow-wrap {
width: 1.25rem;
height: .5rem;
position: relative;
}
.pin {
background-color: #000;
border-radius: 50%;
flex: none;
justify-content: center;
align-items: center;
width: 3.25rem;
height: 3.25rem;
display: flex;
position: relative;
}
.pin.is-1 {
opacity: 0;
flex: none;
bottom: 2rem;
}
.pin.is-2 {
opacity: 0;
bottom: 3rem;
left: 3rem;
}
.pin.is-3 {
opacity: 0;
margin-left: -9rem;
bottom: 21vh;
}
.hero-spline {
z-index: 3;
pointer-events: none;
width: 100%;
height: 100%;
position: absolute;
}
.hero-trigger-3 {
opacity: 0;
background-color: #961791;
width: 22px;
height: 200vh;
}
.hero-trigger-2 {
opacity: 0;
background-color: #31b416;
width: 22px;
height: 20vh;
margin-bottom: 100vh;
}
.hero-panels-div {
z-index: 22;
position: fixed;
inset: 0%;
}
.hero-corner-txt-div {
pointer-events: none;
text-align: justify;
text-indent: 1rem;
text-transform: uppercase;
width: 24rem;
margin-bottom: 1.5rem;
margin-right: 1.5rem;
font-size: 1.15rem;
font-weight: 400;
position: absolute;
inset: auto 0% 0% auto;
}
.panel-nb-div {
color: #ff7800;
letter-spacing: .08rem;
margin-bottom: 1.5rem;
margin-left: 1.5rem;
font-size: 7.5rem;
font-weight: 700;
line-height: .75;
position: absolute;
inset: auto auto 0% 0%;
}
.panel-img-div {
width: 18rem;
max-width: 22vh;
margin-bottom: 1rem;
overflow: hidden;
}
.panel-h-div {
z-index: 2;
margin-top: 60px;
margin-left: 1.5rem;
position: absolute;
inset: 3rem auto auto 0;
}
.h-xx-large {
text-transform: uppercase;
padding-top: .13em;
font-size: 11rem;
font-weight: 700;
line-height: .65;
}
.pin-div {
pointer-events: none;
justify-content: center;
align-items: center;
width: 100%;
max-width: 60vh;
height: 100%;
display: flex;
position: absolute;
inset: 0%;
transform: translate(-100%);
}
.pin-div.is-3 {
max-width: 92vh;
}
.pin-div.is-2 {
max-width: 80vh;
inset: 0% 0% 0% auto;
transform: translate(100%);
}
.pin-div.is-mobile {
display: none;
}
.panel-content-div {
z-index: 5;
max-width: 30rem;
margin-bottom: 3rem;
margin-left: auto;
padding-left: 5rem;
position: relative;
}
.center-pin {
background-color: #ff7800;
border-radius: 50%;
width: .4rem;
height: .4rem;
}
.soundwave-bg {
z-index: 0;
opacity: .5;
justify-content: center;
align-items: center;
width: 100%;
display: none;
position: fixed;
inset: 0%;
overflow: hidden;
}
.soundwave-img {
background-image: url("https://cdn.prod.website-files.com/6782f3a35b0f5cc9f286e5b8/6782f3a35b0f5cc9f286e793_temp-bg-img-2.avif");
background-repeat: no-repeat;
background-size: cover;
width: 120%;
height: 120%;
overflow: hidden;
}
.gallery {
z-index: 90;
border: 1px solid var(--color-background--c-bg-2);
background-color: var(--color-background--c-bg-2);
width: 100%;
height: 100vh;
min-height: 100vh;
margin-top: 0;
padding-bottom: 12rem;
position: relative;
}
.section-padding {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding: 8rem 1.5rem;
display: flex;
position: relative;
}
.section-padding.is-b-half {
z-index: 1;
padding-bottom: 4rem;
}
.container {
z-index: 10;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
width: 100%;
display: flex;
position: relative;
}
.slider {
z-index: 2;
position: relative;
}
.slider-container {
justify-content: flex-start;
align-items: center;
display: flex;
}
.slide {
flex: none;
width: 35vw;
max-width: 40rem;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.slide:nth-child(2n) {
width: 30vw;
}
.load-bg {
z-index: 0;
background-color: #000;
width: 100%;
height: 100%;
position: absolute;
inset: 0% 0% auto;
}
.load-img {
width: 100%;
}
.load-text {
color: #ededed;
text-transform: uppercase;
font-size: 35vw;
font-weight: 600;
line-height: 1;
}
.load-text__track {
white-space: nowrap;
flex: none;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 28vw;
min-height: 33.333vh;
display: flex;
overflow: hidden;
}
.load-text__track.is--last {
z-index: 3;
position: relative;
}
.load-text__track.middle {
justify-content: flex-end;
align-items: flex-start;
margin-top: -1vw;
margin-bottom: -1vw;
}
.load-trigger {
width: 0;
height: 0;
padding: 0;
}
.load-img__wrap {
z-index: 1;
width: 38vw;
position: absolute;
transform: rotate(20deg)translate(20vw, 90vh);
}
.load-button {
z-index: 5;
pointer-events: none;
color: #ff7800;
text-align: center;
letter-spacing: .01em;
text-transform: uppercase;
background-color: #000;
justify-content: center;
align-items: center;
width: 12rem;
height: 3rem;
font-size: 1.25rem;
font-weight: 700;
line-height: 1;
display: flex;
position: absolute;
bottom: 6.25rem;
}
.load-button:hover {
color: #000;
background-color: #ff7800;
}
.load-inner {
z-index: 1;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.load-wrap {
z-index: 101;
margin-left: auto;
margin-right: auto;
display: none;
position: fixed;
inset: 0%;
}
.slide-img {
border-radius: var(--var-size--tiny-6);
width: 100%;
height: 100%;
overflow: hidden;
}
.slide-img__w {
width: 100%;
height: 100%;
}
.cover-img {
object-fit: cover;
width: 100%;
height: 100%;
}
.slide-info {
border: 1px solid var(--color-background--c-bg-2);
opacity: 0;
width: 100%;
margin-top: 1rem;
transition: transform .5s cubic-bezier(.23, 1, .32, 1), opacity .5s cubic-bezier(.23, 1, .32, 1);
transform: translate(0, 75%);
}
.slide-info__w {
letter-spacing: .02em;
text-transform: uppercase;
flex-flow: row;
justify-content: space-between;
align-items: center;
width: 100%;
font-size: 1.25rem;
font-weight: 700;
line-height: 1;
display: flex;
}
.flex-h {
justify-content: flex-start;
align-items: center;
display: flex;
}
.overlay-w {
z-index: 110;
width: 100%;
min-height: 100vh;
display: none;
position: fixed;
inset: 0% 0% auto;
}
.overlay-nav {
z-index: 2;
grid-column-gap: 16px;
grid-row-gap: 16px;
text-transform: uppercase;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-items: center;
width: 100%;
padding: 1.25rem;
font-size: 1.25rem;
font-weight: 700;
line-height: 1;
display: grid;
position: absolute;
inset: 0% 0% auto;
}
.overlay-text {
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
}
.overlay-scroll {
color: #fff;
background-color: #000;
padding: .5rem;
}
.overlay-close {
color: #fff;
border: 1px solid #fff6;
justify-content: center;
align-items: center;
width: 4.5rem;
height: 4.5rem;
padding: 1.5rem;
display: flex;
}
.bottom-line {
transform-origin: 0%;
transform-style: preserve-3d;
background-color: currentColor;
width: 100%;
height: 1px;
position: absolute;
inset: auto 0% 0%;
transform: scale3d(0, 1, 1);
}
.bottom-line.o--40 {
opacity: .4;
}
.cursor {
z-index: 5000;
pointer-events: none;
justify-content: center;
align-items: center;
width: 2rem;
height: 2rem;
transition: transform 5ms, opacity .2s, top 5ms linear, left 5ms linear;
display: block;
position: absolute;
}
.cursor.is-active {
background-image: url("https://cdn.prod.website-files.com/6782f3a35b0f5cc9f286e5b8/6782f3a35b0f5cc9f286eaf2_e5_01--low.webp");
background-position: 50%;
background-size: 120px 120px;
transform: scale(8);
}
.cursor-el {
flex-flow: column;
justify-content: center;
align-items: center;
width: 4.5rem;
height: 4.5rem;
margin-top: 3rem;
margin-left: 3rem;
display: none;
position: absolute;
}
.cursor-el__arrow {
z-index: 1;
flex-flow: column;
justify-content: center;
align-items: center;
transition: transform .5s cubic-bezier(.19, 1, .22, 1);
display: flex;
position: relative;
}
.cursor-el__dot {
background-color: #000;
width: .25rem;
height: .25rem;
transition: transform .5s cubic-bezier(.23, 1, .32, 1);
position: relative;
}
.cursor-el__dot.is-2 {
margin-left: .5rem;
}
.cursor-el__dot.is-3 {
margin-left: 1rem;
}
.cursor-el__bg {
z-index: 0;
background-color: #ff7800;
transition: transform .5s cubic-bezier(.19, 1, .22, 1);
position: absolute;
inset: 0%;
}
.d15_accordion_bottom-line {
background-color: var(--color-border--c-border-decor-strong);
flex: none;
width: 100%;
height: .5px;
position: absolute;
inset: auto 0% 0%;
}
.d15_accordion_top-line {
z-index: 10;
background-color: var(--color-border--c-border-decor-strong);
width: 100%;
height: 1px;
position: absolute;
inset: 0% 0% auto;
}
.d15_accordion_top-line.is-opacity-60 {
opacity: .6;
}
.d15_layout-flex {
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.c_accordion_content-grid {
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: auto;
padding-bottom: 2rem;
display: flex;
overflow: hidden;
}
.c_accordion_content_layout-grid {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: minmax(0, 1fr) auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: grid;
}
.c_accordion_text-description {
width: 100%;
height: auto;
}
.gsap-test {
z-index: 1000;
background-color: #ae0404;
width: 300px;
height: 300px;
position: fixed;
top: 50%;
left: 50%;
}
.c_accordion_content {
width: 100%;
height: auto;
overflow: visible;
}
.d15_accordion_bottom-line-active {
background-color: var(--color-border--c-border-accent-min);
flex: none;
width: 100%;
height: .5px;
position: absolute;
inset: auto 0% 0%;
}
.faq-general_row {
width: 100%;
}
.d17_faq-row {
width: 100%;
height: auto;
}
.d16_column-part-bottom {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
}
.d16_column-part-top.is-transparent {
opacity: 0;
}
.s12_sticky-container {
z-index: 500;
pointer-events: none;
position: sticky;
top: 0;
}
.s12_layout-grid-16-24 {
padding-right: var(--var-size--var-padding--padding-global-small);
padding-left: var(--var-size--var-padding--padding-global-small);
grid-column-gap: 1.5rem;
grid-row-gap: 0px;
grid-template: "." 10svh
"." 10svh
"." 10svh
"." 10svh
"." 10svh
"." 10svh
"." 10svh
"." 10svh
"." 10svh
"." 10svh
/ minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
grid-auto-columns: minmax(0, .25fr);
place-items: center;
width: 100%;
height: 100%;
display: grid;
}
.s12_items_layout-grid-16-24 {
grid-column-gap: 1.5rem;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
grid-auto-columns: 0fr;
align-items: center;
width: 100%;
height: 100%;
display: grid;
}
.s12_items_layout-grid-16-24.is-diet-choice-insight {
grid-template-rows: 10svh 10svh 5rem;
}
.section_balans-meals-toggle {
background-color: var(--color-background--c-bg-2);
width: 100%;
}
.list-2 {
padding-top: 75vh;
padding-bottom: 75vh;
}
.list---item {
color: #242424;
letter-spacing: -.03em;
padding-top: .5rem;
padding-bottom: .5rem;
font-size: 2rem;
line-height: 1;
text-decoration: none;
display: block;
}
.list---image-wrap {
border-radius: 1rem;
width: 15rem;
height: 15rem;
position: fixed;
top: 50%;
right: 50%;
overflow: hidden;
transform: translate(-2rem, -50%);
}
.list---image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.section_balans-meals---temporary {
display: none;
}
.section_balans-meals-toggle-test {
width: 100%;
padding-left: 50%;
padding-right: 2rem;
display: none;
}
.section_page_meal-presentation_meals-toggle--s33 {
background-color: var(--color-background--c-bg-2);
width: 100%;
min-height: 100dvh;
padding-bottom: 50vh;
display: flex;
position: relative;
}
.s24_layout-grid-16-24 {
padding-right: var(--var-size--var-padding--padding-global-small);
padding-left: var(--var-size--var-padding--padding-global-small);
grid-column-gap: 1.5rem;
grid-row-gap: 0px;
grid-template: "."
/ minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
grid-auto-columns: minmax(0, .25fr);
place-items: center;
width: 100%;
height: 100%;
display: grid;
}
.s24_menu-content-container {
justify-content: flex-start;
align-items: center;
width: 100%;
transition: opacity .2s;
display: flex;
}
.s24_items_layout-grid-16-24 {
grid-column-gap: 1.5rem;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
grid-auto-columns: 0fr;
align-self: center;
align-items: center;
width: 100%;
height: 100%;
display: grid;
}
.s24_items_layout-grid-16-24.is-diet-choice-insight {
grid-template-rows: 10svh 10svh 5rem;
}
.s24_menu_meal-info_component {
flex-flow: column;
justify-content: center;
align-items: center;
height: 5rem;
min-height: 5rem;
display: flex;
position: relative;
}
.s24_image-container {
z-index: 500;
pointer-events: auto;
justify-content: flex-start;
align-items: center;
display: flex;
position: fixed;
top: 50%;
left: 20%;
right: 0%;
transform: translateY(-50%);
}
.s24_menu-component {
flex-flow: row;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
}
.flex-block-3 {
position: sticky;
top: 50%;
right: 50%;
}
.s24_list-container {
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
padding-top: 50vh;
display: flex;
}
.s24_image-wrapper {
z-index: 300;
aspect-ratio: 10 / 16;
border-radius: var(--var-size--small);
pointer-events: auto;
height: 70vh;
transition: opacity .4s;
position: relative;
overflow: hidden;
}
.s24_image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.s24_image.is-active {
opacity: 1;
transform: scale(1);
}
.s24_image-overlay_wrapper {
z-index: 120;
opacity: 0;
pointer-events: auto;
flex-flow: column;
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
padding-top: 1rem;
padding-bottom: 1rem;
transition: opacity .4s linear;
display: flex;
position: relative;
inset: 0%;
}
.s24_menu_meal-info_macros_secondary-row {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
display: flex;
position: relative;
inset: 10% 0% auto;
}
.s24_menu_meal-info_title-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
width: 100%;
padding-right: 5rem;
display: flex;
}
.s24_menu_meal-infu_content-right {
justify-content: space-between;
align-items: flex-end;
width: 100%;
display: flex;
}
.s24_menu_meal-info_diet-logo {
justify-content: flex-end;
align-items: flex-start;
width: 100%;
height: 100%;
}
.s24_menu_meal-info_content {
z-index: 2;
width: 100%;
height: 3rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
position: relative;
}
.s24_menu_meal-info_bg {
width: 100%;
height: 0%;
transition: height .4s;
position: absolute;
inset: 0%;
}
.s24_menu_meal-info_bg.is-active {
background-color: var(--color-base--c-base-subtle-max);
}
.s24_menu_meal-info_bg {
background-color: var(--color-base--c-base-subtle-max);
height: 100%;
display: none;
}
.s24_layout-flex {
width: 100%;
position: relative;
}
.s24_image-overlay_macros-set {
z-index: 200;
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
justify-content: center;
align-items: center;
display: flex;
}
.s24_image-overlay_aligner {
z-index: 120;
width: 100%;
height: 4rem;
position: relative;
}
.s24_image-overlay_module-top {
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
}
.s24_image-overlay_arrow {
z-index: 200;
pointer-events: none;
color: var(--color-text--c-text-strong);
transition-property: transform;
transition-duration: .4s;
transition-timing-function: linear;
position: absolute;
inset: 1% 1% auto auto;
transform: scaleX(-1);
}
.s24_menu_meal-infu_content-right_v-01 {
justify-content: space-between;
align-items: flex-end;
width: 100%;
display: none;
}
.s24_menu_meal-infu_content-right_v-02 {
justify-content: space-between;
align-items: flex-end;
width: 100%;
display: flex;
}
.s24_menu_meal-info_title-wrapper_v-02 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
width: 100%;
padding-right: 5rem;
display: flex;
}
.s24_menu_meal-info_title-_v-02 {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: row;
justify-content: flex-start;
align-items: baseline;
width: 100%;
height: auto;
display: flex;
}
.s24_title {
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 50vh;
display: flex;
}
.component_paragraph-block {
width: 100%;
}
.hero-section {
width: 100%;
height: 200vh;
position: relative;
}
.hero-video-wrapper {
border-radius: 1rem;
width: 100vw;
height: 100vh;
padding: 5rem 2rem 2rem;
position: sticky;
top: 0;
overflow: hidden;
}
.hero-video-container {
border-radius: 1rem;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.background-video {
border-radius: .75rem;
width: 100%;
height: 100%;
}
.overlay-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.play-button {
-webkit-backdrop-filter: blur(12.5rem);
backdrop-filter: blur(12.5rem);
color: #fbfbfa;
background-color: #d2d2d21a;
border-radius: .75rem;
flex-direction: column;
justify-content: center;
align-items: center;
height: 3.25rem;
padding-left: 1.75rem;
padding-right: 1.75rem;
display: flex;
}
.play-icon {
flex: 1;
width: 24px;
height: 24px;
}
.preview-wrapper {
z-index: 5;
border-radius: .75rem;
width: 16rem;
height: 20rem;
display: none;
position: fixed;
top: 50%;
left: 2%;
overflow: hidden;
}
.button-2 {
color: #000;
background-color: #0000;
border: .125rem solid #000;
border-radius: 999px;
flex-direction: column;
flex: none;
justify-content: center;
align-items: center;
height: 3.25rem;
padding: 0 1.2rem;
font-size: 1.125rem;
font-weight: 500;
transition: background-color .25s;
display: flex;
}
.button-2:hover {
color: #0075ff;
border-color: #0075ff;
}
.button-2.opacity-zero {
opacity: 0;
}
.button-row {
color: #bec0c5;
flex-direction: column;
align-items: flex-start;
margin-top: 1rem;
}
.video-full {
width: 100%;
height: 100%;
}
.container-2 {
max-width: 45rem;
margin-left: auto;
margin-right: auto;
padding-left: 2rem;
padding-right: 2rem;
position: relative;
}
.section-3 {
z-index: 1;
padding-top: 2rem;
padding-bottom: 2rem;
position: relative;
}
.content-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.content-wrapper.buttons {
align-items: flex-start;
}
.image-full {
object-fit: cover;
width: 100%;
height: 100%;
display: block;
}
.s32_marquee-track {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: flex-start;
align-items: flex-start;
margin-top: 6rem;
margin-bottom: 6rem;
display: flex;
overflow: hidden;
}
.s32_marquee-track.one {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: row;
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.s32_marquee-track.two {
background-image: url("https://cdn.prod.website-files.com/6782f3a35b0f5cc9f286e5b8/6782f3a35b0f5cc9f286e73d_one-is-collaboration-logo-strip_04.svg");
background-position: 2625px 0;
background-repeat: repeat-x;
background-size: cover;
background-attachment: scroll;
}
.s32_marquee-track.three {
background-image: url("https://cdn.prod.website-files.com/6782f3a35b0f5cc9f286e5b8/6782f3a35b0f5cc9f286e73f_one-is-collaboration-logo-strip_03.svg");
background-position: 2625px 0;
background-repeat: repeat-x;
background-size: cover;
background-attachment: scroll;
}
.s32_marquee-track.four {
background-image: url("https://cdn.prod.website-files.com/6782f3a35b0f5cc9f286e5b8/6782f3a35b0f5cc9f286e73e_one-is-collaboration-logo-strip_02.svg");
background-position: 2625px 0;
background-repeat: repeat-x;
background-size: cover;
background-attachment: scroll;
}
.s32_marquee-track.five {
background-image: url("https://cdn.prod.website-files.com/6782f3a35b0f5cc9f286e5b8/6782f3a35b0f5cc9f286e740_one-is-collaboration-logo-strip_01.svg");
background-position: 2625px 0;
background-repeat: repeat-x;
background-size: cover;
background-attachment: scroll;
}
.footer {
z-index: 0;
width: 100vw;
height: 200vh;
position: relative;
}
.footer-inner {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: fixed;
inset: 0%;
}
.infinity-wrapper {
display: flex;
position: relative;
}
.infinity-trigger {
height: 20px;
position: absolute;
inset: 50% 0% auto;
}
.s32_marquee-content {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex: none;
justify-content: space-around;
min-width: 100%;
display: flex;
}
.s32_marquee-content.is-marquee {
flex: none;
width: auto;
display: flex;
}
.s32_marquee-content.marquee {
flex: none;
justify-content: space-around;
}
.s32_marquee-content.marquee.reverse {
justify-content: space-around;
}
.s32_marquee_logo-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: row;
flex: none;
justify-content: space-around;
display: block;
}
.page {
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 100vh;
display: flex;
}
.heading-wrap {
position: absolute;
inset: 0% 0% auto;
}
.marquee-content {
grid-column-gap: 1rem;
flex: none;
justify-content: space-around;
min-width: 100%;
display: flex;
}
.yt-text {
margin-bottom: 0;
margin-left: .5rem;
font-family: Open Sans, sans-serif;
font-size: 18px;
}
.icon-embed-xsmall {
flex-direction: column;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
display: flex;
}
.heading-12 {
color: #000;
text-align: center;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 8vw;
font-weight: 900;
line-height: 1;
}
.text-block-4 {
color: #000;
text-transform: uppercase;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 9vw;
font-weight: 900;
line-height: 1;
}
.yt-link {
z-index: 10;
color: #fff;
background-color: #ef445c;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #f0f0f0;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
align-items: center;
padding: .5rem;
text-decoration: none;
transition: background-color .3s;
display: flex;
position: fixed;
inset: auto 0% 10% auto;
}
.yt-link:hover {
background-color: #9e0000;
}
.sub-heading {
color: #000;
text-align: center;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 3vw;
font-style: italic;
line-height: 1;
}
.heading-13, .heading-14, .heading-15, .heading-16, .heading-17 {
flex: none;
}
.marquee_slider {
border: 5px solid #cb0b0b;
width: 100%;
height: 20vh;
}
.dm_marquee_list {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: flex-start;
align-items: flex-start;
height: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.marquee_item {
aspect-ratio: 1;
flex: none;
height: 20vh;
display: flex;
position: relative;
}
.image-14 {
width: 100%;
}
.marquee_image {
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.d4_marquee-track {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
justify-content: flex-start;
display: flex;
overflow: hidden;
}
.d4_marquee_container {
display: block;
overflow: clip;
}
.d4_marquee-flex-track {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
justify-content: flex-start;
width: max-content;
padding-left: 1.5rem;
display: flex;
overflow: hidden;
}
.d8_desktop {
width: 100%;
height: 100%;
}
.d8_mobile-1, .d8_mobile-2 {
width: 100%;
display: none;
position: relative;
}
.u-layout-grid-mobile {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: grid;
}
.u-layout-grid-mobile.is-d5 {
grid-template-rows: auto 2.5rem;
}
.u-layout-grid-mobile.is-d7 {
grid-template-rows: 50% 2rem auto;
}
.u-layout-grid-mobile.is-d15-accordions {
grid-template-rows: auto auto auto;
}
.u-layout-grid-mobile.is-d11, .u-layout-grid-mobile.is-sd1 {
grid-template-rows: auto auto;
}
.d8_desktop-copy {
width: 100%;
}
.s8_component_slider-image {
width: 100%;
height: 100%;
position: relative;
}
.swiper-wr.is-swiper-diet-insight-office {
height: 100%;
}
.collection-list-wrapper {
width: 100%;
height: 100%;
}
.header-diet_logo-link {
z-index: 10;
pointer-events: auto;
cursor: pointer;
position: relative;
}
.s8_area-left-_mobile {
width: 100%;
height: 100%;
position: relative;
}
.ui-floating-menu-wrapper {
z-index: 99;
pointer-events: none;
justify-content: center;
padding-bottom: 1.5rem;
display: flex;
position: fixed;
inset: auto 0% 0%;
}
.ui-floating-menu {
pointer-events: auto;
background-color: #000;
border: 1px solid #313131;
border-radius: 50rem;
justify-content: center;
align-items: center;
padding: .75rem 1.25rem;
}
.menu-links-wrapper {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
align-items: center;
display: flex;
overflow: hidden;
}
.menu-link {
color: #fff;
border-bottom-style: none;
font-weight: 600;
overflow: hidden;
}
.menu-text-wrapper {
position: relative;
}
.menu-text.menu-text-absolute {
position: absolute;
}
.nav-container {
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 0;
display: flex;
}
.navlink {
color: #858585;
letter-spacing: -.04rem;
text-transform: uppercase;
margin-bottom: -1px;
padding: 0;
font-size: 1.8rem;
font-weight: 300;
line-height: 1.12;
transition: all .2s;
display: block;
overflow: hidden;
}
.navlink:hover, .navlink.w--current {
color: #ff7800;
}
.play-button-2 {
background-color: #29292980;
justify-content: center;
align-items: center;
width: 3.8rem;
margin-right: 1rem;
transition: all .25s;
display: flex;
position: relative;
overflow: hidden;
}
.play-button-2:hover {
background-color: #000;
}
.nav-menu {
background-color: #c8c8c800;
flex-direction: row;
justify-content: space-between;
width: 50%;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
display: flex;
position: fixed;
inset: 0% auto 0% 0%;
}
.play-wave-wrap {
justify-content: flex-start;
align-items: center;
width: 64%;
height: 100%;
display: flex;
overflow: hidden;
}
.navlink-item {
overflow: hidden;
}
.navbar {
z-index: 32;
background-color: var(--color-base--c-base-glass);
pointer-events: auto;
flex-direction: row;
justify-content: space-between;
height: 60px;
margin-left: 1.5rem;
margin-right: 1.5rem;
padding: .75rem 1.25rem .75rem 1.5rem;
display: flex;
position: absolute;
left: 0;
right: 0;
}
.button-3 {
color: #000;
letter-spacing: .05rem;
text-transform: uppercase;
white-space: nowrap;
background-color: #ff7800;
justify-content: center;
align-items: center;
width: 8.75rem;
padding: 1.1em 1em .96em 1.25em;
font-size: 1.38rem;
font-weight: 700;
line-height: 0;
transition: background-color .2s;
display: flex;
}
.button-3:hover {
background-color: #ededed;
}
.nav-cta-link {
color: #ededed;
text-transform: uppercase;
white-space: nowrap;
flex-direction: column;
align-items: flex-start;
padding-top: .13em;
font-size: 5.8rem;
font-weight: 700;
line-height: .8;
display: flex;
}
.navlinks {
flex-direction: column;
align-items: flex-start;
margin-bottom: 5vh;
display: flex;
}
.button-arrow {
height: 10px;
margin-top: -.1em;
margin-left: .75rem;
}
.nav-img-frame {
justify-content: center;
align-items: center;
width: 26vh;
max-width: 45%;
height: 32rem;
max-height: 32vh;
display: flex;
position: relative;
overflow: hidden;
}
.brand {
z-index: 12;
color: #ededed;
letter-spacing: .01rem;
text-transform: uppercase;
font-size: 1.5rem;
font-weight: 500;
line-height: 1.2;
transition: all .2s;
overflow: hidden;
}
.brand:hover {
color: #ff7800;
overflow: hidden;
}
.play-soundwave {
flex: none;
width: 920%;
max-width: none;
}
.nav-img-div {
pointer-events: none;
justify-content: flex-end;
width: 100%;
margin-bottom: 40vh;
display: flex;
position: absolute;
inset: auto 3rem 0% auto;
overflow: hidden;
}
.cta-arrow {
opacity: .4;
width: 1.25rem;
height: 1.25rem;
margin-left: 1rem;
margin-right: .75rem;
transition: transform .4s cubic-bezier(.165, .84, .44, 1), opacity .4s cubic-bezier(.165, .84, .44, 1);
}
.menu-line {
background-color: #ededed;
width: 100%;
height: 1px;
margin-top: .15rem;
margin-bottom: .15rem;
}
.nav-cta-row {
width: 100%;
display: flex;
}
.navbar-wrap {
z-index: 100;
pointer-events: none;
flex-direction: column;
width: 100%;
height: 100vh;
padding: 1.5rem;
display: none;
position: fixed;
inset: 0% auto 0% 0%;
}
.buy-cta-div {
z-index: 22;
pointer-events: auto;
justify-content: space-between;
align-items: stretch;
height: 60px;
margin: 1.5rem;
display: flex;
position: fixed;
inset: 0% 0% auto auto;
}
.buy-cta-div.is-mobile {
display: none;
}
.nav-cta-div {
flex: 1;
align-items: flex-end;
display: flex;
overflow: visible;
}
.menu-lines-wrap {
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex;
}
.navwrap {
flex-direction: column;
justify-content: space-between;
height: 100%;
padding: 12vh 3rem 1.5rem;
display: flex;
}
.menu-button {
flex-direction: column;
justify-content: center;
align-items: center;
width: 2.5rem;
height: 2rem;
padding: 0;
display: flex;
}
.menu-button.w--open {
z-index: 12;
background-color: #c8c8c800;
}
.nav-backdrop {
z-index: 20;
background-color: var(--color-base--c-base-glass);
display: none;
position: absolute;
inset: 1.5rem;
}
.button-arrow-dot {
background-color: #000;
width: 2px;
height: 2px;
}
.button-arrow-dot.is-3 {
margin-left: 4px;
}
.button-arrow-dot.is-4, .button-arrow-dot.is-2 {
margin-left: 2px;
}
.nav-blurry-bg {
z-index: 0;
opacity: 0;
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
pointer-events: auto;
background-color: #3333334d;
width: 100%;
height: 100%;
min-height: 100dvh;
display: none;
position: fixed;
inset: 0%;
}
.nav-img {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.nav-img.is-tech-specs {
object-position: 0% 100%;
}
.nav-img.is-default {
position: relative;
}
.nav-img.is-box {
object-position: 81% 50%;
}
.our-works-item {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
color: #999;
cursor: pointer;
flex-flow: row;
justify-content: flex-start;
align-items: center;
width: 100%;
font-style: normal;
text-decoration: none;
transition: opacity .2s;
display: flex;
position: relative;
}
.our-works-item:hover {
opacity: 1;
}
.our-works-item.is-active {
color: #c82a2a;
}
.js-scripts {
display: none;
}
.font-body {
letter-spacing: -.035rem;
font-size: .875rem;
font-weight: 400;
line-height: 1.25;
}
.font-body.font-black.opacity-50.works-absolute {
position: absolute;
top: -3rem;
}
.our-works {
z-index: 11;
background-color: #fff;
justify-content: flex-start;
align-items: flex-start;
padding: 12rem 2rem 22rem;
display: none;
position: relative;
}
.font-h1-5 {
letter-spacing: -.045rem;
text-transform: uppercase;
font-size: 3.5rem;
font-weight: 400;
line-height: 1.15;
}
.box-inner {
z-index: 0;
background-color: #0000009e;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.our-works-title {
width: 50%;
}
.container-draggable {
z-index: 1;
width: 100%;
padding: 0 2rem;
position: sticky;
top: calc(50vh - 12rem);
}
.works-img {
display: none;
}
.our-works-list {
width: 50%;
position: relative;
}
.image-contain {
z-index: 0;
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.box {
object-fit: fill;
width: 100%;
height: 100%;
position: relative;
}
.box-contain {
border-radius: .5rem;
justify-content: flex-start;
align-items: center;
width: 18rem;
height: 24rem;
margin-left: 25%;
display: flex;
overflow: hidden;
}
.image-sticky {
object-fit: cover;
width: 100%;
height: 100%;
}
.draggable-wrapper {
z-index: 0;
pointer-events: none;
width: 100%;
height: 100%;
padding-top: 12rem;
padding-bottom: 22rem;
display: block;
position: absolute;
inset: 0%;
}
.hero-fourth {
z-index: 1;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
padding-bottom: 3.5rem;
display: flex;
position: relative;
overflow: hidden;
}
.section_diet_outers--diet-outer {
z-index: 11;
background-color: #000;
width: 100%;
height: 400vh;
position: relative;
}
.hero-img {
z-index: 1;
object-fit: cover;
width: 100%;
height: 100vh;
position: absolute;
inset: 0;
}
.hero-third, .hero-first, .hero-second {
z-index: 1;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
padding-bottom: 3.5rem;
display: flex;
position: relative;
overflow: hidden;
}
.font-h1 {
letter-spacing: -.045rem;
text-transform: uppercase;
font-size: 4.5rem;
font-weight: 300;
line-height: 1.1;
}
.font-h1.font-white.z-index {
z-index: 2;
position: relative;
}
.section_footer_logo {
z-index: 1;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
padding: 2rem;
display: flex;
position: relative;
overflow: hidden;
}
.footer-last-03 {
justify-content: space-between;
align-items: center;
width: 25%;
display: flex;
}
.footer-bottom {
z-index: 2;
grid-column-gap: 2rem;
grid-row-gap: 2rem;
mix-blend-mode: difference;
flex-flow: column;
display: flex;
position: relative;
}
.footer-last-01 {
justify-content: flex-start;
align-items: center;
width: 25%;
display: flex;
}
.font-body-small {
font-size: .65rem;
font-weight: 400;
line-height: 1.25;
}
.curtain-gradient {
z-index: 14;
background-image: linear-gradient(0deg, #fff0, #fff);
width: 100%;
height: 20vh;
position: absolute;
top: 0;
}
.curtain-main {
z-index: 1;
width: 100%;
position: absolute;
inset: 0;
}
.canvas {
z-index: 13;
pointer-events: auto;
position: fixed;
inset: 0;
}
.footer-first-03 {
justify-content: space-between;
align-items: flex-end;
width: 25%;
display: flex;
}
.footer-first-01 {
justify-content: flex-start;
align-items: flex-end;
width: 25%;
display: flex;
}
.content {
width: 100%;
height: 100%;
position: relative;
}
.back-to-top {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: flex-end;
align-items: center;
display: flex;
}
.footer-last-02 {
justify-content: flex-start;
align-items: center;
width: 50%;
display: flex;
}
.footer_logo {
z-index: 2;
grid-column-gap: 5rem;
grid-row-gap: 5rem;
mix-blend-mode: difference;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
position: relative;
}
.link-animation {
text-decoration: none;
}
.link-animation.dark {
pointer-events: auto;
color: #000;
}
.footer_logotype-balans {
text-align: center;
letter-spacing: 3.9cqw;
justify-content: center;
align-self: center;
align-items: center;
padding-left: .3em;
font-family: termina, sans-serif;
font-size: 12cqw;
font-weight: 600;
line-height: .7;
}
.footer_logotype-balans.content__title {
font-family: termina, sans-serif;
}
.page-wrap {
width: 100%;
height: 100%;
}
.footer-first-02 {
justify-content: flex-start;
align-items: flex-end;
width: 50%;
display: flex;
}
.arrow-insta-link {
justify-content: center;
align-items: center;
width: .85rem;
height: .85rem;
display: flex;
}
.arrow-insta-link.white {
color: #fff;
}
.css-styles {
display: none;
}
.footer_logotype-kitchen {
text-align: center;
text-transform: uppercase;
letter-spacing: 2.35cqw;
width: 100%;
font-size: 2cqw;
font-weight: 500;
line-height: 1;
}
.footter-bottom-first {
display: flex;
}
.footter-bottom-last {
border-top: 1px dashed #fff3;
padding-top: 1.25rem;
display: flex;
}
.c_button-cta_order-diet-circular-small {
grid-column-gap: 10rem;
grid-row-gap: 10rem;
flex-flow: column;
flex: none;
justify-content: center;
align-items: center;
width: 50%;
display: flex;
}
.c_button_magnetic-arrow_medium-copy, .c_button_magnetic-arrow_medium-copy-copy {
justify-content: center;
align-items: center;
width: 9rem;
height: 9rem;
display: flex;
position: relative;
overflow: visible;
}
.c_button-cta_order-diet-circular_wrapper-medium, .component_button-arrow-medium {
display: flex;
}
.component_button-arrow-small {
width: 100%;
height: 100%;
display: none;
position: relative;
}
.component_button-arrow-set {
z-index: 125;
}
.s24_cta-button-wrapper {
z-index: 150;
pointer-events: none;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.component_button-arrow-small-copy {
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.diet-outer_visual {
z-index: 1;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.image-15 {
width: 100%;
height: 100%;
position: absolute;
}
.diet-outer_visual--temp {
display: none;
}
.hero {
z-index: 11;
background-color: #070000;
width: 100%;
height: 400vh;
position: relative;
}
.section_main_description-3--sd3 {
background-color: var(--color-background--c-bg-1-plus);
width: 100%;
position: relative;
}
.mt1_container_sticky {
width: 100%;
height: 100vh;
position: sticky;
top: 0;
}
.mt1_trigger {
z-index: 2;
pointer-events: none;
width: 100%;
height: 80vh;
position: relative;
}
.c_typo_header_tab-list {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
justify-content: flex-start;
align-items: center;
height: 100%;
display: flex;
}
.c_typo_header_tab-item {
flex: none;
}
.c_typo_header_tab-line {
background-color: var(--color-border--c-border-accent-min);
width: 100%;
height: 1px;
}
.sd3_module-content {
justify-content: flex-end;
align-items: flex-start;
}
.sd3_module-image_image-wrapper {
aspect-ratio: 3 / 4;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.sd3_content-item {
z-index: -1;
opacity: 0;
width: 100%;
position: absolute;
}
.sd3_content-item.is-active {
z-index: 2;
opacity: 1;
position: relative;
}
.sd3_content-list {
justify-content: flex-end;
align-items: flex-start;
width: 100%;
height: 100%;
position: relative;
}
.sd3_module-image_counter-wrapper {
z-index: 2;
width: 100%;
height: 100%;
padding-top: 3rem;
position: relative;
}
.sd3_module-image_image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.sd3_module-image_image-item {
aspect-ratio: 3 / 4;
opacity: 0;
width: 100%;
transition: opacity .2s;
position: absolute;
inset: 0%;
}
.sd3_module-image_image-item.is-active {
opacity: 1;
}
.sd3_module-image_image-list {
aspect-ratio: 3 / 4;
width: 100%;
height: 100%;
position: relative;
}
.sd3_visual-list {
flex-flow: row;
justify-content: flex-start;
align-items: flex-end;
height: 100%;
display: flex;
position: relative;
}
.section_main_description-4-clip--sd4 {
background-color: var(--color-background--c-bg-1-plus);
width: 100%;
position: relative;
}
.sd4_component_visual {
z-index: 1;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
transition: opacity .2s;
display: flex;
position: absolute;
inset: 0%;
}
.sd4_component_visual.is-active {
opacity: 1;
}
.sd4_visual-list {
flex-flow: row;
justify-content: flex-start;
align-items: flex-end;
height: 100%;
position: relative;
}
.b_header-section_component {
flex-flow: column;
justify-content: space-between;
align-items: center;
width: 100%;
height: 3.25rem;
display: flex;
}
.u-pad-vertical-14 {
justify-content: center;
align-items: flex-start;
width: 100%;
padding-top: .88rem;
padding-bottom: .88rem;
}
.b_header-section_logo_component {
flex: none;
align-items: baseline;
height: 1.5rem;
padding-top: .4rem;
display: flex;
}
.b_header-section_title-wrapper {
flex: none;
}
.b_header-section_content {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
position: relative;
}
.b_header-section_divider-main {
z-index: 10;
background-color: var(--dark--text--text-subtle);
opacity: .75;
color: var(--color-text--c-text-subtle);
justify-content: space-between;
align-items: center;
width: 100%;
height: .5px;
display: flex;
position: relative;
}
.b_header-section_title-right {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
color: var(--color-text--c-text-subtle);
justify-content: flex-end;
align-items: center;
display: flex;
}
.b_header-section_divider-short {
z-index: 10;
background-color: var(--color-text--c-text-subtle);
opacity: .75;
color: var(--color-border--c-border-decor-subtle);
flex: none;
justify-content: space-between;
align-items: center;
width: 2rem;
height: .5px;
display: flex;
position: relative;
}
.b_header-section-heading_component {
width: 100%;
padding-top: 5rem;
padding-bottom: 5rem;
position: relative;
}
.b_header-section_module-top {
justify-content: flex-end;
align-items: center;
width: 100%;
height: 3.25rem;
display: flex;
}
.u-layout-flex {
justify-content: center;
align-items: flex-end;
width: 100%;
height: 100%;
}
.u-layout-flex.is-start {
justify-content: flex-end;
align-items: flex-end;
height: auto;
}
.b_typography-block {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-flow: column;
width: 100%;
display: flex;
}
.b_typography-block_module-paragraph {
flex-flow: column;
width: 100%;
display: flex;
}
.b_typography-block_divider {
background-color: var(--color-text--c-text-subtle);
opacity: .5;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 1px;
display: flex;
}
.b_typography-block_heading-h4 {
width: 100%;
max-width: 65ch;
}
.b_typography-block_heading-h3, .b_typography-block_heading-h2 {
width: 100%;
max-width: 65ch;
display: flex;
}
.b_typography-block_overline {
flex: none;
width: auto;
}
.b_typography-block_module_header {
width: 100%;
max-width: 65ch;
}
.b_typography-block_module-paragraph_column-grid {
grid-column-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: end;
align-self: flex-start;
place-items: end stretch;
width: 100%;
display: grid;
}
.b_paragraph-block_module-header_h2 {
grid-column-gap: 8px;
grid-row-gap: 8px;
width: 100%;
}
.b_paragraph-block_module-header_h3, .b_paragraph-block_module-header_h4, .b_paragraph-block_module-header_h5 {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
width: 100%;
}
.b_paragraph-block_module-header_h6 {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
width: 100%;
}
.b_typography-block_heading-h5, .b_typography-block_heading-h6 {
width: 100%;
max-width: 65ch;
}
.b_typography-block_module-header_grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
grid-template-rows: auto .25fr auto auto auto;
grid-template-columns: 1fr;
grid-auto-rows: auto;
grid-auto-columns: 1fr;
place-items: start;
width: 100%;
height: 100%;
display: flex;
}
.b_typography-block_module-top {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
width: 100%;
}
.b_typography-block_module-header_flex {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
grid-template-rows: auto .25fr auto auto auto;
grid-template-columns: 1fr;
grid-auto-rows: auto;
grid-auto-columns: 1fr;
place-items: start;
width: 100%;
display: flex;
}
.b_typography-block_module-paragraph_subheading {
width: 100%;
max-width: 65ch;
padding-bottom: 1rem;
}
.b_typography-block_module-paragraph_content {
flex-flow: column;
width: 100%;
max-width: 65ch;
}
.b_typography-block_module-paragraph_flex-main {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: minmax(0, 100%) minmax(0, 100%);
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.grid-width-temp {
width: 50vw;
}
.section_meals_m3 {
width: 100%;
}
.u--layout-grid-extended-12-24--4 {
grid-column-gap: 1.5rem;
grid-row-gap: 0rem;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1.5rem 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1.5rem;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: grid;
}
.u--layout-grid-extended-12-24--4.is-section-mt1-benefits {
grid-column-gap: 1.5rem;
grid-template-rows: 3rem auto auto 3rem;
grid-template-columns: 1.5rem 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1.5rem;
grid-auto-columns: 1fr;
display: grid;
}
.u--layout-grid-extended-12-24--4.is-section-m1 {
grid-template-rows: 3rem auto auto 3rem;
place-items: end start;
}
.u--layout-grid-extended-12-24--4.is-hm2 {
grid-template-rows: 25% 25% 25% 25%;
}
.u--layout-grid-extended-12-24--4.is-section-p3 {
grid-column-gap: 1.5rem;
grid-template-rows: 30vh 30vh 30vh 30vh;
}
.u-image-wrapper {
width: 100%;
position: relative;
}
.section_placeholder {
width: 100%;
height: 100vh;
}
.b_list_label_row {
justify-content: flex-start;
align-items: center;
width: 100%;
height: 3rem;
padding-top: .75rem;
padding-bottom: .75rem;
display: flex;
}
.b_list_label_content-right {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: flex-start;
align-items: center;
display: flex;
}
.b_list_label_content-wrapper {
grid-column-gap: 2.25rem;
grid-row-gap: 2.25rem;
flex-flow: row;
justify-content: center;
align-items: center;
}
.b_list_label_component {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
width: 100%;
}
.section_icons_diet-others {
padding-bottom: 5rem;
}
.b_list_meal-info_component {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
width: 100%;
}
.b_list_meal-info_row {
grid-column-gap: 2.25rem;
grid-row-gap: 2.25rem;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 2.25rem;
display: flex;
}
.b_list_meal-info_content-wrapper {
grid-column-gap: 2.25rem;
grid-row-gap: 2.25rem;
flex-flow: row;
justify-content: center;
align-items: center;
}
.c_tag_meal-info_large_component {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.b_list_label_icon-slot {
width: 100%;
height: 100%;
}
.b_list_meal-info_item {
grid-column-gap: .88rem;
grid-row-gap: .88rem;
width: 100%;
min-height: 6.5rem;
padding-top: .88rem;
padding-bottom: .88rem;
}
.b_list_daily-calories_component {
z-index: 10;
grid-column-gap: 2rem;
grid-row-gap: 2rem;
border-radius: var(--var-size--tiny-6);
pointer-events: auto;
cursor: pointer;
width: 100%;
padding-left: .5rem;
padding-right: .5rem;
position: relative;
}
.b_list_daily-calories_content-left {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
flex-flow: row;
justify-content: flex-start;
align-items: center;
width: 12.5rem;
min-width: 12.5rem;
}
.b_list_daily-calories_content-title {
justify-content: space-between;
align-items: center;
width: 100%;
padding-top: 4px;
display: flex;
}
.b_list_daily-calories_title-wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
align-items: baseline;
display: flex;
}
.b_calories_primary {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
justify-content: flex-start;
align-items: flex-end;
padding-right: 2.75rem;
display: flex;
}
.b_calories_data_primary {
width: 2rem;
}
.b_calories_data_primary.f-p-primary.f-bold {
width: 2.2rem;
font-weight: 700;
}
.b_list_daily-calories_component-meal-type {
flex: none;
}
.b_list_daily-calories_content-left-wrapper {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
flex-flow: row;
flex: none;
justify-content: flex-start;
align-items: center;
width: 12.5rem;
}
.b_list_daily-calories_item {
width: 100%;
padding-top: .88rem;
padding-bottom: .88rem;
}
.b_list_daily-calories_item:hover {
background-color: var(--color-background--c-bg-4);
}
.b_list_daily-calories_row {
grid-column-gap: 2.25rem;
grid-row-gap: 2.25rem;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 2.25rem;
display: flex;
}
.b_calories_display {
justify-content: flex-start;
align-items: flex-end;
display: flex;
}
.b_calories_data_dis-medium {
width: 2rem;
}
.b_calories_data_dis-medium.f-p-primary.f-bold {
width: 2.2rem;
font-weight: 700;
}
.b_calories_data_dis-medium.f-p-dis-medium.f-bold {
color: var(--color-text--c-text-accent-default);
width: 5rem;
padding-left: .5rem;
font-weight: 700;
}
.b_calories_display_aligner-icon {
height: 100%;
padding-bottom: .5rem;
}
.d5_component_controls-copy {
border: 1px solid var(--color-border--c-border-decor-subtle);
border-radius: var(--var-size--tiny-6);
flex: 1;
justify-content: center;
align-items: center;
height: 1.75rem;
display: flex;
}
.d5_component_controls-copy.is-active {
border-width: 2px;
border-color: var(--color-border--c-border-accent-min);
border-radius: var(--var-size--tiny-6);
background-color: var(--color-base--c-base-subtle);
height: 2rem;
}
.b_tag_meal-variant {
border: 1px solid var(--color-border--c-border-decor-subtle);
border-radius: var(--var-size--tiny-4);
flex: 1;
justify-content: center;
align-items: center;
min-width: 7rem;
height: 1.75rem;
padding-left: .75rem;
padding-right: .75rem;
display: flex;
}
.b_tag_meal-variant.is-active {
border-width: 2px;
border-color: var(--color-border--c-border-accent-min);
border-radius: var(--var-size--tiny-6);
background-color: var(--color-base--c-base-subtle);
height: 2rem;
}
.b_tag_calories {
border: 1px solid var(--color-border--c-border-inter-min);
border-radius: var(--var-size--tiny-4);
flex: 1;
justify-content: flex-start;
align-items: center;
min-width: 6.5rem;
height: 1.75rem;
padding-left: .75rem;
padding-right: .75rem;
display: flex;
}
.b_tag_calories.is-active {
border-width: 2px;
border-color: var(--color-border--c-border-accent-min);
border-radius: var(--var-size--tiny-6);
background-color: var(--color-base--c-base-subtle);
height: 2rem;
}
.kcal {
color: var(--color-text--c-text-subtle);
letter-spacing: .24px;
font-family: Geist, sans-serif;
font-size: .75rem;
font-weight: 400;
line-height: 1rem;
position: relative;
}
.b_tag_calories_content-wrapper {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
display: flex;
}
.sd33_component_visual {
z-index: 1;
opacity: 0;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
transition: opacity .2s;
display: flex;
position: absolute;
inset: 0%;
}
.sd33_component_visual.is-active {
opacity: 1;
}
.sg_section_components_slider_menu-weekly-insight {
padding-bottom: 5rem;
}
.b_slider-1_component {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
flex-flow: column;
width: 100%;
height: auto;
padding-bottom: 1rem;
display: flex;
}
.b_slider-1_module-image {
border-radius: var(--var-size--base);
width: 100%;
height: auto;
position: relative;
overflow: hidden;
}
.b_slider-1_module-title-panel {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: space-between;
align-items: flex-end;
width: 100%;
display: flex;
}
.b_slider-1_title-wrapper {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: column;
display: flex;
}
.b_slider-1_module-title-panel_block-left {
grid-column-gap: 2.25rem;
grid-row-gap: 2.25rem;
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
}
.mw_overlay_padding {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
height: 100%;
padding: 1rem 3rem;
display: flex;
position: absolute;
inset: auto 0% 0%;
}
.b_slider-1_aligner-title {
justify-content: flex-end;
align-items: flex-start;
}
.b_slider-1_module-title-panel-bottom {
justify-content: space-between;
align-items: flex-end;
width: 100%;
padding-right: 3rem;
display: flex;
}
.b_slider-1_module-title-panel-top {
width: 100%;
}
.b_meal-overlay_overline {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
align-items: baseline;
padding-left: 3rem;
display: flex;
}
.b_meal-overlay_date-wrapper {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: row;
align-items: baseline;
}
.b_macros_panel-secondary_component {
z-index: 10;
grid-column-gap: 2rem;
grid-row-gap: 2rem;
border-radius: var(--var-size--tiny-6);
flex: none;
justify-content: center;
align-items: center;
width: 100%;
height: 3.5rem;
padding: 1rem;
display: flex;
position: relative;
overflow: hidden;
}
.b_macros_block-aligner {
width: 100%;
height: 100%;
}
.mw_overlay_tags-wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
flex: none;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex;
}
.mw_overlay_button-arrow {
z-index: 1000;
cursor: pointer;
justify-content: flex-end;
align-items: flex-start;
display: flex;
position: absolute;
top: 1rem;
left: auto;
right: 1rem;
}
.c_button_circular_arrow_cta-link-left {
flex: none;
}
.section_b_homepage--bs0 {
z-index: 1;
width: 100%;
height: 100vh;
display: block;
position: relative;
}
.bs0_slider-wrapper {
flex-flow: row;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.bs0_slider-image_wrapper {
width: 100%;
height: 100%;
position: relative;
}
.bs0_slider-image_list {
width: 100%;
height: 100vh;
position: relative;
}
.bs0_slider-image_item {
padding-right: var(--var-size--var-padding--padding-global-large);
padding-bottom: 2.5rem;
padding-left: var(--var-size--var-padding--padding-global-large);
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0%;
}
.image-16 {
object-fit: cover;
width: 100%;
height: 100%;
}
.bs0_slider-image_image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.bs0_slider_title {
position: relative;
}
.bs0_component_typography {
z-index: 20;
pointer-events: auto;
color: var(--color-text--c-text-accent-default);
padding-bottom: 3rem;
position: relative;
}
.image-17 {
object-fit: cover;
width: 100%;
height: 100%;
}
.div-block-49 {
z-index: 2;
opacity: .56;
background-color: #000;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.sb0_visual_overlay {
flex: none;
width: 100%;
display: flex;
position: absolute;
inset: 0%;
}
.bs0_slider_indicator_wrapper {
flex: none;
width: 100%;
padding-top: 10rem;
display: none;
position: absolute;
inset: 0% 0% auto;
}
.bs0_slider_indicator_list {
padding-top: 1.5rem;
padding-right: var(--var-size--var-padding--padding-global-large);
padding-left: var(--var-size--var-padding--padding-global-large);
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
}
.bs0_slider_indicator_item {
z-index: 10;
justify-content: center;
align-items: center;
width: 5rem;
height: 2rem;
display: flex;
position: relative;
overflow: hidden;
}
.bs0_slider_indicator_item:hover {
border-radius: var(--var-size--tiny-4);
background-color: var(--color-background--c-bg-2);
opacity: .3;
}
.bs0_slider_indicator_line {
background-color: var(--color-base--c-base-accent);
transform-origin: 0%;
cursor: pointer;
transform-style: preserve-3d;
width: 100%;
height: 100%;
transform: translate(100%)scale3d(0, 1, 1);
}
.bs0_slider_area-button_target-area {
z-index: 5;
cursor: pointer;
background-color: #efefef00;
width: 50%;
height: 100%;
padding: 0;
position: absolute;
inset: 0% 0% 0% auto;
}
.bs0_slider_area-button_target-area.is-prev {
cursor: none;
padding: 0;
inset: 0% auto 0% 0%;
}
.bs0_slider_area-button_target-area.is-next {
cursor: none;
}
.bs0_visual_overlay_radial {
z-index: 100;
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.bs0_visual_overlay_gradient-diagonal {
z-index: 0;
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.bs0_slider-content_wrapper {
z-index: 100;
pointer-events: none;
width: 100%;
height: 100%;
position: absolute;
}
.bs0_slider-content_list {
width: 100%;
height: 100vh;
position: relative;
}
.bs0_slider-content_item {
padding-right: var(--var-size--var-padding--padding-global-large);
padding-bottom: 2.5rem;
padding-left: var(--var-size--var-padding--padding-global-large);
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0%;
}
.bs0_index {
color: var(--color-text--c-text-accent-default);
font-size: 20rem;
display: none;
position: absolute;
inset: 50% auto auto 0%;
}
.bs0_slider_indicator_base {
background-color: var(--color-background--c-bg-2);
opacity: .5;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 2px;
display: flex;
position: relative;
overflow: hidden;
}
.code-embed_homepage {
position: absolute;
inset: 0% auto auto 0%;
}
.b-logo-balans_logo-central-desktop-small {
height: 2rem;
}
.nav_ui-main--ui {
z-index: 1000;
pointer-events: none;
width: 100%;
min-height: 100vh;
display: block;
position: fixed;
inset: 0%;
}
.b_ui-main_container {
flex-flow: row;
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.nav-menu-2 {
float: none;
width: 100%;
}
.navbar-2 {
width: 100%;
}
.b_ui_w-navbar-top--ui1 {
border-radius: var(--var-size--base);
pointer-events: auto;
cursor: pointer;
background-color: #ddd0;
justify-content: center;
align-items: flex-start;
width: 100%;
display: flex;
position: relative;
}
.brand-2 {
float: none;
}
.b_ui1_w-menu-concept {
z-index: 1000;
border-top-left-radius: var(--var-size--tiny-6);
border-top-right-radius: var(--var-size--tiny-6);
border-bottom-left-radius: var(--var-size--tiny-6);
border-bottom-right-radius: var(--var-size--tiny-6);
background-color: var(--color-background--c-bg-4);
background-image: none;
background-repeat: repeat;
background-size: auto;
justify-content: flex-start;
align-items: center;
width: 100%;
height: calc(100vh - 1.5rem);
padding-right: 0;
transition-property: opacity, transform;
transition-duration: .5s, .5s;
transition-timing-function: ease-out, ease-out;
display: flex;
position: relative;
inset: 0%;
overflow: hidden;
}
.b_ui1_logomark-wrapper-temp {
clear: none;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
padding-left: 1.25rem;
display: flex;
}
.b_ui-main_wrapper {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
position: relative;
}
.z-link {
margin-left: 0;
margin-right: 0;
padding: 0;
}
.b_ui-main_menu-button {
z-index: 200;
position: absolute;
inset: auto 0% 20% auto;
}
.b_ui1_button-nav {
z-index: 100;
justify-content: center;
align-items: center;
width: 4rem;
height: 4rem;
padding: 0;
display: block;
position: relative;
bottom: 0;
}
.b_ui1_button-nav.w--open {
background-color: #c8c8c800;
}
.nav_ui_menu-concept--mc {
width: 100%;
display: block;
}
.mc_wrapper {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: center;
place-items: center stretch;
width: 100%;
height: 100%;
display: flex;
}
.mc_item {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.mc_link_content {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex: none;
justify-content: flex-start;
align-items: baseline;
width: 100%;
transition: opacity .1s;
display: flex;
}
.mc_image {
z-index: 2;
pointer-events: none;
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.mc_marquee {
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 100%;
padding-bottom: 4vh;
display: flex;
position: absolute;
inset: 0%;
}
.mc_marquee-inner {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
flex-flow: row;
justify-content: flex-start;
align-items: center;
width: max-content;
transition-property: transform, opacity;
transition-duration: .1s, .1s;
transition-timing-function: ease, ease;
display: flex;
transform: translate(60px);
}
.mc_index {
color: var(--color-heading--c-heading-accent);
flex: none;
align-self: flex-start;
margin-right: 5rem;
}
.mc_title.f-is-lowercase {
flex: none;
align-self: baseline;
}
.mc_label.f-label-large {
flex: none;
}
.f-is-accent-light {
color: var(--color-text--c-text-accent-display-light);
}
.mc_divider {
opacity: .3;
justify-content: flex-start;
align-items: center;
width: 100%;
height: .25rem;
display: flex;
position: absolute;
inset: auto 0% 0%;
}
.mc_image-thumbnail-wrapper {
z-index: 2;
aspect-ratio: 4 / 5;
border-top-left-radius: var(--var-size--tiny-4);
border-top-right-radius: var(--var-size--tiny-4);
border-bottom-left-radius: var(--var-size--tiny-4);
border-bottom-right-radius: var(--var-size--tiny-4);
justify-content: center;
align-items: flex-start;
height: 6rem;
transition-property: transform, opacity;
transition-duration: .4s, .4s;
transition-timing-function: cubic-bezier(.23, 1, .32, 1), cubic-bezier(.23, 1, .32, 1);
display: flex;
position: absolute;
top: 50%;
left: 15%;
overflow: hidden;
transform: translateY(-50%);
}
.b_com_ui_menu-item-inner {
z-index: 20;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 1.75rem;
display: flex;
position: relative;
}
.b_com_ui_content-wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
position: relative;
}
.b_com_ui-menu-list_arrow {
position: absolute;
inset: 0% 0% 0% auto;
}
.b_com_ui_menu-list_divider {
background-color: var(--color-border--c-border-decor-subtle);
width: 100%;
height: .5px;
position: absolute;
inset: auto 0% 0%;
}
.b_com_ui_menu-item {
border-radius: var(--var-size--tiny-4);
width: 100%;
height: 1.75rem;
padding-left: 1rem;
padding-right: 1rem;
position: relative;
overflow: hidden;
}
.b_ui_nav-bottom--ui2 {
z-index: 1000;
pointer-events: auto;
width: 100%;
height: 4rem;
position: relative;
}
.b_ui_container {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex;
}
.b_ui_menu-quick_bg-base {
z-index: 1;
background-color: var(--color-base--c-base-glass);
width: 100%;
height: 100%;
transition: opacity .5s linear;
display: none;
position: absolute;
inset: 0%;
}
.b_ui_grid-main {
grid-column-gap: 1.5rem;
grid-row-gap: 0rem;
grid-template-rows: 4rem 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 4rem;
grid-template-columns: .75rem 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr .75rem;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: grid;
}
.b_ui_menu-quick--ui3--temp {
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 100%;
position: relative;
}
.b_ui_grid {
z-index: 2;
grid-column-gap: 1.5rem;
grid-row-gap: 0rem;
grid-template-rows: 100%;
grid-template-columns: .75rem 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr .75rem;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: grid;
position: relative;
}
.ui2__module-social-media--ui2s {
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.ui2_module-slogan {
z-index: 20;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.ui2_module-quick-menu {
width: 100%;
height: 100%;
padding: .5rem;
position: relative;
}
.ui2_module-sound {
justify-content: center;
align-items: center;
display: flex;
}
.b_ui1_module-left {
grid-column-gap: 1.75rem;
grid-row-gap: 1.75rem;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.b_ui1_module-right {
grid-column-gap: 1.13rem;
grid-row-gap: 1.13rem;
justify-content: flex-end;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.b_ui1_module-logo {
flex-flow: row;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.b_ui1_links-wrapper {
justify-content: flex-start;
align-items: center;
display: flex;
}
.b_ui1_link {
flex: none;
justify-content: flex-start;
align-items: center;
height: 1.5rem;
padding-left: .75rem;
padding-right: .75rem;
display: flex;
position: relative;
}
.b_ui1_link.is-info, .b_ui1_link.is-o-nas, .b_ui1_link.is-concept {
opacity: 0;
}
.b_ui1_link.is-contact-us-mobile {
pointer-events: auto;
}
.ui3_content-wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
height: 100%;
padding-bottom: 8rem;
padding-left: .5rem;
padding-right: .5rem;
display: flex;
}
.ui3_logomark-wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: flex-start;
align-items: center;
padding-left: 1rem;
display: flex;
}
.ui3_list_wrapper {
z-index: 200;
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: column;
width: 100%;
display: flex;
position: relative;
}
.ui3_component_menu-item {
cursor: pointer;
}
.ui3_component-logomark {
border-radius: var(--var-size--tiny-4);
justify-content: center;
align-items: center;
width: 2.5rem;
height: 2.5rem;
position: relative;
overflow: hidden;
}
.ui3_base {
border-radius: var(--var-size--tiny-6);
background-color: var(--color-base--c-base-glass);
width: 100%;
height: 100%;
display: none;
position: absolute;
inset: 0%;
}
.ui2_cta-wrapper {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
justify-content: flex-start;
align-items: center;
display: flex;
}
.ui2_button_primary {
border-radius: var(--var-size--tiny-4);
color: var(--color-text-on-base--c-text-on-base-primary);
text-align: center;
cursor: pointer;
justify-content: center;
align-items: center;
width: 100%;
height: 3rem;
min-height: 3rem;
font-weight: 600;
transition: color .2s cubic-bezier(.77, 0, .175, 1), opacity .2s cubic-bezier(.77, 0, .175, 1);
display: flex;
position: relative;
overflow: hidden;
}
.ui2_button_primary:hover {
background-color: var(--color-base--c-base-accent);
color: var(--dark--text-on-base--text-on-base-accent);
}
.ui2_button_primary_base {
z-index: 120;
background-color: var(--color-base--c-base-glass);
width: 100%;
height: 100%;
transition: background-color .4s;
display: flex;
position: absolute;
inset: 0%;
overflow: hidden;
}
.ui2_button_primary_base:hover {
background-color: var(--color-base--c-base-accent);
}
.ui2_button_primary_border {
z-index: 2;
border: 1px solid var(--color-border--c-border-inter-min);
border-radius: var(--var-size--tiny-4);
pointer-events: none;
width: 100%;
height: 100%;
display: flex;
position: absolute;
overflow: hidden;
}
.ui2_button_content {
z-index: 200;
grid-column-gap: .5rem;
grid-row-gap: .5rem;
pointer-events: none;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding-left: 1.5rem;
padding-right: 1.5rem;
display: flex;
position: relative;
overflow: hidden;
}
.ui3_container {
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 100%;
height: 100%;
display: flex;
position: relative;
}
.b_ui_indicator--ui4 {
z-index: 1;
pointer-events: auto;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
display: none;
position: relative;
}
.hmp_balans-ring--absolute--ui5 {
z-index: 1;
pointer-events: none;
width: 100%;
height: 100vh;
display: flex;
position: fixed;
inset: 0% 0% auto;
}
.ui2s_wrapper, .uis2_icon-set {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: flex-start;
align-items: center;
display: flex;
}
.b_ui_menu-quick--ui3 {
z-index: 100;
width: 100%;
height: 100%;
display: none;
position: relative;
}
.b_ui1_module-logomark {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding-left: 1.25rem;
display: flex;
}
.b_ui_logo_mobile {
display: none;
}
.b_ui1_module-button {
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 100%;
overflow: hidden;
}
.ui2_button_mobile {
border: 1px solid var(--color-border--c-border-inter-min);
border-radius: var(--var-size--tiny-4);
background-color: var(--color-base--c-base-glass);
flex: none;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
display: flex;
overflow: hidden;
}
.u-icon-28 {
width: 1.75rem;
height: 1.75rem;
}
.b_ui_balans-ring-wrapper {
z-index: 1;
width: 100%;
height: 100%;
position: relative;
}
.b_ui1_logomark_wrapper {
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
}
.b_ui_mavbar-top_main {
z-index: 10;
border-radius: var(--var-size--tiny-6);
background-color: var(--color-base--c-base-glass);
justify-content: center;
align-items: flex-start;
width: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.mc_marquee_item {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
flex-flow: row;
flex: none;
justify-content: space-between;
align-items: center;
}
.mc_link {
pointer-events: auto;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 100%;
padding-bottom: 4vh;
display: flex;
}
.mc_component_item {
width: 100%;
height: calc(16.6667vh - 2.25rem);
overflow: hidden;
}
.mc_component_item.is-coming {
opacity: .4;
}
.mc_component_item.is-coming.is-nasza-wiedza {
display: none;
}
.mc_image-thumbnail {
z-index: 2;
pointer-events: none;
object-fit: cover;
width: 100%;
height: 100%;
position: static;
inset: 0%;
}
.div-block-50 {
aspect-ratio: 4 / 5;
height: 12vh;
position: absolute;
}
.image-18 {
object-fit: cover;
width: 100%;
height: 100%;
}
.mc_image-wrapper {
z-index: 100;
aspect-ratio: 4 / 5;
border-top-left-radius: var(--var-size--tiny-4);
border-top-right-radius: var(--var-size--tiny-4);
border-bottom-left-radius: var(--var-size--tiny-4);
border-bottom-right-radius: var(--var-size--tiny-4);
object-fit: cover;
height: 12vh;
display: block;
position: absolute;
top: 50%;
left: 10%;
overflow: hidden;
transform: translateY(-50%);
}
.b_card-100_wrapper {
aspect-ratio: 3 / 4;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
height: 70vh;
padding: 1.5rem;
display: flex;
}
.u--layout-grid-12-24 {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: grid;
}
.u--layout-grid-12-24.is-d16 {
grid-template-rows: auto 80vh;
}
.u--layout-grid-12-24.is-d16-content {
grid-template-rows: auto;
}
.u--layout-grid-12-24.is-d16-header {
grid-template-rows: auto auto;
}
.u--layout-grid-12-24.is-d16-circle {
grid-template-rows: auto;
}
.u--layout-grid-12-24.is-card-100 {
display: flex;
}
.b_card-100_block-top {
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
}
.b_card-100_block-central {
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.b_card-100_block-title {
width: 100%;
}
.b_card-100_block-text {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
}
.b_card-100_divider {
justify-content: center;
align-items: center;
width: 50%;
height: .25rem;
display: flex;
overflow: hidden;
}
.b_card-100_title-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: flex-start;
align-items: flex-end;
display: flex;
}
.b_card-100_title-secondary {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: wrap;
align-items: baseline;
display: flex;
}
.b_card-100_number {
font-size: 4.5rem;
}
.b_card-100_number.f-is-serif {
margin-bottom: 0;
padding-bottom: 10px;
}
.b_card-100_logomark-wrapper {
color: var(--color-border--c-border-decor-subtle);
}
.b_card-100_icon-flip_wrapper {
position: relative;
}
.b_card-100_component_icon {
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.b_card-100_icon-flip_placeholder {
width: 100%;
height: 100%;
display: none;
}
.ui2_button_primary_base-flip {
z-index: 100;
background-color: var(--color-base--c-base-glass);
width: 100%;
height: 100%;
transition: background-color .4s;
display: flex;
position: absolute;
inset: 0%;
overflow: hidden;
}
.u-image-large-wrapper {
width: 100%;
height: 100vh;
position: relative;
}
.m3_module-left {
width: 100%;
height: 100%;
}
.m3_module-right {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 100%;
position: relative;
}
.m3_list-wrapper {
width: 100%;
padding-top: 2rem;
padding-right: 3rem;
}
.m4_module-right {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 100%;
position: relative;
}
.section_meals_m4 {
width: 100%;
}
.u-padding-section-80 {
background-color: var(--color-background--c-bg-4);
width: 100%;
padding-top: 5rem;
padding-bottom: 5rem;
}
.m4_module-left {
width: 100%;
height: 100vh;
}
.m4_module-right-copy {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 100%;
position: relative;
}
.m4_module-right {
justify-content: space-between;
align-items: flex-start;
}
.m4_title-wrapper, .m4_paragraph-wrapper {
width: 100%;
}
.u-section-ratio--16-9 {
aspect-ratio: 16 / 9;
width: 100%;
}
.sg_section_components_card-meal {
padding-bottom: 5rem;
}
.b_card-meal_component {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
pointer-events: none;
flex-flow: column;
width: 100%;
padding-bottom: 1rem;
display: flex;
}
.b_card-meal_image {
border-radius: var(--var-size--base);
height: 70vh;
display: flex;
position: relative;
overflow: hidden;
}
.b_card-meal_title-panel {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: space-between;
align-items: flex-end;
width: 100%;
display: flex;
}
.b_card-meal_mofule-overline {
width: 100%;
}
.b_card-meal_module-title {
justify-content: space-between;
align-items: flex-end;
width: 100%;
display: flex;
}
.b_card-meal_title-wrapper {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: column;
display: flex;
}
.b_card-meal_icon {
padding-bottom: .25rem;
padding-right: 1rem;
}
.component_logo-diet {
justify-content: flex-start;
align-items: center;
height: 1.5rem;
display: flex;
}
.b_card-meal_overlay {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
background-color: var(--color-base--c-base-glass);
opacity: 0;
pointer-events: auto;
cursor: pointer;
flex-flow: column;
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
padding: 2rem 3rem;
transition: opacity .3s;
display: flex;
position: absolute;
inset: 0%;
}
.b_card-meal_overlay:hover {
opacity: 1;
}
.b_card-meal__overlay_macros-panel {
justify-content: center;
align-items: center;
width: 100%;
height: 3.5rem;
display: flex;
}
.b_card-meal_overlay_cta-button {
transition: transform .6s cubic-bezier(.165, .84, .44, 1);
position: relative;
left: auto;
right: auto;
}
.b_card-meal_overlay_aligner {
width: 100%;
height: 1.5rem;
}
.b_meal-card_macros-panel {
justify-content: flex-start;
align-items: center;
width: 100%;
height: 3.5rem;
display: flex;
position: relative;
}
.b_meal-card_macros-wrapper {
display: flex;
overflow: hidden;
}
.b_card-meal_component-image {
width: 100%;
height: 100%;
transition: transform .3s cubic-bezier(.39, .575, .565, 1);
overflow: hidden;
}
.b_slider-1_component-image {
justify-content: center;
align-items: center;
width: 100%;
height: 70svh;
display: flex;
position: relative;
overflow: hidden;
}
.code_component {
display: none;
position: absolute;
inset: 0% auto auto 0%;
}
.flipimage_component {
width: 100%;
}
.grid_box {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-rows: 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.grid_img-main {
width: 100%;
height: 100%;
position: relative;
}
.grid_img {
object-fit: cover;
border-radius: .5rem;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.grid_img-wrapper {
cursor: pointer;
width: 100%;
height: 100%;
position: relative;
}
.col-d-8 {
flex: 0 66.666%;
max-width: 66.666%;
padding-left: .75rem;
padding-right: .75rem;
}
.section_grid {
justify-content: center;
align-items: center;
padding-top: 10vh;
padding-bottom: 2vh;
display: flex;
}
.container-3 {
grid-row-gap: 1.5rem;
flex-flow: wrap;
justify-content: center;
width: 100%;
max-width: 90rem;
margin-left: auto;
margin-right: auto;
padding-left: 1.5rem;
padding-right: 1.5rem;
display: flex;
}
.section_grid-flip {
justify-content: center;
align-items: center;
padding-top: 10vh;
padding-bottom: 2vh;
display: flex;
}
.d6_module-caption {
justify-content: flex-start;
align-items: center;
width: 100%;
height: 1rem;
display: flex;
}
.d5_navigation {
z-index: 100;
flex: none;
justify-content: flex-end;
align-items: center;
height: 100%;
display: flex;
position: absolute;
inset: 0% 0% 0% auto;
}
.d5_component_navigation {
cursor: pointer;
transform: rotate(90deg);
}
.b_card-value_title-wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: flex-start;
align-items: baseline;
width: 100%;
padding-left: 1.5rem;
padding-right: 1.5rem;
display: flex;
}
.b_card-value_component {
width: 100%;
position: relative;
overflow: visible;
}
.b_card-value_component.is-hovered {
border-radius: var(--var-size--tiny-6);
}
.b_card-value_wrapper {
aspect-ratio: 3 / 4;
border-radius: var(--var-size--tiny-6);
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.b_card-value_block-header {
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
}
.b_card-value_module-content {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
height: 100%;
padding-top: 0;
display: flex;
position: relative;
}
.b_card-value_module-bottom {
z-index: 100;
flex: none;
justify-content: space-between;
align-items: center;
width: 100%;
height: 4rem;
padding-bottom: 1.5rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
display: flex;
position: relative;
}
.b_card-value_bottom-wrapper {
opacity: 0;
}
.b_card-value_logomark-wrapper {
color: var(--color-border--c-border-decor-subtle);
}
.slot_icon-right {
width: 1rem;
height: 1rem;
display: flex;
}
.b_card-value_divider {
justify-content: center;
align-items: center;
width: 50%;
height: .25rem;
display: flex;
overflow: hidden;
}
.b_card-value_divider-wrapper {
z-index: 100;
justify-content: center;
align-items: center;
width: 100%;
padding-left: 1.5rem;
padding-right: 1.5rem;
position: relative;
}
.b_card-value_module-header {
justify-content: flex-start;
align-items: center;
width: 100%;
padding-left: 1.5rem;
padding-right: 1.5rem;
display: flex;
position: absolute;
inset: 1.5rem 0% auto;
}
.text-span-2 {
font-weight: 300;
}
.u-padding-global-smal {
width: auto;
}
.b_card-value_image-wrapper {
z-index: 0;
aspect-ratio: 1;
border-radius: var(--var-size--tiny-4);
height: 30%;
position: absolute;
inset: auto 1.5rem 1.5rem auto;
overflow: hidden;
}
.b_card-value_image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.b_card-value_overlay {
z-index: 11;
border-radius: var(--var-size--tiny-6);
opacity: 0;
width: 100%;
height: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.b_ui1_hover {
z-index: 200;
opacity: .7;
outline-color: var(--dark--border--border-accent-min);
outline-offset: 0px;
pointer-events: none;
border-radius: .25rem;
outline-width: 1px;
outline-style: dotted;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.b_ui1_button-nav_wrapper {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
position: relative;
}
.code-embed_fixed {
position: fixed;
}
.b_card-value_paragraph {
z-index: 100;
opacity: 0;
height: 20%;
padding-left: 1.5rem;
padding-right: 1.5rem;
position: relative;
}
.u-shadow-small.is-absolute {
z-index: 0;
pointer-events: none;
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.design_wrapper {
padding: 2rem;
}
.b_card-value_block-title {
z-index: 100;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
height: 3.75rem;
position: relative;
}
.b_slider-extras_item_component {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
justify-content: flex-start;
align-items: center;
height: 100%;
display: flex;
}
.u-ratio-3-4 {
aspect-ratio: 3 / 4;
height: 100%;
position: relative;
}
.slider-extras_macros-secondary-table_component {
width: 100%;
overflow: hidden;
}
.slider-extras_arrow {
pointer-events: none;
}
.section_metamorphosis_benefits--mt1 {
background-color: var(--color-background--c-bg-1-plus);
width: 100%;
position: relative;
}
.mt1_divider-vertical {
display: none;
}
.mt1_area-left {
width: 100%;
height: 100%;
}
.mt1_area-right {
width: 100%;
height: 100%;
position: relative;
}
.mt1_module-image_image-wrapper {
aspect-ratio: 3 / 4;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.mt1_module-content {
justify-content: flex-end;
align-items: flex-start;
display: flex;
}
.mt1_content-list {
justify-content: flex-end;
align-items: flex-start;
width: 100%;
height: 100%;
position: relative;
}
.mt1_content-item {
z-index: -1;
opacity: 0;
width: 100%;
position: absolute;
}
.mt1_content-item.is-active {
z-index: 2;
opacity: 1;
position: relative;
}
.mt1_module-image_image-list {
aspect-ratio: 3 / 4;
width: 100%;
height: 100%;
position: relative;
}
.mt1_module-image_counter-wrapper {
z-index: 2;
width: 100%;
height: 100%;
padding-top: 3rem;
position: relative;
}
.mt1_module-image_image-item {
aspect-ratio: 3 / 4;
opacity: 0;
width: 100%;
transition: opacity .2s;
position: absolute;
inset: 0%;
}
.mt1_module-image_image-item.is-active {
opacity: 1;
}
.mt1_module-visual_wrapper {
flex-flow: row;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.mt1_visual-thumbnail_list {
width: 100%;
position: relative;
}
.mt1_module-image_image-item-copy {
aspect-ratio: 3 / 4;
opacity: 0;
width: 100%;
transition: opacity .2s;
position: absolute;
inset: 0%;
}
.mt1_module-image_image-item-copy.is-active {
opacity: 1;
}
.mt1_component_visual {
z-index: 1;
opacity: 1;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
transition: opacity .2s;
display: flex;
position: relative;
inset: 0%;
}
.mt1_component_visual.is-active {
opacity: 1;
}
.mt1_component_visual.is-sleep {
transition: transform .3s, opacity .2s;
}
.mt1_visual-thumbnail_item {
width: 100%;
}
.mt1_counter {
width: 100%;
padding-top: 2rem;
}
.mt1_module-visual-thumbnail {
pointer-events: none;
display: none;
}
.pd_divider {
background-color: var(--color-border--c-border-decor-strong);
width: 100%;
height: 1px;
}
.pd_divider-wrapper {
justify-content: flex-end;
align-items: flex-start;
width: 100%;
height: 1.5rem;
}
.pd_button {
min-width: 16.5rem;
}
.pd_button-wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: row;
width: 100%;
}
.section_typography-display-large--pd-dis {
width: 100%;
}
.pd-dis_wrapper {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.hiw_base-stroke {
border: 2px solid var(--color-border--c-border-decor-subtle);
border-radius: var(--var-size--circle);
background-color: var(--color-base--c-base-subtle-max);
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.hiw_active-stroke {
border-top-style: solid;
border-top-width: 8px;
border-top-color: var(--color-border--c-border-accent-min);
border-right-style: solid;
border-right-width: 8px;
border-right-color: var(--color-border--c-border-accent-min);
border-bottom-style: solid;
border-bottom-width: 8px;
border-bottom-color: var(--color-border--c-border-accent-min);
border-left-style: solid;
border-left-width: 8px;
border-left-color: var(--color-border--c-border-accent-min);
border-top-left-radius: var(--var-size--circle);
border-top-right-radius: var(--var-size--circle);
border-bottom-left-radius: var(--var-size--circle);
border-bottom-right-radius: var(--var-size--circle);
opacity: 1;
width: calc(100% + 8px);
height: calc(100% + 8px);
display: block;
position: absolute;
inset: 50% 0% 0% 50%;
transform: translate(-50%, -50%);
}
.how_el_circle_active-stroke {
border-top-style: solid;
border-top-width: 8px;
border-top-color: var(--color-border--c-border-accent-min);
border-right-style: solid;
border-right-width: 8px;
border-right-color: var(--color-border--c-border-accent-min);
border-bottom-style: solid;
border-bottom-width: 8px;
border-bottom-color: var(--color-border--c-border-accent-min);
border-left-style: solid;
border-left-width: 8px;
border-left-color: var(--color-border--c-border-accent-min);
border-top-left-radius: var(--var-size--circle);
border-top-right-radius: var(--var-size--circle);
border-bottom-left-radius: var(--var-size--circle);
border-bottom-right-radius: var(--var-size--circle);
opacity: 1;
width: calc(100% + 8px);
height: calc(100% + 8px);
display: none;
position: absolute;
inset: 50% 0% 0% 50%;
transform: translate(-50%, -50%);
}
.how_el_circle_base-stroke {
border: 2px solid var(--color-border--c-border-decor-subtle);
border-radius: var(--var-size--circle);
background-color: var(--color-base--c-base-subtle-max);
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.component_hiw-circle {
width: 20rem;
height: 20rem;
}
.c-hiw_circle_base {
width: 100%;
height: 100%;
}
.c-hiw_stroke-base {
border: 2px solid var(--color-border--c-border-decor-strong);
border-radius: var(--var-size--circle);
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.c-hiw_active-stroke {
border-top-style: solid;
border-top-width: 8px;
border-top-color: var(--color-border--c-border-accent-min);
border-right-style: solid;
border-right-width: 8px;
border-right-color: var(--color-border--c-border-accent-min);
border-bottom-style: solid;
border-bottom-width: 8px;
border-bottom-color: var(--color-border--c-border-accent-min);
border-left-style: solid;
border-left-width: 8px;
border-left-color: var(--color-border--c-border-accent-min);
border-top-left-radius: var(--var-size--circle);
border-top-right-radius: var(--var-size--circle);
border-bottom-left-radius: var(--var-size--circle);
border-bottom-right-radius: var(--var-size--circle);
opacity: 1;
width: calc(100% + 8px);
height: calc(100% + 8px);
display: block;
position: absolute;
inset: 50% 0% 0% 50%;
transform: translate(-50%, -50%);
}
.gsap-test-1 {
z-index: 1000;
background-color: #d12424;
width: 300px;
height: 300px;
position: relative;
}
.hiw_1 {
justify-content: center;
align-items: center;
height: 50vh;
display: flex;
}
.code-embed-5 {
z-index: 5;
width: 100%;
height: 100%;
position: absolute;
}
.how_el_circle_active-svg {
color: var(--color-text--c-text-accent-display-light);
width: 100%;
height: 100%;
display: flex;
position: absolute;
}
.test-svg {
align-self: flex-start;
}
.d16_flip-bg {
z-index: 0;
border-radius: var(--var-size--tiny-4);
background-color: var(--color-base--c-base-subtle-max);
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.d16_panel-sticky {
z-index: 2;
pointer-events: none;
width: 100%;
height: 100vh;
position: sticky;
top: 0;
}
.d16_panel-sticky_header {
background-color: var(--color-base--c-base-glass);
pointer-events: auto;
justify-content: space-between;
align-items: flex-start;
width: 100%;
padding-top: 2rem;
padding-bottom: 1rem;
}
.list-3 {
width: 100%;
}
.section_typography-animation {
margin-top: 80vh;
display: block;
}
.b_quote_large {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.b_slogan_module-top {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: flex-start;
align-items: center;
width: auto;
display: flex;
position: relative;
}
.b_slogan_module-bottom {
justify-content: flex-end;
align-items: center;
width: 100%;
display: flex;
position: absolute;
inset: 160% 0% 0% auto;
}
.b_quote_medium, .b_quote_small {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-flow: column;
display: flex;
}
.section_meals_m0 {
background-color: var(--color-background--c-bg-1-plus);
width: 100%;
min-height: 100vh;
overflow: hidden;
}
.m0_content {
z-index: 10;
grid-column-gap: 2rem;
grid-row-gap: 2rem;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
position: relative;
}
.m0_content_overline {
justify-content: flex-end;
align-items: center;
width: auto;
padding-right: 7rem;
display: flex;
position: absolute;
inset: -50% 0% auto;
}
.m0_content-left {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
position: relative;
}
.m0_layout {
background-color: var(--color-background--c-bg-2);
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
.m0_image-wrapper {
z-index: 2;
aspect-ratio: 1;
width: 30%;
position: relative;
}
.m0_image {
z-index: 2;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.m0_bg-shape {
z-index: 1;
aspect-ratio: 1;
border-top-left-radius: var(--var-size--circle);
border-top-right-radius: var(--var-size--circle);
border-bottom-left-radius: var(--var-size--circle);
border-bottom-right-radius: var(--var-size--circle);
background-color: var(--color-background--c-bg-3);
object-fit: cover;
transform-origin: center;
width: 500%;
height: 500%;
position: absolute;
inset: 50% 0% 0% 50%;
transform: translate(-50%, -50%);
}
.m0_title-left-wrapper, .m0_title-right-wrapper {
z-index: 10;
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: row;
justify-content: flex-start;
align-items: center;
position: relative;
}
.m0_divider {
background-color: var(--color-border--c-border-decor-strong);
flex: none;
width: 5rem;
height: 1px;
position: relative;
}
.m0_divider.is-left {
transform: translate(100%);
}
.m0_divider.is-right {
transform: translate(-100%);
}
.section_univ_image-1--img1 {
position: relative;
}
.hmp_component-visual {
z-index: 0;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0%;
overflow: hidden;
}
.img1_module-content {
z-index: 10;
width: 100%;
height: 100%;
position: relative;
}
.u-pad-vertical-48 {
width: 100%;
height: 100%;
padding-top: 3rem;
padding-bottom: 3rem;
}
.u-pad-vertical-48.is-min-100vh {
min-height: 100vh;
}
.b_slogan_wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.section_meals_m1 {
width: 100%;
position: sticky;
top: 0;
}
.m1_content {
z-index: 10;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
padding-top: 2rem;
padding-bottom: 6rem;
display: none;
position: relative;
}
.m1_content.is-alt {
height: auto;
}
.section_image-test--it {
flex-flow: row;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
position: relative;
}
.section_image-test--it.is-vertical {
flex-flow: column;
height: 200vh;
}
.image-19 {
width: 100%;
height: 100%;
}
.section_meal_m1-set {
width: 100%;
}
.component_header-section-heading {
pointer-events: auto;
width: 100%;
position: relative;
}
.m2_module-content {
width: 100%;
}
.m2_module-image {
width: 100%;
height: 100%;
position: relative;
}
.m2_image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.u--layout-grid-extended-12-24---1 {
grid-column-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1.5rem 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1.5rem;
grid-auto-columns: 1fr;
align-items: center;
width: 100%;
display: grid;
}
.u--layout-grid-extended-12-24---1.is-section-mt1 {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: 3rem auto auto 3rem;
grid-template-columns: 1.5rem 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1.5rem;
grid-auto-columns: 1fr;
display: grid;
}
.u--layout-grid-extended-12-24---1.is-section-m1 {
grid-template-rows: 3rem auto auto 3rem;
place-items: end start;
}
.u--layout-grid-extended-12-24---1.is-grid-100vh {
height: 100vh;
}
.u--layout-grid-extended-12-24---1.is-grid-100 {
height: 100%;
}
.u--layout-grid-extended-12-24--2 {
grid-column-gap: 1.5rem;
grid-row-gap: 0rem;
grid-template-rows: auto auto;
grid-template-columns: 1.5rem 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1.5rem;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: grid;
}
.u--layout-grid-extended-12-24--2.is-section-mt1 {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: 3rem auto auto 3rem;
grid-template-columns: 1.5rem 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1.5rem;
grid-auto-columns: 1fr;
display: grid;
}
.u--layout-grid-extended-12-24--2.is-section-m1 {
grid-template-rows: 3rem auto auto 3rem;
place-items: end start;
}
.u--layout-grid-extended-12-24--2.is-hm4 {
grid-template-rows: 50vh 50vh;
}
.b_header-section_module-caption {
width: 100%;
}
.b_header-section_heading-wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: flex-end;
align-items: baseline;
width: 100%;
padding-right: .5rem;
display: flex;
position: relative;
}
.b_header-section_heading-wrapper.is-mobile.is-horizontal {
flex-flow: wrap;
align-self: baseline;
}
.u-padding-section-40 {
width: 100%;
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.u-padding-section-top-40 {
width: 100%;
padding-top: 2.5rem;
}
.component_card-meal {
width: 100%;
}
.section_univ_image-2--img2 {
display: block;
}
.img3_image-wrapper {
aspect-ratio: 16 / 9;
width: 100%;
height: 100%;
position: relative;
}
.img2_image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.section_paragraph-columns--pc {
width: 100%;
}
.u-padding-section-48 {
padding-top: 3rem;
padding-bottom: 3rem;
}
.section_meals_m6 {
width: 100%;
}
.m6_module-left {
width: 100%;
height: 100%;
}
.m6_module-right {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 100%;
position: relative;
}
.m6_block-number {
justify-content: flex-end;
align-items: flex-start;
width: 100%;
height: 100%;
padding-top: 2rem;
}
.section_meals_m7 {
display: none;
}
.m7_image-wrapper {
aspect-ratio: 2 / 3;
width: 100%;
height: 100%;
position: relative;
}
.m7_image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.u-padding-section {
width: 100%;
height: 100%;
}
.u--layout-grid-12-24--1 {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: grid;
}
.u--layout-grid-12-24--1.is-d16 {
grid-template-rows: auto 80vh;
}
.u--layout-grid-12-24--1.is-d16-content {
grid-template-rows: auto;
}
.u--layout-grid-12-24--1.is-d16-header {
grid-template-rows: auto auto;
}
.u--layout-grid-12-24--1.is-d16-circle {
grid-template-rows: auto;
}
.td_title-wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
display: flex;
}
.td_heading-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
}
.h {
align-items: baseline;
display: flex;
}
.h-2 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: wrap;
flex: none;
align-self: baseline;
align-items: baseline;
}
.td_divider {
background-color: var(--color-heading--c-heading-subtle);
width: 100%;
height: 1px;
}
.section_meals_m8 {
position: relative;
}
.m8_title-wrapper {
z-index: 10;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.section_meal_tags-marquee--m9 {
width: 100%;
display: none;
overflow: hidden;
}
.m9_marquee_wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: row;
justify-content: center;
align-items: flex-start;
padding-top: 1.5rem;
padding-bottom: 3rem;
display: flex;
}
.m9_items-wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
justify-content: flex-start;
align-items: flex-end;
height: 5.5rem;
padding-top: 1rem;
display: flex;
position: relative;
}
.m9_items-wrapper.is-text {
padding-top: 0;
}
.m9_item {
width: 100%;
}
.sm_section-gradient-bottom {
z-index: 2;
pointer-events: none;
background-image: linear-gradient(0deg, #000, #020101 0%, #f2f2f200 100%, #f7f7f7 100%, #fff);
width: 100%;
height: 35vh;
display: block;
position: absolute;
inset: auto 0% 0%;
}
.u--layout-grid-extended-12-24--3 {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto auto auto;
grid-template-columns: 1.5rem 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1.5rem;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.u--layout-grid-extended-12-24--3.is-section-mt1 {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: 3rem auto auto 3rem;
grid-template-columns: 1.5rem 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1.5rem;
grid-auto-columns: 1fr;
display: grid;
}
.u--layout-grid-extended-12-24--3.is-section-m1 {
grid-template-rows: 3rem auto auto 3rem;
place-items: end start;
}
.u--layout-grid-extended-12-24--3.is-grid-100 {
height: 100%;
}
.sm_component_button-arrow {
z-index: 120;
flex-flow: column;
flex: none;
justify-content: flex-end;
align-items: center;
height: 3rem;
display: flex;
position: relative;
}
.u--layout-grid-12-24--2 {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-rows: 0;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: grid;
}
.u--layout-grid-12-24--2.is-d16 {
grid-template-rows: auto 80vh;
}
.u--layout-grid-12-24--2.is-d16-content {
grid-template-rows: auto;
}
.u--layout-grid-12-24--2.is-d16-header {
grid-template-rows: auto auto;
}
.u--layout-grid-12-24--2.is-d16-circle {
grid-template-rows: auto;
}
.u--layout-grid-12-24--2.is-min-100vh {
min-height: 100vh;
}
.u--layout-grid-12-24--2.is-m2-mobile {
grid-template-rows: 30vh auto;
height: 100vh;
max-height: 100vh;
}
.d14_layout-flex {
justify-content: space-between;
align-items: flex-end;
width: 100%;
height: 100%;
}
.d14_overlay-base-bg {
background-color: var(--color-base--c-base-glass);
width: 100%;
height: 100%;
display: none;
position: absolute;
inset: 0%;
}
.hor_module {
height: 100vh;
}
.h_layout-grid {
grid-column-gap: 1.5rem;
grid-row-gap: 0rem;
grid-template-rows: 10% 10% 10% 10% 10% 10% 10% 10% 10% 10%;
grid-template-columns: repeat(132, 14vh);
grid-auto-columns: 1fr;
height: 100%;
display: grid;
}
.hor_h-1, .hor_h-2, .hor_h-3 {
width: 100%;
height: 100%;
}
.hor_h-4 {
background-color: #e4cece;
width: 100%;
height: 100%;
}
.hor_h-5, .hor_h-6, .hor_h-7 {
width: 100%;
height: 100%;
}
.hor_h-8, .hor_h-9 {
background-color: var(--color-background--c-bg-4);
width: 100%;
height: 100%;
}
.hor_h-10 {
background-color: var(--color-base--c-base-accent);
width: 100%;
height: 100%;
margin-left: -1.5rem;
}
.h-1_image-wrapper {
z-index: 20;
width: 100%;
height: 100%;
position: relative;
}
.h-1_image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.h-2_image-wrapper {
padding-top: 5vh;
position: relative;
}
.h-2_image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.h-2_container {
width: 100%;
height: 100%;
}
.h-2_grid {
grid-column-gap: 1.5rem;
grid-row-gap: 0px;
grid-template-rows: auto auto auto auto auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: grid;
}
.h-3_container {
width: 100%;
height: 100%;
}
.h-3_grid {
grid-column-gap: 1.5rem;
grid-row-gap: 0px;
grid-template-rows: 10% 10% 10% 10% 10% 10% 10% 10% 10% 10%;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: grid;
}
.h-3_image-master_wrapper {
width: 100%;
height: 100%;
padding-top: 5vh;
padding-bottom: 5vh;
position: relative;
}
.h-3_image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.h-3_thumbnails-container {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
justify-content: flex-start;
align-items: flex-start;
height: 100%;
display: flex;
position: relative;
}
.h-3_image-thumbnail-wrapper {
border-radius: var(--var-size--tiny-4);
height: 100%;
position: relative;
overflow: hidden;
}
.image-20 {
width: 100%;
}
.h-3_image-thumbnail {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.h-4_grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto auto auto auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: grid;
}
.h-4_component_diet-presentation {
background-color: var(--color-background--c-bg-2);
height: 100%;
}
.b_card_diet-presentation_component {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
pointer-events: none;
flex-flow: column;
width: 100%;
padding-bottom: 1rem;
display: flex;
}
.h-6_image-wrapper {
width: 100%;
height: 100%;
position: relative;
}
.h-6_image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.h-8_container {
width: 100%;
height: 100%;
}
.h-8_grid {
grid-column-gap: 1.5rem;
grid-row-gap: 0px;
grid-template-rows: 10% 10% 10% 10% 10% 10% 10% 10% 10% 10%;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: grid;
}
.h-8_image-master-wrapper {
position: relative;
}
.h-8_thumbnails-container {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.h-8_image-master {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.h-8_image-thumbnail-wrapper {
border-radius: var(--var-size--tiny-4);
height: 100%;
position: relative;
overflow: hidden;
}
.h-8_image-thumbnail {
aspect-ratio: auto;
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.h-9_image-wrapper {
width: 100%;
height: 100%;
position: relative;
}
.image-21 {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.h-9_image, .sector_meals {
width: 100%;
height: 100%;
}
.img---wrap {
aspect-ratio: 2 / 3;
border-radius: var(--var-size--tiny-6);
position: relative;
overflow: hidden;
}
.dp_track {
height: 500vh;
}
.portfolio {
justify-content: flex-start;
align-items: flex-start;
height: 100vh;
margin-top: 2rem;
display: flex;
position: relative;
}
.dp_gallery-wrapper {
position: relative;
}
.section_diets-presentation--dp {
background-color: var(--color-background--c-bg-3);
}
.img---move {
position: absolute;
inset: 0%;
}
.img---size {
width: 300%;
height: 100%;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%);
}
.dp_image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.dp_item {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
width: 30vw;
padding-left: 1.25vw;
padding-right: 1.25vw;
display: flex;
}
.dp_item.is-sport {
flex-flow: column;
}
.dp_item.is-personal {
aspect-ratio: 2 / 3;
}
.dp_sticky {
position: sticky;
top: 0;
}
.dp_container {
align-items: center;
height: 100vh;
padding-left: 50%;
display: flex;
position: relative;
overflow: hidden;
}
.scene---extra {
height: 100vh;
}
.all {
display: block;
}
.mt1_module-visual_list {
width: 100%;
height: 100%;
position: relative;
}
.mt1_module-visual_item {
width: 100%;
height: 100%;
transition: opacity .3s;
position: absolute;
}
.mt1_module-visual_item.is-active {
opacity: 1;
}
.mt1_module-content_wrapper {
width: 100%;
height: 100%;
}
.mt1_module-content_item {
opacity: 0;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
transition: opacity .3s;
position: absolute;
}
.mt1_module-content_item.is-skin {
justify-content: flex-end;
align-items: flex-start;
}
.mt1_module-content_item.is-active {
z-index: 100;
opacity: 1;
position: relative;
}
.mt1_module-content_list {
justify-content: flex-end;
align-items: flex-start;
width: 100%;
height: 100%;
position: relative;
}
.b_typography-block_divider-half {
background-color: var(--color-border--c-border-decor-strong);
width: 100%;
height: .5px;
}
.b_typography-block_divider-half_wrapper {
justify-content: flex-start;
align-items: center;
width: 100%;
height: .25rem;
display: flex;
}
.b_typography-block_block-divider-half, .b_typography-block_header-spacer {
width: 100%;
height: 2.5rem;
}
.mt1_module-anchors {
z-index: 2;
width: 100%;
position: relative;
}
.mt1_module-anchors_wrapper {
width: 100%;
}
.mt1_module-anchors_list {
justify-content: space-between;
align-items: flex-end;
width: 100%;
padding-top: .25rem;
display: flex;
position: relative;
}
.mt1_module-anchors_item {
opacity: .3;
cursor: pointer;
transition: opacity .3s;
}
.mt1_module-anchors_item.is-active {
opacity: 1;
color: var(--color-text--c-text-accent-default);
}
.mt1_module-anchors_item.is-hidden {
display: none;
}
.mt1_module-anchors_title-wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: row;
justify-content: center;
align-items: baseline;
}
.mt1_trigger-anchors-wrapper {
pointer-events: none;
width: 100%;
position: absolute;
inset: 0%;
}
.mt1_trigger-anchor, .mt1_trigger-anchors_transformation, .mt1_trigger-anchors_wellbeing {
width: 100%;
height: 240vh;
}
.c-element_dot-solid-large-outline-content-3 {
border: .5px solid #9d470b;
border-radius: 1000px;
flex: none;
width: .5rem;
height: .5rem;
}
.u-divider-0-5_vertical-5 {
background-color: #9d470b;
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: .5px;
height: 100%;
display: flex;
overflow: visible;
}
.u-icon-96-2 {
border: .5px solid #bbb09a;
border-radius: .75rem;
width: 6rem;
height: 6rem;
}
.c_icon-display_large_ring-3-2 {
opacity: .15;
border: 1px solid #e0d6c4;
border-radius: 5.5rem;
justify-content: center;
align-items: center;
width: 15.5rem;
height: 15.5rem;
display: flex;
position: absolute;
inset: 50% 0% 0% 50%;
transform: translate(-50%, -50%);
}
.c_typo_overline-2 {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
color: #9d470b;
justify-content: space-between;
align-items: center;
width: auto;
height: 1.5rem;
display: flex;
}
.u-divider-0-5-5 {
color: #464239;
background-color: #464239;
flex: 100%;
height: .5px;
position: relative;
}
.c_icon-display_large_base-2 {
background-color: #f0ebe2;
border-radius: 1.75rem;
justify-content: center;
align-items: center;
width: 8rem;
height: 8rem;
display: flex;
position: absolute;
inset: 50% 0% 0% 50%;
transform: translate(-50%, -50%);
}
.u-padding-global-small-half-left-2 {
width: 100%;
height: 100%;
padding-left: 1.5rem;
padding-right: .75rem;
}
.c_icon-display_large_ring-1-2 {
opacity: .6;
border: 1px solid #e0d6c4;
border-radius: 3rem;
justify-content: center;
align-items: center;
width: 10.5rem;
height: 10.5rem;
display: flex;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.c-element_dot-solid-small-3 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
color: #9d470b;
flex-flow: row;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex;
}
.u-divider-1-vertical-5 {
background-color: #9d470b;
width: 1px;
height: 100%;
}
.f-is-serif-2 {
pointer-events: auto;
color: #696255;
margin-bottom: -4px;
}
.c_icon-display_large_ring-2-2 {
opacity: .3;
border: 1px solid #e0d6c4;
border-radius: 4.25rem;
justify-content: center;
align-items: center;
width: 13rem;
height: 13rem;
display: flex;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.c-visual_overlay-full-5 {
background-color: #0d0b08;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0%;
}
.c-visual-6 {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.u-divider-1-5 {
background-color: #bbb09a;
width: 100%;
height: 1px;
position: relative;
}
.c_icon-display_large_ring-2-3 {
opacity: .3;
border: 1px solid #e0d6c4;
border-radius: 4.25rem;
justify-content: center;
align-items: center;
width: 13rem;
height: 13rem;
display: flex;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.c_icon-display_large_ring-1-3 {
opacity: .6;
border: 1px solid #e0d6c4;
border-radius: 3rem;
justify-content: center;
align-items: center;
width: 10.5rem;
height: 10.5rem;
display: flex;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.mt1_icon-benefit_container {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.mt1_icon-benefit_item {
opacity: 0;
width: 100%;
height: 100%;
transition: opacity .3s;
position: absolute;
}
.mt1_icon-benefit_item.is-active {
opacity: 1;
}
.mt1_icon-benefit_list {
justify-content: flex-start;
align-items: flex-start;
width: 100%;
position: relative;
}
.mt1_icon-benefit_wrapper {
z-index: 20;
width: 18rem;
height: 18rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.mt1_module-visual_quote_wrapper {
z-index: 30;
padding-top: 2.75rem;
display: none;
position: absolute;
inset: 0% 0% auto;
}
.mt1_module-visual_quote_component {
justify-content: flex-end;
align-items: center;
width: 100%;
display: flex;
}
.b_macros_panel_base {
z-index: 0;
background-color: var(--color-base--c-base-glass);
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0%;
}
.b_list_meal-info_title {
flex-flow: column;
width: 100%;
min-height: 2.5rem;
display: flex;
}
.m15_module-visual_wrapper, .m15_module-visual_list {
width: 100%;
height: 100%;
}
.m15_module-visual_item {
opacity: 0;
width: 100%;
height: 100%;
transition: opacity .3s;
position: absolute;
}
.m15_module-visual_item.is-active {
opacity: 1;
}
.m15_module-visual_image {
width: 100%;
height: 100%;
}
.m15_module-content_list {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
width: 100%;
display: flex;
}
.m15_module-content_item {
opacity: .3;
transition: opacity .3s;
}
.m15_module-content_item.is-active {
opacity: 1;
}
.m15_module-content_paragraph {
padding-bottom: 5rem;
}
.u--layout-half-grid-12-24--2 {
grid-column-gap: 1.5rem;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.u--layout-half-grid-12-24--1 {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.component_macros-secondary {
width: 100%;
height: 100%;
}
.m15_module-macros_wrapper {
z-index: 10;
justify-content: flex-end;
align-items: center;
width: 60%;
height: 3.5rem;
position: absolute;
inset: auto auto 2.5rem;
}
.m15_module-macros_list {
flex-flow: column;
flex: none;
justify-content: space-between;
align-items: flex-end;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.m15_module-macros_item {
opacity: 0;
width: 100%;
height: 100%;
transition: opacity .3s;
position: absolute;
}
.m15_module-macros_item.is-bez-glutenu {
height: 100%;
inset: 0%;
}
.m15_module-macros_item.is-active {
opacity: 1;
}
.mt1_anchor-divider {
background-color: var(--color-border--c-border-accent-strong);
width: 0%;
height: 2px;
margin-top: .2rem;
}
.section_scroll-zoom--mt2 {
width: 100%;
position: relative;
}
.mt2_layout {
z-index: 20;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.mt2_content {
z-index: 10;
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-flow: column;
display: flex;
position: relative;
}
.mt2_title-wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.text-block-5 {
position: static;
}
.f-balans-layout {
color: var(--color-text--c-text-subtle);
letter-spacing: 3px;
text-transform: uppercase;
font-family: termina, sans-serif;
font-size: .75rem;
font-weight: 500;
}
.visual-image {
pointer-events: auto;
object-fit: cover;
width: 100%;
height: 100%;
transition: transform .3s;
position: absolute;
inset: 0%;
}
.test_image {
width: 100%;
height: 100vh;
position: relative;
}
.mt2_cta-wrapper {
z-index: 100;
cursor: pointer;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
position: relative;
}
.mt2_trigger {
z-index: 100;
pointer-events: none;
width: 100%;
height: 100vh;
position: relative;
}
.section_cta {
width: 100%;
position: relative;
}
.mt2_sticky {
width: 100%;
height: 100vh;
position: sticky;
top: 0;
}
.mt2_item {
flex: none;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 4.5rem;
padding-top: .4em;
padding-bottom: .4em;
display: flex;
}
.mt2_list {
width: 100%;
max-width: 100%;
height: 100%;
position: relative;
}
.mt2_visual-wrapper {
z-index: 0;
width: 100%;
height: 100%;
display: flex;
position: relative;
overflow: hidden;
transform: scale(0);
}
.mt2_component_visual {
width: 100%;
height: 100%;
transform: scale(2);
}
.mt2_heading_list {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 4.55rem;
position: relative;
transform: translate(0, -100%);
}
.mt2_heading_wrapper {
width: 100%;
overflow: hidden;
}
.mt2_item-visual {
flex: none;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
padding-top: .4em;
padding-bottom: .4em;
display: flex;
position: absolute;
inset: 0%;
}
.section_menu-weekly-insight--mw1 {
width: 100%;
}
.mw1_layout {
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
}
.mw_slide-item {
justify-content: center;
align-items: center;
width: 100%;
height: auto;
transition: all .5s;
}
.section_menu-weekly-calories--mw2 {
background-color: var(--color-background--c-bg-3);
pointer-events: none;
width: 100%;
}
.mw2_layout {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
flex-flow: column;
width: 100%;
display: flex;
}
.mw2_module-header {
justify-content: space-between;
align-items: center;
width: 100%;
height: 3rem;
display: flex;
}
.mw2_module-table {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: column;
width: 100%;
display: flex;
}
.mw2_module-header_logo-wrapper {
height: 2rem;
}
.mw2_module-header_labels-wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: flex-start;
align-items: center;
display: flex;
}
.mw2_block-right {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: row;
justify-content: center;
align-items: center;
height: 3rem;
padding-top: .8rem;
}
.b_list_daily-calories_image-wrapper {
z-index: 100;
aspect-ratio: 1;
border-top-left-radius: var(--var-size--base);
border-top-right-radius: var(--var-size--base);
border-bottom-left-radius: var(--var-size--base);
border-bottom-right-radius: var(--var-size--base);
pointer-events: none;
object-fit: cover;
width: 10%;
position: absolute;
top: 50%;
right: 20%;
overflow: hidden;
transform: translate(-50%, -50%);
}
.b_list_daily-calories_image {
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.section_univ_image-1--img2 {
position: relative;
}
.img2_module-content {
z-index: 10;
width: 100%;
height: 100%;
position: relative;
}
.h1 {
color: #000;
text-align: center;
font-size: 10vw;
font-weight: 400;
line-height: 1;
}
.hmw1_grid-img_wrapper {
flex-wrap: nowrap;
justify-content: center;
align-items: center;
width: 100%;
height: 30vh;
padding-top: 120%;
display: flex;
position: relative;
overflow: hidden;
}
.section_hm_welcome-1--hmw1 {
width: 100%;
position: relative;
}
.hero-wrapper {
grid-column-gap: 5vh;
grid-row-gap: 5vh;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: auto;
display: flex;
}
.parent-wr {
flex-direction: column;
display: flex;
position: relative;
}
.mw1_sticky {
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
margin-bottom: 0;
display: flex;
position: sticky;
top: 0;
bottom: 0;
overflow: hidden;
}
.line {
background-color: #000;
width: 100%;
height: 1px;
}
.mw1_grid_container {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
overflow: hidden;
}
.section-1 {
grid-column-gap: 0vh;
grid-row-gap: 0vh;
background-image: url("https://cdn.prod.website-files.com/6782f3a35b0f5cc9f286e5b8/6782f3a35b0f5cc9f286e914_5226643.png");
background-repeat: no-repeat;
background-size: 70%;
border: 20px solid #c91414;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
padding-left: 20%;
padding-right: 20%;
display: flex;
position: relative;
overflow: hidden;
}
.empty-state {
display: none;
}
.hmw1_grid-row {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-direction: column;
justify-content: space-between;
width: 100%;
height: 160%;
display: flex;
}
.hmw1_trigger-2 {
z-index: 2;
grid-column-gap: 0vh;
grid-row-gap: 0vh;
background-color: var(--color-background--c-bg-3);
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
margin-top: -100vh;
padding: 10% 5%;
display: flex;
position: relative;
}
.mw1_image {
object-fit: cover;
object-position: 50% 50%;
width: 110%;
max-width: none;
height: 110%;
position: absolute;
inset: auto auto 0;
}
.section-3-wr {
grid-column-gap: 10vh;
grid-row-gap: 10vh;
flex-direction: column;
width: 100%;
display: flex;
}
.paragraph-3 {
color: #000;
text-align: center;
width: 60%;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 1.2em;
font-weight: 400;
line-height: 1.1;
}
.paragraph-3.bottom-align {
color: #b60d01;
margin-top: auto;
margin-bottom: 5%;
}
.mw1_grid-scale_wrapper {
grid-column-gap: 15px;
grid-row-gap: 15px;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.section-2 {
justify-content: center;
align-items: flex-start;
width: 100%;
height: 300vh;
margin-top: -100vh;
display: flex;
position: relative;
overflow: visible;
}
.hmw1_background-mask {
z-index: 1;
background-color: var(--color-background--c-bg-3);
width: 100%;
height: 100vh;
display: block;
position: absolute;
inset: 0%;
}
.b_counter-order_component {
border-radius: var(--var-size--tiny-6);
background-color: var(--color-base--c-base-glass);
padding: 1rem 3.5rem;
}
.b_counter-order_wrapper {
grid-column-gap: 2.75rem;
grid-row-gap: 2.75rem;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 5.5rem;
display: flex;
}
.b_counter-order_item {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
justify-content: flex-start;
align-items: center;
height: 5.5rem;
display: flex;
}
.b_counter-order_item.is-secondary {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
}
.b_counter-order_number_wrapper {
justify-content: center;
align-items: center;
width: 4rem;
height: 3.5rem;
display: flex;
}
.b_counter-order_number_wrapper.is-secondary {
justify-content: center;
align-items: flex-start;
height: 3.25rem;
}
.b_counter-order_divider-wrapper {
height: 100%;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
position: relative;
}
.b_counter-order-divider {
background-color: var(--color-border--c-border-accent-min);
width: .5px;
height: 100%;
}
.cta_module-counter {
display: block;
}
.cta_aligner {
width: 100%;
height: 7.5rem;
}
.cta_module-content {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
display: flex;
}
.cta_module-bottom {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
justify-content: flex-end;
align-items: center;
max-width: 80%;
}
.days {
color: var(--color-heading--c-heading-subtle);
}
.image-22 {
object-fit: cover;
width: 100%;
height: 100%;
}
.test_wrapper-100 {
width: 100%;
height: 100vh;
position: relative;
}
.test_wrapper-50 {
width: 30%;
height: 60vh;
position: relative;
overflow: hidden;
}
.test_wrapper-50.is-overflow-visible {
overflow: visible;
}
.test_flex {
flex-flow: row;
}
.test_flex-2 {
flex-flow: row;
padding-top: 50px;
}
.ukiyo-wrapper {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.flex-block-4 {
height: 100vh;
}
.parallax-image {
object-fit: cover;
width: 150%;
max-width: none;
height: 100%;
transition: all .5s;
position: absolute;
}
.section_menu-weekly-insight--mw1-regular {
width: 100%;
}
.swiper-slide_image-wrapper {
width: 100%;
height: 70vh;
position: relative;
}
.swiper-slide_image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.line_wrapper {
width: 100%;
height: 1px;
position: relative;
overflow: hidden;
}
.swiper-2 {
cursor: grabbing;
width: 100%;
height: 100%;
}
.swiper-slide-2 {
flex-direction: column;
align-items: flex-start;
width: 100%;
height: auto;
display: flex;
position: relative;
}
.line-2 {
background-color: #222;
width: 100%;
height: 100%;
position: absolute;
inset: 0% auto auto 0%;
}
.swp_btn {
color: #222;
cursor: pointer;
background-color: #efefef00;
border: 1px solid #000;
border-radius: 1000rem;
justify-content: center;
align-items: center;
width: 2rem;
height: 2rem;
transition: all .45s cubic-bezier(.075, .82, .165, 1);
display: flex;
}
.swp_btn:hover {
color: #f8fafc;
background-color: #3a3a3a;
transform: scale(1.1);
}
.swp_btn.swiper-btn-prev {
transition: all .2s cubic-bezier(.785, .135, .15, .86);
}
.swiper_nav_parent {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
display: flex;
}
.project_navigation {
justify-content: space-between;
padding-top: 1.5rem;
display: flex;
}
.project_btm_wrap {
z-index: 3;
flex-direction: column;
justify-content: flex-start;
width: 100%;
height: 12.5vh;
display: flex;
position: absolute;
inset: auto 0% 0%;
}
.container-4 {
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
}
.div_hide {
position: relative;
overflow: hidden;
}
.scroll_drag_txt {
line-height: 1.25;
}
.swiper_arrow {
width: .75rem;
}
.project_main_wrap {
width: 100%;
height: 100%;
position: relative;
}
.section_calories-list--mw2 {
width: 100%;
display: block;
}
.text-size-regular {
font-size: 1.35rem;
line-height: 1.55;
}
.testimonial-circle {
grid-column-gap: .5rem;
color: #fff;
border-radius: .625rem;
justify-content: flex-start;
align-items: center;
display: flex;
}
.word-two {
display: inline-block;
}
.home-service-text {
z-index: 10;
grid-column-gap: .2rem;
display: flex;
position: relative;
}
.hoe-works-description {
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
max-width: 20rem;
padding-bottom: .75rem;
display: flex;
}
.home-service-image {
z-index: 10;
border-radius: .625rem;
flex-direction: column;
width: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.image-fill {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.about-image-block {
z-index: 5;
grid-column-gap: 10vw;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-left: -5vw;
margin-right: -5vw;
display: grid;
position: absolute;
inset: 0%;
}
.testimonial-slide-arrow {
background-color: #dfddda;
border-top-left-radius: .625rem;
border-top-right-radius: .625rem;
border-bottom-right-radius: 0;
justify-content: center;
align-items: center;
width: 4rem;
height: 50%;
display: flex;
inset: 0% 0% auto auto;
}
.testimonial-slide-arrow.right-arrow {
border-top: 1px solid #c9c8c4;
border-radius: 0 0 .625rem .625rem;
inset: auto 0% 0% auto;
}
.about-sticky-trigger {
flex: 1;
margin-top: -100vh;
padding: 0;
}
.icon-1x1-medium-2 {
width: 1.1rem;
height: 1.1rem;
}
.home-about {
background-color: #dfddda;
}
.heading-style-xl {
perspective: 200vw;
font-size: 10.5vw;
line-height: 1.1;
overflow: hidden;
}
.home-hero-image {
border-radius: .625rem;
position: relative;
overflow: hidden;
}
.hero-word-two {
display: inline-block;
}
.service-link-grid {
grid-column-gap: 6rem;
grid-row-gap: 4.5rem;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: minmax(50%, 1fr) minmax(50%, 1fr);
grid-auto-columns: 1fr;
place-content: center;
place-items: center;
margin-left: auto;
margin-right: auto;
padding: 0;
display: grid;
position: relative;
}
.word-three {
display: inline-block;
}
.about-image-height {
padding-top: 100%;
}
.about-image-holder {
border-radius: .625rem;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.button-group-2 {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-flow: row;
justify-content: flex-start;
align-items: center;
display: flex;
}
.home-service-link {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
color: #000;
background-color: #d6d5d200;
border-radius: 100rem;
justify-content: center;
align-items: center;
text-decoration: none;
position: static;
}
.home-service-link.w--current {
background-color: #dfddda;
}
.home-hero-block {
z-index: 10;
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1.15fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-end;
height: 100vh;
min-height: 49rem;
max-height: 65rem;
display: grid;
position: relative;
}
.team-card-top-height {
padding-top: 133%;
}
.testimonial-slider-block {
z-index: 10;
background-color: #e9e8e4;
border-radius: .625rem;
width: 50%;
padding: .625rem;
position: relative;
}
.padding-bottom-2 {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.testimonial-slide-content {
grid-column-gap: 2.8rem;
grid-row-gap: 2.8rem;
flex-direction: column;
justify-content: space-between;
height: 100%;
min-height: 26rem;
padding: 1.9rem 5.9rem 1.9rem 1.9rem;
display: flex;
}
.text-size-large {
font-size: 1.9rem;
line-height: 1.35;
}
.button-text.button-text-bottom {
position: absolute;
bottom: -100%;
}
.action-block {
grid-column-gap: 7rem;
grid-row-gap: 2.5rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr auto 1fr;
grid-auto-columns: 1fr;
place-content: stretch space-between;
justify-items: center;
width: 100%;
max-width: 91vw;
margin-left: auto;
margin-right: auto;
padding-top: 0;
padding-bottom: 12rem;
display: grid;
}
.team-card-top {
border-radius: .625rem;
flex-direction: column;
display: flex;
position: relative;
overflow: hidden;
}
.testimonial-name {
grid-column-gap: .2rem;
grid-row-gap: .2rem;
flex-direction: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.testimonial-avatar {
border-radius: .625rem;
width: 4rem;
position: relative;
overflow: hidden;
}
.button-icon {
justify-content: center;
align-items: center;
padding: 2px;
display: flex;
}
.button-icon.button-icon-top {
position: absolute;
top: -100%;
left: -100%;
}
.button-icon.button-icon-left {
position: absolute;
left: -100%;
}
.button-icon.button-icon-right {
position: absolute;
right: -100%;
}
.button-icon.button-icon-bottom {
position: absolute;
bottom: -100%;
left: -100%;
}
.about-image-strip {
z-index: 1;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: 1fr 1fr 1fr;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: space-between;
height: 200vh;
margin-top: 0;
padding-top: 20vh;
display: grid;
position: relative;
}
.about-image-strip.left-strip {
grid-template-rows: 1fr 1fr 1fr;
width: 85%;
height: 260vh;
padding-top: 15vh;
padding-bottom: 0;
}
.about-image-strip.right-strip {
grid-template-rows: .7fr 2fr 1fr;
height: 280vh;
padding-top: 10vh;
padding-bottom: 0;
}
.testimonial-avatar-height {
padding-top: 100%;
}
.home-works-top {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr auto;
grid-auto-columns: 1fr;
display: grid;
}
.clip {
z-index: 10;
flex-direction: column;
padding-right: 1px;
display: flex;
position: relative;
overflow: hidden;
}
.home-intro-description {
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 22rem;
display: flex;
}
.home-work-grid {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
border-top: 1px solid #d2d2cf;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: flex;
}
.text-size-small {
font-size: 1.2rem;
line-height: 1.6;
}
.button-4 {
color: #000;
text-align: center;
background-color: #0000;
border: 1px solid #d2d2cf;
border-radius: 100rem;
justify-content: center;
align-items: center;
min-height: 2.65rem;
padding: .75rem .95rem;
font-weight: 200;
text-decoration: none;
display: flex;
}
.button-4.is-circle {
width: 2.65rem;
margin-right: -1px;
padding: 0;
}
.button-4.is-icon {
grid-column-gap: 1.4rem;
grid-row-gap: 1.4rem;
text-align: left;
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding-top: 0;
padding-bottom: 0;
text-decoration: none;
display: flex;
position: relative;
}
.testimonial-mask {
position: static;
overflow: visible;
}
.service-link-block {
justify-content: center;
align-items: stretch;
display: flex;
overflow: visible;
}
.heading-style-h4-2 {
font-size: 1.35rem;
line-height: 1.4;
}
.home-hero-right {
grid-column-gap: .375rem;
grid-row-gap: .375rem;
grid-template-rows: 1fr 1fr;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding: .625rem;
display: grid;
}
.load-1 {
position: relative;
}
.heading-style-h1-2 {
letter-spacing: -.15vw;
text-transform: uppercase;
font-size: 5rem;
line-height: 1.15;
}
.home-hero-heading {
margin-bottom: 0;
overflow: hidden;
}
.about-image-item {
border-radius: .625rem;
width: 17vw;
position: relative;
overflow: visible;
}
.container-large-2 {
width: 100%;
max-width: 105rem;
margin-left: auto;
margin-right: auto;
}
.testimonial-block {
flex-direction: column;
justify-content: flex-end;
align-items: flex-end;
min-height: 100vh;
padding: 17rem 1.9rem 1.9rem;
display: flex;
position: relative;
overflow: hidden;
}
.number-text.number-bottom {
position: absolute;
bottom: -100%;
}
.testimonial-slide-nav {
font-size: .5rem;
display: none;
}
.word-one {
display: inline-block;
}
.home-service-intro {
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 20rem;
display: flex;
}
.hero-word-one {
display: inline-block;
}
.home-intro {
overflow: hidden;
}
.home-intro-height {
padding-top: 80%;
}
.home-intro-height.large {
padding-top: 115%;
}
.clip-title {
z-index: 200;
border-bottom: 1px #d2d2cf;
padding-top: 0;
position: relative;
overflow: hidden;
}
.padding-top-2 {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.home-intro-strip {
grid-column-gap: 16px;
grid-row-gap: .5rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: stretch;
width: 100%;
max-width: 13vw;
margin-top: -10rem;
margin-bottom: -10rem;
display: grid;
}
.looping-strip-wrap {
display: flex;
}
.featured-background {
border-radius: .625rem;
position: absolute;
inset: 0%;
overflow: hidden;
}
.home-hero-left {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
grid-template-rows: 1fr 1fr;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-top: 5rem;
display: grid;
}
.intro-title {
max-width: 30rem;
}
.service-numbers {
display: flex;
}
.service-numbers.large-service-numbers {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
grid-template-rows: auto;
grid-template-columns: 1.1rem 1.1rem;
grid-auto-columns: 1fr;
justify-items: center;
margin-right: -.25rem;
display: grid;
}
.main-wrapper-3 {
z-index: 10;
position: relative;
}
.fotter-menu-link {
color: #000;
text-decoration: none;
}
.home-service-left {
margin-top: -.9rem;
}
.home-work-item {
width: 100%;
position: relative;
}
.testimonial-text {
max-width: 27rem;
padding: 0;
}
.testimonial-slider {
z-index: 100;
background-color: #ddd0;
width: 100%;
height: auto;
padding-right: 0;
position: relative;
}
.icon-1x1-tiny {
width: .5rem;
height: .5rem;
}
.home-about-top {
z-index: 10;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.home-service-height {
padding-top: 100%;
}
.home-services {
overflow: hidden;
}
.text-size-xsmall {
font-size: .9rem;
}
.home-service-base {
grid-column-gap: 6rem;
grid-row-gap: 4rem;
border-bottom: 1px #d2d2cf;
border-radius: .625rem;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
padding-top: 9rem;
padding-bottom: 9rem;
display: flex;
}
.padding-vertical-2 {
padding-left: 0;
padding-right: 0;
}
.margin-bottom-2 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.padding-horizontal-2 {
width: 100%;
padding-top: 0;
padding-bottom: 0;
}
.text-size-tiny {
font-size: .7rem;
}
.looping-strip {
grid-column-gap: 0vw;
grid-row-gap: 0vw;
white-space: nowrap;
align-items: center;
display: flex;
}
.testimonial-slide-number {
align-items: flex-end;
width: 100%;
height: 4rem;
margin-left: -1.25rem;
display: flex;
position: absolute;
inset: auto 0% 0% -100%;
}
.home-team {
background-color: #dfddda;
}
.team-card-bottom {
padding-left: .625rem;
padding-right: .625px;
}
.home-intro-image {
z-index: 1;
border-radius: .625rem;
flex-direction: column;
display: flex;
position: relative;
overflow: hidden;
}
.footer-brand {
color: #000;
text-decoration: none;
}
.home-about-bottom {
z-index: 100;
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 22rem;
display: flex;
position: relative;
}
.heading-style-h2 {
font-size: 3.25rem;
line-height: 1.35;
}
.heading-style-h2.text-style-allcaps {
line-height: 1.2;
}
.footer-menu {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
align-items: center;
display: flex;
}
.home-team-block {
grid-column-gap: 1.9rem;
grid-row-gap: 3.8rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.home-about-block {
border-bottom: 1px solid #c9c8c4;
flex-direction: column;
height: 200vh;
display: flex;
}
.footer-content {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr .75fr 1fr;
grid-auto-columns: 1fr;
align-content: center;
align-items: center;
display: grid;
}
.home-hero-bottom {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr auto;
grid-auto-columns: 1fr;
justify-content: flex-end;
align-items: flex-start;
max-width: 19rem;
display: flex;
}
.testimonial-slide {
height: 100%;
position: static;
}
.home-about-sticky {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: 1fr auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
height: 100vh;
padding-top: 6rem;
padding-bottom: 4rem;
display: grid;
position: sticky;
top: 0;
overflow: hidden;
}
.service-number {
position: relative;
}
.intro-paralax {
border-radius: .625rem;
width: 100%;
margin-left: -1rem;
margin-right: -1rem;
position: relative;
overflow: hidden;
}
.intro-paralax.paralax-slow {
width: 90%;
}
.intro-paralax.paralax-slow.top-image {
z-index: 10;
position: relative;
}
.home-service-hover {
z-index: 20;
justify-content: center;
align-items: center;
width: 18%;
height: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
position: absolute;
inset: 0%;
}
.hero-word-three {
display: inline-block;
}
.collection-list-wrapper-2 {
z-index: 25;
position: relative;
}
.page-banner {
background-color: #dfddda;
padding-top: .625rem;
padding-bottom: .625rem;
position: relative;
}
.home-about-subtitle {
max-width: 22rem;
}
.footer-action {
border-bottom: 1px solid #d2d2cf;
overflow: hidden;
}
.looping-line {
background-color: #000;
width: 5vw;
min-width: 5vw;
height: .35vw;
margin-left: 5vw;
margin-right: 5vw;
}
.team-card {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
color: #000;
border-radius: .625rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding: 0;
text-decoration: none;
display: grid;
}
.image-overlay {
z-index: 5;
background-color: #0d0d0e33;
position: absolute;
inset: 0%;
}
.image-overlay.light-overlay {
background-color: #0d0d0e1a;
}
.service-grid {
grid-column-gap: .625rem;
grid-row-gap: 0rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
padding-bottom: 0;
padding-right: 0;
display: grid;
position: sticky;
top: 0;
overflow: hidden;
}
.testimonial-credit {
grid-column-gap: 1.2rem;
grid-row-gap: 1.2rem;
grid-template-rows: auto;
grid-template-columns: auto 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.load-3 {
position: relative;
}
.tag-item {
border: 1px solid #d2d2cf;
border-radius: 100rem;
justify-content: center;
align-items: center;
width: 2.5rem;
height: 2.5rem;
padding-left: 3px;
display: flex;
}
.tag-item.tag-button {
justify-content: center;
align-items: center;
width: auto;
min-width: 6.5rem;
margin-left: -1px;
padding-left: 0;
padding-right: 0;
}
.heading-style-h3-2 {
font-size: 2.8rem;
font-weight: 200;
line-height: 1.2;
}
.home-work-height {
border-radius: .625rem;
width: 100%;
position: absolute;
inset: 0%;
overflow: hidden;
}
.button-text-one {
align-items: flex-start;
display: flex;
}
.button-text-one.button-text-bottom {
position: absolute;
bottom: -100%;
}
.home-work-image {
justify-content: center;
align-items: center;
width: 75%;
display: flex;
position: relative;
}
.home-work-hover {
z-index: 10;
flex-direction: column;
justify-content: center;
padding: 78% 0 0;
display: flex;
position: absolute;
inset: auto 0%;
overflow: visible;
}
.home-work-link {
z-index: 50;
width: 100%;
text-decoration: none;
position: relative;
}
.home-work-content {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
color: #000;
grid-template-rows: 1fr;
grid-template-columns: .3fr 1fr .4fr auto;
grid-auto-columns: 1fr;
align-content: center;
align-items: center;
width: 100%;
padding-top: 2.875rem;
padding-bottom: 2.875rem;
text-decoration: none;
display: grid;
}
.projects-item-title {
overflow: hidden;
}
.tag-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.button-text-two.button-text-bottom {
position: absolute;
bottom: -100%;
}
.sg_section_components_smeal-overlay {
padding-bottom: 5rem;
}
.b_meal-overlay_component {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
flex-flow: column;
width: 100%;
height: auto;
padding-bottom: 1rem;
display: flex;
}
.b_meal-overlay_module-image {
border-radius: var(--var-size--base);
width: 100%;
height: auto;
position: relative;
overflow: hidden;
}
.b_meal-overlay_title-panel {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: space-between;
align-items: flex-end;
width: 100%;
display: flex;
}
.b_meal-overlay_component-image {
justify-content: center;
align-items: center;
width: 100%;
height: 70svh;
display: flex;
position: relative;
overflow: hidden;
}
.b_meal-overlay_info-overlay {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
background-color: var(--color-base--c-base-glass);
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
height: 100%;
padding: 1rem 3rem;
display: flex;
position: absolute;
inset: auto 0% 0%;
}
.b_meal-overlay_cta-button {
z-index: 100;
cursor: pointer;
position: absolute;
top: 1rem;
left: auto;
right: 1rem;
}
.b_meal-overlay_tags-wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
flex: none;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex;
}
.b_slider-1_module-title-panel-top-copy {
width: 100%;
}
.b_meal-overlay_module-title-panel-bottom {
justify-content: space-between;
align-items: flex-end;
width: 100%;
padding-right: 3rem;
display: flex;
}
.b_meal-overlay_module-title-panel-top {
width: 100%;
}
.b_meal-overlay_module-title-panel_block-left {
grid-column-gap: 2.25rem;
grid-row-gap: 2.25rem;
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
}
.b_meal-overlay_aligner-title {
justify-content: flex-end;
align-items: flex-start;
}
.b_meal-overlay_title-wrapper {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: column;
display: flex;
}
.s_header-main {
background-color: var(--color-background--c-bg-3);
width: 100%;
position: relative;
}
.s_header-main.is-page-menu {
margin-top: 5rem;
}
.temp_component-holder {
width: 50vw;
}
.mw_slide-component {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
aspect-ratio: 1;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 50vw;
font-weight: 500;
display: flex;
}
.mw_module-visual {
aspect-ratio: 5 / 4;
border-radius: var(--var-size--tiny-6);
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.mw_module-title-panel-top {
width: 100%;
padding-bottom: 1rem;
}
.mw_module-title-panel-bottom {
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: 4rem;
padding-right: 3rem;
display: flex;
}
.mw_module-title-panel_block-left {
grid-column-gap: 2.25rem;
grid-row-gap: 2.25rem;
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
}
.mw_module-title-panel {
justify-content: space-between;
align-items: flex-end;
width: 100%;
display: flex;
}
.mw_overline {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: space-between;
align-items: center;
padding-left: 3rem;
padding-right: 3rem;
display: flex;
position: relative;
}
.b_slider-1_overline {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
align-items: baseline;
padding-left: 3rem;
display: flex;
}
.b_slider-1_date-wrapper {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: row;
align-items: baseline;
}
.mw_image {
object-fit: cover;
width: 130%;
max-width: none;
height: 100%;
position: absolute;
}
.mw_aligner-title {
justify-content: flex-end;
align-items: flex-start;
}
.mw_date-wrapper {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: row;
align-items: baseline;
display: none;
}
.section_slider_menu-weekly-insight--mw {
background-color: var(--color-background--c-bg-3);
display: block;
}
.section_slider_menu-weekly-insight--mw.is-page-menu {
width: 100%;
margin-bottom: 5rem;
padding-bottom: 3rem;
display: block;
}
.d14_module-paragraph {
margin-bottom: 4rem;
}
.component_meal-card {
width: 100%;
}
.component_meal-card-details {
width: 100%;
position: relative;
}
.collection-item {
width: 40px;
height: 40px;
display: flex;
}
.collection-list-4 {
display: flex;
}
.mw_overlay {
z-index: 80;
background-color: var(--color-base--c-base-glass);
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.mv_navigation-panel {
width: 100%;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.mw_component_counters {
display: none;
}
.mw_navigation-panel_layout {
flex-flow: row;
justify-content: space-between;
align-items: center;
}
.mw_overline_left {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: row;
}
.mw_title.f-is-serif {
font-family: ivymode, sans-serif;
font-weight: 400;
}
.mw_layout {
width: 100%;
height: 100%;
}
.mw_index {
padding-top: .2rem;
position: absolute;
inset: 0% auto auto 0%;
}
.c_tag_meal-type_component-4 {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
border-radius: .25rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
min-width: 100%;
display: flex;
}
.c_tag_meal-type_small-2 {
grid-column-gap: .375rem;
grid-row-gap: .375rem;
background-color: #27241e;
border: .5px solid #bbb09a;
border-radius: .25rem;
flex-flow: row;
justify-content: center;
align-items: center;
width: 100%;
height: 1.5rem;
padding: .375rem;
display: flex;
}
.f-label-small-2 {
color: #464239;
letter-spacing: .3px;
text-transform: uppercase;
font-family: Geist, sans-serif;
font-size: .625rem;
font-weight: 500;
line-height: 1rem;
text-decoration: none;
display: block;
position: static;
inset: auto 0% 20%;
}
.b_list_daily-calories_base-bg {
z-index: -1;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.b_list_daily-calories_icon-arrow {
display: none;
position: absolute;
inset: 0% 0% auto auto;
}
.u-target-area {
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
}
.code-emberd_in-component {
position: absolute;
}
.mw_button-arrow-regular {
display: none;
}
.mw_button-arrow-animation, .section_hm1 {
display: block;
}
.section_hm2 {
width: 100%;
height: 400vw;
margin-top: -100vh;
position: relative;
}
.u--layout-grid-12-24--6 {
grid-column-gap: 1.5rem;
grid-row-gap: 0rem;
grid-template-rows: 4rem auto 18vh 18vh auto 4rem;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-rows: 0;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: grid;
}
.u--layout-grid-12-24--6.is-d16 {
grid-template-rows: auto 80vh;
}
.u--layout-grid-12-24--6.is-d16-content {
grid-template-rows: auto;
}
.u--layout-grid-12-24--6.is-d16-header {
grid-template-rows: auto auto;
}
.u--layout-grid-12-24--6.is-d16-circle {
grid-template-rows: auto;
}
.u--layout-grid-12-24--6.is-min-100vh {
min-height: 100vh;
}
.hm2_module-paraagraph {
z-index: 1;
padding-bottom: 8rem;
position: relative;
}
.hm2_row-1 {
width: 100%;
}
.hm2_row-2 {
flex-flow: row;
width: 100%;
}
.hm2_row-3 {
width: 100%;
}
.hm2_title {
text-transform: none;
font-family: ivymode, sans-serif;
font-size: 8vw;
font-style: italic;
font-weight: 300;
line-height: 8vw;
}
.hm2_title.is-align-right {
text-align: right;
}
.hm2_divider-wrapper {
aspect-ratio: 16 / 10;
justify-content: flex-start;
align-items: center;
width: 100%;
height: auto;
display: flex;
position: relative;
overflow: hidden;
}
.u--layout-grid-12-24--3 {
grid-column-gap: 1.5rem;
grid-row-gap: 0rem;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-rows: 0;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: grid;
}
.u--layout-grid-12-24--3.is-d16 {
grid-template-rows: auto 80vh;
}
.u--layout-grid-12-24--3.is-d16-content {
grid-template-rows: auto;
}
.u--layout-grid-12-24--3.is-d16-header {
grid-template-rows: auto auto;
}
.u--layout-grid-12-24--3.is-d16-circle {
grid-template-rows: auto;
}
.u--layout-grid-12-24--3.is-min-100vh {
min-height: 100vh;
}
.hm2_heading-wrapper {
z-index: 3;
padding-top: 6rem;
position: relative;
}
.hm2_balans-ring_target-container {
border: 2px solid #000;
width: 30vh;
height: 30vh;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.section_video {
width: 100%;
height: 100vh;
}
.hmw1_section-2 {
z-index: 1;
width: 100%;
height: 300vh;
margin-top: -100vh;
display: block;
position: relative;
}
.hmw1_trigger-1 {
z-index: 3;
background-color: var(--color-background--c-bg-3);
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
position: relative;
}
.sector_homepage-1 {
width: 100%;
display: block;
position: relative;
}
.section_homepage-presentation--hmp {
z-index: 500;
pointer-events: none;
width: 100%;
display: block;
position: absolute;
inset: 0%;
}
.hmp_sticky {
width: 100%;
height: 100vh;
position: sticky;
top: 0;
}
.hmp_module-visual--absolute {
z-index: 1;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0%;
}
.hmp_module-content {
z-index: 2;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.hmp_aligner {
height: 35vh;
}
.hmp_title-central_wrapper {
justify-content: space-between;
align-items: center;
height: 30vh;
display: flex;
position: relative;
}
.hmp_title-bottom_wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
height: 35vh;
display: flex;
}
.hmp_title-central_left {
flex-flow: column;
justify-content: flex-end;
align-items: flex-end;
width: 100%;
height: 3rem;
display: flex;
position: relative;
}
.hmp_title-central_logo-balans {
z-index: 2;
flex: none;
position: absolute;
top: 51%;
left: 50%;
transform: translate(-50%, -50%);
}
.hmp_title-central_logo-balans.is-content {
opacity: 0;
display: flex;
position: relative;
top: 0%;
left: 0%;
transform: translate(0%);
}
.hmp_title-central_right {
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
height: 3rem;
display: flex;
}
.hmp_title-bottom_overline-wrapper {
justify-content: center;
align-items: center;
width: 100%;
height: 1rem;
display: flex;
}
.hmp_title-bottom_divider-wrapper {
width: 60%;
height: .25rem;
padding-left: 6rem;
padding-right: 6rem;
}
.hmp_title-bottom_title-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: row;
justify-content: center;
align-items: baseline;
display: flex;
}
.hmp_title-bottom_title-wrapper.is-1 {
justify-content: center;
align-self: baseline;
align-items: flex-start;
position: absolute;
}
.hmp_divider {
background-color: var(--color-text--c-text-subtle);
width: 100%;
height: 1px;
}
.hmp_title-bottom_title-component {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: flex-start;
align-items: center;
}
.hmp_title-central_logomark-small-container {
justify-content: center;
align-items: center;
width: 30vh;
height: 30vh;
}
.hmp_title-bottom_container {
flex-flow: row;
justify-content: center;
align-self: baseline;
align-items: center;
width: 100%;
}
.component_visual-wrapper {
width: 100%;
height: 100%;
position: relative;
}
.hmw1_trigger-video {
z-index: 2;
grid-column-gap: 0vh;
grid-row-gap: 0vh;
background-color: var(--color-background--c-bg-3);
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 100vh;
display: flex;
position: relative;
}
.hm2_image-wrapper {
z-index: 100;
width: 100%;
max-width: none;
height: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.div-block-51 {
background-color: #642727;
width: 50%;
height: 50%;
position: absolute;
inset: 0%;
}
.c_button {
color: #0f1416;
white-space: nowrap;
background-color: #c6fb50;
border-radius: 100vw;
padding: .8em 1.7em;
font-size: 1.1em;
font-weight: 400;
line-height: 1;
}
.home-intro_heading {
max-width: 8em;
}
.global_symbol {
position: fixed;
inset: 0% 0% auto;
}
.global_embed {
width: 0;
height: 0;
position: absolute;
inset: 0% 0% auto;
overflow: hidden;
}
.image {
object-fit: cover;
width: 100%;
max-width: none;
height: 100%;
position: absolute;
inset: 0%;
}
.text-size-h1 {
letter-spacing: -.03em;
font-size: 4em;
font-weight: 400;
line-height: .9;
}
.page-padding-3 {
padding: 5em 6%;
}
.page-padding-3.is-home-hero {
flex-direction: column;
justify-content: center;
align-items: stretch;
min-height: 100vh;
display: flex;
}
.page-padding-3.is-home-cta {
grid-column-gap: 2.25em;
grid-row-gap: 2.25em;
text-align: center;
flex-flow: column wrap;
place-content: center;
align-items: center;
min-height: 100vh;
display: flex;
}
.home-cta_heading {
max-width: 8em;
}
.placeholder {
background-color: #27343a;
width: 100%;
}
.page-wrapper-2 {
width: 100%;
font-size: 1em;
position: relative;
overflow: hidden;
}
.home-intro_visual {
width: 8em;
max-width: 100%;
margin-left: auto;
margin-right: auto;
transform: rotate(-9deg);
}
.home-intro_visual-height {
width: 100%;
padding-top: 100%;
}
.text-style-italic-2 {
font-weight: 400;
}
.home-cta_section {
z-index: 3;
margin-top: 5em;
margin-bottom: 5em;
position: relative;
}
.home-hero_content {
grid-column-gap: 1.75em;
grid-row-gap: 1.75em;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 34em;
display: flex;
}
.home-intro_layout {
grid-column-gap: 3em;
grid-row-gap: 3em;
text-align: center;
flex-direction: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.container-5 {
width: 100%;
max-width: 80em;
margin-left: auto;
margin-right: auto;
}
.vvv {
z-index: 1;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.home-hero_layout {
grid-column-gap: 4em;
grid-row-gap: 4em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
width: 100%;
display: grid;
}
.home-hero_visual-height {
width: 100%;
padding-top: 128%;
position: relative;
}
.target-div {
z-index: 2000;
background-color: #146f65;
width: 50%;
height: 50%;
position: relative;
inset: auto 0% 0% auto;
}
.flex-block-5 {
width: 30%;
height: 50%;
position: absolute;
inset: auto 0% 0% auto;
}
.section_hp-1--sticky {
z-index: 1;
width: 100%;
height: 100vh;
position: sticky;
top: 0;
}
.section_split--hp-2 {
z-index: 3;
background-color: var(--color-background--c-bg-2);
width: 100%;
min-height: 100vh;
position: relative;
}
.sector_section_general-information {
width: 100%;
margin-top: -100vh;
position: relative;
}
.section_hp-4--sticky {
z-index: 2;
width: 100%;
position: sticky;
bottom: 0;
}
.section_hp-spacer {
z-index: 2;
width: 100%;
height: 100vh;
position: relative;
}
.section_hp-1-wrapper {
width: 100%;
margin-bottom: -100vh;
display: none;
position: relative;
}
.section_hp-4-wrapper {
z-index: 2;
width: 100%;
margin-top: -100vh;
position: relative;
}
.section_hp-4-spacer {
width: 100%;
height: 100vh;
}
.hp-3_layout {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.section_metamorphosis-insight--hp-3 {
background-color: var(--swatches--🔻brand-27--brand-79);
width: 100%;
position: sticky;
top: 0;
}
.section_hp-3-wrapper {
z-index: 0;
width: 100%;
height: 400vh;
margin-top: -100vh;
margin-bottom: -100vh;
position: relative;
}
.hp-4_layout {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.heading-19 {
color: #000;
}
.u--layout-grid-split {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 50% 50%;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: grid;
}
.component_visual {
width: 100%;
height: 100%;
position: relative;
}
.c_typography-decor-small_component {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
display: flex;
}
.c_typography-decor_caption {
justify-content: flex-end;
align-items: center;
}
.c_typography-decor-small_heading {
justify-content: center;
align-items: flex-end;
display: flex;
}
.c_typography-decor_divider {
background-color: var(--color-border--c-border-decor-strong);
justify-content: center;
align-items: center;
width: 100%;
height: 1px;
display: flex;
}
.hp-2_content-wrapper {
width: 100%;
height: 100%;
position: relative;
}
.hp-2_layout {
justify-content: center;
align-items: flex-end;
width: 100%;
height: 100%;
padding-bottom: 7.5rem;
display: flex;
}
.hp-2_image-wrapper {
width: 100%;
height: 100%;
overflow: hidden;
}
.c_typography-decor_divider-wrapper {
justify-content: center;
align-items: center;
width: 100%;
height: .25rem;
padding-left: 6rem;
padding-right: 6rem;
display: flex;
}
.hm2_image-master-wrapper-mobile {
z-index: 2;
aspect-ratio: 1 / 4;
opacity: 1;
object-fit: contain;
width: 100vw;
height: 400vw;
min-height: 200vw;
display: none;
position: absolute;
inset: 0%;
}
.hm2_image-master-mobile {
z-index: 2;
aspect-ratio: 1 / 4;
opacity: 1;
object-fit: contain;
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.hm2_image-master_wrapper {
z-index: 2;
aspect-ratio: 1 / 2;
opacity: 1;
object-fit: contain;
width: 100vw;
height: 300vw;
min-height: 200vw;
display: flex;
position: absolute;
inset: 0%;
}
.hm2_image-master_wrapper--mobile {
z-index: 2;
aspect-ratio: 1 / 2;
opacity: 1;
object-fit: contain;
width: 100vw;
height: 200vw;
min-height: 200vw;
display: none;
position: absolute;
inset: 0%;
}
.hm2_image-master--mobile {
z-index: 2;
aspect-ratio: 1 / 2;
opacity: 1;
object-fit: contain;
width: 100vw;
height: 200vw;
min-height: 200vw;
display: flex;
position: absolute;
inset: 0%;
}
.m0_divider-wrapper {
overflow: hidden;
}
.b_slogan_el_quote {
width: 1rem;
position: absolute;
}
.b_slogan_el_quote.is-left {
inset: 0% auto auto -1.5rem;
}
.b_slogan_el_quote.is-right {
inset: 0% -1.5rem auto auto;
}
.pd_module-bottom {
justify-content: flex-end;
align-items: flex-start;
width: 100%;
padding-top: 3rem;
}
.m1b_layout {
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 4rem;
padding-bottom: 8rem;
}
.m1b_layout.is-top {
padding-top: 4rem;
padding-bottom: 8rem;
}
.u-pad-veertical-80 {
padding-top: 5rem;
padding-bottom: 5rem;
}
.b_header-section_dot {
position: absolute;
inset: auto 0% 0% auto;
}
.m3_module-right_image-wrapper {
width: 100%;
position: relative;
}
.m8_heading-wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
align-items: baseline;
display: flex;
}
.d14_slide_component, .d14_slide_component-details {
width: 100%;
}
.d14_component_button-arrow {
z-index: 120;
pointer-events: auto;
cursor: pointer;
flex-flow: column;
flex: none;
justify-content: flex-end;
align-items: center;
height: 3rem;
padding-right: 1rem;
display: flex;
position: relative;
}
.d14_component_button-arrow.is-mobile {
justify-content: flex-end;
align-items: flex-end;
display: none;
}
.d14_meal-details {
opacity: 0;
cursor: grabbing;
width: 100%;
}
.d14_button_close {
z-index: 100;
pointer-events: auto;
cursor: pointer;
position: absolute;
inset: .5rem .5rem auto auto;
}
.button_close {
width: 100%;
height: 100%;
}
.button_close:hover {
border: .5px solid var(--color-border--c-border-accent-min);
border-radius: var(--var-size--tiny-4);
}
.d14_component_button-arrow-copy {
z-index: 120;
pointer-events: auto;
cursor: pointer;
flex-flow: column;
flex: none;
justify-content: flex-end;
align-items: center;
height: 3rem;
padding-right: 1rem;
display: flex;
position: relative;
}
.d14_component_button-arrow-copy.is-mobile {
justify-content: flex-end;
align-items: flex-end;
}
.d14_slider_meal-card_base-wrapper {
flex-flow: column;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.section_slider-cuisines--sc {
position: relative;
}
.sc_component_button-arrow {
z-index: 120;
pointer-events: auto;
cursor: pointer;
flex-flow: column;
flex: none;
justify-content: flex-end;
align-items: center;
height: 3rem;
padding-right: 1rem;
display: flex;
position: relative;
}
.sc_component_button-arrow.is-mobile {
justify-content: flex-end;
align-items: flex-end;
display: none;
}
.mw2_set {
width: 100%;
}
.c_tag_cuisine-display_component {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: wrap;
flex: none;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.c_tag_meal-info_cuisine-display {
grid-column-gap: .38rem;
grid-row-gap: .38rem;
border: .5px solid var(--color-border--c-border-inter-min);
border-radius: var(--var-size--tiny-4);
background-color: var(--color-base--b-base);
color: var(--color-text--c-text-strong);
flex: none;
justify-content: flex-start;
align-items: center;
height: 3.5rem;
padding-left: 1.5rem;
padding-right: 2rem;
display: flex;
}
.m9_code-embed {
position: absolute;
inset: 0% auto auto 0%;
}
.marquee_panel {
flex: none;
padding-left: 2rem;
padding-right: 2rem;
font-size: 4rem;
font-weight: 500;
}
.marquee_panel.loop-move-left {
animation-duration: 40s;
}
.m9_marquee-stripe {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex: none;
justify-content: flex-start;
align-items: flex-end;
display: flex;
}
.hm4_image-clip {
z-index: 3;
width: 100vw;
height: 100vw;
position: absolute;
inset: 0%;
}
.hm4_image-master-dimmed {
z-index: -1;
opacity: .13;
object-fit: cover;
width: 100%;
position: absolute;
inset: 0%;
}
.hm4_image-dimmed {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.hm4_image-master_visual {
z-index: 1;
object-fit: fill;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0%;
}
.heading-deck_title-wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
width: 100%;
display: flex;
}
.heading-deck_overline {
flex-flow: row;
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
position: relative;
}
.heading-deck_title-top-wrapper {
z-index: 10;
position: relative;
}
.heading-deck_title-bottom-wrapper {
z-index: 10;
text-align: right;
position: relative;
}
.heading-deck_divider_wrapper {
z-index: 10;
background-color: var(--color-text--c-text-subtle);
width: 100%;
position: relative;
}
.hm4_divider {
background-color: var(--color-text--c-text-subtle);
width: 100%;
height: 1px;
}
.hm2_image {
width: 100%;
height: 100%;
overflow: hidden;
}
.h2_slide-1--absolute {
width: 100%;
height: 100%;
position: absolute;
}
.hm2_cta-block {
z-index: 20;
justify-content: center;
align-items: flex-end;
width: 100%;
height: 100%;
padding-bottom: 4rem;
display: flex;
position: relative;
}
.component_cta-block--cta {
width: 100%;
}
.hm2_heading-wrapper_mobile {
z-index: 3;
display: none;
position: relative;
}
.section_hm2-extension_mobile {
display: none;
}
.hm2_cta-block-mobile {
width: 100%;
}
.hm2_title-mobile {
text-transform: none;
font-family: ivymode, sans-serif;
font-size: 8vw;
font-style: italic;
font-weight: 300;
line-height: 8vw;
}
.hm2_title-mobile.is-align-right {
text-align: right;
}
.b_ui_menu-indicator_component {
transform: translate(-150%);
}
.hmp_title-bottom {
display: block;
}
.hmp_title-bottom.f-is-serif {
flex: none;
}
.hmp_title-bottom.f-balans-h3 {
flex: none;
padding-top: .42em;
}
.hmp_title-top {
flex: none;
}
.hmp_title-top.f-is-serif.is-1 {
text-align: right;
width: 100%;
display: block;
}
.hmp_title-top.f-is-serif.is-1.is-left-align {
text-align: left;
}
.hmp_title-top.f-is-serif.is-2 {
justify-content: flex-end;
align-items: flex-end;
display: block;
}
.hmp_title-central_balans-logo.f-balans-h3 {
justify-content: flex-start;
align-items: flex-end;
height: 3rem;
padding-top: 0;
display: none;
}
.title-top_wrapper {
grid-column-gap: 20vw;
grid-row-gap: 20vw;
flex-flow: row;
align-items: flex-end;
width: 100%;
}
.working-jeaders, .working-headers {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: block;
position: relative;
}
.section_r0 {
z-index: 3;
background-color: var(--color-background--c-bg-2);
width: 100%;
display: none;
position: relative;
}
.hp-3_logomark {
z-index: 20;
color: var(--color-border--c-border-decor-subtle);
width: 20vw;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.section_header-display {
display: block;
}
.slider-extras_component_visual-copy {
z-index: 1;
opacity: 1;
justify-content: center;
align-items: center;
height: 50%;
transition: opacity .2s;
display: flex;
position: absolute;
inset: auto auto 4.5rem 1.5rem;
}
.slider-extras_component_visual-copy.is-active {
opacity: 1;
}
.s8_component_visual {
width: 100%;
height: 100%;
}
.s8_working {
min-height: 100vh;
display: none;
}
.flex-block-7 {
width: 50%;
height: 100vh;
}
.s8_slider-image-component_module-image {
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.s8_meal-label_divider {
background-color: var(--color-text--c-text-subtle);
opacity: .5;
width: 100%;
height: 1px;
position: relative;
}
.s8_component_layout {
justify-content: flex-end;
align-items: flex-start;
width: 100%;
height: 100%;
}
.heading-20 {
color: var(--color-text--c-text-strong);
}
.s8_slider_personal, .s8_slider_beauty, .s8_slider_green, .s8_slider_minus, .s8_slider_office, .s8_slider_sport {
width: 100%;
height: 100%;
}
.u--grid-half-left-ext-12-24--4 {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1.5rem 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.u--grid-half-left-ext-12-24--4.is-d8 {
grid-template-rows: auto auto auto auto;
width: 100%;
height: 100%;
}
.s8_controllers_wrapper {
flex-flow: row;
justify-content: flex-end;
align-items: center;
width: 100%;
height: 5rem;
position: relative;
inset: 0% 0% 0% auto;
}
.u--grid-half-left-ext-12-24--3 {
grid-column-gap: 0rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto auto auto;
grid-template-columns: 1.5rem 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.u--grid-half-left-ext-12-24--3.is-d8 {
grid-template-rows: auto auto auto 7.5px;
width: 100%;
height: 100%;
}
.d8_panel-desktop {
width: 100%;
height: 100%;
}
.sd8_layout-grid {
grid-column-gap: 1.5rem;
grid-row-gap: 0rem;
grid-template-rows: 10% 20% 60% 10%;
grid-template-columns: 1.5rem 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1.5rem;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: grid;
}
.sd8_layout-grid.is-section-mt1-benefits {
grid-column-gap: 1.5rem;
grid-template-rows: 3rem auto auto 3rem;
grid-template-columns: 1.5rem 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1.5rem;
grid-auto-columns: 1fr;
display: grid;
}
.sd8_layout-grid.is-section-m1 {
grid-template-rows: 3rem auto auto 3rem;
place-items: end start;
}
.sd8_layout-grid.is-hm2 {
grid-template-rows: 25% 25% 25% 25%;
}
.sd8_area-left-grid {
grid-column-gap: 1.5rem;
grid-row-gap: 0rem;
grid-template-rows: 10% 20% 60% 10%;
grid-template-columns: 1.5rem 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: grid;
}
.sd8_area-left-grid.is-d8 {
grid-template-rows: auto auto auto auto;
width: 100%;
height: 100%;
}
.u-pad-vertical-72 {
width: 100%;
height: 100%;
padding-top: 4.5rem;
padding-bottom: 4.5rem;
}
.s8_slider_container {
width: 100%;
height: 100%;
}
.s8_navigation_mobile {
z-index: 100;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 4rem;
display: none;
position: relative;
}
.s8_controllers_wrapper-mobile {
flex-flow: row;
justify-content: flex-start;
align-items: center;
position: absolute;
inset: 0% 0% 0% auto;
}
.component_button-arrows-mobile {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: flex-end;
align-items: flex-start;
height: 100%;
display: flex;
}
.component_button-arrows-mobile.is-office {
pointer-events: none;
width: 100%;
display: none;
position: absolute;
}
.component_button-arrows-mobile.is-sport {
pointer-events: none;
}
.component_button-arrows-mobile.is-beauty {
z-index: 10;
justify-content: center;
align-items: center;
width: 100%;
height: 2.5rem;
display: none;
position: absolute;
}
.d8_info_block-navigation-mobile {
z-index: 1;
pointer-events: none;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 100%;
display: none;
position: relative;
inset: auto 0% 0%;
}
.component_button-secondary {
z-index: 1000;
opacity: 1;
pointer-events: auto;
cursor: pointer;
flex-flow: row;
flex: 0 auto;
justify-content: flex-end;
align-self: flex-end;
align-items: flex-start;
height: 3rem;
display: flex;
position: relative;
}
.component_button-secondary.is-40 {
height: 2.5rem;
}
.component_button-secondary.is-info--s8 {
opacity: 0;
}
.header-diet_stripe-top {
flex: 0 auto;
justify-content: space-between;
align-items: center;
width: 100%;
height: 3.25rem;
margin-top: -10px;
display: none;
}
.d8_panel-mobile-info, .d8_panel-mobile-slider {
width: 100%;
height: 100%;
}
.s8_nav-mobile_layout {
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.s8_meal-name-1, .s8_meal-name-2 {
flex: none;
}
.section_diets-insight--s8 {
width: 100%;
position: relative;
}
.u--grid-half-left-ext-12-24--3-copy {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto auto auto;
grid-template-columns: 1.5rem 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.u--grid-half-left-ext-12-24--3-copy.is-d8 {
grid-template-rows: auto auto auto 7.5px;
width: 100%;
height: 100%;
}
.u-shadow-medium {
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.u-shadow-medium.is-absolute {
border-radius: var(--var-size--tiny-6);
display: block;
position: absolute;
inset: 0%;
}
.d8_info_block_button-order {
z-index: 1;
pointer-events: none;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 100%;
display: block;
position: relative;
inset: auto 0% 0%;
}
.d8_info_block_button-order_mobile {
z-index: 1;
pointer-events: none;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 100%;
display: none;
position: relative;
inset: auto 0% 0%;
}
.s8_intro-panel {
width: 100%;
height: 100vh;
display: block;
}
.c_typography-decor-large_component {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
display: flex;
}
.b_header-decor-large_wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
align-self: baseline;
align-items: baseline;
}
.component-wrapper {
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.t-2_overlay {
z-index: 2;
background-color: #0009;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.sector--diets {
width: 100%;
}
.section_diets_intro--d0 {
width: 100%;
height: 100vh;
position: sticky;
bottom: 0;
}
.marquee_layout {
background-color: #000;
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
position: relative;
}
.dm_marquee_track {
z-index: 1;
position: relative;
transform: translate(0);
}
.marquee_gradient {
z-index: 1;
background-image: linear-gradient(#000 10%, #0000);
width: 100%;
height: 16em;
margin-top: -1px;
margin-bottom: -1px;
position: absolute;
inset: 0% 0% auto;
}
.marquee_gradient.is-2 {
inset: auto 0% 0%;
transform: rotate(-180deg);
}
.dm_marquee_wrapper {
z-index: 1;
height: 42em;
position: relative;
overflow: hidden;
}
.section-5.is-hero {
position: relative;
overflow: hidden;
}
.container-6 {
width: 100%;
max-width: 100em;
margin-left: auto;
margin-right: auto;
padding: 5em 6em;
}
.container-6.is-hero {
flex-direction: column;
justify-content: center;
align-items: stretch;
min-height: 100vh;
display: flex;
}
.marquee_text {
width: 27em;
}
.marquee_text-item {
opacity: 0;
transition: opacity .4s;
position: absolute;
}
.marquee_text-list {
justify-content: flex-start;
align-items: center;
display: flex;
position: relative;
}
.marquee_sub-head {
flex: none;
}
.marquee_item-2 {
color: #ffffff4d;
transition: color .2s;
}
.dm_marquee_item {
flex: none;
transition: all .2s;
display: flex;
}
.dm_marquee_item.is-active {
color: var(--color-border--c-border-accent-min);
}
.dm_title {
color: inherit;
}
.dm_description_list {
justify-content: flex-start;
align-items: center;
display: flex;
position: relative;
}
.dm_description_item {
transition: opacity .4s;
position: absolute;
}
.dm_description {
opacity: 0;
}
.dm_description.is-active {
opacity: .99;
}
.d0_title-hero_wrapper {
z-index: 20;
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-flow: column;
justify-content: center;
align-items: flex-start;
display: flex;
position: relative;
}
.d0_heading-wrapper {
z-index: 20;
align-items: baseline;
padding-bottom: 7.5rem;
display: flex;
position: relative;
}
.d0_overline {
flex: none;
justify-content: flex-start;
align-items: flex-end;
display: flex;
}
.d0_heading-main_wrapper {
justify-content: flex-end;
align-items: flex-end;
width: 100%;
display: flex;
position: relative;
}
.d0_title-hero {
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: var(--color-text--c-text-strong);
font-size: 10vw;
line-height: 10vw;
}
.d0_title-hero.f-is-lowercase {
color: var(--swatches--universal--transparent);
-webkit-text-stroke-width: .5px;
}
.d0_wrapper {
width: 100%;
height: 200vh;
position: relative;
}
.b_ui_menu-concept {
z-index: 2;
pointer-events: none;
width: 100%;
height: calc(100vh - 1.5rem);
display: block;
position: absolute;
inset: 0%;
overflow: hidden;
}
.b_header-section_module-caption-top {
width: 100%;
display: none;
}
.pd_text-wrapper {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: wrap;
align-self: baseline;
align-items: baseline;
}
.pc_image-wrapper {
width: 100%;
position: relative;
}
.image-23 {
width: 100%;
}
.b_typography-block_divider-wrapper {
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: .25rem;
display: flex;
}
.dp_button-arrow {
z-index: 20;
cursor: pointer;
width: 2rem;
height: 2rem;
position: absolute;
inset: auto 1rem 1rem auto;
transform: scaleY(-1);
}
.dp_overlay {
background-color: var(--color-base--c-base-glass);
flex-flow: column;
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
padding-top: 6rem;
padding-bottom: 6rem;
display: flex;
position: absolute;
inset: 0%;
}
.dop_overlay_aligner {
width: 100%;
height: 3rem;
}
.dp_overlay_cta-wrapper {
z-index: 500;
cursor: pointer;
width: 100%;
position: relative;
}
.dp_overlay_button-set_wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.dp_button-secondary {
justify-content: flex-start;
align-items: center;
width: 80%;
display: block;
}
.dp_button-secondary.is-details {
display: none;
}
.dp_button-secondary.is-diets {
z-index: 500;
cursor: pointer;
position: relative;
}
.d14_component_button-secondary {
z-index: 1000;
opacity: 1;
pointer-events: auto;
cursor: pointer;
flex-flow: row;
flex: 0 auto;
justify-content: flex-end;
align-self: flex-end;
align-items: flex-start;
width: 100%;
height: 3rem;
display: flex;
position: relative;
}
.d14_component_button-secondary.is-40 {
height: 2.5rem;
}
.section_diets-intro--dt1 {
width: 100%;
height: 200vh;
position: relative;
}
.dt1_sticky {
width: 100%;
height: 100vh;
margin-top: -50vh;
position: sticky;
top: 0;
}
.it-1 {
object-fit: cover;
width: 50%;
height: 100%;
}
.it-1.is-100--width {
width: 100%;
}
.it-2 {
object-fit: cover;
width: 50%;
height: 100%;
}
.it-2.is-100--width {
width: 100%;
}
.cursor_inner {
border-radius: var(--var-size--circle);
background-color: var(--color-base--c-base-accent);
width: .5rem;
height: .5rem;
position: relative;
}
.cursor_outer {
border: 1px solid var(--color-border--c-border-accent-min);
border-radius: var(--var-size--circle);
width: 2rem;
height: 2rem;
position: absolute;
}
.cursor-wrapper {
z-index: 5000;
pointer-events: none;
justify-content: center;
align-items: center;
display: none;
position: fixed;
inset: 0%;
}
.cursor-balans_outer {
border: 1px solid var(--color-border--c-border-accent-min);
border-radius: var(--var-size--circle);
width: 2rem;
height: 2rem;
display: none;
position: absolute;
}
.cursor-balans_inner {
border-top-left-radius: var(--var-size--circle);
border-top-right-radius: var(--var-size--circle);
border-bottom-left-radius: var(--var-size--circle);
border-bottom-right-radius: var(--var-size--circle);
background-color: var(--color-base--c-base-accent);
width: 4px;
height: 4px;
display: block;
position: absolute;
inset: 50% 0% 0% 50%;
transform: translate(-50%, -50%);
}
.cu_module-heading {
z-index: 10;
position: relative;
}
.cu_module-form {
z-index: 10;
border-radius: var(--var-size--tiny-6);
background-color: var(--color-base--c-base-glass);
justify-content: flex-start;
align-items: center;
padding: 1rem 1rem 3rem;
display: flex;
position: relative;
}
.form-block {
width: 100%;
position: relative;
}
.u--text-field {
border: 1px solid var(--color-border--c-border-decor-subtle);
border-radius: var(--var-size--tiny-4);
color: var(--color-text--c-text-strong);
background-color: #fff0;
width: 100%;
height: 2.5rem;
margin-bottom: 0;
font-size: 1.1rem;
}
.u--text-field:focus {
border-width: 1.5px;
border-color: var(--color-border--c-border-inter-strong);
background-color: var(--color-base--c-base-level-2-in);
color: var(--color-text--c-text-strong);
}
.u--text-field::placeholder {
color: var(--color-border--c-border-decor-ghost);
-webkit-text-stroke-color: var(--color-border--c-border-decor-subtle);
}
.u--form {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
display: flex;
}
.u--form-item {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: column;
width: 100%;
}
.u--form-item.is-phone {
width: 40%;
}
.u--form-row {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: row;
}
.u--form-row.is-email-phone-row {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: flex-start;
align-items: flex-end;
}
.u--text-area {
border: 1px solid var(--color-border--c-border-decor-subtle);
border-radius: var(--var-size--tiny-4);
background-color: var(--color-base--c-base-level-2-in);
color: var(--color-text--c-text-subtle);
width: 100%;
min-height: 20vh;
margin-top: -1rem;
font-size: 1.1rem;
}
.u--text-area::placeholder {
color: var(--color-border--c-border-decor-strong);
}
.u--select-field {
border: 1px solid var(--color-border--c-border-inter-min);
border-radius: var(--var-size--tiny-4);
color: var(--color-text--c-text-subtle);
background-color: #f3f3f300;
width: 100%;
height: 2.5rem;
}
.u--select-field.f-label-layout {
border-color: var(--color-border--c-border-decor-subtle);
margin-top: 1.25rem;
}
.section_f1 {
z-index: 3;
width: 100%;
}
.cta_layout-flex {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
flex-flow: column;
justify-content: flex-end;
align-items: center;
width: 100%;
padding-bottom: 4rem;
display: flex;
}
.cta_module-buttons-set {
width: 100%;
}
.cta_buttons-set_wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.hm2_divider {
background-color: var(--color-heading--c-heading-subtle);
width: 100%;
height: 2px;
}
.hm2_slide-2_image-wrapper_mobile {
z-index: 10;
border-radius: var(--var-size--tiny-6);
padding-bottom: 5rem;
position: relative;
overflow: hidden;
}
.hm2_slide-2_image-wrapper_mobile.is-1 {
width: 100%;
position: relative;
}
.hm2_slide-2_image-wrapper_mobile.is-2 {
aspect-ratio: 2 / 3;
border-radius: var(--var-size--x-small);
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.hm2_slide-2_heading-wrapper_mobile {
z-index: 10;
padding-bottom: 5rem;
position: relative;
}
.f1_component_cta-block {
z-index: 100;
justify-content: center;
align-items: flex-end;
width: 100%;
height: 100%;
padding-bottom: 4rem;
display: flex;
position: relative;
}
.c_visual_overlay_bottom-half {
width: 100%;
height: 100%;
display: none;
position: absolute;
inset: 0%;
}
.u-pad-vertical-96 {
width: 100%;
height: 100%;
padding-top: 6rem;
padding-bottom: 6rem;
}
.u-pad-vertical-96.is-m2 {
justify-content: flex-end;
align-items: flex-start;
height: auto;
padding-top: 3rem;
}
.section_meals_m1_board--m1b {
background-color: var(--color-background--c-bg-3);
width: 100%;
position: sticky;
top: 0;
}
.m1b_module-image {
background-color: var(--color-background--c-bg-4);
width: 100%;
height: 100%;
padding: .5rem;
position: relative;
}
.m1b_component_visual {
border-radius: var(--var-size--tiny-6);
width: 100%;
height: 100%;
position: relative;
inset: 0%;
overflow: hidden;
}
.m1b_layout-flex {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: row;
width: 100%;
height: 100%;
display: flex;
}
.m1b_layout-flex.is-content-left {
padding-left: 3rem;
padding-right: 3rem;
}
.m1b_layout-flex.is-content-right {
padding-right: 3rem;
}
.m1b_content {
z-index: 10;
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1.5rem 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 100%;
padding-top: 2rem;
padding-bottom: 6rem;
display: grid;
position: relative;
}
.m1b_content.is-alt {
height: auto;
}
.m1b_content.is-right {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1.5rem;
}
.section_cursor {
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
}
.cursor-balans_arrow-right {
width: 100%;
height: 100%;
transition-property: opacity, transform;
transition-duration: .2s, .2s;
transition-timing-function: ease, ease;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)scale(0);
}
.cursor-balans_arrow-right.is-active {
width: 5rem;
height: 5rem;
transform: translate(-50%, -50%)scale(1);
}
.yellowbox {
z-index: 10;
background-color: #b0bb5d;
width: 300px;
height: 300px;
padding-top: 500px;
padding-left: 1000px;
position: relative;
overflow: visible;
}
.div-block-55 {
background-color: #70a84d;
position: absolute;
}
.div-block-56 {
background-color: #43aaa0;
width: 200px;
height: 200px;
}
.re {
z-index: 10;
background-color: #703434;
width: 300px;
height: 300px;
padding-top: 500px;
padding-left: 1000px;
position: relative;
overflow: visible;
}
.redbox {
background-color: #7e4040;
width: 30rem;
height: 30rem;
}
.c_button_circular {
z-index: 100;
width: 100%;
height: 100%;
position: relative;
inset: 0%;
}
.c_button_circular_icon-wrapper {
justify-content: center;
align-items: center;
width: 20%;
height: 20%;
display: flex;
position: static;
}
.u-size-120 {
flex: none;
justify-content: center;
align-items: center;
width: 7.5rem;
height: 7.5rem;
display: block;
position: relative;
}
.flex-block-9 {
display: block;
}
.u-size-240 {
flex: none;
width: 15rem;
height: 15rem;
}
.slot_button_circular_icon {
width: 100%;
height: 100%;
}
.cursor-balans_arrow-left {
width: 100%;
height: 100%;
transition-property: opacity, transform;
transition-duration: .2s, .2s;
transition-timing-function: ease, ease;
position: absolute;
top: 50%;
left: 50%;
transform: scale(0);
}
.cursor-balans_arrow-left.is-active {
width: 5rem;
height: 5rem;
transition-property: all, transform, opacity;
transition-duration: .4s, .4s, .4s;
transition-timing-function: ease, ease, ease;
display: block;
transform: translate(-50%, -50%)scale(1);
}
.bs0_navigation-arrows_mobile {
z-index: 100;
pointer-events: none;
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: 50vh;
padding-top: 10vh;
display: none;
position: absolute;
inset: auto 0% 0%;
}
.bs0_button-arrow_component {
justify-content: space-between;
align-items: center;
width: 100%;
padding-left: 1rem;
padding-right: 1rem;
display: flex;
position: relative;
}
.bs0_slider_area-button.is-next, .bs0_slider_area-button.is-prev {
pointer-events: auto;
}
.sector_packaging {
z-index: 2;
position: relative;
}
.section_packaging--p2 {
width: 100%;
}
.section_packaging--p4 {
width: 100%;
height: 100%;
}
.p4_module-box, .p4_module-glass {
width: 50%;
height: 100%;
transition: transform .3s linear;
position: relative;
overflow: hidden;
}
.p4_layout-content {
z-index: 100;
justify-content: center;
align-items: flex-end;
width: 100%;
height: 100%;
padding-bottom: 8rem;
display: flex;
position: relative;
}
.p4_layout-content.is-glass, .p4_layout-content.is-box {
transition: opacity .3s;
display: flex;
}
.p4_visual {
position: absolute;
inset: 0%;
}
.p3_module-visual-master {
width: 100%;
height: 100%;
position: relative;
}
.p3_module_visual-small {
width: 100%;
position: relative;
}
.p2_module-paragraph {
justify-content: flex-start;
align-items: flex-end;
width: 100%;
display: flex;
}
.p2_module-visual-master {
width: 100%;
height: 100vh;
position: relative;
}
.p2_module_visual-small {
width: 100%;
position: relative;
}
.section_intro-diets--id {
width: 100%;
}
.id_image-wrapper {
aspect-ratio: 2 / 3;
border-radius: var(--var-size--tiny-4);
height: 33vh;
position: absolute;
top: 35%;
overflow: hidden;
}
.id_image-wrapper.is-3 {
top: 5%;
left: 17%;
}
.id_image-wrapper.is-4 {
top: 10%;
left: 43%;
}
.id_image-wrapper.is-5 {
top: 60%;
left: 60%;
}
.id_image-wrapper.is-6 {
top: 50%;
right: 0;
}
.id_image-wrapper.is-1 {
aspect-ratio: 16 / 10;
height: 24vh;
top: 60%;
left: 26%;
}
.id_image-wrapper.is-7 {
aspect-ratio: 16 / 10;
height: 24vh;
top: 10%;
right: 7%;
}
.id_image-wrapper.is-final {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.id_layout {
width: 100%;
height: 100%;
position: relative;
}
.id_content_title {
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 100%;
padding-bottom: 5rem;
display: flex;
}
.id_content {
width: 100%;
height: 100%;
}
.p2_module-number {
aspect-ratio: 1;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
display: flex;
}
.p2_clip-mask {
border-radius: var(--var-size--tiny-6);
justify-content: center;
align-items: center;
width: 30vw;
height: 30vh;
margin-left: auto;
margin-right: auto;
display: block;
position: relative;
overflow: hidden;
}
.p2_clip-mask.card {
width: 30vw;
height: 30vh;
margin-left: auto;
margin-right: auto;
display: block;
position: relative;
overflow: hidden;
}
.p2_title-box-container_wrapper {
z-index: 10;
position: absolute;
}
.p2_-image-glass {
width: 100%;
height: 100%;
position: relative;
}
.p2_-image-glass.img-1 {
background-image: url("https://cdn.prod.website-files.com/6782f3a35b0f5cc9f286e5b8/6782f3a35b0f5cc9f286eb3f_photo-1631679706909-1844bbd07221.jpeg");
background-position: 50%;
background-size: cover;
display: none;
position: absolute;
inset: 0%;
}
.card-parent {
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.p2_image-wrapper {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
overflow: hidden;
}
.p1_sticky {
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
position: sticky;
top: 0;
overflow: hidden;
}
.p2_master-container {
z-index: 2;
background-color: var(--swatches--🔻brand-21--brand-79);
justify-content: center;
align-items: center;
width: 50%;
display: flex;
position: absolute;
inset: 0% 0% 0% auto;
}
.p2_image-glass-container_wrapper {
z-index: 1;
justify-content: center;
align-items: center;
width: 50%;
height: 100%;
display: flex;
position: relative;
inset: 0%;
}
.p1_track {
width: 100%;
height: 300vh;
}
.p2_title-box-heading {
flex-direction: row;
align-items: baseline;
display: inline;
}
.p2_title-box-container_wrapper_mobile {
z-index: 10;
grid-column-gap: .5rem;
grid-row-gap: .5rem;
color: #fff;
text-align: center;
flex-flow: column;
justify-content: flex-end;
align-items: flex-end;
margin-top: 0;
margin-left: auto;
margin-right: auto;
padding-right: 3rem;
font-size: 7em;
font-weight: 300;
line-height: 1.3;
display: flex;
position: static;
inset: auto 0% 6rem;
}
.p2_image-box-container_wrapper {
justify-content: center;
align-items: center;
width: 100vw;
height: 100%;
display: flex;
position: relative;
}
.flex-block-10 {
margin-left: auto;
margin-right: auto;
display: block;
position: absolute;
}
.p2_title-box_container {
position: absolute;
inset: auto 0% 6rem;
}
.p2_title-box_container.is-mobile {
z-index: 20;
display: none;
}
.e1_content {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.e1_title-wrapper {
justify-content: center;
align-items: flex-end;
width: 100%;
height: 100%;
padding-bottom: 16rem;
display: flex;
}
.e2_title-wrapper {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.e2_content {
width: 100%;
height: 100%;
position: relative;
}
.component_header-deck {
width: 100%;
}
.e3_content {
justify-content: flex-end;
align-items: flex-start;
width: 100%;
height: 100%;
display: block;
position: relative;
}
.e2_content-copy {
width: 100%;
height: 100%;
position: relative;
}
.e3_paragraph_component {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.e3_layout {
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 100%;
padding-bottom: 5rem;
display: flex;
}
.section_e3-set {
width: 100%;
}
.e3_trigger {
width: 100%;
height: 80vh;
}
.e5_content {
width: 100%;
height: 100%;
padding-top: 3rem;
position: relative;
}
.e2_title-wrapper-copy {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.e5_numbers_wrapper {
padding-top: 8rem;
padding-bottom: 8rem;
}
.e5_visual-row {
width: 100%;
}
.e5_image-wrapper {
width: 100%;
position: relative;
}
.e5_image {
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.e5_number_component {
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.e5_layout_numbers {
justify-content: space-around;
align-items: center;
width: 100%;
display: flex;
}
.e7_visual {
display: block;
}
.e7_content {
justify-content: flex-end;
align-items: flex-start;
width: 100%;
height: 100%;
display: block;
position: relative;
}
.e7_layout {
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 100%;
padding-bottom: 5rem;
display: flex;
}
.c_header-frame {
z-index: 10;
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
border-radius: var(--var-size--base);
background-color: var(--color-base--c-base-glass);
flex-flow: column;
width: 100%;
padding: 1.5rem 2.5rem;
display: flex;
position: relative;
}
.c_header-frame_top_wrapper {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
justify-content: flex-start;
align-items: flex-end;
display: flex;
}
.c_header-frame_bottom_wrapper {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
justify-content: flex-start;
align-items: center;
display: flex;
}
.c_header-frame_top_label {
border: 1px solid var(--color-border--c-border-inter-min);
border-radius: var(--var-size--tiny-4);
flex: none;
justify-content: flex-start;
align-items: center;
height: 2rem;
padding-left: 1rem;
padding-right: 1rem;
display: flex;
}
.c_header-frame_image-wrapper {
position: relative;
}
.component_header-frame {
width: 100%;
padding-top: 3rem;
}
.e8_visual-small {
width: 100%;
padding-bottom: 5rem;
position: relative;
}
.e8_visual-master {
width: 100%;
height: 100%;
position: relative;
}
.ukiyo-small {
pointer-events: auto;
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
overflow: hidden;
}
.visual-image-small {
pointer-events: auto;
object-fit: cover;
width: 100%;
height: 100%;
transition: transform .3s;
position: absolute;
inset: 0%;
}
.section_paragraph-display {
width: 100%;
}
.section_paragraph-display.is-bg-3 {
background-color: var(--color-background--c-bg-3);
}
.td_heading_wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: wrap;
flex: none;
align-self: baseline;
align-items: baseline;
width: 100%;
}
.p2_image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.p4_layout-flex {
z-index: 10;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.dp_title-intro_wrapper {
z-index: 500;
justify-content: flex-start;
align-items: center;
display: flex;
position: absolute;
inset: -20% auto 0% -30vw;
}
.dp_menu_wrapper {
z-index: 50;
justify-content: flex-start;
align-items: center;
display: flex;
position: absolute;
inset: 0% 0% 0% auto;
transform: translateX(100%);
}
.md_item {
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 10vh;
padding-left: 1rem;
padding-right: 1rem;
display: flex;
position: relative;
}
.md_divider {
justify-content: flex-start;
align-items: center;
width: 100%;
height: .25rem;
display: flex;
position: absolute;
inset: auto 0% 0%;
}
.md_link {
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.md_icon {
justify-content: flex-start;
align-items: center;
transition: opacity .1s, transform .1s;
display: flex;
position: absolute;
inset: 0% 10% 0% auto;
}
.md_link_content {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
justify-content: flex-start;
align-items: center;
width: 100%;
transition: opacity .1s;
display: flex;
position: relative;
}
.md_title {
flex: none;
align-self: baseline;
font-size: 2.5vw;
transition: transform 1s linear;
}
.md_title.f-is-lowercase {
align-self: baseline;
}
.md_index {
color: var(--color-text--c-text-accent-display-light);
flex: none;
align-self: flex-start;
margin-right: 5rem;
}
.dt2_menu-diet_table {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
width: 50vw;
}
.text-span-3 {
color: var(--color-heading--c-heading-accent);
}
.success-message {
border-radius: var(--var-size--tiny-6);
background-color: var(--color-base--c-base-level-2-in);
}
.error-message {
border-radius: var(--var-size--tiny-4);
background-color: var(--color-border--c-border-accent-strong);
color: var(--color-text-on-base--c-text-on-base-accent);
}
.heading-deck_button {
justify-content: center;
align-items: center;
padding-top: 5rem;
display: flex;
}
.hp-3_content {
width: 100%;
position: absolute;
top: 60%;
}
.section_faq {
background-color: #fffcfc;
width: 100%;
position: relative;
}
.section_image-3--img-3, .section_img-3--img3, .section_img-3a--img3a {
display: block;
}
.img3a_image-wrapper {
aspect-ratio: 16 / 9;
width: 100%;
height: 100%;
position: relative;
}
.section_how-it-works {
width: 100%;
}
.section_presentation-split {
width: 100%;
position: relative;
}
.section_menu-weekly_temporary {
width: 100%;
height: 100vh;
max-height: 100vh;
}
.overlay_contact-us--o-cu {
z-index: 900;
width: 100%;
height: 100%;
position: fixed;
}
.o-cu_visual-background {
width: 100%;
height: 100%;
display: block;
}
.o-cu_module-heading {
z-index: 10;
justify-content: space-between;
align-items: center;
width: 100%;
padding-left: 1.25rem;
padding-right: 1.25rem;
display: flex;
position: relative;
}
.o-cu_base {
border-radius: var(--var-size--tiny-6);
background-color: var(--color-base--c-base-glass);
width: 100%;
height: 100%;
min-height: 100vh;
display: block;
position: absolute;
inset: 0%;
overflow: hidden;
}
.u-padding-section-12 {
padding-top: .75rem;
padding-bottom: .75rem;
}
.o-cu_content {
flex-flow: row;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
padding-left: 1rem;
padding-right: 1rem;
}
.o-cu_form {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
justify-content: flex-start;
align-items: center;
width: 50%;
position: relative;
}
.o-uc_layout {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.component_overlay_contact-us {
z-index: 20000;
pointer-events: auto;
width: 100%;
height: 100%;
transition: opacity .4s linear;
display: none;
position: fixed;
inset: 0%;
}
.o-cu_button-close_wrapper {
z-index: 15;
grid-column-gap: .5rem;
grid-row-gap: .5rem;
border-radius: var(--var-size--tiny-4);
background-color: var(--color-base--c-base-glass);
justify-content: flex-start;
align-items: center;
padding-left: 1rem;
display: flex;
position: relative;
inset: 0% 0% auto auto;
}
.social_tiktok, .social_linkedin, .social_youtube, .social_x {
display: none;
}
.intro_balans-title {
z-index: 500;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
position: absolute;
inset: auto 0% 5vh;
}
.intro_balans-logo-title {
font-family: termina, sans-serif;
font-size: 18vw;
line-height: 1;
}
.intro_balans-logo_wrapper {
justify-content: center;
align-items: center;
width: 100%;
display: flex;
overflow: hidden;
}
.intro_balans-title_overline-wrapper {
width: 100%;
overflow: hidden;
}
.mc_link_diets {
z-index: 100;
pointer-events: auto;
position: relative;
}
.mc_link_diets:hover {
border: 1px solid var(--color-border--c-border-accent-min);
border-radius: var(--var-size--tiny-4);
}
.mc_title-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
align-items: baseline;
display: flex;
}
.mc_link-2 {
pointer-events: auto;
justify-content: flex-start;
align-items: center;
display: flex;
}
.mc_info.f-label-large {
text-align: right;
position: absolute;
inset: auto 0% 0% auto;
}
.mc_image-wrapper_mobile {
aspect-ratio: 4 / 5;
border-top-left-radius: var(--var-size--tiny-4);
border-top-right-radius: var(--var-size--tiny-4);
border-bottom-left-radius: var(--var-size--tiny-4);
border-bottom-right-radius: var(--var-size--tiny-4);
object-fit: cover;
height: 12vh;
display: none;
position: absolute;
top: 50%;
left: 1rem;
overflow: hidden;
transform: translate(-50%, -50%);
}
.mc_index_mobile {
color: var(--color-heading--c-heading-accent);
flex: none;
align-self: flex-start;
margin-right: 5rem;
display: none;
position: absolute;
inset: 1rem 1rem auto auto;
}
.mc_module-bottom {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex: none;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 6rem;
display: none;
}
.mc_module-bottom_slogan-wrapper {
width: 100%;
}
.mc_module-bottom_contact {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
justify-content: flex-start;
align-items: center;
display: flex;
}
.b_u1_icon-menu, .b_u1_icon-close {
width: 100%;
height: 100%;
transition: opacity .5s;
position: absolute;
inset: 0%;
}
.mc_layout {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
height: 100%;
padding-bottom: 6rem;
display: flex;
}
.section_menu-weekly_slider {
width: 100%;
max-height: 100vh;
}
.section_menu-weekly_slider.is-page-menu {
max-height: none;
display: block;
}
.f-is-mixed-lowercase {
flex-flow: wrap;
display: inline-flex;
}
.c_typography-block_heading-compact_wrapper {
width: 100%;
display: block;
}
.header-compact {
overflow: hidden;
}
.span-wrapper {
line-height: 2.1rem;
display: inline-block;
overflow: hidden;
}
.span-wrapper-inline {
display: inline;
overflow: hidden;
}
.list-intend {
padding-left: 2rem;
}
.b_typography-block_header-spacer-small {
width: 100%;
height: 2.5rem;
}
.how-it-works-spacer {
background-color: var(--color-background--c-bg-3);
width: 100%;
height: 20vh;
}
.mw_slide-component_page {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
aspect-ratio: 1;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 50vw;
font-weight: 500;
display: flex;
}
.mc_button_order {
display: none;
}
@media screen and (max-width: 991px) {
.padding-xlarge {
padding: 3rem;
}
.margin-xlarge {
margin: 3rem;
}
.padding-xhuge {
padding: 6rem;
}
.padding-xxhuge {
padding: 8rem;
}
.padding-huge {
padding: 5rem;
}
.margin-large {
margin: 2.5rem;
}
.padding-xxlarge {
padding: 4rem;
}
.padding-large {
padding: 2.5rem;
}
.margin-huge {
margin: 5rem;
}
.padding-medium {
padding: 1.5rem;
}
.margin-xxlarge {
margin: 4rem;
}
.margin-xhuge {
margin: 6rem;
}
.margin-medium {
margin: 1.5rem;
}
.margin-xxhuge {
margin: 8rem;
}
.margin-horizontal {
margin-top: 0;
margin-bottom: 0;
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.margin-vertical {
margin-left: 0;
margin-right: 0;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.padding-left {
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.padding-horizontal {
padding-top: 0;
padding-bottom: 0;
}
.margin-right {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.margin-left {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
}
.padding-right {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.hide-tablet {
display: none;
}
.fs-styleguide_2-col {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-columns: 1fr;
}
.max-width-full-tablet {
width: 100%;
max-width: none;
}
.heading-style-h1.f-is-serif.is-100lh.is-m0-left, .heading-style-h1.f-is-serif.is-100lh.is-m0-right {
min-width: auto;
}
.fs-styleguide_1-col {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.fs-styleguide_heading-medium {
font-size: 3rem;
}
.fs-styleguide_4-col {
grid-template-columns: 1fr;
}
.padding-section-large {
padding-top: 6rem;
padding-bottom: 6rem;
}
.fs-styleguide_3-col {
grid-template-columns: 1fr;
}
.main-wrapper {
overflow: clip;
}
.fs-styleguide_section {
grid-column-gap: 2.5rem;
grid-template-columns: 1fr;
}
.padding-section-medium {
padding-top: 4rem;
padding-bottom: 4rem;
}
.spacer-huge {
padding-top: 5rem;
}
.spacer-medium {
padding-top: 1.5rem;
}
.spacer-xhuge {
padding-top: 6rem;
}
.spacer-xxhuge {
padding-top: 8rem;
}
.spacer-xlarge {
padding-top: 3rem;
}
.spacer-large {
padding-top: 2.5rem;
}
.spacer-xxlarge {
padding-top: 4rem;
}
.nav_button {
color: #fff;
}
.fs-styleguide_heading-header {
font-size: 4rem;
}
.styles-wrapper {
flex-direction: column;
}
.f-p-primary {
width: 100%;
}
.f-label-button-large.is-menu {
color: var(--color-text--c-text-subtle);
}
.f-label-button-large.is-menu:hover {
color: var(--color-text-on-base--c-text-on-base-accent);
}
.f-is-serif {
line-height: 1.45rem;
}
.f-is-serif.mc_marquee_text {
font-size: 5vh;
}
.f-is-serif.f-is-regular {
text-align: center;
}
.f-is-serif.is-hm4 {
font-size: 6vw;
line-height: 6vw;
}
.f-is-serif.is-span {
line-height: 1.4rem;
}
.f-is-serif.is-span.h3_f-is-mixed-lowercase {
line-height: 1.5rem;
}
.f-is-serif.is-span.is-homepage-title-desktop {
line-height: 1.75rem;
}
.f-is-serif.is-span-first.h3_f-is-mixed-lowercase {
line-height: 1.5rem;
}
.f-is-serif.is-span-first.is-homepage-title {
line-height: 1.75rem;
}
.f-is-lowercase {
line-height: 1.45rem;
}
.f-is-lowercase.is-hm4 {
font-size: 6vw;
line-height: 6vw;
}
.f-is-lowercase.is-span {
line-height: 1.4rem;
}
.f-is-lowercase.is-span.is-homepage-title-desktop {
line-height: 1.75rem;
}
.f-is-lowercase.is-subheading-mobile {
font-size: 1rem;
}
.f-is-lowercase.f-weight-medium.is-span.h3_f-is-mixed-lowercase {
line-height: 1.5rem;
}
.f-is-lowercase.mc_title {
white-space: nowrap;
align-self: flex-start;
font-size: 1.6rem;
}
.f-balans-h3.is-logotype-central {
font-size: 2.25rem;
line-height: 2.25rem;
}
.swiper-wrapper.is-menu-weekly-meal-info {
flex-flow: column;
display: flex;
}
.swiper-wrapper.project {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
}
.swiper-wrapper.is-swiper-diet-insight-office-mobile, .swiper-wrapper.is-swiper-diet-insight-sport-mobile, .swiper-wrapper.is-swiper-diet-insight-beauty-mobile, .swiper-wrapper.is-swiper-diet-insight-green-mobile {
justify-content: flex-start;
align-items: center;
height: 100%;
display: flex;
}
.swiper-wrapper.is-swiper-diet-insight-minus-mobile, .swiper.is-menu-weekly-meal-info {
height: 100%;
}
.swiper.is-swiper-diet-insight-sport-mobile {
display: block;
}
.swiper.is-swiper-diet-insight-beauty-mobile {
width: 100%;
height: 100%;
overflow: hidden;
}
.swiper.is-swiper-diet-insight-green-mobile {
width: 100%;
height: 100%;
}
.swiper-slide.is-menu-weekly-meal-info {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.swiper-slide.is-slider-calories-5 {
justify-content: center;
align-self: flex-start;
align-items: flex-start;
}
.swiper-slide.is-swiper-diet-insight-office-mobile, .swiper-slide.is-swiper-diet-insight-sport-mobile, .swiper-slide.is-swiper-diet-insight-beauty-mobile, .swiper-slide.is-swiper-diet-insight-minus-mobile, .swiper-slide.is-swiper-diet-insight-green-mobile {
flex: none;
width: 100%;
height: 100%;
}
.slider-thumbs_component {
width: 100%;
}
.slider-gallery_button-wrapper {
width: auto;
}
.component_nav-top_balans-logo {
display: none;
}
.sg_section_logomark.is-3-col {
grid-template-columns: 100vw;
}
.page_code_wrap.is-flex-start.is-height-auto {
height: auto;
}
.section_components_ui.is-3-col, .section_components_icons-social-media.is-3-col {
grid-template-columns: 100vw;
}
.u-divider-1 {
width: 100%;
}
.sg_section_components_diets.is-3-col, .sg_layout-split.is-3-col, .section_components_visual.is-3-col {
grid-template-columns: 100vw;
}
.c-visual_overlay-full {
display: flex;
}
.section_components_ui-balans-ring.is-3-col, .section_components_tags.is-3-col {
grid-template-columns: 100vw;
}
.u-size-24.is-mobile {
width: 1.25rem;
height: 1.25rem;
}
.u-size-24.is-mobile-target {
pointer-events: auto;
cursor: pointer;
width: 3rem;
height: 3rem;
}
.section_components_menu-titles.is-3-col, .section_icons_social-media.is-3-col, .temp-del.is-3-col, .sg_section_components_tags.is-3-col, .bg_dark.is-3-col, .bg_image.is-3-col, .sg_section_components_ui-buttons.is-3-col, .sg_components_ui-homepage.is-3-col {
grid-template-columns: 100vw;
}
.c_logo-diet_tiny {
width: 100%;
}
.c_button_content {
padding-left: 1rem;
padding-right: 1rem;
}
.c_button_content:hover {
color: var(--color-text-on-base--c-text-on-base-accent);
}
.c_button_secondary_base {
background-color: var(--color-base--b-base);
}
.c_button_secondary_label-wrapper {
width: auto;
}
.c_typo_header-title_grid {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-columns: 1fr 1fr 1fr 1fr;
display: flex;
}
.c_typo_header_title-left {
flex: 0 auto;
justify-content: space-between;
align-items: center;
width: 100%;
}
.c_typo_header_title-right {
flex: none;
display: none;
}
.c_button-cta_order-diet-circular {
width: 100%;
height: 100%;
}
.slider-list_component, .slider-photo_component {
width: 100%;
}
.menu-weekly_slider_component {
grid-template-columns: 1fr;
}
.slider-photo_overflow {
height: 80vw;
}
.menu-weekly_slider-photo_component, .menu-weekly_slider-list_component, .day-picker-tabs {
width: 100%;
}
.section_s2_s2-menu-weekly_desktop {
height: 100%;
display: none;
}
.b_com_tags_meal-info_component, .component_tag_meal-info {
height: 100%;
}
.tag_meal-info_row {
width: auto;
}
.c_tag_meal-info_medium_component {
width: 100%;
height: 100%;
}
.component_com-22 {
justify-content: flex-end;
align-items: flex-end;
display: flex;
}
.s2_slider-image_slide {
width: 100%;
height: 100%;
}
.s2_content_component {
flex-flow: column;
}
.s2_slide_content-wrapper {
padding: .5rem;
}
.s1_module-bottom {
height: 100%;
}
.meal_title_menu-presentation_wrapper {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-flow: column;
}
.meal_title_menu-presentation_name-2.f-p-dis-small {
margin-top: -.25rem;
}
.s2_slide_module-bottom {
display: none;
}
.s2_slide_module-bottom_panel, .b_macros_block_macros-data {
display: flex;
}
.s2_slide_module_day {
order: 1;
}
.component_meal-type {
display: flex;
}
.s2_layout-grid {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-columns: minmax(0, 1fr) 1fr 1fr 1fr 1fr 1fr 1fr minmax(0, 1fr);
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.s2_menu-list_slide {
justify-content: space-between;
align-items: flex-start;
width: 100%;
}
.s2_menu-list_slide.is-active {
justify-content: center;
align-items: center;
width: 100%;
}
.typo_meal-title_primary {
width: 100%;
}
.s2_menu-list_item_meal-info-wrapper {
width: 1.25rem;
display: flex;
}
.s2_menu-list_item_left-wrapper {
flex: none;
width: 100%;
}
.macros_primary_calories {
display: flex;
}
.s2_menu-list_item_panel {
width: 100%;
}
.s2_slider_meal-info_slide-container {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100%;
}
.s2_module-bottom_day-picker {
order: 1;
display: flex;
}
.s2_slider-image_component {
border-radius: var(--var-size--base);
min-width: 0;
height: 40%;
overflow: hidden;
}
.s2_module-strip, .ui_header-vertical_menu-weekly {
display: none;
}
.s2_menu-list_overline_meal-info-wrapper {
display: flex;
}
.s2_slider_menu-list_component {
max-height: 50vh;
}
.s2_content-wrapper {
width: 100%;
max-width: none;
}
.s2_module-stripe {
order: 1;
width: 100%;
position: fixed;
inset: auto 0% 0%;
}
.u-layout-grid-homepage {
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-template-areas: ".";
grid-auto-columns: .25fr;
}
.loader_content-wrapper {
flex-flow: column;
justify-content: center;
align-items: flex-end;
}
.intro_scroll-gallery_grid {
width: 100%;
}
.intro_scroll-gallery_image-wrapper, .intro_scroll-gallery_image-vertical-wrapper {
height: 20svh;
}
.ui-balans-ring {
justify-content: center;
align-items: center;
display: flex;
inset: 0%;
}
.component_balans-ring {
top: 35vh;
}
.s8_meal-label_title {
flex-flow: column;
}
.s8_meal-label_title-wrapper {
height: auto;
}
.s8_slider_module_controllers {
padding-top: 2rem;
display: block;
}
.button-arrow_left {
height: auto;
}
.macros_primary-row {
display: flex;
}
.art_module-bottom {
flex-flow: column;
height: auto;
}
.meal_title_medium-serif, .meal_title_medium-serif.is-mobile {
display: flex;
}
.art_module-side {
width: 40%;
}
.art_module-main {
width: 200%;
padding-left: 0;
}
.c_button-cta_order-diet-circular_wrapper-set {
width: 100%;
height: 100%;
}
.s12_menu_meal-info_component {
height: 8rem;
}
.s7-menu_macros_secondary-row {
display: flex;
}
.s12_menu_meal-info_title-wrapper {
padding-right: 0;
}
.s7-insight_macros_secondary-row {
display: flex;
}
.s12_menu_meal-infu_content-right {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
}
.art_image-wrapper {
width: 100%;
margin-left: 0;
}
.art_image {
width: 100vw;
}
.component_button-arrow {
transform: scale(.5);
}
.art_module-bottom_left-side {
flex-flow: column;
}
.art_module-overlay {
display: flex;
}
.art_module-side_overlay {
display: block;
}
.art_module-overlay-main {
display: none;
}
.art_overlay_central {
width: 60%;
}
.art_module-overlay-main_mobile {
opacity: 1;
width: 100%;
display: flex;
}
.macros_primary-row_overlay {
display: flex;
}
.intro_scroll-gallery_slogan_scale {
transform-origin: center;
}
.section_intro-slider {
height: 8000vh;
}
.intro-slider_slider {
width: 100vw;
position: fixed;
}
.intro-slider_slider-lwrapper {
width: 2000%;
position: fixed;
left: 0;
}
.intro-slider_slider-item {
flex-flow: column;
flex: none;
justify-content: flex-start;
align-items: stretch;
width: 90vw;
display: flex;
}
.s2_module-bottom_day-picker_wrapper-2 {
background-color: #2fff00cc;
padding-top: 1.75rem;
}
.section_s2_s2-menu-tygodniowe-2 {
height: 100%;
}
.u-divider-1-2 {
width: 100%;
}
.s2_slider_meal_title_primary_icon-align {
justify-content: flex-start;
align-items: flex-start;
padding-right: 1rem;
}
.c_header-title_component {
flex: none;
height: auto;
}
.s2_macros_secondary-row_mobile {
justify-content: space-between;
align-items: flex-end;
width: 100%;
display: flex;
}
.b_macros_block_info-meal {
justify-content: flex-end;
align-items: flex-start;
display: flex;
}
.com-22-x-small_component {
height: 100%;
}
.s2_menu-list_overline_meal-info-wrapper_mobile {
justify-content: flex-start;
align-items: flex-end;
width: 100%;
display: flex;
}
.module-bottom_button-arrow {
z-index: 10;
transform-origin: center;
inset: 2% 2% auto auto;
transform: rotate(-90deg);
}
.s2_overlay_full-screen {
display: none;
}
.s2_component_visual {
overflow: hidden;
}
.s2_module_day-2 {
order: 1;
}
.component_tag_meal-info-2, .com-22_component-2 {
height: 100%;
}
.ui_header-title_container {
display: none;
}
.component_button-arrow-up-left, .component_module-counter_button-arrow-down-left {
display: flex;
}
.s2_menu-list_info-panel_mobile {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex: none;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex;
}
.s2_slider_meal-info {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
height: 4rem;
display: flex;
}
.s2_slide_module_counter {
justify-content: space-between;
align-items: flex-start;
}
.module-counter_button-arrow {
order: -1;
justify-content: flex-start;
align-items: center;
display: flex;
}
.component_module-bottom_button-arrow-down-left {
display: none;
}
.macros_secondary_set {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: flex-start;
align-items: flex-end;
display: flex;
}
.s2_menu-list_divider_mobile {
background-color: var(--color-border--c-border-decor-subtle);
width: 100%;
height: 1px;
display: flex;
}
.s2_module-navigation_diet-change_mobile {
display: flex;
}
.component_meal-type-_list {
display: none;
}
.s2_slide_module-bottom_panel-3 {
display: flex;
}
.s2_slide_module_day-2 {
order: 1;
}
.s2_slider-image_slide-2 {
width: 100%;
height: 100%;
}
.module-counter_button-arrow-2 {
order: -1;
justify-content: flex-start;
align-items: center;
display: flex;
}
.u-divider-1-3 {
width: 100%;
}
.section_swiper-gl-test {
height: 100%;
}
.s2_overlay-overlay-layer {
display: flex;
}
.u-divider-1-4 {
width: 100%;
}
.u-grid-full-16-24-padding {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}
.s12_collection-items_ist {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
padding-top: 80vh;
}
.layout-grid-16-24-100-padding {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}
.m15_module-image_container--sticky {
z-index: 10;
height: 50vh;
}
.m15_module-content {
z-index: 1;
margin-top: -20vh;
padding-top: 0;
padding-bottom: 300vh;
position: relative;
}
.component_diet-logo_tiny {
height: 100%;
display: block;
}
.header-diet_stripe-bottom {
flex: none;
display: none;
}
.header-diet_cta {
display: none;
}
.header-diet_left {
height: 4rem;
}
.c_logo-diet_display-x-small_image-wrapper {
display: none;
}
.header-diets_wrapper {
height: 8rem;
}
.header-diet_content {
flex-flow: column;
height: 100%;
}
.s8_sticky-panel.is-mobile-hide {
display: flex;
}
.s8_sticky-panel.is-mobile-info {
display: none;
}
.s8_sticky-panel.is-mobile-info.is-office, .s8_sticky-panel.is-mobile-info.is-sport, .s8_sticky-panel.is-mobile-info.is-beauty, .s8_sticky-panel.is-mobile-info.is-green, .s8_sticky-panel.is-mobile-info.is-minus {
display: block;
}
.s8_sticky-panel.is-mobile-slider {
display: none;
}
.s8_sticky-panel.is-mobile-slider.is-office, .s8_sticky-panel.is-mobile-slider.is-sport, .s8_sticky-panel.is-mobile-slider.is-beauty, .s8_sticky-panel.is-mobile-slider.is-green, .s8_sticky-panel.is-mobile-slider.is-minus {
display: block;
}
.s8_sticky-panel.is-dektop, .s8_sticky-panel.is-dektop.is-office, .s8_sticky-panel.is-dektop.is-sport {
display: none;
}
.s8_panel-container.is-green {
display: block;
}
.component_nav-top_balans-logo-mobile {
display: flex;
}
.hm2_sticky {
height: 100vh;
}
.hm2_slide-2--absolute {
height: 100vh;
display: none;
}
.hm2_slide-2_image-wrapper {
width: 100%;
display: block;
}
.hm2_image-master {
display: block;
}
.hm4_image-master-wrapper {
height: 100vh;
}
.hm2_slide-2_heading-wrapper {
width: 100%;
display: block;
}
.section_s2_s2-menu-weekly_mobile {
height: 100%;
}
.s2_content_component_mobile {
flex-flow: column;
}
.s2_slider_component_mobile {
border-radius: var(--var-size--base);
justify-content: flex-start;
align-items: flex-start;
min-width: 0;
height: 60%;
display: flex;
overflow: hidden;
}
.s2_slider-mobile_module-image {
width: 100%;
height: 100%;
}
.s2_component_visual_mobile {
overflow: hidden;
}
.s2_slide_content-wrapper_mobile {
padding: .5rem;
}
.s2_slide_module_day_mobile {
order: 1;
}
.s2_slide_module_counter_mobile {
justify-content: space-between;
align-items: flex-start;
}
.s2_slide_module-macros_mobile {
display: block;
}
.s2_slider-mobile_module_meal-title {
flex: none;
width: 100%;
}
.s2_layout-grid_mobile {
place-items: start stretch;
position: relative;
}
.s2_meal-title_meal-info_mobile {
width: 1.25rem;
display: flex;
}
.s2_meal-info-wrapper_mobile {
width: 100%;
max-width: none;
}
.s2_slider-mobile_macros-panel {
display: flex;
}
.s2_menu-list_overline_meal-info-wrapper_mobile-copy {
justify-content: flex-start;
align-items: flex-end;
width: 100%;
display: flex;
}
.u-section-container.is-100vh.is-mobile-auto-height {
height: auto;
max-height: none;
}
.u-section-container.is-section-100vh.is-mobile-auto {
height: auto;
}
.u-section-container.is-section-100vh.is-contact-us-mobile {
height: auto;
min-height: 100vh;
max-height: none;
}
.u-section-container.is-section-120vh.is-mobile-auto {
height: auto;
}
.u-section-container.is-section-100 {
height: 100%;
}
.u-padding-section-64.is-mobile-32 {
padding-top: 2rem;
padding-bottom: 2rem;
}
.u-layout-grid-16-24 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.u-layout-grid-16-24.is-d3 {
grid-template-rows: auto auto auto;
}
.u-layout-grid-16-24.is-d16, .u-layout-grid-16-24.is-d16-content {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
}
.u-layout-grid-16-24.is-balans-meals-item {
grid-row-gap: .75rem;
grid-template-rows: auto auto;
height: auto;
}
.d4_layout-grid-32-24 {
width: auto;
}
.d4_layout-grid-32-24.marquee {
grid-template-rows: 50vh;
min-width: 100vw;
}
.d4_layout-grid-32-24.marquee-slider {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
display: flex;
}
.d4_image-wrapper {
width: auto;
height: 50vh;
}
.d4_image {
inset: 0%;
}
.component_diet-subheader.is-how-it-works {
margin-bottom: 2rem;
}
.u-layout-grid-16-24-half.is-d5 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.u-layout-grid-16-24-half.is-d7 {
grid-template-rows: 2rem auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.d5_slider-calories {
height: 30vh;
}
.u-padding-section-128 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.slider-flip_flip-target {
aspect-ratio: 1;
}
.d6_layout-grid-16-24 {
grid-template-rows: auto auto auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.component_slider-flip_navigation {
height: auto;
}
.component_button-arrows.is-width-100 {
justify-content: space-between;
align-items: center;
width: 100%;
}
.button-arrow_right {
height: auto;
}
.d6_module-controls {
justify-content: space-between;
align-items: center;
}
.u-border-bottom-1-strong {
padding-bottom: .2em;
}
.u-layout-grid-split {
grid-template-columns: 100%;
height: auto;
}
.u-layout-grid-split.is-d8 {
grid-template-rows: 100vh;
}
.section_set--diets {
overflow: clip;
}
.u-corner-radius-left-base.is-mobile-all-corners {
border-radius: var(--var-size--base);
}
.pd_description-display_wrapper {
padding-top: 10rem;
}
.d14_slider_meal-card_wrapper {
z-index: 8;
max-width: none;
}
.d14_slider_overlay_wrapper {
background-color: var(--color-base--c-base-glass);
pointer-events: none;
max-width: none;
height: calc(100% - 9rem);
padding-left: 1rem;
padding-right: 1rem;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.u-ratio-2-3 {
aspect-ratio: auto;
height: 100%;
}
.u-ratio-16-10.is-set-height {
width: 100%;
height: auto;
}
.d16_module-header_sticky {
justify-content: flex-start;
align-items: flex-start;
padding-top: .5rem;
padding-bottom: 1rem;
}
.d16_module-tabs--d16-tabs {
grid-column-gap: .4rem;
grid-row-gap: .4rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
height: auto;
}
.d16-tabs_tab_component {
width: auto;
}
.d16_module-content_circle_sticky {
z-index: 10;
aspect-ratio: 1;
justify-content: center;
align-items: center;
width: 50%;
height: auto;
display: flex;
position: absolute;
top: 10vh;
right: 5%;
}
.d16_circle-wrapper {
justify-content: center;
align-items: center;
width: 50vw;
height: 50vw;
}
.component_circle-steps {
justify-content: flex-end;
align-items: flex-start;
display: flex;
transform: scale(.5);
}
.d16_module-content-info {
padding-bottom: 4rem;
}
.d16_module-content-info.is-info-1 {
padding-bottom: 2rem;
}
.d16_block-content, .d16_block-content_column {
height: auto;
}
.d16_block-content_header_chips-wrapper {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.c_chip_wrapper {
justify-content: flex-start;
align-items: center;
width: 100%;
}
.d16_module-content-info-set {
padding-bottom: 0;
}
.c_typography-block_paragraph-text {
display: none;
}
.c_header-title_number {
flex: 1;
width: 10%;
}
.c_header-title_divider {
flex: 1;
order: -1;
display: none;
}
.c_logo_diet-display-tiny_image-aligner {
margin-right: 1.5rem;
display: none;
}
.c_logo_diet-display-tiny_component {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-flow: column;
justify-content: flex-start;
align-self: flex-start;
align-items: flex-start;
display: flex;
}
.s8_area-left {
display: block;
}
.s22_macros_secondary-row {
display: flex;
}
.component_overline {
flex: none;
}
.mo2_macros_secondary-row {
display: flex;
}
.u-absolute-header {
height: 8rem;
}
.s8_module-content {
justify-content: flex-start;
align-items: flex-start;
margin-top: 2rem;
padding-bottom: 1rem;
}
.d8-info_block-image {
aspect-ratio: 1;
width: 80%;
position: relative;
}
.d8-info_block-image_image-wrapper {
object-fit: cover;
}
.s8_module-meal-label {
height: auto;
}
.s8_module-navigation {
display: none;
}
.s8_nav-bottom_buttons-wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: space-between;
align-items: center;
}
.component_header-diet {
height: 100%;
}
.panel-p-div {
max-width: 26rem;
}
.scroll-link {
width: 3.8rem;
height: 3.8rem;
}
.hero-h-div {
margin-top: 22vh;
}
.panel-row {
font-size: 1.35rem;
}
.txt-x-large {
font-size: 1.08rem;
}
.panel-row-nb {
font-size: 1.15rem;
}
.hero-trigger-1 {
margin-top: 106vh;
position: absolute;
inset: 0% auto auto 0%;
}
.section-2.is-hero {
height: auto;
}
.panel-row-div {
flex-flow: column;
flex: 1;
justify-content: flex-end;
align-items: stretch;
margin-top: 3rem;
display: flex;
}
.sp28k-logo {
letter-spacing: -.5rem;
}
.split-panel {
border-top: 1px solid #858585;
border-bottom: 1px solid #858585;
border-left-style: none;
border-left-width: 0;
justify-content: flex-end;
align-items: stretch;
width: 100%;
height: 70vh;
min-height: 46rem;
padding-top: 4rem;
padding-bottom: 4rem;
position: relative;
top: auto;
right: auto;
}
.split-panel.is-1 {
margin-top: 20vh;
transform: none;
}
.split-panel.is-3 {
margin-bottom: 70vh;
transform: none;
}
.split-panel.is-2 {
border-right-style: none;
margin-top: 70vh;
margin-bottom: 70vh;
transform: none;
}
.arrow-wrap {
transform: scale(.8);
}
.pin {
width: 3rem;
height: 3rem;
}
.pin.is-1 {
opacity: 1;
}
.pin.is-2, .pin.is-3 {
opacity: 0;
}
.hero-spline {
position: fixed;
inset: 0%;
}
.hero-trigger-3, .hero-trigger-2 {
display: none;
}
.hero-panels-div {
width: 100%;
position: relative;
}
.hero-corner-txt-div {
width: 20.5rem;
font-size: 1rem;
font-weight: 200;
}
.panel-nb-div {
z-index: 12;
margin-top: 4rem;
margin-bottom: 3.9rem;
font-size: 4.5rem;
line-height: .9;
inset: 0% auto auto 0%;
}
.panel-img-div {
width: 15rem;
max-width: 28vh;
}
.panel-h-div {
margin-top: 4rem;
top: 0;
left: auto;
right: 1.5rem;
}
.h-xx-large {
font-size: 9rem;
}
.pin-div {
max-width: 100%;
height: 100vh;
display: none;
position: fixed;
top: auto;
transform: translate(0%);
}
.pin-div.is-2 {
max-width: 100%;
top: auto;
transform: translate(0%, 100%);
}
.pin-div.is-mobile {
z-index: 15;
opacity: 0;
display: flex;
}
.panel-content-div {
flex-flow: column;
width: 100%;
max-width: none;
margin-bottom: 0;
margin-left: 0;
padding-left: 0;
display: flex;
}
.gallery {
min-height: auto;
margin-top: 0;
padding-bottom: 4rem;
}
.slide {
min-width: 25rem;
}
.load-text {
font-size: 40vmax;
}
.load-img__wrap {
width: 60vw;
transform: rotate(20deg);
}
.overlay-w {
height: 100vh;
min-height: auto;
}
.overlay-nav {
grid-template-columns: 1fr 1fr;
}
.overlay-scroll, .cursor, .d16_column-part-top.is-transparent {
display: none;
}
.s12_layout-grid-16-24 {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}
.s12_items_layout-grid-16-24 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}
.list---item {
font-size: 1.5rem;
}
.list---image-wrap {
right: 58.333%;
}
.section_balans-meals---temporary, .section_balans-meals-toggle-test {
display: none;
}
.s24_layout-grid-16-24 {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}
.s24_items_layout-grid-16-24 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}
.s24_menu_meal-info_component {
justify-content: center;
align-items: flex-start;
width: 100%;
height: auto;
padding-bottom: 1rem;
}
.s24_image-container {
height: 35svh;
inset: auto 0% 0%;
transform: translateY(0);
}
.s24_list-container {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
justify-content: flex-end;
align-items: flex-start;
position: sticky;
bottom: 0;
overflow: hidden;
}
.s24_image-wrapper {
align-self: flex-end;
width: 100vw;
height: 100%;
bottom: 0%;
right: 0%;
}
.s24_image-overlay_wrapper {
opacity: 0;
}
.s24_menu_meal-info_macros_secondary-row {
display: none;
}
.s24_menu_meal-info_title-wrapper {
padding-right: 0;
}
.s24_menu_meal-infu_content-right {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
}
.s24_menu_meal-info_diet-logo {
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.s24_menu_meal-info_content {
height: auto;
padding-left: 0;
padding-right: 0;
}
.s24_menu_meal-info_bg {
display: none;
}
.s24_layout-flex {
justify-content: flex-end;
align-items: flex-start;
position: sticky;
}
.s24_menu_meal-infu_content-right_v-01 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.s24_menu_meal-infu_content-right_v-02 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
display: none;
}
.s24_menu_meal-info_title-wrapper_v-02 {
padding-right: 0;
}
.hero-section {
margin-top: 1rem;
}
.preview-wrapper {
left: auto;
right: 2%;
}
.footer-inner {
display: none;
}
.d4_marquee-track {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
justify-content: space-between;
}
.d4_marquee-flex-track {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
}
.d8_desktop, .d8_mobile-1, .d8_mobile-2 {
display: flex;
}
.u-layout-grid-mobile.is-d7 {
grid-template-rows: 2rem auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.header-diet_logo-link {
width: 100%;
height: 4rem;
}
.s8_area-left-_mobile {
display: flex;
}
.navlink {
font-size: 1.5rem;
line-height: 1.22;
}
.navlink:hover {
color: #858585;
}
.play-button-2 {
width: 40px;
height: 40px;
margin-right: .5rem;
}
.play-button-2:hover {
background-color: #29292980;
}
.nav-menu {
width: 68%;
}
.play-wave-wrap {
width: 70%;
}
.button-3 {
letter-spacing: .03rem;
font-size: 1.3rem;
}
.button-3:hover {
background-color: #ff7800;
}
.nav-cta-link {
font-size: 4.5rem;
}
.nav-img-frame {
width: 21vh;
max-width: 43%;
height: 32rem;
max-height: 27vh;
}
.brand {
font-size: 1.4rem;
}
.brand:hover {
color: #ededed;
}
.nav-img-div {
margin-bottom: 25vh;
}
.cta-arrow {
width: 1.1rem;
height: 1.1rem;
}
.navbar-wrap {
width: 68%;
}
.navwrap {
padding-top: 5.5rem;
}
.menu-button {
width: 2rem;
}
.nav-img.is-tech-specs, .nav-img.is-gallery, .nav-img.is-features, .nav-img.is-specs, .nav-img.is-box {
display: none;
}
.our-works-item:hover {
font-style: normal;
}
.our-works {
padding-top: 7.5rem;
padding-bottom: 18rem;
}
.font-h1-5 {
font-size: 3rem;
}
.box-inner {
transform-origin: 50% 0;
}
.our-works-title {
display: none;
}
.our-works-list {
width: 100%;
}
.box-contain {
justify-content: flex-end;
align-items: flex-start;
margin-left: auto;
}
.draggable-wrapper {
pointer-events: none;
padding-top: 7.5rem;
padding-bottom: 18rem;
}
.font-h1 {
font-size: 4rem;
}
.footer-last-03 {
justify-content: flex-end;
align-items: center;
}
.footer-last-01, .footer-first-03, .footer-first-01 {
width: 50%;
}
.footer-last-02 {
opacity: 0;
width: 25%;
}
.footer_logo {
width: 90%;
}
.footer_logotype-balans {
letter-spacing: 0;
margin-left: -1.25rem;
font-size: 15cqw;
}
.footer-first-02 {
opacity: 0;
width: 20%;
display: none;
}
.footer_logotype-kitchen {
text-align: center;
letter-spacing: 3cqw;
width: 100%;
margin-left: 0%;
font-size: 3cqw;
}
.c_button-cta_order-diet-circular-small {
width: 100%;
height: 100%;
}
.component_button-arrow-medium {
display: none;
}
.component_button-arrow-small {
display: flex;
}
.s24_component_button-arrow-set {
pointer-events: auto;
}
.component_button-arrow-small-copy {
display: flex;
}
.mt1_container_sticky {
height: 100dvh;
}
.b_header-section_component {
flex: none;
height: 3.5rem;
}
.u-pad-vertical-14 {
padding-top: 0;
padding-bottom: 0;
}
.b_header-section_content {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
grid-template-columns: 1fr 1fr 1fr 1fr;
display: flex;
}
.b_header-section_divider-main {
flex: 1;
}
.b_header-section_title-right {
justify-content: flex-start;
align-items: center;
width: 100%;
}
.b_header-section_divider-short {
width: 100%;
display: none;
}
.b_header-section-heading_component {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
padding-top: 2rem;
padding-bottom: 2rem;
}
.b_header-section_module-top {
flex-flow: column;
height: auto;
}
.b_typography-block_module-paragraph_column-grid.is-col-2 {
grid-auto-columns: 1fr;
}
.b_typography-block_module-paragraph_subheading {
display: block;
}
.b_typography-block_module-paragraph_flex-main {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
}
.grid-width-temp {
width: 100%;
}
.u--layout-grid-extended-12-24--4 {
grid-column-gap: 0rem;
grid-template-columns: 1rem 1fr 1fr 1fr 1fr 1rem;
}
.u--layout-grid-extended-12-24--4.is-section-mt1-benefits {
grid-column-gap: 0rem;
grid-template-rows: 15vh 35vh 50vh;
grid-template-columns: 1rem 1fr 1fr 1fr 1fr 1rem;
}
.u--layout-grid-extended-12-24--4.is-hm2 {
grid-template-rows: 1fr 1fr 1fr 50%;
grid-template-columns: 1.5rem 1fr 1fr 1fr;
position: relative;
}
.u--layout-grid-extended-12-24--4.is-section-p3 {
grid-column-gap: 0rem;
grid-template-rows: 60vh auto 10vh auto;
}
.b_list_daily-calories_content-title {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
}
.b_list_daily-calories_title-wrapper {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-flow: column;
}
.b_calories_primary {
justify-content: flex-end;
align-items: flex-end;
width: 100%;
margin-top: 1rem;
}
.b_list_daily-calories_row {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
height: auto;
}
.b_list_daily-calories_visibility-set {
justify-content: flex-start;
align-items: flex-end;
width: 100%;
}
.b_slider-1_component, .b_slider-1_module-image, .b_slider-1_title-wrapper {
width: 100%;
}
.mw_overlay_padding {
padding-left: .5rem;
}
.mw_overlay_button-arrow {
justify-content: flex-end;
align-items: flex-start;
display: flex;
top: 5%;
right: 15%;
}
.bs0_component_typography {
padding-bottom: 5.5rem;
display: flex;
}
.bs0_slider_indicator_wrapper, .bs0_index {
display: none;
}
.nav_ui-main--ui {
height: 100svh;
min-height: 100svh;
overflow: visible;
}
.b_ui_w-navbar-top--ui1 {
border-radius: var(--var-size--tiny-6);
}
.b_ui1_w-menu-concept {
height: calc(100svh - 1rem);
}
.b_ui1_button-nav {
justify-content: flex-end;
align-items: center;
display: flex;
}
.mc_wrapper {
justify-content: flex-end;
align-items: flex-start;
padding-bottom: 1rem;
}
.mc_item {
height: 12vh;
}
.mc_link_content {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
}
.mc_marquee {
padding-bottom: 2.5vh;
display: flex;
}
.mc_label.f-label-large {
color: var(--color-text--c-text-subtle);
}
.b_ui_nav-bottom--ui2 {
z-index: 500;
}
.b_ui_menu-quick_bg-base {
height: auto;
min-height: 100vh;
display: block;
position: fixed;
inset: 0%;
}
.b_ui_grid-main {
grid-column-gap: 0rem;
grid-template-columns: 1rem 1fr 1fr 1fr 1fr 1rem;
}
.b_ui_grid {
grid-column-gap: 0rem;
grid-template-columns: .5rem 1fr 1fr 1fr 1fr .5rem;
}
.ui2__module-social-media--ui2s, .ui2_module-slogan {
display: none;
}
.ui2_module-quick-menu {
border-radius: var(--var-size--tiny-6);
background-color: var(--color-base--c-base-glass);
}
.ui2_module-sound, .b_ui1_module-left, .b_ui1_module-right {
display: none;
}
.b_ui1_link.is-contact-us-mobile {
border: .5px dashed var(--color-border--c-border-accent-min);
border-radius: var(--var-size--tiny-4);
padding-left: 2rem;
padding-right: 2rem;
}
.ui3_component-logomark {
position: relative;
}
.ui3_base, .b_ui_indicator--ui4 {
display: none;
}
.hmp_balans-ring--absolute--ui5 {
display: block;
inset: 0%;
}
.ui2s_wrapper {
pointer-events: auto;
}
.b_ui_menu-quick--ui3 {
transition: opacity .3s linear;
}
.b_ui1_module-logomark {
padding-left: 0;
}
.b_ui1_module-logomark.w--current {
justify-content: flex-start;
align-items: center;
padding-left: .5rem;
}
.b_ui_logo_desktop {
display: none;
}
.b_ui_logo_mobile {
display: flex;
}
.mc_component_item {
height: auto;
}
.u--layout-grid-12-24.is-d16-content {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.u-image-large-wrapper, .m3_module-left {
height: 60vh;
}
.m3_module-right {
z-index: 10;
height: auto;
padding-left: 1rem;
padding-right: 1rem;
overflow: hidden;
}
.m3_list-wrapper {
height: auto;
padding-top: 3rem;
padding-bottom: 3rem;
padding-right: 0;
}
.u-padding-section-80.is-mobile-32, .u-padding-section-80.is-section-p3 {
padding-top: 2rem;
padding-bottom: 2rem;
}
.m4_module-left {
height: 60vh;
}
.m4_title-wrapper {
padding-top: 2rem;
padding-bottom: 6rem;
}
.m4_paragraph-wrapper {
padding-bottom: 2rem;
}
.u-section-ratio--16-9 {
aspect-ratio: auto;
}
.b_card-meal_component {
background-color: var(--color-background--c-bg-4);
}
.b_card-meal_title-panel {
padding-bottom: 3rem;
padding-left: 1rem;
padding-right: 1rem;
}
.b_card-meal_overlay {
padding-left: .5rem;
padding-right: .5rem;
}
.b_meal-card_macros-wrapper, .b_slider-1_component-image {
width: 100%;
}
.col-d-8 {
padding-left: .5rem;
padding-right: .5rem;
}
.container-3 {
grid-row-gap: 1rem;
}
.d5_navigation {
flex-flow: row;
flex: none;
justify-content: flex-end;
align-items: center;
width: 5%;
min-width: 5%;
inset: 0% 0% 0% auto;
}
.d5_component_navigation {
flex: none;
justify-content: flex-start;
align-items: flex-end;
position: absolute;
}
.u-shadow-small {
width: 100%;
height: 100%;
}
.pd_button {
width: 100%;
}
.pd_button-wrapper {
flex-flow: column;
padding-top: 3rem;
}
.pd_header {
display: block;
}
.d16_panel-sticky {
height: auto;
}
.d16_panel-sticky_header {
background-color: var(--color-background--c-bg-3);
height: 100%;
padding-top: 1.5rem;
}
.b_slogan_module-top {
flex-flow: wrap;
}
.m0_content {
grid-column-gap: 8rem;
grid-row-gap: 8rem;
flex-flow: column;
}
.m0_content_overline {
justify-content: flex-start;
align-items: center;
padding-left: 1rem;
}
.m0_content-left {
width: 100%;
}
.m0_content-right, .m0_title-left-wrapper {
width: 100%;
padding-left: 1rem;
padding-right: 1rem;
}
.m0_title-right-wrapper {
width: 100%;
}
.m0_divider {
flex: 0 auto;
width: 100%;
}
.component_quote {
width: 100%;
}
.m1_content {
padding-bottom: 4rem;
}
.m2_module-content {
justify-content: flex-start;
align-items: flex-end;
height: 75vh;
display: flex;
}
.m2_module-image {
aspect-ratio: 1;
}
.u--layout-grid-extended-12-24---1 {
grid-column-gap: 0rem;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1rem 1fr 1fr 1fr 1fr 1rem;
}
.u--layout-grid-extended-12-24---1.is-section--m5 {
display: flex;
position: relative;
}
.u--layout-grid-extended-12-24---1.is-grid-100vh.is-section-contact {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
padding-left: 3rem;
padding-right: 3rem;
display: flex;
}
.u--layout-grid-extended-12-24--2 {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1rem 1fr 1fr 1fr 1fr 1rem;
height: auto;
}
.u--layout-grid-extended-12-24--2.is-row-3 {
grid-template-rows: auto auto auto;
}
.u--layout-grid-extended-12-24--2.is-mobile--3 {
height: auto;
}
.u--layout-grid-extended-12-24--2.is-mobile-flex-100 {
height: 100%;
display: flex;
}
.u--layout-grid-extended-12-24--2.is-grid-height-auto {
height: auto;
}
.b_header-section_module-caption {
display: none;
}
.b_header-section_heading-wrapper {
flex-flow: column;
justify-content: flex-start;
align-items: flex-end;
}
.b_header-section_heading-wrapper.is-mobile {
justify-content: flex-start;
align-items: flex-start;
}
.b_header-section_heading-wrapper.is-mobile.is-horizontal {
flex-flow: wrap;
justify-content: flex-start;
align-items: baseline;
}
.component_card-meal {
position: sticky;
top: 0;
}
.m6_module-left {
aspect-ratio: 1;
}
.m6_module-right {
padding-top: 2rem;
}
.u--layout-grid-12-24--1, .u--layout-grid-12-24--1.is-d16-content {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.u--layout-grid-extended-12-24--3 {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
grid-template-columns: 1rem 1fr 1fr 1fr 1fr 1rem;
}
.sm_component_button-arrow {
transform: scale(.5);
}
.u--layout-grid-12-24--2, .u--layout-grid-12-24--2.is-d16-content {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.u--layout-grid-12-24--2.is-min-100vh {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.d14_overlay-base-bg {
width: auto;
display: flex;
inset: 0% -1rem;
}
.portfolio {
padding-right: 50vw;
}
.dp_item {
width: 90vw;
}
.mt1_module-content_wrapper {
justify-content: flex-end;
align-items: flex-start;
padding-top: 2rem;
padding-bottom: .5rem;
}
.mt1_module-anchors {
justify-content: flex-start;
align-items: flex-end;
display: flex;
}
.mt1_module-anchors_list {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
}
.c-visual_overlay-full-5 {
display: flex;
}
.u-divider-1-5 {
width: 100%;
}
.mt1_icon-benefit_container {
justify-content: flex-end;
align-items: flex-start;
}
.mt1_icon-benefit_wrapper {
inset: auto 0% 0% auto;
transform: scale(.7);
}
.mt1_module-visual_quote_component {
flex-flow: wrap;
display: none;
}
.u--layout-half-grid-12-24--1 {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
grid-template-columns: 1rem 1fr 1fr 1fr 1fr 1rem;
}
.m15_module-macros_wrapper {
width: 80%;
}
.mw2_module-header {
flex-flow: column;
justify-content: space-between;
align-items: flex-end;
height: auto;
}
.mw2_module-header_logo-wrapper {
width: 100%;
}
.mw2_block-right {
flex-flow: column;
justify-content: center;
align-items: flex-end;
height: auto;
}
.b_list_daily-calories_image-wrapper {
width: 50%;
right: 5%;
}
.section_hm_welcome-1--hmw1, .mw1_grid_container {
display: block;
}
.b_counter-order_component {
justify-content: center;
align-items: center;
padding-left: 1rem;
padding-right: 1rem;
display: flex;
}
.b_counter-order_wrapper {
justify-content: center;
align-items: center;
}
.b_counter-order_number_wrapper.is-secondary {
justify-content: center;
align-items: center;
padding-bottom: 3px;
}
.cta_module-counter {
width: 100%;
}
.cta_aligner {
display: none;
}
.swiper-slide-2 {
flex: none;
}
.icon-1x1-medium-2 {
width: .875rem;
height: .875rem;
}
.home-hero-image {
min-height: 45vw;
}
.service-link-grid {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.home-hero-block {
grid-template-columns: 1fr;
height: auto;
max-height: none;
}
.testimonial-slider-block {
width: 100%;
margin-bottom: 4rem;
}
.padding-bottom-2 {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.testimonial-slide-content {
min-height: 21rem;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
padding-left: 1.25rem;
}
.text-size-large {
font-size: 1.625rem;
}
.action-block {
grid-row-gap: 1.75rem;
grid-template-rows: auto auto;
grid-template-columns: auto;
grid-auto-rows: auto;
justify-content: center;
max-width: none;
padding-bottom: 6rem;
}
.home-works-top {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-columns: 1fr;
}
.home-hero-right {
grid-template-rows: 1fr;
grid-template-columns: 1fr 1fr;
}
.heading-style-h1-2 {
font-size: 4rem;
}
.padding-top-2 {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.home-intro-strip {
margin: -12rem -9rem;
}
.home-hero-left {
grid-row-gap: 2rem;
grid-template-rows: auto 1fr;
padding-top: 9rem;
}
.home-service-base {
grid-row-gap: 2.5rem;
padding-top: 6rem;
padding-bottom: 6rem;
}
.padding-vertical-2 {
padding-left: 0;
padding-right: 0;
}
.margin-bottom-2 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.padding-horizontal-2 {
padding-top: 0;
padding-bottom: 0;
}
.testimonial-slide-number {
margin-bottom: -.625rem;
margin-left: auto;
padding-left: 1.25rem;
bottom: -4rem;
left: 0%;
}
.home-team-block {
grid-column-gap: .625rem;
}
.home-service-hover {
display: none;
}
.home-about-subtitle {
max-width: 18rem;
}
.heading-style-h3-2 {
font-size: 2.5rem;
}
.home-work-image {
width: 100%;
margin-top: -1rem;
margin-bottom: -1rem;
}
.home-work-hover {
width: 100%;
position: relative;
}
.home-work-content {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr auto;
grid-auto-rows: 1fr;
align-content: space-between;
align-items: stretch;
}
.b_meal-overlay_component, .b_meal-overlay_module-image, .b_meal-overlay_component-image {
width: 100%;
}
.s_header-main {
min-height: 14.25rem;
}
.mw_slide-component {
aspect-ratio: auto;
width: 100vw;
height: 85svh;
padding-bottom: 2rem;
}
.mw_module-visual {
aspect-ratio: auto;
height: 100%;
}
.mw_module-title-panel_block-left, .mw_aligner-title {
width: 100%;
}
.d14_module-paragraph {
display: none;
}
.component_meal-card-details {
width: 100%;
}
.mv_navigation-panel {
order: 1;
height: 15svh;
}
.mw_navigation-panel_layout.is-page-menu {
padding-bottom: 2rem;
}
.mw_title {
width: 100%;
}
.mw_button-arrow-regular {
display: none;
}
.mw_button-arrow-animation {
display: block;
}
.section_hm2 {
margin-top: 0;
}
.u--layout-grid-12-24--6, .u--layout-grid-12-24--6.is-d16-content {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.hm2_module-paraagraph {
padding-bottom: 4rem;
display: block;
}
.hm2_divider-wrapper {
display: none;
}
.u--layout-grid-12-24--3 {
grid-template-rows: 30vh 20vh 50vh;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.u--layout-grid-12-24--3.is-d16-content {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.u--layout-grid-12-24--3.is-pd {
grid-template-rows: auto auto auto;
}
.hm2_heading-wrapper {
display: none;
}
.hmp_title-central_wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
justify-content: center;
align-items: center;
height: auto;
padding-top: 5rem;
}
.hmp_title-central_left {
justify-content: flex-end;
align-items: center;
height: 2rem;
}
.hmp_title-central_logo-balans {
text-align: center;
width: 100%;
}
.hmp_title-central_logo-balans.is-content {
display: none;
}
.hmp_title-central_right {
justify-content: flex-end;
align-items: center;
height: 2rem;
}
.hmp_title-bottom_title-wrapper.is-1 {
align-self: baseline;
}
.home-hero_content {
z-index: 3;
position: relative;
}
.home-hero_layout {
grid-template-columns: 1fr;
max-width: 29em;
margin-left: auto;
margin-right: auto;
}
.sector_section_general-information {
display: block;
}
.u--layout-grid-split {
grid-template-rows: 50% 50%;
grid-template-columns: 100%;
}
.hp-2_layout {
padding-bottom: 1.5rem;
}
.hm2_image-master-wrapper-mobile {
height: 200vw;
min-height: 200vw;
display: flex;
inset: 0%;
}
.hm2_image-master-mobile {
aspect-ratio: 1 / 4;
object-fit: cover;
display: block;
inset: 0%;
}
.hm2_image-master_wrapper {
object-fit: cover;
height: 200vw;
display: block;
}
.hm2_image-master_wrapper--mobile {
display: none;
}
.hm2_image-master--mobile {
display: block;
}
.m0_divider-wrapper {
width: 100%;
}
.b_slogan_el_quote.is-left {
left: -.75rem;
}
.b_slogan_el_quote.is-right {
right: -1.25rem;
}
.pd_module-bottom {
padding-top: 0;
}
.m1b_layout {
justify-content: flex-start;
align-items: flex-start;
height: 100%;
padding-bottom: 2rem;
padding-left: 1rem;
padding-right: 1rem;
}
.m1b_layout.is-bottom {
padding-top: 2rem;
padding-bottom: 5rem;
}
.m1b_layout.is-top {
justify-content: flex-start;
align-items: flex-start;
height: auto;
padding-top: 2rem;
padding-left: 1rem;
padding-right: 1rem;
}
.m1b_layout.is-top.is-image-bottom {
padding-bottom: 2rem;
}
.m3_module-right_image-wrapper {
aspect-ratio: 1;
order: 1;
overflow: hidden;
}
.m8_heading-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
justify-content: center;
align-items: center;
}
.d14_slide_component-details.is-sniadanie {
pointer-events: none;
}
.d14_component_button-arrow.is-mobile {
display: flex;
}
.d14_component_button-arrow.is-dektop {
display: none;
}
.d14_meal-details {
opacity: 0;
pointer-events: none;
justify-content: flex-end;
align-items: flex-start;
height: 100%;
position: relative;
}
.d14_button_close {
pointer-events: auto;
cursor: pointer;
}
.sc_component_button-arrow.is-mobile {
display: flex;
}
.sc_component_button-arrow.is-dektop {
display: none;
}
.c_tag_cuisine-display_component {
width: 100%;
height: 100%;
}
.hm4_image-clip {
height: 100vh;
}
.hm2_cta-block {
display: none;
}
.hm2_heading-wrapper_mobile {
display: flex;
}
.section_hm2-extension_mobile {
width: 100%;
display: block;
}
.hm2_cta-block-mobile {
background-color: var(--color-background--c-bg-1);
}
.hm2_title-mobile.is-2 {
width: 100%;
}
.hmp_title-bottom.f-balans-h3 {
padding-top: .25em;
}
.hmp_title-top.f-is-serif.is-1, .hmp_title-top.f-is-serif.is-1.is-left-align {
text-align: center;
}
.title-top_wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
}
.working-jeaders, .working-headers {
overflow: clip;
}
.s8_slider-image-component_module-image {
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.s8_meal-label_divider {
width: 100%;
}
.s8_area-right {
display: block;
}
.s8_area-right.is-info {
display: none;
}
.u--grid-half-left-ext-12-24--4 {
grid-column-gap: 0rem;
grid-template-columns: 1rem 1fr 1fr 1fr 1fr 1rem;
}
.s8_controllers_wrapper {
display: none;
}
.u--grid-half-left-ext-12-24--3 {
grid-column-gap: 0rem;
grid-template-columns: 1.5rem 1fr 1fr 1fr 1fr 1.5rem;
}
.sd8_layout-grid {
grid-template-columns: 1rem 1fr 1fr 1fr 1fr 1rem;
grid-auto-columns: .25fr;
}
.sd8_layout-grid.is-section-mt1-benefits {
grid-column-gap: 0rem;
grid-template-rows: 15vh 35vh 50vh;
grid-template-columns: 1rem 1fr 1fr 1fr 1fr 1rem;
}
.sd8_layout-grid.is-hm2 {
grid-template-rows: 1fr 1fr 1fr 50%;
grid-template-columns: 1.5rem 1fr 1fr 1fr;
position: relative;
}
.sd8_area-left-grid {
grid-column-gap: 0rem;
grid-template-rows: 10% 1% repeat(auto-fit, 88%) 1%;
grid-template-columns: 1rem 1fr 1fr 1fr 1fr 1fr;
}
.s8_slider_container {
height: 90%;
position: relative;
}
.s8_navigation_mobile {
display: block;
}
.s8_controllers_wrapper-mobile {
padding-right: 1rem;
display: none;
}
.component_button-arrows-mobile {
z-index: 500;
justify-content: center;
align-items: flex-start;
width: 100%;
padding-left: 2rem;
padding-right: 2rem;
position: absolute;
inset: 0%;
}
.component_button-arrows-mobile.is-office {
z-index: 500;
justify-content: center;
align-items: flex-start;
width: 100%;
padding-left: 2rem;
padding-right: 2rem;
display: flex;
position: absolute;
}
.component_button-arrows-mobile.is-minus {
pointer-events: none;
flex-flow: row;
justify-content: space-between;
align-items: center;
}
.component_button-arrows-mobile.is-green {
pointer-events: none;
}
.component_button-arrows-mobile.is-beauty {
z-index: 100;
pointer-events: none;
flex-flow: row;
justify-content: space-between;
align-items: center;
padding-left: 1rem;
padding-right: 1rem;
display: flex;
top: 50%;
}
.d8_info_block-navigation-mobile {
display: block;
}
.header-diet_stripe-top {
flex: none;
height: 4rem;
margin-top: 0;
display: block;
}
.u--grid-half-left-ext-12-24--3-copy {
grid-column-gap: 0rem;
grid-template-columns: 1.5rem 1fr 1fr 1fr 1fr 1.5rem;
}
.u-shadow-medium {
z-index: 2;
width: 100%;
height: 100%;
position: absolute;
}
.u-shadow-medium.is-absolute {
position: absolute;
}
.div-block-52 {
width: 200px;
height: 200px;
position: absolute;
}
.d8_info_block_button-order {
display: block;
}
.d8_info_block_button-order_mobile {
width: auto;
display: flex;
}
.flex-block-8 {
width: 100%;
height: 100vh;
}
.b_header-decor-large_wrapper {
text-align: center;
}
.marquee_layout {
font-size: 1.35vw;
}
.container-6 {
padding-left: 6vw;
padding-right: 6vw;
}
.marquee_sub-head {
display: none;
}
.d0_title-hero_wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.d0_heading-wrapper {
flex-flow: column;
}
.b_ui_menu-concept {
height: calc(100svh - 1rem);
}
.b_header-section_module-caption-top {
display: block;
}
.dt1_sticky {
margin-top: -100vh;
}
.cursor-wrapper {
display: none;
}
.cu_module-heading {
padding-left: 1rem;
padding-right: 1rem;
}
.cu_module-form {
padding-top: 3rem;
}
.u--form-item.is-phone {
width: 100%;
}
.u--form-row.is-email-phone-row {
flex-flow: column;
}
.section_f1 {
position: relative;
}
.cta_layout-flex {
padding-top: 4rem;
}
.hm2_divider-wrapper_mobile {
justify-content: flex-start;
align-items: center;
width: 100%;
height: 4px;
display: flex;
position: relative;
}
.hm2_divider_mobile {
background-color: var(--color-heading--c-heading-subtle);
flex: none;
width: 100%;
height: 1px;
}
.div-block-53 {
justify-content: flex-start;
align-items: center;
display: flex;
}
.div-block-54 {
background-color: #af3232;
width: 100%;
height: 2px;
}
.hm2_divider-mobile {
background-color: var(--color-heading--c-heading-subtle);
width: 100%;
height: 1px;
position: relative;
}
.hm2_slide-2_image-wrapper_mobile {
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-bottom: 0;
display: flex;
}
.hm2_slide-2_heading-wrapper_mobile {
width: 100%;
padding-top: 2rem;
padding-bottom: 2rem;
display: block;
}
.c_visual_overlay_bottom-half {
display: block;
}
.u-pad-vertical-96.is-contact-us {
min-height: 100vh;
padding-top: 0;
}
.m1b_module-image {
order: -1;
}
.m1b_module-image.is-card-1 {
order: 1;
}
.m1b_layout-flex {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-flow: column;
}
.m1b_layout-flex.is-content-left {
padding-left: 0;
}
.m1b_layout-flex.is-content-right {
padding-right: 0;
}
.m1b_content {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
grid-template-columns: 1fr 1fr 1fr 1fr;
height: auto;
padding-bottom: 2rem;
}
.m1b_content.is-right {
grid-template-columns: 1fr 1fr 1fr 1fr;
height: auto;
padding-bottom: 6rem;
}
.c_button_circular_icon-wrapper.is-mobile {
width: 1.25rem;
height: 1.25rem;
}
.c_button_circular_icon-wrapper.is-mobile-target {
pointer-events: auto;
cursor: pointer;
width: 3rem;
height: 3rem;
}
.bs0_navigation-arrows_mobile {
padding-top: 7vh;
display: block;
}
.section_packaging--p4 {
height: 200vh;
}
.p4_module-box {
width: 100%;
height: 100vh;
}
.p4_module-glass {
width: 100%;
height: 100vh;
position: sticky;
top: 0;
}
.p3_module_visual-small {
padding-top: 2rem;
}
.p2_module-paragraph {
height: auto;
padding-top: 2rem;
}
.p2_module-visual-master {
height: 60vh;
margin-bottom: 2rem;
}
.p2_module_visual-small {
aspect-ratio: 1;
}
.p2_module-number {
padding-left: 1.5rem;
}
.p3_title-display {
padding-top: 2rem;
}
.p2_image-glass-container_wrapper {
width: 100%;
position: absolute;
inset: 0%;
}
.p2_title-box-container_wrapper_mobile {
padding-left: 1rem;
padding-right: 1rem;
}
.p2_title-box_container.is-desktop {
display: none;
}
.p2_title-box_container.is-mobile {
display: block;
}
.c_header-frame {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
padding: 1rem;
}
.c_header-frame_top_wrapper, .c_header-frame_bottom_wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.c_header-frame_image-wrapper {
order: 1;
width: 100%;
padding-top: 2rem;
}
.p2_title-box-container_overline_mobile {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: row;
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
}
.p2_title-box-container_divider_mobile {
background-color: var(--color-border--c-border-accent-min-muted);
width: 100%;
height: 1px;
padding-bottom: 0;
}
.p4_layout-flex {
flex-flow: column;
height: 200vh;
display: block;
position: relative;
}
.dp_menu_wrapper {
right: 0%;
transform: translateX(50%);
}
.md_link_content {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: flex-start;
align-items: center;
}
.md_title {
font-size: 3vw;
}
.dt2_menu-diet_table {
width: 90vw;
padding-left: 2rem;
padding-right: 2rem;
}
.section_presentation-split {
display: block;
}
.overlay_contact-us--o-cu {
min-height: 100vh;
position: relative;
inset: 0% 0% auto;
}
.o-cu_module-heading {
flex-flow: column;
justify-content: center;
align-items: flex-start;
padding-left: 0;
padding-right: 0;
}
.o-cu_content {
max-height: 90vh;
overflow-y: auto;
}
.o-cu_form {
width: 100%;
padding-bottom: 2rem;
}
.o-uc_layout {
justify-content: flex-start;
align-items: center;
min-height: 100vh;
padding-top: .75rem;
}
.component_overlay_contact-us {
flex-flow: column;
height: 100vh;
display: none;
position: absolute;
top: 0%;
left: 0%;
overflow-y: auto;
}
.o-cu_button-close_wrapper {
order: -1;
justify-content: flex-end;
align-items: center;
width: auto;
}
.component_form-contact-us {
width: 100%;
}
.o-cu_block-button {
order: -1;
justify-content: flex-end;
align-items: center;
width: 100%;
display: flex;
}
.mc_title-wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
align-items: flex-start;
position: relative;
}
.mc_info.f-label-large {
font-size: .6rem;
display: flex;
inset: auto 0% 0% auto;
}
.mc_image-wrapper_mobile {
display: none;
left: 0;
transform: translateY(-50%);
}
.mc_index_mobile {
margin-right: 2rem;
display: none;
inset: -40% auto 0% 0%;
}
.mc_module-bottom {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
justify-content: flex-end;
align-items: center;
height: 6rem;
padding-top: 1rem;
display: block;
}
.mc_module-bottom_slogan-wrapper {
padding-top: 1rem;
}
.mc_module-bottom_contact {
justify-content: space-between;
align-items: center;
width: 100%;
}
.mc_layout {
justify-content: flex-end;
align-items: flex-start;
padding-bottom: .5rem;
}
.div-block-57 {
height: auto;
max-height: none;
}
.span-wrapper {
line-height: 1.5rem;
}
.b_typography-block_header-spacer-small {
height: 1rem;
}
.mw_slide-component_page {
aspect-ratio: auto;
width: 100vw;
height: 85svh;
padding-bottom: 2rem;
}
.mc_button_order {
width: 100%;
margin-bottom: 2rem;
display: block;
}
}
@media screen and (max-width: 767px) {
h1 {
font-size: 2.5rem;
}
h2 {
font-size: 2rem;
}
h3 {
font-size: 1.5rem;
}
h4 {
font-size: 1.25rem;
}
h5 {
font-size: 1rem;
}
h6 {
font-size: .875rem;
}
.padding-xlarge {
padding: 2rem;
}
.margin-xlarge {
margin: 2rem;
}
.padding-xhuge {
padding: 4rem;
}
.padding-xxhuge {
padding: 4.5rem;
}
.padding-huge {
padding: 3.5rem;
}
.margin-large {
margin: 1.5rem;
}
.padding-xxlarge {
padding: 3rem;
}
.padding-large {
padding: 1.5rem;
}
.margin-huge {
margin: 3.5rem;
}
.padding-medium {
padding: 1.25rem;
}
.margin-xxlarge {
margin: 3rem;
}
.margin-xhuge {
margin: 4rem;
}
.margin-medium {
margin: 1.25rem;
}
.margin-xxhuge {
margin: 4.5rem;
}
.margin-horizontal {
margin-top: 0;
margin-bottom: 0;
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.margin-vertical {
margin-left: 0;
margin-right: 0;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.padding-left {
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.padding-horizontal {
padding-top: 0;
padding-bottom: 0;
}
.margin-right {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.margin-left {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
}
.padding-right {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.hide-mobile-landscape {
display: none;
}
.heading-style-h3 {
font-size: 1.5rem;
}
.heading-style-h1 {
font-size: 2.5rem;
}
.z--padding-global {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.padding-section-small {
padding-top: 2rem;
padding-bottom: 2rem;
}
.fs-styleguide_section-header {
font-size: .875rem;
}
.fs-styleguide_heading-medium {
font-size: 2rem;
}
.max-width-full-mobile-landscape {
width: 100%;
max-width: none;
}
.heading-style-h4 {
font-size: 1rem;
}
.text-style-nowrap {
white-space: normal;
}
.heading-style-h6 {
font-size: .75rem;
}
.padding-section-large {
padding-top: 4rem;
padding-bottom: 4rem;
}
.protein-number-display {
font-size: 2rem;
}
.heading-style-h5 {
font-size: .875rem;
}
.padding-section-medium {
padding-top: 3rem;
padding-bottom: 3rem;
}
.spacer-huge {
padding-top: 3.5rem;
}
.spacer-medium {
padding-top: 1.25rem;
}
.spacer-xhuge {
padding-top: 4rem;
}
.spacer-xxhuge {
padding-top: 4.5rem;
}
.spacer-xlarge {
padding-top: 2rem;
}
.spacer-large {
padding-top: 1.5rem;
}
.spacer-xxlarge {
padding-top: 3rem;
}
.swiper-wrapper.project {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.slider-thumbs_wrapper {
width: 33.3333%;
}
.carbs-number-display, .fat-number-display {
font-size: 2rem;
}
.s2_layout-grid {
grid-template-columns: minmax(0, 1fr) 1fr 1fr 1fr 1fr minmax(0, 1fr) 1fr minmax(0, 1fr);
}
.s2_slider-image_component {
height: 50%;
min-height: 50svh;
}
.intro_scroll-gallery_image-wrapper, .intro_scroll-gallery_image-vertical-wrapper {
height: 20vh;
}
.s2_slider_component_mobile {
height: 50%;
min-height: 50svh;
}
.s2_layout-grid_mobile {
grid-template-columns: minmax(0, 1fr) 1fr 1fr 1fr 1fr minmax(0, 1fr) 1fr minmax(0, 1fr);
}
.scroll-link {
width: 2.8rem;
height: 2.8rem;
}
.panel-row {
font-size: 1.3rem;
}
.hero-scroll-div {
height: 100svh;
}
.sp28k-logo {
letter-spacing: -.35rem;
}
.pin {
width: 2.5rem;
height: 2.5rem;
}
.hero-spline {
height: 100svh;
top: auto;
}
.hero-corner-txt-div {
width: 12.4rem;
font-size: .96rem;
}
.h-xx-large {
font-size: 7.5rem;
}
.center-pin {
width: .25rem;
height: .25rem;
}
.section-padding {
padding-top: 6rem;
padding-bottom: 6rem;
}
.list---item {
font-size: 1rem;
}
.list---image-wrap {
width: 6rem;
height: 6rem;
}
.hero-section {
height: 150vh;
}
.button-2 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.footer {
height: 150vh;
}
.marquee-image.hide-mobile {
display: none;
}
.navlink {
padding-bottom: .1rem;
font-size: 1.3rem;
}
.play-button-2 {
width: 2.6rem;
height: 2.6rem;
}
.nav-menu {
width: 100%;
height: 100svh;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.button-3 {
font-size: 1.2rem;
}
.nav-cta-link {
letter-spacing: .02rem;
font-size: 3.5rem;
}
.nav-img-frame {
width: 23vh;
max-height: 32vh;
}
.brand {
font-size: 1.2rem;
}
.nav-img-div {
z-index: -1;
margin-bottom: 32vh;
display: none;
}
.navbar-wrap {
width: 100%;
}
.buy-cta-div.is-desktop {
display: none;
}
.buy-cta-div.is-mobile {
justify-content: space-between;
align-items: flex-end;
margin: 8vh 0 0;
display: flex;
position: relative;
}
.navwrap {
height: 100svh;
padding-top: 4rem;
padding-bottom: 6rem;
overflow: scroll;
}
.menu-button {
width: 2rem;
}
.our-works-item {
height: auto;
}
.font-body {
letter-spacing: 0;
font-size: .75rem;
}
.font-body.font-black.opacity-50.works-absolute {
top: -2rem;
}
.our-works {
padding: 9.5rem 1rem 5rem;
}
.font-h1-5 {
font-size: 1.625rem;
}
.container-draggable {
top: calc(50vh - 5.35rem);
}
.box-contain {
width: 7.75rem;
height: 10.75rem;
}
.draggable-wrapper {
padding-top: 7.5rem;
padding-bottom: 5rem;
}
.hero-fourth {
height: calc(100vh - 4rem);
}
.section_diet_outers--diet-outer {
height: calc(400vh - 12rem);
padding-top: 4rem;
}
.hero-img.second, .hero-img.first, .hero-img.third, .hero-img.fourth, .hero-third, .hero-first, .hero-second {
height: calc(100vh - 4rem);
}
.font-h1 {
font-size: 2.5rem;
}
.section_footer_logo {
padding: 5rem 1rem 1rem;
}
.footer-last-03 {
width: 50%;
}
.footer-bottom {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.font-body-small {
font-size: .55rem;
}
.footer-first-03 {
width: 100%;
}
.footer-first-01, .footer-last-02 {
display: none;
}
.footer_logo {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.footer_logotype-balans {
margin-left: -.75rem;
}
.footer-first-02 {
opacity: 1;
width: 50%;
}
.footter-bottom-last {
padding-top: 1rem;
}
.hero {
height: calc(400vh - 12rem);
padding-top: 4rem;
}
.mc_index {
margin-right: 1rem;
}
.b_ui1_link.is-contact-us-mobile {
margin-right: 3rem;
}
.col-d-8 {
padding-left: .25rem;
padding-right: .25rem;
}
.container-3 {
grid-row-gap: .5rem;
padding-left: 1rem;
padding-right: 1rem;
}
.img---wrap {
padding-top: 177%;
}
.dp_track {
height: 300vh;
}
.dp_item {
width: 33.333vw;
}
.b_counter-order_component {
width: 100%;
padding-left: 1rem;
padding-right: 1rem;
}
.b_counter-order_wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
}
.swiper-slide-2 {
flex: none;
width: 100%;
}
.icon-1x1-medium-2 {
width: .75rem;
height: .75rem;
}
.home-hero-image {
min-height: 67vw;
}
.service-link-grid {
grid-row-gap: 2.25rem;
}
.padding-bottom-2 {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.testimonial-slide-content {
min-height: 20rem;
}
.text-size-large {
font-size: 1.5rem;
}
.action-block {
padding-bottom: 4rem;
}
.home-works-top {
grid-row-gap: 1.5rem;
}
.home-hero-right {
grid-template-columns: 1fr;
}
.heading-style-h1-2 {
font-size: 3rem;
}
.about-image-item {
width: 22vw;
}
.testimonial-block {
padding-bottom: 1.5rem;
padding-left: 1rem;
padding-right: 1rem;
}
.padding-top-2 {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.home-intro-strip {
max-width: 19vw;
margin: -9rem -5rem;
}
.home-hero-left {
grid-row-gap: 1rem;
}
.home-service-base {
grid-row-gap: 2rem;
padding-top: 5rem;
padding-bottom: 5rem;
}
.padding-vertical-2 {
padding-left: 0;
padding-right: 0;
}
.margin-bottom-2 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.padding-horizontal-2 {
padding-top: 0;
padding-bottom: 0;
}
.footer-brand {
margin-bottom: 1rem;
}
.heading-style-h2 {
font-size: 2.25rem;
}
.footer-menu {
grid-row-gap: 1.2rem;
flex-direction: column;
align-items: center;
}
.home-team-block {
grid-row-gap: 2.5rem;
grid-template-columns: 1fr;
}
.footer-content {
grid-row-gap: 1.2rem;
grid-template-columns: 1fr;
justify-content: center;
justify-items: center;
padding-top: 2rem;
padding-bottom: 2rem;
}
.home-about-subtitle {
max-width: 16rem;
}
.team-card {
grid-row-gap: 1.25rem;
}
.tag-item.tag-button {
min-width: 6rem;
}
.heading-style-h3-2 {
font-size: 1.875rem;
}
.section_slider_menu-weekly-insight--mw.is-page-menu {
width: 100%;
}
.mc_index_mobile {
margin-right: 1rem;
}
.section_menu-weekly_slider.is-page-menu {
max-height: none;
}
}
@media screen and (max-width: 479px) {
.margin-horizontal {
margin-top: 0;
margin-bottom: 0;
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.margin-vertical {
margin-left: 0;
margin-right: 0;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.padding-left {
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.padding-horizontal {
padding-top: 0;
padding-bottom: 0;
}
.margin-right {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.margin-left {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
}
.padding-right {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.fs-styleguide_item {
grid-template-columns: 100vw;
width: 100%;
}
.fs-styleguide_row {
flex-wrap: wrap;
}
.max-width-full-mobile-portrait {
width: 100%;
max-width: none;
}
.z--padding-global.padding-section-large {
width: 100%;
}
.fs-styleguide_section-header {
grid-template-columns: 100%;
width: 100%;
}
.hide-mobile-portrait {
display: none;
}
.fs-styleguide_component {
max-width: 100%;
}
.main-wrapper {
width: 100%;
}
.fs-styleguide_classes {
grid-template-columns: 100vw;
}
.fs-styleguide_structure {
width: 100%;
max-width: 100%;
display: block;
}
.f-is-serif.mc_marquee_text {
text-align: left;
}
.f-is-serif.is-span {
flex: none;
}
.f-is-serif.is-span.h3_f-is-mixed-lowercase {
line-height: 4rem;
}
.f-is-serif.is-p2 {
line-height: 2.6rem;
}
.f-is-serif.is-span-first {
flex: none;
}
.f-is-serif.is-span-first.h3_f-is-mixed-lowercase {
line-height: 4rem;
}
.f-is-lowercase.is-span {
flex: none;
}
.f-is-lowercase.mc_title {
justify-content: flex-start;
align-items: flex-start;
}
.f-balans-display-200 {
word-break: break-all;
flex-flow: wrap;
width: 100%;
display: flex;
}
.swiper-wrapper.project {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
}
.swiper.is-menu-weekly-list {
font-size: .7em;
}
.gallery-1_list {
grid-template-columns: 100%;
}
.menu_container, .sg_page-wrapper {
width: 100vw;
}
.f-balans-display-180, .f-diet-display-180, .f-diet-display-200 {
word-break: break-all;
flex-flow: wrap;
width: 100%;
display: flex;
}
.page_code_wrap.is-flex-start.is-width-auto {
width: 100%;
}
.meal_title_menu-presentation_name-1.is-style-h4.is-mobile {
font-family: Bitter, serif;
}
.s2_layout-grid {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
grid-auto-columns: .25fr;
}
.s2_menu-list_slide {
height: 100%;
overflow: hidden;
}
.s2_slider-image_component {
height: 50%;
min-height: 50svh;
}
.macros_primary-row, .art_module-bottom_left-side {
flex-flow: column;
}
.art_module-overlay {
display: flex;
}
.macros_primary-row_overlay {
flex-flow: column;
}
.intro_scroll-gallery_slogan_scale {
font-size: 300svh;
line-height: 300svh;
}
.s2_macros_secondary-row_mobile {
display: flex;
}
.c-element_slogan-2 {
display: none;
}
.s2_slider_component_mobile {
height: 50%;
min-height: 50svh;
}
.s2_layout-grid_mobile {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
grid-auto-columns: .25fr;
}
.s2_meal-title_name-1_mobile {
display: block;
}
.u-border-top-bottom-1-strong {
justify-content: center;
align-items: center;
}
.panel-p-div {
width: 100%;
max-width: 24rem;
}
.scroll-link {
display: none;
}
.panel-row {
font-size: 1.2rem;
}
.arrow-dot {
width: .2rem;
height: .2rem;
}
.arrow-dot.is-3 {
margin-left: .4rem;
}
.arrow-dot.is-2 {
margin-left: .2rem;
}
.arrow-dot.is-4 {
top: .2rem;
right: .2rem;
}
.sp28k-logo {
letter-spacing: -.15rem;
font-size: 34.5em;
}
.split-panel {
height: auto;
min-height: auto;
padding-top: 12rem;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.arrow-wrap {
width: 1rem;
height: 1rem;
}
.hero-corner-txt-div {
width: 14.3rem;
max-width: 85%;
}
.panel-nb-div {
margin-left: 1.25rem;
font-size: 3.2rem;
}
.panel-img-div {
max-width: none;
}
.panel-h-div {
z-index: 40;
right: 1.25rem;
}
.h-xx-large {
font-size: 6rem;
}
.gallery {
margin-top: 0;
}
.section-padding {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.slide {
width: 80vw;
min-width: auto;
}
.slide:nth-child(2n), .load-img__wrap {
width: 70vw;
}
.preview-wrapper {
top: 75%;
}
.s32_marquee-track {
margin-top: 4.8rem;
margin-bottom: 4.8rem;
}
.d4_marquee-track, .d4_marquee-flex-track {
justify-content: space-between;
}
.navlink {
padding-top: .1rem;
padding-bottom: .1rem;
font-size: 1.1rem;
}
.nav-menu {
margin-bottom: .5rem;
}
.navbar {
height: 48px;
margin-left: .5rem;
margin-right: .5rem;
padding: 0 1rem;
}
.nav-cta-link {
font-size: 3.2rem;
}
.nav-img-frame {
width: 39vw;
max-width: none;
height: 54vw;
max-height: none;
}
.nav-img-div {
margin-bottom: 36vh;
right: 1rem;
}
.navbar-wrap {
padding-top: .5rem;
padding-bottom: .5rem;
padding-right: .5rem;
}
.nav-cta-div {
flex: 0 auto;
padding-top: 2rem;
}
.navwrap {
padding-top: 2.5rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.nav-backdrop {
inset: .5rem;
}
.box {
width: 9rem;
}
.b_header-section_content {
flex-flow: wrap;
}
.b_header-section_module-top {
justify-content: flex-end;
align-items: flex-start;
}
.u-layout-flex.is-start {
justify-content: center;
align-items: flex-start;
}
.b_macros_panel-secondary_component {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.mc_label.f-label-large {
text-align: left;
flex-flow: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.b_ui1_link.is-contact-us-mobile {
margin-right: 0;
}
.mc_marquee_item {
display: flex;
}
.u-padding-section-80.is-mobile-32 {
padding-top: 2rem;
padding-bottom: 2rem;
}
.m4_title-wrapper {
padding-bottom: 3rem;
}
.m2_module-content {
padding-top: 2rem;
}
.u--layout-grid-extended-12-24---1.is-grid-100vh.is-section-contact {
padding-left: 0;
padding-right: 0;
}
.b_header-section_heading-wrapper {
justify-content: flex-start;
align-items: flex-start;
}
.b_header-section_heading-wrapper.is-mobile.is-horizontal {
flex-flow: wrap;
}
.dp_item {
width: 90vw;
}
.mt1_module-content_wrapper {
justify-content: flex-end;
align-items: flex-start;
}
.b_counter-order_component {
width: 100%;
}
.b_counter-order_wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.swp_btn {
width: 2rem;
height: 2rem;
}
.project_btm_wrap {
height: 10vh;
}
.swiper_arrow {
color: #222;
height: .75rem;
}
.testimonial-slide-arrow {
border-top-right-radius: 0;
border-bottom-left-radius: .625rem;
width: 50%;
height: 3.25rem;
inset: auto auto 0% 0%;
}
.testimonial-slide-arrow.right-arrow {
border-top-style: none;
border-left: 1px solid #c9c8c4;
border-top-right-radius: .625rem;
border-bottom-left-radius: 0;
}
.home-hero-block {
min-height: auto;
}
.testimonial-slider-block {
margin-bottom: 3rem;
}
.padding-bottom-2 {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.testimonial-slide-content {
grid-row-gap: 2.25rem;
min-height: 28rem;
padding: .7rem .7rem 5.25rem;
}
.action-block {
padding-left: 1rem;
padding-right: 1rem;
}
.testimonial-avatar {
width: 3.5rem;
}
.heading-style-h1-2 {
font-size: 2.65rem;
}
.about-image-item {
width: 35vw;
}
.padding-top-2 {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.home-intro-strip {
max-width: 24vw;
margin: -12rem -4.5rem;
}
.home-service-base {
grid-row-gap: 2rem;
padding-top: 5rem;
padding-bottom: 5rem;
}
.padding-vertical-2 {
padding-left: 0;
padding-right: 0;
}
.margin-bottom-2 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.padding-horizontal-2 {
padding-top: 0;
padding-bottom: 0;
}
.testimonial-slide-number {
align-items: center;
height: 3rem;
padding-left: .7rem;
bottom: -4rem;
}
.home-about-sticky {
padding-top: 8rem;
padding-bottom: 6rem;
}
.testimonial-credit {
grid-column-gap: 1rem;
}
.home-work-image {
margin-top: 0;
margin-bottom: -.2rem;
}
.home-work-content {
grid-row-gap: 1.5rem;
grid-template-columns: 1fr auto;
padding-top: 2.25rem;
padding-bottom: 2.25rem;
}
.text-size-h1 {
font-size: 3.5em;
}
.hm2_image-master-mobile {
inset: 0% 0% auto;
}
.working-jeaders, .working-headers {
width: 100%;
}
.sd8_area-left-grid {
grid-template-rows: 10% 1% 78% 1%;
}
.component_button-secondary {
align-self: center;
}
.cta_buttons-set_wrapper {
flex-flow: column;
justify-content: center;
align-items: center;
}
.p2_clip-mask.card {
width: 30vw;
}
.p2_title-box-container {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.p2_master-container, .p2_image-glass-container_wrapper {
width: 100%;
}
.p2_title-box-heading {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.p2_title-box-container_wrapper_mobile {
font-size: 15em;
}
.p2_title-box_container.is-mobile {
z-index: 20;
}
.dp_title-intro_wrapper {
left: -45vw;
}
.md_icon {
right: 0%;
}
.md_link_content {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
}
.md_title {
font-size: 1.25rem;
}
.md_index {
margin-right: 2rem;
}
.dt2_menu-diet_table {
width: 90vw;
padding-left: 1rem;
padding-right: 1rem;
}
.component_overlay_contact-us {
display: none;
}
.mc_title-wrapper {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.mc_module-bottom_layout {
grid-column-gap: 1px;
grid-row-gap: 1px;
flex-flow: column;
width: 100%;
height: 100%;
padding-top: 1rem;
display: flex;
}
}
#w-node-a3d89439-85b5-2e51-7226-dd60c83a9c16-f286e5bc {
grid-area: 1 / 1 / 2 / 13;
}
#w-node-_0ca924a9-fc52-aece-78c7-5a1cee8a2fe9-f286e5bc {
grid-area: 2 / 1 / 3 / 13;
}
#w-node-d3de98ef-3713-fbca-1a03-31cb8164481c-f286e5bc {
grid-area: 3 / 1 / 4 / 13;
}
#w-node-_0d7983ca-ae6c-34b8-4697-ad57268175b7-f286e5bc, #w-node-_85ce691d-3a55-5c05-a680-030347f50817-f286e5bc {
grid-area: 1 / 4 / 2 / 10;
}
#w-node-c4d4bb89-7eb0-3177-6cf4-2bc75e53f371-f286e5bc, #w-node-c4d4bb89-7eb0-3177-6cf4-2bc75e53f372-f286e5bc, #w-node-c4d4bb89-7eb0-3177-6cf4-2bc75e53f374-f286e5bc, #w-node-c4d4bb89-7eb0-3177-6cf4-2bc75e53f376-f286e5bc, #w-node-c4d4bb89-7eb0-3177-6cf4-2bc75e53f379-f286e5bc, #w-node-c4d4bb89-7eb0-3177-6cf4-2bc75e53f37b-f286e5bc, #w-node-c4d4bb89-7eb0-3177-6cf4-2bc75e53f37d-f286e5bc, #w-node-c4d4bb89-7eb0-3177-6cf4-2bc75e53f380-f286e5bc, #w-node-c4d4bb89-7eb0-3177-6cf4-2bc75e53f382-f286e5bc, #w-node-c4d4bb89-7eb0-3177-6cf4-2bc75e53f384-f286e5bc {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6d37ae48-118c-d756-365c-c6cef3b6f968-f286e5bc {
grid-area: 1 / 1 / 2 / 13;
align-self: start;
}
#w-node-_5790826b-df0f-e2f6-dd69-262a2c8db691-f286e5bc {
grid-area: 1 / 1 / 2 / 4;
}
#w-node-_6b73e623-7dc2-1e2a-f389-67b9843b1e4e-f286e5bc {
grid-area: 3 / 1 / 4 / 13;
align-self: end;
}
#w-node-_5093619d-6897-7742-f774-51e3593a7995-f286e5bc {
grid-area: 1 / 2 / 2 / 4;
}
#w-node-_681d0c48-0b47-35ef-e8e6-22bd13635345-f286e5bc {
grid-area: 1 / 4 / 2 / 6;
}
#w-node-_793a370b-11b9-21e2-4c25-c36e95c5755e-f286e5bc {
grid-area: 1 / 6 / 2 / 8;
}
#w-node-_94a25a9b-a397-b2f8-961b-4b50d37b3549-f286e5bc {
grid-area: 1 / 8 / 2 / 13;
}
#w-node-dfb014a7-31e8-fc90-7250-406362cff913-f286e5bc {
grid-area: 1 / 1 / 2 / 13;
align-self: end;
}
#w-node-dfb014a7-31e8-fc90-7250-406362cff916-f286e5bc {
grid-area: 1 / 1 / 2 / 4;
}
#w-node-dfb014a7-31e8-fc90-7250-406362cff918-f286e5bc {
grid-area: 3 / 1 / 4 / 13;
align-self: end;
}
#w-node-dfb014a7-31e8-fc90-7250-406362cff921-f286e5bc {
grid-area: 1 / 8 / 2 / 13;
}
#w-node-_7e332278-9e07-f72d-a5a6-5e620f341e99-f286e5bc {
grid-area: 3 / 1 / 4 / 5;
}
#w-node-_2a0b7d2f-f193-073e-3429-4b1685ec7fac-f286e5bc {
grid-area: 2 / 2 / 3 / 6;
align-self: end;
}
#w-node-_2a0b7d2f-f193-073e-3429-4b1685ec7fb0-f286e5bc {
grid-area: 2 / 7 / 3 / 14;
align-self: end;
}
#w-node-_8be094bf-22d6-bb35-869b-7dd0ddb427ee-f286e5bc {
grid-area: 3 / 2 / 5 / 14;
align-self: end;
}
#w-node-b69c6298-8fb9-953f-077d-68d034e2e9c0-f286e5bc {
grid-area: 2 / 2 / 3 / 14;
}
#w-node-b69c6298-8fb9-953f-077d-68d034e2e9c6-f286e5bc {
grid-area: 3 / 2 / 4 / 14;
align-self: end;
}
#w-node-edd53913-3dd0-e5e0-ff76-aef849b08dde-f286e5bc {
grid-area: 3 / 1 / 4 / 10;
align-self: end;
}
#w-node-_59060940-b389-a530-8d42-82767e2e82ec-f286e5bc {
grid-area: 1 / 2 / 2 / 6;
}
#w-node-_21c4f4cf-d5a9-f129-c986-70ab8249d50c-f286e5bc {
grid-area: 1 / 8 / 3 / 15;
}
#w-node-edd53913-3dd0-e5e0-ff76-aef849b08de4-f286e5bc {
grid-area: 1 / 1 / 2 / 15;
}
#w-node-edd53913-3dd0-e5e0-ff76-aef849b08de9-f286e5bc {
grid-area: 1 / 1 / 2 / 9;
}
#w-node-_9d3d0d95-90d9-d8de-2f13-239a0f4bb3af-f286e5bc {
grid-area: 1 / 1 / 3 / 8;
}
#w-node-_9d3d0d95-90d9-d8de-2f13-239a0f4bb3b4-f286e5bc {
grid-area: 1 / 10 / 2 / 14;
}
#w-node-edd53913-3dd0-e5e0-ff76-aef849b08df5-f286e5bc {
grid-area: 1 / 1 / 5 / 15;
}
#w-node-edd53913-3dd0-e5e0-ff76-aef849b08dfa-f286e5bc {
grid-area: 1 / 1 / 2 / 9;
}
#w-node-c3a42b2e-0245-6465-c332-c972fd39ec33-f286e5bc {
grid-area: 1 / 2 / 2 / 6;
}
#w-node-c3a42b2e-0245-6465-c332-c972fd39ec2e-f286e5bc {
grid-area: 1 / 7 / 3 / 15;
}
#w-node-edd53913-3dd0-e5e0-ff76-aef849b08e06-f286e5bc {
grid-area: 1 / 1 / 5 / 15;
}
#w-node-edd53913-3dd0-e5e0-ff76-aef849b08e0b-f286e5bc {
grid-area: 1 / 1 / 2 / 9;
}
#w-node-edd53913-3dd0-e5e0-ff76-aef849b08e1a-f286e5bc {
grid-area: 1 / 2 / 2 / 14;
}
#w-node-edd53913-3dd0-e5e0-ff76-aef849b08e24-f286e5bc {
grid-area: 2 / 1 / 3 / 15;
}
#w-node-edd53913-3dd0-e5e0-ff76-aef849b08e26-f286e5bc {
grid-area: 2 / 2 / 3 / 10;
align-self: end;
}
#w-node-edd53913-3dd0-e5e0-ff76-aef849b08e2d-f286e5bc {
grid-area: 1 / 10 / 3 / 15;
}
#w-node-edd53913-3dd0-e5e0-ff76-aef849b08e35-f286e5bc {
grid-area: 1 / 1 / 2 / 10;
}
#w-node-edd53913-3dd0-e5e0-ff76-aef849b08e39-f286e5bc {
grid-area: 1 / 10 / 2 / 15;
}
#w-node-edd53913-3dd0-e5e0-ff76-aef849b08e57-f286e5bc {
grid-area: 1 / 6 / 2 / 12;
}
#w-node-edd53913-3dd0-e5e0-ff76-aef849b08e54-f286e5bc {
grid-area: 1 / 1 / 4 / 6;
}
#w-node-edd53913-3dd0-e5e0-ff76-aef849b08e5c-f286e5bc {
grid-area: 3 / 6 / 4 / 14;
align-self: end;
}
#w-node-edd53913-3dd0-e5e0-ff76-aef849b08e78-f286e5bc {
grid-area: 1 / 2 / 2 / 6;
}
#w-node-edd53913-3dd0-e5e0-ff76-aef849b08e7e-f286e5bc {
grid-area: 1 / 6 / 2 / 10;
}
#w-node-edd53913-3dd0-e5e0-ff76-aef849b08e84-f286e5bc {
grid-area: 1 / 10 / 2 / 14;
}
#w-node-edd53913-3dd0-e5e0-ff76-aef849b08e99-f286e5bc {
grid-area: 1 / 1 / 3 / 11;
}
#w-node-edd53913-3dd0-e5e0-ff76-aef849b08e9c-f286e5bc {
grid-area: 1 / 11 / 3 / 14;
}
#w-node-edd53913-3dd0-e5e0-ff76-aef849b08eaa-f286e5bc {
grid-area: 1 / 2 / 2 / 5;
}
#w-node-edd53913-3dd0-e5e0-ff76-aef849b08ead-f286e5bc {
grid-area: 1 / 5 / 3 / 8;
}
#w-node-edd53913-3dd0-e5e0-ff76-aef849b08eb0-f286e5bc {
grid-area: 1 / 9 / 3 / 13;
}
#w-node-edd53913-3dd0-e5e0-ff76-aef849b08ef4-f286e5bc {
grid-area: 3 / 1 / 4 / 10;
align-self: end;
}
#w-node-_33c90cc3-7f1b-479e-b7d2-b0a8ab205a36-f286e5bc, #w-node-a81b7c44-dc8a-eba0-6eed-fdaebf052bdc-f286e5bc {
grid-area: 1 / 2 / 2 / 14;
}
#w-node-_9ca4ab65-9715-095c-1c2f-5b56de61057c-f286e5bc {
grid-area: 1 / 1 / 2 / 13;
}
#w-node-e9a182ef-745c-023f-e9cf-a9cee85218d5-f286e5bc {
grid-area: 1 / 2 / 2 / 8;
align-self: start;
}
#w-node-a1c0a5f3-e100-4094-c75e-b6c03207922a-f286e5bc {
grid-area: 1 / 8 / 2 / 14;
align-self: center;
}
#w-node-_569d7ae9-6c84-3e5b-a1b0-40a3ece14991-f286e5bc {
grid-area: 1 / 8 / 2 / 14;
align-self: start;
}
#w-node-_32cd3ce3-4bcd-29d1-f598-d88c074e0175-074e0174 {
grid-area: 1 / 5 / 2 / 11;
}
#w-node-_8c0c0d41-1b15-c736-12e3-965b33f44b45-33f44b37 {
grid-area: 1 / 1 / 2 / 17;
}
#w-node-_8c0c0d41-1b15-c736-12e3-965b33f44b4d-33f44b37, #w-node-_8c0c0d41-1b15-c736-12e3-965b33f44b53-33f44b37, #w-node-_8c0c0d41-1b15-c736-12e3-965b33f44b59-33f44b37 {
grid-area: 2 / 10 / 3 / 17;
}
#w-node-_8c0c0d41-1b15-c736-12e3-965b33f44b5e-33f44b37 {
grid-area: 1 / 1 / 2 / 17;
}
#w-node-_8c0c0d41-1b15-c736-12e3-965b33f44b66-33f44b37 {
grid-area: 2 / 10 / 3 / 17;
}
#w-node-_8c0c0d41-1b15-c736-12e3-965b33f44b6b-33f44b37 {
grid-area: 1 / 1 / 2 / 17;
}
#w-node-_8c0c0d41-1b15-c736-12e3-965b33f44b72-33f44b37, #w-node-_8c0c0d41-1b15-c736-12e3-965b33f44b78-33f44b37, #w-node-_8c0c0d41-1b15-c736-12e3-965b33f44b7e-33f44b37, #w-node-_8c0c0d41-1b15-c736-12e3-965b33f44b84-33f44b37, #w-node-_8c0c0d41-1b15-c736-12e3-965b33f44b8a-33f44b37 {
grid-area: 2 / 10 / 3 / 17;
}
#w-node-_8c0c0d41-1b15-c736-12e3-965b33f44b8f-33f44b37 {
grid-area: 1 / 1 / 2 / 17;
}
#w-node-_8c0c0d41-1b15-c736-12e3-965b33f44b96-33f44b37, #w-node-_8c0c0d41-1b15-c736-12e3-965b33f44b9c-33f44b37, #w-node-_8c0c0d41-1b15-c736-12e3-965b33f44ba3-33f44b37 {
grid-area: 2 / 10 / 3 / 17;
}
#w-node-_8c0c0d41-1b15-c736-12e3-965b33f44bab-33f44b37 {
grid-area: 1 / 1 / 2 / 17;
}
#w-node-_8c0c0d41-1b15-c736-12e3-965b33f44bb2-33f44b37, #w-node-_8c0c0d41-1b15-c736-12e3-965b33f44bb8-33f44b37 {
grid-area: 2 / 10 / 3 / 17;
}
#w-node-a59af05b-0d97-d3cd-56df-0c60d290cd0e-d290cd0e {
grid-area: 3 / 2 / 4 / 8;
}
#w-node-_0f41fb63-ca57-842c-35a4-6d88a12550f5-d290cd0e {
grid-area: 1 / 1 / 2 / 8;
}
#w-node-_0f41fb63-ca57-842c-35a4-6d88a12550fe-d290cd0e {
grid-area: 2 / 1 / 3 / 8;
}
#w-node-_0f41fb63-ca57-842c-35a4-6d88a1255100-d290cd0e {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_0f41fb63-ca57-842c-35a4-6d88a1255104-d290cd0e {
grid-area: 2 / 1 / 3 / 7;
}
#w-node-_4d6c8309-857f-5f9a-d69e-e04d8a8032a9-8a8032a6 {
grid-area: 1 / 1 / 2 / 17;
align-self: stretch;
}
#w-node-_4d6c8309-857f-5f9a-d69e-e04d8a8032aa-8a8032a6 {
grid-area: 1 / 1 / 2 / 13;
align-self: stretch;
}
#w-node-_4d6c8309-857f-5f9a-d69e-e04d8a8032ae-8a8032a6 {
grid-area: 1 / 1 / 2 / 13;
}
#w-node-_4d6c8309-857f-5f9a-d69e-e04d8a8032bc-8a8032a6 {
grid-area: 2 / 1 / 3 / 13;
}
#w-node-_4d6c8309-857f-5f9a-d69e-e04d8a8032e3-8a8032a6 {
grid-area: 2 / 1 / 3 / 7;
}
#w-node-_4d6c8309-857f-5f9a-d69e-e04d8a8032e7-8a8032a6 {
grid-area: 1 / 1 / 2 / 7;
}
#w-node-_4d6c8309-857f-5f9a-d69e-e04d8a8032ea-8a8032a6 {
grid-area: 2 / 1 / 3 / 17;
}
#w-node-_4d6c8309-857f-5f9a-d69e-e04d8a8032ee-8a8032a6 {
grid-area: 1 / 7 / 2 / 13;
}
#w-node-_5f0226e0-1994-6593-c784-86bf33e10e17-33e10e17 {
grid-area: 1 / 3 / 2 / 14;
align-self: end;
}
#w-node-bd7cf27d-206d-9d16-27b8-6c436f283aad-6f283aa6 {
grid-area: 1 / 1 / 2 / 5;
}
#w-node-bd7cf27d-206d-9d16-27b8-6c436f283ab2-6f283aa6 {
grid-area: 2 / 7 / 4 / 13;
}
#w-node-_76643952-8787-ce43-97bb-24e528b2205d-6f283aa6 {
grid-area: 3 / 1 / 4 / 13;
}
#w-node-bd7cf27d-206d-9d16-27b8-6c436f283ab7-6f283aa6 {
grid-area: 3 / 1 / 4 / 4;
align-self: end;
}
#w-node-bd7cf27d-206d-9d16-27b8-6c436f283aba-6f283aa6 {
grid-area: 1 / 1 / 2 / 13;
}
#w-node-_47390e05-e26e-1cd0-3904-67004c5e391c-4c5e3918 {
grid-area: 1 / 2 / 2 / 7;
}
#w-node-_47390e05-e26e-1cd0-3904-67004c5e391d-4c5e3918 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_47390e05-e26e-1cd0-3904-67004c5e3928-4c5e3918 {
grid-area: 1 / 15 / 2 / 17;
}
#w-node-_3763ae0c-2c18-3b57-d783-9b1031abbbc6-31abbb97 {
grid-area: 1 / 1 / 4 / 8;
}
#w-node-_3763ae0c-2c18-3b57-d783-9b1031abbbc9-31abbb97 {
grid-area: 1 / 8 / 2 / 11;
}
#w-node-_3763ae0c-2c18-3b57-d783-9b1031abbbcd-31abbb97 {
grid-area: 1 / 11 / 2 / 14;
align-self: start;
}
#w-node-_3763ae0c-2c18-3b57-d783-9b1031abbbcf-31abbb97 {
grid-area: 3 / 9 / 4 / 14;
}
#w-node-_3763ae0c-2c18-3b57-d783-9b1031abbbdc-31abbb97 {
grid-area: 1 / 1 / 4 / 8;
}
#w-node-_3763ae0c-2c18-3b57-d783-9b1031abbbdf-31abbb97 {
grid-area: 1 / 11 / 2 / 14;
}
#w-node-_3763ae0c-2c18-3b57-d783-9b1031abbbe3-31abbb97 {
grid-area: 3 / 9 / 5 / 14;
align-self: end;
}
#w-node-_3763ae0c-2c18-3b57-d783-9b1031abbbfc-31abbb97 {
grid-area: 1 / 8 / 2 / 15;
}
#w-node-_3763ae0c-2c18-3b57-d783-9b1031abbc08-31abbb97 {
grid-area: 1 / 1 / 2 / 8;
}
#w-node-_0a14fefc-d738-fe27-54fe-93ee03d28d18-03d28d13 {
grid-area: 1 / 1 / 3 / 9;
align-self: end;
}
#w-node-_0ffd69fd-21c9-32b5-54ce-96157626d89d-03d28d13 {
grid-area: 1 / 9 / 3 / 13;
}
#w-node-d365cd44-f84e-4a75-ae83-37f31c0b7530-1c0b7530 {
grid-area: 2 / 1 / 3 / 6;
}
#w-node-d365cd44-f84e-4a75-ae83-37f31c0b7586-1c0b7530 {
justify-self: stretch;
}
#w-node-c7bc2e90-8d9c-9b2f-372c-ce3788527df1-1c0b7530 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_0547d328-5cdd-08b9-0a17-c00ef6fcd118-1c0b7530 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_5cb52cfa-a5b8-d0b3-bc7b-84fcbfd88e4d-1c0b7530 {
align-self: end;
}
#w-node-ac63d96b-a66a-076a-a431-18f3035e1772-035e1767 {
grid-area: 1 / 1 / 2 / 6;
}
#w-node-ac63d96b-a66a-076a-a431-18f3035e1788-035e1767 {
grid-area: 2 / 5 / 3 / 9;
place-self: end;
}
#w-node-ac63d96b-a66a-076a-a431-18f3035e178a-035e1767 {
grid-area: 2 / 6 / 3 / 10;
place-self: start end;
}
#w-node-ac63d96b-a66a-076a-a431-18f3035e17bb-035e1767 {
grid-area: 2 / 9 / 3 / 13;
place-self: end;
}
#w-node-ac63d96b-a66a-076a-a431-18f3035e17e4-035e1767 {
grid-area: 2 / 1 / 3 / 5;
align-self: end;
}
#w-node-fb524f9e-5105-c743-684c-27e20fc99b85-0fc99b85 {
grid-area: 2 / 1 / 3 / 6;
}
#w-node-b89c6f02-d6ad-95d8-0198-5f0e1b9c8627-1b9c8622 {
grid-area: 1 / 1 / 2 / 13;
}
#w-node-ea27ccec-e315-354e-ced5-d38f21d69e74-21d69e70 {
grid-area: 1 / 1 / 2 / 19;
}
#w-node-ea27ccec-e315-354e-ced5-d38f21d69e99-21d69e70 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-ea27ccec-e315-354e-ced5-d38f21d69e9d-21d69e70 {
grid-area: 1 / 3 / 2 / 7;
}
#w-node-ea27ccec-e315-354e-ced5-d38f21d69eab-21d69e70 {
grid-area: 1 / 9 / 2 / 11;
}
#w-node-ea27ccec-e315-354e-ced5-d38f21d69eb0-21d69e70 {
grid-area: 1 / 13 / 2 / 17;
}
#w-node-ea27ccec-e315-354e-ced5-d38f21d69eb7-21d69e70 {
grid-area: 1 / 17 / 2 / 18;
}
#w-node-ea27ccec-e315-354e-ced5-d38f21d69ebc-21d69e70 {
grid-area: 10 / 1 / 11 / 19;
}
#w-node-ea27ccec-e315-354e-ced5-d38f21d69ebe-21d69e70 {
grid-area: 1 / 1 / 2 / 5;
}
#w-node-ea27ccec-e315-354e-ced5-d38f21d69ed5-21d69e70 {
grid-area: 1 / 5 / 2 / 6;
}
#w-node-ea27ccec-e315-354e-ced5-d38f21d69ed7-21d69e70 {
grid-area: 1 / 6 / 2 / 13;
}
#w-node-ea27ccec-e315-354e-ced5-d38f21d69ed9-21d69e70 {
grid-area: 1 / 13 / 2 / 19;
}
#w-node-ea27ccec-e315-354e-ced5-d38f21d69eec-21d69e70 {
grid-area: 1 / 13 / 11 / 19;
}
#w-node-ea27ccec-e315-354e-ced5-d38f21d69f15-21d69e70 {
grid-area: 1 / 1 / 11 / 4;
}
#w-node-d971c1c5-768c-2974-a12d-d3c6a9e73c71-21d69e70 {
grid-area: 1 / 2 / 2 / 8;
align-self: start;
}
#w-node-d971c1c5-768c-2974-a12d-d3c6a9e73c7d-21d69e70 {
grid-area: 1 / 1 / 2 / 13;
}
#w-node-_03cb6ec0-83f5-4420-5346-42f0670c0cb4-670c0cb4 {
grid-area: 1 / 8 / 2 / 14;
align-self: start;
}
#w-node-_4e6c45f7-ee49-5c7c-9f32-94d68b6fee6a-8b6fee61 {
grid-area: 1 / 4 / 2 / 6;
align-self: center;
}
#w-node-_4e6c45f7-ee49-5c7c-9f32-94d68b6fee6f-8b6fee61 {
grid-area: 1 / 6 / 2 / 7;
align-self: center;
}
#w-node-_4e6c45f7-ee49-5c7c-9f32-94d68b6fee72-8b6fee61 {
grid-area: 1 / 11 / 2 / 12;
align-self: center;
}
#w-node-_4e6c45f7-ee49-5c7c-9f32-94d68b6fee73-8b6fee61 {
grid-area: 1 / 12 / 2 / 15;
align-self: center;
}
#w-node-_9381626c-b550-9501-82ff-1bc5cfff763c-f286e5ce {
grid-area: 1 / 4 / 2 / 6;
align-self: center;
}
#w-node-_9381626c-b550-9501-82ff-1bc5cfff7641-f286e5ce {
grid-area: 1 / 6 / 2 / 7;
align-self: center;
}
#w-node-_9381626c-b550-9501-82ff-1bc5cfff7644-f286e5ce {
grid-area: 1 / 11 / 2 / 12;
align-self: center;
}
#w-node-_9381626c-b550-9501-82ff-1bc5cfff7645-f286e5ce {
grid-area: 1 / 12 / 2 / 15;
align-self: center;
}
#w-node-_9381626c-b550-9501-82ff-1bc5cfff76e4-f286e5ce, #w-node-_9381626c-b550-9501-82ff-1bc5cfff76e8-f286e5ce {
grid-area: sh-content-overline-left;
}
#w-node-_9381626c-b550-9501-82ff-1bc5cfff76ea-f286e5ce {
grid-area: sh-content-overline-right;
}
#w-node-_9381626c-b550-9501-82ff-1bc5cfff76ef-f286e5ce {
grid-area: sh-content-overline-left;
}
#w-node-_9381626c-b550-9501-82ff-1bc5cfff76f1-f286e5ce {
grid-area: sh-heading;
}
#w-node-_9381626c-b550-9501-82ff-1bc5cfff76f6-f286e5ce {
grid-area: sh-content-paragraph;
}
#w-node-_9381626c-b550-9501-82ff-1bc5cfff76f7-f286e5ce {
grid-area: content-paragraph;
}
#w-node-_9381626c-b550-9501-82ff-1bc5cfff7701-f286e5ce {
grid-area: sh-video-component;
align-self: start;
}
#w-node-_5bc9abfc-6620-3140-3df6-e280c3954d75-f286e5da, #w-node-_46ef7b85-0d8c-3874-be91-516b4f605a5f-f286e5da {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_46ef7b85-0d8c-3874-be91-516b4f605a60-f286e5da {
grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-_46c04a52-7edd-6a3e-bbe4-10635d253606-f286e5da {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_46c04a52-7edd-6a3e-bbe4-10635d253607-f286e5da {
grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-d5a9f650-a751-4d14-a786-346274270ef7-f286e5da {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d5a9f650-a751-4d14-a786-346274270efe-f286e5da, #w-node-_48621011-bad5-535d-6a1d-3cd1d2042821-f286e5da {
grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-_8ae6667b-2b6e-ac4c-1d07-370d63303745-63303742 {
grid-area: 1 / 1 / 2 / 2;
justify-self: end;
}
#w-node-_044f52b4-6607-0066-204f-57b156961917-63303742, #w-node-_7e0405ea-80d6-e574-cfeb-5913deb38922-63303742 {
grid-area: 1 / 2 / 2 / 7;
}
#w-node-f79f62d9-03d3-8bae-8ebe-3b520ca1dd65-63303742 {
grid-area: 2 / 2 / 3 / 7;
}
#w-node-de08140e-387b-4184-e115-9e7f49effd14-9150084c {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_26ae4f94-e8ad-d3df-9d51-74ce9150084e-9150084c {
grid-area: 1 / 2 / 2 / 7;
}
#w-node-_26ae4f94-e8ad-d3df-9d51-74ce91500854-9150084c {
grid-area: 1 / 15 / 2 / 17;
}
#w-node-c9698cc7-ea98-2231-3407-88fa28363fb6-050f399e {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-c9698cc7-ea98-2231-3407-88fa28363fc4-050f399e {
grid-area: 1 / 15 / 2 / 17;
justify-self: end;
}
#w-node-cafb1e61-ad4a-7f1c-0796-be14bd2fc7d6-050f399e {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-cafb1e61-ad4a-7f1c-0796-be14bd2fc7d9-050f399e {
grid-area: 1 / 2 / 2 / 16;
}
#w-node-cafb1e61-ad4a-7f1c-0796-be14bd2fc7e4-050f399e {
grid-area: 1 / 14 / 2 / 17;
justify-self: end;
}
#w-node-_94c82623-2fad-4729-63d6-9e29f70eecae-f70eecac {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_026a195b-8737-89fe-1285-b99026e25bee-f286e5df {
grid-area: 1 / 4 / 2 / 6;
align-self: center;
}
#w-node-_026a195b-8737-89fe-1285-b99026e25bf3-f286e5df {
grid-area: 1 / 6 / 2 / 7;
align-self: center;
}
#w-node-_026a195b-8737-89fe-1285-b99026e25bf6-f286e5df {
grid-area: 1 / 11 / 2 / 12;
align-self: center;
}
#w-node-_026a195b-8737-89fe-1285-b99026e25bf7-f286e5df {
grid-area: 1 / 12 / 2 / 15;
align-self: center;
}
#w-node-_0a3ded0d-8b7c-05da-eb7b-c2aa285697e3-f286e5df, #w-node-_0a3ded0d-8b7c-05da-eb7b-c2aa285697e9-f286e5df, #w-node-_0a3ded0d-8b7c-05da-eb7b-c2aa285697ef-f286e5df {
justify-self: start;
}
#w-node-b084b9c2-1ec9-7049-58f8-5c564ee9a8fc-f286e5df, #w-node-_712aba14-2811-6f12-b870-e41540c4337e-f286e5df {
grid-area: sh-content-overline-left;
}
#w-node-_771e8ead-05a5-217a-0264-28efbdd92deb-f286e5df {
grid-area: sh-content-overline-right;
}
#w-node-_2b049888-94f1-ad1f-5b1f-16dd2f812c7e-f286e5df {
grid-area: sh-heading;
}
#w-node-e507bdd4-0133-0f96-8dd3-fee90dc4e2f3-f286e5df {
grid-area: sh-content-paragraph;
}
#w-node-b084b9c2-1ec9-7049-58f8-5c564ee9a90c-f286e5df {
grid-area: content-paragraph;
}
#w-node-_802e97d6-5b60-22f3-89b7-f9cb9ebf4e5e-f286e5df {
grid-area: sh-video-component;
align-self: start;
}
#w-node-ad96f8cb-dfc0-1a9f-d8c2-31352b6ae674-f286e5df {
grid-area: 1 / 7 / 2 / 9;
}
#w-node-_2f4e8e0d-4732-4aad-de0e-3313fabf60d1-f286e5df {
grid-area: 2 / 1 / 3 / 5;
}
#w-node-_5ca85fa7-1927-9188-1536-449e7980ce46-f286e5df {
grid-area: 2 / 6 / 3 / 8;
}
#w-node-_5ca85fa7-1927-9188-1536-449e7980ce50-f286e5df {
grid-area: 2 / 2 / 4 / 8;
}
#w-node-_5ca85fa7-1927-9188-1536-449e7980ce66-f286e5df {
grid-area: 1 / 8 / 5 / 15;
}
#w-node-e032fbe4-80f0-3938-9996-354c11fce11a-f286e5df {
grid-area: 1 / 7 / 2 / 9;
}
#w-node-e032fbe4-80f0-3938-9996-354c11fce124-f286e5df {
grid-area: 2 / 1 / 3 / 5;
}
#w-node-_75bcf9f2-ff9d-c2b4-885d-e8244b393d95-f286e5df {
grid-area: 1 / 1 / 2 / -1;
}
#w-node-_75bcf9f2-ff9d-c2b4-885d-e8244b393d9f-f286e5df {
grid-area: span 2 / span 1 / span 2 / span 1;
align-self: stretch;
}
#w-node-_75bcf9f2-ff9d-c2b4-885d-e8244b393dae-f286e5df {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_75bcf9f2-ff9d-c2b4-885d-e8244b393dc6-f286e5df {
grid-area: 1 / 2 / 4 / -1;
}
#w-node-_2c69196e-50f5-92f8-92a6-c226c3305a7f-f286e5df {
grid-area: 1 / 2 / 2 / 6;
}
#w-node-_1c839031-4dab-127b-fb12-be3cdec2da92-f286e5df {
grid-area: 2 / 12 / 3 / 16;
}
#w-node-_67c16d28-ca57-725b-b8e4-feec658303f8-f286e5df {
grid-area: 1 / 7 / 2 / 14;
}
#w-node-_63df8f15-5896-4d9a-8997-8caaf30e3ce2-f286e5df {
grid-area: 2 / 2 / 3 / 11;
}
#w-node-_2af8c49c-00de-43b8-69bc-659cf7e2bbff-f286e5df {
grid-area: 1 / 7 / 2 / 16;
}
#w-node-aba36b10-4016-8ce8-7387-c2e7bec4e084-f286e5df {
grid-area: 2 / 2 / 3 / 7;
}
#w-node-_59268264-11de-3b86-00d9-2f40e43cef9c-f286e5df {
grid-area: 1 / 1 / 11 / 14;
}
#w-node-a6faaf4b-c1d9-483a-1dd9-f69e7d90972f-f286e5df {
grid-area: 1 / 14 / 11 / 20;
}
#w-node-_84282a5f-03d2-eda1-6fac-a86b66d2fe50-f286e5df {
grid-area: 1 / 5 / 5 / 7;
}
#w-node-_8530b68a-0587-51e4-5102-74756f3431e4-f286e5df {
grid-area: 1 / 20 / 11 / 37;
}
#w-node-f286d2ff-2c0f-8f79-6aff-baccf13bcca3-f286e5df {
grid-area: 1 / 1 / 11 / 6;
}
#w-node-_69ca656a-b823-f606-f54a-f765a91e8ab4-f286e5df {
grid-area: 7 / 5 / 9 / 10;
}
#w-node-_968965d8-1e7a-da2b-5df2-cc98a19e1755-f286e5df {
grid-area: 1 / 37 / 11 / 61;
}
#w-node-_5dc23ee6-7546-bb9e-f51c-d94d7d85d2aa-f286e5df, #w-node-a3186f41-3d04-94fd-99a0-c0f3d6ce747c-f286e5df, #w-node-_26053a83-7b31-f32c-07e5-0d4a6914b298-f286e5df, #w-node-_70c26ae4-d179-d560-a250-f5382fad282e-f286e5df, #w-node-_856255d9-e764-9e20-742a-1fbe24e1d860-f286e5df, #w-node-_28e3d86d-7c46-2adf-3125-7e500d0db06e-f286e5df {
grid-area: span 10 / span 4 / span 10 / span 4;
}
#w-node-_103a0340-9432-617b-2504-3c7e90149751-f286e5df {
grid-area: 1 / 61 / 11 / 70;
}
#w-node-_5dba10d3-4c59-9504-a245-da7e15f5c662-f286e5df {
grid-area: 1 / 70 / 11 / 83;
}
#w-node-fbf02bec-50a6-07a7-134b-e5b6ccdb90b4-f286e5df {
grid-area: 1 / 83 / 11 / 95;
}
#w-node-d52c7fe4-20db-9d5c-77ed-22c5603d8669-f286e5df {
grid-area: 1 / 95 / 11 / 115;
}
#w-node-_98a797c1-8a52-b7b0-61b2-c7e1bfac799a-f286e5df {
grid-area: 1 / 1 / 11 / 8;
}
#w-node-cdf339ff-6487-e0d0-f5ef-c2c000cd68f8-f286e5df {
grid-area: 7 / 7 / 9 / 21;
}
#w-node-afe28fe5-74bc-3f59-feb6-08fb01ce29e9-f286e5df {
grid-area: 1 / 115 / 11 / 121;
}
#w-node-_757ffa31-d64c-f51c-56b7-8998b631f677-f286e5df {
grid-area: 1 / 121 / 11 / 133;
}
#w-node-_2a708e7a-cda2-e2a0-155a-d320f6fabf95-f6fabf8c {
grid-area: 1 / 2 / 2 / 8;
}
#w-node-_3ebf7aa5-0159-557f-4436-096e3ffd32ca-f6fabf8c {
grid-area: 1 / 1 / 2 / 5;
}
#w-node-_3ebf7aa5-0159-557f-4436-096e3ffd32cf-f6fabf8c {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_3ebf7aa5-0159-557f-4436-096e3ffd32d3-f6fabf8c {
grid-area: 2 / 1 / 3 / 7;
}
#w-node-_3ebf7aa5-0159-557f-4436-096e3ffd32d6-f6fabf8c {
grid-area: 3 / 1 / 4 / 7;
}
#w-node-_75180e2b-0bbd-2153-0798-7247397b883f-f6fabf8c, #w-node-_64238e44-8264-5be7-867d-9568e08c2b4c-10dcffc8 {
grid-area: 1 / 1 / 2 / 9;
align-self: end;
}
#w-node-_1dc0f3a8-14f3-0a14-f2fd-ad1efcb83c6b-fcb83c67 {
grid-area: 1 / 2 / 2 / 4;
}
#w-node-_6a3e7466-2636-37d2-d15b-54cf1f5ea632-fcb83c67 {
grid-area: 1 / 2 / 2 / 6;
}
#w-node-_56de8d29-64d2-98c0-3c66-b6820bd04ca6-fcb83c67 {
grid-area: 2 / 2 / 3 / 6;
}
#w-node-_1dc0f3a8-14f3-0a14-f2fd-ad1efcb83c6f-fcb83c67 {
grid-area: 3 / 2 / 4 / 7;
}
#w-node-_1dc0f3a8-14f3-0a14-f2fd-ad1efcb83c72-fcb83c67 {
grid-area: 4 / 2 / 5 / 7;
}
#w-node-_08940332-7fd9-587d-a974-1c1074ec9181-74ec917b {
grid-area: 2 / 4 / 10 / 9;
}
#w-node-_08940332-7fd9-587d-a974-1c1074ec9196-74ec917b {
grid-area: 1 / 1 / 2 / 17;
}
#w-node-_08940332-7fd9-587d-a974-1c1074ec9199-74ec917b {
grid-area: 1 / 1 / 2 / 4;
}
#w-node-_08940332-7fd9-587d-a974-1c1074ec919c-74ec917b {
grid-area: 1 / 9 / 2 / 17;
}
#w-node-_95dc420d-e2bb-a46d-c6b4-ef3eef933a54-ef933a4e {
grid-area: 1 / 1 / 2 / 7;
}
#w-node-_95dc420d-e2bb-a46d-c6b4-ef3eef933a58-ef933a4e {
grid-area: 1 / 1 / 2 / 6;
}
#w-node-_95dc420d-e2bb-a46d-c6b4-ef3eef933a5d-ef933a4e {
grid-area: 2 / 1 / 3 / 7;
}
#w-node-_95dc420d-e2bb-a46d-c6b4-ef3eef933a5f-ef933a4e {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_95dc420d-e2bb-a46d-c6b4-ef3eef933a62-ef933a4e {
align-self: end;
}
#w-node-_95dc420d-e2bb-a46d-c6b4-ef3eef933a64-ef933a4e {
grid-area: 3 / 1 / 4 / 7;
}
#w-node-_95dc420d-e2bb-a46d-c6b4-ef3eef933a67-ef933a4e {
grid-area: 1 / 7 / 2 / 17;
}
#w-node-_95dc420d-e2bb-a46d-c6b4-ef3eef933a6c-ef933a4e {
grid-area: 1 / 1 / 2 / 5;
}
#w-node-_95dc420d-e2bb-a46d-c6b4-ef3eef933a73-ef933a4e {
grid-area: 1 / 5 / 2 / 11;
}
#w-node-_146053de-c6f3-a123-6756-ca0265ed1dc9-65ed1db8 {
grid-area: 1 / 1 / 2 / 8;
}
#w-node-_85049548-a0a9-1cdb-485e-d917b5d311e6-b5d311dd {
grid-area: 1 / 7 / 2 / 9;
}
#w-node-_85049548-a0a9-1cdb-485e-d917b5d311e8-b5d311dd {
grid-area: 2 / 1 / 3 / 8;
}
#w-node-b5e4e8e6-bda3-2ebd-a620-c081ad3c25e9-f286e5e2 {
grid-area: 1 / 2 / 2 / 9;
}
#w-node-b5e4e8e6-bda3-2ebd-a620-c081ad3c25fd-f286e5e2 {
grid-area: 1 / 9 / 4 / 17;
}
#w-node-b5e4e8e6-bda3-2ebd-a620-c081ad3c263a-f286e5e2 {
grid-area: 2 / 2 / 3 / 9;
align-self: start;
}
#w-node-b5e4e8e6-bda3-2ebd-a620-c081ad3c26b9-f286e5e2 {
grid-area: 3 / 2 / 4 / 9;
align-self: end;
}
#w-node-c7aa21be-2915-b93a-5359-0988b23eb237-f286e5e2 {
grid-area: 1 / 1 / 2 / 5;
}
#w-node-_4d5412f6-c1c3-c9fe-a424-26c2d457149d-f286e5e2 {
grid-area: 2 / 1 / 3 / 5;
align-self: end;
}
#w-node-_8b19401e-1816-7a83-d99e-aff99aaa0ec6-f286e5e3, #w-node-_8b19401e-1816-7a83-d99e-aff99aaa0eca-f286e5e3 {
grid-area: span 1 / span 16 / span 1 / span 16;
}
#w-node-_8b19401e-1816-7a83-d99e-aff99aaa0ecb-f286e5e3 {
grid-area: 3 / 2 / 4 / 16;
place-self: center stretch;
}
#w-node-_8b19401e-1816-7a83-d99e-aff99aaa0efa-f286e5e3, #w-node-_8b19401e-1816-7a83-d99e-aff99aaa0efb-f286e5e3 {
grid-area: span 1 / span 16 / span 1 / span 16;
}
#w-node-_5402636c-1175-f8b2-e192-9b4c2cf16cc8-f286e5eb {
grid-area: 1 / 1 / 11 / 14;
}
#w-node-_5402636c-1175-f8b2-e192-9b4c2cf16ccb-f286e5eb {
grid-area: 1 / 14 / 11 / 20;
}
#w-node-_5402636c-1175-f8b2-e192-9b4c2cf16cce-f286e5eb {
grid-area: 1 / 5 / 5 / 7;
}
#w-node-_5402636c-1175-f8b2-e192-9b4c2cf16cd1-f286e5eb {
grid-area: 1 / 20 / 11 / 37;
}
#w-node-_5402636c-1175-f8b2-e192-9b4c2cf16cd4-f286e5eb {
grid-area: 1 / 1 / 11 / 6;
}
#w-node-_5402636c-1175-f8b2-e192-9b4c2cf16cd6-f286e5eb {
grid-area: 7 / 5 / 9 / 10;
}
#w-node-_5402636c-1175-f8b2-e192-9b4c2cf16cdd-f286e5eb {
grid-area: 1 / 37 / 11 / 61;
}
#w-node-_5402636c-1175-f8b2-e192-9b4c2cf16cdf-f286e5eb, #w-node-_5402636c-1175-f8b2-e192-9b4c2cf16ce1-f286e5eb, #w-node-_5402636c-1175-f8b2-e192-9b4c2cf16ce3-f286e5eb, #w-node-_5402636c-1175-f8b2-e192-9b4c2cf16ce5-f286e5eb, #w-node-_5402636c-1175-f8b2-e192-9b4c2cf16ce7-f286e5eb, #w-node-_5402636c-1175-f8b2-e192-9b4c2cf16ce9-f286e5eb {
grid-area: span 10 / span 4 / span 10 / span 4;
}
#w-node-_5402636c-1175-f8b2-e192-9b4c2cf16ceb-f286e5eb {
grid-area: 1 / 61 / 11 / 70;
}
#w-node-_5402636c-1175-f8b2-e192-9b4c2cf16cec-f286e5eb {
grid-area: 1 / 70 / 11 / 83;
}
#w-node-_5402636c-1175-f8b2-e192-9b4c2cf16cef-f286e5eb {
grid-area: 1 / 83 / 11 / 95;
}
#w-node-_5402636c-1175-f8b2-e192-9b4c2cf16cf0-f286e5eb {
grid-area: 1 / 95 / 11 / 115;
}
#w-node-_5402636c-1175-f8b2-e192-9b4c2cf16cf3-f286e5eb {
grid-area: 1 / 1 / 11 / 8;
}
#w-node-_5402636c-1175-f8b2-e192-9b4c2cf16cf5-f286e5eb {
grid-area: 7 / 7 / 9 / 21;
}
#w-node-_5402636c-1175-f8b2-e192-9b4c2cf16d05-f286e5eb {
grid-area: 1 / 115 / 11 / 121;
}
#w-node-_5402636c-1175-f8b2-e192-9b4c2cf16d08-f286e5eb {
grid-area: 1 / 121 / 11 / 133;
}
#w-node-_8ce6ea4a-671e-8f10-e08a-e86c06dbffdc-f286e5eb {
grid-area: 1 / 9 / 2 / 17;
}
#w-node-_74e0d887-7935-7840-bdae-72af4edb7f6d-f286e5eb {
grid-area: 1 / 1 / 2 / 5;
}
#w-node-_74e0d887-7935-7840-bdae-72af4edb7f71-f286e5eb {
grid-area: 1 / 9 / 2 / 13;
}
#w-node-_8c630308-9687-2dab-f1d8-26e8e2ebf105-f286e5eb {
grid-area: 1 / 13 / 2 / 17;
}
#w-node-_9437be1b-6df2-5fd2-ff5d-777e7dfef3a9-f286e5eb {
grid-area: 1 / 1 / 2 / 4;
}
#w-node-_9437be1b-6df2-5fd2-ff5d-777e7dfef3ab-f286e5eb {
grid-area: 1 / 4 / 2 / 7;
}
#w-node-_9437be1b-6df2-5fd2-ff5d-777e7dfef3ad-f286e5eb {
grid-area: 1 / 7 / 2 / 11;
}
#w-node-_9437be1b-6df2-5fd2-ff5d-777e7dfef3af-f286e5eb {
grid-area: 1 / 11 / 2 / 14;
}
#w-node-_9437be1b-6df2-5fd2-ff5d-777e7dfef3b1-f286e5eb {
grid-area: 1 / 14 / 2 / 17;
}
#w-node-_9437be1b-6df2-5fd2-ff5d-777e7dfef3b3-f286e5eb {
grid-area: 1 / 17 / 2 / 20;
}
#w-node-_9437be1b-6df2-5fd2-ff5d-777e7dfef3b5-f286e5eb {
grid-area: 1 / 20 / 2 / 23;
}
#w-node-_9437be1b-6df2-5fd2-ff5d-777e7dfef3b7-f286e5eb {
grid-area: 1 / 23 / 2 / 27;
}
#w-node-_9437be1b-6df2-5fd2-ff5d-777e7dfef3b9-f286e5eb {
grid-area: 1 / 27 / 2 / 30;
}
#w-node-_9437be1b-6df2-5fd2-ff5d-777e7dfef3bb-f286e5eb {
grid-area: 1 / 30 / 2 / 33;
}
#w-node-_9437be1b-6df2-5fd2-ff5d-777e7dfef3be-f286e5eb {
grid-area: 1 / 1 / 2 / 4;
}
#w-node-_9437be1b-6df2-5fd2-ff5d-777e7dfef3c0-f286e5eb {
grid-area: 1 / 4 / 2 / 7;
}
#w-node-_9437be1b-6df2-5fd2-ff5d-777e7dfef3c2-f286e5eb {
grid-area: 1 / 7 / 2 / 11;
}
#w-node-_9437be1b-6df2-5fd2-ff5d-777e7dfef3c4-f286e5eb {
grid-area: 1 / 11 / 2 / 14;
}
#w-node-_9437be1b-6df2-5fd2-ff5d-777e7dfef3c6-f286e5eb {
grid-area: 1 / 14 / 2 / 17;
}
#w-node-_9437be1b-6df2-5fd2-ff5d-777e7dfef3c8-f286e5eb {
grid-area: 1 / 17 / 2 / 20;
}
#w-node-_9437be1b-6df2-5fd2-ff5d-777e7dfef3ca-f286e5eb {
grid-area: 1 / 20 / 2 / 23;
}
#w-node-_9437be1b-6df2-5fd2-ff5d-777e7dfef3cc-f286e5eb {
grid-area: 1 / 23 / 2 / 27;
}
#w-node-_9437be1b-6df2-5fd2-ff5d-777e7dfef3ce-f286e5eb {
grid-area: 1 / 27 / 2 / 30;
}
#w-node-_9437be1b-6df2-5fd2-ff5d-777e7dfef3d0-f286e5eb {
grid-area: 1 / 30 / 2 / 33;
}
#w-node-_442192b1-203b-5a81-11dc-dc1850ae7d1e-f286e5eb {
grid-area: 1 / 1 / 2 / 5;
}
#w-node-_442192b1-203b-5a81-11dc-dc1850ae7d22-f286e5eb {
grid-area: 1 / 9 / 2 / 17;
}
#w-node-c08d2910-ff32-e349-e84c-e62322e07778-f286e5eb {
grid-area: 1 / 1 / 3 / 4;
}
#w-node-_6f9816e5-dfce-4079-4463-6eb0a23132ed-f286e5eb {
grid-area: 2 / 4 / 3 / 9;
}
#w-node-_577066eb-ebe6-8dc7-a07a-d1241099da33-f286e5eb {
grid-area: 1 / 4 / 2 / 9;
}
#w-node-_926641d9-50ad-0c54-eb53-dcfe7b512550-f286e5eb {
grid-area: 2 / 1 / 3 / 6;
}
#w-node-b2bc55f3-053a-9a98-d898-6c6887e41649-f286e5eb {
grid-area: 3 / 8 / 4 / 10;
}
#w-node-_9d7d39e9-ba0e-f530-38e0-8da90b3f9856-f286e5eb {
grid-area: 4 / 1 / 5 / 5;
}
#w-node-_8595e7f2-1252-05a8-fa41-6f3e4bc0d1dd-f286e5eb {
grid-area: 1 / 9 / 7 / 17;
}
#w-node-_18791d51-3709-39f6-eb64-9de138207041-f286e5eb {
grid-area: 5 / 1 / 6 / 10;
}
#w-node-_854b390a-7673-2661-8f95-283c80ed3612-f286e5eb {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_713588b0-227e-d5ae-fde6-b2b56271067f-f286e5eb {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_79f7ef73-b25d-779f-dd4c-c61f02c2b74b-f286e5eb {
grid-area: 2 / 1 / 3 / 9;
}
#w-node-eefd807e-46fb-61d9-b340-369f65e782c3-f286e5eb {
grid-area: 3 / 2 / 4 / 9;
}
#w-node-_0890fc90-bf2a-fbc6-c380-e1278599b604-f286e5eb {
grid-area: 1 / 1 / 2 / 9;
}
#w-node-_0890fc90-bf2a-fbc6-c380-e1278599b60b-f286e5eb {
grid-area: 1 / 9 / 2 / 17;
}
#w-node-_0bdd5c0c-71b9-4ad1-b130-ce5b42667f3b-f286e5eb {
grid-area: 1 / 1 / 2 / 9;
}
#w-node-_3167941c-2982-1809-8e4f-a1a34a3bcfcb-f286e5eb {
grid-area: 1 / 9 / 2 / 17;
}
#w-node-_90c080da-0918-8388-2705-3eeda35ee1cb-f286e5eb {
grid-area: 1 / 1 / 2 / 5;
}
#w-node-_90c080da-0918-8388-2705-3eeda35ee1cf-f286e5eb {
grid-area: 1 / 9 / 2 / 17;
}
#w-node-_65a02a63-6613-43c6-ace7-a59801403207-f286e5eb {
grid-area: 1 / 1 / 2 / 5;
}
#w-node-_65a02a63-6613-43c6-ace7-a5980140320b-f286e5eb {
grid-area: 1 / 9 / 2 / 17;
}
#w-node-_95b8abc8-5fa1-17db-e646-23ffae8fa53d-f286e5eb {
grid-area: 1 / 1 / 2 / 5;
}
#w-node-_95b8abc8-5fa1-17db-e646-23ffae8fa541-f286e5eb {
grid-area: 1 / 9 / 2 / 17;
}
#w-node-f6e3a872-fab5-61c8-f7bb-b73b3be881ad-f286e5eb {
grid-area: 2 / 1 / 3 / 6;
align-self: end;
}
#w-node-_53aeef6d-d1ba-e307-3ee9-45634a49a5e2-f286e5eb {
grid-area: 1 / 1 / 2 / 9;
}
#w-node-_6178952b-7959-8bfc-70d3-f5fe7ac6cddc-f286e5eb {
grid-area: 1 / 9 / 2 / 17;
}
#w-node-_46b7d7eb-6f3e-2426-9c78-6b59d353bc6d-f286e5eb {
grid-area: 2 / 1 / 3 / 17;
}
#w-node-_626c279e-5ab5-e2d0-c307-a0d680a6377f-f286e5eb {
grid-area: 1 / 2 / 2 / 7;
}
#w-node-b701e135-20df-e5b0-81eb-b406bddbf00c-f286e5eb {
grid-area: 2 / 1 / 3 / 9;
}
#w-node-_78ed8b5a-c2d3-9f0a-2dfd-22a6cbb7483d-f286e5eb {
grid-area: 3 / 2 / 4 / 8;
}
#w-node-fd210d9a-262e-010c-f479-2685c2fd2a9d-f286e5eb {
grid-area: 1 / 1 / 2 / 8;
}
#w-node-_6bebd652-0fbe-e70d-c9e6-04c284181366-f286e5eb {
grid-area: 2 / 1 / 3 / 8;
}
#w-node-fd210d9a-262e-010c-f479-2685c2fd2aa8-f286e5eb {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-fd210d9a-262e-010c-f479-2685c2fd2aac-f286e5eb {
grid-area: 2 / 1 / 3 / 7;
}
#w-node-_82bef588-8880-8c75-8bd6-6ccaffcd5aad-f286e5eb {
grid-area: 1 / 1 / 2 / 8;
}
#w-node-_82bef588-8880-8c75-8bd6-6ccaffcd5ab8-f286e5eb {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_82bef588-8880-8c75-8bd6-6ccaffcd5abc-f286e5eb {
grid-area: 2 / 1 / 3 / 7;
}
#w-node-_1e372627-6e64-372a-1fa2-619cf7bc097e-f286e5eb {
grid-area: 4 / 2 / 5 / 8;
}
#w-node-bf8d704d-e090-c7ee-632b-b8d7833b63f0-833b63e5 {
grid-area: 1 / 1 / 2 / 6;
}
#w-node-bf8d704d-e090-c7ee-632b-b8d7833b63f9-833b63e5 {
grid-area: 2 / 5 / 3 / 9;
place-self: end;
}
#w-node-bf8d704d-e090-c7ee-632b-b8d7833b63fb-833b63e5 {
grid-area: 2 / 6 / 3 / 10;
place-self: start end;
}
#w-node-bf8d704d-e090-c7ee-632b-b8d7833b6411-833b63e5 {
grid-area: 2 / 9 / 3 / 13;
place-self: end;
}
#w-node-_641c65dd-5c29-b077-18d8-ee9f3cead20a-833b63e5 {
grid-area: 2 / 1 / 3 / 5;
}
#w-node-_4bdfd12f-0759-ea13-feba-0be2d81b5969-d81b5968 {
grid-area: 2 / 4 / 10 / 9;
}
#w-node-_4bdfd12f-0759-ea13-feba-0be2d81b5978-d81b5968 {
grid-area: 1 / 1 / 2 / 17;
}
#w-node-_4bdfd12f-0759-ea13-feba-0be2d81b597b-d81b5968 {
grid-area: 1 / 1 / 2 / 4;
}
#w-node-_4bdfd12f-0759-ea13-feba-0be2d81b597e-d81b5968, #w-node-_1bbb48fe-cf15-b1d0-e8d8-51631e08fcf3-d81b5968 {
grid-area: 1 / 9 / 2 / 17;
}
#w-node-_35e5470e-45f1-0f0e-4f35-72336aabf67f-6aabf679 {
grid-area: 2 / 4 / 10 / 9;
}
#w-node-_35e5470e-45f1-0f0e-4f35-72336aabf68a-6aabf679 {
grid-area: 1 / 1 / 2 / 17;
}
#w-node-_35e5470e-45f1-0f0e-4f35-72336aabf68d-6aabf679 {
grid-area: 1 / 1 / 2 / 4;
}
#w-node-_35e5470e-45f1-0f0e-4f35-72336aabf690-6aabf679 {
grid-area: 1 / 9 / 2 / 17;
}
#w-node-d8d76f09-7ac8-66be-b7e0-dd052a78c187-2a78c178 {
grid-area: 3 / 1 / 4 / 10;
align-self: end;
}
#w-node-d8d76f09-7ac8-66be-b7e0-dd052a78c18d-2a78c178 {
grid-area: 1 / 1 / 2 / 15;
}
#w-node-d8d76f09-7ac8-66be-b7e0-dd052a78c192-2a78c178 {
grid-area: 1 / 1 / 2 / 9;
}
#w-node-d8d76f09-7ac8-66be-b7e0-dd052a78c19e-2a78c178 {
grid-area: 1 / 1 / 5 / 15;
}
#w-node-d8d76f09-7ac8-66be-b7e0-dd052a78c1a3-2a78c178 {
grid-area: 1 / 1 / 2 / 9;
}
#w-node-d8d76f09-7ac8-66be-b7e0-dd052a78c1af-2a78c178 {
grid-area: 1 / 1 / 5 / 15;
}
#w-node-d8d76f09-7ac8-66be-b7e0-dd052a78c1b4-2a78c178 {
grid-area: 1 / 1 / 2 / 9;
}
#w-node-d8d76f09-7ac8-66be-b7e0-dd052a78c1c3-2a78c178 {
grid-area: 1 / 2 / 2 / 14;
}
#w-node-d8d76f09-7ac8-66be-b7e0-dd052a78c1cd-2a78c178 {
grid-area: 2 / 1 / 3 / 15;
}
#w-node-d8d76f09-7ac8-66be-b7e0-dd052a78c1cf-2a78c178 {
grid-area: 2 / 2 / 3 / 10;
align-self: end;
}
#w-node-d8d76f09-7ac8-66be-b7e0-dd052a78c1d6-2a78c178 {
grid-area: 1 / 10 / 3 / 15;
}
#w-node-d8d76f09-7ac8-66be-b7e0-dd052a78c1de-2a78c178 {
grid-area: 1 / 1 / 2 / 10;
}
#w-node-d8d76f09-7ac8-66be-b7e0-dd052a78c1e2-2a78c178 {
grid-area: 1 / 10 / 2 / 15;
}
#w-node-d8d76f09-7ac8-66be-b7e0-dd052a78c1fd-2a78c178 {
grid-area: 1 / 1 / 4 / 6;
}
#w-node-d8d76f09-7ac8-66be-b7e0-dd052a78c200-2a78c178 {
grid-area: 1 / 6 / 2 / 12;
}
#w-node-d8d76f09-7ac8-66be-b7e0-dd052a78c205-2a78c178 {
grid-area: 3 / 6 / 4 / 14;
align-self: end;
}
#w-node-d8d76f09-7ac8-66be-b7e0-dd052a78c215-2a78c178 {
grid-area: 1 / 2 / 2 / 14;
}
#w-node-d8d76f09-7ac8-66be-b7e0-dd052a78c221-2a78c178 {
grid-area: 1 / 2 / 2 / 6;
}
#w-node-d8d76f09-7ac8-66be-b7e0-dd052a78c227-2a78c178 {
grid-area: 1 / 6 / 2 / 10;
}
#w-node-d8d76f09-7ac8-66be-b7e0-dd052a78c22d-2a78c178 {
grid-area: 1 / 10 / 2 / 14;
}
#w-node-d8d76f09-7ac8-66be-b7e0-dd052a78c242-2a78c178 {
grid-area: 1 / 1 / 3 / 11;
}
#w-node-d8d76f09-7ac8-66be-b7e0-dd052a78c245-2a78c178 {
grid-area: 1 / 11 / 3 / 14;
}
#w-node-d8d76f09-7ac8-66be-b7e0-dd052a78c253-2a78c178 {
grid-area: 1 / 2 / 2 / 5;
}
#w-node-d8d76f09-7ac8-66be-b7e0-dd052a78c256-2a78c178 {
grid-area: 1 / 5 / 3 / 8;
}
#w-node-d8d76f09-7ac8-66be-b7e0-dd052a78c259-2a78c178 {
grid-area: 1 / 9 / 3 / 13;
}
#w-node-d8d76f09-7ac8-66be-b7e0-dd052a78c29d-2a78c178, #w-node-d8d76f09-7ac8-66be-b7e0-dd052a78c2aa-2a78c178 {
grid-area: 3 / 1 / 4 / 10;
align-self: end;
}
#w-node-_1a66f600-28ce-a790-5ff1-a47ff4317f78-f286e6e7 {
grid-area: 1 / 1 / 11 / 14;
}
#w-node-_1a66f600-28ce-a790-5ff1-a47ff4317f7b-f286e6e7 {
grid-area: 1 / 14 / 11 / 20;
}
#w-node-_1a66f600-28ce-a790-5ff1-a47ff4317f7e-f286e6e7 {
grid-area: 1 / 5 / 5 / 7;
}
#w-node-_1a66f600-28ce-a790-5ff1-a47ff4317f81-f286e6e7 {
grid-area: 1 / 20 / 11 / 37;
}
#w-node-_1a66f600-28ce-a790-5ff1-a47ff4317f84-f286e6e7 {
grid-area: 1 / 1 / 11 / 6;
}
#w-node-_1a66f600-28ce-a790-5ff1-a47ff4317f86-f286e6e7 {
grid-area: 7 / 5 / 9 / 10;
}
#w-node-_1a66f600-28ce-a790-5ff1-a47ff4317f8d-f286e6e7 {
grid-area: 1 / 37 / 11 / 61;
}
#w-node-_1a66f600-28ce-a790-5ff1-a47ff4317f8f-f286e6e7, #w-node-_1a66f600-28ce-a790-5ff1-a47ff4317f91-f286e6e7, #w-node-_1a66f600-28ce-a790-5ff1-a47ff4317f93-f286e6e7, #w-node-_1a66f600-28ce-a790-5ff1-a47ff4317f95-f286e6e7, #w-node-_1a66f600-28ce-a790-5ff1-a47ff4317f97-f286e6e7, #w-node-_1a66f600-28ce-a790-5ff1-a47ff4317f99-f286e6e7 {
grid-area: span 10 / span 4 / span 10 / span 4;
}
#w-node-_1a66f600-28ce-a790-5ff1-a47ff4317f9b-f286e6e7 {
grid-area: 1 / 61 / 11 / 70;
}
#w-node-_1a66f600-28ce-a790-5ff1-a47ff4317f9c-f286e6e7 {
grid-area: 1 / 70 / 11 / 83;
}
#w-node-_1a66f600-28ce-a790-5ff1-a47ff4317f9f-f286e6e7 {
grid-area: 1 / 83 / 11 / 95;
}
#w-node-_1a66f600-28ce-a790-5ff1-a47ff4317fa0-f286e6e7 {
grid-area: 1 / 95 / 11 / 115;
}
#w-node-_1a66f600-28ce-a790-5ff1-a47ff4317fa3-f286e6e7 {
grid-area: 1 / 1 / 11 / 8;
}
#w-node-_1a66f600-28ce-a790-5ff1-a47ff4317fa5-f286e6e7 {
grid-area: 7 / 7 / 9 / 21;
}
#w-node-_1a66f600-28ce-a790-5ff1-a47ff4317fb5-f286e6e7 {
grid-area: 1 / 115 / 11 / 121;
}
#w-node-_1a66f600-28ce-a790-5ff1-a47ff4317fb8-f286e6e7 {
grid-area: 1 / 121 / 11 / 133;
}
#w-node-_3a3df9d8-81a0-de85-f035-fb6afc74d92f-f286e6e8 {
grid-area: 1 / 1 / 2 / 8;
}
#w-node-_3a3df9d8-81a0-de85-f035-fb6afc74d937-f286e6e8 {
grid-area: 1 / 8 / 2 / 14;
}
#w-node-dd6d3dbb-7d76-1737-a607-5e775755a36f-f286e6e8 {
grid-area: 1 / 2 / 2 / 6;
}
#w-node-_3a3df9d8-81a0-de85-f035-fb6afc74d939-f286e6e8 {
grid-area: 2 / 1 / 2 / 7;
}
#w-node-_3badf3e6-e057-ee5f-1698-e3ca2a6e77b5-2a6e77b1 {
grid-area: 2 / 2 / 4 / 8;
}
#w-node-_3badf3e6-e057-ee5f-1698-e3ca2a6e77fb-2a6e77b1 {
grid-area: 1 / 8 / 5 / 15;
}
#w-node-_3badf3e6-e057-ee5f-1698-e3ca2a6e781d-2a6e77b1 {
grid-area: 2 / 2 / 3 / 8;
}
#w-node-_3badf3e6-e057-ee5f-1698-e3ca2a6e7835-2a6e77b1 {
grid-area: 2 / 6 / 3 / 8;
}
#w-node-_2d910943-cb36-33e3-98db-a4733dc3b9b1-3dc3b9a6 {
grid-area: 1 / 1 / 2 / 6;
}
#w-node-_2d910943-cb36-33e3-98db-a4733dc3b9c5-3dc3b9a6 {
grid-area: 2 / 5 / 3 / 9;
place-self: end;
}
#w-node-_2d910943-cb36-33e3-98db-a4733dc3b9c7-3dc3b9a6 {
grid-area: 2 / 6 / 3 / 10;
place-self: start end;
}
#w-node-_2d910943-cb36-33e3-98db-a4733dc3b9f1-3dc3b9a6 {
grid-area: 2 / 9 / 3 / 13;
place-self: end;
}
#w-node-_2d910943-cb36-33e3-98db-a4733dc3ba15-3dc3b9a6 {
grid-area: 2 / 1 / 3 / 5;
align-self: end;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae77970d1-e77970c9 {
grid-area: 1 / 1 / 5 / 8;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae77970d4-e77970c9 {
grid-area: 2 / 1 / 3 / 8;
align-self: end;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae77970e1-e77970c9 {
grid-area: 3 / 1 / 4 / 8;
align-self: end;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae77970e5-e77970c9 {
grid-area: 4 / 2 / 5 / 8;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae77970e7-e77970c9 {
grid-area: 1 / 8 / 5 / 15;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae7797125-e77970c9 {
grid-area: 1 / 1 / 5 / 8;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae7797128-e77970c9 {
grid-area: 2 / 1 / 3 / 8;
align-self: end;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae7797133-e77970c9 {
grid-area: 3 / 1 / 4 / 8;
align-self: end;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae7797138-e77970c9 {
grid-area: 4 / 2 / 5 / 8;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae7797145-e77970c9 {
grid-area: 1 / 8 / 5 / 15;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae7797183-e77970c9 {
grid-area: 1 / 1 / 5 / 8;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae7797186-e77970c9 {
grid-area: 2 / 1 / 3 / 8;
align-self: end;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae7797193-e77970c9 {
grid-area: 3 / 1 / 4 / 8;
align-self: end;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae7797197-e77970c9 {
grid-area: 4 / 2 / 5 / 8;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae7797199-e77970c9 {
grid-area: 1 / 8 / 5 / 15;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae77971d7-e77970c9 {
grid-area: 1 / 1 / 5 / 8;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae77971da-e77970c9 {
grid-area: 2 / 1 / 3 / 8;
align-self: end;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae77971e5-e77970c9 {
grid-area: 3 / 1 / 4 / 8;
align-self: end;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae77971e9-e77970c9 {
grid-area: 4 / 2 / 5 / 8;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae77971f6-e77970c9 {
grid-area: 1 / 8 / 5 / 15;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae7797234-e77970c9 {
grid-area: 1 / 1 / 5 / 8;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae7797237-e77970c9 {
grid-area: 2 / 1 / 3 / 8;
align-self: end;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae7797244-e77970c9 {
grid-area: 3 / 1 / 4 / 8;
align-self: end;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae7797247-e77970c9 {
grid-area: 4 / 2 / 5 / 8;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae7797249-e77970c9 {
grid-area: 1 / 8 / 5 / 15;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae7797286-e77970c9 {
grid-area: 1 / 1 / 5 / 8;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae7797289-e77970c9 {
grid-area: 2 / 1 / 3 / 8;
align-self: end;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae7797294-e77970c9 {
grid-area: 3 / 1 / 4 / 8;
align-self: end;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae7797299-e77970c9 {
grid-area: 4 / 2 / 5 / 8;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae77972a6-e77970c9 {
grid-area: 1 / 8 / 5 / 15;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae77972e4-e77970c9 {
grid-area: 1 / 1 / 5 / 8;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae77972e7-e77970c9 {
grid-area: 2 / 1 / 3 / 8;
align-self: end;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae77972f4-e77970c9 {
grid-area: 3 / 1 / 4 / 8;
align-self: end;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae77972f7-e77970c9 {
grid-area: 4 / 2 / 5 / 8;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae77972f9-e77970c9 {
grid-area: 1 / 8 / 5 / 15;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae7797336-e77970c9 {
grid-area: 1 / 1 / 5 / 8;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae7797339-e77970c9 {
grid-area: 2 / 1 / 3 / 8;
align-self: end;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae7797344-e77970c9 {
grid-area: 3 / 1 / 4 / 8;
align-self: end;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae7797349-e77970c9 {
grid-area: 4 / 2 / 5 / 8;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae7797356-e77970c9 {
grid-area: 1 / 8 / 5 / 15;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae7797395-e77970c9 {
grid-area: 1 / 1 / 5 / 8;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae7797398-e77970c9 {
grid-area: 2 / 1 / 3 / 8;
align-self: end;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae77973a5-e77970c9 {
grid-area: 3 / 1 / 4 / 8;
align-self: end;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae77973a9-e77970c9 {
grid-area: 4 / 2 / 5 / 8;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae77973ab-e77970c9 {
grid-area: 1 / 8 / 5 / 15;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae77973e9-e77970c9 {
grid-area: 1 / 1 / 5 / 8;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae77973ec-e77970c9 {
grid-area: 2 / 1 / 3 / 8;
align-self: end;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae77973f7-e77970c9 {
grid-area: 3 / 1 / 4 / 8;
align-self: end;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae77973fc-e77970c9 {
grid-area: 4 / 2 / 5 / 8;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae7797409-e77970c9 {
grid-area: 1 / 8 / 5 / 15;
}
#w-node-a88886cb-5f1b-35cd-1769-57a9afe2409b-f286e6eb, #w-node-d0106ffd-4e08-7418-9ee9-c4fb29526422-f286e6eb, #w-node-_9ed16773-b09c-fa93-d091-a8a01d38830c-f286e6eb, #w-node-_1cb99b00-ead1-35ec-c5a7-eec4f203b624-f286e6eb {
grid-area: 1 / 2 / 2 / 14;
}
#w-node-_30cebd71-7f7c-62aa-4ee3-990e437a7aa5-f286e6eb, #w-node-_01aba420-135e-4ef0-c723-1bdf42e021bb-f286e6eb {
grid-area: 1 / 1 / 2 / 15;
}
#w-node-_1df9e357-5852-9143-2117-ed02ccd4b1cd-f286e6eb {
grid-area: 1 / 2 / 2 / 14;
}
#w-node-_75ccd43d-af51-c7cc-1515-94a0e21f803e-f286e6eb, #w-node-_07a6a566-2d96-9523-0d5a-dbb62906af9a-f286e6eb, #w-node-_8df67c34-0a49-e20b-b086-0bc4b9e4b4d9-f286e6eb, #w-node-_7821d3a3-ca84-2368-a661-8f451000b354-f286e6eb {
grid-area: 1 / 1 / 2 / 15;
}
#w-node-d148875e-d6e3-ff99-d04d-78200df0a7e5-f286e6eb, #w-node-_90a8a0ae-54a7-9524-34b4-1be694f8c41a-f286e6eb, #w-node-_884658e0-eaeb-024e-c0b4-9811ac4bf2db-f286e6eb, #w-node-_6df9be70-60a0-210a-6316-486336b52229-f286e6ef {
grid-area: 1 / 2 / 2 / 14;
}
#w-node-_2496ef5c-81b6-bb79-14eb-3e54ab300337-f286e6ef {
grid-area: 1 / 2 / 2 / 7;
}
#w-node-_1a43d20f-ef54-2e4d-354f-96d78834e3be-f286e6ef {
grid-area: 1 / 2 / 2 / 14;
}
#w-node-_19a01ce1-2dd0-da83-5eb8-1d3ef9c576fa-f286e6ef {
grid-area: 1 / 2 / 2 / 7;
}
#w-node-_19a01ce1-2dd0-da83-5eb8-1d3ef9c576fb-f286e6ef {
grid-area: 1 / 2 / 2 / 14;
}
#w-node-de21168e-952f-2083-41fc-cc7c6be0df07-f286e6ef {
grid-area: 1 / 2 / 2 / 7;
}
#w-node-de21168e-952f-2083-41fc-cc7c6be0df08-f286e6ef, #w-node-ee1f9069-8a51-c38b-c838-5504b6df1b0e-f286e6ef {
grid-area: 1 / 2 / 2 / 14;
}
#w-node-_6a202d28-1ca0-feea-b526-71d133e9f370-f286e6ef {
grid-area: 1 / 1 / 2 / 4;
}
#w-node-b5e8e777-b1ec-6907-25d8-438f9237c749-f286e6ef {
grid-area: 1 / 7 / 2 / 10;
}
#w-node-_3280678b-69c8-8e4e-11b8-a2ee9a86b760-f286e6ef {
grid-area: 1 / 10 / 2 / 13;
}
#w-node-ac9ae9af-3e40-e9c7-0092-9560bff2e395-f286e6ef {
grid-area: 2 / 2 / 3 / 14;
}
#w-node-_3db25cfe-5dad-0057-1cdd-eb8655aa5e75-f286e6ef {
grid-area: 1 / 2 / 2 / 7;
}
#w-node-_3db25cfe-5dad-0057-1cdd-eb8655aa5e76-f286e6ef, #w-node-e30963e4-f329-6bcb-09fd-4bdfe6b8b7bf-f286e6ef {
grid-area: 1 / 2 / 2 / 14;
}
#w-node-_91808460-5fbc-c82b-e179-a73238b574ef-f286e6ef {
grid-area: 2 / 2 / 3 / 7;
}
#w-node-_91808460-5fbc-c82b-e179-a73238b574f0-f286e6ef {
grid-area: 1 / 2 / 2 / 14;
}
#w-node-_0436fac3-1608-aaf7-ef02-f77555e5ea8c-f286e6ef {
grid-area: 1 / 2 / 2 / 5;
align-self: end;
}
#w-node-_0ab22f6d-19fc-36b6-7aab-d7236b155688-f286e6ef {
grid-area: 1 / 8 / 2 / 14;
}
#w-node-c65ca7bd-ff0a-d4d6-650a-75f436bad6cd-36bad6cd {
grid-area: 1 / 2 / 2 / 14;
}
@media screen and (max-width: 991px) {
#w-node-a3d89439-85b5-2e51-7226-dd60c83a9c16-f286e5bc {
grid-column-end: 5;
}
#w-node-_0ca924a9-fc52-aece-78c7-5a1cee8a2fe9-f286e5bc {
grid-area: 3 / 1 / 4 / 5;
align-self: start;
}
#w-node-d3de98ef-3713-fbca-1a03-31cb8164481c-f286e5bc {
grid-column-end: 5;
align-self: end;
}
#w-node-_0d7983ca-ae6c-34b8-4697-ad57268175b7-f286e5bc {
grid-column: 1 / 5;
}
#w-node-_6d37ae48-118c-d756-365c-c6cef3b6f968-f286e5bc {
grid-column-end: 5;
}
#w-node-_94a25a9b-a397-b2f8-961b-4b50d37b3549-f286e5bc {
justify-self: start;
}
#w-node-dfb014a7-31e8-fc90-7250-406362cff913-f286e5bc {
grid-row: 2 / 3;
grid-column-end: 5;
align-self: end;
}
#w-node-e3b06a2e-8d09-a861-3b16-e6f73ffd0fe3-f286e5bc {
grid-area: 1 / 1 / 2 / 3;
align-self: center;
}
#w-node-dfb014a7-31e8-fc90-7250-406362cff921-f286e5bc {
grid-column: 3 / 5;
justify-self: start;
}
#w-node-_8be094bf-22d6-bb35-869b-7dd0ddb427ee-f286e5bc {
grid-column: 1 / 5;
align-self: start;
}
#w-node-b69c6298-8fb9-953f-077d-68d034e2e9c0-f286e5bc, #w-node-b69c6298-8fb9-953f-077d-68d034e2e9c6-f286e5bc {
grid-column-end: 6;
}
#w-node-_1b576151-f4c7-3601-6209-24c8bdae7bd1-f286e5bc {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-edd53913-3dd0-e5e0-ff76-aef849b08dde-f286e5bc {
grid-column-end: 5;
}
#w-node-_59060940-b389-a530-8d42-82767e2e82ec-f286e5bc {
grid-area: 1 / 2 / 2 / 6;
}
#w-node-_21c4f4cf-d5a9-f129-c986-70ab8249d50c-f286e5bc {
grid-column: 1 / 7;
grid-row-start: 2;
}
#w-node-edd53913-3dd0-e5e0-ff76-aef849b08de4-f286e5bc {
grid-column-end: 5;
}
#w-node-edd53913-3dd0-e5e0-ff76-aef849b08de9-f286e5bc, #w-node-_9d3d0d95-90d9-d8de-2f13-239a0f4bb3af-f286e5bc {
grid-column: 1 / 5;
}
#w-node-_9d3d0d95-90d9-d8de-2f13-239a0f4bb3b4-f286e5bc, #w-node-c3a42b2e-0245-6465-c332-c972fd39ec33-f286e5bc {
grid-column: 2 / 6;
}
#w-node-c3a42b2e-0245-6465-c332-c972fd39ec2e-f286e5bc {
grid-column: 1 / 5;
}
#w-node-edd53913-3dd0-e5e0-ff76-aef849b08e1a-f286e5bc, #w-node-edd53913-3dd0-e5e0-ff76-aef849b08e26-f286e5bc {
grid-column-end: 6;
}
#w-node-edd53913-3dd0-e5e0-ff76-aef849b08e2d-f286e5bc {
grid-area: 1 / 2 / 2 / 6;
}
#w-node-edd53913-3dd0-e5e0-ff76-aef849b08e35-f286e5bc {
grid-column-end: 7;
}
#w-node-edd53913-3dd0-e5e0-ff76-aef849b08e39-f286e5bc {
grid-area: 2 / 1 / 3 / 7;
}
#w-node-edd53913-3dd0-e5e0-ff76-aef849b08e57-f286e5bc {
grid-area: 1 / 2 / 2 / 6;
}
#w-node-edd53913-3dd0-e5e0-ff76-aef849b08e54-f286e5bc {
grid-row: 3 / 4;
grid-column-end: 7;
}
#w-node-edd53913-3dd0-e5e0-ff76-aef849b08e5c-f286e5bc {
grid-area: 2 / 2 / 3 / 6;
}
#w-node-edd53913-3dd0-e5e0-ff76-aef849b08e99-f286e5bc {
grid-row-end: 2;
grid-column-end: 7;
}
#w-node-edd53913-3dd0-e5e0-ff76-aef849b08e9c-f286e5bc {
grid-column: 4 / 6;
grid-row-start: 2;
}
#w-node-edd53913-3dd0-e5e0-ff76-aef849b08ead-f286e5bc {
grid-column: 2 / 4;
grid-row-start: 2;
}
#w-node-edd53913-3dd0-e5e0-ff76-aef849b08eb0-f286e5bc {
grid-column: 4 / 6;
}
#w-node-a81b7c44-dc8a-eba0-6eed-fdaebf052bdc-f286e5bc, #w-node-e9a182ef-745c-023f-e9cf-a9cee85218d5-f286e5bc {
grid-column-end: 6;
}
#w-node-_569d7ae9-6c84-3e5b-a1b0-40a3ece14991-f286e5bc, #w-node-_32cd3ce3-4bcd-29d1-f598-d88c074e0175-074e0174 {
grid-column: 2 / 6;
}
#w-node-_8c0c0d41-1b15-c736-12e3-965b33f44b4d-33f44b37, #w-node-_8c0c0d41-1b15-c736-12e3-965b33f44b53-33f44b37, #w-node-_8c0c0d41-1b15-c736-12e3-965b33f44b59-33f44b37, #w-node-_8c0c0d41-1b15-c736-12e3-965b33f44b66-33f44b37, #w-node-_8c0c0d41-1b15-c736-12e3-965b33f44b72-33f44b37, #w-node-_8c0c0d41-1b15-c736-12e3-965b33f44b78-33f44b37, #w-node-_8c0c0d41-1b15-c736-12e3-965b33f44b7e-33f44b37, #w-node-_8c0c0d41-1b15-c736-12e3-965b33f44b84-33f44b37, #w-node-_8c0c0d41-1b15-c736-12e3-965b33f44b8a-33f44b37, #w-node-_8c0c0d41-1b15-c736-12e3-965b33f44b96-33f44b37, #w-node-_8c0c0d41-1b15-c736-12e3-965b33f44b9c-33f44b37, #w-node-_8c0c0d41-1b15-c736-12e3-965b33f44ba3-33f44b37, #w-node-_8c0c0d41-1b15-c736-12e3-965b33f44bb2-33f44b37, #w-node-_8c0c0d41-1b15-c736-12e3-965b33f44bb8-33f44b37 {
grid-column-start: 2;
}
#w-node-_4d6c8309-857f-5f9a-d69e-e04d8a8032a9-8a8032a6 {
grid-column-end: 5;
}
#w-node-_4d6c8309-857f-5f9a-d69e-e04d8a8032ae-8a8032a6 {
grid-area: 1 / 1 / 2 / 13;
}
#w-node-_4d6c8309-857f-5f9a-d69e-e04d8a8032bc-8a8032a6 {
grid-area: 2 / 1 / 3 / 13;
align-self: start;
}
#w-node-_4d6c8309-857f-5f9a-d69e-e04d8a8032e3-8a8032a6 {
grid-column-end: 5;
place-self: start end;
}
#w-node-_4d6c8309-857f-5f9a-d69e-e04d8a8032ea-8a8032a6 {
grid-area: 2 / 1 / 3 / 5;
}
#w-node-_4d6c8309-857f-5f9a-d69e-e04d8a8032ee-8a8032a6 {
grid-column: 1 / 5;
}
#w-node-_5f0226e0-1994-6593-c784-86bf33e10e17-33e10e17 {
grid-area: 1 / 2 / 2 / 6;
align-self: end;
}
#w-node-bd7cf27d-206d-9d16-27b8-6c436f283ab2-6f283aa6 {
grid-column: 1 / 5;
grid-row-end: 3;
align-self: start;
}
#w-node-_76643952-8787-ce43-97bb-24e528b2205d-6f283aa6, #w-node-bd7cf27d-206d-9d16-27b8-6c436f283aba-6f283aa6 {
grid-column-end: 5;
}
#w-node-_3763ae0c-2c18-3b57-d783-9b1031abbbc6-31abbb97 {
grid-row-end: 2;
grid-column-end: 7;
}
#w-node-_3763ae0c-2c18-3b57-d783-9b1031abbbc9-31abbb97 {
grid-area: 2 / 2 / 3 / 4;
}
#w-node-_3763ae0c-2c18-3b57-d783-9b1031abbbcd-31abbb97 {
grid-area: 2 / 4 / 3 / 6;
}
#w-node-_3763ae0c-2c18-3b57-d783-9b1031abbbcf-31abbb97 {
grid-area: 3 / 2 / 4 / 6;
}
#w-node-_3763ae0c-2c18-3b57-d783-9b1031abbbdc-31abbb97 {
grid-row-end: 2;
grid-column-end: 7;
}
#w-node-_3763ae0c-2c18-3b57-d783-9b1031abbbdf-31abbb97 {
grid-area: 2 / 2 / 3 / 4;
align-self: end;
}
#w-node-_3763ae0c-2c18-3b57-d783-9b1031abbbe3-31abbb97 {
grid-column: 3 / 6;
}
#w-node-_0a14fefc-d738-fe27-54fe-93ee03d28d18-03d28d13 {
grid-row-start: 2;
grid-column-end: 5;
}
#w-node-_0ffd69fd-21c9-32b5-54ce-96157626d89d-03d28d13 {
grid-column: 1 / 5;
grid-row-end: 2;
}
#w-node-c7bc2e90-8d9c-9b2f-372c-ce3788527df1-1c0b7530 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_0547d328-5cdd-08b9-0a17-c00ef6fcd118-1c0b7530 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_5cb52cfa-a5b8-d0b3-bc7b-84fcbfd88e49-1c0b7530 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_5cb52cfa-a5b8-d0b3-bc7b-84fcbfd88e4d-1c0b7530 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-ac63d96b-a66a-076a-a431-18f3035e1772-035e1767 {
grid-column-end: 5;
}
#w-node-ac63d96b-a66a-076a-a431-18f3035e1788-035e1767 {
grid-column: 1 / 5;
grid-row-start: 2;
}
#w-node-ac63d96b-a66a-076a-a431-18f3035e17bb-035e1767 {
grid-column: 1 / 5;
}
#w-node-ea27ccec-e315-354e-ced5-d38f21d69e74-21d69e70 {
grid-column-end: 7;
}
#w-node-ea27ccec-e315-354e-ced5-d38f21d69eab-21d69e70 {
grid-column: 3 / 5;
}
#w-node-ea27ccec-e315-354e-ced5-d38f21d69eb0-21d69e70 {
grid-area: 1 / 13 / 2 / 17;
}
#w-node-ea27ccec-e315-354e-ced5-d38f21d69eb7-21d69e70 {
grid-area: 1 / 5 / 2 / 7;
}
#w-node-ea27ccec-e315-354e-ced5-d38f21d69ebc-21d69e70 {
grid-column-end: 7;
}
#w-node-ea27ccec-e315-354e-ced5-d38f21d69ed5-21d69e70 {
grid-column: 2 / 3;
}
#w-node-ea27ccec-e315-354e-ced5-d38f21d69ed9-21d69e70 {
grid-column: 1 / 7;
}
#w-node-ea27ccec-e315-354e-ced5-d38f21d69eec-21d69e70 {
grid-column: 1 / 7;
grid-row-start: 4;
}
#w-node-ea27ccec-e315-354e-ced5-d38f21d69f15-21d69e70 {
grid-column: 2 / 5;
}
#w-node-d971c1c5-768c-2974-a12d-d3c6a9e73c71-21d69e70 {
grid-column-end: 6;
}
#w-node-_03cb6ec0-83f5-4420-5346-42f0670c0cb4-670c0cb4 {
grid-column: 2 / 6;
}
#w-node-b084b9c2-1ec9-7049-58f8-5c564ee9a8fc-f286e5df {
grid-area: 7 / 1 / 8 / 5;
}
#w-node-_771e8ead-05a5-217a-0264-28efbdd92deb-f286e5df {
grid-area: 1 / 1 / 2 / 5;
}
#w-node-_2b049888-94f1-ad1f-5b1f-16dd2f812c7e-f286e5df {
grid-area: 8 / 1 / 9 / 5;
}
#w-node-e507bdd4-0133-0f96-8dd3-fee90dc4e2f3-f286e5df {
grid-area: 9 / 1 / 10 / 5;
}
#w-node-ad96f8cb-dfc0-1a9f-d8c2-31352b6ae66f-f286e5df {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-ad96f8cb-dfc0-1a9f-d8c2-31352b6ae679-f286e5df {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-e032fbe4-80f0-3938-9996-354c11fce115-f286e5df {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-e032fbe4-80f0-3938-9996-354c11fce132-f286e5df {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_1dc0f3a8-14f3-0a14-f2fd-ad1efcb83c6b-fcb83c67 {
grid-column: 4 / 6;
justify-self: end;
}
#w-node-_6a3e7466-2636-37d2-d15b-54cf1f5ea632-fcb83c67 {
grid-column-end: 4;
align-self: end;
}
#w-node-_1dc0f3a8-14f3-0a14-f2fd-ad1efcb83c6f-fcb83c67, #w-node-_1dc0f3a8-14f3-0a14-f2fd-ad1efcb83c72-fcb83c67 {
grid-column-end: 6;
}
#w-node-_08940332-7fd9-587d-a974-1c1074ec9181-74ec917b {
grid-area: 1 / 2 / 6 / 5;
}
#w-node-_08940332-7fd9-587d-a974-1c1074ec9196-74ec917b, #w-node-_08940332-7fd9-587d-a974-1c1074ec9199-74ec917b {
grid-column-end: 5;
}
#w-node-_08940332-7fd9-587d-a974-1c1074ec919c-74ec917b {
grid-area: 2 / 1 / 3 / 5;
}
#w-node-b5e4e8e6-bda3-2ebd-a620-c081ad3c263a-f286e5e2 {
grid-column: 1 / 9;
}
#w-node-_8ce6ea4a-671e-8f10-e08a-e86c06dbffdc-f286e5eb, #w-node-_74e0d887-7935-7840-bdae-72af4edb7f71-f286e5eb {
grid-area: 2 / 1 / 3 / 5;
}
#w-node-_8c630308-9687-2dab-f1d8-26e8e2ebf105-f286e5eb {
grid-area: 3 / 1 / 4 / 5;
}
#w-node-_442192b1-203b-5a81-11dc-dc1850ae7d22-f286e5eb {
grid-area: 2 / 1 / 3 / 5;
}
#w-node-c08d2910-ff32-e349-e84c-e62322e07778-f286e5eb {
grid-row: 1 / 2;
grid-column-end: 3;
}
#w-node-_6f9816e5-dfce-4079-4463-6eb0a23132ed-f286e5eb {
grid-area: 3 / 1 / 4 / 5;
}
#w-node-_577066eb-ebe6-8dc7-a07a-d1241099da33-f286e5eb {
grid-area: 2 / 1 / 3 / 5;
}
#w-node-_926641d9-50ad-0c54-eb53-dcfe7b512550-f286e5eb {
grid-row: 1 / 2;
grid-column-end: 5;
}
#w-node-b2bc55f3-053a-9a98-d898-6c6887e41649-f286e5eb {
grid-area: 4 / 1 / 5 / 5;
}
#w-node-_9d7d39e9-ba0e-f530-38e0-8da90b3f9856-f286e5eb {
grid-row: 3 / 4;
}
#w-node-_8595e7f2-1252-05a8-fa41-6f3e4bc0d1dd-f286e5eb {
grid-area: 4 / 1 / 5 / 5;
}
#w-node-_18791d51-3709-39f6-eb64-9de138207041-f286e5eb {
grid-row: 7 / 8;
grid-column-end: 5;
}
#w-node-_713588b0-227e-d5ae-fde6-b2b56271067f-f286e5eb {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_79f7ef73-b25d-779f-dd4c-c61f02c2b74b-f286e5eb {
grid-row: 1 / 2;
grid-column-end: 5;
}
#w-node-eefd807e-46fb-61d9-b340-369f65e782c3-f286e5eb, #w-node-_90c080da-0918-8388-2705-3eeda35ee1cf-f286e5eb, #w-node-_65a02a63-6613-43c6-ace7-a5980140320b-f286e5eb, #w-node-_95b8abc8-5fa1-17db-e646-23ffae8fa541-f286e5eb {
grid-area: 2 / 1 / 3 / 5;
}
#w-node-bf8d704d-e090-c7ee-632b-b8d7833b63f0-833b63e5 {
grid-column-end: 5;
}
#w-node-bf8d704d-e090-c7ee-632b-b8d7833b63f9-833b63e5 {
grid-column: 1 / 5;
grid-row-start: 12;
}
#w-node-bf8d704d-e090-c7ee-632b-b8d7833b6411-833b63e5 {
grid-column: 1 / 5;
}
#w-node-_4bdfd12f-0759-ea13-feba-0be2d81b5969-d81b5968 {
grid-area: 1 / 2 / 6 / 5;
}
#w-node-_4bdfd12f-0759-ea13-feba-0be2d81b5978-d81b5968 {
grid-column-end: 5;
}
#w-node-_4bdfd12f-0759-ea13-feba-0be2d81b597b-d81b5968 {
grid-area: 1 / 1 / 2 / 3;
justify-self: start;
}
#w-node-_4bdfd12f-0759-ea13-feba-0be2d81b597e-d81b5968 {
grid-area: 2 / 1 / 3 / 5;
}
#w-node-_1bbb48fe-cf15-b1d0-e8d8-51631e08fcf3-d81b5968 {
grid-area: 1 / 1 / 2 / 5;
}
#w-node-d8d76f09-7ac8-66be-b7e0-dd052a78c187-2a78c178, #w-node-d8d76f09-7ac8-66be-b7e0-dd052a78c18d-2a78c178 {
grid-column-end: 5;
}
#w-node-d8d76f09-7ac8-66be-b7e0-dd052a78c192-2a78c178 {
grid-column: 1 / 5;
}
#w-node-d8d76f09-7ac8-66be-b7e0-dd052a78c1c3-2a78c178, #w-node-d8d76f09-7ac8-66be-b7e0-dd052a78c1cf-2a78c178 {
grid-column-end: 6;
}
#w-node-d8d76f09-7ac8-66be-b7e0-dd052a78c1d6-2a78c178 {
grid-area: 1 / 2 / 2 / 6;
}
#w-node-d8d76f09-7ac8-66be-b7e0-dd052a78c1de-2a78c178 {
grid-column-end: 7;
}
#w-node-d8d76f09-7ac8-66be-b7e0-dd052a78c1e2-2a78c178 {
grid-area: 2 / 1 / 3 / 7;
}
#w-node-d8d76f09-7ac8-66be-b7e0-dd052a78c1fd-2a78c178 {
grid-row: 2 / 3;
grid-column-end: 7;
}
#w-node-d8d76f09-7ac8-66be-b7e0-dd052a78c200-2a78c178 {
grid-area: 1 / 2 / 2 / 6;
}
#w-node-d8d76f09-7ac8-66be-b7e0-dd052a78c205-2a78c178 {
grid-column: 2 / 6;
}
#w-node-d8d76f09-7ac8-66be-b7e0-dd052a78c242-2a78c178 {
grid-row-end: 2;
grid-column-end: 7;
}
#w-node-d8d76f09-7ac8-66be-b7e0-dd052a78c245-2a78c178 {
grid-column: 4 / 6;
grid-row-start: 2;
}
#w-node-d8d76f09-7ac8-66be-b7e0-dd052a78c256-2a78c178 {
grid-column: 2 / 4;
grid-row-start: 2;
}
#w-node-d8d76f09-7ac8-66be-b7e0-dd052a78c259-2a78c178 {
grid-column: 4 / 6;
}
#w-node-_3a3df9d8-81a0-de85-f035-fb6afc74d92f-f286e6e8 {
grid-column-end: 7;
}
#w-node-_3a3df9d8-81a0-de85-f035-fb6afc74d937-f286e6e8 {
grid-area: 2 / 2 / 3 / 6;
}
#w-node-_3badf3e6-e057-ee5f-1698-e3ca2a6e77b5-2a6e77b1 {
grid-row-end: 3;
grid-column-end: 6;
}
#w-node-_3badf3e6-e057-ee5f-1698-e3ca2a6e77fb-2a6e77b1 {
grid-area: 3 / 1 / 4 / 7;
}
#w-node-_3badf3e6-e057-ee5f-1698-e3ca2a6e781d-2a6e77b1 {
grid-row: 1 / 2;
grid-column-end: 6;
}
#w-node-_2d910943-cb36-33e3-98db-a4733dc3b9b1-3dc3b9a6 {
grid-column-end: 5;
}
#w-node-_2d910943-cb36-33e3-98db-a4733dc3b9c5-3dc3b9a6 {
grid-column: 1 / 5;
grid-row-start: 2;
}
#w-node-_2d910943-cb36-33e3-98db-a4733dc3b9f1-3dc3b9a6 {
grid-column: 1 / 5;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae77970d1-e77970c9 {
grid-column-end: 7;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae77970e7-e77970c9 {
grid-column: 1 / 7;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae7797125-e77970c9 {
grid-area: 1 / 1 / 5 / 8;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae7797128-e77970c9, #w-node-_40596f11-f4db-a24a-7ca7-345ae7797133-e77970c9 {
grid-column-end: 7;
align-self: start;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae7797138-e77970c9, #w-node-_40596f11-f4db-a24a-7ca7-345ae7797145-e77970c9 {
grid-column: 1 / 7;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae7797183-e77970c9 {
grid-column-end: 7;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae7797199-e77970c9 {
grid-column: 1 / 7;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae77971d7-e77970c9 {
grid-area: 1 / 1 / 5 / 8;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae77971da-e77970c9, #w-node-_40596f11-f4db-a24a-7ca7-345ae77971e5-e77970c9 {
grid-column-end: 7;
align-self: start;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae77971e9-e77970c9, #w-node-_40596f11-f4db-a24a-7ca7-345ae77971f6-e77970c9 {
grid-column: 1 / 7;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae7797234-e77970c9 {
grid-column-end: 7;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae7797249-e77970c9 {
grid-column: 1 / 7;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae7797286-e77970c9 {
grid-area: 1 / 1 / 5 / 8;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae7797289-e77970c9, #w-node-_40596f11-f4db-a24a-7ca7-345ae7797294-e77970c9 {
grid-column-end: 7;
align-self: start;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae7797299-e77970c9, #w-node-_40596f11-f4db-a24a-7ca7-345ae77972a6-e77970c9 {
grid-column: 1 / 7;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae77972e4-e77970c9 {
grid-column-end: 7;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae77972f9-e77970c9 {
grid-column: 1 / 7;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae7797336-e77970c9 {
grid-area: 1 / 1 / 5 / 8;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae7797339-e77970c9, #w-node-_40596f11-f4db-a24a-7ca7-345ae7797344-e77970c9 {
grid-column-end: 7;
align-self: start;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae7797349-e77970c9, #w-node-_40596f11-f4db-a24a-7ca7-345ae7797356-e77970c9 {
grid-column: 1 / 7;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae7797395-e77970c9 {
grid-column-end: 7;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae77973ab-e77970c9 {
grid-column: 1 / 7;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae77973e9-e77970c9 {
grid-area: 1 / 1 / 5 / 8;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae77973ec-e77970c9, #w-node-_40596f11-f4db-a24a-7ca7-345ae77973f7-e77970c9 {
grid-column-end: 7;
align-self: start;
}
#w-node-_40596f11-f4db-a24a-7ca7-345ae77973fc-e77970c9, #w-node-_40596f11-f4db-a24a-7ca7-345ae7797409-e77970c9 {
grid-column: 1 / 7;
}
#w-node-a88886cb-5f1b-35cd-1769-57a9afe2409b-f286e6eb, #w-node-d0106ffd-4e08-7418-9ee9-c4fb29526422-f286e6eb, #w-node-_9ed16773-b09c-fa93-d091-a8a01d38830c-f286e6eb, #w-node-_1cb99b00-ead1-35ec-c5a7-eec4f203b624-f286e6eb {
grid-column-end: 6;
}
#w-node-_30cebd71-7f7c-62aa-4ee3-990e437a7aa5-f286e6eb, #w-node-_01aba420-135e-4ef0-c723-1bdf42e021bb-f286e6eb, #w-node-_1df9e357-5852-9143-2117-ed02ccd4b1cd-f286e6eb {
grid-column: 1 / 7;
}
#w-node-_75ccd43d-af51-c7cc-1515-94a0e21f803e-f286e6eb, #w-node-_07a6a566-2d96-9523-0d5a-dbb62906af9a-f286e6eb, #w-node-_8df67c34-0a49-e20b-b086-0bc4b9e4b4d9-f286e6eb, #w-node-_7821d3a3-ca84-2368-a661-8f451000b354-f286e6eb {
grid-column-end: 7;
}
#w-node-d148875e-d6e3-ff99-d04d-78200df0a7e5-f286e6eb, #w-node-_90a8a0ae-54a7-9524-34b4-1be694f8c41a-f286e6eb, #w-node-_884658e0-eaeb-024e-c0b4-9811ac4bf2db-f286e6eb, #w-node-e30963e4-f329-6bcb-09fd-4bdfe6b8b7bf-f286e6ef {
grid-column-end: 6;
}
}
@media screen and (max-width: 479px) {
#w-node-ea27ccec-e315-354e-ced5-d38f21d69ed9-21d69e70 {
grid-area: 1 / 1 / 2 / 7;
}
}
@font-face {
font-family: 'Geist';
src: url('https://cdn.prod.website-files.com/6782f3a35b0f5cc9f286e5b8/6782f3a35b0f5cc9f286e615_Geist-Thin.woff2') format('woff2'), url('https://cdn.prod.website-files.com/6782f3a35b0f5cc9f286e5b8/6782f3a35b0f5cc9f286e605_Geist-Thin.woff') format('woff');
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Geist';
src: url('https://cdn.prod.website-files.com/6782f3a35b0f5cc9f286e5b8/6782f3a35b0f5cc9f286e60a_Geist-UltraBlack.woff2') format('woff2'), url('https://cdn.prod.website-files.com/6782f3a35b0f5cc9f286e5b8/6782f3a35b0f5cc9f286e5f9_Geist-Black.woff2') format('woff2'), url('https://cdn.prod.website-files.com/6782f3a35b0f5cc9f286e5b8/6782f3a35b0f5cc9f286e617_Geist-UltraBlack.woff') format('woff'), url('https://cdn.prod.website-files.com/6782f3a35b0f5cc9f286e5b8/6782f3a35b0f5cc9f286e600_Geist-Black.woff') format('woff');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Geist';
src: url('https://cdn.prod.website-files.com/6782f3a35b0f5cc9f286e5b8/6782f3a35b0f5cc9f286e60b_Geist-SemiBold.woff2') format('woff2'), url('https://cdn.prod.website-files.com/6782f3a35b0f5cc9f286e5b8/6782f3a35b0f5cc9f286e601_Geist-SemiBold.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Geist';
src: url('https://cdn.prod.website-files.com/6782f3a35b0f5cc9f286e5b8/6782f3a35b0f5cc9f286e607_Geist-Regular.woff2') format('woff2'), url('https://cdn.prod.website-files.com/6782f3a35b0f5cc9f286e5b8/6782f3a35b0f5cc9f286e606_Geist-Regular.woff') format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Geist';
src: url('https://cdn.prod.website-files.com/6782f3a35b0f5cc9f286e5b8/6782f3a35b0f5cc9f286e5fe_Geist-Medium.woff2') format('woff2'), url('https://cdn.prod.website-files.com/6782f3a35b0f5cc9f286e5b8/6782f3a35b0f5cc9f286e608_Geist-Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Geist';
src: url('https://cdn.prod.website-files.com/6782f3a35b0f5cc9f286e5b8/6782f3a35b0f5cc9f286e603_Geist-Light.woff2') format('woff2'), url('https://cdn.prod.website-files.com/6782f3a35b0f5cc9f286e5b8/6782f3a35b0f5cc9f286e604_Geist-Light.woff') format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Geist';
src: url('https://cdn.prod.website-files.com/6782f3a35b0f5cc9f286e5b8/6782f3a35b0f5cc9f286e5ff_Geist-Bold.woff2') format('woff2'), url('https://cdn.prod.website-files.com/6782f3a35b0f5cc9f286e5b8/6782f3a35b0f5cc9f286e618_Geist-Bold.woff') format('woff');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Geist';
src: url('https://cdn.prod.website-files.com/6782f3a35b0f5cc9f286e5b8/6782f3a35b0f5cc9f286e5fd_Geist-UltraLight.woff2') format('woff2'), url('https://cdn.prod.website-files.com/6782f3a35b0f5cc9f286e5b8/6782f3a35b0f5cc9f286e609_Geist-UltraLight.woff') format('woff');
font-weight: 200;
font-style: normal;
font-display: swap;
}