/** Shopify CDN: Minification failed
Line 7688:86 Unexpected ")"
**/
/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
@layer properties {
@supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
*, :before, :after, ::backdrop {
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-translate-z: 0;
--tw-rotate-x: initial;
--tw-rotate-y: initial;
--tw-rotate-z: initial;
--tw-skew-x: initial;
--tw-skew-y: initial;
--tw-border-style: solid;
--tw-shadow: 0 0 #0000;
--tw-shadow-color: initial;
--tw-shadow-alpha: 100%;
--tw-inset-shadow: 0 0 #0000;
--tw-inset-shadow-color: initial;
--tw-inset-shadow-alpha: 100%;
--tw-ring-color: initial;
--tw-ring-shadow: 0 0 #0000;
--tw-inset-ring-color: initial;
--tw-inset-ring-shadow: 0 0 #0000;
--tw-ring-inset: initial;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-offset-shadow: 0 0 #0000;
--tw-outline-style: solid;
--tw-blur: initial;
--tw-brightness: initial;
--tw-contrast: initial;
--tw-grayscale: initial;
--tw-hue-rotate: initial;
--tw-invert: initial;
--tw-opacity: initial;
--tw-saturate: initial;
--tw-sepia: initial;
--tw-drop-shadow: initial;
--tw-drop-shadow-color: initial;
--tw-drop-shadow-alpha: 100%;
--tw-drop-shadow-size: initial;
}
}
}
@layer theme {
:root, :host {
--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--color-black: #000;
--color-white: #fff;
--spacing: .25rem;
--default-transition-duration: .15s;
--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
--default-font-family: var(--font-sans);
--default-mono-font-family: var(--font-mono);
}
}
@layer base {
*, :after, :before, ::backdrop {
box-sizing: border-box;
border: 0 solid;
margin: 0;
padding: 0;
}
::file-selector-button {
box-sizing: border-box;
border: 0 solid;
margin: 0;
padding: 0;
}
html, :host {
-webkit-text-size-adjust: 100%;
tab-size: 4;
line-height: 1.5;
font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
font-feature-settings: var(--default-font-feature-settings, normal);
font-variation-settings: var(--default-font-variation-settings, normal);
-webkit-tap-highlight-color: transparent;
}
hr {
height: 0;
color: inherit;
border-top-width: 1px;
}
abbr:where([title]) {
text-decoration: underline dotted;
}
h1, h2, h3, h4, h5, h6 {
font-size: inherit;
font-weight: inherit;
}
a {
color: inherit;
-webkit-text-decoration: inherit;
-webkit-text-decoration: inherit;
text-decoration: inherit;
}
b, strong {
font-weight: bolder;
}
code, kbd, samp, pre {
font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
font-feature-settings: var(--default-mono-font-feature-settings, normal);
font-variation-settings: var(--default-mono-font-variation-settings, normal);
font-size: 1em;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sub {
bottom: -.25em;
}
sup {
top: -.5em;
}
table {
text-indent: 0;
border-color: inherit;
border-collapse: collapse;
}
:-moz-focusring {
outline: auto;
}
progress {
vertical-align: baseline;
}
summary {
display: list-item;
}
ol, ul, menu {
list-style: none;
}
img, svg, video, canvas, audio, iframe, embed, object {
vertical-align: middle;
display: block;
}
img, video {
max-width: 100%;
height: auto;
}
button, input, select, optgroup, textarea {
font: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
letter-spacing: inherit;
color: inherit;
opacity: 1;
background-color: #0000;
border-radius: 0;
}
::file-selector-button {
font: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
letter-spacing: inherit;
color: inherit;
opacity: 1;
background-color: #0000;
border-radius: 0;
}
:where(select:is([multiple], [size])) optgroup {
font-weight: bolder;
}
:where(select:is([multiple], [size])) optgroup option {
padding-inline-start: 20px;
}
::file-selector-button {
margin-inline-end: 4px;
}
::placeholder {
opacity: 1;
}
@supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
::placeholder {
color: currentColor;
}
@supports (color: color-mix(in lab, red, red)) {
::placeholder {
color: color-mix(in oklab, currentcolor 50%, transparent);
}
}
}
textarea {
resize: vertical;
}
::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-date-and-time-value {
min-height: 1lh;
text-align: inherit;
}
::-webkit-datetime-edit {
display: inline-flex;
}
::-webkit-datetime-edit-fields-wrapper {
padding: 0;
}
::-webkit-datetime-edit {
padding-block: 0;
}
::-webkit-datetime-edit-year-field {
padding-block: 0;
}
::-webkit-datetime-edit-month-field {
padding-block: 0;
}
::-webkit-datetime-edit-day-field {
padding-block: 0;
}
::-webkit-datetime-edit-hour-field {
padding-block: 0;
}
::-webkit-datetime-edit-minute-field {
padding-block: 0;
}
::-webkit-datetime-edit-second-field {
padding-block: 0;
}
::-webkit-datetime-edit-millisecond-field {
padding-block: 0;
}
::-webkit-datetime-edit-meridiem-field {
padding-block: 0;
}
::-webkit-calendar-picker-indicator {
line-height: 1;
}
:-moz-ui-invalid {
box-shadow: none;
}
button, input:where([type="button"], [type="reset"], [type="submit"]) {
appearance: button;
}
::file-selector-button {
appearance: button;
}
::-webkit-inner-spin-button {
height: auto;
}
::-webkit-outer-spin-button {
height: auto;
}
[hidden]:where(:not([hidden="until-found"])) {
display: none !important;
}
}
@layer components;
@layer utilities {
.\!visible {
visibility: visible !important;
}
.visible {
visibility: visible;
}
.sr-only {
clip-path: inset(50%);
white-space: nowrap;
border-width: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.absolute {
position: absolute;
}
.fixed {
position: fixed;
}
.relative {
position: relative;
}
.static {
position: static;
}
.sticky {
position: sticky;
}
.top-1\/2 {
top: 50%;
}
.right-4 {
right: calc(var(--spacing) * 4);
}
.\!container {
width: 100% !important;
}
@media (width >= 40rem) {
.\!container {
max-width: 40rem !important;
}
}
@media (width >= 48rem) {
.\!container {
max-width: 48rem !important;
}
}
@media (width >= 64rem) {
.\!container {
max-width: 64rem !important;
}
}
@media (width >= 80rem) {
.\!container {
max-width: 80rem !important;
}
}
@media (width >= 96rem) {
.\!container {
max-width: 96rem !important;
}
}
.container {
width: 100%;
}
@media (width >= 40rem) {
.container {
max-width: 40rem;
}
}
@media (width >= 48rem) {
.container {
max-width: 48rem;
}
}
@media (width >= 64rem) {
.container {
max-width: 64rem;
}
}
@media (width >= 80rem) {
.container {
max-width: 80rem;
}
}
@media (width >= 96rem) {
.container {
max-width: 96rem;
}
}
.m-auto {
margin: auto;
}
.block {
display: block;
}
.contents {
display: contents;
}
.flex {
display: flex;
}
.grid {
display: grid;
}
.hidden {
display: none;
}
.inline {
display: inline;
}
.inline-block {
display: inline-block;
}
.table {
display: table;
}
.h-auto {
height: auto;
}
.w-4 {
width: calc(var(--spacing) * 4);
}
.w-6 {
width: calc(var(--spacing) * 6);
}
.flex-shrink {
flex-shrink: 1;
}
.-translate-y-1\/2 {
--tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.transform {
transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
}
.resize {
resize: both;
}
.flex-wrap {
flex-wrap: wrap;
}
.truncate {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.overflow-hidden {
overflow: hidden;
}
.rounded {
border-radius: .25rem;
}
.border {
border-style: var(--tw-border-style);
border-width: 1px;
}
.text-center {
text-align: center;
}
.capitalize {
text-transform: capitalize;
}
.underline {
text-decoration-line: underline;
}
.shadow {
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.outline {
outline-style: var(--tw-outline-style);
outline-width: 1px;
}
.blur {
--tw-blur: blur(8px);
filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
}
.filter {
filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
}
.transition {
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.\[\&_\.okeReviews-a11yText\]\:\!sr-only .okeReviews-a11yText {
clip-path: inset(50%) !important;
white-space: nowrap !important;
border-width: 0 !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
padding: 0 !important;
position: absolute !important;
overflow: hidden !important;
}
.\[\&_\.okeReviews-reviewsSummary\]\:\!inline-flex .okeReviews-reviewsSummary {
display: inline-flex !important;
}
.\[\&_\.okeReviews-reviewsSummary\]\:\!items-center .okeReviews-reviewsSummary {
align-items: center !important;
}
}
html {
-webkit-text-size-adjust: 100%;
line-height: 1.15;
}
body {
margin: 0;
}
main {
display: block;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
pre {
font-family: monospace;
font-size: 1em;
}
a {
background-color: #0000;
}
abbr[title] {
border-bottom: none;
text-decoration: underline dotted;
}
b, strong {
font-weight: bolder;
}
code, kbd, samp {
font-family: monospace;
font-size: 1em;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sub {
bottom: -.25em;
}
sup {
top: -.5em;
}
img {
border-style: none;
}
button, input, optgroup, select, textarea {
margin: 0;
font-family: inherit;
font-size: 100%;
line-height: 1.15;
}
button, input {
overflow: visible;
}
button, select {
text-transform: none;
}
button, [type="button"], [type="reset"], [type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner {
border-style: none;
padding: 0;
}
[type="button"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
[type="reset"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring {
outline: 1px dotted buttontext;
}
[type="button"]:-moz-focusring {
outline: 1px dotted buttontext;
}
[type="reset"]:-moz-focusring {
outline: 1px dotted buttontext;
}
[type="submit"]:-moz-focusring {
outline: 1px dotted buttontext;
}
fieldset {
padding: .35em .75em .625em;
}
legend {
box-sizing: border-box;
color: inherit;
white-space: normal;
max-width: 100%;
padding: 0;
display: table;
}
progress {
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"], [type="radio"] {
box-sizing: border-box;
padding: 0;
}
[type="number"]::-webkit-inner-spin-button {
height: auto;
}
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details {
display: block;
}
summary {
display: list-item;
}
template, [hidden] {
display: none;
}
body {
color: var(--color-black);
font-family: Aeonik, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 1.25;
}
@media (width <= 767px) {
body {
font-size: 18px;
line-height: 1.389;
}
}
body, input, textarea, button, select {
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
}
h1, h2.h1 {
letter-spacing: .25px;
font-family: Aeonik, serif;
font-size: 3em;
font-weight: 700;
line-height: 1.02;
}
@media (width <= 768px) {
h1, h2.h1 {
font-size: 2.6em;
}
}
h2, h1.h2 {
font-family: Aeonik, serif;
font-size: 2em;
font-weight: 700;
line-height: 1.2;
}
@media (width <= 768px) {
h2, h1.h2 {
font-size: 1.7em;
}
}
h3 {
letter-spacing: .12px;
font-family: Aeonik, sans-serif;
font-size: 1.2em;
font-weight: 700;
line-height: 1.5;
}
h4 {
letter-spacing: .12px;
text-transform: uppercase;
font-family: Aeonik, sans-serif;
font-size: 1em;
font-weight: 700;
line-height: 1.5;
}
h5 {
letter-spacing: .12px;
text-transform: uppercase;
font-family: Aeonik, sans-serif;
font-size: .8em;
font-weight: 700;
line-height: 1.5;
}
p b, p strong {
font-weight: 700;
}
.wysiwyg p:empty {
display: none;
}
h1, h2, h3, h4, h5, h6, p {
margin: 0 0 20px;
}
a {
color: inherit;
text-decoration: none;
}
a:focus {
color: inherit;
}
.wysiwyg a:not(.btn) {
color: var(--color-black);
text-decoration: underline;
}
.wysiwyg a:not(.btn):hover {
text-decoration: none;
}
.wysiwyg a:not(.btn):nth-child(2) {
margin-left: 20px;
}
.row {
width: auto;
margin: 0 calc(-1 * var(--grid-item-padding));
flex-flow: wrap;
display: flex;
}
.col {
padding: 0px var(--grid-item-padding);
margin: 0 0 40px;
position: relative;
}
.col img {
display: block;
}
.col--1 {
width: 100%;
}
.col--1-2 {
width: 50%;
}
@media (width <= 568px) {
.col--1-2 {
width: 100%;
}
}
.col--1-3 {
width: 33.33%;
}
@media (width <= 768px) {
.col--1-3 {
width: 100%;
}
}
.col--2-3 {
width: 66.66%;
}
@media (width <= 768px) {
.col--2-3 {
width: 100%;
}
}
.col--1-4 {
width: 25%;
}
@media (width <= 768px) {
.col--1-4 {
width: 100%;
}
}
.col--3-4 {
width: 75%;
}
@media (width <= 768px) {
.col--3-4 {
width: 100%;
}
}
.col--1-5 {
width: 20%;
}
@media (width <= 768px) {
.col--1-5 {
width: 100%;
}
}
.col--2-5 {
width: 40%;
}
@media (width <= 768px) {
.col--2-5 {
width: 100%;
}
}
.col--3-5 {
width: 60%;
}
@media (width <= 768px) {
.col--3-5 {
width: 100%;
}
}
.col--4-5 {
width: 80%;
}
@media (width <= 768px) {
.col--4-5 {
width: 100%;
}
}
.text-color--orange {
color: var(--color-orange);
}
.background-color--wheat {
background-color: var(--color-wheat);
}
.background-color--off-white {
background-color: var(--color-off-white);
}
.background-color--orange {
background-color: var(--color-orange);
}
.text-align--center {
text-align: center;
}
.text-align--left {
text-align: left;
}
.text-align--right {
text-align: right;
}
.text-transform--uppercase {
text-transform: uppercase;
}
.inline-spacer {
padding: 0 20px;
}
@media (width <= 768px) {
.inline-spacer {
padding: 0 10px;
}
.tablet--hide {
display: none;
}
}
.tablet--show {
display: none;
}
@media (width <= 768px) {
.tablet--show {
display: block;
}
}
.hide {
display: none;
}
@keyframes float {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-10px);
}
100% {
transform: translateY(0);
}
}
html {
background-color: var(--color-very-light-pink);
box-sizing: border-box;
scroll-behavior: smooth;
height: 100%;
scroll-padding-top: 100px;
}
body {
min-height: 100%;
margin: 0;
padding: 0;
}
*, :before, :after {
box-sizing: border-box;
}
[v-cloak] {
display: none;
}
#main {
transition: opacity var(--transition-duration-fast) ease-in-out;
}
.transition-fade {
opacity: 1;
transition: all .8s;
}
html.is-animating .transition-fade {
opacity: 0;
}
.container {
width: 90%;
max-width: 1300px;
margin: 0 auto;
position: relative;
}
.container--medium {
max-width: 800px;
}
.container--small {
max-width: 550px;
}
.page-header {
text-align: center;
padding: 80px 0;
}
@media (width <= 768px) {
.page-header {
padding: 40px;
}
}
.page-header__title {
margin: 0;
}
.page-header__subtitle {
margin: 5px 0 0;
}
.page-header__subtitle--mono {
font-size: .8em;
}
.page-main {
margin-bottom: 40px;
}
@media (width >= 768px) {
.page-main {
margin-bottom: 80px;
}
}
.page-list-sbs {
gap: 1rem;
margin: 2rem auto;
display: flex;
}
.sbs-col {
flex: 50%;
}
.page-list-sbs.page-list-sbs-image-left .sbs-image-wrap {
order: 0;
}
.page-list-sbs.page-list-sbs-image-right .sbs-image-wrap {
order: 2;
}
.page-list-sbs img {
margin: 0;
}
.sbs-inner-image-wrap, .sbs-heading {
margin-bottom: 1rem;
}
@media (width <= 767px) {
.sbs-image-wrap {
display: none;
}
}
@media (width >= 768px) {
.page-list-sbs {
gap: 3rem;
margin: 4rem auto;
}
.sbs-inner-image-wrap {
display: none;
}
}
.content-block {
border-radius: var(--border-radius);
padding: 40px;
}
@media (width <= 768px) {
.content-block {
padding: 20px;
}
}
.content-block.inverse {
background-color: var(--color-black);
color: var(--color-white);
margin-bottom: 20px;
}
.content-block.inverse .form__group input, .content-block.inverse .form__group textarea, .content-block.inverse .form__group select {
color: #fff;
background-color: #ffffff1a;
}
.content-block.inverse .button--secondary {
--button-color: var(--color-black);
--button-bg-color: var(--color-white);
--button-border-color: var(--color-white);
--button-color-hover: var(--color-white);
--button-bg-color-hover: var(--color-black);
--button-border-color-hover: var(--color-white);
}
.content-block.inverse a {
color: var(--color-white);
}
.section-icon-grid-wrapper .content-block {
padding: 40px 40px 20px;
}
.content-block-header {
margin-bottom: 50px;
}
.content-block-header--center {
text-align: center;
}
.content-block-header--flexed {
justify-content: space-between;
display: flex;
}
.content-block-header__title {
display: inline-block;
position: relative;
}
.content-block-header__title.animate-in-view:after {
width: 0%;
}
.content-block-header__title.animate-in-view.animated:after {
width: 100%;
}
.panel {
padding: 50px 0;
}
.panel--large {
padding: 100px 0;
}
.panel--margin-bottom {
margin-bottom: 50px;
}
.panel-header {
text-align: center;
margin-bottom: 50px;
}
.shopify-policy__container {
width: 90%;
max-width: 800px;
margin: auto;
}
.shopify-policy__title {
text-align: center;
padding: 80px 0;
}
@media (width <= 767px) {
.shopify-policy__title {
padding: 40px 0;
}
}
.shopify-policy__title h1 {
margin: 0;
}
.shopify-policy__body {
margin-bottom: 80px;
}
@media (width <= 767px) {
.shopify-policy__body {
margin-bottom: 40px;
}
}
figure {
margin: 0;
}
img, picture {
max-width: 100%;
height: auto;
margin: 0;
}
iframe[src="//localhost:3000/preview_bar"] {
display: none;
}
.lsg-block-table__wrapper {
display: flex;
}
.lsg-block-table-column {
flex: 1;
}
.lsg-block-table-column:first-child {
flex: unset;
width: 31.5508%;
}
@media screen and (width >= 1024px) {
.lsg-block-table-column:first-child {
width: 45.5026%;
}
}
.lsg-block-table-column:first-child .lsg-block-table-cell {
justify-content: flex-start;
padding-left: 15px;
}
.lsg-block-table-column:first-child .lsg-block-table-cell:not(:first-of-type) {
border-left-style: solid;
}
.lsg-block-table-column:first-child .lsg-block-table-cell:nth-of-type(2) {
border-radius: 20px 0 0;
}
.lsg-block-table-column:first-child .lsg-block-table-cell:last-of-type {
border-radius: 0 0 0 20px;
}
.lsg-block-table-column:first-child .lsg-block-table-cell span {
opacity: 1;
transform: translateY(0);
}
.lsg-block-table-column:last-child .lsg-block-table-cell:nth-of-type(2) {
border-radius: 0 20px 0 0;
}
.lsg-block-table-column:last-child .lsg-block-table-cell:last-of-type {
border-radius: 0 0 20px;
}
.lsg-block-table-column:last-child .lsg-block-table-cell:not(:first-of-type) {
border-right-style: solid;
}
.lsg-block-table-cell {
letter-spacing: .28px;
border-width: 2px;
border-top-style: solid;
justify-content: center;
align-items: center;
min-height: 50px;
padding: 2px;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 142.857%;
display: flex;
}
@media screen and (width >= 1024px) {
.lsg-block-table-cell {
letter-spacing: .4px;
min-height: 64px;
font-size: 20px;
line-height: 120%;
}
}
.lsg-block-table-cell:first-of-type {
border-top-style: unset;
}
@media screen and (width >= 1024px) {
.lsg-block-table-cell:first-of-type {
min-height: 80px;
}
}
.lsg-block-table-cell:last-of-type {
border-bottom-style: solid;
}
.lsg-block-table-cell span {
opacity: 0;
transition: opacity .6s ease-out, transform .6s cubic-bezier(.175, .885, .32, 1.275);
display: flex;
transform: translateY(20px);
}
.lsg-block-table-cell span.visible {
opacity: 1;
transform: translateY(0);
}
.lsg-block-table-cell svg {
width: 20px;
height: 20px;
}
@media screen and (width >= 1024px) {
.lsg-block-table-cell svg {
width: 24px;
height: 24px;
}
}
form {
margin: 0;
}
a, area, button, [role="button"], input, label, select, summary, textarea {
touch-action: manipulation;
}
input, textarea, select {
font-size: inherit;
border: 1px solid #000;
border-radius: 0;
max-width: 100%;
}
input[disabled], textarea[disabled], select[disabled] {
cursor: default;
}
button, input[type="submit"], label[for] {
cursor: pointer;
}
textarea {
min-height: 100px;
}
select::-ms-expand {
display: none;
}
.form_container {
margin-bottom: 30px;
}
.form__group {
z-index: 10;
margin-bottom: 20px;
position: relative;
}
.form__group input[type="text"], .form__group input[type="email"], .form__group input[type="password"], .form__group input[type="tel"], .form__group textarea, .form__group select {
border-radius: var(--border-radius);
background: none;
border: 1px solid #000;
outline: none;
width: 100%;
padding: 10px;
display: block;
}
.form__group input[type="text"]::placeholder, .form__group input[type="email"]::placeholder, .form__group input[type="password"]::placeholder, .form__group input[type="tel"]::placeholder, .form__group textarea::placeholder, .form__group select::placeholder {
color: #000;
}
@media (width <= 568px) {
.form__group input[type="text"], .form__group input[type="email"], .form__group input[type="password"], .form__group input[type="tel"], .form__group textarea, .form__group select {
font-size: 16px;
}
}
.form__input--is-hidden {
display: none;
}
.form__group select {
appearance: none;
background: url("https://cdn.shopify.com/s/files/1/0245/0335/3378/files/icon-down-arrow.png?6046") 98% / 12px no-repeat;
width: 100%;
position: relative;
}
.form__radio-group {
flex-flow: wrap;
display: flex;
}
.form__radio {
margin-right: 15px;
}
.form__radio-input {
margin-right: 5px;
}
.form__checkbox {
align-items: center;
display: flex;
}
.form__checkbox input {
margin-right: 10px;
}
.form__group .form__checkbox label, .form__checkbox label {
margin-bottom: 0;
}
.form__group label {
text-transform: capitalize;
margin-bottom: 10px;
font-family: Aeonik, sans-serif;
font-weight: bold;
display: block;
}
.label__header {
justify-content: space-between;
display: flex;
}
.label__header p {
margin: 0 0 10px;
}
.form__feedback-message {
margin: 20px 0;
font-style: italic;
}
.form__feedback-message p.error {
color: red;
}
.shopify-challenge__container {
padding: 50px 0;
}
.form__footer {
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: 20px;
display: flex;
}
.form__footer.wysiwyg a:nth-child(2), .form__footer p {
margin: 0;
}
.select-dropdown {
position: relative;
}
.select-dropdown__header {
cursor: pointer;
border: 1px solid var(--color-black);
border-radius: var(--border-radius-small);
justify-content: space-between;
align-items: center;
padding: 10px;
line-height: 1;
display: flex;
position: relative;
}
.select-dropdown--orange .select-dropdown__header {
border: 1px solid var(--color-orange);
}
.select-dropdown__title {
width: 100%;
padding-right: 10px;
}
.select-dropdown__icon {
width: 20px;
transition: all .3s ease-in-out;
}
.select-dropdown__icon svg {
display: block;
}
.select-dropdown--is-open .select-dropdown__icon {
transform: rotate(-180deg);
}
.select-dropdown__list {
border: 1px solid var(--color-orange);
background: var(--color-white);
pointer-events: none;
opacity: 0;
width: 100%;
max-height: 200px;
z-index: var(--z-index-priority-content);
transition: all var(--transition-duration-fast) ease-in-out;
position: absolute;
left: 0;
overflow: auto;
}
.select-dropdown__list::-webkit-scrollbar {
width: 3px;
}
.select-dropdown__list::-webkit-scrollbar-track {
background: none;
}
.select-dropdown__list::-webkit-scrollbar-thumb {
background: var(--color-black);
}
.select-dropdown--is-open .select-dropdown__list {
opacity: 1;
pointer-events: auto;
}
.select-dropdown__list-item {
color: var(--color-black);
border-bottom: 1px solid var(--color-orange);
opacity: 0;
cursor: pointer;
transition: opacity var(--transition-duration-fast) ease-in-out;
padding: 10px;
}
.select-dropdown__list-item:last-child {
margin-bottom: 0;
}
.select-dropdown__list-item--is-active {
font-family: Aeonik, sans-serif;
font-weight: 700;
}
.select-dropdown__list-item a {
transition: opacity var(--transition-duration-fast) ease-in-out;
display: block;
}
.select-dropdown__list-item a:hover {
opacity: .5;
}
.select-dropdown--is-open li {
opacity: 1;
}
#content__customers__request-invite .rc_layout .button, #customer_tab_content #not_verified a, .btn {
z-index: 1;
text-transform: uppercase;
border-radius: var(--border-radius);
text-align: center;
cursor: pointer;
transition: all var(--transition-duration-fast) ease-in-out;
background: none;
border: 0;
outline: 0;
padding: 10px 30px;
font-family: Aeonik, sans-serif;
font-weight: 500;
line-height: 23px;
display: inline-block;
position: relative;
}
.btn:not(.button--secondary):before {
content: "";
border-radius: var(--border-radius);
border: 1px solid var(--color-black);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.btn:not(.button--secondary):after {
content: "";
border-radius: var(--border-radius);
z-index: -1;
width: 100%;
height: 100%;
transition: opacity .3s ease-in-out;
position: absolute;
top: 3px;
left: 5px;
}
.btn--orange:after {
background: var(--color-orange);
}
.btn--off-white {
color: var(--color-black);
}
.btn--off-white:after {
background: var(--color-off-white);
}
.btn--primary:hover:after, .btn--secondary:after {
opacity: 0;
}
.btn--secondary:hover:after {
opacity: 1;
}
.btn--disabled {
opacity: .5;
}
.btn--full-width {
width: 100%;
display: block;
}
.btn--wide {
padding: 20px 20px 25px;
}
@media (width >= 768px) {
.btn--wide {
padding: 20px 70px 25px;
}
}
.btn--svg {
justify-content: center;
align-items: center;
padding: 20px;
display: inline-flex;
}
.btn--svg svg {
height: 20px;
margin-left: 10px;
display: block;
}
.play-btn {
cursor: pointer;
border-radius: 50%;
width: 100%;
transition: all .3s ease-in-out;
display: block;
}
.play-btn:hover {
box-shadow: 0 2px 8px -1px var(--color-black);
}
.play-btn svg {
display: block;
}
.underline-link {
color: var(--color-black);
cursor: pointer;
border-bottom: 1px solid;
}
.underline-link:hover {
border-bottom: 0;
}
.underline-link-btn {
cursor: pointer;
background: none;
border: 0;
padding: 0;
text-decoration: underline;
}
.underline-link-btn:hover {
text-decoration: none;
}
.email-signup {
width: 100%;
position: relative;
}
.email-signup__form {
display: flex;
}
@media (width <= 768px) {
.email-signup__form {
flex-flow: wrap;
}
}
.email-signup__input {
color: var(--color-black);
background: none;
border: 1px solid;
border-radius: 8px;
outline: 0;
width: 70%;
margin: 0 10px 0 0;
padding: 10px 20px;
}
.email-signup__input::placeholder {
color: var(--color-white);
}
@media (width <= 768px) {
.email-signup__input {
text-align: center;
width: 100%;
margin: 0 0 10px;
font-size: 16px;
}
}
.email-signup__submit {
width: 30%;
}
@media (width <= 768px) {
.email-signup__submit {
width: 100%;
}
}
.email-singup__response {
width: 100%;
font-size: 12px;
position: absolute;
bottom: -30px;
left: 0;
}
.quantity {
justify-content: space-between;
width: 100%;
max-width: 90px;
height: 25px;
font-family: Aeonik, sans-serif;
font-weight: 700;
display: flex;
}
.quantity__button {
cursor: pointer;
flex: 0 0 30px;
align-items: center;
display: flex;
}
.quantity__button--minus {
justify-content: flex-start;
padding-left: 10px;
}
.quantity__button--plus {
justify-content: flex-end;
padding-right: 10px;
}
.quantity__input {
-webkit-appearance: none;
text-align: center;
color: inherit;
background: none;
border: 0;
width: 20px;
padding: 0;
}
.quantity__input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.quantity__input::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.template-rcb .quantity.disabled {
background-color: #b0b0b0;
}
.template-rcb .quantity.disabled .quantity__button {
color: #fff;
cursor: default;
}
.template-rcb .quantity.disabled .quantity__input {
color: #fff;
}
ul, ol {
margin: 0;
padding: 0;
list-style: none;
}
.wysiwyg ul, .wysiwyg ol {
margin: 0 0 20px;
padding: 0;
}
.wysiwyg li {
margin-bottom: 15px;
padding-left: 1.3em;
line-height: 1.2;
position: relative;
}
.wysiwyg ul li:before, .wysiwyg ul li:after {
content: "";
border-radius: 50%;
width: 10px;
height: 10px;
display: block;
position: absolute;
}
.wysiwyg ul li:before {
content: "";
background-color: var(--color-orange);
top: 7px;
left: 3px;
}
.wysiwyg ul li:after {
content: "";
border: 1px solid var(--color-black);
z-index: 3;
top: 5px;
left: 0;
}
.menu-icon {
cursor: pointer;
width: 25px;
height: 14px;
color: inherit;
background: none;
border: 0;
flex-direction: column;
justify-content: space-between;
align-items: center;
margin: 0 auto;
padding: 0;
display: flex;
position: relative;
}
.menu-icon__line {
backface-visibility: hidden;
width: 100%;
height: 2px;
transition: all .5s var(--transition-easing-cubic);
background: currentColor;
display: block;
}
.mobile-nav-is-open .menu-icon__line:first-child {
transform: translateY(6px)rotate(45deg);
}
.mobile-nav-is-open .menu-icon__line:nth-child(2) {
transform: rotate(-45deg);
}
.mobile-nav-is-open .menu-icon__line:nth-child(3) {
transform: scale(0);
}
ul.menu-drawer {
width: 100%;
top: var(--height-header);
background: var(--color-very-light-pink);
opacity: 0;
z-index: -100;
visibility: hidden;
padding: 50px 0;
transition: z-index 0s .3s, visibility 0s .3s, opacity .3s;
position: absolute;
left: 0;
box-shadow: 0 2px 3px #0003;
}
.main-header__links > li:hover ul.menu-drawer {
opacity: 1;
visibility: visible;
z-index: 1;
transition: z-index, visibility, opacity .3s;
}
ul.menu-drawer-linklist {
justify-content: center;
padding: 0 20px;
display: flex;
}
ul.menu-drawer-linklist li {
border-right: 2px solid var(--color-orange);
padding: 0 20px;
position: relative;
}
ul.menu-drawer-linklist li:last-child {
border-right: 0;
}
.menu-drawer-product-grid {
justify-content: center;
padding: 0 20px;
display: flex;
}
.menu-drawer-product-grid__column {
border-right: 2px solid var(--color-orange);
justify-content: center;
align-items: center;
width: 20%;
display: flex;
}
.menu-drawer-product-grid__column:last-child {
border-right: 0;
}
.menu-drawer-product-grid__item {
text-align: center;
width: 100%;
display: block;
}
.menu-drawer-product-grid__item-image {
height: 100px;
margin-bottom: 20px;
}
.menu-drawer-product-grid__item-title {
margin-bottom: 0;
}
.loading-icon {
border: 3px solid var(--color-orange);
border-top-color: rgba(var(--color-orange-rgb), .5);
border-radius: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
animation: 1.2s linear infinite loading;
display: block;
}
@keyframes loading {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.flickity-enabled {
position: relative;
}
.flickity-enabled:focus {
outline: none;
}
.flickity-viewport {
height: 100%;
position: relative;
overflow: hidden;
}
.flickity-slider {
width: 100%;
height: 100%;
position: absolute;
}
.flickity-enabled.is-draggable {
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: -webkit-grab;
cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: -webkit-grabbing;
cursor: grabbing;
}
.flickity-slider-dots {
z-index: 1;
justify-content: center;
width: 100%;
display: flex;
position: absolute;
bottom: 20px;
left: 0;
}
.is-single-slide .flickity-slider-dots {
display: none;
}
.flickity-slider-dot {
border: 1px solid var(--color-black);
cursor: pointer;
background: none;
border-radius: 50%;
width: 13px;
height: 13px;
margin: 0 5px;
position: relative;
}
.flickity-slider-dot:after {
content: "";
background: var(--color-orange);
z-index: -1;
opacity: 0;
border-radius: 50%;
width: 100%;
height: 100%;
transition: opacity .3s ease-in-out;
position: absolute;
transform: translate(2px, 1px);
}
.flickity-slider-dot.active:after {
opacity: 1;
}
.flickity-enabled.is-fade .flickity-slider > * {
pointer-events: none;
z-index: 0;
}
.flickity-enabled.is-fade .flickity-slider > .is-selected {
pointer-events: auto;
z-index: 1;
}
.flickity__arrow {
z-index: 10;
cursor: pointer;
background: var(--color-orange);
width: 40px;
height: 40px;
color: var(--color-white);
border-radius: 50%;
justify-content: center;
align-items: center;
font-size: 20px;
text-decoration: none;
transition: all .3s ease-in-out;
display: flex;
overflow: hidden;
}
.flickity__arrow:hover {
opacity: .8;
}
.flickity__arrows--white .flickity__arrow {
background: var(--color-white);
color: var(--color-orange);
}
.flickity__arrow svg {
width: 90%;
}
.flickity__arrows--horizontal {
justify-content: center;
width: 100%;
display: flex;
}
.flickity__arrows--horizontal .flickity__arrow {
margin: 0 5px;
}
.flickity__arrows--absolute .flickity__arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.flickity__arrows--absolute .flickity__arrow--prev {
left: 10px;
}
.flickity__arrows--absolute .flickity__arrow--next {
text-align: right;
right: 10px;
}
ul.social-icons {
flex-flow: wrap;
margin: 0;
padding: 0;
list-style: none;
display: flex;
}
ul.social-icons li {
cursor: pointer;
border: 1px solid;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
margin: 0 10px;
transition: all .3s ease-in-out;
display: flex;
position: relative;
}
ul.social-icons li:after {
content: "";
background: var(--color-orange);
z-index: -1;
opacity: 1;
width: 100%;
height: 100%;
transition: opacity var(--transition-duration-fast) ease-in-out;
border-radius: 50%;
position: absolute;
top: 3px;
left: 3px;
}
ul.social-icons li:hover:after {
opacity: 0;
}
ul.social-icons svg {
width: 15px;
fill: var(--color-black);
display: block;
}
ul.social-icons--center {
justify-content: center;
}
ul.social-icons--flush-left li:first-child {
margin: 0 5px 0 0;
}
ul.social-icons--flush-right {
justify-content: flex-end;
}
ul.social-icons--flush-right li:last-child {
margin: 0 0 0 5px;
}
.lsg-reel {
cursor: pointer;
border-radius: 20px;
width: 100%;
height: 450px;
display: block;
position: relative;
overflow: hidden;
}
@media screen and (width >= 1024px) {
.lsg-reel {
height: 500px;
}
}
.lsg-reel.active .lsg-reel__content {
visibility: hidden;
opacity: 0;
}
.lsg-reel video {
object-fit: cover;
width: 100%;
height: 100%;
display: block;
}
.lsg-reel__content {
z-index: 1;
background: linear-gradient(0deg, #0006 0% 100%);
align-items: flex-start;
width: 100%;
height: 100%;
padding: 20px;
transition: all .3s ease-in-out;
display: flex;
position: absolute;
top: 0;
left: 0;
}
.lsg-reel__header {
align-items: center;
display: flex;
}
.lsg-reel__header img {
object-fit: cover;
width: 40px;
height: 40px;
margin-right: 10px;
}
.lsg-reel__title {
color: #fff;
margin: 0;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
.lsg-reel__play-btn {
width: 120px;
height: 120px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.lsg-slider-controls {
justify-content: center;
align-items: center;
display: flex;
}
.lsg-slider-controls > :not(:last-child) {
margin-right: 30px;
}
.lsg-slider-controls__control {
cursor: pointer;
background: none;
border: none;
width: 40px;
padding: 0;
display: flex;
}
.lsg-slider-controls__pagination {
justify-content: center;
align-items: center;
display: flex;
}
.lsg-slider-controls__pagination-dot {
background-color: #0000;
border: 1px solid #000;
border-radius: 50%;
width: 10px;
height: 10px;
padding: 0;
transition: background-color .3s;
}
.lsg-slider-controls__pagination-dot.active {
background-color: #000;
}
.lsg-slider-controls__pagination-dot:not(:last-child) {
margin-right: 10px;
}
.lsg-stars {
align-items: center;
display: inline-flex;
}
.lsg-stars__star {
line-height: 0;
display: inline-flex;
}
.lsg-stars__star:not(:last-child) {
margin-right: 5px;
}
.lsg-stars__star svg {
width: 16px;
height: 16px;
}
.lsg-stars__star--half {
position: relative;
}
.lsg-stars__star--half:before {
content: "";
background: var(--star-color);
width: 50%;
height: 100%;
position: absolute;
top: 0;
left: 0;
-webkit-mask: url("data:image/svg+xml,") 0 / 16px 15px no-repeat;
mask: url("data:image/svg+xml,") 0 / 16px 15px no-repeat;
}
.lsg-review {
color: #fff;
background-color: #000;
border-radius: 20px;
width: 100%;
min-height: 100%;
padding: 25px 18px 30px;
display: block;
}
.lsg-review > :not(:last-child) {
margin-bottom: 18px;
}
.lsg-review__description {
letter-spacing: .54px;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 20px;
}
.lsg-review__footer {
margin-top: auto;
}
.lsg-review__footer > :not(:last-child) {
margin-bottom: 14px;
}
.lsg-review__author {
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 20px;
}
.lsg-review__verified-buyer {
text-transform: uppercase;
align-items: center;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 18px;
display: flex;
}
.lsg-review__verified-buyer svg {
margin-right: 6px;
}
.lsg-testimonial {
border-radius: 20px;
overflow: hidden;
}
.lsg-testimonial__image {
object-fit: cover;
aspect-ratio: 276 / 360;
width: 100%;
display: block;
}
@media screen and (width >= 768px) {
.lsg-testimonial__image {
aspect-ratio: 304 / 360;
}
}
.lsg-testimonial__content {
color: #fff;
letter-spacing: .48px;
background-color: #000;
padding: 20px 18px;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
}
@media screen and (width >= 768px) {
.lsg-testimonial__content {
letter-spacing: .54px;
padding: 30px 20px;
font-size: 18px;
line-height: 111.111%;
}
}
.lsg-testimonial__content > * {
margin: 0;
}
.lsg-testimonial__content > :not(:last-of-type) {
margin-bottom: 20px;
}
@media screen and (width >= 768px) {
.lsg-testimonial__content > :not(:last-of-type) {
margin-bottom: 30px;
}
}
.lsg-testimonial__author {
font-weight: 700;
}
.pagination {
justify-content: center;
align-items: center;
margin-bottom: 40px;
display: flex;
}
.pagination__pages {
margin: 0 20px;
display: flex;
}
.pagination__page {
display: flex;
}
.pagination__page.current {
font-weight: bold;
}
.pagination__page:after {
content: "";
background: var(--color-black);
width: 2px;
height: 100%;
margin: 0 10px;
display: inline-block;
}
.pagination__page:last-child:after {
display: none;
}
.pagination__page.active {
font-weight: bold;
}
.pagination__arrow {
width: 10px;
}
.pagination__arrow svg {
display: block;
}
.pagination__arrow .svg-stroke {
transition: all var(--transition-duration-fast) var(--transition-ease-standard);
}
.pagination__arrow:hover .svg-stroke {
stroke: var(--color-black);
}
.info-card {
border-bottom: 2px solid var(--color-black);
background: none;
margin-bottom: 20px;
padding: 0 0 20px;
}
.info-card p {
margin-bottom: 0;
}
.info-card:last-of-type {
border-bottom: 0;
padding: 0;
}
.info-card__header {
justify-content: space-between;
display: flex;
}
.info-card__footer {
justify-content: space-between;
margin-top: 20px;
display: flex;
}
.table {
margin-bottom: 20px;
}
.table__row {
border-bottom: 1px solid #000;
padding: 10px 0;
display: flex;
}
.table__row:last-child {
border-bottom: 0;
}
@media (width <= 768px) {
.table__row {
flex-flow: wrap;
padding: 20px 0 16px;
}
}
.table__cell {
text-align: center;
width: 25%;
}
@media (width <= 568px) {
.table__cell {
width: 50%;
}
}
.table__cell--fourty {
width: 40%;
}
.table__cell--twenty {
width: 20%;
}
.table__cell--fifteen {
width: 15%;
}
.table__cell--left {
text-align: left;
}
@media (width <= 568px) {
.table__cell--left {
text-align: left;
}
}
.table__cell--right {
text-align: right;
}
.table__cell--vertical-center {
flex-direction: column;
justify-content: center;
display: flex;
}
.table__header {
border-bottom: 1px solid var(--color-black);
color: var(--color-black);
text-transform: uppercase;
margin: 0;
padding: 5px 0;
font-family: Aeonik, sans-serif;
font-size: .8em;
font-weight: 700;
}
@media (width <= 768px) {
.table__header {
display: none;
}
}
.table__header-title {
margin-bottom: 0;
}
.table__body {
border-bottom: 1px solid #000;
}
.table__body h1, .table__body h2, .table__body h3 {
color: #000;
}
.table__body a {
transition: color var(--transition-duration-fast) var(--transition-easing-cubic);
}
.table__footer .table__row .table__cell:first-child {
justify-content: space-between;
width: 75%;
}
.order_table .table_body {
border-bottom: 1px solid;
margin-bottom: 10px;
padding-bottom: 10px;
}
.cookie-consent {
background: var(--color-white);
width: 100%;
z-index: var(--z-index-priority-content-high);
padding: 10px 0;
font-size: .8em;
position: fixed;
bottom: 0;
left: 0;
}
.cookie-consent__container {
flex-flow: wrap;
justify-content: space-between;
align-items: center;
display: flex;
}
@media (width <= 768px) {
.cookie-consent__container {
justify-content: center;
}
}
.cookie-consent__text {
width: 70%;
}
@media (width <= 768px) {
.cookie-consent__text {
text-align: center;
width: 100%;
margin-bottom: 10px;
}
}
.notification-banner {
color: var(--button-color);
background: var(--button-bg-color);
border-radius: var(--border-radius);
margin-bottom: 20px;
padding: 10px 10px 6px;
position: relative;
}
.notification-banner p {
font-family: inherit;
}
.notification-banner p:last-of-type {
margin-bottom: 0;
}
.notification--is-dismissible {
display: none;
}
.product-card {
background: var(--color-off-white);
flex-direction: column;
min-height: 100%;
display: flex;
}
.product-card__inner {
flex-direction: column;
flex: 1;
height: 100%;
padding: 20px;
display: flex;
position: relative;
}
.product-card__price {
text-align: right;
opacity: .5;
margin-bottom: 5px;
font-size: .9em;
}
.product-card__top {
border-bottom: 1px solid;
margin-bottom: 20px;
}
.product-card__image {
width: 100%;
margin-bottom: 30px;
padding-bottom: 80%;
position: relative;
}
.product-card__image img {
object-fit: contain;
object-position: center;
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
}
.product-card__bottom {
text-align: center;
}
.product-card__content {
margin: 0 0 20px;
}
.product-card__title {
margin: 0;
}
.product-card__subtitle {
margin: 5px 0 0;
}
.product-card__category {
text-transform: lowercase;
margin-bottom: 0;
}
.product-card__button {
z-index: 10;
position: relative;
}
.product-card:hover .btn--orange:after {
opacity: 0;
}
.fancybox__content {
width: 100% !important;
height: 100% !important;
}
.fancybox__content img {
object-position: center;
width: 100%;
height: 100%;
margin: auto;
}
.mobile-nav-overlay {
pointer-events: none;
width: 100%;
height: 100vh;
z-index: var(--z-index-navigation);
transition: all .65s linear;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
transform: translateX(-100%);
}
body:not(.scrolled) .mobile-nav-overlay {
height: calc(100vh - var(--announcement-offset));
}
body.mobile-nav-is-open {
overflow: hidden;
}
.mobile-nav-is-open .mobile-nav-overlay {
pointer-events: all;
transform: translateX(0%);
}
.mobile-nav-overlay__wrapper {
color: #e5f561;
background: #01754f;
max-width: 690px;
height: 100%;
padding: 23px 42px;
overflow: auto;
}
@media (width >= 768px) {
.mobile-nav-overlay__wrapper {
border-radius: 0 12px 12px 0;
padding: 15px 52px;
}
.mobile-nav-menu {
padding: 0 50px;
}
}
.mobile-nav-menu__item {
border-bottom: 3px solid #e5f561;
font-family: Aeonik, sans-serif;
font-size: 25px;
font-weight: bold;
line-height: 1;
}
@media (width >= 768px) {
.mobile-nav-menu__item {
font-size: 30px;
}
}
.mobile-nav-menu__item:last-child {
border-bottom: 0;
margin-bottom: 0;
}
.mobile-nav-menu__item-header {
cursor: pointer;
justify-content: space-between;
align-items: center;
padding: 24px 0;
display: flex;
}
@media (width >= 768px) {
.mobile-nav-menu__item-header {
padding: 30px 0;
}
}
a.mobile-nav-menu__item-header:hover {
color: #fff;
}
.mobile-nav-menu__item-header-icon {
width: 20px;
transition: all .5s ease-in-out;
}
.mobile-nav-menu__item.active .mobile-nav-menu__item-header-icon {
transform: rotate(-180deg);
}
.mobile-nav-menu__item-header-icon svg {
width: 100%;
display: block;
}
.mobile-nav-menu__drawer {
height: auto;
transition: height .3s ease-out;
overflow: hidden;
}
.mobile-nav-menu__item.active .mobile-nav-menu__item-header {
padding-bottom: 20px;
}
.mobile-nav-menu__links-drawer-item {
margin-bottom: 15px;
font-size: 20px;
font-weight: 500;
}
@media (width >= 768px) {
.mobile-nav-menu__links-drawer-item {
margin-bottom: 20px;
font-size: 25px;
}
}
.mobile-nav-menu__links-drawer-item:last-child {
margin-bottom: 20px;
}
@media (width >= 768px) {
.mobile-nav-menu__links-drawer-item:last-child {
margin-bottom: 30px;
}
}
.mobile-nav-menu__links-drawer-item a {
display: block;
}
.mobile-nav-menu__links-drawer-item a:hover {
color: #fff;
}
.mobile-nav-menu__links-drawer-item--is-active {
color: var(--color-orange);
}
ul.mobile-nav-menu__products-drawer {
border-top: 2px solid var(--color-orange);
flex-flow: wrap;
padding: 20px 0;
display: flex;
}
li.mobile-nav-menu__products-drawer-item {
border-top: 2px solid var(--color-orange);
border-right: 2px solid var(--color-orange);
text-align: center;
justify-content: center;
align-items: center;
width: 50%;
height: 30vw;
font-size: .8em;
display: flex;
}
li.mobile-nav-menu__products-drawer-item:nth-child(2n) {
border-right: 0;
}
li.mobile-nav-menu__products-drawer-item:first-child, li.mobile-nav-menu__products-drawer-item:nth-child(2) {
border-top: 0;
}
.mobile-nav-menu__product-grid-item {
display: block;
}
.mobile-nav-menu__product-grid-item-image {
width: 50px;
margin: 0 auto 10px;
display: block;
}
.mobile-nav-menu__product-grid-item-title {
margin-bottom: 0;
}
@media (width <= 468px) {
.mobile-nav-menu__item--has-drawer .mobile-nav-menu__drawer {
height: auto !important;
}
.mobile-nav-menu__item-header-icon {
display: none;
}
.mobile-nav-menu__links-drawer-item {
max-height: 40px;
vertical-align: center;
color: #000;
background: #e6f463;
border-radius: 12px;
justify-content: center;
margin-bottom: 10px;
padding: 8px 20px 12px;
font-size: 22px;
font-weight: 500;
}
}
.mobile-nav-overlay-top {
align-items: center;
display: flex;
}
@media (width >= 768px) {
.mobile-nav-overlay-top {
gap: 30px;
}
}
@media (width <= 767px) {
.mobile-nav-overlay-top {
padding-right: 25px;
}
}
.mobile-nav-overlay-top .main-header__logo {
width: 80px;
margin: auto;
}
@media (width >= 768px) {
.mobile-nav-overlay-top .main-header__logo {
width: 100px;
margin: 0;
}
}
@media screen and (width >= 768px) {
.mobile-nav-cards {
display: none !important;
}
}
@media (width <= 768px) {
.mobile-nav-menu__item-header {
flex-direction: column;
align-items: flex-start;
}
.mobile-nav-cards .content-section {
flex-wrap: wrap;
justify-content: center;
gap: 20px;
margin-top: 20px;
display: flex;
}
.mobile-nav-cards .block {
text-align: center;
border-radius: 8px;
max-width: 500px;
}
.mobile-nav-cards .block-image {
border-radius: 8px;
width: 100%;
height: auto;
}
.mobile-nav-cards .block-title {
color: #024639;
margin: 10px 0;
font-size: 1.5rem;
}
.mobile-nav-cards .block-paragraph {
color: #666;
margin: 10px 0;
font-size: 1rem;
font-weight: 400;
}
.mobile-nav-cards .block-button {
color: #fff;
cursor: pointer;
background-color: #006c5b;
border: none;
border-radius: 40px;
padding: 10px 20px;
font-size: 1rem;
font-weight: 700;
transition: background-color .3s;
}
.mobile-nav-cards .block-button:hover {
background-color: #0056b3;
}
.mobile-nav-cards .block {
flex: 100%;
margin: 10px 0;
}
.mobile-nav-menu__item-header-icon > svg, .mobile-nav-menu__links-drawer-item:first-child, .mobile-nav-menu__links-drawer-item:nth-child(2) {
display: none !important;
}
}
@media screen and (width >= 768px) {
.mobile-nav-cards .content-section {
padding: 60px;
}
}
@media screen and (width <= 1000px) {
.btn--rcb-checkout {
font-size: 17px !important;
}
}
.add-to-cart__feedback {
display: none !important;
}
.modal {
display: none;
}
.modal.is-open {
display: block;
}
.modal__overlay {
z-index: var(--z-index-modal);
background: #000c;
justify-content: center;
align-items: center;
display: flex;
position: fixed;
inset: 0;
}
.modal[aria-hidden="false"] .modal__overlay {
animation: .5s cubic-bezier(0, 0, .2, 1) fadeIn;
}
.modal[aria-hidden="true"] .modal__overlay {
animation: .5s cubic-bezier(0, 0, .2, 1) fadeOut;
}
.modal__container {
background: var(--color-very-light-pink);
border-radius: 3px;
width: 90%;
max-width: 1100px;
max-height: 90%;
padding: 60px 40px 40px;
position: relative;
box-shadow: 1px 3px 8px #0003;
}
@media (width <= 768px) {
.modal__container {
padding: 30px 20px 20px;
}
}
.modal__container--small {
max-width: 600px;
}
.modal[aria-hidden="false"] .modal__container {
animation: .5s cubic-bezier(0, 0, .2, 1) slideIn;
}
.modal[aria-hidden="true"] .modal__container {
animation: .5s cubic-bezier(0, 0, .2, 1) slideOut;
}
.modal__close {
width: 30px;
color: var(--color-black);
cursor: pointer;
z-index: var(--z-index-priority-content);
background: none;
border: 0;
transition: color .3s ease-in-out;
position: absolute;
top: 20px;
right: 40px;
}
.modal__close:hover {
color: var(--color-orange);
}
@media (width <= 768px) {
.modal__close {
width: 20px;
top: 10px;
right: 10px;
}
}
.modal__close svg {
pointer-events: none;
width: 100%;
display: block;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes slideIn {
from {
transform: translateY(5%);
}
to {
transform: translateY(0);
}
}
@keyframes slideOut {
from {
transform: translateY(0);
}
to {
transform: translateY(-5%);
}
}
.modal__container.modal-happiness__container {
border-radius: 10px;
max-width: 730px;
}
.modal__container.modal-happiness__container .modal__content {
text-align: center;
}
.modal__container.modal-happiness__container .modal__content img {
width: 65px;
}
.modal__container.modal-happiness__container .btn {
margin-top: .75rem;
}
.modal__container.modal-happiness__container a:not(.btn) {
text-decoration: underline;
}
.modal__container.modal-happiness__container .modal__close {
background-color: var(--color-black);
color: var(--color-white);
border-radius: 50%;
padding: 2px;
}
.modal__container.modal-happiness__container .nf-slide-img-wrap {
max-height: calc(100% - 4rem);
}
.modal__container.modal-happiness__container .nf-slide-img-wrap img {
object-fit: contain;
object-position: center top;
width: auto;
max-width: 100%;
max-height: 100%;
margin: auto;
display: block;
}
.nf-slider .flickity-button {
z-index: 1;
border-radius: 50%;
background-color: #ffb71b !important;
width: 2rem !important;
height: 2rem !important;
padding: .25rem !important;
top: 1.75rem !important;
}
@media (width <= 768px) {
.nf-slider .flickity-button {
width: 1.75rem !important;
height: 1.75rem !important;
top: 1.5rem !important;
}
}
.nf-slide {
flex-direction: column;
width: 100%;
height: calc(100vh - 240px);
max-height: 800px;
display: flex;
}
.nf-slide-header {
letter-spacing: 3.60624px;
text-transform: uppercase;
text-align: center;
max-width: 200px;
margin: 0 auto;
font-size: 22px;
font-weight: bold;
line-height: 1.25;
}
@media (width >= 769px) {
.nf-slide-header {
max-width: 220px;
font-size: 24px;
}
}
.ni-trigger {
letter-spacing: .218182px;
color: #222;
vertical-align: middle;
margin-top: .5rem;
font-size: 14px;
display: block;
position: relative;
}
@media (width <= 768px) {
.ni-trigger {
margin-left: auto;
margin-right: auto;
}
}
.ni-trigger span.icon {
vertical-align: middle;
border-radius: 50%;
width: 14px;
height: 14px;
margin-bottom: .25em;
margin-right: 4px;
font-size: 10px;
line-height: 1;
display: inline-block;
position: relative;
}
.ni-trigger span.icon:before, .ni-trigger span.icon:after {
content: "";
z-index: -1;
width: 100%;
height: 100%;
position: absolute;
}
.ni-trigger span.icon:before {
border-radius: 50%;
border-radius: var(--border-radius);
border: 1px solid var(--color-black);
background-color: #ffb71b;
top: 0;
left: 0;
}
.ni-trigger span.icon:after {
border-radius: var(--border-radius);
z-index: -1;
transition: opacity .3s ease-in-out;
top: 3px;
left: 5px;
}
.ni-trigger span.icon span {
z-index: 1;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#modal-nf .modal__container.modal-happiness__container {
padding: 1rem;
}
@media (width >= 769px) {
#modal-nf .modal__container.modal-happiness__container {
padding: 1.5rem;
}
}
#modal-nf .modal__close {
top: -1rem;
transform: translateY(-50%);
}
@media (width >= 769px) {
#modal-nf .modal__close {
top: -1.5rem;
}
}
@keyframes plyr-progress {
to {
background-position: 25px 0;
}
}
@keyframes plyr-popup {
0% {
opacity: .5;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes plyr-fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.plyr {
-moz-osx-font-smoothing: auto;
-webkit-font-smoothing: subpixel-antialiased;
font-variant-numeric: tabular-nums;
min-width: 200px;
max-width: 100%;
text-shadow: none;
direction: ltr;
font-family: Avenir, Avenir Next, Helvetica Neue, Segoe UI, Helvetica, Arial, sans-serif;
font-weight: 500;
line-height: 1.7;
transition: box-shadow .3s;
position: relative;
}
.plyr audio, .plyr video {
border-radius: inherit;
vertical-align: middle;
width: 100%;
height: auto;
}
.plyr button {
font: inherit;
line-height: inherit;
width: auto;
}
.plyr:focus {
outline: 0;
}
.plyr--full-ui {
box-sizing: border-box;
}
.plyr--full-ui *, .plyr--full-ui :after, .plyr--full-ui :before {
box-sizing: inherit;
}
.plyr--full-ui a, .plyr--full-ui button, .plyr--full-ui input, .plyr--full-ui label {
touch-action: manipulation;
}
.plyr__badge {
color: #fff;
background: #4f5b5f;
border-radius: 2px;
padding: 3px 4px;
font-size: 9px;
line-height: 1;
}
.plyr--full-ui ::-webkit-media-text-track-container {
display: none;
}
.plyr__captions {
color: #fff;
text-align: center;
width: 100%;
padding: 10px;
font-size: 14px;
transition: transform .4s ease-in-out;
animation: .3s plyr-fade-in;
display: none;
position: absolute;
bottom: 0;
left: 0;
}
.plyr__captions .plyr__caption {
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
white-space: pre-wrap;
background: #000c;
border-radius: 2px;
padding: .2em .5em;
line-height: 185%;
}
.plyr__captions .plyr__caption div {
display: inline;
}
.plyr__captions span:empty {
display: none;
}
@media (width >= 480px) {
.plyr__captions {
padding: 20px;
font-size: 16px;
}
}
@media (width >= 768px) {
.plyr__captions {
font-size: 18px;
}
}
.plyr--captions-active .plyr__captions {
display: block;
}
.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
transform: translateY(-40px);
}
.plyr__control {
color: inherit;
cursor: pointer;
background: none;
border: 0;
border-radius: 3px;
flex-shrink: 0;
padding: 7px;
transition: all .3s;
position: relative;
overflow: visible;
}
.plyr__control svg {
fill: currentColor;
pointer-events: none;
width: 18px;
height: 18px;
display: block;
}
.plyr__control:focus {
outline: 0;
}
.plyr__control.plyr__tab-focus {
outline: 0;
box-shadow: 0 0 0 5px #1aafff80;
}
a.plyr__control {
text-decoration: none;
}
a.plyr__control:after, a.plyr__control:before, .plyr__control.plyr__control--pressed .icon--not-pressed, .plyr__control.plyr__control--pressed .label--not-pressed, .plyr__control:not(.plyr__control--pressed) .icon--pressed, .plyr__control:not(.plyr__control--pressed) .label--pressed {
display: none;
}
.plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded="true"] {
color: #fff;
background: #1aafff;
}
.plyr--video .plyr__control svg {
filter: drop-shadow(0 1px 1px #00000026);
}
.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded="true"] {
color: #fff;
background: #1aafff;
}
.plyr__control--overlaid {
color: #fff;
z-index: 2;
background: #1aafffcc;
border: 0;
border-radius: 100%;
padding: 15px;
display: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
box-shadow: 0 1px 1px #00000026;
}
.plyr__control--overlaid svg {
position: relative;
left: 2px;
}
.plyr__control--overlaid:focus, .plyr__control--overlaid:hover {
background: #1aafff;
}
.plyr--playing .plyr__control--overlaid {
opacity: 0;
visibility: hidden;
}
.plyr--full-ui.plyr--video .plyr__control--overlaid {
display: block;
}
.plyr--full-ui ::-webkit-media-controls {
display: none;
}
.plyr__controls {
text-align: center;
justify-content: flex-end;
align-items: center;
display: flex;
}
.plyr__controls .plyr__menu, .plyr__controls .plyr__progress, .plyr__controls .plyr__time, .plyr__controls .plyr__volume, .plyr__controls > .plyr__control {
margin-left: 5px;
}
.plyr__controls .plyr__menu + .plyr__control, .plyr__controls .plyr__progress + .plyr__control, .plyr__controls > .plyr__control + .plyr__control, .plyr__controls > .plyr__control + .plyr__menu {
margin-left: 2px;
}
.plyr__controls > .plyr__control:first-child, .plyr__controls > .plyr__control:first-child + [data-plyr="pause"] {
margin-left: 0;
margin-right: auto;
}
.plyr__controls:empty {
display: none;
}
@media (width >= 480px) {
.plyr__controls .plyr__menu, .plyr__controls .plyr__progress, .plyr__controls .plyr__time, .plyr__controls .plyr__volume, .plyr__controls > .plyr__control {
margin-left: 10px;
}
}
.plyr--audio .plyr__controls {
border-radius: inherit;
color: #4f5b5f;
background: #fff;
padding: 10px;
}
.plyr--video .plyr__controls {
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
color: #fff;
z-index: 3;
background: linear-gradient(#0000, #000000b3);
padding: 20px 5px 5px;
transition: opacity .4s ease-in-out, transform .4s ease-in-out;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
@media (width >= 480px) {
.plyr--video .plyr__controls {
padding: 35px 10px 10px;
}
}
.plyr--video.plyr--hide-controls .plyr__controls {
opacity: 0;
pointer-events: none;
transform: translateY(100%);
}
.plyr [data-plyr="airplay"], .plyr [data-plyr="captions"], .plyr [data-plyr="fullscreen"], .plyr [data-plyr="pip"] {
display: none;
}
.plyr--airplay-supported [data-plyr="airplay"], .plyr--captions-enabled [data-plyr="captions"], .plyr--fullscreen-enabled [data-plyr="fullscreen"], .plyr--pip-supported [data-plyr="pip"] {
display: inline-block;
}
.plyr__menu {
display: flex;
position: relative;
}
.plyr__menu .plyr__control svg {
transition: transform .3s;
}
.plyr__menu .plyr__control[aria-expanded="true"] svg {
transform: rotate(90deg);
}
.plyr__menu .plyr__control[aria-expanded="true"] .plyr__tooltip {
display: none;
}
.plyr__menu__container {
color: #4f5b5f;
text-align: left;
white-space: nowrap;
z-index: 3;
background: #ffffffe6;
border-radius: 4px;
margin-bottom: 10px;
font-size: 16px;
animation: .2s plyr-popup;
position: absolute;
bottom: 100%;
right: -3px;
box-shadow: 0 1px 2px #00000026;
}
.plyr__menu__container > div {
transition: height .35s cubic-bezier(.4, 0, .2, 1), width .35s cubic-bezier(.4, 0, .2, 1);
overflow: hidden;
}
.plyr__menu__container:after {
content: "";
border: 4px solid #0000;
border-top-color: #ffffffe6;
width: 0;
height: 0;
position: absolute;
top: 100%;
right: 15px;
}
.plyr__menu__container [role="menu"] {
padding: 7px;
}
.plyr__menu__container [role="menuitem"], .plyr__menu__container [role="menuitemradio"] {
margin-top: 2px;
}
.plyr__menu__container [role="menuitem"]:first-child, .plyr__menu__container [role="menuitemradio"]:first-child {
margin-top: 0;
}
.plyr__menu__container .plyr__control {
color: #4f5b5f;
-webkit-user-select: none;
user-select: none;
align-items: center;
width: 100%;
padding: 4px 11px;
font-size: 14px;
display: flex;
}
.plyr__menu__container .plyr__control > span {
align-items: inherit;
width: 100%;
display: flex;
}
.plyr__menu__container .plyr__control:after {
content: "";
border: 4px solid #0000;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.plyr__menu__container .plyr__control--forward {
padding-right: 28px;
}
.plyr__menu__container .plyr__control--forward:after {
border-left-color: #4f5b5fcc;
right: 5px;
}
.plyr__menu__container .plyr__control--forward.plyr__tab-focus:after, .plyr__menu__container .plyr__control--forward:hover:after {
border-left-color: currentColor;
}
.plyr__menu__container .plyr__control--back {
width: calc(100% - 14px);
margin: 7px 7px 3px;
padding-left: 28px;
font-weight: 500;
position: relative;
}
.plyr__menu__container .plyr__control--back:after {
border-right-color: #4f5b5fcc;
left: 7px;
}
.plyr__menu__container .plyr__control--back:before {
content: "";
background: #b7c5cd;
height: 1px;
margin-top: 4px;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden;
box-shadow: 0 1px #fff;
}
.plyr__menu__container .plyr__control--back.plyr__tab-focus:after, .plyr__menu__container .plyr__control--back:hover:after {
border-right-color: currentColor;
}
.plyr__menu__container .plyr__control[role="menuitemradio"] {
padding-left: 7px;
}
.plyr__menu__container .plyr__control[role="menuitemradio"]:after, .plyr__menu__container .plyr__control[role="menuitemradio"]:before {
border-radius: 100%;
}
.plyr__menu__container .plyr__control[role="menuitemradio"]:before {
content: "";
background: #0000001a;
flex-shrink: 0;
width: 16px;
height: 16px;
margin-right: 10px;
transition: all .3s;
display: block;
}
.plyr__menu__container .plyr__control[role="menuitemradio"]:after {
opacity: 0;
background: #fff;
border: 0;
width: 6px;
height: 6px;
transition: transform .3s, opacity .3s;
top: 50%;
left: 12px;
transform: translateY(-50%)scale(0);
}
.plyr__menu__container .plyr__control[role="menuitemradio"][aria-checked="true"]:before {
background: #1aafff;
}
.plyr__menu__container .plyr__control[role="menuitemradio"][aria-checked="true"]:after {
opacity: 1;
transform: translateY(-50%)scale(1);
}
.plyr__menu__container .plyr__control[role="menuitemradio"].plyr__tab-focus:before, .plyr__menu__container .plyr__control[role="menuitemradio"]:hover:before {
background: #0000001a;
}
.plyr__menu__container .plyr__menu__value {
pointer-events: none;
align-items: center;
margin-left: auto;
margin-right: -5px;
padding-left: 25px;
display: flex;
overflow: hidden;
}
.plyr--full-ui input[type="range"] {
-webkit-appearance: none;
color: #1aafff;
background: none;
border: 0;
border-radius: 26px;
width: 100%;
height: 19px;
margin: 0;
padding: 0;
transition: box-shadow .3s;
display: block;
}
.plyr--full-ui input[type="range"]::-webkit-slider-runnable-track {
-webkit-user-select: none;
user-select: none;
background: none;
background-image: linear-gradient(to right, currentColor var(--value, 0), transparent var(--value, 0));
border: 0;
border-radius: 2.5px;
height: 5px;
transition: box-shadow .3s;
}
.plyr--full-ui input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
background: #fff;
border: 0;
border-radius: 100%;
width: 13px;
height: 13px;
margin-top: -4px;
transition: all .2s;
position: relative;
box-shadow: 0 1px 1px #00000026, 0 0 0 1px #2f343d33;
}
.plyr--full-ui input[type="range"]::-moz-range-track {
-webkit-user-select: none;
user-select: none;
background: none;
border: 0;
border-radius: 2.5px;
height: 5px;
transition: box-shadow .3s;
}
.plyr--full-ui input[type="range"]::-moz-range-thumb {
background: #fff;
border: 0;
border-radius: 100%;
width: 13px;
height: 13px;
transition: all .2s;
position: relative;
box-shadow: 0 1px 1px #00000026, 0 0 0 1px #2f343d33;
}
.plyr--full-ui input[type="range"]::-moz-range-progress {
background: currentColor;
border-radius: 2.5px;
height: 5px;
}
.plyr--full-ui input[type="range"]::-ms-track {
-webkit-user-select: none;
user-select: none;
color: #0000;
background: none;
border: 0;
border-radius: 2.5px;
height: 5px;
transition: box-shadow .3s;
}
.plyr--full-ui input[type="range"]::-ms-fill-upper {
-webkit-user-select: none;
user-select: none;
background: none;
border: 0;
border-radius: 2.5px;
height: 5px;
transition: box-shadow .3s;
}
.plyr--full-ui input[type="range"]::-ms-fill-lower {
-webkit-user-select: none;
user-select: none;
background: currentColor;
border: 0;
border-radius: 2.5px;
height: 5px;
transition: box-shadow .3s;
}
.plyr--full-ui input[type="range"]::-ms-thumb {
background: #fff;
border: 0;
border-radius: 100%;
width: 13px;
height: 13px;
margin-top: 0;
transition: all .2s;
position: relative;
box-shadow: 0 1px 1px #00000026, 0 0 0 1px #2f343d33;
}
.plyr--full-ui input[type="range"]::-ms-tooltip {
display: none;
}
.plyr--full-ui input[type="range"]:focus {
outline: 0;
}
.plyr--full-ui input[type="range"]::-moz-focus-outer {
border: 0;
}
.plyr--full-ui input[type="range"].plyr__tab-focus::-webkit-slider-runnable-track {
outline: 0;
box-shadow: 0 0 0 5px #1aafff80;
}
.plyr--full-ui input[type="range"].plyr__tab-focus::-moz-range-track {
outline: 0;
box-shadow: 0 0 0 5px #1aafff80;
}
.plyr--full-ui input[type="range"].plyr__tab-focus::-ms-track {
outline: 0;
box-shadow: 0 0 0 5px #1aafff80;
}
.plyr--full-ui.plyr--video input[type="range"]::-webkit-slider-runnable-track {
background-color: #ffffff40;
}
.plyr--full-ui.plyr--video input[type="range"]::-moz-range-track {
background-color: #ffffff40;
}
.plyr--full-ui.plyr--video input[type="range"]::-ms-track {
background-color: #ffffff40;
}
.plyr--full-ui.plyr--video input[type="range"]:active::-webkit-slider-thumb {
box-shadow: 0 1px 1px #00000026, 0 0 0 1px #2f343d33, 0 0 0 3px #ffffff80;
}
.plyr--full-ui.plyr--video input[type="range"]:active::-moz-range-thumb {
box-shadow: 0 1px 1px #00000026, 0 0 0 1px #2f343d33, 0 0 0 3px #ffffff80;
}
.plyr--full-ui.plyr--video input[type="range"]:active::-ms-thumb {
box-shadow: 0 1px 1px #00000026, 0 0 0 1px #2f343d33, 0 0 0 3px #ffffff80;
}
.plyr--full-ui.plyr--audio input[type="range"]::-webkit-slider-runnable-track {
background-color: #b7c5cda8;
}
.plyr--full-ui.plyr--audio input[type="range"]::-moz-range-track {
background-color: #b7c5cda8;
}
.plyr--full-ui.plyr--audio input[type="range"]::-ms-track {
background-color: #b7c5cda8;
}
.plyr--full-ui.plyr--audio input[type="range"]:active::-webkit-slider-thumb {
box-shadow: 0 1px 1px #00000026, 0 0 0 1px #2f343d33, 0 0 0 3px #0000001a;
}
.plyr--full-ui.plyr--audio input[type="range"]:active::-moz-range-thumb {
box-shadow: 0 1px 1px #00000026, 0 0 0 1px #2f343d33, 0 0 0 3px #0000001a;
}
.plyr--full-ui.plyr--audio input[type="range"]:active::-ms-thumb {
box-shadow: 0 1px 1px #00000026, 0 0 0 1px #2f343d33, 0 0 0 3px #0000001a;
}
.plyr__poster {
opacity: 0;
z-index: 1;
background-color: #000;
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 100%;
height: 100%;
transition: opacity .2s;
position: absolute;
top: 0;
left: 0;
}
.plyr--stopped.plyr__poster-enabled .plyr__poster {
opacity: 1;
}
.plyr__time {
font-size: 14px;
}
.plyr__time + .plyr__time:before {
content: "⁄";
margin-right: 10px;
}
@media (width <= 767px) {
.plyr__time + .plyr__time {
display: none;
}
}
.plyr--video .plyr__time {
text-shadow: 0 1px 1px #00000026;
}
.plyr__tooltip {
color: #4f5b5f;
opacity: 0;
pointer-events: none;
transform-origin: 50% 100%;
white-space: nowrap;
z-index: 2;
background: #ffffffe6;
border-radius: 3px;
margin-bottom: 10px;
padding: 5px 7.5px;
font-size: 14px;
font-weight: 500;
line-height: 1.3;
transition: transform .2s .1s, opacity .2s .1s;
position: absolute;
bottom: 100%;
left: 50%;
transform: translate(-50%, 10px)scale(.8);
box-shadow: 0 1px 2px #00000026;
}
.plyr__tooltip:before {
content: "";
z-index: 2;
border-top: 4px solid #ffffffe6;
border-left: 4px solid #0000;
border-right: 4px solid #0000;
width: 0;
height: 0;
position: absolute;
bottom: -4px;
left: 50%;
transform: translateX(-50%);
}
.plyr .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr .plyr__control:hover .plyr__tooltip, .plyr__tooltip--visible {
opacity: 1;
transform: translate(-50%)scale(1);
}
.plyr .plyr__control:hover .plyr__tooltip {
z-index: 3;
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
transform-origin: 0 100%;
left: 0;
transform: translate(0, 10px)scale(.8);
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip:before, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip:before {
left: 16px;
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip {
transform-origin: 100% 100%;
left: auto;
right: 0;
transform: translate(0, 10px)scale(.8);
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip:before {
left: auto;
right: 16px;
transform: translateX(50%);
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip, .plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:first-child:hover .plyr__tooltip, .plyr__controls > .plyr__control:last-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:last-child:hover .plyr__tooltip {
transform: translate(0)scale(1);
}
.plyr--video {
background: #000;
overflow: hidden;
}
.plyr--video.plyr--menu-open {
overflow: visible;
}
.plyr__video-wrapper {
border-radius: inherit;
z-index: 0;
background: #000;
position: relative;
overflow: hidden;
}
.plyr__video-embed, .plyr__video-wrapper--fixed-ratio {
height: 0;
padding-bottom: 56.25%;
}
.plyr__video-embed iframe, .plyr__video-wrapper--fixed-ratio video {
-webkit-user-select: none;
user-select: none;
border: 0;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
padding-bottom: 240%;
position: relative;
transform: translateY(-38.2813%);
}
.plyr__progress {
flex: 1;
margin-right: 13px;
position: relative;
left: 6.5px;
}
.plyr__progress input[type="range"], .plyr__progress__buffer {
width: calc(100% + 13px);
margin-left: -6.5px;
margin-right: -6.5px;
}
.plyr__progress input[type="range"] {
z-index: 2;
position: relative;
}
.plyr__progress .plyr__tooltip {
font-size: 14px;
left: 0;
}
.plyr__progress__buffer {
-webkit-appearance: none;
background: none;
border: 0;
border-radius: 100px;
height: 5px;
margin-top: -2.5px;
padding: 0;
position: absolute;
top: 50%;
left: 0;
}
.plyr__progress__buffer::-webkit-progress-bar {
background: none;
}
.plyr__progress__buffer::-webkit-progress-value {
background: currentColor;
border-radius: 100px;
min-width: 5px;
transition: width .2s;
}
.plyr__progress__buffer::-moz-progress-bar {
background: currentColor;
border-radius: 100px;
min-width: 5px;
transition: width .2s;
}
.plyr__progress__buffer::-ms-fill {
border-radius: 100px;
transition: width .2s;
}
.plyr--video .plyr__progress__buffer {
color: #ffffff40;
box-shadow: 0 1px 1px #00000026;
}
.plyr--audio .plyr__progress__buffer {
color: #b7c5cda8;
}
.plyr--loading .plyr__progress__buffer {
color: #0000;
background-image: linear-gradient(-45deg, #2f343d99 25%, #0000 25% 50%, #2f343d99 50% 75%, #0000 75%, #0000);
background-repeat: repeat-x;
background-size: 25px 25px;
animation: 1s linear infinite plyr-progress;
}
.plyr--video.plyr--loading .plyr__progress__buffer {
background-color: #ffffff40;
}
.plyr--audio.plyr--loading .plyr__progress__buffer {
background-color: #b7c5cda8;
}
.plyr__volume {
flex: 1;
align-items: center;
display: flex;
position: relative;
}
.plyr__volume input[type="range"] {
z-index: 2;
margin-left: 5px;
position: relative;
}
@media (width >= 480px) {
.plyr__volume {
max-width: 90px;
}
}
@media (width >= 768px) {
.plyr__volume {
max-width: 110px;
}
}
.plyr--is-ios .plyr__volume, .plyr--is-ios.plyr--vimeo [data-plyr="mute"] {
display: none !important;
}
@media (width >= 1024px) {
.plyr:fullscreen .plyr__captions {
font-size: 21px;
}
}
.plyr:-webkit-full-screen {
background: #000;
width: 100%;
height: 100%;
margin: 0;
border-radius: 0 !important;
}
.plyr:-webkit-full-screen video {
height: 100%;
}
.plyr:-webkit-full-screen .plyr__video-wrapper {
width: 100%;
height: 100%;
}
.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
height: 0;
top: 50%;
transform: translateY(-50%);
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr:-webkit-full-screen.plyr--hide-controls {
cursor: none;
}
@media (width >= 1024px) {
.plyr:-webkit-full-screen .plyr__captions {
font-size: 21px;
}
}
.plyr:-moz-full-screen {
background: #000;
width: 100%;
height: 100%;
margin: 0;
border-radius: 0 !important;
}
.plyr:-moz-full-screen video {
height: 100%;
}
.plyr:-moz-full-screen .plyr__video-wrapper {
width: 100%;
height: 100%;
}
.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
height: 0;
top: 50%;
transform: translateY(-50%);
}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr:-moz-full-screen.plyr--hide-controls {
cursor: none;
}
@media (width >= 1024px) {
.plyr:-moz-full-screen .plyr__captions {
font-size: 21px;
}
}
.plyr:-ms-fullscreen {
background: #000;
width: 100%;
height: 100%;
margin: 0;
border-radius: 0 !important;
}
.plyr:-ms-fullscreen video {
height: 100%;
}
.plyr:-ms-fullscreen .plyr__video-wrapper {
width: 100%;
height: 100%;
}
.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
height: 0;
top: 50%;
transform: translateY(-50%);
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr:-ms-fullscreen.plyr--hide-controls {
cursor: none;
}
@media (width >= 1024px) {
.plyr:-ms-fullscreen .plyr__captions {
font-size: 21px;
}
}
.plyr--fullscreen-fallback {
z-index: 10000000;
background: #000;
width: 100%;
height: 100%;
margin: 0;
position: fixed;
inset: 0;
border-radius: 0 !important;
}
.plyr--fullscreen-fallback video {
height: 100%;
}
.plyr--fullscreen-fallback .plyr__video-wrapper {
width: 100%;
height: 100%;
}
.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper {
height: 0;
top: 50%;
transform: translateY(-50%);
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr--fullscreen-fallback.plyr--hide-controls {
cursor: none;
}
@media (width >= 1024px) {
.plyr--fullscreen-fallback .plyr__captions {
font-size: 21px;
}
}
.plyr__ads {
border-radius: inherit;
cursor: pointer;
z-index: -1;
position: absolute;
inset: 0;
overflow: hidden;
}
.plyr__ads > div, .plyr__ads > div iframe {
width: 100%;
height: 100%;
position: absolute;
}
.plyr__ads:after {
color: #fff;
content: attr(data-badge-text);
pointer-events: none;
z-index: 3;
background: #2f343dcc;
border-radius: 2px;
padding: 2px 6px;
font-size: 11px;
position: absolute;
bottom: 10px;
right: 10px;
}
.plyr__cues {
opacity: .8;
z-index: 3;
background: currentColor;
width: 3px;
height: 5px;
margin: -2.5px 0 0;
display: block;
position: absolute;
top: 50%;
left: 0;
}
.plyr__preview-thumb {
opacity: 0;
pointer-events: none;
transform-origin: 50% 100%;
z-index: 2;
background-color: #ffffffe6;
border-radius: 3px;
margin-bottom: 10px;
padding: 3px;
transition: transform .2s .1s, opacity .2s .1s;
position: absolute;
bottom: 100%;
transform: translate(0, 10px)scale(.8);
box-shadow: 0 1px 2px #00000026;
}
.plyr__preview-thumb--is-shown {
opacity: 1;
transform: translate(0)scale(1);
}
.plyr__preview-thumb:before {
content: "";
z-index: 2;
border-top: 4px solid #ffffffe6;
border-left: 4px solid #0000;
border-right: 4px solid #0000;
width: 0;
height: 0;
position: absolute;
bottom: -4px;
left: 50%;
transform: translateX(-50%);
}
.plyr__preview-thumb__image-container {
z-index: 0;
background: #b7c5cd;
border-radius: 2px;
position: relative;
overflow: hidden;
}
.plyr__preview-thumb__image-container img {
width: 100%;
max-width: none;
height: 100%;
max-height: none;
position: absolute;
top: 0;
left: 0;
}
.plyr__preview-thumb__time-container {
white-space: nowrap;
z-index: 3;
position: absolute;
bottom: 6px;
left: 0;
right: 0;
}
.plyr__preview-thumb__time-container span {
color: #fff;
background-color: #0000008c;
border-radius: 2px;
padding: 3px 6px;
font-size: 14px;
}
.plyr__preview-scrubbing {
filter: blur(1px);
opacity: 0;
z-index: 1;
width: 100%;
height: 100%;
margin: auto;
transition: opacity .3s;
position: absolute;
inset: 0;
overflow: hidden;
}
.plyr__preview-scrubbing--is-shown {
opacity: 1;
}
.plyr__preview-scrubbing img {
-o-object-fit: contain;
object-fit: contain;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
position: absolute;
top: 0;
left: 0;
}
.plyr--no-transition {
transition: none !important;
}
.plyr__sr-only {
clip: rect(1px, 1px, 1px, 1px);
overflow: hidden;
border: 0 !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
position: absolute !important;
}
.plyr [hidden] {
display: none !important;
}
.plyr-video__container {
position: relative;
}
.plyr__control {
color: var(--color-white);
}
.plyr--video .plyr__controls .plyr__control.plyr__tab-focus, .plyr--video .plyr__controls .plyr__control:hover, .plyr--video .plyr__controls .plyr__control[aria-expanded="true"] {
background: var(--color-orange);
}
.plyr--full-ui input[type="range"] {
color: var(--color-orange);
}
.plyr--video .plyr__control.plyr__control--overlaid {
color: var(--color-white);
background: var(--color-orange);
padding: 30px;
}
.plyr--video .plyr__control.plyr__control--overlaid:hover {
color: var(--color-white);
background: var(--color-orange);
opacity: .8;
}
.icon-grid {
z-index: 10;
flex-wrap: wrap;
justify-content: center;
display: flex;
position: relative;
}
@media (width <= 1024px) {
.icon-grid {
flex-flow: wrap;
}
}
.content-block .icon-grid {
margin-left: -30px;
margin-right: -30px;
}
@media (width <= 768px) {
.content-block .icon-grid {
margin-left: -10px;
margin-right: -10px;
}
}
.icon-grid-item {
text-align: center;
width: 25%;
margin-bottom: 20px;
padding: 0 10px;
}
@media (width <= 1024px) {
.icon-grid-item {
margin-bottom: 20px;
}
}
@media (width <= 768px) {
.icon-grid-item {
width: 50%;
margin-bottom: 20px;
}
}
@media (width >= 769px) {
#shopify-section-page-nutrition-icon-grid .icon-grid-item {
width: 16.6667%;
}
}
.icon-grid-item__image {
border: 2px solid;
border-radius: 50%;
width: 100px;
height: 100px;
margin: 0 auto 20px;
padding: 5%;
position: relative;
}
@media (width <= 768px) {
.icon-grid-item__image {
width: 80px;
height: 80px;
}
}
.icon-grid-item__image img {
object-fit: cover;
object-position: center;
z-index: 10;
border-radius: 50%;
width: 100%;
height: 100%;
position: relative;
}
.icon-grid-item__image:after {
content: "";
background: var(--color-orange);
z-index: -1;
border-radius: 50%;
width: 100%;
height: 100%;
position: absolute;
top: 3px;
left: 5px;
}
.icon-grid-item--off-white .icon-grid-item__image:after {
background: var(--color-off-white);
}
.icon-grid-item__title {
margin-bottom: 5px;
}
.icon-grid-item__text {
margin-bottom: 0;
}
.hero-slider__container {
position: relative;
}
.hero-slide {
width: 100%;
display: block;
}
.hero-slide__image {
width: 100%;
height: 100%;
display: block;
position: relative;
}
.hero-slide__image img {
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
position: absolute;
}
.hero-slide__image:after {
content: "";
padding-bottom: 43%;
display: block;
}
@media (width <= 1024px) {
.hero-slide__image:after {
padding-bottom: 60%;
}
.hero-slide__desktop-image {
display: none;
}
}
.hero-slide__mobile-image {
display: none;
}
@media (width <= 1024px) {
.hero-slide__mobile-image {
display: block;
}
}
.hero-slide__content {
width: 40%;
color: var(--black);
padding: 40px 20px;
position: absolute;
top: 50%;
transform: translate(0, -50%);
}
@media (width <= 1024px) {
.hero-slide__content {
text-align: center;
width: 100%;
padding: 30px 20px;
position: relative;
top: 0;
transform: translate(0);
}
}
.hero-slide__content--left {
left: 0;
}
.hero-slide__content--right {
right: 0;
}
.hero-slide__content--center {
text-align: center;
left: 50%;
transform: translate(-50%, -50%);
}
@media (width <= 1024px) {
.hero-slide__content--center {
left: 0;
transform: translate(0);
}
}
.hero-slide__content-container {
z-index: 10;
width: 90%;
max-width: 500px;
transition: all 1s 1s var(--transition-easing-cubic);
margin: 0 auto;
position: relative;
}
.hero-slide__content-container > * {
opacity: 0;
transition: opacity var(--transition-duration-slow), transform var(--transition-duration-slow);
transform: translateY(30px);
}
.hero-slide__content-container > :first-child {
transition-delay: .1s;
}
.hero-slide__content-container > :nth-child(2) {
transition-delay: .2s;
}
.hero-slide__content-container > :nth-child(3) {
transition-delay: .3s;
}
.hero-slide.is-selected .hero-slide__content-container > * {
opacity: 1;
transform: translateY(0);
}
.hero-slide .highlight-word {
background-size: 0% .4em;
}
.hero-slide.is-selected .highlight-word {
background-size: 100% .4em;
transition-delay: .8s;
}
@media (width <= 1024px) {
.hero-slide.is-selected .highlight-word {
background-size: 100% .5em;
}
}
.hero-slide__title {
font-family: Megazoid;
}
.hero-slide:hover .btn:after {
opacity: 0;
}
@media (width <= 1024px) {
.hero-slider__container .flickity-slider-dots {
top: 48vw;
bottom: auto;
}
}
.card-slider {
margin-bottom: 50px;
}
.card-slide {
width: 20%;
padding: 20px 20px 0;
}
@media (width <= 768px) {
.card-slide {
width: 33.33%;
}
}
@media (width <= 568px) {
.card-slide {
width: 60%;
}
}
.card-slide__title {
z-index: var(--z-index-priority-content);
position: absolute;
top: 5px;
left: 50%;
transform: translateX(-50%);
}
.card-slide__image {
margin-bottom: 10px;
position: relative;
}
.card-slide__image:after {
content: "";
padding-bottom: 130%;
display: block;
}
.card-slide__image img {
object-fit: cover;
object-position: center;
border-radius: var(--border-radius-small);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.card-slide__text {
text-align: center;
}
.flavor-slider__container {
position: relative;
}
.flavor-slider {
margin-bottom: 50px;
}
.flavor-slide {
flex-flow: wrap;
width: 100%;
display: flex;
position: relative;
}
.flavor-slide__image {
width: 50%;
display: block;
position: relative;
}
@media (width <= 768px) {
.flavor-slide__image {
width: 100%;
}
}
.flavor-slide__image:after {
content: "";
padding-bottom: 80%;
display: block;
}
.flavor-slide__image img {
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
}
.flavor-slide__content {
justify-content: center;
align-items: center;
width: 50%;
padding: 50px 0;
display: flex;
}
@media (width <= 768px) {
.flavor-slide__content {
width: 100%;
}
}
.flavor-slide--content-left .flavor-slide__content {
order: -1;
}
@media (width <= 768px) {
.flavor-slide--content-left .flavor-slide__content {
order: 1;
}
}
.flavor-slide__content--light {
color: var(--color-black);
}
.flavor-slide__content--dark {
color: var(--color-off-white);
}
.flavor-slide__content-container {
z-index: 1;
width: 90%;
max-width: 500px;
margin: 0 auto;
}
.flavor-slide__content-container :last-child {
margin-bottom: 0;
}
ul.flavor-slider-nav {
background: var(--color-off-white);
z-index: var(--z-index-priority-content);
white-space: nowrap;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
border-radius: 22px;
flex-wrap: nowrap;
max-width: 90%;
padding: 10px 20px;
display: inline-flex;
position: absolute;
top: 30px;
left: 50%;
overflow: auto;
transform: translateX(-50%);
}
@media (width <= 768px) {
ul.flavor-slider-nav {
margin-bottom: 30px;
position: relative;
top: 0;
}
}
ul.flavor-slider-nav::-webkit-scrollbar {
display: none;
}
.flavor-slider-nav__item {
cursor: pointer;
color: var(--color-black);
background: none;
border-radius: 22px;
margin: 0 5px;
padding: 2px 15px;
font-family: Aeonik, sans-serif;
font-size: .9em;
font-weight: 700;
transition: all .3s ease-in-out;
position: relative;
}
.flavor-slider-nav__item.active {
color: var(--color-white);
}
.flavor-slider-nav__item-text {
z-index: var(--z-index-priority-content);
position: relative;
}
.flavor-slider-nav__item-background {
opacity: 0;
border-radius: 22px;
width: 100%;
height: 100%;
transition: all .3s ease-in-out;
display: block;
position: absolute;
top: 0;
left: 0;
}
.flavor-slider-nav__item.active .flavor-slider-nav__item-background {
opacity: 1;
}
.test-item-content {
z-index: 1;
border-radius: 7px;
flex-direction: column;
justify-content: space-between;
width: 100%;
max-width: 317px;
height: calc(100% - 73px);
min-height: 400px;
padding: 33px 23px;
display: flex;
position: absolute;
top: 20px;
left: 6vw;
right: auto;
box-shadow: 4px 5px 3px 2px #00000040;
}
@media (width <= 767px) {
.test-item-content {
width: 100%;
max-width: 90.7%;
height: auto;
min-height: 0;
margin: auto;
display: flex;
inset: auto 0 -50px;
}
}
.test-item-content p.test-item-name {
color: #ffb71b;
letter-spacing: .247272px;
margin-top: 15px;
margin-bottom: 15px;
font-family: Megazoid;
font-size: 20px;
font-weight: 700;
line-height: 24px;
}
@media (width <= 767px) {
.test-item-content p.test-item-name {
margin-top: 0;
}
}
.test-item-content p.test-item-review {
letter-spacing: .123636px;
font-family: Aeonik, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 26px;
}
@media (width <= 767px) {
.test-item-content p.test-item-review {
letter-spacing: .123636px;
margin-top: 5px;
margin-bottom: 20px;
font-size: 16px;
line-height: 23px;
}
}
.test-item-content p.test-item-occupation {
letter-spacing: .123636px;
width: 100%;
max-width: 167px;
margin-bottom: 0;
font-size: 16px;
font-style: italic;
font-weight: 400;
line-height: 23px;
}
.slick-current + div .test-item-content {
display: flex;
}
@media (width <= 767px) {
.slick-current + div .test-item-content, .slick-current .test-item-content {
display: flex;
}
}
.testimonial-item {
width: 100%;
height: 100%;
margin: 2px;
position: relative;
}
.testimonials-container-wrapper.container .slick-initialized .slick-slide {
object-fit: cover;
margin: 20px 2px 40px;
display: block;
}
@media (width <= 767px) {
.testimonials-container-wrapper.container .slick-initialized .slick-slide {
margin: 20px 2px 60px;
}
}
.testimonials-container-wrapper.container .slick-slide {
transition: all .1s;
}
.testimonials-container-wrapper.container .slick-slide img {
width: 100%;
max-width: 100%;
height: 100%;
max-height: 100%;
margin: auto;
display: block;
}
@media (width <= 767px) {
.testimonials-container-wrapper.container .slick-slide img {
max-height: 600px;
}
}
.testimonials-container-wrapper.container div.slick-clone img {
transition: all .5s !important;
}
.testimonial-item {
width: 100%;
max-width: 326px;
}
@media (width <= 767px) {
.testimonial-item {
max-width: 100%;
}
}
.testimonials-container-wrapper.container {
width: 98%;
}
.test-slider-wrapper {
position: relative;
}
.testimonials-wrapper.slick-initialized.slick-slider {
width: 100%;
max-width: 1134px;
margin: auto;
}
@media (width <= 1200px) {
.testimonials-wrapper.slick-initialized.slick-slider {
max-width: 900px;
}
}
h2.testimonials-title {
text-align: center;
margin-bottom: 0;
}
.testimonials-subtitle-wrapper {
flex-direction: row;
justify-content: center;
align-items: center;
gap: 5px;
display: flex;
}
@media (width <= 767px) {
.testimonials-subtitle-wrapper {
margin-top: 2px;
margin-bottom: 21px;
}
}
p.testimonials-subtitle {
margin-bottom: 0;
font-family: Aeonik, sans-serif;
font-weight: 700;
}
@media (width <= 767px) {
p.testimonials-subtitle {
font-size: 14px;
line-height: 24px;
}
}
.testimonials-subtitle-wrapper span {
filter: brightness(0);
background-image: url("data:image/svg+xml;charset=UTF-8, %3Csvg%20width%3D%2280%22%20height%3D%2214%22%20viewBox%3D%220%200%2080%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%23FFB71B%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M71.996%2011.368l-3.94%202.42c-.474.292-.756.096-.628-.443l1.074-4.53-3.507-3.022c-.422-.363-.324-.693.24-.74l4.602-.37%201.778-4.3c.21-.51.55-.512.762%200l1.78%204.3%204.602.37c.552.046.666.37.237.74l-3.507%203.02%201.075%204.532c.127.536-.147.74-.628.444l-3.94-2.422zM55.996%2011.368l-3.94%202.42c-.474.292-.756.096-.628-.443l1.074-4.53-3.507-3.022c-.422-.363-.324-.693.24-.74l4.602-.37%201.778-4.3c.21-.51.55-.512.762%200l1.78%204.3%204.602.37c.552.046.666.37.237.74l-3.507%203.02%201.075%204.532c.127.536-.147.74-.628.444l-3.94-2.422zM40.123%2011.368l-3.94%202.42c-.475.292-.756.096-.63-.443l1.076-4.53-3.508-3.022c-.422-.363-.324-.693.24-.74l4.602-.37%201.778-4.3c.21-.51.55-.512.762%200l1.778%204.3%204.603.37c.554.046.667.37.24.74l-3.508%203.02%201.075%204.532c.127.536-.147.74-.628.444l-3.94-2.422zM24.076%2011.368l-3.94%202.42c-.475.292-.757.096-.63-.443l1.076-4.53-3.507-3.022c-.422-.363-.324-.693.238-.74l4.603-.37%201.78-4.3c.21-.51.55-.512.76%200l1.78%204.3%204.602.37c.554.046.667.37.24.74l-3.508%203.02%201.074%204.532c.127.536-.146.74-.628.444l-3.94-2.422zM8.123%2011.368l-3.94%202.42c-.475.292-.756.096-.63-.443l1.076-4.53L1.12%205.792c-.422-.363-.324-.693.24-.74l4.602-.37%201.778-4.3c.21-.51.55-.512.762%200l1.778%204.3%204.603.37c.554.046.667.37.24.74l-3.508%203.02%201.075%204.532c.127.536-.147.74-.628.444l-3.94-2.422z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: contain;
width: 113px;
height: 20px;
display: block;
}
@media (width <= 767px) {
.testimonials-subtitle-wrapper span {
width: 80px;
height: 14px;
}
}
.testimonials-section-wrapper ul.slick-dots, .hc-testi-slider ul.slick-dots {
flex-direction: row;
justify-content: center;
align-items: center;
gap: 5px;
display: flex;
}
@media (width <= 767px) {
.testimonials-section-wrapper ul.slick-dots, .hc-testi-slider ul.slick-dots {
margin-top: 47px;
}
}
.testimonials-section-wrapper ul.slick-dots li, .hc-testi-slider ul.slick-dots li {
border: 1px solid #222;
border-radius: 50%;
width: 13px;
height: 13px;
}
.testimonials-section-wrapper ul.slick-dots li.slick-active, .hc-testi-slider ul.slick-dots li.slick-active {
background-color: #ffb71b;
}
.testimonials-section-wrapper ul.slick-dots button, .hc-testi-slider ul.slick-dots button {
display: none;
}
.testimonials-section-wrapper .slick-arrow, .hc-testi-slider .slick-arrow {
visibility: hidden;
width: 33px;
height: 33px;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
}
.testimonials-section-wrapper .slick-arrow:before, .hc-testi-slider .slick-arrow:before {
content: "";
visibility: visible;
background-image: url("/cdn/shop/files/Group_18.png?v=1652423019");
background-repeat: no-repeat;
background-size: cover;
width: 33px;
height: 33px;
margin: auto;
display: block;
position: absolute;
inset: 0;
}
@media (width <= 767px) {
.testimonials-section-wrapper .slick-arrow:before, .hc-testi-slider .slick-arrow:before {
top: auto;
bottom: 0;
}
}
.testimonials-section-wrapper button.slick-next.slick-arrow, .hc-testi-slider button.slick-next.slick-arrow {
right: -5.5vw;
transform: rotate(180deg);
}
@media (width >= 768px) and (width <= 1300px) {
.testimonials-section-wrapper button.slick-next.slick-arrow, .hc-testi-slider button.slick-next.slick-arrow {
right: -4vw;
}
}
@media (width <= 767px) {
.testimonials-section-wrapper button.slick-next.slick-arrow, .hc-testi-slider button.slick-next.slick-arrow {
z-index: 1;
top: auto;
bottom: 0;
right: 0;
}
}
.testimonials-section-wrapper button.slick-prev.slick-arrow, .hc-testi-slider button.slick-prev.slick-arrow {
left: -5.5vw;
}
@media (width >= 768px) and (width <= 1300px) {
.testimonials-section-wrapper button.slick-prev.slick-arrow, .hc-testi-slider button.slick-prev.slick-arrow {
left: -4vw;
}
}
@media (width <= 767px) {
.testimonials-section-wrapper button.slick-prev.slick-arrow, .hc-testi-slider button.slick-prev.slick-arrow {
z-index: 1;
top: auto;
bottom: 0;
left: 0;
}
}
@media (width >= 768px) {
.testimonials-section-wrapper .text-item-content-wrap {
width: 100%;
max-width: 1134px;
height: 100%;
margin: auto;
position: absolute;
left: 0;
right: 0;
}
.testimonials-section-wrapper .text-item-content-wrap .test-item-content {
left: 333px;
}
}
.cb-slider__container {
position: relative;
}
.cb-slider {
margin-bottom: 50px;
}
.cb-slide {
flex-flow: wrap;
width: 100%;
display: flex;
position: relative;
}
@media (width <= 1024px) {
.cb-slide {
height: auto;
}
}
.cb-slide__image {
width: 50%;
display: block;
position: relative;
}
@media (width <= 1024px) {
.cb-slide__image {
order: -1;
width: 100%;
height: 100vw;
}
}
.cb-slide__image:after {
content: "";
padding-bottom: 70%;
display: block;
}
.cb-slide__image img {
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
}
.cb-slide__content {
background: var(--color-orange);
justify-content: center;
align-items: center;
width: 50%;
padding: 40px 0;
display: flex;
}
@media (width <= 1024px) {
.cb-slide__content {
width: 100%;
}
}
.cb-slide--light .cb-slide__content {
color: var(--color-black);
}
.cb-slide--dark .cb-slide__content {
color: var(--color-off-white);
}
.cb-slide__content-container {
z-index: 1;
width: 80%;
max-width: 500px;
margin: 0 auto;
}
@media (width <= 1024px) {
.cb-slide__content-container {
width: 90%;
}
}
.quote-slider__container {
padding: 100px 0;
position: relative;
}
.quote-slider__container--light {
background: var(--color-very-light-pink);
}
.quote-slider__container--dark {
background: var(--color-wheat);
}
.quote-slide {
width: 100%;
position: relative;
}
.quote-slide__container {
width: 90%;
max-width: 700px;
margin: 0 auto;
}
.quote-slide__header-image {
width: 100px;
margin: 0 auto 50px;
display: block;
}
.quote-slide__image img {
width: 100%;
display: block;
}
.quote-slide__content {
text-align: center;
}
.quote-slide--light .quote-slide__content {
color: var(--color-black);
}
.quote-slide--dark .quote-slide__content {
color: var(--color-off-white);
}
.quote-slide__text {
text-align: center;
font-family: Megazoid;
}
.quote-slider__container--light .quote-slide__text {
color: var(--color-orange);
}
.quote-slide__subtitle {
margin: 0;
font-family: Aeonik, sans-serif;
font-weight: 700;
}
.quote-slide__footer-image {
width: 250px;
margin: 0 auto;
display: block;
}
.quote-slide__footer-image img {
width: 100%;
display: block;
}
.quote-slider__container .flickity-slider-dots {
display: flex;
}
@media (width <= 768px) {
.quote-slider__container .flickity__arrows {
display: none;
}
}
.social-grid-section {
position: relative;
}
.social-grid-section a.button--secondary {
margin: 42px auto;
}
header.social-grid-section__header {
z-index: 1;
position: relative;
transform: translateY(40%);
}
@media (width <= 768px) {
header.social-grid-section__header {
text-align: center;
}
}
.social-grid-section__title {
text-transform: uppercase;
margin: 0;
}
.social-grid {
flex-flow: wrap;
display: flex;
}
.social-grid__item {
width: 25%;
padding-bottom: 25%;
position: relative;
}
@media (width <= 768px) {
.social-grid__item {
width: 50%;
padding-bottom: 50%;
}
.social-grid__item:nth-child(5), .social-grid__item:nth-child(6), .social-grid__item:nth-child(7), .social-grid__item:nth-child(8) {
display: none;
}
}
.social-grid__item a, .social-grid__item span {
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
}
.social-grid__item img {
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
}
.single-toggle {
border-bottom: 2px solid var(--color-black);
padding: 20px 0;
}
.single-toggle:first-child {
border-top: 2px solid var(--color-black);
}
.single-toggle__header {
cursor: pointer;
justify-content: space-between;
align-items: center;
display: flex;
}
.single-toggle__title {
margin: 0;
}
.single-toggle__symbol {
flex: 0 0 30px;
transition: all .3s ease-in-out;
}
.single-toggle__symbol svg {
display: block;
}
.single-toggle.open .single-toggle__symbol {
transform: rotate(-180deg);
}
.single-toggle__content {
max-height: 0;
transition: all 1s ease-in-out;
overflow: hidden;
}
.single-toggle.open .single-toggle__content {
max-height: 800px;
}
.single-toggle__content-inner {
opacity: 0;
padding-top: 20px;
transition: all 1s ease-in-out;
}
.single-toggle.open .single-toggle__content-inner {
opacity: 1;
}
.press-logos-section {
align-items: center;
padding: 20px 40px;
display: flex;
}
@media (width <= 768px) {
.press-logos-section {
flex-flow: wrap;
padding: 20px 0;
}
}
.press-logos-section__title {
color: var(--color-orange);
flex: 0 0 150px;
margin: 0;
}
@media (width <= 768px) {
.press-logos-section__title {
text-align: center;
flex: 0 0 100%;
margin-bottom: 10px;
}
}
.press-logos {
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
}
@media (width <= 768px) {
.press-logos {
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
flex-wrap: nowrap;
overflow-x: auto;
}
}
.press-logos::-webkit-scrollbar {
display: none;
}
.press-logo {
flex: 200px;
}
@media (width <= 768px) {
.press-logo {
flex: 0 0 33.33%;
width: auto;
}
}
.press-logo img {
object-fit: container;
display: block;
}
.press-logo a {
width: 100%;
display: block;
}
.slim-text-banner {
background: var(--color-orange);
text-align: center;
letter-spacing: .5px;
padding: 15px 10px;
font-family: Aeonik, sans-serif;
font-weight: 700;
}
.slim-text-banner .tablet--show {
line-height: 22.88px;
}
.hero-banner {
height: 20vw;
}
.hero-banner__image {
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
}
.centered-header {
text-align: center;
margin-bottom: 50px;
}
.thick-line-header {
margin-bottom: 50px;
position: relative;
}
.thick-line-header .container {
z-index: 4;
}
header.thick-line-header:after {
content: "";
background: var(--color-orange);
z-index: 1;
width: 100%;
height: 50%;
display: block;
position: absolute;
bottom: 0;
}
.thick-line-header__title {
text-transform: uppercase;
}
.flex-header {
justify-content: space-between;
display: flex;
}
.highlight-word {
z-index: 1;
background-image: linear-gradient(45deg, var(--color-orange), var(--color-orange));
background-position: 0 70%;
background-repeat: no-repeat;
background-size: 1000% .4em;
transition: background .3s ease-in-out;
display: inline-block;
position: relative;
}
.highlight-word.animate-in-view {
background-size: 0% .4em;
}
.highlight-word.animate-in-view.animated {
background-size: 100% .4em;
}
@media (width <= 768px) {
.highlight-word.animate-in-view.animated {
background-size: 100% .5em;
}
}
.highlight-word--orange {
background-image: linear-gradient(45deg, var(--color-orange), var(--color-orange));
}
.highlight-word--off-white {
background-image: linear-gradient(45deg, var(--color-off-white), var(--color-off-white));
}
.highlight-words-group {
display: inline-block;
position: relative;
}
.highlight-words-group__line {
background: var(--color-off-white);
z-index: -1;
width: 100px;
height: .4em;
display: block;
position: absolute;
bottom: .2em;
left: 0;
}
.lazyload {
opacity: 0;
}
.lazyloaded {
opacity: 1;
transition: opacity var(--transition-duration-slow);
}
.riseload.lazyload, .riseload.lazyloading {
opacity: 0;
transform: translateY(20px);
}
.riseload.lazyloaded {
opacity: 1;
transition: opacity var(--transition-duration-slow), transform var(--transition-duration-slow);
transform: translateY(0);
}
.fade-in-view {
opacity: 0;
transition: opacity 1s;
}
.fade-in-view.animated {
opacity: 1;
}
.rise-in-view {
opacity: 0;
transition: opacity var(--transition-duration-slow), transform var(--transition-duration-slow);
transform: translateY(30px);
}
.rise-in-view.animated {
opacity: 1;
transform: translateY(0);
}
.rise-in-view-group > * {
opacity: 0;
transition: opacity var(--transition-duration-slow), transform var(--transition-duration-slow);
transform: translateY(30px);
}
.rise-in-view-group > :first-child {
transition-delay: .1s;
}
.rise-in-view-group > :nth-child(2) {
transition-delay: .2s;
}
.rise-in-view-group > :nth-child(3) {
transition-delay: .3s;
}
.rise-in-view-group > :nth-child(4) {
transition-delay: .4s;
}
.rise-in-view-group > :nth-child(5) {
transition-delay: .5s;
}
.rise-in-view-group > :nth-child(6) {
transition-delay: .6s;
}
.rise-in-view-group > :nth-child(7) {
transition-delay: .7s;
}
.rise-in-view-group > :nth-child(8) {
transition-delay: .8s;
}
.rise-in-view-group.animated > * {
opacity: 1;
transform: translateY(0);
}
.sticky-page-nav {
top: var(--height-header);
background: var(--color-very-light-pink);
z-index: var(--z-index-below-navigation);
white-space: nowrap;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
justify-content: center;
padding: 20px;
display: flex;
position: sticky;
overflow: auto;
}
.sticky-page-nav::-webkit-scrollbar {
display: none;
}
@media (width <= 768px) {
.sticky-page-nav {
justify-content: flex-start;
}
}
.sticky-page-nav__item {
text-transform: uppercase;
border-right: 1px solid;
padding: 0 30px;
font-family: Aeonik, sans-serif;
font-size: .9em;
font-weight: 700;
line-height: 1;
}
.sticky-page-nav__item:last-child {
border-right: 0;
}
@media (width <= 768px) {
.sticky-page-nav__item {
padding: 0 15px;
}
}
.sticky-page-nav__item span {
cursor: pointer;
transition: color .3s ease-in-out;
}
.sticky-page-nav__item span.active, .sticky-page-nav__item span:hover {
color: var(--color-orange);
}
.detail-card {
background: var(--color-very-light-pink);
border-radius: 3px;
height: 100%;
position: relative;
}
.col:nth-child(odd) .detail-card:before {
content: "";
background: var(--color-wheat);
width: 100%;
padding-bottom: 0%;
transition: all 1s ease-in-out;
display: block;
position: absolute;
}
.col:nth-child(odd) .detail-card.animated:before {
padding-bottom: 40%;
}
.detail-card__inner {
padding: 20px;
position: relative;
}
.detail-card__image {
border-radius: 3px;
margin-bottom: 20px;
position: relative;
}
.detail-card__image img {
object-fit: cover;
object-position: center;
border-radius: 3px;
width: 100%;
height: 100%;
position: absolute;
}
.detail-card__image:after {
content: "";
padding-bottom: 80%;
display: block;
}
.detail-card__content {
text-align: center;
}
.detail-card__title {
color: var(--color-orange);
}
.detail-card__link a {
text-transform: uppercase;
cursor: pointer;
font-family: Aeonik, sans-serif;
font-size: .9em;
font-weight: 500;
text-decoration: underline;
transition: all .3s ease-in-out;
display: inline-block;
}
.detail-card__link a:hover {
color: var(--color-orange);
}
.lsg-br-announcement-bar, .lsg-br-announcement-bar-static {
--bg-color: #333;
--color: #eee;
--slide-gap: 8px;
--padding-top: 16px;
--padding-bot: 16px;
--font-size: 14px;
background-color: var(--bg-color);
color: var(--color);
padding-top: var(--padding-top);
padding-bottom: var(--padding-bot);
font-family: Aeonik, sans-serif;
font-size: var(--font-size);
line-height: 1.2;
}
.lsg-br-announcement-bar--static, .lsg-br-announcement-bar-static--static {
text-align: center;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 5px;
padding-left: 5px;
padding-right: 5px;
display: flex;
}
.lsg-br-announcement-bar--static > *, .lsg-br-announcement-bar-static--static > * {
margin-bottom: 0;
}
.lsg-br-announcement-bar .lsg-br-announcement-bar-slider:not(.flickity-enabled), .lsg-br-announcement-bar-static .lsg-br-announcement-bar-slider:not(.flickity-enabled) {
display: none;
}
.lsg-br-announcement-bar .lsg-br-announcement-bar-slider .lsg-br-announcement-bar-slide, .lsg-br-announcement-bar-static .lsg-br-announcement-bar-slider .lsg-br-announcement-bar-slide {
padding-left: calc(var(--slide-gap) / 2);
padding-right: calc(var(--slide-gap) / 2);
white-space: nowrap;
}
.lsg-br-announcement-bar .lsg-br-announcement-bar-slider .lsg-br-announcement-bar-slide p, .lsg-br-announcement-bar-static .lsg-br-announcement-bar-slider .lsg-br-announcement-bar-slide p {
font: inherit;
}
.lsg-br-announcement-bar .lsg-br-announcement-bar-slider .lsg-br-announcement-bar-slide :last-child, .lsg-br-announcement-bar-static .lsg-br-announcement-bar-slider .lsg-br-announcement-bar-slide :last-child {
margin-bottom: 0;
}
.lsg-br-three-col {
--bg-color: #e5f561;
--color: #01754f;
--padding-top: 16px;
--padding-bot: 16px;
background-color: var(--bg-color);
color: var(--color);
padding-top: var(--padding-top);
padding-bottom: var(--padding-bot);
font-family: Aeonik, sans-serif;
}
.lsg-br-three-col .lsg-br-three-col-container {
text-align: center;
}
.lsg-br-three-col .lsg-br-three-col-header {
max-width: 600px;
margin: auto;
font-size: 40px;
font-weight: 700;
line-height: 1;
}
@media (width <= 767px) {
.lsg-br-three-col .lsg-br-three-col-header {
max-width: 360px;
}
}
@media (width >= 768px) {
.lsg-br-three-col .lsg-br-three-col-header {
font-size: 50px;
}
.lsg-br-three-col .lsg-br-three-col-blocks {
max-width: 1080px;
margin: auto;
display: flex;
}
}
.lsg-br-three-col .lsg-br-three-col-block {
margin-top: 40px;
}
@media (width >= 768px) {
.lsg-br-three-col .lsg-br-three-col-block {
flex-grow: 1;
flex-basis: 100%;
margin-top: 60px;
padding: 0 11px;
position: relative;
}
}
.lsg-br-three-col .lsg-br-three-col-block:not(:first-child):before {
content: "";
background-color: currentColor;
width: 100%;
max-width: 254px;
height: 4px;
display: block;
}
@media (width <= 767px) {
.lsg-br-three-col .lsg-br-three-col-block:not(:first-child):before {
margin: 40px auto;
}
}
@media (width >= 768px) {
.lsg-br-three-col .lsg-br-three-col-block:not(:first-child):before {
width: 6px;
height: 100%;
position: absolute;
top: 0;
left: 0;
translate: -50%;
}
}
.lsg-br-three-col .lsg-br-three-col-block-title {
font-size: 30px;
font-weight: 700;
line-height: 1;
}
@media (width >= 768px) {
.lsg-br-three-col .lsg-br-three-col-block-title {
font-size: 35px;
}
}
.lsg-br-three-col .lsg-br-three-col-copy {
letter-spacing: .25px;
font-size: 25px;
font-weight: 500;
line-height: 1.1;
}
@media (width >= 768px) {
.lsg-br-three-col .lsg-br-three-col-copy {
letter-spacing: .5px;
font-size: 25px;
line-height: 1.2;
}
}
.lsg-br-three-col .lsg-br-three-col-copy p {
font: inherit;
}
.lsg-br-three-col .lsg-br-three-col-copy > :last-child {
margin-bottom: 0;
}
.lsg-br-flavor-carousel {
--bg-color: #333;
--color: #eee;
--padding-top: 16px;
--padding-bot: 16px;
background-color: var(--bg-color);
color: var(--color);
padding-top: var(--padding-top);
padding-bottom: var(--padding-bot);
text-align: center;
}
@media (width <= 767px) {
.lsg-br-flavor-carousel .lsg-br-flavor-carousel-container {
padding: 0 16px;
}
}
.lsg-br-flavor-carousel .lsg-br-flavor-carousel-header {
margin-bottom: 60px;
font-family: Aeonik, sans-serif;
font-size: 40px;
font-weight: 900;
line-height: 1.2;
}
@media (width <= 767px) {
.lsg-br-flavor-carousel .lsg-br-flavor-carousel-header {
margin-bottom: 50px;
font-size: 30px;
}
}
.lsg-br-flavor-carousel .lsg-br-flavor-carousel-slider:not(.flickity-enabled) {
justify-content: center;
display: flex;
}
.lsg-br-flavor-carousel .lsg-br-flavor-carousel-slider:not(.flickity-enabled) ~ .lsg-br-flavor-carousel-nav-block .flickity__arrow {
display: none;
}
.lsg-br-flavor-carousel .lsg-br-flavor-carousel-slider.flickity-enabled .lsg-br-flavor-carousel-card {
min-height: 100%;
}
@media (width <= 767px) {
.lsg-br-flavor-carousel .lsg-br-flavor-carousel-slider {
--gap: 8px;
gap: var(--gap);
flex-wrap: wrap;
}
.lsg-br-flavor-carousel .lsg-br-flavor-carousel-slide {
width: calc((100% - var(--gap)) / 2);
}
}
.lsg-br-flavor-carousel .lsg-br-flavor-carousel-card {
background-color: var(--card-bg-color);
color: var(--card-color);
border-radius: 12px;
margin-left: 8px;
margin-right: 8px;
transition: scale .2s ease-in;
scale: .98;
}
@media (width <= 767px) {
.lsg-br-flavor-carousel .lsg-br-flavor-carousel-card {
height: 100%;
margin: 0;
}
}
.lsg-br-flavor-carousel .lsg-br-flavor-carousel-card:hover {
scale: 1;
}
.lsg-br-flavor-carousel .lsg-br-flavor-carousel-card-link {
letter-spacing: .07px;
text-align: center;
flex-direction: column;
width: 310px;
height: 100%;
padding: 67px 61px 37px;
font-family: Aeonik, sans-serif;
font-size: 35px;
font-weight: 500;
line-height: 1;
display: flex;
position: relative;
}
@media (width <= 767px) {
.lsg-br-flavor-carousel .lsg-br-flavor-carousel-card-link {
width: 100%;
padding: 26px 20px 13px;
font-size: 18px;
}
}
.lsg-br-flavor-carousel .lsg-br-flavor-carousel-tag {
letter-spacing: .48px;
color: var(--card-bg-color);
background-color: var(--card-color);
border-radius: 30px;
padding: 8px 24px;
font-size: 16px;
font-weight: 500;
line-height: 1;
position: absolute;
top: 20px;
left: 22px;
}
.lsg-br-flavor-carousel .lsg-br-flavor-carousel-tag:empty {
display: none;
}
@media (width <= 767px) {
.lsg-br-flavor-carousel .lsg-br-flavor-carousel-tag {
padding: 4px 12px;
font-size: 12px;
line-height: 1.3;
top: 8px;
left: 7px;
}
}
.lsg-br-flavor-carousel .lsg-br-flavor-carousel-card-img-wrap {
flex-grow: 1;
}
@media (width <= 767px) {
.lsg-br-flavor-carousel .lsg-br-flavor-carousel-card-img-wrap {
padding: 7.5%;
}
}
.lsg-br-flavor-carousel .lsg-br-flavor-carousel-nav-block .flickity__arrows {
align-items: center;
gap: 69px;
margin-top: 80px;
}
@media (width <= 767px) {
.lsg-br-flavor-carousel .lsg-br-flavor-carousel-nav-block .flickity__arrows {
margin-top: 42px;
}
}
.lsg-br-flavor-carousel .lsg-br-flavor-carousel-nav-block .flickity__arrow {
background: none;
width: 57px;
height: auto;
margin: 0;
padding: 0;
}
@media (width <= 767px) {
.lsg-br-flavor-carousel .lsg-br-flavor-carousel-nav-block .flickity__arrow {
display: none;
}
}
.lsg-br-flavor-carousel .lsg-br-flavor-carousel-nav-block .flickity__arrow:hover {
opacity: 1;
}
.lsg-br-icon-grid {
--bg-color: #333;
--color: #eee;
--padding-top: 16px;
--padding-bot: 16px;
background-color: var(--bg-color);
color: var(--color);
padding-top: var(--padding-top);
padding-bottom: var(--padding-bot);
text-align: center;
font-family: Aeonik, sans-serif;
font-weight: 500;
}
.lsg-br-icon-grid .lsg-br-icon-grid-header {
font-size: 40px;
font-weight: 900;
line-height: 1.2;
}
@media (width <= 767px) {
.lsg-br-icon-grid .lsg-br-icon-grid-header {
font-size: 30px;
}
}
.lsg-br-icon-grid .br-icon-grid:not(:first-child) {
margin-top: 102px;
}
@media (width <= 767px) {
.lsg-br-icon-grid .br-icon-grid:not(:first-child) {
margin-top: 48px;
}
}
.lsg-br-icon-grid .br-icon-grid-slider:not(.flickity-enabled) {
justify-content: space-evenly;
max-width: 930px;
margin: auto;
display: flex;
}
@media (width >= 768px) {
.lsg-br-icon-grid .br-icon-grid-slider:not(.flickity-enabled) {
--gap: 50px;
--col-count: 4;
gap: var(--gap);
flex-wrap: wrap;
}
}
.lsg-br-icon-grid .br-icon-grid-slider:not(.flickity-enabled) ~ .lsg-br-icon-grid-nav-block {
display: none;
}
.lsg-br-icon-grid .br-icon-grid-item {
flex: 0 0 37%;
}
@media (width >= 768px) {
.lsg-br-icon-grid .br-icon-grid-item {
flex-basis: calc((100% - var(--gap) * (var(--col-count) - 1)) / var(--col-count));
}
}
@media (width <= 767px) {
.lsg-br-icon-grid .br-icon-grid-item {
width: min(36%, 172px);
padding: 0 8px;
}
}
.lsg-br-icon-grid .br-icon-grid-item__image {
width: 80px;
height: 80px;
margin: auto auto 33px;
position: relative;
}
.lsg-br-icon-grid .br-icon-grid-item__image img {
object-fit: contain;
object-position: center;
width: 100%;
height: 100%;
}
.lsg-br-icon-grid .br-icon-grid-item__title {
height: 1em;
margin-bottom: 12px;
font-size: 20px;
font-weight: 700;
line-height: 1;
}
@media (width >= 768px) {
.lsg-br-icon-grid .br-icon-grid-item__title {
white-space: nowrap;
}
}
@media (width <= 767px) {
.lsg-br-icon-grid .br-icon-grid-item__title {
justify-content: center;
align-items: center;
height: 2em;
margin-bottom: 16px;
display: flex;
}
}
.lsg-br-icon-grid .br-icon-grid-item__text {
letter-spacing: .54px;
min-height: 3.3em;
font-size: 18px;
line-height: 1.1;
}
@media (width <= 767px) {
.lsg-br-icon-grid .br-icon-grid-item__text {
letter-spacing: .32px;
font-size: 16px;
}
}
.lsg-br-icon-grid .lsg-br-icon-grid-nav-block .flickity__arrows {
align-items: center;
gap: 16px;
margin-top: 58px;
}
.lsg-br-icon-grid .lsg-br-icon-grid-nav-block .flickity__arrow {
background: none;
flex-shrink: 0;
width: 57px;
height: auto;
margin: 0;
padding: 0;
}
.lsg-br-icon-grid .lsg-br-icon-grid-nav-block .flickity__arrow:hover {
opacity: 1;
}
.lsg-br-icon-grid .lsg-br-icon-grid-nav-block .flickity__arrow path {
fill: currentColor;
}
.lsg-br-icon-grid .lsg-br-icon-grid-nav-block .flickity-dot-nav {
flex-wrap: wrap;
gap: 3px;
width: auto;
display: flex;
position: static;
}
.lsg-br-icon-grid .lsg-br-icon-grid-nav-block .flickity-dot-nav .flickity-slider-dot {
border: 1px solid #fff;
width: 8px;
height: 8px;
margin: 0;
}
.lsg-br-icon-grid .lsg-br-icon-grid-nav-block .flickity-dot-nav .flickity-slider-dot:after {
display: none;
}
.lsg-br-icon-grid .lsg-br-icon-grid-nav-block .flickity-dot-nav .flickity-slider-dot.active {
background-color: #e5f561;
}
.lsg-br-icon-grid .lsg-br-icon-grid-button-wrap {
margin-top: 65px;
}
@media (width >= 768px) {
.lsg-br-icon-grid .lsg-br-icon-grid-button-wrap {
margin-top: 80px;
}
}
.lsg-br-icon-grid .lsg-br-icon-grid-button-wrap .button--secondary {
margin: auto;
}
.lsg-br-5050 {
background-color: var(--bg-color);
color: var(--color);
--copy-outer-margin: var(--copy-outer-margin-var, Min(147px, 5%));
font-family: Aeonik, sans-serif;
}
@media (width >= 768px) {
.lsg-br-5050 .lsg-br-5050-container {
display: flex;
}
}
.lsg-br-5050 .lsg-br-5050-block.lsg-br-5050-block--image-block {
order: var(--image-order);
position: relative;
}
@media (width >= 768px) {
.lsg-br-5050 .lsg-br-5050-block.lsg-br-5050-block--image-block {
width: 50%;
min-height: 80vh;
}
}
.lsg-br-5050 .lsg-br-5050-block.lsg-br-5050-block--copy-block {
padding-top: var(--padding-top);
padding-bottom: var(--padding-bot);
text-align: var(--text-alignment);
order: 1;
}
@media (width >= 768px) {
.lsg-br-5050 .lsg-br-5050-block.lsg-br-5050-block--copy-block {
width: 50%;
display: flex;
}
.lsg-br-5050 .lsg-br-5050-image-wrap, .lsg-br-5050 .lsg-br-5050-video-wrap {
height: 100%;
position: relative;
}
}
.lsg-br-5050 .lsg-br-5050-image, .lsg-br-5050 .lsg-br-5050-video {
object-fit: cover;
width: 100%;
display: block;
}
@media (width >= 768px) {
.lsg-br-5050 .lsg-br-5050-image, .lsg-br-5050 .lsg-br-5050-video {
height: 100%;
position: absolute;
top: 0;
left: 0;
}
}
@media (width <= 767px) {
.lsg-br-5050 .lsg-br-5050-image, .lsg-br-5050 .lsg-br-5050-video {
height: auto;
}
}
@media (width >= 768px) {
.lsg-br-5050 .lsg-br-5050-image.lsg-br-5050-image--mobile, .lsg-br-5050 .lsg-br-5050-image.lsg-br-5050-video--mobile, .lsg-br-5050 .lsg-br-5050-video.lsg-br-5050-image--mobile, .lsg-br-5050 .lsg-br-5050-video.lsg-br-5050-video--mobile {
display: none;
}
}
@media (width <= 767px) {
.lsg-br-5050 .lsg-br-5050-image.lsg-br-5050-image--mobile ~ .lsg-br-5050-image--desktop, .lsg-br-5050 .lsg-br-5050-image.lsg-br-5050-image--mobile ~ .lsg-br-5050-video--desktop, .lsg-br-5050 .lsg-br-5050-image.lsg-br-5050-video--mobile ~ .lsg-br-5050-image--desktop, .lsg-br-5050 .lsg-br-5050-image.lsg-br-5050-video--mobile ~ .lsg-br-5050-video--desktop, .lsg-br-5050 .lsg-br-5050-video.lsg-br-5050-image--mobile ~ .lsg-br-5050-image--desktop, .lsg-br-5050 .lsg-br-5050-video.lsg-br-5050-image--mobile ~ .lsg-br-5050-video--desktop, .lsg-br-5050 .lsg-br-5050-video.lsg-br-5050-video--mobile ~ .lsg-br-5050-image--desktop, .lsg-br-5050 .lsg-br-5050-video.lsg-br-5050-video--mobile ~ .lsg-br-5050-video--desktop {
display: none;
}
}
.lsg-br-5050 .lsg-br-5050-copy-block-inner {
width: 90%;
max-width: 600px;
margin: auto;
}
@media (width >= 768px) {
.lsg-br-5050 .lsg-br-5050__copy-alignment--left .lsg-br-5050-copy-block-inner, .lsg-br-5050 .lsg-br-5050__copy-alignment--right .lsg-br-5050-copy-block-inner {
width: 85%;
max-width: 450px;
}
.lsg-br-5050 .lsg-br-5050__copy-alignment--left .lsg-br-5050-block--copy-block:last-child:first-child, .lsg-br-5050 .lsg-br-5050__copy-alignment--right .lsg-br-5050-block--copy-block:last-child:first-child, .lsg-br-5050 .lsg-br-5050__copy-alignment--left .lsg-br-5050-block--copy-block:last-child:first-child .lsg-br-5050-copy-block-inner, .lsg-br-5050 .lsg-br-5050__copy-alignment--right .lsg-br-5050-block--copy-block:last-child:first-child .lsg-br-5050-copy-block-inner {
width: 100%;
max-width: 100%;
}
.lsg-br-5050 .lsg-br-5050__copy-alignment--left .lsg-br-5050-copy-block-inner {
margin-left: var(--copy-outer-margin);
}
.lsg-br-5050 .lsg-br-5050__copy-alignment--right .lsg-br-5050-copy-block-inner {
margin-right: var(--copy-outer-margin);
}
}
.lsg-br-5050 .lsg-br-5050-header {
margin-bottom: 16px;
font-family: Aeonik, sans-serif;
font-size: 40px;
font-weight: 900;
line-height: 1.2;
}
@media (width <= 767px) {
.lsg-br-5050 .lsg-br-5050-header {
margin-bottom: 24px;
font-size: 30px;
}
}
.lsg-br-5050 .lsg-br-5050-copy {
letter-spacing: .4px;
font-size: 20px;
line-height: 1.25;
}
@media (width <= 767px) {
.lsg-br-5050 .lsg-br-5050-copy {
letter-spacing: .36px;
font-size: 18px;
line-height: 1.4;
}
}
.lsg-br-5050 .lsg-br-5050-copy p {
font: inherit;
}
.lsg-br-5050 .lsg-br-5050-copy ul, .lsg-br-5050 .lsg-br-5050-copy ol {
margin-top: 1em;
margin-bottom: 1em;
padding-left: 20px;
}
.lsg-br-5050 .lsg-br-5050-copy ul {
list-style: outside;
}
.lsg-br-5050 .lsg-br-5050-copy ol {
list-style: decimal;
}
.lsg-br-5050 .lsg-br-5050-button-wrap {
margin-top: 42px;
}
.lsg-br-5050 .lsg-br-5050-button-wrap .btn {
display: inline-block;
}
.lsg-br-5050 .lsg-br-5050-sub-button-image {
margin-top: 20px;
}
.lsg-br-5050 .lsg-br-5050-sub-button-image img {
display: block;
}
.lsg-br-5050 .lsg-br-5050-sub-button-copy {
letter-spacing: .05em;
margin-top: 15px;
font-size: 16px;
font-weight: 500;
line-height: 1.25;
}
.lsg-br-5050 .lsg-br-5050-sub-button-copy :first-child {
margin-top: 0;
}
.lsg-br-5050 .lsg-br-5050-sub-button-copy :last-child {
margin-bottom: 0;
}
.lsg-br-5050 .lsg-br-5050__video-layout--expanding .lsg-br-5050-block {
transition: width .8s linear;
overflow: hidden;
}
.lsg-br-5050 .lsg-br-5050__video-layout--expanding .lsg-br-5050-video-collapse {
cursor: pointer;
background: 0;
border: 0;
position: absolute;
top: 57px;
right: 148px;
}
.lsg-br-5050 .lsg-br-5050__video-layout--expanding.is--expanded {
min-height: calc(100vh - var(--header-offset) - var(--announcement-offset));
max-height: calc(100vh - var(--header-offset) - var(--announcement-offset));
position: relative;
overflow: hidden;
}
.lsg-br-5050 .lsg-br-5050__video-layout--expanding.is--expanded .lsg-br-5050-block.lsg-br-5050-block--image-block {
z-index: 2;
width: 100%;
height: 100%;
position: absolute;
top: 0;
}
.lsg-br-5050 .lsg-br-5050__video-layout--expanding.is--expanded .lsg-br-5050-block.lsg-br-5050-block--image-block .lsg-br-5050-video-wrap {
background-color: var(--bg-color);
width: 100%;
height: 100%;
position: absolute;
}
.lsg-br-5050 .lsg-br-5050__video-layout--expanding.is--expanded .lsg-br-5050-block.lsg-br-5050-block--image-block .lsg-br-5050-video-wrap .lsg-br-5050-video {
object-fit: contain;
}
.lsg-br-5050 .lsg-br-5050__video-layout--expanding.is--expanded .lsg-br-5050-block.lsg-br-5050-block--copy-block {
position: relative;
}
.lsg-br-5050 .lsg-br-5050__video-layout--expanding.is--expanded.lsg-br-5050__image-alignment--2 .lsg-br-5050-block.lsg-br-5050-block--image-block {
right: 0;
}
.lsg-br-5050 .lsg-br-5050__video-layout--expanding:not(.is--expanded) .lsg-br-5050-video-collapse {
display: none;
}
.lsg-br-5050 .lsg-br-5050-video-modal-wrap {
z-index: 3;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
}
.lsg-br-5050 .lsg-br-5050-video-modal-wrap:not(.is--active) {
display: none;
}
.lsg-br-5050 .lsg-br-5050-video-modal-wrap .lsg-br-5050-video-modal-outer {
width: 100%;
height: 100%;
padding-top: calc(var(--combined-offset));
background: #000c;
display: table;
}
.lsg-br-5050 .lsg-br-5050-video-modal-wrap .lsg-br-5050-video-modal-inner {
text-align: center;
vertical-align: middle;
display: table-cell;
}
.lsg-br-5050 .lsg-br-5050-video-modal-wrap .lsg-br-5050-video-modal-content {
background: var(--color-white);
border-radius: 12px;
margin: 0 auto;
padding: 1rem;
display: inline-block;
position: relative;
top: 0;
left: 0;
box-shadow: 0 0 8px 4px #0003;
}
.lsg-br-5050 .lsg-br-5050-video-modal-wrap .lsg-br-5050-video-modal-content .lsg-br-5050-video {
max-width: calc(100vw - 122px);
height: auto;
max-height: calc(100vh - var(--combined-offset) - 122px);
position: static;
}
@media (width <= 767px) {
.lsg-br-5050 .lsg-br-5050-video-modal-wrap .lsg-br-5050-video-modal-content .lsg-br-5050-video {
max-width: calc(100vw - 5rem);
max-height: calc(100vh - var(--combined-offset) - 5rem);
}
}
.lsg-br-5050 .lsg-br-5050-video-modal-wrap .lsg-br-5050-video-modal-close {
background: #fff;
border: 0;
border-radius: 50%;
padding: .5rem;
position: absolute;
top: 0;
right: 0;
translate: 50% -50%;
box-shadow: 0 0 8px 4px #0003;
}
.lsg-br-5050 .lsg-br-5050-video-modal-wrap .lsg-br-5050-video-modal-close svg {
width: .75rem;
height: .75rem;
display: block;
}
@media (width <= 767px) {
.lsg-br-5050 .lsg-br-5050__video-mob-position--cover {
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.lsg-br-5050 .lsg-br-5050__video-mob-position--cover:before {
content: "";
width: 1px;
padding-top: 144.928%;
display: block;
}
.lsg-br-5050 .lsg-br-5050__video-mob-position--cover .lsg-br-5050-block.lsg-br-5050-block--image-block {
position: absolute;
inset: 0;
}
.lsg-br-5050 .lsg-br-5050__video-mob-position--cover .lsg-br-5050-image, .lsg-br-5050 .lsg-br-5050__video-mob-position--cover .lsg-br-5050-video, .lsg-br-5050 .lsg-br-5050__video-mob-position--cover .lsg-br-5050-video-wrap {
height: 100%;
}
.lsg-br-5050 .lsg-br-5050__video-mob-position--cover .lsg-br-5050-video-wrap {
position: relative;
}
.lsg-br-5050 .lsg-br-5050__video-mob-position--cover .lsg-br-5050-video-wrap:before {
content: "";
z-index: 1;
background: #0003;
position: absolute;
inset: 0;
}
.lsg-br-5050 .lsg-br-5050__video-mob-position--cover .lsg-br-5050-block.lsg-br-5050-block--copy-block {
z-index: 2;
color: #fff;
position: relative;
}
.lsg-br-5050 .lsg-br-5050__video-mob-position--cover .lsg-br-5050-header {
font-size: 40px;
font-weight: 900;
line-height: 1.05;
}
.lsg-br-5050 .lsg-br-5050__video-mob-position--cover .lsg-br-5050 .lsg-br-5050-copy {
letter-spacing: .48px;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 32px;
}
.lsg-br-5050 .lsg-br-5050__video-mob-position--cover .lsg-br-5050-button-wrap {
margin-top: 32px;
}
.lsg-br-5050 .lsg-br-5050__video-mob-position--cover .lsg-br-5050-button-wrap .btn {
width: 294px;
min-width: 0;
max-width: 100%;
min-height: 55px;
padding: 9px 14px 7px;
}
.lsg-br-5050 .lsg-br-5050__video-mob-position--cover a.button--secondary:hover, .lsg-br-5050 .lsg-br-5050__video-mob-position--cover .btn.button--secondary:hover {
background-color: var(--button-bg-color-hover);
color: #fff;
border-color: #fff;
}
}
.lsg-br-5050 .lsg-br-5050-header.lsg-br-5050-header--lg {
font-size: 50px;
font-style: normal;
font-weight: 900;
line-height: 1.04;
}
@media (width <= 767px) {
.lsg-br-5050 .lsg-br-5050-header.lsg-br-5050-header--lg {
font-size: 40px;
line-height: 1.2;
}
}
.lsg-br-5050-video__badge {
z-index: 3;
background: #000;
border-radius: 0 15px 15px 0;
max-width: 40%;
padding: 20px 20px 20px 33px;
position: absolute;
top: 20px;
left: 0;
}
.lsg-br-5050-video__badge img {
width: 280px;
max-width: 100%;
}
@media (width <= 767px) {
.lsg-br-5050-video__badge {
border-radius: 0 10px 10px 0;
padding: 10px 10px 10px 23px;
}
}
.lsg-br-5050__review {
background: var(--lsg-review-card-bg, #e8f3f3);
border-radius: 12px;
margin-top: 42px;
padding: 20px;
}
.lsg-br-5050__review-stars {
margin-bottom: 5px;
}
.lsg-br-ugc-grid {
--bg-color: #333;
--color: #eee;
--card-bg-color: #333;
--card-color: #eee;
--padding-top: 16px;
--padding-bot: 16px;
background-color: var(--bg-color);
color: var(--color);
padding-top: var(--padding-top);
padding-bottom: var(--padding-bot);
font-family: Aeonik, sans-serif;
}
.lsg-br-ugc-grid p {
font: inherit;
}
.lsg-br-ugc-grid p:last-child {
margin-bottom: 0;
}
.lsg-br-ugc-grid ul, .lsg-br-ugc-grid ol {
margin-top: 1em;
margin-bottom: 1em;
padding-left: 40px;
}
.lsg-br-ugc-grid ul {
list-style: outside;
}
.lsg-br-ugc-grid ol {
list-style: decimal;
}
.lsg-br-ugc-grid .lsg-br-ugc-grid-header {
text-align: center;
max-width: 540px;
margin-bottom: 16px;
margin-left: auto;
margin-right: auto;
font-size: 40px;
font-weight: 900;
line-height: 1.2;
}
@media (width <= 767px) {
.lsg-br-ugc-grid .lsg-br-ugc-grid-header {
margin-bottom: 26px;
font-size: 30px;
}
}
.lsg-br-ugc-grid .lsg-br-ugc-grid-subheader-wrap {
letter-spacing: .5px;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 8px;
font-size: 25px;
font-weight: 500;
line-height: 1.2;
display: flex;
}
@media (width <= 767px) {
.lsg-br-ugc-grid .lsg-br-ugc-grid-subheader-wrap {
letter-spacing: .6px;
flex-direction: column;
font-size: 20px;
line-height: 1;
}
}
.lsg-br-ugc-grid .lsg-br-ugc-grid-stars {
display: flex;
}
.lsg-br-ugc-grid .lsg-br-ugc-grid-stars svg {
display: block;
}
@media (width <= 767px) {
.lsg-br-ugc-grid .lsg-br-ugc-grid-stars svg {
width: auto;
height: 19px;
}
}
.lsg-br-ugc-grid .lsg-br-ugc-grid-ugcs {
flex-direction: column;
gap: 8px;
display: flex;
}
.lsg-br-ugc-grid .lsg-br-ugc-grid-ugcs:not(:first-child) {
margin-top: 50px;
}
@media (width <= 767px) {
.lsg-br-ugc-grid .lsg-br-ugc-grid-ugcs:not(:first-child) {
margin-top: 22px;
}
}
@media (width >= 768px) {
.lsg-br-ugc-grid .lsg-br-ugc-grid-ugcs {
flex-flow: wrap;
gap: 12px;
}
}
.lsg-br-ugc-grid .lsg-br-ugc-grid-ugc {
flex-direction: column;
gap: 8px;
display: flex;
}
.lsg-br-ugc-grid .lsg-br-ugc-grid-ugc:not(.is--visible) {
display: none !important;
}
.lsg-br-ugc-grid .lsg-br-ugc-grid-ugc .lsg-br-ugc-grid-text-wrap {
background-color: var(--card-bg-color);
color: var(--card-color);
border-radius: 24px;
flex-direction: column;
gap: 20px;
padding: 30px 20px;
display: flex;
}
@media (width >= 1200px) {
.lsg-br-ugc-grid .lsg-br-ugc-grid-ugc .lsg-br-ugc-grid-text-wrap {
padding: 30px 42px;
}
}
@media (width <= 767px) {
.lsg-br-ugc-grid .lsg-br-ugc-grid-ugc .lsg-br-ugc-grid-text-wrap {
order: 2;
}
}
@media (width >= 768px) and (width <= 991px) {
.lsg-br-ugc-grid .lsg-br-ugc-grid-ugc .lsg-br-ugc-grid-text-wrap {
padding: 20px 16px;
}
}
@media (width >= 992px) and (width <= 1199px) {
.lsg-br-ugc-grid .lsg-br-ugc-grid-ugc .lsg-br-ugc-grid-text-wrap {
padding: 30px 20px;
}
}
.lsg-br-ugc-grid .lsg-br-ugc-grid-ugc .lsg-br-ugc-grid-text-wrap .lsg-br-ugc-grid-review-text {
letter-spacing: .25px;
margin-bottom: auto;
font-size: 25px;
font-weight: 500;
line-height: 1.2;
}
@media (width >= 768px) and (width <= 991px) {
.lsg-br-ugc-grid .lsg-br-ugc-grid-ugc .lsg-br-ugc-grid-text-wrap .lsg-br-ugc-grid-review-text {
font-size: 16px;
}
}
@media (width >= 992px) and (width <= 1199px) {
.lsg-br-ugc-grid .lsg-br-ugc-grid-ugc .lsg-br-ugc-grid-text-wrap .lsg-br-ugc-grid-review-text {
font-size: 20px;
}
}
.lsg-br-ugc-grid .lsg-br-ugc-grid-ugc .lsg-br-ugc-grid-text-wrap .lsg-br-ugc-grid-review-attribution {
letter-spacing: .6px;
font-size: 20px;
font-weight: 700;
line-height: 1.25;
}
@media (width >= 768px) and (width <= 991px) {
.lsg-br-ugc-grid .lsg-br-ugc-grid-ugc .lsg-br-ugc-grid-text-wrap .lsg-br-ugc-grid-review-attribution {
font-size: 16px;
}
}
@media (width >= 992px) and (width <= 1199px) {
.lsg-br-ugc-grid .lsg-br-ugc-grid-ugc .lsg-br-ugc-grid-text-wrap .lsg-br-ugc-grid-review-attribution {
font-size: 18px;
}
}
.lsg-br-ugc-grid .lsg-br-ugc-grid-ugc .lsg-br-ugc-grid-image-wrap {
border-radius: 24px;
overflow: hidden;
}
.lsg-br-ugc-grid .lsg-br-ugc-grid-ugc .lsg-br-ugc-grid-image-wrap img {
height: auto;
display: block;
}
@media (width >= 768px) {
.lsg-br-ugc-grid .lsg-br-ugc-grid-ugc .lsg-br-ugc-grid-image-wrap img {
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
}
.lsg-br-ugc-grid .lsg-br-ugc-grid-ugc {
gap: 12px;
}
.lsg-br-ugc-grid .lsg-br-ugc-grid-ugc:nth-child(4n-3), .lsg-br-ugc-grid .lsg-br-ugc-grid-ugc:nth-child(4n) {
flex-direction: row;
width: calc(63.8148% - 6px);
}
.lsg-br-ugc-grid .lsg-br-ugc-grid-ugc:nth-child(4n-3) .lsg-br-ugc-grid-text-wrap, .lsg-br-ugc-grid .lsg-br-ugc-grid-ugc:nth-child(4n) .lsg-br-ugc-grid-text-wrap {
aspect-ratio: 345 / 535;
width: calc(43.4944% - 6px);
overflow: hidden;
}
.lsg-br-ugc-grid .lsg-br-ugc-grid-ugc:nth-child(4n-3) .lsg-br-ugc-grid-image-wrap, .lsg-br-ugc-grid .lsg-br-ugc-grid-ugc:nth-child(4n) .lsg-br-ugc-grid-image-wrap {
aspect-ratio: 450 / 535;
width: calc(56.5056% - 6px);
}
.lsg-br-ugc-grid .lsg-br-ugc-grid-ugc:nth-child(4n-2), .lsg-br-ugc-grid .lsg-br-ugc-grid-ugc:nth-child(4n-1) {
width: calc(36.1852% - 6px);
}
.lsg-br-ugc-grid .lsg-br-ugc-grid-ugc:nth-child(4n-2) .lsg-br-ugc-grid-text-wrap, .lsg-br-ugc-grid .lsg-br-ugc-grid-ugc:nth-child(4n-1) .lsg-br-ugc-grid-text-wrap {
aspect-ratio: 455 / 236;
overflow: hidden;
}
.lsg-br-ugc-grid .lsg-br-ugc-grid-ugc:nth-child(4n-2) .lsg-br-ugc-grid-image-wrap, .lsg-br-ugc-grid .lsg-br-ugc-grid-ugc:nth-child(4n-1) .lsg-br-ugc-grid-image-wrap {
aspect-ratio: 455 / 287;
}
.lsg-br-ugc-grid .lsg-br-ugc-grid-ugc:nth-child(4n) .lsg-br-ugc-grid-text-wrap {
order: 2;
}
}
.lsg-br-ugc-grid .lsg-br-ugc-grid-button-wrap {
margin-top: 56px;
}
@media (width >= 768px) {
.lsg-br-ugc-grid .lsg-br-ugc-grid-button-wrap {
margin-top: 75px;
}
}
.lsg-br-ugc-grid .lsg-br-ugc-grid-button-wrap:not(.is--visible) {
display: none !important;
}
.lsg-br-ugc-grid .button--secondary {
color: var(--bg-color);
background-color: var(--color);
border-color: var(--color);
margin: auto;
display: block;
}
.lsg-br-ugc-grid .button--secondary:hover {
color: var(--color);
border-color: var(--color);
background-color: #0000;
}
.lsg-br-video-carousel-wrapper {
--bg-color: #333;
--color: #eee;
--card-bg-color: #333;
--card-color: #eee;
--padding-top: 16px;
--padding-bot: 16px;
background-color: var(--bg-color);
color: var(--color);
padding-top: var(--padding-top);
padding-bottom: var(--padding-bot);
font-family: Aeonik, sans-serif;
}
.lsg-br-video-carousel-wrapper .lsg-br-video-carousel-container {
max-width: 1680px;
margin: auto;
}
.lsg-br-video-carousel-wrapper .lsg-br-video-carousel-heading {
text-align: center;
max-width: 690px;
margin-bottom: 44px;
margin-left: auto;
margin-right: auto;
font-size: 50px;
font-weight: 700;
line-height: 1;
}
@media (width <= 767px) {
.lsg-br-video-carousel-wrapper .lsg-br-video-carousel-heading {
margin-bottom: 56px;
font-size: 40px;
}
}
.lsg-br-video-carousel-wrapper .lsg-br-video-carousel-slider:not(.flickity-enabled) {
justify-content: center;
display: flex;
}
.lsg-br-video-carousel-wrapper .lsg-br-video-carousel-slider:not(.flickity-enabled) ~ .lsg-br-flavor-carousel-nav-block .flickity__arrow {
display: none;
}
.lsg-br-video-carousel-wrapper .lsg-br-video-carousel-slide {
flex-shrink: 0;
width: min(290px, 100vw - 50px);
padding: 0 10px;
}
@media (width >= 768px) {
.lsg-br-video-carousel-wrapper .lsg-br-video-carousel-slide {
width: min(340px, 100vw - 50px);
padding: 0 10px;
}
}
.lsg-br-video-carousel-wrapper .lsg-br-video-carousel-slide-video-wrap, .lsg-br-video-carousel-wrapper .lsg-br-video-carousel-slide-image-wrap {
aspect-ratio: 9 / 16;
border-radius: 24px;
height: auto;
position: relative;
overflow: hidden;
}
.lsg-br-video-carousel-wrapper .lsg-br-video-carousel-slide-video-wrap video, .lsg-br-video-carousel-wrapper .lsg-br-video-carousel-slide-video-wrap img, .lsg-br-video-carousel-wrapper .lsg-br-video-carousel-slide-image-wrap video, .lsg-br-video-carousel-wrapper .lsg-br-video-carousel-slide-image-wrap img {
object-fit: cover;
width: 100%;
height: 100%;
display: block;
}
.lsg-br-video-carousel-wrapper .lsg-br-video-carousel-slide-video-wrap video, .lsg-br-video-carousel-wrapper .lsg-br-video-carousel-slide-image-wrap video {
cursor: pointer;
}
.lsg-br-video-carousel-wrapper .flickity__arrows {
align-items: center;
gap: 112px;
margin-top: 72px;
display: flex;
}
@media (width <= 767px) {
.lsg-br-video-carousel-wrapper .flickity__arrows {
flex-wrap: wrap;
gap: 64px 13px;
margin-top: 32px;
}
}
.lsg-br-video-carousel-wrapper .flickity__arrow {
width: 57px;
height: auto;
color: inherit;
background: none;
margin: 0;
padding: 0;
}
.lsg-br-video-carousel-wrapper .flickity__arrow:hover {
opacity: 1;
}
.lsg-br-video-carousel-wrapper .flickity__arrow svg, .lsg-br-video-carousel-wrapper .lsg-br-icon-grid-nav-block path {
fill: currentColor;
}
@media (width <= 767px) {
.lsg-br-video-carousel-wrapper .lsg-br-icon-grid-nav-block .flickity-dot-nav {
flex-wrap: wrap;
gap: 3px;
width: auto;
max-width: calc(100% - 140px);
display: flex;
position: static;
}
.lsg-br-video-carousel-wrapper .lsg-br-icon-grid-nav-block .flickity-dot-nav .flickity-slider-dot {
border: 1px solid;
width: 8px;
height: 8px;
margin: 0;
}
.lsg-br-video-carousel-wrapper .lsg-br-icon-grid-nav-block .flickity-dot-nav .flickity-slider-dot:after {
display: none;
}
.lsg-br-video-carousel-wrapper .lsg-br-icon-grid-nav-block .flickity-dot-nav .flickity-slider-dot.active {
background-color: currentColor;
}
.lsg-br-video-carousel-wrapper .lsg-br-icon-grid-button-wrap {
order: 4;
width: 100%;
}
.lsg-br-video-carousel-wrapper .lsg-br-icon-grid-button-wrap .btn {
margin: auto;
}
}
.lsg-br-made-with-wrapper {
--bg-color: #333;
--color: #eee;
--padding-top: 16px;
--padding-bot: 16px;
background-color: var(--bg-color);
color: var(--color);
padding-top: var(--padding-top);
padding-bottom: var(--padding-bot);
}
@media (width >= 768px) {
.lsg-br-made-with-wrapper .lsg-br-made-with-image-wrap, .lsg-br-made-with-wrapper .lsg-br-made-with-video-wrap {
height: 100%;
position: relative;
}
}
.lsg-br-made-with-wrapper .lsg-br-made-with-image, .lsg-br-made-with-wrapper .lsg-br-made-with-video {
object-fit: cover;
width: 100%;
height: auto;
display: block;
}
@media (width >= 768px) {
.lsg-br-made-with-wrapper .lsg-br-made-with-image.lsg-br-made-with-image--mobile, .lsg-br-made-with-wrapper .lsg-br-made-with-image.lsg-br-made-with-video--mobile, .lsg-br-made-with-wrapper .lsg-br-made-with-video.lsg-br-made-with-image--mobile, .lsg-br-made-with-wrapper .lsg-br-made-with-video.lsg-br-made-with-video--mobile {
display: none;
}
}
@media (width <= 767px) {
.lsg-br-made-with-wrapper .lsg-br-made-with-image.lsg-br-made-with-image--mobile ~ .lsg-br-made-with-image--desktop, .lsg-br-made-with-wrapper .lsg-br-made-with-image.lsg-br-made-with-image--mobile ~ .lsg-br-made-with-video--desktop, .lsg-br-made-with-wrapper .lsg-br-made-with-image.lsg-br-made-with-video--mobile ~ .lsg-br-made-with-image--desktop, .lsg-br-made-with-wrapper .lsg-br-made-with-image.lsg-br-made-with-video--mobile ~ .lsg-br-made-with-video--desktop, .lsg-br-made-with-wrapper .lsg-br-made-with-video.lsg-br-made-with-image--mobile ~ .lsg-br-made-with-image--desktop, .lsg-br-made-with-wrapper .lsg-br-made-with-video.lsg-br-made-with-image--mobile ~ .lsg-br-made-with-video--desktop, .lsg-br-made-with-wrapper .lsg-br-made-with-video.lsg-br-made-with-video--mobile ~ .lsg-br-made-with-image--desktop, .lsg-br-made-with-wrapper .lsg-br-made-with-video.lsg-br-made-with-video--mobile ~ .lsg-br-made-with-video--desktop {
display: none;
}
}
.lsg-br-made-with-wrapper .lsg-br-made-with-block-wrap {
--gap: 58px;
gap: var(--gap);
grid-template-columns: repeat(3, 1fr);
margin-top: 128px;
font-size: 20px;
font-weight: 500;
line-height: 1.5;
display: grid;
}
@media (width <= 767px) {
.lsg-br-made-with-wrapper .lsg-br-made-with-block-wrap {
--gap: 40px;
grid-template-columns: repeat(2, 1fr);
margin-top: 56px;
font-size: 18px;
font-weight: 400;
line-height: 1.388;
}
}
.lsg-br-made-with-wrapper .lsg-br-made-with-block.block-type--large_text {
font-size: 30px;
font-weight: 700;
line-height: 1;
}
@media (width <= 767px) {
.lsg-br-made-with-wrapper .lsg-br-made-with-block.block-type--large_text {
grid-column: span 2;
}
}
.lsg-br-made-with-wrapper .lsg-br-made-with-block.block-type--large_text p {
margin-bottom: 1em;
}
.lsg-br-made-with-wrapper .lsg-br-made-with-block.block-type--large_text p:last-child() {
margin-bottom: 0;
}
.lsg-br-made-with-wrapper .lsg-br-made-with-block.block-type--small_text .lsg-br-made-with-block-copy {
column-count: 1;
letter-spacing: .36px;
}
@media (width >= 768px) {
.lsg-br-made-with-wrapper .lsg-br-made-with-block.block-type--small_text .lsg-br-made-with-block-copy {
column-count: 2;
column-gap: var(--gap);
letter-spacing: .4px;
}
}
.lsg-br-made-with-wrapper .lsg-br-made-with-block .lsg-br-made-with-block-heading {
margin-bottom: 10px;
font-size: 20px;
font-weight: 700;
line-height: 1;
}
@media (width >= 768px) {
.lsg-br-made-with-wrapper .lsg-br-made-with-block .lsg-br-made-with-block-heading {
font-size: 30px;
}
}
.lsg-br-made-with-wrapper .lsg-br-made-with-block .lsg-br-made-with-block-copy li:before {
content: "+ ";
}
.lsg-br-nutrition-facts-wrapper {
--bg-color: #333;
--color: #eee;
--subnav-bg-color: #333;
--subnav-color: #eee;
--subnav-active-color: #eee;
--padding-top: 16px;
--padding-bot: 16px;
background-color: var(--bg-color);
color: var(--color);
padding-top: var(--padding-top);
padding-bottom: var(--padding-bot);
}
.lsg-br-nutrition-facts-wrapper .lsg-br-nutrition-facts-subnav-wrap {
background-color: var(--subnav-bg-color);
border-radius: 48px;
padding: 0 6px;
}
.lsg-br-nutrition-facts-wrapper .lsg-br-nutrition-facts-subnav-wrap-inner {
flex-wrap: nowrap;
gap: 2rem;
padding: 24px 48px 28px;
display: flex;
overflow-x: auto;
}
@media (width <= 767px) {
.lsg-br-nutrition-facts-wrapper .lsg-br-nutrition-facts-subnav-wrap-inner {
gap: 1.25rem;
padding: 9px 12px 11px;
}
}
.lsg-br-nutrition-facts-wrapper .lsg-br-nutrition-facts-subnav-button {
color: var(--subnav-color);
text-align: center;
white-space: nowrap;
background: none;
border: 0;
margin: auto;
padding: 0;
font-size: 20px;
font-weight: 700;
line-height: 1;
}
@media (width <= 767px) {
.lsg-br-nutrition-facts-wrapper .lsg-br-nutrition-facts-subnav-button {
font-size: 12px;
line-height: 1.08;
}
}
.lsg-br-nutrition-facts-wrapper .lsg-br-nutrition-facts-subnav-button.is--active {
color: var(--subnav-active-color);
position: relative;
}
.lsg-br-nutrition-facts-wrapper .lsg-br-nutrition-facts-subnav-button.is--active:after {
content: "";
background-color: currentColor;
width: 100%;
height: 3px;
display: block;
position: absolute;
bottom: -4px;
}
@media (width <= 767px) {
.lsg-br-nutrition-facts-wrapper .lsg-br-nutrition-facts-subnav-button.is--active:after {
height: 2px;
bottom: -2px;
}
}
.lsg-br-nutrition-facts-wrapper .lsg-br-nutrition-facts-block-wrap {
margin-top: 64px;
}
@media (width <= 767px) {
.lsg-br-nutrition-facts-wrapper .lsg-br-nutrition-facts-block-wrap {
margin-top: 32px;
}
}
.lsg-br-nutrition-facts-wrapper .lsg-br-nutrition-facts-info:not(.is--active) {
display: none;
}
.lsg-br-nutrition-facts-wrapper .lsg-br-nutrition-facts-info-top {
gap: 2.63654%;
max-width: 1062px;
margin: auto;
display: flex;
}
@media (width <= 767px) {
.lsg-br-nutrition-facts-wrapper .lsg-br-nutrition-facts-info-top {
flex-direction: column;
gap: 20px;
max-width: 380px;
}
}
.lsg-br-nutrition-facts-wrapper .lsg-br-nutrition-facts-info-image-wrap {
background-color: var(--color);
border-radius: 12px;
flex-basis: 45.6686%;
padding: 16px 32px 32px;
}
@media (width <= 767px) {
.lsg-br-nutrition-facts-wrapper .lsg-br-nutrition-facts-info-image-wrap {
padding: 12px 24px 24px;
}
}
.lsg-br-nutrition-facts-wrapper .lsg-br-nutrition-facts-info-image-wrap img {
height: auto;
display: block;
}
.lsg-br-nutrition-facts-wrapper .lsg-br-nutrition-facts-ingredients {
flex-basis: 51.6949%;
}
.lsg-br-nutrition-facts-wrapper .lsg-br-nutrition-facts-ingredients-heading {
margin-bottom: .4em;
font-size: 50px;
font-weight: 700;
line-height: 1;
}
.lsg-br-nutrition-facts-wrapper .lsg-br-nutrition-facts-ingredients-copy {
letter-spacing: .4px;
font-size: 20px;
line-height: 1.25;
}
@media (width <= 767px) {
.lsg-br-nutrition-facts-wrapper .lsg-br-nutrition-facts-ingredients-copy {
letter-spacing: .32px;
text-align: justify;
font-size: 16px;
line-height: 1.125;
}
}
.lsg-br-nutrition-facts-wrapper .lsg-br-nutrition-facts-info-bot {
flex-wrap: wrap;
justify-content: space-evenly;
align-items: flex-start;
gap: 2rem;
max-width: 1020px;
margin: 64px auto auto;
display: flex;
}
@media (width <= 767px) {
.lsg-br-nutrition-facts-wrapper .lsg-br-nutrition-facts-info-bot {
gap: 1.5rem;
}
}
.lsg-br-nutrition-facts-wrapper .lsg-br-nutrition-facts-icon-wrap {
max-width: min(110px, 16.6667% - 1.66667rem);
}
@media (width <= 767px) {
.lsg-br-nutrition-facts-wrapper .lsg-br-nutrition-facts-icon-wrap {
max-width: min(110px, 33.3333% - 1rem);
}
}
.lsg-br-nutrition-facts-wrapper .lsb-br-nutrition-facts-icon {
width: 100%;
max-width: 90px;
height: auto;
margin: auto;
display: block;
}
.lsg-br-nutrition-facts-wrapper .lsg-br-nutrtion-facts-icon-text {
text-align: center;
margin-top: 20px;
font-size: 20px;
font-weight: 700;
line-height: 1;
}
.lsg-video-testimonials {
--bg-color: #ddd;
--color: #333;
--subnav-bg-color: #333;
--subnav-color: #eee;
--subnav-active-color: #eee;
--padding-top: 16px;
--padding-bot: 16px;
--color-btn-bg: var(--button-bg-color);
--color-btn-text: var(--button-color);
--color-btn-hover-bg: var(--button-bg-color-hover);
--color-btn-hover-text: var(--button-color-hover);
--color-tab-bg: var(--button-bg-color);
--color-tab-text: var(--button-color);
--color-tab-active-bg: var(--button-bg-color-hover);
--color-tab-active-text: var(--button-color-hover);
background-color: var(--bg-color);
color: var(--color);
padding-top: var(--padding-top);
padding-bottom: var(--padding-bot);
}
.lsg-video-testimonials #videoModal {
background-color: #0000;
border: 0;
padding: 0;
}
.lsg-video-testimonials #videoModal::backdrop {
backdrop-filter: blur(10px);
}
.lsg-video-testimonials #videoModal .lsg-modal-inner {
padding: 50px;
}
.lsg-video-testimonials #videoModal .lsg-video-wrapper {
position: relative;
}
.lsg-video-testimonials #videoModal .lsg-close-btn {
background: 0;
border: 0;
position: absolute;
top: 0;
right: 0;
transform: translateX(50%)translateY(-50%);
}
.lsg-video-testimonials #videoModal .lsg-close-btn svg circle {
fill: var(--color-btn-bg);
}
.lsg-video-testimonials #videoModal .lsg-close-btn svg path {
fill: var(--color-btn-text);
}
.lsg-video-testimonials #videoModal video {
border-radius: 12px;
height: 450px;
}
@media screen and (width >= 1024px) {
.lsg-video-testimonials #videoModal video {
height: 520px;
}
}
@media screen and (width >= 1440px) {
.lsg-video-testimonials #videoModal video {
height: 600px;
}
}
.lsg-video-testimonials .lsg-video-testimonials__header {
flex-flow: column;
justify-content: center;
align-items: center;
gap: 40px;
padding: 60px 0;
display: flex;
}
.lsg-video-testimonials .lsg-video-testimonials__header h1, .lsg-video-testimonials .lsg-video-testimonials__header h2 {
color: unset;
text-align: center;
letter-spacing: .254545px;
font-size: 36px;
font-style: normal;
line-height: 43px;
}
.lsg-video-testimonials .lsg-video-testimonials__subheading {
text-align: center;
}
.lsg-video-testimonials .lsg-video-testimonials__subheading * {
color: unset;
font-size: 20px;
font-weight: 400;
line-height: 26px;
}
.lsg-video-testimonials .lsg-video-testimonials__tabs ul {
flex-flow: row;
gap: 8px;
list-style: none;
display: flex;
}
@media (width <= 767px) {
.lsg-video-testimonials .lsg-video-testimonials__tabs ul {
gap: 4px;
}
}
.lsg-video-testimonials .lsg-video-testimonials__tabs ul .lsg-video-testimonials__tab button {
text-align: center;
background-color: var(--color-tab-bg);
color: var(--color-tab-text);
border-style: solid;
border-width: 4px;
border-color: var(--color-tab-bg);
border-radius: 48px;
flex-flow: row;
justify-content: center;
align-items: center;
padding: 12px 24px;
font-size: 35px;
font-style: normal;
font-weight: 700;
line-height: 1.09;
display: flex;
}
@media (width <= 767px) {
.lsg-video-testimonials .lsg-video-testimonials__tabs ul .lsg-video-testimonials__tab button {
border-width: 3px;
padding: 8px;
font-size: 20px;
line-height: 1;
}
}
.lsg-video-testimonials .lsg-video-testimonials__tabs ul .lsg-video-testimonials__tab.lsg-tab-active button {
background-color: var(--color-tab-active-bg);
border-color: var(--color-tab-active-text);
color: var(--color-tab-active-text);
}
.lsg-video-testimonials .lsg-video-testimonials__tab-content {
padding: 12px 0 0;
display: none;
}
.lsg-video-testimonials .lsg-video-testimonials__tab-content.lsg-tab-content-active {
display: block;
}
.lsg-video-testimonials .lsg-video-testimonials__tab-content .lsg-video-testimonials__tab-content-wrapper {
flex-flow: column;
gap: 54px;
display: flex;
}
@media (width <= 767px) {
.lsg-video-testimonials .lsg-video-testimonials__tab-content .lsg-video-testimonials__tab-content-wrapper {
gap: 32px;
}
}
.lsg-video-testimonials .lsg-video-testimonials__video-tags {
background-color: var(--subnav-bg-color);
color: var(--subnav-color);
border-radius: 48px;
padding: 0 6px;
}
.lsg-video-testimonials .lsg-video-testimonials__video-tags ul {
flex-wrap: nowrap;
gap: 2rem;
padding: 24px 42px 27px;
list-style: none;
display: flex;
overflow-x: auto;
}
@media (width <= 767px) {
.lsg-video-testimonials .lsg-video-testimonials__video-tags ul {
gap: 1rem;
padding: 9px 12px 11px;
}
}
.lsg-video-testimonials .lsg-video-testimonials__video-tags li {
margin: auto;
}
.lsg-video-testimonials .lsg-video-testimonials__video-tags button {
color: inherit;
text-align: center;
white-space: nowrap;
background: 0;
border: 0;
align-items: center;
margin: auto;
padding: 0;
font-size: 20px;
font-weight: 700;
line-height: 1;
display: flex;
position: relative;
}
@media (width <= 767px) {
.lsg-video-testimonials .lsg-video-testimonials__video-tags button {
font-size: 12px;
line-height: 1.08;
}
}
.lsg-video-testimonials .lsg-video-testimonials__video-tags button.lsg-video-tag-active {
color: var(--subnav-active-color);
}
.lsg-video-testimonials .lsg-video-testimonials__video-tags button.lsg-video-tag-active:after {
content: "";
background-color: currentColor;
width: 100%;
height: 3px;
display: block;
position: absolute;
bottom: -3px;
transform: none;
}
@media (width <= 767px) {
.lsg-video-testimonials .lsg-video-testimonials__video-tags button.lsg-video-tag-active:after {
height: 2px;
bottom: -2px;
}
}
.lsg-video-testimonials .lsg-video-testimonials__videos {
grid-template-columns: repeat(2, minmax(45%, 1fr));
justify-items: center;
gap: 12px;
display: grid;
}
@media screen and (width >= 399px) {
.lsg-video-testimonials .lsg-video-testimonials__videos {
grid-template-columns: repeat(3, minmax(30%, 1fr));
}
}
@media screen and (width >= 768px) {
.lsg-video-testimonials .lsg-video-testimonials__videos {
grid-template-columns: repeat(4, minmax(20%, 1fr));
}
}
@media screen and (width >= 1024px) {
.lsg-video-testimonials .lsg-video-testimonials__videos {
grid-template-columns: repeat(6, minmax(13%, 1fr));
}
}
.lsg-video-testimonials .lsg-video-testimonials__video {
object-fit: contain;
background: #f2f2f2;
border: 0;
border-radius: 10px;
width: 100%;
padding: 0;
display: none;
position: relative;
overflow: hidden;
}
.lsg-video-testimonials .lsg-video-testimonials__video.lsg-show-video {
display: block;
}
.lsg-video-testimonials .lsg-video-testimonials__video img {
object-fit: cover;
object-position: 50% 50%;
width: 100%;
height: 100%;
}
.lsg-video-testimonials .lsg-video-testimonials__video .lsg-video-inner {
height: 0;
padding-top: 131.97%;
position: relative;
overflow: hidden;
}
.lsg-video-testimonials .lsg-video-testimonials__video .lsg-video-inner .lsg-video-content {
text-align: center;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
top: 0;
left: 0;
}
.lsg-video-testimonials .lsg-video-testimonials__video .lsg-video-testimonials__controls {
flex-flow: column;
gap: 20px;
display: flex;
}
@media screen and (width >= 768px) {
.lsg-video-testimonials .lsg-video-testimonials__video .lsg-video-testimonials__controls {
grid-template-columns: repeat(3, minmax(0, 33%));
display: grid;
}
}
.lsg-video-testimonials .lsg-video-testimonials__video .lsg-video-testimonials__controls .lsg-column-empty {
display: none;
}
@media screen and (width >= 768px) {
.lsg-video-testimonials .lsg-video-testimonials__video .lsg-video-testimonials__controls .lsg-column-empty {
display: block;
}
}
.lsg-video-testimonials .lsg-video-testimonials__video .lsg-video-testimonials__controls .lsg-column-link {
place-self: center flex-end;
}
.lsg-video-testimonials .lsg-play-btn {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%)translateY(-50%);
}
.lsg-video-testimonials .lsg-play-btn svg circle {
fill: var(--color-btn-bg);
}
.lsg-video-testimonials .lsg-play-btn svg path {
fill: var(--color-btn-text);
}
.lsg-video-testimonials .lsg-video-testimonials__btn {
letter-spacing: .75px;
text-align: center;
background-color: var(--color-btn-bg);
width: 210px;
height: 55px;
color: var(--color-btn-text);
border: 0;
border-radius: 12px;
flex-flow: row;
justify-content: center;
align-items: center;
margin: 0 auto;
font-size: 25px;
font-weight: 500;
line-height: 30px;
display: flex;
}
@media (width <= 767px) {
.lsg-video-testimonials .lsg-video-testimonials__btn {
width: 200px;
height: 50px;
}
}
.lsg-video-testimonials .lsg-video-testimonials__btn:hover {
background-color: var(--color-btn-hover-bg);
color: var(--color-btn-hover-text);
}
.lsg-video-testimonials .lsg-hide-load-more .lsg-column-btn {
display: none;
}
.lsg-video-testimonials .lsg-hide-load-more .lsg-column-link {
justify-self: center;
}
.lsg-video-testimonials .lsg-hide-load-more .lsg-column-link a {
text-align: right;
font-size: 20px;
font-weight: 500;
line-height: 24px;
text-decoration-line: underline;
}
.lsg-br-backer-carousel {
--bg-color: #333;
--color: #eee;
--padding-top: 16px;
--padding-bot: 16px;
background-color: var(--bg-color);
color: var(--color);
padding-top: var(--padding-top);
padding-bottom: var(--padding-bot);
text-align: center;
}
@media (width <= 767px) {
.lsg-br-backer-carousel .lsg-br-backer-carousel-container {
padding: 0 16px;
}
}
.lsg-br-backer-carousel .lsg-br-backer-carousel-header {
margin-bottom: 60px;
font-size: 50px;
font-weight: 700;
line-height: 1;
}
@media (width <= 767px) {
.lsg-br-backer-carousel .lsg-br-backer-carousel-header {
margin-bottom: 50px;
font-size: 40px;
}
}
.lsg-br-backer-carousel .lsg-br-backer-carousel-slider:not(.flickity-enabled) {
justify-content: center;
display: flex;
}
.lsg-br-backer-carousel .lsg-br-backer-carousel-slider:not(.flickity-enabled) ~ .lsg-br-backer-carousel-nav-block .flickity__arrow, .lsg-br-backer-carousel .lsg-br-backer-carousel-slider:not(.flickity-enabled) ~ .lsg-br-backer-carousel-nav-block .flickity-slider-dots {
display: none;
}
.lsg-br-backer-carousel .lsg-br-backer-carousel-slider.flickity-enabled .lsg-br-backer-carousel-card {
min-height: 100%;
}
@media (width <= 767px) {
.lsg-br-backer-carousel .lsg-br-backer-carousel-slider {
--gap: 8px;
gap: var(--gap);
flex-wrap: wrap;
}
}
.lsg-br-backer-carousel .lsg-br-backer-carousel-card {
color: var(--card-color);
border-radius: 12px;
height: auto;
margin-left: 8px;
margin-right: 8px;
display: flex;
}
@media (width <= 767px) {
.lsg-br-backer-carousel .lsg-br-backer-carousel-card {
width: calc((100% - var(--gap)) / 2);
margin: 0;
}
}
.lsg-br-backer-carousel .lsg-br-backer-carousel-card:not(.lsg-br-backer-carousel-card--no-flip):hover .lsg-br-backer-carousel-card-inner {
transform: rotateY(180deg);
}
@media (width <= 767px) {
.lsg-br-backer-carousel .lsg-br-backer-carousel-card:not(.lsg-br-backer-carousel-card--no-flip).is--active .lsg-br-backer-carousel-card-inner {
transform: rotateY(180deg);
}
}
.lsg-br-backer-carousel .lsg-br-backer-carousel-card-inner {
letter-spacing: .7px;
text-align: center;
width: 370px;
height: 100%;
transform-style: preserve-3d;
flex-direction: column;
height: auto;
font-size: 35px;
font-weight: 500;
line-height: 1;
transition: transform .8s;
display: flex;
position: relative;
}
@media (width <= 767px) {
.lsg-br-backer-carousel .lsg-br-backer-carousel-card-inner {
letter-spacing: .54px;
width: 100%;
font-size: 18px;
}
}
.lsg-br-backer-carousel .lsg-br-backer-carousel-card-front, .lsg-br-backer-carousel .lsg-br-backer-carousel-card-back {
backface-visibility: hidden;
width: 100%;
height: 100%;
position: absolute;
}
.lsg-br-backer-carousel .lsg-br-backer-carousel-card-front .lsg-br-backer-carousel-card-title {
width: calc(100% - 32px);
position: absolute;
bottom: 28px;
left: 16px;
right: 16px;
}
@media (width <= 767px) {
.lsg-br-backer-carousel .lsg-br-backer-carousel-card-front .lsg-br-backer-carousel-card-title {
bottom: 12px;
}
}
.lsg-br-backer-carousel .lsg-br-backer-carousel-card-back {
background-color: var(--card-bg-color);
color: var(--card-color);
border-radius: 12px;
flex-direction: column;
justify-content: space-between;
gap: 42px;
padding: 48px 16px 28px;
display: flex;
position: relative;
transform: rotateY(180deg);
}
@media (width <= 767px) {
.lsg-br-backer-carousel .lsg-br-backer-carousel-card-back {
gap: 21px;
padding: 20px 16px 12px;
}
}
.lsg-br-backer-carousel .lsg-br-backer-carousel-card-title {
background-color: var(--card-color);
color: var(--card-bg-color);
text-align: center;
border-radius: 40px;
width: 100%;
margin: auto auto 0;
padding: 8px 12px;
}
@media (width <= 767px) {
.lsg-br-backer-carousel .lsg-br-backer-carousel-card-title {
padding: 6px;
}
}
.lsg-br-backer-carousel .lsg-br-backer-carousel-card-quote {
text-align: left;
min-height: 410px;
}
@media (width <= 767px) {
.lsg-br-backer-carousel .lsg-br-backer-carousel-card-quote {
min-height: 208px;
}
}
.lsg-br-backer-carousel .lsg-br-backer-carousel-card-quote :last-child {
margin-bottom: 0;
}
.lsg-br-backer-carousel .lsg-br-backer-carousel-card-img-wrap {
flex-grow: 1;
height: 100%;
}
.lsg-br-backer-carousel .lsg-br-backer-carousel-card-img-wrap img {
object-fit: cover;
border-radius: 12px;
width: 100%;
height: 100%;
}
.lsg-br-backer-carousel .lsg-br-backer-carousel-nav-block .flickity__arrows {
align-items: center;
gap: 69px;
margin-top: 80px;
}
@media (width <= 767px) {
.lsg-br-backer-carousel .lsg-br-backer-carousel-nav-block .flickity__arrows {
margin-top: 42px;
}
}
.lsg-br-backer-carousel .lsg-br-backer-carousel-nav-block .flickity__arrow {
background: none;
width: 57px;
height: auto;
margin: 0;
padding: 0;
}
@media (width <= 767px) {
.lsg-br-backer-carousel .lsg-br-backer-carousel-nav-block .flickity__arrow {
display: none;
}
}
.lsg-br-backer-carousel .lsg-br-backer-carousel-nav-block .flickity__arrow:hover {
opacity: 1;
}
.lsg-br-backer-carousel .lsg-br-backer-carousel-nav-block .flickity-dot-nav {
flex-wrap: wrap;
gap: 3px;
width: auto;
display: flex;
position: static;
}
.lsg-br-backer-carousel .lsg-br-backer-carousel-nav-block .flickity-dot-nav .flickity-slider-dot {
border: 1px solid #000;
width: 8px;
height: 8px;
margin: 0;
}
.lsg-br-backer-carousel .lsg-br-backer-carousel-nav-block .flickity-dot-nav .flickity-slider-dot:after {
display: none;
}
.lsg-br-backer-carousel .lsg-br-backer-carousel-nav-block .flickity-dot-nav .flickity-slider-dot.active {
background-color: #e5f561;
}
.lsg-br-simple-banner {
background-color: var(--bg-color);
}
.lsg-br-simple-banner .lsg-br-simple-banner-image, .lsg-br-simple-banner .lsg-br-simple-banner-video {
object-fit: cover;
width: 100%;
height: auto;
display: block;
}
@media (width >= 768px) {
.lsg-br-simple-banner .lsg-br-simple-banner-image.lsg-br-simple-banner-image--mobile, .lsg-br-simple-banner .lsg-br-simple-banner-image.lsg-br-simple-banner-video--mobile, .lsg-br-simple-banner .lsg-br-simple-banner-video.lsg-br-simple-banner-image--mobile, .lsg-br-simple-banner .lsg-br-simple-banner-video.lsg-br-simple-banner-video--mobile {
display: none;
}
}
@media (width <= 767px) {
.lsg-br-simple-banner .lsg-br-simple-banner-image.lsg-br-simple-banner-image--mobile ~ .lsg-br-simple-banner-image--desktop, .lsg-br-simple-banner .lsg-br-simple-banner-image.lsg-br-simple-banner-image--mobile ~ .lsg-br-simple-banner-video--desktop, .lsg-br-simple-banner .lsg-br-simple-banner-image.lsg-br-simple-banner-video--mobile ~ .lsg-br-simple-banner-image--desktop, .lsg-br-simple-banner .lsg-br-simple-banner-image.lsg-br-simple-banner-video--mobile ~ .lsg-br-simple-banner-video--desktop, .lsg-br-simple-banner .lsg-br-simple-banner-video.lsg-br-simple-banner-image--mobile ~ .lsg-br-simple-banner-image--desktop, .lsg-br-simple-banner .lsg-br-simple-banner-video.lsg-br-simple-banner-image--mobile ~ .lsg-br-simple-banner-video--desktop, .lsg-br-simple-banner .lsg-br-simple-banner-video.lsg-br-simple-banner-video--mobile ~ .lsg-br-simple-banner-image--desktop, .lsg-br-simple-banner .lsg-br-simple-banner-video.lsg-br-simple-banner-video--mobile ~ .lsg-br-simple-banner-video--desktop {
display: none;
}
}
.lsg-br-simple-content {
--bg-color: #333;
--color: #eee;
--padding-top: 16px;
--padding-bot: 16px;
background-color: var(--bg-color);
color: var(--color);
text-align: center;
position: relative;
}
.lsg-br-simple-content .lsg-br-simple-content-bg-wrap {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.lsg-br-simple-content .lsg-br-simple-content-bg-wrap .lsg-br-simple-content-image, .lsg-br-simple-content .lsg-br-simple-content-bg-wrap .lsg-br-simple-content-video {
object-fit: cover;
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
}
@media (width >= 768px) {
.lsg-br-simple-content .lsg-br-simple-content-bg-wrap .lsg-br-simple-content-image.lsg-br-simple-content-image--mobile, .lsg-br-simple-content .lsg-br-simple-content-bg-wrap .lsg-br-simple-content-image.lsg-br-simple-content-video--mobile, .lsg-br-simple-content .lsg-br-simple-content-bg-wrap .lsg-br-simple-content-video.lsg-br-simple-content-image--mobile, .lsg-br-simple-content .lsg-br-simple-content-bg-wrap .lsg-br-simple-content-video.lsg-br-simple-content-video--mobile {
display: none;
}
}
@media (width <= 767px) {
.lsg-br-simple-content .lsg-br-simple-content-bg-wrap .lsg-br-simple-content-image.lsg-br-simple-content-image--mobile ~ .lsg-br-simple-content-image--desktop, .lsg-br-simple-content .lsg-br-simple-content-bg-wrap .lsg-br-simple-content-image.lsg-br-simple-content-image--mobile ~ .lsg-br-simple-content-video--desktop, .lsg-br-simple-content .lsg-br-simple-content-bg-wrap .lsg-br-simple-content-image.lsg-br-simple-content-video--mobile ~ .lsg-br-simple-content-image--desktop, .lsg-br-simple-content .lsg-br-simple-content-bg-wrap .lsg-br-simple-content-image.lsg-br-simple-content-video--mobile ~ .lsg-br-simple-content-video--desktop, .lsg-br-simple-content .lsg-br-simple-content-bg-wrap .lsg-br-simple-content-video.lsg-br-simple-content-image--mobile ~ .lsg-br-simple-content-image--desktop, .lsg-br-simple-content .lsg-br-simple-content-bg-wrap .lsg-br-simple-content-video.lsg-br-simple-content-image--mobile ~ .lsg-br-simple-content-video--desktop, .lsg-br-simple-content .lsg-br-simple-content-bg-wrap .lsg-br-simple-content-video.lsg-br-simple-content-video--mobile ~ .lsg-br-simple-content-image--desktop, .lsg-br-simple-content .lsg-br-simple-content-bg-wrap .lsg-br-simple-content-video.lsg-br-simple-content-video--mobile ~ .lsg-br-simple-content-video--desktop {
display: none;
}
}
.lsg-br-simple-content .lsg-br-simple-content-container {
padding: var(--padding-top) 1rem var(--padding-bot);
max-width: 640px;
margin: auto;
position: relative;
}
.lsg-br-simple-content .lsg-br-simple-content-icon-wrap {
flex-wrap: wrap;
justify-content: center;
gap: 1rem;
margin-bottom: 20px;
display: inline-flex;
}
@media (width <= 767px) {
.lsg-br-simple-content .lsg-br-simple-content-icon-wrap {
margin-bottom: 12px;
}
}
.lsg-br-simple-content .lsg-br-simple-content-icon {
width: 40px;
height: auto;
}
.lsg-br-simple-content .lsg-br-simple-content-heading {
margin-bottom: 32px;
font-size: 50px;
font-weight: 700;
line-height: 1;
}
@media (width <= 767px) {
.lsg-br-simple-content .lsg-br-simple-content-heading {
font-size: 40px;
}
}
.lsg-br-simple-content .lsg-br-simple-content-heading:last-child {
margin-bottom: 0;
}
.lsg-br-simple-content .lsg-br-simple-content-copy {
letter-spacing: .5px;
font-size: 25px;
font-weight: 500;
line-height: 1.2;
}
@media (width <= 767px) {
.lsg-br-simple-content .lsg-br-simple-content-copy {
letter-spacing: .25px;
line-height: 1.12;
}
}
.lsg-br-simple-content .lsg-br-simple-content-copy :last-child {
margin-bottom: 0;
}
.lsg-br-simple-content-author, .lsg-br-simple-content-subtext {
letter-spacing: 0;
margin-top: 30px;
margin-bottom: 30px;
font-size: 20px;
font-weight: 400;
line-height: 1.2;
}
@media (width <= 767px) {
.lsg-br-simple-content-author, .lsg-br-simple-content-subtext {
margin-top: 20px;
margin-bottom: 20px;
font-size: 16px;
line-height: 1.375;
}
}
.lsg-br-simple-content-author:first-child, .lsg-br-simple-content-subtext:first-child {
margin-top: 0;
}
.lsg-br-simple-content-author:last-child, .lsg-br-simple-content-subtext:last-child, .lsg-br-simple-content-author > :last-child, .lsg-br-simple-content-subtext > :last-child {
margin-bottom: 0;
}
.lsg-br-simple-content-author {
font-weight: 500;
}
.section-faq {
--padding-top: 16px;
--padding-bot: 16px;
padding-top: var(--padding-top);
padding-bottom: var(--padding-bot);
}
.section-faq .section-faq-header {
text-align: center;
margin-bottom: 28px;
font-size: 30px;
font-weight: 700;
line-height: 1;
}
@media (width >= 768px) {
.section-faq .section-faq-header {
margin-bottom: 68px;
font-size: 50px;
}
}
.lsg-br-as-seen-bar {
--bg-color: #333;
--color: #eee;
--accent-color: #333;
--slide-gap: 8px;
--padding-top: 16px;
--padding-bot: 16px;
background-color: var(--bg-color);
color: var(--color);
padding-top: var(--padding-top);
padding-bottom: var(--padding-bot);
position: relative;
}
.lsg-br-as-seen-bar .lsg-br-as-seen-bar-slider {
padding-top: var(--padding-top);
padding-bottom: var(--padding-bot);
width: 100%;
margin: auto;
position: absolute;
top: auto;
bottom: auto;
}
.lsg-br-as-seen-bar .lsg-br-as-seen-bar-slider:not(.flickity-enabled) {
display: none;
}
.lsg-br-as-seen-bar .lsg-br-as-seen-bar-slider .lsg-br-as-seen-bar-slide {
width: calc(180px + var(--slide-gap));
padding-left: calc(var(--slide-gap) / 2);
padding-right: calc(var(--slide-gap) / 2);
top: 50%;
translate: 0 -50%;
}
.lsg-br-as-seen-bar .lsg-br-as-seen-bar-slider .lsg-br-as-seen-bar-slide .lsg-br-as-seen-image {
width: 100%;
height: auto;
}
.lsg-br-as-seen-bar .lsg-br-as-seen-overlay {
text-align: center;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.lsg-br-as-seen-bar .lsg-br-as-seen-overlay .lsg-br-as-seen-overlay-inner {
background: linear-gradient(270deg, #e5f56100 0%, var(--bg-color) 15.31%, var(--bg-color) 84.17%, #e5f56100 100%);
flex-direction: column;
align-items: center;
gap: 15px;
width: min(90%, 400px);
padding-left: 70px;
padding-right: 70px;
display: flex;
}
.lsg-br-as-seen-bar .lsg-br-as-seen-overlay .lsg-br-as-seen-overlay-inner .lsg-br-as-seen-overlay-stars svg {
display: block;
}
.lsg-br-as-seen-bar .lsg-br-as-seen-overlay .lsg-br-as-seen-overlay-inner .lsg-br-as-seen-overlay-tag {
background: var(--color);
color: var(--accent-color);
letter-spacing: .42px;
border-radius: 11px;
padding: 1px 1.5em 0;
font-size: 14px;
font-weight: 500;
line-height: 1.5;
}
.lsg-br-as-seen-bar .lsg-br-as-seen-overlay .lsg-br-as-seen-overlay-inner .lsg-br-as-seen-overlay-count {
font-size: 20px;
font-weight: 700;
line-height: 1.1;
}
.lsg-br-as-seen-bar .lsg-br-as-seen-overlay .lsg-br-as-seen-overlay-inner .lsg-br-as-seen-overlay-count :last-child {
margin-bottom: 0;
}
.lsg-br-as-seen-bar .lsg-br-as-seen-overlay .lsg-br-as-seen-overlay-inner .lsg-br-as-seen-overlay-subtext {
letter-spacing: .48px;
font-size: 16px;
font-weight: 500;
line-height: 1.25;
}
@media (width <= 767px) {
.lsg-br-as-seen-bar .mobile-only {
display: none !important;
}
}
.lsg-br-scrolling-5050 {
--bg-color: #333;
--color: #eee;
--padding-top: 16px;
--padding-bot: 16px;
}
@media (width >= 768px) {
.lsg-br-scrolling-5050 {
--padding-top: 32px;
--padding-bot: 32px;
}
}
@media (width <= 767px) {
.lsg-br-scrolling-5050 {
border-bottom: 2px solid #000;
}
}
.lsg-br-scrolling-5050 .lsg-br-scrolling-5050-container {
display: flex;
}
@media (width <= 767px) {
.lsg-br-scrolling-5050 .lsg-br-scrolling-5050-container {
display: block;
}
}
.lsg-br-scrolling-5050 .lsg-br-scrolling-5050-block {
flex-basis: 50%;
}
.lsg-br-scrolling-5050 .lsg-br-scrolling-5050-block--sticky-block {
background: var(--bg-color);
color: var(--color);
top: var(--header-offset);
max-height: calc(100vh - var(--header-offset));
position: sticky;
overflow: auto;
}
@media (width <= 767px) {
.lsg-br-scrolling-5050 .lsg-br-scrolling-5050-block--sticky-block {
text-align: center;
max-height: none;
position: static;
}
}
.lsg-br-scrolling-5050 .lsg-br-scrolling-5050-block-inner {
max-width: 526px;
padding: var(--padding-top) 20px var(--padding-bot);
min-height: calc(100vh - var(--header-offset));
flex-direction: column;
justify-content: center;
align-items: center;
margin: auto;
display: flex;
}
@media (width <= 767px) {
.lsg-br-scrolling-5050 .lsg-br-scrolling-5050-block-inner {
padding: var(--padding-top) 0 var(--padding-bot);
min-height: 0;
}
}
.lsg-br-scrolling-5050 .lsg-br-scrolling-5050-header {
margin-bottom: 1em;
font-size: 50px;
}
@media (width <= 767px) {
.lsg-br-scrolling-5050 .lsg-br-scrolling-5050-header {
padding: 0 20px;
font-size: 30px;
}
}
.lsg-br-scrolling-5050 .lsg-br-scrolling-5050-sticky-blocks {
flex-direction: column;
gap: 40px;
display: flex;
}
@media (width <= 767px) {
.lsg-br-scrolling-5050 .lsg-br-scrolling-5050-sticky-blocks {
flex-direction: row;
gap: 0;
width: 100%;
max-width: 100%;
}
.lsg-br-scrolling-5050 .lsg-br-scrolling-5050-sticky-blocks.flickity-enabled {
display: block;
}
}
.lsg-br-scrolling-5050 .lsg-br-scrolling-5050-sticky-blocks:not(.flickity-enabled) .lsg-br-scrolling-5050-nav-block {
display: none;
}
.lsg-br-scrolling-5050 .lsg-br-scrolling-5050-sticky-block {
gap: 48px;
display: flex;
}
@media (width <= 767px) {
.lsg-br-scrolling-5050 .lsg-br-scrolling-5050-sticky-block {
flex-direction: column;
flex-grow: 0;
flex-shrink: 0;
align-items: center;
gap: 6px;
width: min(76vw, 272px);
padding: 12px;
}
}
.lsg-br-scrolling-5050 .lsg-br-scrolling-5050-sticky-block-icon-wrap {
flex-grow: 0;
flex-shrink: 0;
width: 80px;
}
.lsg-br-scrolling-5050 .lsg-br-scrolling-5050-sticky-block-icon {
width: 100%;
height: auto;
}
.lsg-br-scrolling-5050 .lsg-br-scrolling-5050-sticky-block-title {
margin-bottom: .5em;
font-size: 20px;
font-weight: 700;
}
@media (width <= 767px) {
.lsg-br-scrolling-5050 .lsg-br-scrolling-5050-sticky-block-title {
font-size: 18px;
}
}
.lsg-br-scrolling-5050 .lsg-br-scrolling-5050-sticky-block-copy {
letter-spacing: .54px;
font-size: 18px;
font-weight: 500;
}
@media (width <= 767px) {
.lsg-br-scrolling-5050 .lsg-br-scrolling-5050-sticky-block-copy {
font-size: 16px;
}
}
.lsg-br-scrolling-5050 .lsg-br-scrolling-5050-sticky-block-copy :last-child {
margin-bottom: 0;
}
@media (width <= 767px) {
.lsg-br-scrolling-5050 .lsg-br-scrolling-5050-block--scrolling-blocks {
padding: 20px 0;
}
}
.lsg-br-scrolling-5050 .lsg-br-scrolling-5050-copy-block-inner {
max-width: 505px;
padding: var(--padding-top) 20px var(--padding-bot);
margin: auto;
}
.lsg-br-scrolling-5050 .lsg-br-scrolling-5050-scrolling-block-header {
margin-bottom: 1em;
font-size: 30px;
font-weight: 700;
line-height: 1.3;
}
.lsg-br-scrolling-5050 .lsg-br-scrolling-5050-scrolling-block-copy {
letter-spacing: .54px;
margin-bottom: 1em;
font-size: 18px;
font-weight: 500;
}
@media (width <= 767px) {
.lsg-br-scrolling-5050 .lsg-br-scrolling-5050-scrolling-block-copy {
font-size: 16px;
}
}
.lsg-br-scrolling-5050 .lsg-br-scrolling-5050-scrolling-block-copy :last-child {
margin-bottom: 0;
}
.lsg-br-scrolling-5050 .lsg-br-scrolling-5050-scrolling-block-image {
border-radius: 20px;
width: 100%;
height: auto;
}
@media (width >= 768px) {
.lsg-br-scrolling-5050 .lsg-br-scrolling-5050-nav-block {
display: none;
}
}
.lsg-br-scrolling-5050 .lsg-br-scrolling-5050-nav-block .flickity__arrows {
margin-top: var(--padding-bot);
align-items: center;
gap: 16px;
}
.lsg-br-scrolling-5050 .lsg-br-scrolling-5050-nav-block .flickity__arrow {
background: none;
flex-shrink: 0;
width: 57px;
height: auto;
margin: 0;
padding: 0;
}
.lsg-br-scrolling-5050 .lsg-br-scrolling-5050-nav-block .flickity__arrow:hover {
opacity: 1;
}
.lsg-br-scrolling-5050 .lsg-br-scrolling-5050-nav-block .flickity__arrow path {
fill: currentColor;
}
.lsg-br-scrolling-5050 .lsg-br-scrolling-5050-nav-block .flickity-dot-nav {
flex-wrap: wrap;
gap: 3px;
width: auto;
display: flex;
position: static;
}
.lsg-br-scrolling-5050 .lsg-br-scrolling-5050-nav-block .flickity-dot-nav .flickity-slider-dot {
border: 1px solid #fff;
width: 8px;
height: 8px;
margin: 0;
}
.lsg-br-scrolling-5050 .lsg-br-scrolling-5050-nav-block .flickity-dot-nav .flickity-slider-dot:after {
display: none;
}
.lsg-br-scrolling-5050 .lsg-br-scrolling-5050-nav-block .flickity-dot-nav .flickity-slider-dot.active {
background-color: #fff;
}
.lsg-value-props-wrapper {
background-color: var(--color-background);
color: var(--color-text);
text-align: center;
padding: var(--padding-top) 0 var(--padding-bot);
flex-direction: column;
align-items: center;
font-family: Aeonik, sans-serif;
display: flex;
position: relative;
}
.lsg-value-props-wrapper .lsg-value-props-title {
color: var(--color-title);
text-align: center;
width: 100%;
max-width: 60rem;
margin: auto auto 8px;
font-size: 40px;
font-weight: 900;
line-height: 1.2;
}
@media (width <= 767px) {
.lsg-value-props-wrapper .lsg-value-props-title {
max-width: 374px;
font-size: 30px;
}
}
.lsg-value-props-wrapper .lsg-value-props-subtitle {
text-align: center;
width: 100%;
max-width: 860px;
margin: auto;
font-size: 20px;
font-weight: 500;
line-height: 1.2;
}
.lsg-value-props-wrapper .lsg-value-props {
width: 100%;
max-width: 63.5vw;
margin: auto;
position: relative;
}
@media (width <= 1000px) {
.lsg-value-props-wrapper .lsg-value-props {
max-width: 90vw;
}
}
@media (width <= 767px) {
.lsg-value-props-wrapper .lsg-value-props {
max-width: 100%;
}
}
.lsg-value-props-wrapper .lsg-value-props:not(:first-child) {
margin-top: 96px;
}
@media (width <= 767px) {
.lsg-value-props-wrapper .lsg-value-props:not(:first-child) {
margin-top: 60px;
}
}
.lsg-value-props-wrapper .lsg-value-props .lsg-value-props-inner {
--gap: 20px;
--col-count: 3;
gap: var(--gap);
flex-wrap: wrap;
justify-content: center;
padding: 0 20px;
display: flex;
}
@media (width <= 767px) {
.lsg-value-props-wrapper .lsg-value-props .lsg-value-props-inner {
--gap: 10px;
}
}
.lsg-value-props-wrapper .lsg-value-prop {
width: calc(100% / var(--col-count) - var(--gap) * (var(--col-count) - 1) / var(--col-count));
word-break: break-word;
max-width: 196px;
}
@media (width <= 767px) {
.lsg-value-props-wrapper .lsg-value-prop {
padding: 0 5px;
}
}
.lsg-value-props-wrapper .lsg-value-prop .lsg-value-prop-image {
width: 100px;
margin: auto;
display: block;
}
@media (width <= 767px) {
.lsg-value-props-wrapper .lsg-value-prop .lsg-value-prop-image {
width: 80px;
}
}
.lsg-value-props-wrapper .lsg-value-prop .lsg-value-prop-title {
color: var(--color-subtitle);
letter-spacing: .6px;
margin-top: 16px;
font-size: 20px;
font-weight: 700;
line-height: 1.2;
}
@media (width <= 767px) {
.lsg-value-props-wrapper .lsg-value-prop .lsg-value-prop-title {
letter-spacing: .48px;
width: 100%;
font-size: 16px;
line-height: 1.5;
}
}
.lsg-value-props-wrapper .lsg-value-prop .lsg-value-prop-copy {
letter-spacing: .48px;
width: 100%;
margin: 16px auto auto;
font-size: 16px;
font-weight: 500;
line-height: 1.25;
}
@media (width <= 767px) {
.lsg-value-props-wrapper .lsg-value-prop .lsg-value-prop-copy {
letter-spacing: .42px;
font-size: 14px;
line-height: 1.2851;
}
.lsg-value-props-wrapper.lsg-value-props-mobile-layout--stacked .lsg-value-props .lsg-value-props-inner {
flex-direction: column;
align-items: center;
}
.lsg-value-props-wrapper.lsg-value-props-mobile-layout--stacked .lsg-value-prop {
width: 100%;
}
}
body.overflow-hidden {
overflow: hidden;
}
@media (width >= 768px) {
.lsg-modal-funnel .lsg-br-5050-block--copy-block .lsg-br-5050-copy-block-inner {
max-width: 520px;
}
}
@media (width <= 767px) {
.lsg-modal-funnel .lsg-br-5050-block--copy-block .lsg-br-5050-header {
margin-bottom: 20px;
}
.lsg-modal-funnel .lsg-br-5050-block--copy-block .lsg-br-5050-button-wrap {
margin-top: 20px;
}
}
.lsg-modal-funnel .lsg-br-5050-block--copy-block .okeReviews .okeReviews-starRating {
align-items: center;
gap: 8px;
width: auto;
height: auto;
display: inline-flex;
}
.lsg-modal-funnel .lsg-br-5050-block--copy-block .okeReviews .okeReviews-starRating .okeReviews-a11yText {
width: auto;
height: auto;
overflow: unset;
margin: 0;
position: static;
}
.lsg-modal-funnel .lsg-br-5050-block--copy-block .okeReviews .okeReviews-starRating .okeReviews-starRating-indicator {
width: 100px;
height: 20px;
position: relative;
}
.lsg-modal-funnel .lsg-br-5050-button-wrap .btn {
width: 100%;
display: block;
}
.lsg-modal-funnel .lsg-br-5050-sub-button-copy {
font-size: 12px;
font-weight: 500;
line-height: 1.3333;
}
.lsg-modal-funnel .lsg-br-5050-sub-button-copy ul {
flex-wrap: wrap;
justify-content: center;
gap: 10px;
display: flex;
}
.lsg-modal-funnel .lsg-br-5050-sub-button-copy ul li {
letter-spacing: 0;
align-items: center;
gap: 3px;
display: flex;
}
.lsg-modal-funnel .lsg-br-5050-sub-button-copy ul li:before {
content: "";
background-image: url("data:image/svg+xml,");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
width: 11px;
height: 9px;
display: inline-block;
}
.lsg-modal-funnel .lsg-modal-funnel-modal {
z-index: 50;
background: #fff;
position: fixed;
inset: 0;
}
.lsg-modal-funnel .lsg-modal-funnel-modal:not([open="true"]) {
display: none;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .is--hidden {
display: none !important;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-modal-content {
gap: 20px;
height: 100%;
display: flex;
}
@media (width <= 767px) {
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-modal-content {
flex-direction: column;
}
}
@media (width >= 768px) {
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-modal-content-block {
width: 50%;
}
}
@media (width <= 767px) {
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-modal-content-block {
height: 100%;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-modal-content-block.content-block--image {
display: none;
}
}
.lsg-modal-funnel .lsg-modal-funnel-modal .content-block--inner {
max-width: 560px;
max-height: 100%;
margin: auto;
padding: 20px;
overflow: auto;
}
@media (width >= 768px) {
.lsg-modal-funnel .lsg-modal-funnel-modal .content-block--inner {
padding: 30px 20px;
}
}
.lsg-modal-funnel .lsg-modal-funnel-modal .size-image {
width: 100%;
height: 100%;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .size-image:not(.is--active) {
display: none;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .size-image img {
object-fit: cover;
width: 100%;
height: 100%;
display: block;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-modal-controls {
justify-content: space-between;
gap: 10px;
display: flex;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-modal-controls .btn {
text-transform: none;
border-width: 2px;
border-radius: 5px;
align-items: center;
gap: 10px;
min-width: 0;
margin: 0;
padding: 3px 8px 2px;
font-size: 14px;
line-height: 1.42857;
display: flex;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-modal-controls .btn:before, .lsg-modal-funnel .lsg-modal-funnel-modal .lsg-modal-controls .btn:after {
display: none;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-modal-controls .btn svg {
margin-bottom: 3px;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-modal-logo-wrap {
max-width: 80px;
margin: auto;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-modal-progress-wrap {
flex-direction: column;
align-items: center;
gap: 5px;
display: flex;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-modal-progress-heading {
font-size: 20px;
font-weight: bold;
line-height: 1.4;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-modal-progress-heading:not(.is--active) {
display: none;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-modal-progress {
border-radius: 100px;
width: 100%;
max-width: 300px;
height: 6px;
margin: auto;
display: block;
overflow: hidden;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-modal-progress::-webkit-progress-bar {
background: #0000001a;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-modal-progress::-webkit-progress-value {
background: #000;
border-radius: 100px;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-modal-progress-steps {
gap: 5px;
font-size: 16px;
line-height: 1.5;
display: flex;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-modal-progress-steps .current-step {
font-weight: bold;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-modal-controls .lsg-modal-funnel__atc-button[lsg-funnel-button-action].disabled {
cursor: not-allowed;
pointer-events: none;
opacity: .75;
opacity: .2 !important;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-modal-sizes {
flex-direction: column;
gap: 20px;
margin-top: 30px;
display: flex;
}
@media (width <= 990px) {
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-modal-sizes {
gap: 15px;
margin-top: 20px;
}
}
.lsg-modal-funnel .lsg-modal-funnel-modal .btn.width--full {
width: 100%;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .pdp-details-atc-wrap .quantity-zero {
opacity: .2;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .template-rcb .quantity.disabled {
background-color: #ccc;
border-color: #ccc;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .template-rcb .quantity.disabled .quantity__button {
color: #fff;
cursor: not-allowed;
pointer-events: none;
background: #ccc;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .template-rcb .quantity.quantity-zero .quantity__button--plus.disabled {
color: var(--color-white);
background: #0003;
border: none;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .quantity__button {
-webkit-user-select: none;
user-select: none;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .quantity__button svg {
pointer-events: none;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-size-select {
text-align: left;
background: #fff;
border: 2px solid #000;
border-radius: 12px;
flex-direction: row-reverse;
align-items: center;
gap: 10px;
width: 100%;
padding: 12px 15px;
display: flex;
position: relative;
}
@media (width <= 767px) {
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-size-select {
gap: 5px;
}
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-size-select:not(.is--active):not(:hover) {
border-color: #0000004d;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-size-select:not(.is--active):not(:hover) .lsg-funnel-size-select-indicator, .lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-size-select:not(.is--active):not(:hover) .lsg-funnel-size-select__info, .lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-size-select:not(.is--active):not(:hover) .lsg-funnel-size-select__label span {
opacity: .3;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-size-select.is--active .lsg-funnel-size-select-indicator {
background-color: var(--color-pineapple);
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-size-select.is--active .lsg-funnel-size-select__money--compare {
opacity: .3;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-size-select-image-wrap {
flex-grow: 0;
flex-shrink: 0;
width: 88px;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-size-select-image-wrap img {
width: 100%;
display: block;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-size-select-details {
flex-direction: row;
flex-grow: 1;
justify-content: space-between;
align-items: center;
gap: 5px;
display: flex;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-size-select__info {
align-items: center;
gap: 10px;
display: flex;
}
@media (width <= 990px) {
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-size-select__info {
gap: 5px;
}
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-size-select-title {
font-size: 20px;
font-weight: 700;
line-height: 20px;
}
@media (width <= 990px) {
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-size-select-title {
font-size: 16px;
}
}
@media (width <= 400px) {
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-size-select-title {
font-size: 14px;
}
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-size-select__box-label {
background: var(--color-green);
text-align: center;
text-transform: uppercase;
color: var(--color-white);
letter-spacing: .2px;
border-radius: 100px;
justify-content: center;
align-items: center;
padding: 0 10px;
font-size: 10px;
font-weight: 500;
line-height: 16px;
display: flex;
position: absolute;
top: -10px;
right: 15px;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-size-select__money {
margin: 0;
font-size: 20px;
font-weight: 500;
line-height: 20px;
}
@media (width <= 990px) {
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-size-select__money {
font-size: 16px;
}
}
@media (width <= 400px) {
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-size-select__money {
font-size: 14px;
}
}
.lsg-modal-funnel .lsg-modal-funnel-modal p.lsg-funnel-size-select__label {
background: var(--button-bg-color);
border-radius: 100px;
margin: 0;
padding: 3px 9px;
font-size: 14px;
font-weight: 500;
line-height: 20px;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-size-select-subheading {
font-size: 14px;
font-weight: 700;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-size-select-subtext {
font-size: 12px;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-size-select-subtext :last-child {
margin-bottom: 0;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-size-select-subtext strong {
background: var(--color-pineapple);
font-weight: inherit;
vertical-align: middle;
border-radius: 1000px;
margin-top: 2px;
padding: 2px 5px 1px;
display: inline-block;
margin-bottom: 2px !important;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-size-select-indicator {
aspect-ratio: 1;
border: 2px solid #000;
border-radius: 100%;
flex-grow: 0;
flex-shrink: 0;
width: 20px;
margin-right: 0;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-step:not(.is--active), .lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-flavors-size:not(.is--active) {
display: none;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .pdp-top .pdp-details {
width: 100%;
padding: 57px 0 0;
}
@media (width <= 990px) {
.lsg-modal-funnel .lsg-modal-funnel-modal .pdp-top .pdp-details {
padding: 47px 0 0;
}
}
.lsg-modal-funnel .lsg-modal-funnel-modal .pdp-top .pdp-details__container {
width: 100%;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .pdp-top .pdp-details-box {
margin: 0;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .pdp-top .bundle-product-options {
border-bottom: 1px solid;
justify-content: flex-start;
gap: 36px;
margin-bottom: 20px;
padding-bottom: 30px;
}
@media (width <= 990px) {
.lsg-modal-funnel .lsg-modal-funnel-modal .pdp-top .bundle-product-options {
gap: 47px 32px;
padding-bottom: 24px;
}
}
@media (width <= 400px) {
.lsg-modal-funnel .lsg-modal-funnel-modal .pdp-top .bundle-product-options {
gap: 12px;
}
}
.lsg-modal-funnel .lsg-modal-funnel-modal .pdp-top .bundle-product-options .bundle-product-option {
flex-basis: 103px;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .pdp-top .bundle-product-options .quantity {
-webkit-user-select: none;
user-select: none;
max-width: 120px;
height: 32px;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .pdp-top .bundle-product-options .quantity.quantity-zero .quantity__button--plus {
gap: 10px;
font-size: 15px;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .pdp-top .bundle-product-options .quantity__button {
flex-basis: 30%;
justify-content: center;
align-items: center;
height: 30px;
padding: 0;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .pdp-top .bundle-product-options .quantity__button--plus.disabled {
cursor: not-allowed;
pointer-events: none;
opacity: .2;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .pdp-top .bundle-product-options .quantity__input {
flex-basis: 40%;
font-size: 15px;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .pdp-top .bundle-product-options .bundle-product-option__content {
position: relative;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .pdp-top .bundle-product-funnel-tag {
--color: var(--tag-color, #000);
--color-background: var(--tag-color-background, #e5f561);
background-color: var(--color-background);
color: var(--color);
text-transform: uppercase;
z-index: 1;
border-radius: 5px;
padding: 3px 5px;
font-size: 11px;
font-weight: 500;
line-height: normal;
position: absolute;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .pdp-top .bundle-product-option__image-wrap {
aspect-ratio: 1;
max-width: 80px;
height: auto;
padding: 0;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .pdp-top .bundle-product-option__title {
font-size: 15px;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .selection-summary {
justify-content: space-between;
gap: 10px;
margin-bottom: 15px;
font-size: 16px;
font-weight: 500;
display: flex;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .option--active .rtx_option_top:before {
border: 2px solid;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .rtx_option_plans .option_plans_inner {
padding: 0;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .rtx_option_plans .option_plans_inner select {
appearance: none;
color: currentColor;
background-image: url("data:image/svg+xml,");
background-position: calc(100% - 13px);
background-repeat: no-repeat;
background-size: 14px;
border: 2px solid;
border-radius: 10px;
width: 100%;
height: 40px;
margin-bottom: 5px;
padding: 0 40px 0 20px;
font-size: 14px;
line-height: 20px;
text-decoration: none;
}
.lsg-modal-funnel .lsg-modal-funnel-modal div.rc_discount_banner {
margin: .5rem 0 0;
padding: 0;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .selling_plan_subsave .pricing_summary .price_summary-otp {
opacity: 1;
text-decoration: none;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .selling_plan_subsave .pricing_summary .sub-price {
display: none;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .pricing_summary {
flex-direction: row-reverse;
justify-content: space-between;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .pricing_summary .savings_disclaimer {
visibility: hidden;
flex-grow: 0;
font-size: 16px;
font-weight: 500;
line-height: 24px;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .pricing_summary .savings_disclaimer.is--visible {
visibility: visible;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .pricing_summary .price_summary-otp > * {
opacity: 1;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .miracle-sub-atc-banner-wrapper {
flex-wrap: wrap;
justify-content: center;
gap: 20px;
margin-top: 15px;
display: flex;
}
@media (width <= 990px) {
.lsg-modal-funnel .lsg-modal-funnel-modal .miracle-sub-atc-banner-wrapper {
gap: 13px;
}
}
.lsg-modal-funnel .lsg-modal-funnel-modal .miracle-sub-atc-banner-wrapper .miracle-sub-atc-banner {
background: #e5f56166;
border-radius: 5px;
gap: 5px;
min-width: 0;
margin: 0;
padding: 5px 10px;
font-size: 12px;
font-weight: 500;
line-height: 1;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .miracle-sub-atc-banner-wrapper .miracle-sub-atc-banner-icon img, .lsg-modal-funnel .lsg-modal-funnel-modal .miracle-sub-atc-banner-wrapper .miracle-sub-atc-banner-icon svg {
height: 15px;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-bundle-block {
flex-direction: column;
padding: 30px 0 0;
}
@media (width <= 767px) {
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-bundle-block {
padding-top: 20px;
}
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-bundle-summary-block {
border-top: 1px solid;
width: 100%;
margin-top: 20px;
padding: 0;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .bundle-builder__selected-product {
width: 56px;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .bundle-builder__selected-product-remove-button {
top: -8px;
right: -8px;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-bundle-sticky-bar, .lsg-modal-funnel .lsg-modal-funnel-modal .lsg-bundle-buybox-product-info, .lsg-modal-funnel .lsg-modal-funnel-modal div[data-oke-reviews-product-listing-rating], .lsg-modal-funnel .lsg-modal-funnel-modal .lsg-bundle-buybox-product-name, .lsg-modal-funnel .lsg-modal-funnel-modal .lsg-bundle-buybox-description, .lsg-modal-funnel .lsg-modal-funnel-modal .lsg-bundle-selected-product-heading, .lsg-modal-funnel .lsg-modal-funnel-modal .lsg-bundle-size-select.mobile-hidden, .lsg-modal-funnel .lsg-modal-funnel-modal .lsg-bundle-selected-progress-bar-wrap.desktop-hidden {
display: none;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-bundle-mobile-heading-block {
display: block !important;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-bundle-buybox-block {
width: 100%;
padding: 0;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-bundle-product-list {
margin-top: 30px;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-bundle-product-set-list {
justify-content: center;
gap: 20px;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-bundle-product-select-wrapper {
width: 110px;
box-shadow: none;
background: none;
gap: 10px;
min-width: 110px;
padding: 0;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-bundle-product-select-img-wrap {
max-width: 80px;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-bundle-product-select-title {
text-transform: uppercase;
font-size: 15px;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-bundle-product-select-quantity-wrap .lsg-bundle-product-select-quantity-input-display {
font-size: 15px;
font-weight: 700;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-bundle-product-select-quantity-wrap.no-quantity .lsg-bundle-product-select-quantity-plus {
color: #fff;
background: #000;
flex-direction: row-reverse;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-bundle-product-select-quantity-wrap.no-quantity .lsg-bundle-product-select-quantity-increment-add-text {
font-size: 15px;
font-weight: bold;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .bundle-builder__selected-products {
margin-top: 12px;
padding-top: 8px;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-bundle-summary-pricing {
flex-direction: row-reverse;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-bundle-interval-frequency-select {
color: currentColor;
background-image: url("data:image/svg+xml,");
background-position: calc(100% - 13px);
background-size: 14px;
border: 2px solid;
border-radius: 10px;
width: 100%;
height: 40px;
padding: 0 40px 0 20px;
text-decoration: none;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-bundle-interval-frequency-select-wrap {
border: 0;
width: 100%;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-bundle-interval-option-bot {
padding-left: 0;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-selling-plan {
background: var(--color-white);
border-radius: 12px;
width: 100%;
margin-bottom: 20px;
padding: 15px;
box-shadow: 0 0 20px #0003;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-selling-plan__heading {
justify-content: space-between;
align-items: center;
margin-bottom: 15px;
display: flex;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-selling-plan__title {
margin: 0;
font-size: 16px;
line-height: 24px;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-selling-plan__title span {
color: var(--color-green);
font-weight: 700;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-selling-plan__title--one-time {
display: none;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-selling-plan__title--subs {
display: block;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-selling-plan__toggle {
background: #ccc;
border-radius: 100px;
width: 44px;
height: 24px;
padding: 2px;
position: relative;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-selling-plan__toggle:before {
content: "";
background: var(--color-white);
border-radius: 100%;
width: 20px;
height: 20px;
transition: all .3s ease-in;
position: absolute;
top: 50%;
left: 2px;
transform: translateY(-50%);
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-selling-plan__price-info {
justify-content: space-between;
align-items: center;
display: flex;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-selling-plan__price-info-servings p {
letter-spacing: .28px;
margin: 0;
font-size: 14px;
line-height: 20px;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-selling-plan__price-info-servings-only, .lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-selling-plan__price-info-servings-subs {
display: none;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-selling-plan__price-info-servings-otp {
display: inline-block;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-selling-plan__price-info {
font-size: 20px;
font-weight: 500;
line-height: 28px;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-selling-plan__price-info-prices--subs {
display: none;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-selling-plan__price-info-prices--otp {
display: block;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-selling-plan__price-info-prices--otp p {
margin: 0;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-selling-plan__plans {
display: none;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-selling-plan__dropdown {
background-repeat: no-repeat;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-selling-plans__props {
flex-direction: column;
gap: 5px;
display: flex;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-selling-plans__prop {
align-items: center;
gap: 10px;
font-size: 14px;
line-height: 20px;
display: flex;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-selling-plans__prop p {
margin: 0;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-selling-plan.is--open .lsg-funnel-selling-plan__price-info {
padding-bottom: 15px;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-selling-plan.is--open .lsg-funnel-selling-plan__plans {
border-top: 1px solid var(--color-black);
padding-top: 15px;
display: block;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-selling-plan.is--open .lsg-funnel-selling-plan__toggle {
background: var(--color-black);
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-selling-plan.is--open .lsg-funnel-selling-plan__toggle:before {
right: 2px;
left: unset;
transition: all .3s ease-in;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-selling-plan.is--open .lsg-funnel-selling-plan__title--one-time {
display: block;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-selling-plan.is--open .lsg-funnel-selling-plan__title--subs {
display: none;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-selling-plan.is--open .lsg-funnel-selling-plan__price-info-servings {
background: var(--button-bg-color);
border-radius: 100px;
flex-shrink: 0;
justify-content: center;
align-items: center;
height: fit-content;
padding: 0 10px;
display: flex;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-selling-plan.is--open .lsg-funnel-selling-plan__price-info-servings-only {
display: inline-block;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-selling-plan.is--open .lsg-funnel-selling-plan__price-info-price-compare {
opacity: .3;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-selling-plan.is--open .lsg-funnel-selling-plan__price-info-servings-subs {
display: inline-block;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-selling-plan.is--open .lsg-funnel-selling-plan__price-info-servings-otp {
display: none;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-selling-plan.is--open .lsg-funnel-selling-plan__price-info-prices--subs {
display: block;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .lsg-funnel-selling-plan.is--open .lsg-funnel-selling-plan__price-info-prices--otp {
display: none;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .pricing_summary.subs {
flex-direction: row-reverse;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .pricing_summary.subs .price_summary-otp {
text-decoration: line-through;
}
.lsg-modal-funnel .lsg-modal-funnel-modal .pricing_summary.subs .sub-price {
font-weight: 900;
display: inline-block;
}
.top-messaging {
background: var(--color-wheat);
text-align: center;
padding: 5px;
line-height: normal;
transition: background .3s ease-in-out;
display: block;
overflow: hidden;
}
.top-messaging:hover {
background: var(--color-wheat);
}
@media (width <= 768px) {
.top-messaging {
padding: 3px;
}
}
.top-messaging p {
margin: 0;
font-family: Aeonik, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 17px;
}
.main-header-section {
z-index: var(--z-index-navigation);
top: var(--announcement-offset);
width: 100%;
position: absolute;
}
.main-header {
z-index: var(--z-index-priority-content-high);
color: #000;
background: #fff;
padding: 0;
transition: all .2s ease-in;
position: relative;
box-shadow: 0 2px 2px #00000040;
}
@media (width <= 767px) {
.main-header {
padding: 0;
}
}
.main-header__container {
justify-content: space-between;
max-width: 1340px;
height: 100%;
margin: auto;
padding: 0 50px;
display: flex;
}
@media (width <= 1024px) {
.main-header__container {
gap: 20px;
padding: 0 15px;
}
}
.main-header a {
transition: color var(--transition-duration-fast) ease-in-out;
}
.main-header a:hover {
color: #e5f561;
}
.main-header__left {
align-items: center;
width: 40%;
display: flex;
}
@media (width <= 1024px) {
.main-header__left {
width: auto;
}
}
.main-header__center {
justify-content: center;
align-items: center;
width: 20%;
display: flex;
}
@media (width <= 1024px) {
.main-header__center {
width: auto;
}
}
.main-header__logo {
height: 100px;
margin: auto;
display: block;
}
@media (width <= 1024px) {
.main-header__logo {
height: 70px;
}
}
.main-header__logo img {
object-fit: contain;
width: auto;
height: 100%;
display: block;
}
.main-header__logo svg {
max-height: 28px;
margin: auto;
display: block;
}
.main-header__right {
justify-content: flex-end;
width: 40%;
display: flex;
}
@media (width <= 1024px) {
.main-header__right {
width: auto;
margin-left: auto;
}
.main-header__left, .main-header__right {
flex-basis: auto;
}
}
ul.main-header__links {
align-items: center;
height: 100%;
font-size: 14px;
line-height: 20px;
display: flex;
}
@media (width <= 1024px) {
ul.main-header__links {
display: none;
}
}
ul.main-header__links > li {
height: 100%;
color: var(--color-black);
transition: opacity var(--transition-duration-fast) ease-in-out;
align-items: center;
padding: 0 20px;
display: flex;
}
.main-header-link.active {
color: var(--color-orange);
}
.main-header__icons {
align-items: center;
gap: 20px;
font-family: Aeonik, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 1.25;
display: flex;
}
@media (width <= 767px) {
.main-header__icons {
gap: 10px;
font-size: 16px;
line-height: 1.2;
}
}
.main-header__icons a {
display: block;
}
.main-header__icons .shop-link {
color: #000;
letter-spacing: .32px;
background-color: #e5f561;
border: 3px solid #e5f561;
border-radius: 12px;
padding: 5px 11px;
line-height: 1.125;
}
@media (width <= 1024px) {
.main-header__icons .shop-link {
border-radius: 10px;
padding: 3px 11px;
}
}
.main-header__icons .shop-link:hover {
color: #000;
background-color: #0000;
border-color: #000;
}
.main-header__icon {
cursor: pointer;
transition: opacity var(--transition-duration-fast) ease-in-out;
}
@media (width >= 768px) {
.main-header__icon.cart-icon {
order: 2;
}
}
.main-header__icon svg {
height: 20px;
color: var(--color-black);
display: block;
}
@media (width <= 1024px) {
.main-header__account-icon {
display: none;
}
}
.cart-icon {
transition: color var(--transition-duration-fast) ease-in-out;
align-items: center;
display: flex;
position: relative;
}
.cart-icon:hover {
color: #e5f561;
}
.cart-icon svg {
color: currentColor;
}
.cart-icon__count {
margin-left: 8px;
font-size: 14px;
font-weight: 700;
line-height: 20px;
}
body {
--combined-offset: calc(var(--announcement-offset) + var(--header-offset));
}
.scrolled {
--combined-offset: var(--header-offset);
}
.scrolled .main-header-section {
transition: translate .2s ease-in;
position: fixed;
top: 0;
}
@media (width <= 767px) {
.scrolled.shy-header--hidden {
--combined-offset: 0px;
}
.scrolled.shy-header--hidden:not(.mobile-nav-is-open) .main-header-section {
translate: 0 calc(var(--header-offset) * -1);
}
}
body:not(.template-index) main {
padding-top: var(--header-offset);
}
body:not(.template-michelle-wie) .main-header__logo--lpga, body.template-michelle-wie .main-header__logo:not(.main-header__logo--lpga) {
display: none;
}
.main-footer {
color: #fff;
background: #000;
}
.main-footer ul.social-icons li {
color: #000;
}
.main-footer ul.social-icons li a {
color: inherit;
}
.main-footer ul.social-icons li:hover {
color: #fff;
}
.main-footer ul.social-icons li:after {
background-color: #fff;
top: 0;
left: 0;
}
.lsg-br-footer-container {
flex-flow: row;
gap: 95px;
padding: 150px 0 280px;
font-family: Aeonik, sans-serif;
display: flex;
}
@media (width <= 767px) {
.lsg-br-footer-container {
flex-direction: column;
gap: 0;
padding: 15px 0;
}
}
.main-footer a {
transition: color var(--transition-duration-fast) ease-in-out;
}
.main-footer a:hover {
color: #e5f561;
}
.main-footer__left {
width: 45%;
z-index: var(--z-index-priority-content);
}
@media (width <= 767px) {
.main-footer__left {
width: 100%;
max-width: 600px;
margin: auto;
}
}
.main-footer__left-container {
margin: 0 auto;
}
.main-footer__logo {
width: 135px;
display: block;
}
.main-footer__logo img {
display: block;
}
@media (width <= 767px) {
.main-footer__logo {
width: 130px;
margin: auto auto 14px;
}
}
.main-footer__email-signup {
--button-color: #000;
--button-bg-color: #fff;
--button-border-color: #fff;
--button-color-hover: #fff;
--button-bg-color-hover: #000;
--button-border-color-hover: #fff;
margin-bottom: 24px;
}
@media (width <= 767px) {
.main-footer__email-signup {
margin-bottom: 52px;
}
}
.main-footer__email-signup-header {
margin-bottom: 12px;
font-family: Aeonik, sans-serif;
font-size: 25px;
font-weight: 700;
line-height: 40px;
}
@media (width <= 767px) {
.main-footer__email-signup-header {
margin-bottom: 16px;
font-size: 30px;
line-height: 1;
}
}
.main-footer__email-signup-text:empty {
display: none;
}
.main-footer__email-signup .email-signup__input {
color: #fff;
width: calc(100% - 152px);
font: inherit;
background: linear-gradient(#ffffff1a 0% 37px, #0000 37px);
border: 0;
border-bottom: 3px solid;
border-radius: 0;
align-self: flex-start;
height: auto;
margin-right: auto;
padding: 10px 10px 21px;
font-size: 16px;
line-height: 1.15;
}
@media (width <= 767px) {
.main-footer__email-signup .email-signup__input {
text-align: left;
width: 100%;
margin-bottom: 20px;
}
}
.main-footer__email-signup .btn.email-signup__submit {
width: 140px;
min-width: 140px;
padding: 7px 14px;
}
@media (width <= 767px) {
.main-footer__email-signup .btn.email-signup__submit {
width: 100%;
max-width: none;
}
}
.main-footer__connect {
flex-flow: wrap;
display: flex;
}
.main-footer__email {
font: inherit;
margin: 0;
font-size: 20px;
font-weight: 700;
position: relative;
}
@media (width <= 767px) {
.main-footer__email {
text-align: left;
width: 100%;
margin: 0 0 40px;
padding-right: 0;
font-size: 14px;
line-height: 20px;
}
.main-footer__social {
justify-content: flex-start;
width: 100%;
margin-bottom: 15px;
display: flex;
}
}
.main-footer__center {
flex-direction: column;
justify-content: space-between;
align-items: center;
width: 10%;
display: flex;
}
@media (width <= 767px) {
.main-footer__center {
display: none;
}
}
.main-footer__center-logo {
width: 64px;
}
.main-footer__center-logo svg {
display: block;
}
.main-footer__center:before, .main-footer__center:after {
content: "";
background: var(--color-black);
width: 2px;
height: 40%;
display: block;
}
.main-footer__right {
width: 55%;
padding: 22px 0 0;
}
@media (width <= 767px) {
.main-footer__right {
width: 100%;
max-width: 600px;
margin: auto;
}
}
.main-footer__right-container {
margin: 0 auto;
}
ul.main-footer__copyright-certifications {
align-items: flex-end;
font-size: .8em;
display: flex;
}
ul.main-footer__copyright-certifications li {
margin-right: 20px;
}
ul.main-footer__copyright-certifications li:last-child {
margin-right: 0;
}
.main-footer__certification-logo {
width: 30px;
display: block;
}
.main-footer__link-groups {
flex-flow: wrap;
justify-content: space-between;
row-gap: 30px;
margin-bottom: auto;
display: flex;
}
.main-footer__link-group {
flex-basis: 33.33%;
padding-right: 20px;
}
@media (width <= 767px) {
.main-footer__link-group {
flex-basis: 50%;
margin-bottom: 20px;
padding-right: 8px;
}
}
.main-footer__link-group-header {
margin-bottom: 20px;
font-size: 35px;
font-weight: 700;
line-height: 40px;
}
@media (width <= 767px) {
.main-footer__link-group-header {
margin-bottom: 20px;
font-size: 30px;
line-height: 1;
}
}
.main-footer__link-list {
letter-spacing: .5px;
font-size: 25px;
font-weight: 500;
line-height: 30px;
}
@media (width <= 767px) {
.main-footer__link-list {
margin-bottom: 42px;
font-size: 18px;
line-height: 25px;
}
}
.main-footer__link-list li {
margin: auto;
}
.banner-image {
background: var(--color-off-white);
align-items: center;
width: 100%;
min-height: 40vw;
display: flex;
position: relative;
}
@media (width <= 768px) {
.banner-image {
align-items: start;
min-height: 68vh;
}
.template-rcb .banner-image {
min-height: unset !important;
}
}
.banner-image__image {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
@media (width <= 768px) {
.banner-image__image {
display: none;
}
}
.banner-image__image img {
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.banner-image__image_mobile {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
@media (width >= 768px) {
.banner-image__image_mobile {
display: none;
}
}
.banner-image__image_mobile img {
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.banner-image-content {
height: 100%;
z-index: var(--z-index-priority-content);
padding: 40px 0;
position: relative;
}
.banner-image-content--left {
width: 50%;
height: 100%;
top: 0;
left: 0;
}
@media (width <= 768px) {
.banner-image-content--left {
text-align: center;
width: 100%;
}
}
.banner-image-content--center {
width: 100%;
height: 100%;
top: 0;
left: 0;
}
@media (width <= 768px) {
.banner-image-content--center {
width: 100%;
}
}
.banner-image-content--right {
width: 50%;
height: 100%;
top: 0;
left: 50%;
}
@media (width <= 768px) {
.banner-image-content--right {
width: 100%;
}
}
.banner-image-content__block {
width: 90%;
max-width: 500px;
margin: 0 auto;
}
@media (width <= 767px) {
.banner-image-content__block a.button--secondary {
margin: auto;
}
}
.banner-image-content--center .banner-image-content__block {
text-align: center;
}
.banner-image-content--light .banner-image-content__title {
color: var(--color-white);
}
.banner-image-content--dark .banner-image-content__title {
color: var(--color-grey-dark);
}
.banner-image-content__title span {
font-family: jimmy-crack-corn;
}
.banner-image-content__text {
text-transform: lowercase;
margin-bottom: 26px;
}
.banner-image-content__text ul {
text-align: left;
}
.banner-image-content--light .banner-image-content__text {
color: var(--color-white);
}
.banner-image-content--dark .banner-image-content__text {
color: var(--color-grey-dark);
}
.banner-image-video-btn {
align-items: center;
display: flex;
}
.banner-image-video-btn__icon {
width: 80px;
margin-right: 20px;
}
.banner-image-video-btn__title {
margin: 0;
}
.lsg-reviews {
display: block;
overflow: hidden;
}
.lsg-reviews__wrapper {
flex-direction: column;
max-width: 1316px;
margin: 0 auto;
padding: 0 20px;
display: flex;
}
.lsg-reviews__wrapper > :not(:last-child) {
margin-bottom: 40px;
}
.lsg-reviews__header {
text-align: center;
flex-direction: column;
display: flex;
}
.lsg-reviews__header > :not(:last-child) {
margin-bottom: 20px;
}
@media screen and (width >= 1024px) {
.lsg-reviews__header > :not(:last-child) {
margin-bottom: 40px;
}
}
.lsg-reviews__stars {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
@media screen and (width >= 1024px) {
.lsg-reviews__stars {
flex-direction: row;
}
}
.lsg-reviews__stars .lsg-stars__star:not(:last-child) {
margin-right: 2.5px;
}
.lsg-reviews__stars .lsg-stars__star svg {
width: 20px;
height: 20px;
}
@media screen and (width >= 1024px) {
.lsg-reviews__stars .lsg-stars__star svg {
width: 25px;
height: 25px;
}
}
.lsg-reviews__stars-text {
text-align: center;
letter-spacing: .32px;
margin-top: 7px;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%;
}
@media screen and (width >= 1024px) {
.lsg-reviews__stars-text {
letter-spacing: .5px;
margin-top: 0;
margin-left: 10px;
font-size: 25px;
line-height: 120%;
}
}
.lsg-reviews__title {
text-align: center;
text-transform: capitalize;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: 120%;
}
@media screen and (width >= 1024px) {
.lsg-reviews__title {
font-size: 48px;
line-height: 108.333%;
}
}
.lsg-reviews__tabs {
flex-wrap: wrap;
justify-content: center;
gap: 10px;
display: flex;
}
@media screen and (width >= 1024px) {
.lsg-reviews__tabs {
gap: 20px;
}
}
.lsg-reviews__tab {
letter-spacing: .4px;
text-transform: capitalize;
color: #000;
background-color: #0000;
border: 2px solid #000;
border-radius: 12px;
justify-content: center;
align-items: center;
padding: 5px 13px;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 120%;
transition: all .3s ease-in-out;
display: flex;
}
.lsg-reviews__tab.active {
color: #fff;
pointer-events: none;
background-color: #000;
}
.lsg-reviews__panels {
position: relative;
}
@media screen and (width >= 1276px) {
.lsg-reviews__panels {
overflow: hidden;
}
}
.lsg-reviews__panel {
visibility: hidden;
opacity: 0;
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.lsg-reviews__panel.active {
visibility: visible;
opacity: 1;
position: relative;
}
.lsg-reviews__panel > :not(:last-child) {
margin-bottom: 32px;
}
@media screen and (width >= 1024px) {
.lsg-reviews__panel > :not(:last-child) {
margin-bottom: 40px;
}
}
.lsg-reviews__slider-container > :not(:last-child) {
margin-bottom: 15px;
}
.lsg-reviews__slider:not(.flickity-enabled) {
gap: 20px;
display: grid;
}
@media screen and (width >= 768px) {
.lsg-reviews__slider:not(.flickity-enabled) {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (width >= 1024px) {
.lsg-reviews__slider:not(.flickity-enabled) {
grid-template-columns: repeat(4, 1fr);
}
}
.lsg-reviews__slider + .lsg-slider-controls {
display: none;
}
.lsg-reviews__slider.flickity-enabled .flickity-viewport {
width: 100%;
overflow: visible;
}
.lsg-reviews__slider.flickity-enabled .flickity-slider > * {
width: 73.8%;
max-width: 304px;
margin-right: 18px;
}
@media screen and (width >= 768px) {
.lsg-reviews__slider.flickity-enabled .flickity-slider > * {
width: calc(50% - 18px);
}
}
@media screen and (width >= 1024px) {
.lsg-reviews__slider.flickity-enabled .flickity-slider > * {
width: calc(33.33% - 18px);
}
}
@media screen and (width >= 1276px) {
.lsg-reviews__slider.flickity-enabled .flickity-slider > * {
width: calc(25% - 15px);
margin-right: 20px;
}
}
.lsg-reviews__slider.flickity-enabled + .lsg-slider-controls {
display: flex;
}
.lsg-testimonials {
display: block;
}
.lsg-testimonials__wrapper {
margin: 0 auto;
padding: 0 20px;
}
.lsg-testimonials__wrapper > :not(:last-child) {
margin-bottom: 40px;
}
.lsg-testimonials__title {
text-align: center;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: 120%;
}
@media screen and (width >= 768px) {
.lsg-testimonials__title {
font-size: 48px;
line-height: 108.333%;
}
}
.lsg-testimonials__slider-wrapper {
margin: 0 -20px;
}
.lsg-testimonials__slider-wrapper .lsg-slider-controls {
margin-top: 35px;
display: none;
}
.lsg-testimonials__slider:not(.flickity-enabled) {
align-items: start;
gap: 20px;
display: grid;
}
@media screen and (width >= 768px) {
.lsg-testimonials__slider:not(.flickity-enabled) {
grid-template-columns: repeat(3, 1fr);
}
}
.lsg-testimonials__slider.flickity-enabled + .lsg-slider-controls {
display: flex;
}
.lsg-testimonials__slider.flickity-enabled .flickity-slider > * {
width: 66.6667%;
margin-right: 20px;
}
@media screen and (width >= 768px) {
.lsg-testimonials__slider.flickity-enabled .flickity-slider > * {
width: calc(50% - 10px);
}
}
@media screen and (width >= 1024px) {
.lsg-testimonials__slider.flickity-enabled .flickity-slider > * {
width: calc(33.333% - 10px);
}
}
.banner-video {
width: 100%;
min-height: 40vw;
position: relative;
}
@media (width <= 768px) {
.banner-video {
min-height: 100vw;
}
}
@media (width <= 568px) {
.banner-video {
min-height: 150vw;
}
}
.banner-video .banner-video-bg-container {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0;
}
.banner-video .banner-video-bg-container iframe {
width: 100%;
height: 100%;
}
.banner-video__image {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.banner-video img {
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.banner-video--desktop-image {
display: block;
}
@media (width <= 768px) {
.banner-video--desktop-image {
display: none;
}
}
.banner-video--mobile-image {
display: none;
}
@media (width <= 768px) {
.banner-video--mobile-image {
display: block;
}
}
.banner-video-content {
z-index: var(--z-index-priority-content);
width: 45%;
height: 100%;
margin: 0 0 0 auto;
padding: 80px 0;
position: relative;
top: 0;
right: 0;
}
@media (width <= 768px) {
.banner-video-content {
width: 100%;
padding: 30px 0;
left: 0;
}
}
.banner-video-content__block {
width: 100%;
}
@media (width <= 768px) {
.banner-video-content__block {
text-align: center;
width: 90%;
margin: 0 auto;
}
}
.banner-video-content--center .banner-video-content__block {
text-align: center;
}
.banner-video-content-header {
margin-bottom: 20px;
position: relative;
}
.banner-video-content-header__title {
text-transform: uppercase;
margin: 0;
padding-left: 14px;
}
@media (width <= 768px) {
.banner-video-content-header__title {
padding-left: 0;
}
}
.banner-video-content-header:after {
content: "";
background: var(--color-off-white);
z-index: -1;
width: 0%;
height: 35%;
transition: width var(--transition-duration-slow) ease-in-out;
display: block;
position: absolute;
bottom: 6px;
left: 0;
}
.hp-banner-video .banner-video-content-header:after {
display: none;
}
@media (width <= 767px) {
.hp-banner-video .banner-video-btn {
justify-content: center;
margin: auto;
bottom: 32px;
left: 10px;
right: 10px;
}
.hp-banner-video .banner-video-btn__icon {
width: 44px;
}
.hp-banner-video svg.play-btn {
width: 44px;
height: 44px;
}
}
.banner-video-content-header.animated:after {
width: 100%;
}
.banner-video-content-header__logo {
max-width: 470px;
}
@media (width <= 768px) {
.banner-video-content-header__logo {
margin: 0 auto;
}
}
.banner-video-content-header__logo svg {
width: 100%;
display: block;
}
.banner-video-content__text {
width: 90%;
}
@media (width <= 768px) {
.banner-video-content__text {
width: 100%;
}
}
.hp-banner-video {
align-items: center;
display: flex;
}
.hp-banner-video .banner-video-btn {
position: relative;
inset: auto;
}
.hp-banner-video .banner-video-content__text {
letter-spacing: .123636px;
width: 100%;
max-width: 569px;
font-size: 20px;
font-weight: 400;
line-height: 29px;
}
.hp-banner-video h2.banner-video-content-header__title {
max-width: 475px;
padding-left: 0;
}
.hp-banner-video .banner-video-content-header {
margin-bottom: 27px;
}
@media (width <= 767px) {
.hp-banner-video .banner-video-content-header {
margin-bottom: 9px;
}
}
.hp-banner-video .desktop {
display: block;
}
@media (width <= 767px) {
.hp-banner-video .desktop {
display: none;
}
}
.hp-banner-video .mobile {
display: none;
}
@media (width <= 767px) {
.hp-banner-video .mobile {
display: block;
}
}
.banner-video-btn {
align-items: center;
display: flex;
position: absolute;
bottom: 50px;
left: 50px;
}
.banner-video-btn__icon {
width: 80px;
margin-right: 20px;
}
.banner-video-btn__title {
color: var(--color-off-white);
text-shadow: 0 2px 4px var(--color-black);
margin: 0;
}
.banner-video-2 {
justify-content: center;
align-items: center;
width: 100%;
min-height: 40vw;
display: flex;
position: relative;
}
@media (width <= 768px) {
.banner-video-2 {
min-height: 100vw;
}
}
@media (width <= 568px) {
.banner-video-2 {
min-height: 150vw;
}
}
.banner-video-2 .banner-video-2-bg-container {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0;
}
.banner-video-2 .banner-video-2-bg-container video.desktop {
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
display: none;
}
@media screen and (width >= 768px) {
.banner-video-2 .banner-video-2-bg-container video.desktop {
display: block;
}
}
.banner-video-2 .banner-video-2-bg-container video.mobile {
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
}
@media screen and (width >= 768px) {
.banner-video-2 .banner-video-2-bg-container video.mobile {
display: none;
}
}
.banner-video-2__image {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.banner-video-2 img {
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.banner-video-2--desktop-image {
display: block;
}
@media (width <= 768px) {
.banner-video-2--desktop-image {
display: none;
}
}
.banner-video-2--mobile-image {
display: none;
}
@media (width <= 768px) {
.banner-video-2--mobile-image {
display: block;
}
}
.banner-video-2-content {
z-index: var(--z-index-priority-content);
width: 45%;
height: 100%;
min-height: 100vh;
margin: 0 auto;
padding: 5% 0;
position: relative;
}
@media (width <= 768px) {
.banner-video-2-content {
width: 100%;
padding: 30px 0;
left: 0;
}
}
@media (width >= 768px) {
.banner-video-2-content.banner-video-2-alignment--left, .banner-video-2-content.banner-video-2-alignment--right {
width: 92%;
max-width: 1320px;
}
}
.banner-video-2-content.banner-video-2-alignment--left .banner-video-2-content-header__title, .banner-video-2-content.banner-video-2-alignment--right .banner-video-2-content-header__title {
max-width: 800px;
padding: 0;
}
.banner-video-2-content.banner-video-2-alignment--left .banner-video-2-content__text, .banner-video-2-content.banner-video-2-alignment--right .banner-video-2-content__text {
width: 100%;
}
.banner-video-2-content.banner-video-2-alignment--left .banner-video-2-content-header__title, .banner-video-2-content.banner-video-2-alignment--left .banner-video-2-content__subheader {
text-align: left;
margin-left: 0;
}
.banner-video-2-content.banner-video-2-alignment--left .banner-video-2-content__text a {
margin-left: 0;
}
.banner-video-2-content.banner-video-2-alignment--right .banner-video-2-content-header__title, .banner-video-2-content.banner-video-2-alignment--right .banner-video-2-content__subheader {
text-align: right;
margin-right: 0;
}
.banner-video-2-content.banner-video-2-alignment--right .banner-video-2-content__text a {
margin-right: 0;
}
.text-desc-right p.desktop, .text-desc-center p.desktop, .text-desc-left p.desktop {
display: none;
}
@media screen and (width >= 768px) {
.text-desc-right p.desktop, .text-desc-center p.desktop, .text-desc-left p.desktop {
margin-top: 27px;
display: block;
}
}
.text-desc-right p.mobile, .text-desc-center p.mobile, .text-desc-left p.mobile {
letter-spacing: .1px;
margin-top: 9px;
font-size: 16px;
line-height: 25px;
display: block;
}
@media screen and (width >= 768px) {
.text-desc-right p.mobile, .text-desc-center p.mobile, .text-desc-left p.mobile {
display: none;
}
.text-desc-right .hp-banner-video-2-content, .text-desc-center .hp-banner-video-2-content, .text-desc-left .hp-banner-video-2-content {
max-width: 50vw;
margin: 0;
}
}
@media screen and (width >= 1024px) {
.text-desc-right .hp-banner-video-2-content, .text-desc-center .hp-banner-video-2-content, .text-desc-left .hp-banner-video-2-content {
max-width: 40vw;
margin: 0;
}
}
.text-desc-center p {
text-align: center;
}
.banner-video-2.text-desc-right {
justify-content: flex-end;
}
@media screen and (width >= 768px) {
.banner-video-2.text-desc-right .hp-banner-video-2-content {
margin: 0 8vw 0 0;
}
}
h2.testimonials-title, h2.banner-video-content-header__title, h2.image-text-panel__content-title, h2.banner-video-2-content-header__title, h2.content-block-header__title, h2.full-width-text-panel__content-title, h2.banner-image-content__title {
text-transform: none;
font-family: Megazoid;
font-size: 40px;
font-weight: 500;
line-height: 1;
}
@media (width >= 768px) {
h2.testimonials-title, h2.banner-video-content-header__title, h2.image-text-panel__content-title, h2.banner-video-2-content-header__title, h2.content-block-header__title, h2.full-width-text-panel__content-title, h2.banner-image-content__title {
font-size: 105px;
}
}
.banner-video-2-content__subheader {
letter-spacing: .9px;
font-family: Aeonik, sans-serif;
font-size: 45px;
font-weight: 700;
line-height: 1;
}
@media (width <= 767px) {
.banner-video-2-content__subheader {
letter-spacing: .72px;
font-size: 36px;
}
}
.text-desc-left h2.banner-video-2-content-header__title, .text-desc-right h2.banner-video-2-content-header__title {
text-align: left;
margin: 0;
padding: 0;
}
@media screen and (width >= 768px) {
.text-desc-left h2.banner-video-2-content-header__title, .text-desc-right h2.banner-video-2-content-header__title {
max-width: 50vw;
}
}
@media screen and (width >= 1024px) {
.text-desc-left h2.banner-video-2-content-header__title, .text-desc-right h2.banner-video-2-content-header__title {
max-width: 33vw;
}
}
.text-desc-left {
justify-content: flex-start;
}
@media screen and (width >= 768px) {
.text-desc-left .hp-banner-video-2-content {
margin: 0 0 0 8vw;
}
}
@media screen and (width <= 767px) {
.text-mob-top h2.banner-video-2-content-header__title, .text-mob-bottom h2.banner-video-2-content-header__title {
text-align: center;
max-width: 346px;
margin: auto auto 9px;
}
.text-mob-top {
align-items: flex-start;
}
.text-mob-bottom {
align-items: flex-end;
}
}
.banner-video-2-content__block {
width: 100%;
}
@media (width <= 768px) {
.banner-video-2-content__block {
text-align: center;
width: 90%;
margin: 0 auto;
}
}
@media (width <= 767px) {
.text-desc-right .banner-video-2-content__block, .text-desc-center .banner-video-2-content__block, .text-desc-left .banner-video-2-content__block {
text-align: center;
width: 100%;
max-width: 414px;
margin: 0 auto;
}
}
.banner-video-2-content--center .banner-video-2-content__block {
text-align: center;
}
.banner-video-2-content-header {
margin-bottom: 30px;
position: relative;
}
@media (width <= 767px) {
.banner-video-2-content-header {
margin-bottom: 8px;
}
}
.banner-video-2-content--light .banner-video-2-content-header__title, .banner-video-2-content--light .banner-video-2-content__text {
color: var(--color-white);
}
.banner-video-2-content--dark .banner-video-2-content-header__title, .banner-video-2-content--dark .banner-video-2-content__text {
color: var(--color-grey-dark);
}
.banner-video-2-content-header__title {
text-transform: uppercase;
text-align: center;
max-width: 520px;
margin: 0 auto;
padding-left: 14px;
}
@media (width <= 768px) {
.banner-video-2-content-header__title {
padding-left: 0;
}
}
.banner-video-2-content-header.animated:after {
width: 100%;
}
.banner-video-2-content-header__logo {
max-width: 470px;
}
@media (width <= 768px) {
.banner-video-2-content-header__logo {
margin: 0 auto;
}
}
.banner-video-2-content-header__logo svg {
width: 100%;
display: block;
}
.banner-video-2-content__text {
flex-wrap: wrap;
gap: 16px;
width: 90%;
margin: 0 auto;
display: flex;
}
.banner-video-2-content__text a {
margin: 0 auto;
display: inline-block;
}
@media (width <= 768px) {
.banner-video-2-content__text {
width: 100%;
}
}
.banner-video-2-btn {
align-items: center;
display: flex;
position: absolute;
bottom: 50px;
left: 50px;
}
.banner-video-2-btn__icon {
width: 80px;
margin-right: 20px;
}
.banner-video-2-btn__title {
color: var(--color-off-white);
text-shadow: 0 2px 4px var(--color-black);
margin: 0;
}
.progress-bullets-section {
flex-flow: wrap;
display: flex;
}
.progress-bullets-section__header {
margin-bottom: 50px;
}
.progress-bullets-section__content {
width: 40%;
padding-right: 40px;
}
@media (width <= 768px) {
.progress-bullets-section__content {
width: 100%;
padding-right: 0;
}
}
.progress-bullets-section__image {
width: 60%;
}
@media (width <= 768px) {
.progress-bullets-section__image {
order: -1;
width: 100%;
margin-bottom: 20px;
}
}
.progress-bullets-section__image img {
top: calc(var(--height-header) + 30px);
position: sticky;
}
ul.progress-bullets {
margin: 0 0 20px;
padding: 0;
position: relative;
}
.progress-bullet {
opacity: .4;
margin-bottom: 50px;
padding-left: 1.3em;
transition: opacity .3s ease-in-out;
position: relative;
}
.progress-bullet.active {
opacity: 1;
}
.progress-bullets__line {
background: var(--color-black);
width: 1px;
height: 0%;
position: absolute;
top: 10px;
left: 5px;
}
.progress-bullet__title {
margin-bottom: 5px;
}
.progress-bullet:before, .progress-bullet:after {
content: "";
border-radius: 50%;
width: 10px;
height: 10px;
display: block;
position: absolute;
}
.progress-bullet:before {
content: "";
background-color: var(--color-orange);
top: 12px;
left: 3px;
}
.progress-bullet:after {
content: "";
border: 1px solid var(--color-black);
z-index: 3;
top: 10px;
left: 0;
}
.full-width-text-panel__container:not(.hp-full-width-text-panel__container) {
padding: 80px 0;
}
@media (width <= 1024px) {
.full-width-text-panel__container:not(.hp-full-width-text-panel__container) {
padding: 40px 0;
}
}
.full-width-text-panel__container > :last-child {
margin-bottom: 0;
}
.full-width-text-panel {
border-radius: 3px;
width: 100%;
margin: 0 auto;
position: relative;
}
@media (width <= 1024px) {
.full-width-text-panel {
padding: 0;
}
}
.full-width-text-panel--full {
max-width: none;
}
.full-width-text-panel--full.full-width-text-panel--content-left {
margin: 0 0 0 auto;
padding: 20px 100px 20px 20px;
}
@media (width <= 1024px) {
.full-width-text-panel--full.full-width-text-panel--content-left {
margin: 0 auto;
padding: 0;
}
}
.full-width-text-panel--full.full-width-text-panel--content-right {
margin: 0 auto 0 0;
padding: 20px 20px 20px 100px;
}
@media (width <= 1024px) {
.full-width-text-panel--full.full-width-text-panel--content-right {
margin: 0 auto;
padding: 0;
}
}
.full-width-text-panel__inner-container {
height: 100%;
position: relative;
}
.full-width-text-panel__content {
background: var(--color-very-light-pink);
text-align: center;
border-radius: 3px;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
min-height: 500px;
padding: 20px 0;
display: flex;
position: relative;
transform: translateY(0%);
}
@media (width <= 1024px) {
.full-width-text-panel__content {
border-radius: 0 0 3px 3px;
width: 100%;
min-height: auto;
padding: 40px 0;
position: relative;
}
}
.full-width-text-panel__content a {
cursor: pointer;
}
.full-width-text-panel--content-left .full-width-text-panel__content {
left: 0;
}
.full-width-text-panel--content-right .full-width-text-panel__content {
margin: 0 0 0 auto;
}
.full-width-text-panel__content-container {
width: 90%;
max-width: 600px;
margin: 0 auto;
padding-top: 40px;
}
@media screen and (width <= 1024px) {
.full-width-text-panel__content-container {
padding-top: 70px;
}
}
.full-width-text-panel__content-container .full-width-text-panel__content-text {
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
.full-width-text-panel__content-container a.button--secondary {
margin: auto;
}
.hp-full-width-text-panel__container .full-width-text-panel__content {
min-height: fit-content;
padding: 60px 10px 50px;
}
@media screen and (width <= 767px) {
.hp-full-width-text-panel__container .full-width-text-panel__content {
padding: 24px 21px 48px;
}
}
.hp-full-width-text-panel__container a.button--secondary {
margin: 28px auto 0;
}
.hp-full-width-text-panel__container .full-width-text-panel__content-text, .hp-full-width-text-panel__container .full-width-text-panel__content-container {
width: 100%;
max-width: 762px;
margin-left: auto;
margin-right: auto;
padding: 0;
}
@media screen and (width <= 1024px) {
.hp-full-width-text-panel__container .full-width-text-panel__content-text, .hp-full-width-text-panel__container .full-width-text-panel__content-container {
padding-top: 0;
}
}
.full-width-text-panel__content--off-white {
background: var(--color-off-white);
}
.full-width-text-panel__content--very-light-pink {
background: var(--color-very-light-pink);
}
.full-width-text-panel__image {
border-radius: 3px;
width: 60%;
height: 120%;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
@media (width <= 1024px) {
.full-width-text-panel__image {
border-radius: 3px 3px 0 0;
width: 100%;
padding-bottom: 80%;
position: relative;
top: 0%;
transform: translateY(0%);
}
}
.full-width-text-panel--content-left .full-width-text-panel__image {
right: 0;
}
.full-width-text-panel--content-right .full-width-text-panel__image {
left: 0;
}
@keyframes spin {
from {
transform: rotate(0);
}
to {
transform: rotate(-360deg);
}
}
.full-width-text-panel__content-container img {
width: 100%;
max-width: 124px;
height: auto;
margin-bottom: 15px;
animation-name: spin;
animation-duration: 6s;
animation-timing-function: linear;
animation-iteration-count: infinite;
position: absolute;
top: -14%;
right: 5rem;
}
@media screen and (width <= 1024px) {
.full-width-text-panel__content-container img {
right: 1rem;
}
}
.template-impact .full-width-text-panel__content-container img {
left: 5rem;
right: auto;
}
@media screen and (width <= 1024px) {
.template-impact .full-width-text-panel__content-container img {
left: 1rem;
}
}
.full-width-text-panel__image img {
object-fit: cover;
object-position: center;
border-radius: 3px;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
@media (width <= 1024px) {
.full-width-text-panel__image img {
padding: 10px;
}
}
.image-text-panel__container {
padding: 80px 0;
}
@media (width <= 1024px) {
.image-text-panel__container {
padding: 40px 0;
}
}
@media (width <= 767px) {
.image-text-panel__container.hp-section-image-text-panels h2.image-text-panel__content-title {
text-align: center;
}
}
.image-text-panel__container.hp-section-image-text-panels .image-text-panel__content-container a.button--secondary {
margin: 0;
}
@media (width <= 767px) {
.image-text-panel__container.hp-section-image-text-panels .image-text-panel__content-container a.button--secondary {
margin: auto;
}
}
.image-text-panel__container.hp-section-image-text-panels ul {
list-style: unset;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 20px;
}
.template-index .image-text-panel__container {
padding-top: 120px;
}
@media (width <= 1024px) {
.template-index .image-text-panel__container {
padding-top: 60px;
}
}
.image-text-panel__container > :last-child {
margin-bottom: 0;
}
.image-text-panel {
background: var(--color-wheat);
border-radius: 3px;
width: 90%;
max-width: 1300px;
margin: 0 auto;
padding: 20px;
position: relative;
}
@media (width <= 1024px) {
.image-text-panel {
padding: 0;
}
}
.image-text-panel--full {
max-width: none;
}
.image-text-panel--full.image-text-panel--content-left {
margin: 0 0 0 auto;
padding: 20px 100px 20px 20px;
}
@media (width <= 1024px) {
.image-text-panel--full.image-text-panel--content-left {
margin: 0 auto;
padding: 0;
}
}
.image-text-panel--full.image-text-panel--content-right {
margin: 0 auto 0 0;
padding: 20px 20px 20px 100px;
}
@media (width <= 1024px) {
.image-text-panel--full.image-text-panel--content-right {
margin: 0 auto;
padding: 0;
}
}
.image-text-panel--background-wheat {
background: var(--color-wheat);
}
.image-text-panel--background-orange {
background: var(--color-orange);
}
.image-text-panel__inner-container {
height: 100%;
position: relative;
}
.image-text-panel__content {
background: var(--color-very-light-pink);
border-radius: 3px;
align-items: center;
width: 60%;
height: 100%;
min-height: 500px;
padding: 20px 0;
display: flex;
position: relative;
transform: translateY(0%);
}
@media (width <= 1024px) {
.image-text-panel__content {
border-radius: 0 0 3px 3px;
width: 100%;
min-height: auto;
padding: 40px 0;
position: relative;
}
}
.image-text-panel--content-left .image-text-panel__content {
left: 0;
}
.image-text-panel--content-right .image-text-panel__content {
margin: 0 0 0 auto;
}
.image-text-panel__content-container {
width: 90%;
max-width: 500px;
margin: 0 auto;
}
.image-text-panel__content--off-white {
background: var(--color-off-white);
}
.image-text-panel__content--very-light-pink {
background: var(--color-very-light-pink);
}
.image-text-panel__content-text strong, .image-text-panel__content-text b {
color: var(--color-orange);
}
.image-text-panel__image {
border-radius: 3px;
width: 60%;
height: 120%;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
@media (width <= 1024px) {
.image-text-panel__image {
border-radius: 3px 3px 0 0;
width: 100%;
padding-bottom: 80%;
position: relative;
top: 0%;
transform: translateY(0%);
}
}
.image-text-panel--content-left .image-text-panel__image {
right: 0;
}
.image-text-panel--content-right .image-text-panel__image {
left: 0;
}
.image-text-panel__image img {
object-fit: cover;
object-position: center;
border-radius: 3px;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
@media (width <= 1024px) {
.image-text-panel__image img {
padding: 10px;
}
}
.featured-products-section {
background: var(--color-wheat);
padding: var(--spacer-medium) 0;
}
.featured-products-slide {
border-right: 2px solid var(--color-black);
width: 33.33%;
padding: 20px 10px;
transition: opacity .3s ease-in-out;
}
.featured-products-slide:last-child {
border-right: 0;
}
@media (width <= 768px) {
.featured-products-slide {
opacity: .5;
border-right: 0;
width: 70%;
}
}
.featured-products-slide.is-selected {
opacity: 1;
}
.featured-product-card {
flex-direction: column;
min-height: 100%;
display: flex;
}
.featured-product-card__inner {
flex-direction: column;
flex: 1;
height: 100%;
display: flex;
position: relative;
}
.featured-product-card__top {
margin-bottom: 20px;
}
.featured-product-card__image {
backface-visibility: hidden;
justify-content: center;
align-items: flex-end;
width: 100%;
transition: all .3s ease-in-out;
display: flex;
position: relative;
}
.featured-product-card:hover .featured-product-card__image {
transform: scale(1.03);
}
.featured-product-card__image img {
height: 300px;
margin: 0 auto;
}
@media (width <= 768px) {
.featured-product-card__image img {
height: 200px;
}
}
.featured-product-card__bottom {
text-align: center;
}
.featured-product-card__content {
margin: 0 0 20px;
}
.featured-product-card__title {
margin: 0;
}
.featured-product-card__subtitle {
margin: 5px 0 0;
}
.featured-product-card__category {
text-transform: lowercase;
margin-bottom: 0;
}
.featured-product-card__price {
opacity: .5;
margin-bottom: 5px;
font-size: .9em;
}
.featured-product-card__stars {
width: 100px;
margin: 0 auto 10px;
}
.featured-product-card__stars img {
width: 100%;
display: block;
}
.featured-product-card__button {
z-index: 10;
position: relative;
}
.featured-product-card:hover .btn:after {
opacity: 0;
}
.page-hero {
position: relative;
}
.page-hero:after {
content: "";
padding-bottom: 35%;
display: block;
}
@media (width <= 768px) {
.page-hero:after {
padding-bottom: 90%;
}
}
.page-hero__image {
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
position: absolute;
}
@media (width <= 768px) {
.page-hero__image--desktop {
display: none;
}
}
.page-hero__image--mobile {
display: none;
}
@media (width <= 768px) {
.page-hero__image--mobile {
display: block;
}
}
.page-hero__content {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.page-hero__content-top {
flex-direction: column;
justify-content: center;
height: 85%;
display: flex;
}
.page-hero__text {
text-align: center;
width: 90%;
max-width: 520px;
margin: 0 auto;
font-family: Megazoid;
}
.page-hero__content-bottom {
text-align: center;
}
.page-hero__title {
margin-bottom: 0;
display: inline-block;
position: relative;
}
.page-hero__title:before, .page-hero__title:after {
content: "";
background: var(--color-orange);
width: 70px;
height: 2px;
margin-right: 20px;
display: block;
position: absolute;
top: 50%;
right: 100%;
transform: translateY(-50%);
}
.page-hero__title:before {
margin-right: 20px;
right: 100%;
}
.page-hero__title:after {
margin-left: 20px;
left: 100%;
}
.page-hero__content-bottom {
height: 15%;
}
ul.display-number-grid {
counter-reset: section;
flex-flow: wrap;
justify-content: center;
margin: 0 -20px;
display: flex;
position: relative;
}
li.display-number-grid-item {
width: 33.33%;
max-width: 500px;
padding: 0 20px;
position: relative;
}
@media (width <= 1024px) {
li.display-number-grid-item {
width: 100%;
margin-bottom: 80px;
}
}
@media (width <= 768px) {
li.display-number-grid-item {
max-width: 300px;
}
}
li.display-number-grid-item:last-child {
margin-bottom: 0;
}
.display-number-grid-item:after {
counter-increment: section;
content: counters(section, ".") " ";
color: var(--color-orange);
margin-top: 85px;
font-family: Megazoid;
font-size: 300px;
line-height: 127px;
display: block;
}
@media (width <= 768px) {
.display-number-grid-item:after {
margin-top: 56px;
font-size: 200px;
line-height: 99px;
}
}
.display-number-grid-item__content {
z-index: 1;
max-width: 70%;
margin: 0 0 0 auto;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
}
.cbmm-box__container {
padding: 100px 0 40px;
}
.cbmm-box {
border: 2px solid;
border-radius: 3px;
justify-content: center;
align-items: center;
padding: 100px 0;
display: flex;
position: relative;
}
.cbmm-box__title {
background: var(--color-very-light-pink);
margin-bottom: 0;
padding: 0 20px;
position: absolute;
top: 0;
transform: translateY(-50%);
}
@media (width <= 1024px) {
.cbmm-box__title {
text-align: center;
width: 85%;
padding: 0;
}
}
.cbmm-box__content {
text-align: center;
width: 90%;
max-width: 730px;
}
.cbmm-box__components {
display: flex;
position: relative;
bottom: 0;
transform: translateY(-20px);
}
@media (width <= 1024px) {
.cbmm-box__components {
flex-flow: wrap;
transform: translateY(0);
}
}
.cbmm-box__component {
text-align: center;
background: var(--color-very-light-pink);
width: 25%;
z-index: var(--z-index-priority-content);
margin: 0 20px;
}
@media (width <= 1024px) {
.cbmm-box__component {
width: 100%;
margin: 20px 0;
padding: 20px;
}
}
.cbmm-box__component-content {
max-width: 500px;
margin: 0 auto;
}
.cbmm-box__component-title {
color: var(--color-orange);
}
.cbmm-box__component-text {
margin-bottom: 0;
}
.cbmm-box__components-line {
background: var(--color-black);
width: 2px;
height: 100%;
display: none;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
@media (width <= 1024px) {
.cbmm-box__components-line {
display: block;
}
}
.cbmm-box__components-line:before {
content: "";
border: 1px solid var(--color-black);
z-index: 1;
border-radius: 50%;
width: 12px;
height: 12px;
display: block;
position: absolute;
bottom: -12px;
left: 50%;
transform: translateX(-50%);
}
.cbmm-box__components-line:after {
content: "";
background: var(--color-orange);
border-radius: 50%;
width: 12px;
height: 12px;
display: block;
position: absolute;
bottom: -14px;
left: 50%;
transform: translateX(-42%);
}
body {
--button-color: #000;
--button-bg-color: #e5f561;
--button-border-color: #e5f561;
--button-color-hover: #000;
--button-bg-color-hover: transparent;
--button-border-color-hover: #000;
}
#content__customers__request-invite .rc_layout .button, #customer_tab_content #not_verified a, a.button--secondary, .btn.button--secondary {
background: var(--button-bg-color);
border: 3px solid var(--button-border-color);
width: fit-content;
min-width: 260px;
color: var(--button-color);
letter-spacing: .75px;
text-align: center;
text-transform: none;
border-radius: 12px;
padding: 8px 24px;
font-family: Aeonik, sans-serif;
font-size: 25px;
font-weight: 500;
line-height: 30px;
display: block;
}
@media (width <= 767px) {
#content__customers__request-invite .rc_layout .button, #customer_tab_content #not_verified a, a.button--secondary, .btn.button--secondary {
padding: 7px 14px;
}
}
#content__customers__request-invite .rc_layout .button:hover, #customer_tab_content #not_verified a:hover, a.button--secondary:hover, .btn.button--secondary:hover {
background-color: var(--button-bg-color-hover);
border-color: var(--button-border-color-hover);
color: var(--button-color-hover);
}
#content__customers__request-invite .rc_layout .button.btn--full-width, #customer_tab_content #not_verified a.btn--full-width, a.button--secondary.btn--full-width, .btn.button--secondary.btn--full-width {
max-width: none;
}
.button--secondary:not(.button--no-center) {
margin: auto;
}
#customer_tab_content #not_verified a {
text-transform: capitalize;
margin: 0 auto;
}
#customer_tab_content #not_verified .rc_title-bar {
padding-bottom: 40px;
}
#content__customers__request-invite .rc_layout .button {
text-transform: capitalize;
margin-top: 20px;
}
#content__customers__request-invite .rc_layout .button:before, #content__customers__request-invite .rc_layout .button:after {
display: none;
}
.lsg-product-sticky-cta {
z-index: 11;
transition: all .35s ease-in-out;
position: fixed;
bottom: 0;
left: 0;
right: 0;
}
.lsg-product-sticky-cta.main--visible, .lsg-product-sticky-cta.footer--visible, .lsg-product-sticky-cta:not(.is--initialized) {
translate: 0 calc(100% + 20px);
}
@media (width >= 768px) {
.lsg-product-sticky-cta {
display: none;
}
}
.lsg-product-sticky-cta .lsg-product-sticky-cta-inner {
background: #fff;
padding: 12px 20px;
box-shadow: 0 -4px 20px #0000001a;
}
.lsg-product-sticky-cta .lsg-product-sticky-cta-button {
text-align: center;
color: #000;
background: #ffb71b;
border: 1px solid #0000;
border-radius: 6.4px;
align-items: center;
gap: 10px;
width: 100%;
max-width: 375px;
margin: auto;
padding: 13px 20px 12px;
font-family: Aeonik, sans-serif;
font-size: 20px;
font-weight: 420;
line-height: 29px;
transition: all .2s ease-in-out;
display: flex;
}
.lsg-product-sticky-cta .lsg-product-sticky-cta-button:hover {
background-color: #fff;
border-color: #222;
}
.lsg-product-sticky-cta .lsg-product-sticky-cta-button-caret {
justify-content: center;
align-items: center;
width: 14px;
height: 5px;
display: flex;
}
.lsg-product-sticky-cta .lsg-product-sticky-cta-button-text {
flex-grow: 1;
}
.lsg-product-sticky-cta .miracle-sticky-ships-by-banner {
align-items: center;
gap: 6px;
display: flex;
}
.lsg-product-sticky-cta .miracle-sticky-ships-by-banner-icon img, .lsg-product-sticky-cta .miracle-sticky-ships-by-banner-icon svg {
width: auto;
height: 20px;
display: block;
}
.lsg-product-sticky-cta .miracle-sticky-ships-by-banner-text {
font-size: 14px;
line-height: 1.2;
}
.hidden {
display: none;
}
@media (width <= 767px) {
.mobile-hidden {
display: none !important;
}
}
@media (width >= 768px) {
.desktop-hidden {
display: none !important;
}
}
.lsg-bundle-wrapper {
color: #000;
background-color: #fcfff9;
}
.lsg-bundle-block input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
}
.lsg-bundle-block input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
}
.lsg-bundle-block input[type="number"] {
-moz-appearance: textfield;
}
.lsg-bundle-block {
justify-content: space-between;
max-width: 1320px;
margin: auto;
padding: 50px 0 80px;
display: flex;
}
.lsg-bundle-block:not(.lsg-bundle-block-active) {
display: none;
}
.lsg-bundle-buybox-block {
width: 51%;
padding: 0 20px;
}
.lsg-bundle-summary-block {
width: 43%;
padding: 0 20px;
}
.lsg-bundle-buybox-product-info {
border-bottom: 1px solid;
margin-bottom: 1rem;
padding-bottom: 1rem;
}
.lsg-bundle-buybox-product-name {
margin-bottom: 10px;
font-size: 48px;
font-weight: 700;
line-height: 1.08333;
}
.lsg-bundle-buybox-product-name:last-child {
margin-bottom: 0;
}
.lsg-bundle-buybox-product-rating {
display: flex;
}
.lsg-bundle-presets {
flex-direction: column;
gap: 1rem;
display: flex;
}
@media (width <= 767px) {
.lsg-bundle-presets {
margin-top: .5rem;
margin-bottom: 1.5rem;
}
}
@media (width >= 768px) {
.lsg-bundle-presets {
margin-bottom: 1rem;
}
}
.lsg-bundle-presets .lsg-bundle-presets-prefix, .lsg-bundle-presets .lsg-bundle-presets-suffix {
text-align: center;
font-size: 14px;
font-weight: bold;
}
.lsg-bundle-presets .lsg-bundle-presets-wrap {
flex-wrap: wrap;
justify-content: center;
gap: 1.25rem;
display: flex;
}
@media (width >= 768px) {
.lsg-bundle-presets .lsg-bundle-presets-wrap {
gap: .75rem;
}
}
.lsg-bundle-presets .lsg-bundle-presets-wrap .lsg-bundle-preset {
color: var(--button-color-text);
background: var(--button-color-background);
border: 2px solid var(--button-color-border);
border-radius: 5px;
padding: .25rem .75rem;
font-family: Aeonik, sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 1.6667;
display: inline-block;
}
@media (width >= 768px) {
.lsg-bundle-presets .lsg-bundle-presets-wrap .lsg-bundle-preset {
font-size: 16px;
line-height: 1.25;
}
}
.lsg-bundle-presets .lsg-bundle-presets-wrap .lsg-bundle-preset:hover {
color: var(--button-color-text-hover);
background: var(--button-color-background-hover);
border-color: var(--button-color-border-hover);
}
.lsg-bundle-presets .lsg-bundle-presets-wrap .lsg-bundle-preset:disabled {
color: #ccc;
cursor: not-allowed;
background-color: #333;
border-color: #333;
}
.lsg-bundle-presets + .lsg-bundle-buybox-progress-bar-wrap .lsg-bundle-buybox-progress-bar-copy .lsg-bundle-buybox-progress-bar-copy--zero, .lsg-bundle-buybox-progress-bar-copy--active-preset:not(:empty) ~ .lsg-bundle-buybox-progress-bar-copy--max {
display: none;
}
@media (width >= 768px) {
.lsg-bundle-buybox-block .lsg-bundle-presets.preset--active {
display: none;
}
}
.bundle-checkout-enabled .lsg-bundle-buybox-progress-bar-wrap .lsg-bundle-buybox-progress-bar-el:before {
background: #01754f;
}
.bundle-checkout-enabled .lsg-bundle-buybox-progress-bar-wrap .lsg-bundle-buybox-progress-bar-el:after {
color: #e5f561;
background: #01754f;
}
.lsg-bundle-buybox-progress-bar-wrap .lsg-bundle-buybox-progress-bar-el {
background: #eee;
border-radius: 100px;
height: 10px;
position: relative;
}
.lsg-bundle-buybox-progress-bar-wrap .lsg-bundle-buybox-progress-bar-el:before {
content: "";
height: 10px;
width: calc(var(--data-count) / var(--data-count-max) * 100%);
background: #000;
border-radius: 100px;
transition: width .2s ease-in;
display: block;
}
.lsg-bundle-buybox-progress-bar-wrap .lsg-bundle-buybox-progress-bar-el:after {
counter-reset: progress var(--data-count);
content: counter(progress);
color: #fff;
width: 20px;
height: 20px;
top: 50%;
left: calc(var(--data-count) / var(--data-count-max) * 100%);
letter-spacing: .18px;
background: #000;
border-radius: 50%;
justify-content: center;
align-items: center;
padding-top: .1em;
font-size: 9px;
font-weight: 700;
transition: left .2s ease-in;
display: flex;
position: absolute;
translate: -50% -50%;
}
.lsg-bundle-buybox-progress-bar-wrap .lsg-bundle-buybox-progress-bar-el .lsg-bundle-buybox-progress-bar-max:before {
content: counter(target);
counter-reset: target var(--data-count-max);
color: #000;
background: #eee;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 20px;
height: 20px;
font-size: 9px;
font-weight: 700;
display: flex;
position: absolute;
top: 50%;
right: 0;
translate: 50% -50%;
}
.lsg-bundle-buybox-progress-bar-wrap .lsg-bundle-buybox-progress-bar-copy {
text-align: center;
margin-bottom: 20px;
font-size: 14px;
font-weight: bold;
line-height: 1.5;
}
.lsg-bundle-buybox-progress-bar-wrap.is--zero .lsg-bundle-buybox-progress-bar-copy--other, .lsg-bundle-buybox-progress-bar-wrap.is--max .lsg-bundle-buybox-progress-bar-copy--other, .lsg-bundle-buybox-progress-bar-wrap:not(.is--zero) .lsg-bundle-buybox-progress-bar-copy--zero, .lsg-bundle-buybox-progress-bar-wrap.is--zero .lsg-bundle-buybox-progress-bar-copy--max, .lsg-bundle-buybox-progress-bar-wrap:not(.is--max) .lsg-bundle-buybox-progress-bar-copy--max {
display: none;
}
.lsg-bundle-product-otp-list, .lsg-bundle-product-sub-list {
flex-wrap: wrap;
gap: 30px 20px;
display: flex;
}
.lsg-bundle-product-select-wrapper {
background: #fff;
border-radius: 12px;
flex-direction: column;
align-items: center;
gap: 15px;
width: calc(33.3333% - 13.3333px);
min-width: 150px;
padding: 15px;
display: flex;
position: relative;
box-shadow: 0 0 20px #0000001a;
}
.lsg-bundle-produt-select-tag {
color: #fff;
text-align: center;
z-index: 1;
background: #000;
border-radius: 100px;
justify-content: center;
align-items: center;
padding: 2px 15px;
font-size: 10px;
font-weight: 500;
line-height: 1.2;
display: flex;
position: absolute;
top: 15px;
left: 15px;
}
.lsg-bundle-product-select-img-wrap {
aspect-ratio: 1;
width: 100%;
max-width: 90px;
position: relative;
overflow: hidden;
}
.lsg-bundle-product-select-img-wrap img {
object-fit: contain;
object-position: center;
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
}
.lsg-bundle-product-select-title {
text-align: center;
flex-grow: 1;
font-size: 14px;
font-weight: 500;
line-height: 1.28571;
}
.lsg-bundle-product-select-quantity-wrap {
display: flex;
}
.lsg-bundle-product-select-quantity-input, .lsg-bundle-product-select-quantity-input-display {
text-align: center;
background: none;
border: 0;
flex-grow: 1;
width: 100%;
font-family: inherit;
font-size: 16px;
line-height: 1;
}
button:not([disabled]) {
cursor: pointer;
}
.lsg-hidden {
display: none !important;
}
.lsg-bundle-frequency-heading {
color: #212121;
margin-bottom: .5rem;
font-size: 18px;
font-weight: 500;
}
.lsg-bundle-interval-select-inner {
margin-bottom: 20px;
padding: 0;
}
.lsg-bundle-interval-select-pod-top {
flex-direction: column;
display: flex;
}
.lsg-bundle-interval-el {
--label-color: #000;
cursor: pointer;
color: var(--label-color);
opacity: .5;
background: #fff;
border: 2px solid;
border-radius: 12px;
flex-direction: column;
flex-grow: 1;
justify-content: space-between;
gap: 0;
padding: 15px;
font-size: 16px;
font-weight: 500;
line-height: 1.56;
display: flex;
position: relative;
}
.lsg-bundle-interval-el:before {
content: "";
border: 1px solid #555;
border-radius: 50%;
width: 12px;
height: 12px;
display: block;
position: absolute;
top: 50%;
left: 10px;
transform: translate(0, -50%);
}
.lsg-bundle-interval-el:after {
content: "";
border-radius: 50%;
width: 8px;
height: 8px;
display: block;
position: absolute;
top: 50%;
left: 12px;
transform: translate(0, -50%);
}
.lsg-bundle-interval-el:after, .lsg-bundle-interval-el:before {
display: none;
}
.lsg-bundle-interval-option-top, .lsg-bundle-interval-option-bot {
padding-left: 26px;
}
.lsg-bundle-interval-option-top {
position: relative;
}
.lsg-bundle-interval-option-top:before {
content: "";
border: 2px solid;
border-radius: 50%;
width: 16px;
height: 16px;
display: block;
position: absolute;
top: 2px;
left: 0;
}
.lsg-bundle-interval-option-bot {
border-top: 1px solid;
margin-top: 1rem;
padding-top: 1rem;
}
.lsg-bundle-block.lsg-bundle--otp-selected .lsg-bundle-interval-el[for^="bundleIntervalSelectOTP_"], .lsg-bundle-block.lsg-bundle--sub-selected .lsg-bundle-interval-el[for^="bundleIntervalSelectSub_"] {
opacity: 1;
}
.lsg-bundle-block.lsg-bundle--otp-selected .lsg-bundle-interval-el[for^="bundleIntervalSelectOTP_"] .lsg-bundle-interval-option-top:before, .lsg-bundle-block.lsg-bundle--sub-selected .lsg-bundle-interval-el[for^="bundleIntervalSelectSub_"] .lsg-bundle-interval-option-top:before {
background: #e5f561;
border-color: #e5f561;
}
.lsg-bundle-interval-select-pod-bottom {
margin-bottom: 1rem;
}
.lsg-bundle-interval-select-heading {
color: #000;
font-size: 14px;
font-weight: 500;
}
.lsg-bundle-interval-frequency-select {
color: #000;
appearance: none;
background: none;
border: 0;
width: 100%;
margin: 0;
padding: 0 30px 0 4px;
font-size: 14px;
font-weight: 500;
}
.lsg-bundle-interval-frequency-select-wrap {
border-bottom: 1px solid;
position: relative;
}
.lsg-bundle-interval-frequency-select-wrap:after {
content: "";
pointer-events: none;
background-image: url("data:image/svg+xml;utf8,");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
width: 16px;
height: 9px;
display: block;
position: absolute;
top: 50%;
right: 10px;
transform: translate(0, -50%);
}
.lsg-bundle-interval-name {
font-size: 20px;
font-weight: 700;
line-height: 1;
}
.lsg-bundle-interval-price-wrap {
gap: 10px;
margin-top: 10px;
font-size: 14px;
font-weight: 500;
display: flex;
}
.lsg-bundle-interval-price {
gap: .15em;
display: flex;
}
.lsg-bundle-interval-price.strikethrough {
font-weight: 400;
text-decoration: line-through;
}
.lsg-bundle-interval-price.strikethrough ~ .lsg-bundle-interval-price {
font-weight: 700;
}
.lsg-bundle-interval-frequency-group-wrap {
display: flex;
}
.lsg-bundle-interval-select-pod-top {
gap: 20px;
}
.lsg-bundle-interval-value-props {
font-size: 14px;
font-weight: 400;
}
.lsg-bundle-interval-value-props li:before {
content: "";
background-image: url("data:image/svg+xml,");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
width: 10px;
height: 10px;
margin-right: 10px;
display: inline-block;
}
.lsg-bundle-size-select-heading, .lsg-bundle-selected-product-heading, .lsg-bundle-frequency-heading {
color: #000;
align-items: center;
gap: 10px;
margin-bottom: 1rem;
font-size: 14px;
font-weight: 700;
line-height: 1.5;
display: flex;
}
.lsg-bundle-size-select-heading:before, .lsg-bundle-selected-product-heading:before, .lsg-bundle-frequency-heading:before {
content: "1";
color: #fff;
background: #000;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 25px;
height: 25px;
display: flex;
}
.lsg-bundle-selected-product-heading:before, .lsg-bundle-frequency-heading:before {
content: "2";
}
.lsg-bundle-size-select {
border-bottom: 1px solid;
gap: 20px;
margin-bottom: 20px;
padding-bottom: 20px;
display: flex;
}
.lsg-bundle-size-select-el {
cursor: pointer;
text-transform: uppercase;
color: #000;
background: #fff;
border: 1px solid #000;
border-radius: 5px;
flex-grow: 1;
min-height: 30px;
padding: 5px;
font-family: inherit;
font-size: 16px;
font-weight: 700;
line-height: 1.25;
position: relative;
}
.lsg-bundle-size-select-el.lsg-bundle-size-select-el--selected {
color: #fff;
background: #000;
}
.lsg-bundle-size-select-tag {
color: #000;
background: #e5f561;
border-radius: 5px 5px 0 0;
width: 90px;
height: 15px;
margin-bottom: 1px;
font-size: 10px;
font-weight: 500;
line-height: 1.8;
position: absolute;
bottom: 100%;
left: 50%;
translate: -50%;
}
.bundle-builder__selected-products {
--gap: 20px;
--col-count: 4;
gap: var(--gap);
border-bottom: 1px solid;
display: flex;
overflow-x: auto;
}
.bundle-builder__selected-product {
flex-shrink: 0;
width: 88px;
margin-bottom: 10px;
position: relative;
}
.bundle-builder__selected-product-img-wrapper {
aspect-ratio: 88 / 115;
width: 100%;
height: auto;
position: relative;
}
.bundle-builder__selected-product-image {
object-fit: contain;
object-position: center;
width: 100%;
height: 100%;
position: absolute;
}
.bundle-builder__selected-product-placeholder {
background-color: #fff;
border: 2px dashed #000;
border-radius: 10px;
width: 100%;
height: 100%;
position: absolute;
}
.bundle-builder__selected-product-placeholder:after, .bundle-builder__selected-product-placeholder:before {
content: "";
background-color: #000;
width: 13.6364%;
height: 1.70455%;
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.bundle-builder__selected-product-placeholder:after {
transform: translate(-50%, -50%)rotate(90deg);
}
.bundle-builder__selected-product.active .bundle-builder__selected-product-placeholder, .bundle-builder__selected-product:not(.active) .bundle-builder__selected-product-image, .bundle-builder__selected-product:not(.active) .bundle-builder__selected-product-remove-button {
display: none;
}
.bundle-builder__selected-product-remove-button {
color: #fff;
background-color: #000;
border: 0;
border-radius: 50%;
width: 20px;
height: 20px;
padding: 0;
position: absolute;
top: 0;
right: 0;
}
.bundle-builder__selected-product-remove-button:before, .bundle-builder__selected-product-remove-button:after {
content: "";
background-color: currentColor;
border-radius: 1px;
width: 50%;
height: 10%;
display: block;
position: absolute;
top: 50%;
left: 50%;
}
.bundle-builder__selected-product-remove-button:before {
transform: translate(-50%, -50%)rotate(45deg);
}
.bundle-builder__selected-product-remove-button:after {
transform: translate(-50%, -50%)rotate(-45deg);
}
.bundle-builder__selected-product-title {
text-align: center;
font-size: 12px;
font-weight: 500;
line-height: 1.2;
display: block;
}
.bundle-builder__selected-product.active .bundle-builder__selected-product-title {
margin-top: 10px;
}
.lsg-bundle-product-select-quantity-wrap {
color: #000;
background: #fff;
border: 1px solid #000;
border-radius: 4px;
width: 100%;
max-width: 120px;
height: 30px;
font-size: 16px;
font-weight: 500;
line-height: 1;
display: flex;
position: relative;
}
.lsg-bundle-product-select-quantity-wrap:not(.no-quantity) .lsg-bundle-product-select-quantity-increment-add-text {
display: none;
}
.lsg-bundle-product-select-quantity-increment {
color: #fff;
background: #000;
border: 0;
justify-content: center;
align-items: center;
width: 30%;
display: flex;
}
.lsg-bundle-product-select-quantity-increment svg path {
stroke: currentColor;
}
.lsg-bundle-product-select-quantity-input-display {
font: inherit;
flex-shrink: 0;
justify-content: center;
align-items: center;
width: 40%;
display: flex;
}
.lsg-bundle-product-select-quantity-wrap.no-quantity .lsg-bundle-product-select-quantity-minus, .lsg-bundle-product-select-quantity-wrap.no-quantity .lsg-bundle-product-select-quantity-input-display {
display: none;
}
.lsg-bundle-product-select-quantity-wrap.no-quantity {
border: 0;
}
.lsg-bundle-product-select-quantity-wrap.no-quantity .lsg-bundle-product-select-quantity-plus {
color: #000;
background: #e5f561;
border-radius: 4px;
justify-content: center;
align-items: center;
gap: 10px;
width: 100%;
height: 100%;
display: flex;
position: absolute;
}
.lsg-bundle-product-select-quantity-wrap.no-quantity .lsg-bundle-product-select-quantity-plus:disabled {
color: #ccc;
background-color: #333;
}
.lsg-bundle-product-select-quantity-increment-add-text {
text-transform: uppercase;
font-weight: 500;
}
.lsg-bundle-buybox-description {
color: #212121;
gap: 20px;
font-size: 15px;
font-weight: 500;
line-height: 1.2;
}
.lsg-bundle-product-list {
margin-top: 40px;
}
.bundle-builder__selected-products {
margin-bottom: 20px;
}
.lsg-bundle-summary-pricing {
justify-content: space-between;
gap: 10px;
margin-bottom: 20px;
display: flex;
}
.lsg-bundle-block:not(.bundle-checkout-enabled) .lsg-bundle-summary-pricing {
display: none;
}
.lsg-bundle-savings {
color: #01754f;
font-size: 14px;
font-weight: 500;
line-height: 1.28571;
}
[data-bundle-savings-wrap].is--zero {
display: none;
}
.lsg-bundle-total--sub-selected, .lsg-bundle-total--otp-selected {
font-size: 14px;
font-weight: 500;
line-height: 1.28571;
}
.lsg-bundle-total--sub-selected {
gap: .15em;
display: flex;
}
.lsg-bundle-total--sub-selected .lsg-bundle-interval-otp-price {
text-decoration: line-through;
}
.lsg-bundle-block.lsg-bundle--otp-selected [data-bundle-savings-wrap], .lsg-bundle-block.lsg-bundle--otp-selected .lsg-bundle-total--sub-selected, .lsg-bundle-block.lsg-bundle--sub-selected .lsg-bundle-total--otp-selected, .lsg-bundle-block.lsg-bundle--only-otp .lsg-bundle-total--sub-selected, .lsg-bundle-block.lsg-bundle--only-otp .lsg-bundle-total--otp-selected, .lsg-bundle-block.lsg-bundle--only-otp .lsg-bundle-savings-inner {
display: none;
}
.lsg-bundle-block.lsg-bundle--only-otp .lsg-bundle-interval-only-otp {
gap: .5rem;
font-size: 20px;
font-weight: 700;
line-height: 1;
display: flex;
}
.lsg-bundle-block.lsg-bundle--only-otp:not(.bundle-checkout-enabled) .lsg-bundle-interval-only-otp {
display: none;
}
.lsg-bundle-submit-button {
text-align: center;
color: #000;
letter-spacing: .48px;
background-color: #e5f56180;
border: 0;
border-radius: 12px;
width: 100%;
padding: 14px 24px;
font-size: 24px;
font-weight: 500;
line-height: 1.33333;
display: block;
}
.lsg-bundle-submit-button:not(.disabled) {
color: #000;
background-color: #e5f561;
}
.lsg-bundle-sub-atc {
text-align: center;
color: #000;
max-width: 500px;
margin: 20px auto auto;
font-size: 12px;
font-weight: 500;
line-height: 1.33333;
}
.lsg-bundle-sub-atc ul {
flex-wrap: wrap;
justify-content: center;
gap: 20px;
display: flex;
}
.lsg-bundle-sub-atc ul li {
align-items: center;
gap: 5px;
display: flex;
}
.lsg-bundle-sub-atc ul li:before {
content: "";
background-image: url("data:image/svg+xml,");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
width: 10px;
height: 8px;
}
.lsg-bundle-block:not(.bundle-checkout-enabled) .lsg-bundle-interval-select {
display: none;
}
.lsg-bundle-sticky-bar {
z-index: 998;
background: #fff;
padding: 20px 16px;
transition: all .4s ease-in;
position: fixed;
bottom: 0;
left: 0;
right: 0;
box-shadow: 0 -4px 10px #0003;
}
.lsg-bundle-block:not(.is-initialized) .lsg-bundle-sticky-bar {
display: none;
}
.lsg-bundle-block.summary-is-below:not(.has-selected-product) .lsg-bundle-sticky-bar, .lsg-bundle-block.summary-is-visible .lsg-bundle-sticky-bar, .lsg-bundle-block.is-scroll-bottom .lsg-bundle-sticky-bar {
opacity: 0;
touch-action: none;
pointer-events: none;
}
.lsg-bundle-block:not(.bundle-checkout-enabled) .lsg-bundle-sticky-selected-products, .lsg-bundle-block:not(.bundle-checkout-enabled) .lsg-bundle-sticky-atc .lsg-bundle-sub-atc {
display: none;
}
.lsg-bundle-sticky-inner {
flex-direction: column;
gap: 20px;
width: 100%;
max-width: 1280px;
margin: auto;
display: flex;
}
.lsg-bundle-sticky-bar .bundle-builder__selected-products {
row-gap: 20px;
margin: 0 -16px;
padding: 0 16px;
}
.lsg-bundle-sticky-summary-block .bundle-builder__selected-product.active .bundle-builder__selected-product-title {
margin-top: 10px;
}
.lsg-bundle-sticky-bar .lsg-bundle-interval-select-inner, .lsg-bundle-sticky-bar .lsg-bundle-interval-select-pod-bottom {
margin-bottom: 0;
}
.lsg-bundle-sticky-bar .lsg-bundle-sub-atc {
margin-top: 15px;
}
@media (width <= 767px) {
.lsg-bundle-block {
flex-direction: column;
padding: 20px 0 30px;
}
.lsg-bundle-gallery-block, .lsg-bundle-buybox-block, .lsg-bundle-summary-block {
width: 100%;
}
.lsg-bundle-product-set-list {
flex-wrap: wrap;
}
.lsg-bundle-product-select-wrapper {
width: calc(50% - 10px);
}
.lsg-bundle-buybox-product-info {
text-align: center;
}
.lsg-bundle-buybox-product-name {
text-align: center;
border-bottom: 1px solid;
margin-bottom: 20px;
padding-bottom: 20px;
font-size: 40px;
line-height: 1.2;
}
.lsg-bundle-buybox-block {
margin-bottom: 30px;
padding: 0 15px;
}
.lsg-bundle-product-select-wrapper {
padding: 20px;
}
.lsg-bundle-product-select-title {
font-size: 10px;
line-height: 1.2;
}
.lsg-bundle-product-select-quantity-wrap {
font-size: 12px;
}
.lsg-bundle-summary-block .custom_price_display {
font-size: 16px;
line-height: 1.2;
}
.bundle-builder__selected-products {
gap: 30px 10px;
margin-top: 20px;
margin-bottom: 30px;
}
.bundle-builder__selected-product {
width: 80px;
}
.bundle-builder__selected-product-title {
font-size: 12px;
}
.lsg-bundle-interval-el {
font-size: 12px;
line-height: 1.55;
}
.lsg-bundle-interval-frequency-select {
font-size: 12px;
}
.lsg-bundle-sticky-bar-frequency-select {
display: none;
}
.lsg-bundle-mobile-heading-block {
padding: 0 15px;
}
.lsg-bundle-buybox-block .lsg-bundle-buybox-progress-bar-wrap {
display: none;
}
.lsg-bundle-product-list {
margin-top: 10px;
}
.lsg-bundle-selected-progress-bar-wrap {
border-top: 1px solid;
padding-top: 20px;
}
.lsg-bundle-open-state-toggle {
text-align: center;
color: #000;
letter-spacing: .48px;
white-space: nowrap;
background-color: #e5f56180;
border: 0;
border-radius: 12px;
width: 100%;
padding: 14px 24px;
font-size: 24px;
font-weight: 500;
line-height: 1.33333;
display: block;
}
.lsg-bundle-sticky-bar .bundle-builder__selected-products {
margin-top: 20px;
}
.lsg-bundle-block:not(.has-selected-product) .lsg-bundle-sticky-bar .bundle-builder__selected-products, .lsg-bundle-block:not(.has-selected-product) .lsg-bundle-sticky-bar .lsg-bundle-sticky-atc, .lsg-bundle-block:not(.bundle-checkout-enabled) .lsg-bundle-sticky-bar:not(.is--open) .bundle-builder__selected-products, .lsg-bundle-block:not(.bundle-checkout-enabled) .lsg-bundle-sticky-bar:not(.is--open) .lsg-bundle-atc-wrapper {
display: none;
}
.lsg-bundle-block:not(.bundle-checkout-enabled) .lsg-bundle-sticky-bar.is--open .lsg-bundle-sticky-overlay {
position: fixed;
inset: 0;
}
.lsg-bundle-block:not(.bundle-checkout-enabled) .lsg-bundle-sticky-bar.is--open .lsg-bundle-sticky-inner {
position: relative;
}
.lsg-bundle-block:not(.bundle-checkout-enabled) .lsg-bundle-sticky-bar.is--open .lsg-bundle-open-state-toggle, .lsg-bundle-block.bundle-checkout-enabled .lsg-bundle-open-state-toggle {
display: none;
}
}
@media (width >= 768px) {
.lsg-bundle-sticky-inner {
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: 20px;
}
.lsg-bundle-block.summary-is-below .lsg-bundle-sticky-bar {
opacity: 0;
touch-action: none;
pointer-events: none;
}
.lsg-bundle-sticky-bar .bundle-builder__selected-products {
flex-wrap: nowrap;
gap: 6px;
display: none;
}
.lsg-bundle-sticky-summary-block .bundle-builder__selected-product-placeholder {
border-width: 2px;
}
.lsg-bundle-sticky-bar .bundle-builder__selected-products .bundle-builder__selected-product {
width: 36px;
}
.lsg-bundle-sticky-bar .bundle-builder__selected-product-remove-button {
width: 14px;
height: 14px;
}
.lsg-bundle-sticky-bar .bundle-builder__selected-products .bundle-builder__selected-product-title-wrap, .lsg-bundle-sticky-bar .lsg-bundle-interval-select-pod-bottom {
display: none;
}
.lsg-bundle-sticky-bar .lsg-bundle-sticky-bar-frequency-select {
border-left: 1px solid #555;
padding-left: 10px;
}
.lsg-bundle-sticky-bar .lsg-bundle-sticky-bar-frequency-select .lsg-bundle-interval-select-heading {
display: none;
}
.lsg-bundle-sticky-bar .lsg-bundle-interval-frequency-select-wrap {
padding: .25rem 1.5rem .25rem .5rem;
}
.lsg-bundle-sticky-bar .lsg-bundle-interval-frequency-select {
font-size: 12px;
}
.lsg-bundle-block.lsg-bundle--otp-selected .lsg-bundle-sticky-bar-frequency-select .lsg-bundle-interval-frequency-select-wrap:after {
width: 10px;
height: 7px;
}
.lsg-bundle-block.lsg-bundle--otp-selected .lsg-bundle-sticky-bar-frequency-select .lsg-bundle-interval-frequency-select {
color: gray;
pointer-events: none;
touch-action: none;
}
.lsg-bundle-block.lsg-bundle--otp-selected .lsg-bundle-sticky-bar-frequency-select .lsg-bundle-interval-select-heading {
color: gray;
}
.lsg-bundle-sticky-bar .lsg-bundle-interval-select-pod-top {
flex-direction: row;
align-items: flex-start;
}
.lsg-bundle-sticky-bar .lsg-bundle-interval-select-pod-top .lsg-bundle-interval-option-bot {
display: none;
}
.lsg-bundle-sticky-bar .lsg-bundle-interval-el {
gap: 10px;
}
.lsg-bundle-sticky-bar .lsg-bundle-interval-frequency-select {
background: none;
}
.lsg-bundle-open-state-toggle {
display: none;
}
}
.lsg-bundle-sticky-bar .lsg-bundle-sticky-summary-block {
flex-grow: 1;
}
@media (width >= 768px) {
.lsg-bundle-sticky-bar .lsg-bundle-buybox-progress-bar-wrap {
display: none;
}
}
.lsg-bundle-sticky-bar .bundle-builder__selected-products {
border: 0;
}
.lsg-bundle-sticky-bar .lsg-bundle-frequency-heading {
display: none;
}
.lsg-bundle-sticky-bar .lsg-bundle-interval-select-pod-top .lsg-bundle-interval-option-top {
align-items: center;
gap: .5em;
display: flex;
}
.lsg-bundle-sticky-bar .lsg-bundle-interval-select-pod-top .lsg-bundle-interval-option-top:before {
top: 50%;
translate: 0 -50%;
}
.lsg-bundle-sticky-bar .lsg-bundle-interval-select-pod-top .lsg-bundle-interval-name {
font-size: 18px;
}
.lsg-bundle-sticky-bar .lsg-bundle-interval-select-pod-top .lsg-bundle-interval-price-wrap {
gap: .2em;
margin-top: 0;
}
.lsg-bundle-sticky-bar .lsg-bundle-interval-select-pod-top .lsg-bundle-interval-price-wrap .lsg-bundle-interval-price {
font-weight: 700;
}
.lsg-bundle-sticky-bar .lsg-bundle-summary-pricing {
display: none;
}
.lsg-bundle-sticky-bar .lsg-bundle-submit-button {
white-space: nowrap;
}
.lsg-bundle-sticky-bar .lsg-bundle-sub-atc {
display: none;
}
@media (width <= 767px) {
.lsg-bundle-sticky-bar [data-oke-reviews-product-listing-rating] {
display: none;
}
}
.lsg-bundle-sticky-bar .lsg-bundle-buybox-product-name {
font-size: 24px;
}
@media (width <= 767px) {
.lsg-bundle-sticky-bar .lsg-bundle-buybox-product-name {
display: none;
}
}
.lsg-bundle-product-list + .lsg-bundle-presets {
margin-top: 50px;
}
.lsg-sticky-bar__wrap {
background: var(--bg-color);
color: var(--color, inherit);
padding: var(--padding-top) 0 var(--padding-bot);
z-index: 100;
position: fixed;
bottom: 0;
left: 0;
right: 0;
}
.lsg-sticky-bar__btns {
justify-content: flex-end;
align-items: center;
display: flex;
}
.lsg-sticky-bar__btns .btn {
margin: 0;
}
@media (width <= 767px) {
.lsg-sticky-bar__btns .btn {
min-width: 180px;
}
}
.nss-global-atc-upsell {
text-align: center;
}
.nss-upsell-wrapper {
z-index: 2147483639;
background: #fff;
border-radius: 15px;
flex-flow: column;
place-content: stretch flex-start;
align-items: stretch;
width: 500px;
max-width: calc(100% - 20px);
margin: 10px;
padding: 0;
transition: left .25s ease-in-out, visibility .25s ease-in-out;
display: flex;
position: fixed;
inset: 0 auto 0 -100%;
}
@media (width <= 480px) {
.nss-upsell-wrapper {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
max-width: 100%;
margin: 10px 0 0;
transition: top .5s ease-in-out, visibility .5s ease-in-out;
inset: 100% 0 0;
}
}
.nss-upsell-background {
opacity: 0;
z-index: 2147483638;
pointer-events: none;
background-color: #000000b3;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
transition: opacity .25s ease-in-out;
position: fixed;
inset: 0;
transform: translate(100%);
}
.nss-global-atc-upsell.is--visible .nss-upsell-wrapper {
left: 0;
}
@media (width <= 480px) {
.nss-global-atc-upsell.is--visible .nss-upsell-wrapper {
top: 0;
}
}
.nss-global-atc-upsell.is--visible .nss-upsell-background {
opacity: 1;
pointer-events: auto;
transform: translate(0%);
}
#shopify-section-lsg-global-upsell:has( ~ #rebuy-cart.is-visible) .nss-upsell-background {
opacity: 0;
pointer-events: none;
transform: translate(100%);
}
.nss-upsell-header {
min-height: 50px;
padding: 10px 20px;
position: relative;
}
.nss-upsell-close {
box-shadow: none;
cursor: pointer;
text-align: center;
width: 30px;
min-width: auto;
height: 30px;
min-height: auto;
color: inherit;
background: none;
border: none;
outline: none;
margin: 0;
padding: 0;
font-size: 18px;
line-height: 30px;
position: absolute;
top: 50%;
right: 10px;
transform: translate(0, -50%);
}
.nss-global-atc-upsell .fal {
text-rendering: auto;
font-variant: normal;
font-family: "Font Awesome 5 Pro";
font-style: normal;
font-weight: 300;
line-height: 1;
display: inline-block;
}
.nss-global-atc-upsell .fa-times:before {
content: "";
}
.nss-upsell-body {
flex-direction: column;
align-items: center;
gap: 1rem;
width: 100%;
height: 100%;
margin: auto;
padding: 10px 20px;
display: flex;
overflow: auto;
}
.nss-upsell-body > * {
max-width: 250px;
}
.nss-upsell-body > :first-child {
margin-top: auto;
}
.nss-upsell-body > :last-child {
margin-bottom: auto;
}
.nss-upsell-heading {
margin: 0;
line-height: 1;
}
.nss-upsell-copy {
font-size: 1.25rem;
}
.nss-upsell-copy :last-child {
margin-bottom: auto;
}
.nss-upsell-controls {
flex-direction: column;
gap: .75rem;
width: 100%;
max-width: 320px;
display: flex;
}
.nss-upsell-button {
text-transform: none;
}
.btn.nss-upsell-button:before, .btn.nss-upsell-buttonafter {
display: none;
}
.nss-upsell-button--atc {
background-color: var(--button-bg-color);
border: 3px solid var(--button-border-color);
color: var(--button-color);
}
.nss-upsell-button--atc:hover {
background-color: var(--button-bg-color-hover);
border-color: var(--button-border-color-hover);
color: var(--button-color-hover);
}
.nss-upsell-button--close {
color: var(--button-color-hover);
background-color: #0000;
border: 3px solid #000;
}
.nss-upsell-button--close:hover {
color: #fff;
background-color: #000;
}
.pdp-top {
flex-flow: wrap;
display: flex;
}
.pdp-top__slider {
width: 55%;
}
@media (width <= 768px) {
.pdp-top__slider {
width: 100%;
margin-bottom: 20px;
padding-top: 25px;
}
}
.pdp-slider__container {
position: relative;
}
.pdp-slider, .pdp-slide {
width: 100%;
}
.pdp-slider {
margin-bottom: 10px;
}
.pdp-slide video, .pdp-slide img {
width: 100%;
display: block;
}
ul.pdp-slider__thumbnails {
justify-content: center;
padding: 20px 0;
display: flex;
}
@media (width <= 768px) {
ul.pdp-slider__thumbnails {
display: none;
}
}
li.pdp-slider__thumbnail {
cursor: pointer;
width: 65px;
margin-right: 10px;
position: relative;
}
li.pdp-slider__thumbnail.active {
border: 2px solid var(--color-orange);
border-radius: var(--border-radius-small);
padding: 5px;
}
li.pdp-slider__thumbnail img {
display: block;
}
.pdp-slider__container .flickity-slider-dots {
display: none;
}
@media (width <= 768px) {
.pdp-slider__container .flickity-slider-dots {
display: flex;
}
}
.pdp-slider__thumbnail-icon {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
top: 0;
left: 0;
}
.pdp-details {
width: 45%;
padding: 40px 0;
}
@media (width <= 768px) {
.pdp-details {
width: 100%;
padding: 0 0 40px;
}
}
.pdp-details__container {
width: 90%;
max-width: 550px;
margin: 0 auto;
}
.pdp-details-box {
border: 2px solid var(--color-orange);
border-radius: var(--border-radius-small);
margin-bottom: 20px;
padding: 20px;
}
.pdp-details-header {
flex-flow: wrap;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
display: flex;
}
.pdp-details-header__title {
margin-bottom: 0;
}
.pdp-details-header__description {
font-size: .9em;
}
.pdp-details-header__price {
text-align: right;
margin: 0;
}
.pdp-details__review-stars {
margin-bottom: 20px;
}
.pdp-details__footer {
margin: 30px 0 0;
}
.pdp-details-happiness-message {
justify-content: center;
margin-top: 20px;
font-size: .9em;
display: flex;
}
.pdp-details-happiness-message__text {
margin: 0;
}
.pdp-details-happiness-message__icon {
width: 30px;
margin-left: 10px;
}
.pdp-details-happiness-message__icon svg {
width: 100%;
display: block;
}
li.bundle-product-option {
border-bottom: 1px solid var(--color-orange);
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
padding: 20px 0;
display: flex;
}
li.bundle-product-option:first-child {
padding: 0 0 20px;
}
li.bundle-product-option:last-child {
border-bottom: 0;
margin-bottom: 0;
padding: 0;
}
.bundle-product-option__content {
align-items: center;
display: flex;
}
.bundle-product-option__title {
margin: 0 10px 0 0;
}
.bundle-product-option__subtitle {
margin: 0;
font-size: .7em;
}
.pdp-option {
margin-bottom: 20px;
}
.pdp-option:last-child {
margin-bottom: 0;
}
.pdp-option__title {
margin: 0 0 5px;
}
.pdp-option .select-dropdown {
font-size: .8em;
}
.pdp-details-totals {
justify-content: space-between;
align-items: flex-end;
margin-bottom: 20px;
display: flex;
}
.pdp-details-totals__calculation-line {
margin: 0;
font-size: .8em;
}
.pdp-details-totals__price-container {
align-items: flex-end;
display: flex;
}
.pdp-details-totals__price {
margin: 0 10px 0 0;
line-height: 1;
}
.pdp-details-totals__price:last-child {
margin: 0;
}
.pdp-details-totals__price--slashed {
opacity: .4;
text-decoration: line-through;
}
.pdp-details-totals__price--actual {
color: var(--color-orange);
font-family: Aeonik, sans-serif;
font-size: 2em;
font-weight: 700;
}
.add-to-cart-footer {
display: flex;
}
.add-to-cart-footer__quantity {
flex: 0 0 130px;
align-items: center;
display: flex;
}
.add-to-cart-footer__quantity .quantity {
height: 100%;
}
.add-to-cart-footer__button {
flex: 1;
}
.purchase-types {
margin-bottom: 20px;
display: flex;
}
.purchase-type {
cursor: pointer;
align-items: center;
margin-right: 40px;
display: flex;
position: relative;
}
.purchase-type:last-child {
margin-right: 0;
}
.purchase-type:before {
content: "";
border: 2px solid var(--color-orange);
border-radius: 50%;
width: 20px;
height: 20px;
margin-right: 20px;
display: block;
}
.purchase-type.active:before {
background: var(--color-orange);
}
.purchase-type__title {
margin: 0;
}
.purchase-type__subtitle {
color: var(--color-orange);
font-size: .8em;
}
.purchase-type__subtitle p {
margin: 0;
line-height: 1;
}
.subscription-frequency-box .select-dropdown {
font-size: .8em;
}
.subscription-frequency-box__title {
margin: 0;
}
.rc-container-wrapper.rc_container_wrapper:not(.rc_container_custom) {
display: none;
}
.pdp-rcb-top {
justify-content: center;
}
@media (width >= 769px) {
.pdp-rcb-top .pdp-top__slider {
width: 40%;
}
.pdp-rcb-top .pdp-details {
width: 50%;
}
}
.pdp-rcb-top .shipping_banner.quantity-zero > :not(.quantity-zero), .pdp-rcb-top .shipping_banner.quantity-one > :not(.quantity-one), .pdp-rcb-top .shipping_banner.quantity-else > :not(.quantity-else) {
display: none;
}
@media (width <= 768px) {
.pdp-rcb-top .pdp-details-header__title {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.pdp-rcb-top .pdp-details-header__description {
text-align: center;
}
}
.pdp-rcb-top .pdp-details-box {
padding: 10px;
}
.pdp-rcb-top li.bundle-product-option {
margin-bottom: 0;
padding: 10px 0;
}
.pdp-rcb-top li.bundle-product-option:first-child {
margin-top: -10px;
}
.pdp-rcb-top li.bundle-product-option:last-child {
margin-bottom: -10px;
}
.pdp-rcb-top .rc_container_custom {
flex-wrap: wrap;
justify-content: space-between;
display: flex;
}
.pdp-rcb-top .rtx_option, .pdp-rcb-top .rc_container_custom .rc_option {
text-align: center;
letter-spacing: .0196972px;
border: 1.5px solid #ffb71b;
border-radius: 4px;
flex-basis: calc(50% - .4rem);
margin-bottom: 15px;
padding: 1rem;
font-size: .75rem;
position: relative;
}
@media (width <= 768px) {
.pdp-rcb-top .rtx_option, .pdp-rcb-top .rc_container_custom .rc_option {
flex-basis: calc(50% - .375rem);
}
}
.pdp-rcb-top .rtx_option_label, .pdp-rcb-top .rc_option_label {
margin: -1rem;
padding: 1rem;
display: block;
}
@media (width <= 768px) {
.pdp-rcb-top .rtx_option_label, .pdp-rcb-top .rc_option_label {
padding: 15px;
}
}
.pdp-rcb-top .rc_option_meals {
letter-spacing: -.8px;
font-weight: bold;
}
.pdp-rcb-top .strike {
color: #8b0000;
margin-right: .25em;
text-decoration: line-through;
}
.pdp-rcb-top .rc_option_meals > * :not(:first-child) {
margin-left: .25em;
}
.pdp-rcb-top .rc_option.option--active {
background-color: #ffb71b;
}
.pdp-rcb-top .bundle-product-option__content {
flex-wrap: wrap;
}
.pdp-rcb-top .rc_option_selector input {
display: none;
}
.pdp-rcb-top .rc_option_plans {
width: 100%;
}
.pdp-rcb-top .rtx_option_plans select, .pdp-rcb-top .rc_option_plans select {
color: #222;
-webkit-appearance: none;
-moz-appearance: none;
background-color: #0000;
background-image: url("data:image/svg+xml;utf8,");
background-position: calc(100% - 10px);
background-repeat: no-repeat;
background-size: 20px 8px;
border-color: #ffb71b;
border-radius: 4px;
width: 100%;
padding: 10px 40px 10px 20px;
font-size: .875rem;
line-height: 1.2;
display: block;
}
@media screen and (-webkit-device-pixel-ratio >= 0) {
.pdp-rcb-top .rtx_option_plans select, .pdp-rcb-top .rc_option_plans select {
font-size: 16px;
}
}
.pdp-rcb-top .rc_option_banner {
color: #1d1d1d;
letter-spacing: -.0741258px;
background-color: #fbd687;
border-radius: 4px;
width: fit-content;
min-width: 60%;
margin-left: auto;
margin-right: auto;
padding: 0 8px;
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
transform: translateY(-50%);
}
.pdp-rcb-top .rtx_option_heading, .pdp-rcb-top .rc_option_heading {
font-size: 1rem;
}
@media (width <= 768px) {
.pdp-rcb-top .rtx_option_heading, .pdp-rcb-top .rc_option_heading {
font-size: 14px;
}
}
.pdp-rcb-top .shipping_banner {
text-align: center;
color: #222;
margin: 10px -10px -10px;
padding: 6px 16px;
}
.pdp-rcb-top .shipping_banner > * {
margin-bottom: 0;
}
.pdp-rcb-top .shipping_banner.quantity-zero {
background-color: #fbd687;
}
.pdp-rcb-top .shipping_banner.quantity-one {
color: #fff;
background-color: #f44e4e;
}
.pdp-rcb-top .shipping_banner.quantity-else {
color: #fff;
background-color: #8ad178;
}
.pdp-rcb-top .rc_discount_banner {
margin-top: 4px;
margin-bottom: 4px;
font-size: 14px;
font-style: italic;
}
.pdp-rcb-top .pdp-details-happiness-message {
align-items: center;
}
.pdp-rcb-top .pdp-details-happiness-message__text {
letter-spacing: .218182px;
font-size: .75rem;
line-height: 1.2;
}
.pdp-rcb-top .btn--rcb-checkout, .pdp-rcb-top .btn--rcb-checkout--otp {
background: var(--button-bg-color);
border: 3px solid var(--button-border-color);
color: var(--button-color);
letter-spacing: .5px;
text-align: center;
text-transform: none;
border-radius: 12px;
padding: 12px 18px;
font-size: 25px;
font-weight: 500;
line-height: 30px;
transition: all .3s ease-in;
}
.pdp-rcb-top .btn--rcb-checkout:hover, .pdp-rcb-top .btn--rcb-checkout--otp:hover {
background-color: var(--button-bg-color-hover);
border-color: var(--button-border-color-hover);
color: var(--button-color-hover);
}
.pdp-rcb-top .btn--rcb-checkout:before, .pdp-rcb-top .btn--rcb-checkout:after, .pdp-rcb-top .btn--rcb-checkout--otp:before, .pdp-rcb-top .btn--rcb-checkout--otp:after, .pdp-rcb-top .btn--rcb-checkout.loading > .addToCartStatus-idle, .pdp-rcb-top .btn--rcb-checkout.done > .addToCartStatus-idle, .pdp-rcb-top .btn--rcb-checkout--otp.loading > .addToCartStatus-idle, .pdp-rcb-top .btn--rcb-checkout--otp.done > .addToCartStatus-idle, .pdp-rcb-top .btn--rcb-checkout:not(.loading) > .addToCartStatus-loading, .pdp-rcb-top .btn--rcb-checkout--otp:not(.loading) > .addToCartStatus-loading, .pdp-rcb-top .btn--rcb-checkout:not(.done) > .addToCartStatus-done, .pdp-rcb-top .btn--rcb-checkout--otp:not(.done) > .addToCartStatus-done {
display: none;
}
.pdp-rcb-top .btn--rcb-checkout.quantity-zero, .pdp-rcb-top .btn--rcb-checkout--otp.quantity-zero {
cursor: not-allowed;
pointer-events: none;
opacity: .75;
}
.pdp-rcb-top .btn--rcb-checkout.quantity-zero:hover:after, .pdp-rcb-top .btn--rcb-checkout--otp.quantity-zero:hover:after {
opacity: 1;
}
.pdp-rcb-top .add-to-cart__feedback {
text-align: center;
margin-top: .25rem;
font-size: .875rem;
}
.pdp-rcb-top .sub-atc-nf-link {
cursor: pointer;
width: fit-content;
margin: 2rem auto auto;
font-size: 20px;
font-weight: 700;
line-height: 1;
display: block;
position: relative;
}
.pdp-rcb-top .sub-atc-nf-link:after {
content: "";
width: 100%;
height: 2px;
transition: background .2s linear;
display: block;
}
.pdp-rcb-top .sub-atc-nf-link:hover:after {
background-color: currentColor;
}
@media (width <= 767px) {
.pdp-rcb-top .sub-atc-nf-link:after {
background-color: currentColor;
}
}
@media (width >= 768px) {
.pdp-rcb-top .sub-atc-nf-link {
padding-left: 52px;
}
}
.pdp-rcb-top .flickity-prev-next-button {
background: none;
border: 0;
width: 1.5rem;
height: 1.5rem;
padding: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.pdp-rcb-top .flickity-prev-next-button.next {
right: 1rem;
}
.pdp-rcb-top .flickity-prev-next-button.previous {
left: 1rem;
}
@media (width <= 768px) {
.pdp-rcb-top .flickity-prev-next-button {
width: 1rem;
height: 1rem;
}
.pdp-rcb-top .flickity-prev-next-button.next {
right: .5rem;
}
.pdp-rcb-top .flickity-prev-next-button.previous {
left: .5rem;
}
}
.nutrition-accordion-wrap {
padding-bottom: 40px;
}
.accordion-section-header {
letter-spacing: .25px;
text-transform: uppercase;
text-align: center;
margin: 40px auto 30px;
font-family: Aeonik, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 20px;
}
.accordion-item {
border-bottom: 1px solid;
}
.accordion-item:first-child {
border-top: 1px solid;
}
.accordion-header {
letter-spacing: .25px;
margin: 0;
font-family: Aeonik, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 20px;
}
.accordion-header button {
font: inherit;
color: inherit;
appearance: none;
background: none;
border: 0;
justify-content: space-between;
align-items: center;
gap: .5rem;
width: 100%;
padding: 1.25rem 0;
display: flex;
}
.accordion-header-icon {
width: 10px;
height: 10px;
transition: rotate .5s ease-in-out;
position: relative;
}
.accordion-header-icon:before, .accordion-header-icon:after {
content: "";
background: currentColor;
width: 10px;
height: 1px;
display: block;
position: absolute;
top: 50%;
left: 50%;
translate: -50% -50%;
}
.accordion-header-icon:after {
rotate: 90deg;
}
.accordion-trigger[aria-expanded="true"] .accordion-header-icon {
rotate: 45deg;
}
.accordion-content-inner {
margin-bottom: 30px;
font-size: 12px;
font-weight: 390;
line-height: 18px;
}
.accordion-wrap .accordion-item .ni-trigger {
text-transform: uppercase;
text-align: left;
margin-top: auto;
margin-bottom: 30px;
font-size: 12px;
line-height: 18px;
}
.accordion-content-inner strong {
color: var(--accent-color);
}
@media (width >= 769px) {
.template-rcb .pdp-top .pdp-top__slider .pdp-slider__container {
height: 0;
padding-bottom: min(100vh - var(--height-header), 125%);
top: var(--height-header);
min-height: 0;
position: sticky;
}
.template-rcb .pdp-top .pdp-top__slider .pdp-slider__container .pdp-slider {
position: absolute;
top: 0;
left: 0;
}
}
.miracle-sub-atc-banner {
background: #e5f5614d;
border-radius: 12px;
justify-content: center;
align-items: center;
gap: 10px;
width: fit-content;
min-width: 270px;
margin: 17px auto 0;
padding: 5px 20px;
font-size: 14px;
display: flex;
}
.miracle-sub-atc-banner img, .miracle-sub-atc-banner svg {
width: auto;
height: 20px;
display: block;
}
a[data-micromodal-trigger] {
cursor: pointer;
}
.template-rcb {
--height-header: 70px;
}
.template-rcb .top-messaging {
padding: 0;
}
.template-rcb .pdp-top.pdp-rcb-top {
background-color: var(--color-white);
}
.template-rcb ul.pdp-slider__thumbnails {
display: none;
}
.template-rcb .pdp-slider__container .flickity-slider-dots {
gap: 3px;
display: flex;
bottom: 36px;
}
.template-rcb .bundle-product-options {
text-align: center;
flex-wrap: wrap;
gap: 8px;
display: flex;
}
.template-rcb .pdp-rcb-top .pdp-details-box {
border: 0;
padding: 0;
}
.template-rcb .pdp-rcb-top li.bundle-product-option {
border: 0;
flex-direction: column;
flex-basis: calc(25% - 6px);
margin: 0;
padding: 0;
}
.template-rcb .pdp-details-header {
display: none;
}
.template-rcb .pdp-rcb-top .bundle-product-option__content {
flex-direction: column;
width: 100%;
height: 100%;
}
.template-rcb .bundle-product-option__title {
flex-grow: 1;
margin: 0 0 6px;
font-size: 13px;
font-weight: 500;
line-height: 1;
}
.template-rcb .bundle-product-option__image-wrap {
flex-grow: 0;
width: 100%;
height: 0;
margin-bottom: 6px;
padding-bottom: 100%;
position: relative;
}
.template-rcb .bundle-product-option__image-wrap img {
object-fit: contain;
object-position: center;
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
}
.template-rcb .bundle-product-option__subtitle {
flex-grow: 0;
display: none;
}
.template-rcb .quantity__input {
letter-spacing: .45px;
color: var(--color-black);
font-size: 15px;
font-weight: 700;
line-height: 1.07;
}
.template-rcb .quantity {
background: var(--color-white);
border: 1px solid var(--color-black);
border-radius: 4px;
height: 28px;
}
.template-rcb .quantity__button {
background-color: var(--color-black);
color: var(--color-white);
font-size: 15px;
line-height: 1.07;
}
.template-rcb .quantity__button.quantity__button--minus {
padding-bottom: 1px;
}
.template-rcb .pdp-rcb-top .shipping_banner {
letter-spacing: .32px;
margin: 1.75rem 0;
padding: 0;
font-size: 16px;
font-weight: 500;
line-height: 1.125;
}
.template-rcb .pdp-rcb-top .shipping_banner.quantity-zero, .template-rcb .pdp-rcb-top .shipping_banner.quantity-one {
color: #f44e4e;
background: none;
}
.template-rcb .pdp-rcb-top .shipping_banner.quantity-else {
color: #8ad178;
background: none;
}
.template-rcb .rtx_container {
flex-direction: column;
}
.template-rcb .pdp-rcb-top .rtx_option {
border-width: 2px;
border-color: #0006;
border-radius: 12px;
}
.template-rcb .rtx_option:not(.option--active) {
color: #0006;
}
.template-rcb .rtx_option.option--active {
background-color: var(--color-white);
border-color: var(--color-black);
}
.template-rcb .pdp-details-box {
margin-bottom: 11px;
}
.template-rcb .pdp-rcb-top .rc_option_banner {
background-color: var(--color-pineapple);
border: 1.725px solid var(--color-pineapple);
width: 54px;
min-width: 0;
height: 54px;
color: var(--color-black);
text-transform: uppercase;
letter-spacing: 0;
border-radius: 50%;
justify-content: center;
align-items: center;
font-size: 9px;
font-weight: 700;
line-height: normal;
display: flex;
top: -11px;
left: auto;
right: -7px;
transform: none;
}
.template-rcb .rtx_option_top {
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
display: flex;
}
.template-rcb .rtx_option_top .rtx_option_heading {
text-align: left;
width: 100%;
margin-bottom: 5px;
font-size: 20px;
font-weight: 700;
line-height: 1;
}
.template-rcb .rtx_option--sub .rtx_option_top:after {
content: "";
background-color: #0006;
width: 100%;
height: 1px;
margin: .5rem 0;
display: block;
}
.template-rcb .rtx_option--sub.option--active .rtx_option_top:after {
background-color: #000;
}
.template-rcb .quantity.quantity-zero .quantity__button--minus, .template-rcb .quantity.quantity-zero .quantity__input {
display: none;
}
.template-rcb .quantity.quantity-zero .quantity__button--plus {
color: var(--color-white);
background: var(--color-black);
border-color: var(--color-black);
flex-grow: 1;
justify-content: center;
align-items: center;
gap: .2em;
width: 100%;
margin: 0;
padding: 4px 10px;
font-size: 15px;
line-height: 1.07;
display: flex;
}
.template-rcb .quantity.quantity-zero .quantity__button--plus.disabled {
color: #00000080;
background-color: #fff;
}
.template-rcb .quantity.quantity-zero .quantity__button--plus:before {
content: "ADD";
}
.pdp-details-box-prefix {
text-align: center;
text-transform: uppercase;
margin-bottom: 1rem;
font-size: 12px;
line-height: 1.5;
}
@media (width >= 768px) {
.pdp-details-box-prefix {
padding-left: 52px;
}
}
.template-rcb .rtx_option_top .rtx_option_heading, .template-rcb .rc_option_canister {
padding-left: 1.5rem;
}
.template-rcb .rtx_option_top {
position: relative;
}
.template-rcb .rtx_option_top:before {
content: "";
background: none;
border: 2px solid #0006;
border-radius: 50%;
width: 16px;
height: 16px;
display: block;
position: absolute;
top: 2px;
left: 0;
}
.template-rcb .option--active .rtx_option_top:before {
background: var(--color-pineapple);
border: 0;
}
.template-rcb .pdp-rcb-top .strike {
color: inherit;
margin: 0;
font-weight: 400;
}
.template-rcb .rc_option_canister {
font-size: 13px;
font-weight: 500;
line-height: 1.29;
}
.template-rcb .pdp-rcb-top .rc_option_meals {
letter-spacing: normal;
border-radius: 12px;
padding: 2px 8px;
font-size: 13px;
font-weight: 500;
line-height: 1.29;
}
.template-rcb .pdp-rcb-top .rtx_option--sub.option--active .rc_option_meals {
background-color: var(--color-pineapple);
}
.template-rcb .option_plans_inner {
align-items: center;
gap: .5em;
padding-left: 1.5rem;
font-size: 14px;
font-weight: 500;
display: flex;
}
.template-rcb .rtx_option_plans .select-prefix {
white-space: nowrap;
}
.template-rcb .pdp-rcb-top .rtx_option_plans select {
font: inherit;
background-image: url("data:image/svg+xml;utf8,");
background-position-x: calc(100% - 4px);
background-size: 12px 6px;
border: 0;
width: auto;
padding: 0 20px 0 0;
text-decoration: underline;
}
.template-rcb .rtx_option_selector {
text-align: left;
}
.template-rcb .pdp-rcb-top .rc_discount_banner_el {
padding-left: 1.25rem;
position: relative;
}
.template-rcb .pdp-rcb-top .rc_discount_banner {
padding-left: 1.5rem;
font-style: normal;
}
.template-rcb .rtx_benefits_link {
color: var(--color-orange);
letter-spacing: .22px;
margin-left: 2rem;
text-decoration: underline;
}
.template-rcb .pdp-rcb-top .rc_discount_banner_el:before {
content: "";
text-align: center;
opacity: .4;
background-image: url("data:image/svg+xml;utf8,");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
width: 9px;
height: 9px;
position: absolute;
top: 4px;
left: 5px;
}
.template-rcb .pdp-rcb-top .rtx_option.option--active .rc_discount_banner_el:before {
opacity: 1;
}
.ni-trigger.ni-trigger-alt {
color: var(--color-orange);
text-align: center;
margin-top: 1rem;
text-decoration: underline;
}
.btn--solid-orange {
letter-spacing: .309091px;
background-color: var(--color-orange);
color: var(--color-very-light-pink);
border-radius: 4px;
padding: 14px 28px;
font-size: 18px;
line-height: 1.72;
transition: background .3s ease-in-out, color .3s ease-in-out;
box-shadow: 0 2px 4px #0000001a;
}
.btn--solid-orange:before {
border: 0;
}
.btn--solid-orange:hover {
background-color: var(--color-very-light-pink);
color: var(--color-orange);
}
.template-rcb .flickity-slider-dot:after {
opacity: 0;
transform: none;
}
.pricing_summary {
justify-content: flex-end;
gap: .75rem;
font-size: 14px;
font-weight: 500;
line-height: 1.29;
display: flex;
}
.pricing_summary .savings_disclaimer {
color: var(--color-green);
flex-grow: 1;
}
.pricing_summary .price_summary {
align-items: center;
gap: .25rem;
display: flex;
}
.rtx_widget_injection_parent.selling_plan_subsave .pricing_summary .otp-price {
opacity: .5;
text-decoration: line-through;
}
.rtx_widget_injection_parent.selling_plan_onetime .pricing_summary .sub-price, .rtx_widget_injection_parent.selling_plan_onetime .pricing_summary .savings_disclaimer {
display: none;
}
.template-rcb .full-width-text-panel__container {
padding: 0;
}
body:not(.template-rcb) .flickity-dot-nav {
display: none;
}
.template-rcb .ingredients-slider-panel .panel-header {
margin-bottom: 0;
}
.template-rcb .ingredients-slider-panel .panel-header__title {
max-width: 720px;
margin-left: auto;
margin-right: auto;
}
.template-rcb .flickity__arrows {
gap: .75rem;
}
.template-rcb .flickity__arrow {
color: var(--color-black);
background: none;
width: 57px;
height: auto;
margin: 0;
position: absolute;
top: 50%;
}
@media (width <= 767px) {
.template-rcb .flickity__arrow {
width: 28px;
}
}
.template-rcb .flickity__arrow.flickity__arrow--prev {
left: 8.5%;
translate: 0 -50%;
}
@media (width <= 767px) {
.template-rcb .flickity__arrow.flickity__arrow--prev {
left: 4.5%;
}
}
.template-rcb .flickity__arrow.flickity__arrow--next {
right: 8.5%;
translate: 0 -50%;
}
@media (width <= 767px) {
.template-rcb .flickity__arrow.flickity__arrow--next {
right: 4.5%;
}
}
.template-rcb .flickity-dot-nav, .reviews-slider .flickity-page-dots {
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: .5rem;
display: flex;
}
.template-rcb .flickity-dot-nav__item, .reviews-slider .flickity-page-dots .dot {
border: 2px solid var(--color-black);
border-radius: 50%;
width: 14px;
height: 14px;
margin: 0;
}
.template-rcb .flickity-dot-nav__item.active, .reviews-slider .flickity-page-dots .dot.is-selected {
background-color: var(--color-black);
}
.template-rcb .ingredients-slider-panel .panel-footer {
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: .75rem;
margin-top: 1.25rem;
display: flex;
}
.template-rcb .ingredients-slider-panel .panel-footer_link {
color: var(--color-orange);
font-size: 14px;
line-height: 1.36;
text-decoration: underline;
}
.template-rcb .icon-grid-item__title {
line-height: 1.43;
}
.template-rcb .image-text-panel__content h2 {
font-family: Megazoid;
font-size: 2.5rem;
font-weight: 500;
line-height: 1.2;
}
.template-rcb .image-text-panel__content {
font-size: 1.25rem;
line-height: 1.43;
}
.template-rcb .full-width-text-panel__content {
min-height: 0;
}
.template-rcb .full-width-text-panel__content-text p:last-child {
margin-bottom: 0;
}
.icon-grid-item__image img {
object-fit: contain;
object-position: center;
}
.template-rcb .product-faqs-panel .centered-header__text {
max-width: 540px;
margin-top: -1rem;
margin-left: auto;
margin-right: auto;
}
@media (width <= 767px) {
.template-rcb .pdp-top__slider {
padding-top: 0;
}
.pdp-step-heading {
text-align: center;
margin-bottom: .25rem;
font-size: 30px;
font-weight: 700;
line-height: 1;
}
.pdp-details-box + .pdp-step-heading {
margin-bottom: 1.5rem;
}
.template-rcb .bundle-product-options {
flex-wrap: wrap;
row-gap: 1.5rem;
max-width: 420px;
margin: 0 auto 1rem;
}
.template-rcb .pdp-rcb-top li.bundle-product-option {
flex-basis: calc(33.3333% - 5.33333px);
}
.template-rcb .image-text-panel__content h2 {
font-family: Megazoid;
font-size: 1.875rem;
font-weight: 500;
line-height: 1.1;
}
.template-rcb .image-text-panel__content {
text-align: center;
font-size: 1rem;
line-height: 1.5;
}
.template-rcb .image-text-panel__content-container {
width: 100%;
}
.template-rcb .product-faqs-panel .centered-header__text {
max-width: 600px;
margin: auto;
}
.template-rcb .full-width-text-panel__content-container {
padding-top: 40px;
}
}
@media (width >= 768px) {
.template-rcb .pdp-rcb-top .pdp-details-box, .no-sub .pdp-details-totals, .no-sub .pricing_summary {
padding-left: 52px;
position: relative;
}
.template-rcb .pdp-rcb-top .pdp-details-box:before {
content: "";
background: currentColor;
width: 2px;
height: calc(1.75rem + 36px);
display: block;
position: absolute;
bottom: -1.75rem;
left: 1.25rem;
translate: -50%;
}
.template-rcb .pdp-rcb-top .pdp-details-box:after {
content: "1.";
background: var(--color-black);
color: var(--color-white);
text-align: center;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 2.5rem;
height: 2.5rem;
padding-left: .1em;
font-size: 25px;
font-weight: 500;
line-height: 1.2;
display: flex;
position: absolute;
bottom: 36px;
left: 0;
}
.template-rcb .pdp-rcb-top .rc-widget-injection-parent {
padding-left: 52px;
position: relative;
}
.template-rcb .pdp-rcb-top .rc-widget-injection-parent:before, .no-sub .pdp-details-totals:before, .no-sub .pricing_summary:before {
content: "";
background: currentColor;
width: 2px;
height: calc(100% + 15px);
display: block;
position: absolute;
top: 0;
left: 1.25rem;
translate: -50%;
}
.template-rcb .pdp-rcb-top .rc-widget-injection-parent:after {
content: "2.";
background: var(--color-black);
color: var(--color-white);
text-align: center;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 2.5rem;
height: 2.5rem;
padding-left: .1em;
font-size: 25px;
font-weight: 500;
line-height: 1.2;
display: flex;
position: absolute;
top: 0;
left: 0;
}
.pdp-details-atc-wrap {
padding-left: 52px;
position: relative;
}
.pdp-details-atc-wrap:after {
content: "3.";
background: var(--color-black);
color: var(--color-white);
text-align: center;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 2.5rem;
height: 2.5rem;
padding-left: .1em;
font-size: 25px;
font-weight: 500;
line-height: 1.2;
display: flex;
position: absolute;
top: 0;
left: 0;
}
.no-sub .pdp-details-atc-wrap:after {
content: "2.";
}
.no-sub .pdp-details-totals {
margin-bottom: 15px;
}
.pdp-rcb-top.no-sub .rtx_option {
flex-basis: 100%;
margin-bottom: 0;
}
.no-sub .pricing_summary {
margin-bottom: 11px;
}
}
.social-grid-banner-text {
background: var(--color-wheat);
text-align: center;
text-transform: uppercase;
color: var(--color-black);
border-radius: 5px;
justify-content: center;
align-items: center;
max-width: 320px;
min-height: calc(2.4em + .5rem);
margin: auto;
padding: .25rem 1rem;
font-size: 1.25rem;
font-weight: bold;
line-height: 1.2;
display: flex;
position: absolute;
bottom: 1rem;
left: 1rem;
right: 1rem;
}
.product-rcb-social-grid header.social-grid-section__header {
text-align: center;
transform: none;
}
.product-rcb-social-grid .social-grid-section__title, .template-rcb .panel-header__title, .template-rcb .product-faqs-panel .centered-header__title, .template-rcb .content-block-header__title, .template-rcb .full-width-text-panel__content-title {
text-transform: none;
font-family: Megazoid;
font-size: 2.5rem;
font-weight: 500;
line-height: 1.2;
}
.template-rcb .panel-header__title, .template-rcb .product-faqs-panel .centered-header__title {
margin-top: 2rem;
margin-bottom: 1.5rem;
}
.product-rcb-social-grid .social-grid-section__title {
margin-top: 3rem;
margin-bottom: 2rem;
}
@media (width <= 767px) {
.social-grid-banner-text {
font-size: 13px;
}
.product-rcb-social-grid .social-grid-section__title, .template-rcb .panel-header__title, .template-rcb .product-faqs-panel .centered-header__title, .template-rcb .content-block-header__title, .template-rcb .full-width-text-panel__content-title {
font-size: 1.875rem;
line-height: 1.1;
}
.product-rcb-social-grid .social-grid-section__title, .template-rcb .panel-header__title, .template-rcb .product-faqs-panel .centered-header__title {
margin-bottom: 1rem;
}
}
.product-rcb-value-props-wrapper {
text-align: center;
padding: 2rem 1rem;
}
.value-props-inner {
letter-spacing: .092727px;
text-align: center;
flex-wrap: wrap;
justify-content: center;
gap: .75rem;
max-width: 1300px;
margin: auto;
font-size: 1rem;
font-weight: bold;
line-height: .94;
display: flex;
}
.rcb-value-prop {
align-items: center;
gap: .375rem;
display: flex;
position: relative;
}
.rcb-value-prop:before {
content: "";
background: #fff7e1;
border-radius: 50%;
width: 20px;
height: 20px;
display: inline-block;
}
.rcb-value-prop:after {
content: "";
background-image: url("data:image/svg+xml;utf8,");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
width: 10px;
height: 10px;
display: block;
position: absolute;
top: 50%;
left: 5px;
transform: translate(0, -50%);
}
@media (width <= 767px) {
.value-props-inner {
text-align: left;
flex-flow: column;
gap: 1.125rem;
display: inline-flex;
}
.rcb-value-prop {
gap: .5rem;
}
}
.stars {
justify-content: center;
align-items: center;
gap: .25rem;
display: flex;
}
.review-summary {
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: .5rem;
font-size: 12px;
font-weight: bold;
display: flex;
}
.review-summary .stars svg {
width: .75rem;
height: .75rem;
}
.panel-header__title + .review-summary {
margin-top: -1.25rem;
}
.rs-review-card {
width: 33.3333%;
padding: 0 1rem 1rem;
}
.rs-review {
background: var(--color-off-white);
border: 1px solid var(--color-black);
border-radius: 4px;
max-width: 360px;
margin: 47px auto 0;
padding: calc(1rem + 48px) 1rem 1rem;
position: relative;
}
.rsr-image {
border: 1px solid var(--color-black);
background-color: #c4c4c4;
border-radius: 50%;
width: 95px;
height: 95px;
position: absolute;
top: 0;
left: 50%;
overflow: hidden;
transform: translate(-50%, -50%);
}
.rsr-image img {
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
display: block;
}
.rsr-rating .stars {
color: var(--color-orange);
margin-bottom: 1rem;
}
.rsr-quote {
letter-spacing: .1px;
text-align: center;
margin-bottom: 1.5rem;
font-size: 1rem;
line-height: 1.5;
}
.rsr-quote strong {
color: var(--color-orange);
font-weight: 700;
}
.rsr-author {
text-align: center;
margin-bottom: .625rem;
}
.author-name {
color: #000;
text-transform: uppercase;
font-size: 15px;
font-weight: 700;
line-height: 1.67;
}
.author-title {
font-size: 14px;
font-style: italic;
font-weight: 300;
line-height: 1.43;
}
.rsr-flavor {
margin: 10px -1rem -1rem;
display: block;
position: relative;
}
.rsr-flavor-image {
z-index: 1;
border-bottom-left-radius: 4px;
width: 97px;
height: 97px;
display: block;
position: relative;
bottom: -1px;
left: -1px;
}
.rsr-flavor-banner {
background-color: var(--color-ocean-blue);
color: var(--color-very-light-pink);
border-radius: 0 0 4px 4px;
justify-content: space-between;
align-items: center;
gap: .5rem;
padding: 1rem 1.5rem 1rem calc(97px + .5rem);
display: flex;
position: absolute;
bottom: -1px;
left: -1px;
right: -1px;
}
.rsr-flavor-name {
letter-spacing: .1px;
text-transform: uppercase;
font-size: 1rem;
font-weight: 900;
line-height: 1.5;
}
.rsr-flavor-arrow svg {
display: block;
}
.reviews-slider-flickity {
position: relative;
}
.reviews-slider-flickity .flickity__arrow {
margin: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.reviews-slider-flickity .flickity__arrow--prev {
left: 0;
}
.reviews-slider-flickity .flickity__arrow--next {
right: 0;
}
.pdp-br-subgal-props {
align-items: center;
gap: 30px;
max-width: 700px;
margin: auto;
padding: 18px;
display: flex;
}
@media (width <= 767px) {
.pdp-br-subgal-props {
border-bottom: 2px solid var(--color-black);
gap: 4px;
max-width: 440px;
margin-bottom: 1rem;
padding: 16px 8px;
}
}
.pdp-br-subgal-prop {
align-items: center;
gap: 12px;
display: flex;
}
@media (width <= 767px) {
.pdp-br-subgal-prop {
gap: 8px;
}
}
@media (width >= 768px) and (width <= 991px) {
.pdp-br-subgal-prop {
gap: 6px;
}
}
.pdp-br-subgal-prop-img-wrap {
flex-grow: 0;
flex-shrink: 0;
width: 70px;
}
@media (width <= 767px) {
.pdp-br-subgal-prop-img-wrap {
width: 47px;
}
}
@media (width >= 768px) and (width <= 991px) {
.pdp-br-subgal-prop-img-wrap {
width: 20px;
}
}
@media (width >= 992px) and (width <= 1199px) {
.pdp-br-subgal-prop-img-wrap {
width: 30px;
}
}
.pdp-br-subgal-prop-img-wrap img {
width: 100%;
height: auto;
}
.pdp-br-subgal-prop-text {
color: #000;
letter-spacing: .48px;
word-break: break-word;
font-size: 16px;
font-weight: 500;
line-height: 16px;
}
@media (width <= 767px) {
.pdp-br-subgal-prop-text {
letter-spacing: .36px;
font-size: 11px;
line-height: 13px;
}
}
@media (width >= 768px) and (width <= 991px) {
.pdp-br-subgal-prop-text {
font-size: 14px;
}
}
@media (width >= 410px) {
.pdp-br-subgal-prop-text {
word-break: normal;
}
}
@media (width <= 767px) {
.review-summary {
margin-top: -.5rem;
}
.rs-review-card {
width: 100%;
}
}
@media (width >= 768px) {
.reviews-slider-flickity {
max-width: calc(1080px + 10rem);
margin: auto;
padding-left: 2rem;
padding-right: 2rem;
}
}
@media (width >= 769px) {
.template-rcb .pdp-details {
width: 55%;
}
.template-rcb .pdp-top__slider {
width: 45%;
}
.template-rcb .pdp-top__slider .pdp-slider__container {
height: 100%;
min-height: calc(53.1vw - 6.75px);
}
.template-rcb .pdp-top__slider .pdp-slider__container .pdp-slider {
height: 100%;
}
.template-rcb .pdp-top__slider .pdp-slider__container .pdp-slider .flickity-viewport {
height: 100% !important;
}
.template-rcb .pdp-top__slider .pdp-slider__container .pdp-slider .flickity-viewport .pdp-slide {
height: 100%;
}
.template-rcb .pdp-top__slider .pdp-slider__container .pdp-slider .flickity-viewport .pdp-slide img, .template-rcb .pdp-top__slider .pdp-slider__container .pdp-slider .flickity-viewport .pdp-slide video {
object-fit: cover;
object-position: center;
height: 100%;
}
.template-rcb .pdp-top__slider .pdp-br-slider-wrap {
top: var(--header-offset);
max-height: calc(100vh - var(--header-offset));
flex-direction: column;
height: 100%;
display: flex;
position: sticky;
}
.template-rcb .pdp-top__slider .pdp-br-slider-wrap .pdp-slider__container {
flex-grow: 1;
flex-shrink: 1;
padding-bottom: 0;
position: relative;
top: auto;
}
}
.pdp-details-box-prefix.pdp-details-price-per-product {
margin-bottom: 30px;
}
body:not(.abt-canisterpricing-b) .pdp-details-price-per-product {
display: none;
}
.template-seo-blog {
--font-base-font: "Aeonik", sans-serif;
--font-heading-font: "Megazoid";
}
.template-seo-blog .full-width-text-panel__container {
padding-bottom: 0;
}
.template-seo-blog .btn.btn--primary {
letter-spacing: .2px;
font-size: 1.25rem;
line-height: 1;
font-family: var(--font-base-font);
text-align: center;
padding: .875rem 2.625rem;
font-weight: 500;
}
.template-seo-blog main .post_body {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.template-seo-blog main .feature_image img {
border-radius: 4px;
width: 100%;
height: auto;
margin-bottom: 2rem;
display: block;
}
.post_time_to_read {
font-family: var(--font-base-font);
color: #212121;
letter-spacing: .36px;
height: 1.07em;
margin-bottom: 1rem;
font-size: 14px;
font-weight: 500;
line-height: 1.07;
overflow: hidden;
}
.card_ttr.post_time_to_read {
margin-bottom: .5rem;
}
.benefits_article .post_header {
margin-bottom: 1.25rem;
}
.template-seo-blog main h1 {
letter-spacing: .73px;
color: var(--color-black);
margin-bottom: .5rem;
font-size: 45px;
font-weight: 500;
line-height: 1.11;
}
.template-seo-blog main .benefits_article h1 {
margin-bottom: auto;
}
.template-seo-blog [id^="shopify-section-article_"] h2, .template-seo-blog [id^="shopify-section-blog_"] h2, .template-seo-blog [id^="shopify-section-related_"] h2 {
font-family: var(--font-heading-font);
letter-spacing: .36px;
color: var(--color-black);
font-size: 25px;
font-weight: 500;
line-height: 1.2;
}
.template-seo-blog main .rte {
color: #212121;
font-family: var(--font-base-font);
letter-spacing: .33px;
font-size: 20px;
font-weight: 400;
line-height: 1.5;
}
.template-seo-blog main .rte p {
font: inherit;
}
.template-seo-blog main .rte table {
margin: 2.5rem 0 1.5rem;
display: block;
}
.template-seo-blog main .rte tr {
display: flex;
}
.template-seo-blog main .rte tr td {
flex-basis: 100%;
padding-top: 1.5rem;
position: relative;
}
.template-seo-blog main .rte tr td > img:only-child {
margin-top: -1.5rem;
display: block;
}
.related_articles_panel .divider {
background: var(--color-black);
height: 3px;
margin-bottom: 1.5rem;
}
.template-seo-blog main .related_articles_panel h1 {
text-align: center;
}
.template-seo-blog.template-article-ingredients main h1 {
margin-bottom: .5rem;
}
.post_date, .post_author {
color: #212121;
letter-spacing: .36px;
font-size: .75rem;
font-weight: 500;
line-height: 1.25;
}
.related_articles_wrap, .blog_article_list_wrap {
justify-content: center;
gap: 2rem;
display: flex;
}
.template-seo-blog [id^="shopify-section-article_"] h3, .template-seo-blog [id^="shopify-section-blog_"] h3, .template-seo-blog [id^="shopify-section-related_"] h3 {
font-family: var(--font-heading-font);
letter-spacing: -.03px;
color: var(--color-black);
margin-bottom: 1.25rem;
font-size: 30px;
font-weight: 500;
line-height: 1.2;
}
.article_card .card_img_wrap img {
border-radius: 4px;
margin-bottom: 1rem;
display: block;
}
.article_card .card_excerpt {
color: #212121;
letter-spacing: .29px;
font-size: 1.125rem;
line-height: 1.39;
}
.article_card .card_link_wrap {
margin-top: 1.25rem;
}
.btn.btn--link {
font-family: var(--font-base-font);
letter-spacing: .36px;
color: var(--color-black);
align-items: center;
gap: .25em;
padding: 0;
font-size: 1rem;
font-weight: 500;
line-height: 1.56;
display: inline-flex;
}
.btn.btn--link:after {
content: url("data:image/svg+xml,");
width: 2.125em;
height: 1em;
margin-bottom: .125em;
position: static;
}
.btn.btn--link:before {
display: none;
}
.btn.btn--link:hover {
font-weight: 700;
text-decoration: underline;
}
.related_articles_link_wrap {
justify-content: center;
align-items: center;
gap: 2rem;
margin-top: 5rem;
display: flex;
}
.template-seo-blog main .rte p + ul {
margin-top: -1rem;
}
.template-seo-blog main[role="main"] {
padding-bottom: 2rem;
}
.template-seo-blog main .heading_banner {
text-align: center;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
justify-content: center;
align-items: center;
min-height: 380px;
margin: -50px 0 80px;
padding: 5rem 2rem;
display: flex;
}
.template-seo-blog main .heading_banner .heading_banner_heading {
color: inherit;
margin: 0;
font-weight: 700;
}
.template-seo-blog main .pagination {
margin-top: 3rem;
}
.template-seo-blog main .tag_list {
background: var(--color-white);
margin: -80px 0 2rem;
padding: 1rem;
overflow-x: auto;
box-shadow: 0 2px 2px #0000001a;
}
.template-seo-blog main .tag_list-inner {
align-items: center;
gap: .75rem;
display: flex;
}
.tag_list-tag_wrap {
font-family: var(--font-base-font);
letter-spacing: 1px;
color: var(--color-black);
text-transform: uppercase;
white-space: nowrap;
padding: 2px 0;
font-size: .75rem;
font-weight: 500;
line-height: 1.16667;
}
.tag_list-tag_wrap:first-child {
margin-left: auto;
}
.tag_list-tag_wrap:last-child {
margin-right: auto;
}
.tag_list-tag_wrap:not(:last-child) {
border-right: 1.5px solid var(--color-black);
padding-right: .75rem;
}
.tag_list-tag_wrap.tag_wrap--selected, .tag_list-tag_wrap:hover {
color: var(--color-orange);
}
.card_tag {
color: #212121;
letter-spacing: .36px;
margin-bottom: .5rem;
font-size: .75rem;
font-weight: 500;
line-height: 1.25;
}
.card_tag .card_tag_item:not(:last-child) {
border-right: 1px solid;
padding-right: .25em;
}
.article_share_wrapper {
margin: 1.5rem 0 1rem;
}
.article_share_heading {
margin-bottom: .25rem;
}
.wysiwyg .social-icons li:before {
display: none;
}
.wysiwyg .social-icons li:after {
border: 0;
}
.wysiwyg .social-icons li a:not(.btn) {
color: var(--color-black);
}
.wysiwyg .social-icons li:hover a:not(.btn) {
color: var(--color-orange);
}
ul.social-icons.article_share_list li {
padding: 0;
}
.template-article-ingredients .rte img {
width: 100%;
}
@media (width <= 767px) {
.template-seo-blog main .feature_image img {
margin-bottom: 1.25rem;
}
.post_time_to_read {
height: 1.15em;
margin-bottom: 14px;
font-size: 13px;
line-height: 1.15;
}
.template-seo-blog main h1 {
letter-spacing: .14px;
margin-bottom: .75rem;
font-size: 30px;
line-height: 1;
}
.template-seo-blog [id^="shopify-section-article_"] h2, .template-seo-blog [id^="shopify-section-blog_"] h2, .template-seo-blog [id^="shopify-section-related_"] h2 {
letter-spacing: -.02px;
margin-bottom: .5rem;
}
.template-seo-blog main .rte {
font-size: 1rem;
line-height: 1.56;
}
.template-seo-blog main .rte table {
margin: .5rem 0;
}
.template-seo-blog main .rte tr {
flex-direction: column;
}
.template-seo-blog main .mob-order-2 {
order: 2;
}
.related_articles_wrap, .blog_article_list_wrap {
flex-direction: column;
}
.template-seo-blog [id^="shopify-section-article_"] h3, .template-seo-blog [id^="shopify-section-blog_"] h3, .template-seo-blog [id^="shopify-section-related_"] h3 {
letter-spacing: -.02px;
margin-bottom: .5rem;
font-size: 1.56rem;
line-height: 1.2;
}
.article_card .card_excerpt {
letter-spacing: .25px;
font-size: 1rem;
line-height: 1.25;
}
.article_card .card_link_wrap {
margin-top: 14px;
}
.related_articles_link_wrap {
margin-top: 2.5rem;
}
.desktop_image {
display: none;
}
}
@media (width >= 768px) {
.template-seo-blog main .rte tr td:not(:first-child) {
padding-left: 4rem;
}
.template-seo-blog main .rte tr td:not(:last-child) {
padding-right: 4rem;
}
.template-seo-blog main .rte tr td:not(:first-child) > img:only-child {
max-width: calc(100% + 4rem);
margin-left: -4rem;
}
.template-seo-blog main .rte tr td:not(:last-child) > img:only-child {
max-width: calc(100% + 4rem);
margin-right: -4rem;
}
.related_articles_panel .divider, .template-seo-blog main .related_articles_panel h1 {
margin-bottom: 3rem;
}
.related_articles_wrap, .blog_article_list_wrap {
flex-wrap: wrap;
gap: 4rem 2rem;
}
.related_articles_wrap .article_card, .blog_article_list_wrap .article_card {
flex-basis: calc(33.3333% - 1.33333rem);
}
.mobile_image {
display: none;
}
.template-seo-blog main .pagination {
margin-top: 4rem;
}
}
@media (width >= 1200px) {
.related_articles_wrap, .blog_article_list_wrap {
margin-left: -2rem;
margin-right: -2rem;
}
}
@media (width <= 768px) {
.template-seo-blog main .heading_banner {
min-height: 230px;
margin: -50px 0 30px;
padding: 3rem 1rem;
}
.template-seo-blog main .tag_list {
margin: -30px 0 28px;
}
}
@media (width <= 480px) {
.template-seo-blog main .heading_banner {
margin: -50px 0 1.75rem;
padding: 2rem 1rem;
}
.template-seo-blog main .tag_list {
margin: -20px 0 1.5rem;
}
}
.template-secret-lp .lsg-br-5050-hero video {
aspect-ratio: 414 / 300;
}
.template-secret-lp .lsg-br-5050-hero .lsg-br-5050-copy {
padding-right: 3%;
}
.template-secret-lp .lsg-br-5050-hero .lsg-br-5050-copy p {
margin-bottom: 26px;
font-size: 20px;
line-height: 24px;
}
.template-secret-lp .lsg-br-5050-hero .lsg-br-5050-button-wrap {
margin-top: 32px;
}
.template-secret-lp .lsg-br-5050-hero .lsg-br-5050-button-wrap .btn {
width: 100%;
min-height: 55px;
}
@media (width >= 768px) {
.template-secret-lp .lsg-br-5050-hero .lsg-br-5050-button-wrap .btn {
width: unset;
min-width: 304px;
}
.template-secret-lp .lsg-br-5050-hero .lsg-br-5050-block--image-block {
width: 49.3056%;
min-height: 66.7vh;
margin-left: auto;
}
.template-secret-lp .lsg-br-5050-hero .lsg-br-5050-copy-block-inner {
max-width: 560px;
}
.template-secret-lp .lsg-br-5050-hero .lsg-br-5050-header {
margin-bottom: 32px;
}
}
@media (width >= 769px) {
.template-secret-lp .pdp-top .pdp-top__slider {
width: 50.6944%;
}
.template-secret-lp .pdp-top .pdp-details {
width: 49.3056%;
}
}
.template-secret-lp .pdp-top .sub-atc-nf-link {
padding-left: unset;
}
.template-secret-lp .lsg-br-icon-grid .lsg-br-icon-grid-header {
margin-bottom: 35px;
}
@media (width >= 1200px) {
.template-secret-lp .lsg-br-icon-grid .lsg-br-icon-grid-header {
font-size: 47px;
}
}
.template-secret-lp .lsg-br-icon-grid .br-icon-grid {
margin-top: 0;
}
.template-secret-lp .lsg-br-icon-grid .br-icon-grid-slider {
max-width: 1314px;
}
.template-secret-lp .lsg-br-icon-grid .br-icon-grid-slider:not(.flickity) {
gap: 40px;
padding: 0 20px;
display: grid;
}
@media (width >= 768px) {
.template-secret-lp .lsg-br-icon-grid .br-icon-grid-slider:not(.flickity) {
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
}
.template-secret-lp .lsg-br-icon-grid .br-icon-grid-slider:not(.flickity) .br-icon-grid-item {
width: 100%;
padding: 0;
}
.template-secret-lp .lsg-br-icon-grid .br-icon-grid-slider:not(.flickity) .br-icon-grid-item__image {
margin-bottom: 15px;
}
@media (width >= 1200px) {
.template-secret-lp .lsg-br-icon-grid .br-icon-grid-slider:not(.flickity) .br-icon-grid-item__image {
margin-bottom: 20px;
}
}
.template-secret-lp .lsg-br-icon-grid .br-icon-grid-slider:not(.flickity) .br-icon-grid-item__title {
height: unset;
white-space: unset;
margin-bottom: 16px;
font-size: 18px;
}
@media (width >= 1200px) {
.template-secret-lp .lsg-br-icon-grid .br-icon-grid-slider:not(.flickity) .br-icon-grid-item__title {
font-size: 20px;
}
}
.template-secret-lp .lsg-br-icon-grid .br-icon-grid-slider:not(.flickity) .br-icon-grid-item__text {
min-height: unset;
line-height: 130%;
}
.template-secret-lp .lsg-br-icon-grid .lsg-br-icon-grid-button-wrap {
margin-top: 37px;
}
.template-secret-lp .lsg-br-icon-grid .lsg-br-icon-grid-button-wrap a {
width: calc(100% - 40px);
min-height: 55px;
}
@media (width >= 768px) {
.template-secret-lp .lsg-br-icon-grid .lsg-br-icon-grid-button-wrap a {
width: fit-content;
min-width: 304px;
}
}
.template-secret-lp .section-faq .section-faq-container {
max-width: 1060px;
}
.template-secret-lp .main-footer .main-footer__email-signup {
display: none;
}
.template-rcb.miracle-lp .pdp-details-header {
display: flex;
}
@media (width <= 767px) {
.template-rcb.miracle-lp .pdp-details-header [data-oke-reviews-product-listing-rating] {
margin-left: 0;
}
}
.template-rcb.miracle-lp .pdp-details-header [data-oke-reviews-product-listing-rating] .okeReviews-reviewsSummary-starRating .okeReviews-starRating {
align-items: center;
gap: 8px;
width: auto;
height: auto;
display: flex;
}
.template-rcb.miracle-lp .pdp-details-header [data-oke-reviews-product-listing-rating] .okeReviews-reviewsSummary-starRating .okeReviews-starRating-indicator {
width: 100px;
height: 20px;
position: relative;
}
.template-rcb.miracle-lp .pdp-details-header [data-oke-reviews-product-listing-rating] .okeReviews-reviewsSummary-ratingCount {
margin: auto;
line-height: 1.2;
}
.template-rcb.miracle-lp .flickity-slider-dots.flickity-dot-nav {
display: none;
}
.template-rcb.miracle-lp .pdp-slider__thumbnails.flickity-dot-nav {
flex-wrap: nowrap;
padding: 30px;
display: flex;
}
.template-rcb.miracle-lp .flickity__arrow {
top: calc(50% - 49px);
}
@media (width >= 768px) {
.template-rcb.miracle-lp .flickity__arrow {
top: calc(50% - 70.5px);
}
}
@media (width <= 767px) {
.template-rcb.miracle-lp .pdp-top .pdp-top__slider {
border-bottom: 2px solid #000;
}
}
.template-rcb.miracle-lp .pdp-top .pdp-top__slider .pdp-br-slider-wrap .pdp-slider__container {
flex-direction: column;
display: flex;
}
.template-rcb.miracle-lp .pdp-top .pdp-top__slider .pdp-br-slider-wrap .pdp-slider__container .pdp-slider {
flex-grow: 1;
height: auto;
margin: 0;
position: static;
}
.template-rcb.miracle-lp .pdp-slider__thumbnails .pdp-slider__thumbnail {
aspect-ratio: 100 / 90;
border: 2px solid #0000;
border-radius: 12px;
flex-basis: 100px;
height: auto;
padding: 0;
overflow: hidden;
}
.template-rcb.miracle-lp .pdp-slider__thumbnails .pdp-slider__thumbnail.active {
border: 2px solid #000;
}
.template-rcb.miracle-lp .pdp-slider__thumbnails .pdp-slider__thumbnail img {
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
}
.template-rcb.miracle-lp .pdp-details-header__title {
margin-bottom: .4em;
}
@media (width <= 767px) {
.template-rcb.miracle-lp .pdp-details-header__title {
text-align: left;
}
}
@media (width >= 768px) {
.template-rcb.miracle-lp .pdp-details-header__title {
font-size: 50px;
}
}
@media (width <= 767px) {
.template-rcb.miracle-lp .pdp-details-header__description {
text-align: left;
}
}
@media (width >= 768px) {
.template-rcb.miracle-lp .pdp-details-header__description {
font-size: 20px;
}
}
.template-rcb.miracle-lp .pdp-rcb-top .pdp-details-box, .template-rcb.miracle-lp .pdp-rcb-top .rc-widget-injection-parent, .template-rcb.miracle-lp .pdp-details-atc-wrap {
padding-left: 0;
}
.template-rcb.miracle-lp .pdp-rcb-top .pdp-details-box:before, .template-rcb.miracle-lp .pdp-rcb-top .pdp-details-box:after, .template-rcb.miracle-lp .pdp-rcb-top .rc-widget-injection-parent:before, .template-rcb.miracle-lp .pdp-rcb-top .rc-widget-injection-parent:after, .template-rcb.miracle-lp .pdp-details-atc-wrap:before, .template-rcb.miracle-lp .pdp-details-atc-wrap:after {
display: none;
}
.template-rcb.miracle-lp .pdp-details-box {
margin-bottom: 13px;
}
.template-rcb.miracle-lp .miracle-sub-atc-banner {
background: #e5f5614d;
border-radius: 12px;
justify-content: center;
align-items: center;
gap: 10px;
width: fit-content;
min-width: 270px;
margin: 17px auto 0;
padding: 5px 20px;
font-size: 14px;
display: flex;
}
.template-rcb.miracle-lp .miracle-sub-atc-banner img, .template-rcb.miracle-lp .miracle-sub-atc-banner svg {
width: auto;
height: 20px;
display: block;
}
@media (width >= 768px) {
.template-rcb.miracle-lp .bundle-product-option__title {
font-size: 10px;
}
}
@media (width <= 767px) {
.template-rcb.miracle-lp .bundle-product-option__title {
font-size: 13px;
}
}
@media (width >= 768px) {
.template-rcb.miracle-lp .pdp-rcb-top .bundle-product-option {
flex-basis: calc(16.6667% - 6.66667px);
}
}
@media (width <= 767px) {
.template-rcb.miracle-lp .pdp-rcb-top .bundle-product-option {
flex-basis: calc(33.3333% - 5.33333px);
}
}
@media (width >= 768px) {
.template-rcb.miracle-lp .quantity.quantity-zero .quantity__button--plus {
font-size: 12px;
}
.template-rcb.miracle-lp .quantity__button {
flex-basis: 24px;
font-size: 12px;
}
.template-rcb.miracle-lp .quantity__input {
font-size: 12px;
}
.template-miracle .lsg-product-sticky-cta, .template-product .lsg-product-sticky-cta {
top: var(--header-offset);
display: block;
bottom: auto;
translate: 0;
}
.template-miracle .lsg-product-sticky-cta:not(.is--initialized), .template-product .lsg-product-sticky-cta:not(.is--initialized) {
display: none;
}
.template-miracle .lsg-product-sticky-cta.main--visible, .template-miracle .lsg-product-sticky-cta:not(.is--initialized), .template-product .lsg-product-sticky-cta.main--visible, .template-product .lsg-product-sticky-cta:not(.is--initialized) {
translate: 0 calc(-100% - 0px - var(--header-offset));
}
}
.template-miracle .lsg-product-sticky-cta .lsg-product-sticky-cta-inner, .template-product .lsg-product-sticky-cta .lsg-product-sticky-cta-inner {
color: #fff;
background: #01754f;
align-items: center;
gap: 8px;
padding: 13px 15px;
display: flex;
}
.template-miracle .lsg-product-sticky-cta .lsg-product-sticky-cta-button, .template-product .lsg-product-sticky-cta .lsg-product-sticky-cta-button {
letter-spacing: .6px;
background: #e5f561;
border: 3px solid #e5f561;
max-width: 163px;
margin-right: 0;
padding: 5px 15px;
font-size: 20px;
font-weight: 500;
line-height: 1.5;
transition: all .4s ease-in;
}
.template-miracle .lsg-product-sticky-cta .lsg-product-sticky-cta-button:hover, .template-product .lsg-product-sticky-cta .lsg-product-sticky-cta-button:hover {
color: #000;
background-color: #fff;
border-color: #000;
}
@media (width >= 768px) {
.template-miracle .lsg-product-sticky-cta .lsg-product-sticky-cta-button, .template-product .lsg-product-sticky-cta .lsg-product-sticky-cta-button {
max-width: 215px;
}
}
.template-miracle .lsg-product-sticky-cta .lsg-product-sticky-cta-button-caret, .template-product .lsg-product-sticky-cta .lsg-product-sticky-cta-button-caret {
display: none;
}
.template-miracle .okeReviews .okeReviews-reviewsWidget, .template-product .okeReviews .okeReviews-reviewsWidget {
padding-bottom: 2em;
}
.template-miracle .template-miracle .lsg-br-pdp-slider-nav-block .flickity__arrows, .template-product .template-miracle .lsg-br-pdp-slider-nav-block .flickity__arrows {
translate: 0 -39vw;
}
@media (width >= 768px) {
.template-miracle .template-miracle .lsg-br-pdp-slider-nav-block .flickity__arrows, .template-product .template-miracle .lsg-br-pdp-slider-nav-block .flickity__arrows {
translate: 0 calc((-100vh + var(--header-offset) + 141px) / 2);
}
}
body.abt-hero1-v1 .ab-hero1-control, body.abt-hero1-v2 .ab-hero1-control, body.abt-hero1-v3 .ab-hero1-control, body:not(.abt-hero1-v1) .ab-hero1-v1, body:not(.abt-hero1-v2) .ab-hero1-v2, body:not(.abt-hero1-v3) .ab-hero1-v3 {
display: none !important;
}
body.abt-hero1-v1.template-index:not(.scrolled) .main-header {
color: #fff;
box-shadow: none;
background-color: #0000;
}
body.abt-hero1-v1.template-index:not(.scrolled) .main-header .main-header__logo img {
filter: invert();
}
@property --tw-translate-x {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-translate-y {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-translate-z {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-rotate-x {
syntax: "*";
inherits: false
}
@property --tw-rotate-y {
syntax: "*";
inherits: false
}
@property --tw-rotate-z {
syntax: "*";
inherits: false
}
@property --tw-skew-x {
syntax: "*";
inherits: false
}
@property --tw-skew-y {
syntax: "*";
inherits: false
}
@property --tw-border-style {
syntax: "*";
inherits: false;
initial-value: solid;
}
@property --tw-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
syntax: "*";
inherits: false
}
@property --tw-shadow-alpha {
syntax: "";
inherits: false;
initial-value: 100%;
}
@property --tw-inset-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
syntax: "*";
inherits: false
}
@property --tw-inset-shadow-alpha {
syntax: "";
inherits: false;
initial-value: 100%;
}
@property --tw-ring-color {
syntax: "*";
inherits: false
}
@property --tw-ring-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
syntax: "*";
inherits: false
}
@property --tw-inset-ring-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
syntax: "*";
inherits: false
}
@property --tw-ring-offset-width {
syntax: "";
inherits: false;
initial-value: 0;
}
@property --tw-ring-offset-color {
syntax: "*";
inherits: false;
initial-value: #fff;
}
@property --tw-ring-offset-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-outline-style {
syntax: "*";
inherits: false;
initial-value: solid;
}
@property --tw-blur {
syntax: "*";
inherits: false
}
@property --tw-brightness {
syntax: "*";
inherits: false
}
@property --tw-contrast {
syntax: "*";
inherits: false
}
@property --tw-grayscale {
syntax: "*";
inherits: false
}
@property --tw-hue-rotate {
syntax: "*";
inherits: false
}
@property --tw-invert {
syntax: "*";
inherits: false
}
@property --tw-opacity {
syntax: "*";
inherits: false
}
@property --tw-saturate {
syntax: "*";
inherits: false
}
@property --tw-sepia {
syntax: "*";
inherits: false
}
@property --tw-drop-shadow {
syntax: "*";
inherits: false
}
@property --tw-drop-shadow-color {
syntax: "*";
inherits: false
}
@property --tw-drop-shadow-alpha {
syntax: "";
inherits: false;
initial-value: 100%;
}
@property --tw-drop-shadow-size {
syntax: "*";
inherits: false
}
/*# sourceMappingURL=layout.theme.css.map */