html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif;
}
body {
margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
vertical-align: baseline;
display: inline-block;
}
audio:not([controls]) {
height: 0;
display: none;
}
[hidden], template {
display: none;
}
a {
background-color: #0000;
}
a:active, a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
mark {
color: #000;
background: #ff0;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code, kbd, pre, samp {
font-family: monospace;
font-size: 1em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button, select {
text-transform: none;
}
button, html input[type="button"], input[type="reset"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
padding: 0;
}
@font-face {
font-family: webflow-icons;
src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
font-weight: normal;
font-style: normal;
}
[class^="w-icon-"], [class*=" w-icon-"] {
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
line-height: 1;
font-family: webflow-icons !important;
}
.w-icon-slider-right:before {
content: "";
}
.w-icon-slider-left:before {
content: "";
}
.w-icon-nav-menu:before {
content: "";
}
.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
content: "";
}
.w-icon-file-upload-remove:before {
content: "";
}
.w-icon-file-upload-icon:before {
content: "";
}
* {
box-sizing: border-box;
}
html {
height: 100%;
}
body {
color: #333;
background-color: #fff;
min-height: 100%;
margin: 0;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 20px;
}
img {
vertical-align: middle;
max-width: 100%;
display: inline-block;
}
html.w-mod-touch * {
background-attachment: scroll !important;
}
.w-block {
display: block;
}
.w-inline-block {
max-width: 100%;
display: inline-block;
}
.w-clearfix:before, .w-clearfix:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-clearfix:after {
clear: both;
}
.w-hidden {
display: none;
}
.w-button {
color: #fff;
line-height: inherit;
cursor: pointer;
background-color: #3898ec;
border: 0;
border-radius: 0;
padding: 9px 15px;
text-decoration: none;
display: inline-block;
}
input.w-button {
-webkit-appearance: button;
}
html[data-w-dynpage] [data-w-cloak] {
color: #0000 !important;
}
.w-code-block {
margin: unset;
}
pre.w-code-block code {
all: inherit;
}
.w-optimization {
display: contents;
}
.w-webflow-badge, .w-webflow-badge > img {
box-sizing: unset;
width: unset;
height: unset;
max-height: unset;
max-width: unset;
min-height: unset;
min-width: unset;
margin: unset;
padding: unset;
float: unset;
clear: unset;
border: unset;
border-radius: unset;
background: unset;
background-image: unset;
background-position: unset;
background-size: unset;
background-repeat: unset;
background-origin: unset;
background-clip: unset;
background-attachment: unset;
background-color: unset;
box-shadow: unset;
transform: unset;
direction: unset;
font-family: unset;
font-weight: unset;
color: unset;
font-size: unset;
line-height: unset;
font-style: unset;
font-variant: unset;
text-align: unset;
letter-spacing: unset;
-webkit-text-decoration: unset;
text-decoration: unset;
text-indent: unset;
text-transform: unset;
list-style-type: unset;
text-shadow: unset;
vertical-align: unset;
cursor: unset;
white-space: unset;
word-break: unset;
word-spacing: unset;
word-wrap: unset;
transition: unset;
}
.w-webflow-badge {
white-space: nowrap;
cursor: pointer;
box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
visibility: visible !important;
opacity: 1 !important;
z-index: 2147483647 !important;
color: #aaadb0 !important;
overflow: unset !important;
background-color: #fff !important;
border-radius: 3px !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 6px !important;
font-size: 12px !important;
line-height: 14px !important;
text-decoration: none !important;
display: inline-block !important;
position: fixed !important;
inset: auto 12px 12px auto !important;
transform: none !important;
}
.w-webflow-badge > img {
position: unset;
visibility: unset !important;
opacity: 1 !important;
vertical-align: middle !important;
display: inline-block !important;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 10px;
font-weight: bold;
}
h1 {
margin-top: 20px;
font-size: 38px;
line-height: 44px;
}
h2 {
margin-top: 20px;
font-size: 32px;
line-height: 36px;
}
h3 {
margin-top: 20px;
font-size: 24px;
line-height: 30px;
}
h4 {
margin-top: 10px;
font-size: 18px;
line-height: 24px;
}
h5 {
margin-top: 10px;
font-size: 14px;
line-height: 20px;
}
h6 {
margin-top: 10px;
font-size: 12px;
line-height: 18px;
}
p {
margin-top: 0;
margin-bottom: 10px;
}
blockquote {
border-left: 5px solid #e2e2e2;
margin: 0 0 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px;
}
figure {
margin: 0 0 10px;
}
ul, ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
.w-list-unstyled {
padding-left: 0;
list-style: none;
}
.w-embed:before, .w-embed:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-embed:after {
clear: both;
}
.w-video {
width: 100%;
padding: 0;
position: relative;
}
.w-video iframe, .w-video object, .w-video embed {
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
button, [type="button"], [type="reset"] {
cursor: pointer;
-webkit-appearance: button;
border: 0;
}
.w-form {
margin: 0 0 15px;
}
.w-form-done {
text-align: center;
background-color: #ddd;
padding: 20px;
display: none;
}
.w-form-fail {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
display: none;
}
label {
margin-bottom: 5px;
font-weight: bold;
display: block;
}
.w-input, .w-select {
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
width: 100%;
height: 38px;
margin-bottom: 10px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857;
display: block;
}
.w-input::placeholder, .w-select::placeholder {
color: #999;
}
.w-input:focus, .w-select:focus {
border-color: #3898ec;
outline: 0;
}
.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
cursor: not-allowed;
}
.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
background-color: #eee;
}
textarea.w-input, textarea.w-select {
height: auto;
}
.w-select {
background-color: #f3f3f3;
}
.w-select[multiple] {
height: auto;
}
.w-form-label {
cursor: pointer;
margin-bottom: 0;
font-weight: normal;
display: inline-block;
}
.w-radio {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-radio:before, .w-radio:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-radio:after {
clear: both;
}
.w-radio-input {
float: left;
margin: 3px 0 0 -20px;
line-height: normal;
}
.w-file-upload {
margin-bottom: 10px;
display: block;
}
.w-file-upload-input {
opacity: 0;
z-index: -100;
width: .1px;
height: .1px;
position: absolute;
overflow: hidden;
}
.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
color: #333;
display: inline-block;
}
.w-file-upload-error {
margin-top: 10px;
display: block;
}
.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
display: none;
}
.w-file-upload-uploading-btn {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: flex;
}
.w-file-upload-file {
background-color: #fafafa;
border: 1px solid #ccc;
flex-grow: 1;
justify-content: space-between;
margin: 0;
padding: 8px 9px 8px 11px;
display: flex;
}
.w-file-upload-file-name {
font-size: 14px;
font-weight: normal;
display: block;
}
.w-file-remove-link {
cursor: pointer;
width: auto;
height: auto;
margin-top: 3px;
margin-left: 10px;
padding: 3px;
display: block;
}
.w-icon-file-upload-remove {
margin: auto;
font-size: 10px;
}
.w-file-upload-error-msg {
color: #ea384c;
padding: 2px 0;
display: inline-block;
}
.w-file-upload-info {
padding: 0 12px;
line-height: 38px;
display: inline-block;
}
.w-file-upload-label {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: inline-block;
}
.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
width: 20px;
margin-right: 8px;
display: inline-block;
}
.w-icon-file-upload-uploading {
height: 20px;
}
.w-container {
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.w-container:before, .w-container:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-container:after {
clear: both;
}
.w-container .w-row {
margin-left: -10px;
margin-right: -10px;
}
.w-row:before, .w-row:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-row:after {
clear: both;
}
.w-row .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
.w-col .w-col {
padding-left: 0;
padding-right: 0;
}
.w-col-1 {
width: 8.33333%;
}
.w-col-2 {
width: 16.6667%;
}
.w-col-3 {
width: 25%;
}
.w-col-4 {
width: 33.3333%;
}
.w-col-5 {
width: 41.6667%;
}
.w-col-6 {
width: 50%;
}
.w-col-7 {
width: 58.3333%;
}
.w-col-8 {
width: 66.6667%;
}
.w-col-9 {
width: 75%;
}
.w-col-10 {
width: 83.3333%;
}
.w-col-11 {
width: 91.6667%;
}
.w-col-12 {
width: 100%;
}
.w-hidden-main {
display: none !important;
}
@media screen and (max-width: 991px) {
.w-container {
max-width: 728px;
}
.w-hidden-main {
display: inherit !important;
}
.w-hidden-medium {
display: none !important;
}
.w-col-medium-1 {
width: 8.33333%;
}
.w-col-medium-2 {
width: 16.6667%;
}
.w-col-medium-3 {
width: 25%;
}
.w-col-medium-4 {
width: 33.3333%;
}
.w-col-medium-5 {
width: 41.6667%;
}
.w-col-medium-6 {
width: 50%;
}
.w-col-medium-7 {
width: 58.3333%;
}
.w-col-medium-8 {
width: 66.6667%;
}
.w-col-medium-9 {
width: 75%;
}
.w-col-medium-10 {
width: 83.3333%;
}
.w-col-medium-11 {
width: 91.6667%;
}
.w-col-medium-12 {
width: 100%;
}
.w-col-stack {
width: 100%;
left: auto;
right: auto;
}
}
@media screen and (max-width: 767px) {
.w-hidden-main, .w-hidden-medium {
display: inherit !important;
}
.w-hidden-small {
display: none !important;
}
.w-row, .w-container .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
width: 100%;
left: auto;
right: auto;
}
.w-col-small-1 {
width: 8.33333%;
}
.w-col-small-2 {
width: 16.6667%;
}
.w-col-small-3 {
width: 25%;
}
.w-col-small-4 {
width: 33.3333%;
}
.w-col-small-5 {
width: 41.6667%;
}
.w-col-small-6 {
width: 50%;
}
.w-col-small-7 {
width: 58.3333%;
}
.w-col-small-8 {
width: 66.6667%;
}
.w-col-small-9 {
width: 75%;
}
.w-col-small-10 {
width: 83.3333%;
}
.w-col-small-11 {
width: 91.6667%;
}
.w-col-small-12 {
width: 100%;
}
}
@media screen and (max-width: 479px) {
.w-container {
max-width: none;
}
.w-hidden-main, .w-hidden-medium, .w-hidden-small {
display: inherit !important;
}
.w-hidden-tiny {
display: none !important;
}
.w-col {
width: 100%;
}
.w-col-tiny-1 {
width: 8.33333%;
}
.w-col-tiny-2 {
width: 16.6667%;
}
.w-col-tiny-3 {
width: 25%;
}
.w-col-tiny-4 {
width: 33.3333%;
}
.w-col-tiny-5 {
width: 41.6667%;
}
.w-col-tiny-6 {
width: 50%;
}
.w-col-tiny-7 {
width: 58.3333%;
}
.w-col-tiny-8 {
width: 66.6667%;
}
.w-col-tiny-9 {
width: 75%;
}
.w-col-tiny-10 {
width: 83.3333%;
}
.w-col-tiny-11 {
width: 91.6667%;
}
.w-col-tiny-12 {
width: 100%;
}
}
.w-widget {
position: relative;
}
.w-widget-map {
width: 100%;
height: 400px;
}
.w-widget-map label {
width: auto;
display: inline;
}
.w-widget-map img {
max-width: inherit;
}
.w-widget-map .gm-style-iw {
text-align: center;
}
.w-widget-map .gm-style-iw > button {
display: none !important;
}
.w-widget-twitter {
overflow: hidden;
}
.w-widget-twitter-count-shim {
vertical-align: top;
text-align: center;
background: #fff;
border: 1px solid #758696;
border-radius: 3px;
width: 28px;
height: 20px;
display: inline-block;
position: relative;
}
.w-widget-twitter-count-shim * {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
text-align: center;
color: #999;
font-family: serif;
font-size: 15px;
line-height: 12px;
position: relative;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
display: block;
position: relative;
}
.w-widget-twitter-count-shim.w--large {
width: 36px;
height: 28px;
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 18px;
}
.w-widget-twitter-count-shim:not(.w--vertical) {
margin-left: 5px;
margin-right: 8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
margin-left: 6px;
}
.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 0;
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width: 4px;
border-color: #75869600 #5d6c7b #75869600 #75869600;
margin-top: -4px;
margin-left: -9px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
border-width: 5px;
margin-top: -5px;
margin-left: -10px;
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
border-width: 4px;
border-color: #fff0 #fff #fff0 #fff0;
margin-top: -4px;
margin-left: -8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
border-width: 5px;
margin-top: -5px;
margin-left: -9px;
}
.w-widget-twitter-count-shim.w--vertical {
width: 61px;
height: 33px;
margin-bottom: 8px;
}
.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%;
}
.w-widget-twitter-count-shim.w--vertical:before {
border-width: 5px;
border-color: #5d6c7b #75869600 #75869600;
margin-left: -5px;
}
.w-widget-twitter-count-shim.w--vertical:after {
border-width: 4px;
border-color: #fff #fff0 #fff0;
margin-left: -4px;
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 22px;
}
.w-widget-twitter-count-shim.w--vertical.w--large {
width: 76px;
}
.w-background-video {
color: #fff;
height: 500px;
position: relative;
overflow: hidden;
}
.w-background-video > video {
object-fit: cover;
z-index: -100;
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
margin: auto;
position: absolute;
inset: -100%;
}
.w-background-video > video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important;
}
.w-background-video--control {
background-color: #0000;
padding: 0;
position: absolute;
bottom: 1em;
right: 1em;
}
.w-background-video--control > [hidden] {
display: none !important;
}
.w-slider {
text-align: center;
clear: both;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
background: #ddd;
height: 300px;
position: relative;
}
.w-slider-mask {
z-index: 1;
white-space: nowrap;
height: 100%;
display: block;
position: relative;
left: 0;
right: 0;
overflow: hidden;
}
.w-slide {
vertical-align: top;
white-space: normal;
text-align: left;
width: 100%;
height: 100%;
display: inline-block;
position: relative;
}
.w-slider-nav {
z-index: 2;
text-align: center;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
height: 40px;
margin: auto;
padding-top: 10px;
position: absolute;
inset: auto 0 0;
}
.w-slider-nav.w-round > div {
border-radius: 100%;
}
.w-slider-nav.w-num > div {
font-size: inherit;
line-height: inherit;
width: auto;
height: auto;
padding: .2em .5em;
}
.w-slider-nav.w-shadow > div {
box-shadow: 0 0 3px #3336;
}
.w-slider-nav-invert {
color: #fff;
}
.w-slider-nav-invert > div {
background-color: #2226;
}
.w-slider-nav-invert > div.w-active {
background-color: #222;
}
.w-slider-dot {
cursor: pointer;
background-color: #fff6;
width: 1em;
height: 1em;
margin: 0 3px .5em;
transition: background-color .1s, color .1s;
display: inline-block;
position: relative;
}
.w-slider-dot.w-active {
background-color: #fff;
}
.w-slider-dot:focus {
outline: none;
box-shadow: 0 0 0 2px #fff;
}
.w-slider-dot:focus.w-active {
box-shadow: none;
}
.w-slider-arrow-left, .w-slider-arrow-right {
cursor: pointer;
color: #fff;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
width: 80px;
margin: auto;
font-size: 40px;
position: absolute;
inset: 0;
overflow: hidden;
}
.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
position: absolute;
}
.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
outline: 0;
}
.w-slider-arrow-left {
z-index: 3;
right: auto;
}
.w-slider-arrow-right {
z-index: 4;
left: auto;
}
.w-icon-slider-left, .w-icon-slider-right {
width: 1em;
height: 1em;
margin: auto;
inset: 0;
}
.w-slider-aria-label {
clip: rect(0 0 0 0);
border: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.w-slider-force-show {
display: block !important;
}
.w-dropdown {
text-align: left;
z-index: 900;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: relative;
}
.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
vertical-align: top;
color: #222;
text-align: left;
white-space: nowrap;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
position: relative;
}
.w-dropdown-toggle {
-webkit-user-select: none;
user-select: none;
cursor: pointer;
padding-right: 40px;
display: inline-block;
}
.w-dropdown-toggle:focus {
outline: 0;
}
.w-icon-dropdown-toggle {
width: 1em;
height: 1em;
margin: auto 20px auto auto;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.w-dropdown-list {
background: #ddd;
min-width: 100%;
display: none;
position: absolute;
}
.w-dropdown-list.w--open {
display: block;
}
.w-dropdown-link {
color: #222;
padding: 10px 20px;
display: block;
}
.w-dropdown-link.w--current {
color: #0082f3;
}
.w-dropdown-link:focus {
outline: 0;
}
@media screen and (max-width: 767px) {
.w-nav-brand {
padding-left: 10px;
}
}
.w-lightbox-backdrop {
cursor: auto;
letter-spacing: normal;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
color: #fff;
text-align: center;
z-index: 2000;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-tap-highlight-color: transparent;
background: #000000e6;
outline: 0;
font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 300;
line-height: 1.2;
list-style: disc;
position: fixed;
inset: 0;
-webkit-transform: translate(0);
}
.w-lightbox-backdrop, .w-lightbox-container {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow: auto;
}
.w-lightbox-content {
height: 100vh;
position: relative;
overflow: hidden;
}
.w-lightbox-view {
opacity: 0;
width: 100vw;
height: 100vh;
position: absolute;
}
.w-lightbox-view:before {
content: "";
height: 100vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 86vh;
}
.w-lightbox-frame, .w-lightbox-view:before {
vertical-align: middle;
display: inline-block;
}
.w-lightbox-figure {
margin: 0;
position: relative;
}
.w-lightbox-group .w-lightbox-figure {
cursor: pointer;
}
.w-lightbox-img {
width: auto;
max-width: none;
height: auto;
}
.w-lightbox-image {
float: none;
max-width: 100vw;
max-height: 100vh;
display: block;
}
.w-lightbox-group .w-lightbox-image {
max-height: 86vh;
}
.w-lightbox-caption {
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
background: #0006;
padding: .5em 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.w-lightbox-embed {
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.w-lightbox-control {
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
width: 4em;
transition: all .3s;
position: absolute;
top: 0;
}
.w-lightbox-left {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
display: none;
bottom: 0;
left: 0;
}
.w-lightbox-right {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
display: none;
bottom: 0;
right: 0;
}
.w-lightbox-close {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
background-size: 18px;
height: 2.6em;
right: 0;
}
.w-lightbox-strip {
white-space: nowrap;
padding: 0 1vh;
line-height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: auto hidden;
}
.w-lightbox-item {
box-sizing: content-box;
cursor: pointer;
width: 10vh;
padding: 2vh 1vh;
display: inline-block;
-webkit-transform: translate3d(0, 0, 0);
}
.w-lightbox-active {
opacity: .3;
}
.w-lightbox-thumbnail {
background: #222;
height: 10vh;
position: relative;
overflow: hidden;
}
.w-lightbox-thumbnail-image {
position: absolute;
top: 0;
left: 0;
}
.w-lightbox-thumbnail .w-lightbox-tall {
width: 100%;
top: 50%;
transform: translate(0, -50%);
}
.w-lightbox-thumbnail .w-lightbox-wide {
height: 100%;
left: 50%;
transform: translate(-50%);
}
.w-lightbox-spinner {
box-sizing: border-box;
border: 5px solid #0006;
border-radius: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
animation: .8s linear infinite spin;
position: absolute;
top: 50%;
left: 50%;
}
.w-lightbox-spinner:after {
content: "";
border: 3px solid #0000;
border-bottom-color: #fff;
border-radius: 50%;
position: absolute;
inset: -4px;
}
.w-lightbox-hide {
display: none;
}
.w-lightbox-noscroll {
overflow: hidden;
}
@media (min-width: 768px) {
.w-lightbox-content {
height: 96vh;
margin-top: 2vh;
}
.w-lightbox-view, .w-lightbox-view:before {
height: 96vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 84vh;
}
.w-lightbox-image {
max-width: 96vw;
max-height: 96vh;
}
.w-lightbox-group .w-lightbox-image {
max-width: 82.3vw;
max-height: 84vh;
}
.w-lightbox-left, .w-lightbox-right {
opacity: .5;
display: block;
}
.w-lightbox-close {
opacity: .8;
}
.w-lightbox-control:hover {
opacity: 1;
}
}
.w-lightbox-inactive, .w-lightbox-inactive:hover {
opacity: 0;
}
.w-richtext:before, .w-richtext:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-richtext:after {
clear: both;
}
.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
white-space: initial;
}
.w-richtext ol, .w-richtext ul {
overflow: hidden;
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
outline: 2px solid #2895f7;
}
.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
content: "";
display: none;
position: absolute;
inset: 0;
}
.w-richtext figure {
max-width: 60%;
position: relative;
}
.w-richtext figure > div:before {
cursor: default !important;
}
.w-richtext figure img {
width: 100%;
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
opacity: .6;
}
.w-richtext figure div {
color: #0000;
font-size: 0;
}
.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
display: table;
}
.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
display: inline-block;
}
.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
caption-side: bottom;
display: table-caption;
}
.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
width: 60%;
height: 0;
}
.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
width: 100%;
}
.w-richtext figure.w-richtext-align-center {
clear: both;
margin-left: auto;
margin-right: auto;
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
max-width: 100%;
}
.w-richtext figure.w-richtext-align-normal {
clear: both;
}
.w-richtext figure.w-richtext-align-fullwidth {
text-align: center;
clear: both;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-richtext figure.w-richtext-align-fullwidth > div {
padding-bottom: inherit;
display: inline-block;
}
.w-richtext figure.w-richtext-align-fullwidth > figcaption {
display: block;
}
.w-richtext figure.w-richtext-align-floatleft {
float: left;
clear: none;
margin-right: 15px;
}
.w-richtext figure.w-richtext-align-floatright {
float: right;
clear: none;
margin-left: 15px;
}
.w-nav {
z-index: 1000;
background: #ddd;
position: relative;
}
.w-nav:before, .w-nav:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-nav:after {
clear: both;
}
.w-nav-brand {
float: left;
color: #333;
text-decoration: none;
position: relative;
}
.w-nav-link {
vertical-align: top;
color: #222;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-nav-link.w--current {
color: #0082f3;
}
.w-nav-menu {
float: right;
position: relative;
}
[data-nav-menu-open] {
text-align: center;
background: #c8c8c8;
min-width: 200px;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: visible;
display: block !important;
}
.w--nav-link-open {
display: block;
position: relative;
}
.w-nav-overlay {
width: 100%;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden;
}
.w-nav-overlay [data-nav-menu-open] {
top: 0;
}
.w-nav[data-animation="over-left"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
z-index: 1;
top: 0;
right: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
z-index: 1;
top: 0;
left: auto;
}
.w-nav-button {
float: right;
cursor: pointer;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
padding: 18px;
font-size: 24px;
display: none;
position: relative;
}
.w-nav-button:focus {
outline: 0;
}
.w-nav-button.w--open {
color: #fff;
background-color: #c8c8c8;
}
.w-nav[data-collapse="all"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
display: block;
}
.w--nav-dropdown-list-open {
position: static;
}
@media screen and (max-width: 991px) {
.w-nav[data-collapse="medium"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="medium"] .w-nav-button {
display: block;
}
}
@media screen and (max-width: 767px) {
.w-nav[data-collapse="small"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="small"] .w-nav-button {
display: block;
}
.w-nav-brand {
padding-left: 10px;
}
}
@media screen and (max-width: 479px) {
.w-nav[data-collapse="tiny"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="tiny"] .w-nav-button {
display: block;
}
}
.w-tabs {
position: relative;
}
.w-tabs:before, .w-tabs:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-tabs:after {
clear: both;
}
.w-tab-menu {
position: relative;
}
.w-tab-link {
vertical-align: top;
text-align: left;
cursor: pointer;
color: #222;
background-color: #ddd;
padding: 9px 30px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-tab-link.w--current {
background-color: #c8c8c8;
}
.w-tab-link:focus {
outline: 0;
}
.w-tab-content {
display: block;
position: relative;
overflow: hidden;
}
.w-tab-pane {
display: none;
position: relative;
}
.w--tab-active {
display: block;
}
@media screen and (max-width: 479px) {
.w-tab-link {
display: block;
}
}
.w-ix-emptyfix:after {
content: "";
}
@keyframes spin {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.w-dyn-empty {
background-color: #ddd;
padding: 10px;
}
.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
display: none !important;
}
.wf-layout-layout {
display: grid;
}
@font-face {
font-family: Interdisplay;
src: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/68593534589350cb9cbd81b1_InterDisplay-Bold.woff2") format("woff2"), url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/68593534589350cb9cbd81b7_InterDisplay-ExtraBold.woff2") format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Inter;
src: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/68593534589350cb9cbd81b4_Inter-Bold.woff2") format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Interdisplay;
src: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/68593534589350cb9cbd819c_InterDisplay-Light.woff2") format("woff2");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Interdisplay;
src: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/68593534589350cb9cbd81b3_InterDisplay-SemiBold.woff2") format("woff2");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Inter;
src: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/68593534589350cb9cbd81b5_Inter-Medium.woff2") format("woff2");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Interdisplay;
src: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/68593534589350cb9cbd81ba_InterDisplay-Medium.woff2") format("woff2");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Inter;
src: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/68593534589350cb9cbd81bd_Inter-SemiBold.woff2") format("woff2");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Inter;
src: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/68593534589350cb9cbd81bb_Inter-Light.woff2") format("woff2");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Interdisplay;
src: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/68593534589350cb9cbd81b2_InterDisplay-Regular.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Inter;
src: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/68593534589350cb9cbd81be_Inter-Regular.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Inter;
src: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/68593534589350cb9cbd81b6_Inter-Thin.woff2") format("woff2");
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Intervariable;
src: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/68593534589350cb9cbd81c1_InterVariable.woff2") format("woff2");
font-weight: 100 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Circular Std;
src: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/6859ad06ecbdced0c656885f_Circular%20Std%20Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Circular Std;
src: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/6859ad06ecbdced0c656885a_Circular%20Std%20Bold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Gt Walsheim Trial Bf 651 B 7 Fc 736 A 5 B";
src: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/688c997c396febbd17a99d9b_GT-Walsheim-Black-Trial-BF651b7fc736a5b.otf") format("opentype");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Gt Walsheim Condensed Trial Bf 651 B 7 Fc 6 E 312 D";
src: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/688c997c482d26fd016e236c_GT-Walsheim-Condensed-Black-Oblique-Trial-BF651b7fc6e312d.otf") format("opentype");
font-weight: 900;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Gt Walsheim Condensed Trial Bf 651 B 7 Fc 70 De 01";
src: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/688c997c19292502275427ca_GT-Walsheim-Condensed-Medium-Trial-BF651b7fc70de01.otf") format("opentype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Gt Walsheim Condensed Trial Bf 651 B 7 Fc 72774 F";
src: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/688c997c05b526050aa7ca81_GT-Walsheim-Condensed-Light-Oblique-Trial-BF651b7fc72774f.otf") format("opentype");
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Gt Walsheim Condensed Trial Bf 651 B 7 Fc 702 D 7 B";
src: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/688c997c564f7d7a6b9ef4da_GT-Walsheim-Condensed-Bold-Oblique-Trial-BF651b7fc702d7b.otf") format("opentype");
font-weight: 700;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Gt Walsheim Trial Bf 651 B 7 Fc 737 C 57";
src: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/688c997c87194199f31db529_GT-Walsheim-Bold-Trial-BF651b7fc737c57.otf") format("opentype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Gt Walsheim Trial Bf 651 B 7 Fc 69 Eff 5";
src: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/688c997c986ee1b612549c15_GT-Walsheim-Medium-Oblique-Trial-BF651b7fc69eff5.otf") format("opentype");
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Gt Walsheim Condensed Trial Bf 651 B 7 Fc 6 F 3 F 05";
src: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/688c997c99c42936f679fe9a_GT-Walsheim-Condensed-Thin-Oblique-Trial-BF651b7fc6f3f05.otf") format("opentype");
font-weight: 100;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Gt Walsheim Condensed Trial Bf 651 B 7 Fc 72 Dc 1 C";
src: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/688c997ceadd197209dd9e71_GT-Walsheim-Condensed-Thin-Trial-BF651b7fc72dc1c.otf") format("opentype");
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Gt Walsheim Condensed Trial Bf 651 B 7 Fc 73810 C";
src: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/688c997c7924366ee5a59574_GT-Walsheim-Condensed-Light-Trial-BF651b7fc73810c.otf") format("opentype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Gt Walsheim Condensed Trial Bf 651 B 7 Fc 6 A 5 Bf 5";
src: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/688c997c6e94156bbfd51497_GT-Walsheim-Condensed-Black-Trial-BF651b7fc6a5bf5.otf") format("opentype");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Gt Walsheim Condensed Ultra Trial Bf 651 B 7 Fc 70 E 3 D 4";
src: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/688c997c2150bc1ad7dbbd10_GT-Walsheim-Condensed-Ultra-Bold-Trial-BF651b7fc70e3d4.otf") format("opentype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Gt Walsheim Condensed Trial Bf 651 B 7 Fc 67 F 44 B";
src: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/688c997c5e8f15eac92c44a1_GT-Walsheim-Condensed-Medium-Oblique-Trial-BF651b7fc67f44b.otf") format("opentype");
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Gt Walsheim Trial Bf 651 B 7 Fc 728 Fb 3";
src: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/688c997c43ad34203f01196b_GT-Walsheim-Medium-Trial-BF651b7fc728fb3.otf") format("opentype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Gt Walsheim Condensed Trial Bf 651 B 7 Fc 71 Cf 17";
src: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/688c997cbd903e2f91f3fb5a_GT-Walsheim-Condensed-Regular-Oblique-Trial-BF651b7fc71cf17.otf") format("opentype");
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Gt Walsheim Condensed Trial Bf 651 B 7 Fc 730 Eb 2";
src: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/688c997cc6f41e96093abed0_GT-Walsheim-Condensed-Regular-Trial-BF651b7fc730eb2.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Gt Walsheim Condensed Trial Bf 651 B 7 Fc 7358 E 0";
src: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/688c997cbe982b0776868d92_GT-Walsheim-Condensed-Bold-Trial-BF651b7fc7358e0.otf") format("opentype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Gt Walsheim Trial Bf 651 B 7 Fc 5608 E 6";
src: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/688c997d9f137270dbe5d58a_GT-Walsheim-Black-Oblique-Trial-BF651b7fc5608e6.otf") format("opentype");
font-weight: 900;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Gt Walsheim Condensed Ultra Trial Bf 651 B 7 Fc 70416 E";
src: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/688c997c68f529584d4ab0d0_GT-Walsheim-Condensed-Ultra-Bold-Oblique-Trial-BF651b7fc70416e.otf") format("opentype");
font-weight: 700;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Gt Walsheim Ultra Trial Bf 651 B 7 Fc 60 Ad 12";
src: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/688c997d1f012730ee345918_GT-Walsheim-Ultra-Bold-Oblique-Trial-BF651b7fc60ad12.otf") format("opentype");
font-weight: 700;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Gt Walsheim Trial Bf 651 B 7 Fc 71 A 47 D";
src: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/688c997d4c18f5ee54e6f8ff_GT-Walsheim-Regular-Trial-BF651b7fc71a47d.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Gt Walsheim Condensed Ultra Trial Bf 651 B 7 Fc 73 B 30 E";
src: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/688c997d34e40a4b02d1b00b_GT-Walsheim-Condensed-Ultra-Light-Trial-BF651b7fc73b30e.otf") format("opentype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Gt Walsheim Ultra Trial Bf 651 B 7 Fc 72 B 236";
src: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/688c997de7f8b016b1e9dbf0_GT-Walsheim-Ultra-Light-Trial-BF651b7fc72b236.otf") format("opentype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Gt Walsheim Condensed Ultra Trial Bf 651 B 7 Fc 714 A 97";
src: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/688c997db1b1f69db167b02a_GT-Walsheim-Condensed-Ultra-Light-Oblique-Trial-BF651b7fc714a97.otf") format("opentype");
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Gt Walsheim Trial Bf 651 B 7 Fc 5 F 06 A 0";
src: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/688c997d7808c3cea49e3b78_GT-Walsheim-Bold-Oblique-Trial-BF651b7fc5f06a0.otf") format("opentype");
font-weight: 700;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Gt Walsheim Trial Bf 651 B 7 Fc 67342 F";
src: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/688c997d5f3c8886f47468ac_GT-Walsheim-Regular-Oblique-Trial-BF651b7fc67342f.otf") format("opentype");
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Gt Walsheim Ultra Trial Bf 651 B 7 Fc 6 C 21 E 5";
src: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/688c997db346d305f6460665_GT-Walsheim-Ultra-Bold-Trial-BF651b7fc6c21e5.otf") format("opentype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Gt Walsheim Trial Bf 651 B 7 Fc 66311 A";
src: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/688c997db1436e7a3dbc3ec9_GT-Walsheim-Thin-Oblique-Trial-BF651b7fc66311a.otf") format("opentype");
font-weight: 100;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Gt Walsheim Ultra Trial Bf 651 B 7 Fc 635 C 6 E";
src: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/688c997d10d8b8b95b8c8364_GT-Walsheim-Ultra-Light-Oblique-Trial-BF651b7fc635c6e.otf") format("opentype");
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Gt Walsheim Trial Bf 651 B 7 Fc 714941";
src: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/688c997db5b5a18ff36afc6b_GT-Walsheim-Light-Trial-BF651b7fc714941.otf") format("opentype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Gt Walsheim Trial Bf 651 B 7 Fc 728 C 4 C";
src: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/688c997dfa2b0ac71e7f7f9b_GT-Walsheim-Thin-Trial-BF651b7fc728c4c.otf") format("opentype");
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Gt Walsheim Trial Bf 651 B 7 Fc 6 B 04 A 3";
src: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/688c997daa2e91cfd2bc085c_GT-Walsheim-Light-Oblique-Trial-BF651b7fc6b04a3.otf") format("opentype");
font-weight: 300;
font-style: italic;
font-display: swap;
}
:root {
--os--font--text: "Circular Std", Arial, sans-serif;
--os--text--primary: var(--os--color--neutral-900);
--_text---font-family--heading\: Interdisplay, Arial, sans-serif;
--text-color--text-primary\: var(--brand--25\);
--brand--color--cta-primary\: var(--brand--color--primary\);
--radius--button\: var(--os--radius--buttons);
--brand--color--text-inverse\: white;
--system-colors--white\: white;
--font-size--paragraph-m\: .875rem;
--brand--color--primary\: black;
--os--color--neutral--300\: #d0d5dd;
--brand--25\: #f8f8f8;
--os--color--neutral--25\: #fcfcfd;
--background-color--background-error\: var(--base-color-system--error-red-light\);
--text-color--text-error\: var(--system-color--error\);
--spacing--4\: 4rem;
--spacing--3\: 3rem;
--spacing--2\: 2rem;
--brand--color--secondary\: #737373;
--brand--color--secondary-light\: #636363;
--brand--color--tertiary\: #636363;
--brand--color--tertiary-light\: #969696;
--brand--color--accent\: #3d3d3d;
--brand--color--complementary-1\: var(--brand--color--surface\);
--brand--color--complementary-2\: var(--brand--color--surface\);
--radius--image\: var(--os--radius--md);
--os--radius--buttons: 8px;
--brand--color--text-muted\: #718096;
--site--gutter: 4rem;
--site--gutter-mobile: 2rem;
--os--radius--sm: .25rem;
--base--white\: white;
--brand--color--text-primary\: var(--_labels---brand--color--label-status\);
--brand--color--surface\: #f7f7f7;
--brand--color--border\: #eee;
--os--radius--md: .5rem;
--spacing--1\: 1rem;
--spacing--1-5\: 1.5rem;
--os--color--border\: #e6e6e6;
--os--card--radius: var(--os--radius--base);
--os--surface--base: white;
--os--card--border-width: 1px;
--os--card--border-color: #e6e6e6;
--os--card--padding: 1rem;
--os--card-padding: 1rem;
--os--card--gap: .75rem;
--os--card-gap: .75rem;
--os--color--primary: #303030;
--os--color--tertiary-foreground: white;
--os--color--neutral-800: #292330;
--os--state--disabled-text: var(--os--color--neutral-500);
--os--color--tertiary-light: #ffe0e0;
--os--color--tertiary-dark: #c55;
--os--border--color: var(--os--color--neutral-200);
--os--color--neutral-950: #2c3839;
--os--color--accent: #ce1f22;
--os--color--accent-foreground: white;
--os--state--disabled: var(--os--color--neutral-300);
--component--color--border\: #ddd;
--component--color--border-hover\: #999;
--os--border--radius: var(--os--radius--md);
--os--color--neutral-50: #f1f1f1;
--os--color--tertiary: #ff6b6b;
--os--radius--lg: .75rem;
--os--color--primary-foreground: white;
--os--color--primary-hover: #3f006e;
--os--radius--full: 9999px;
--os--color--primary-dark: #2d004d;
--os--color--secondary-lighter: #e2f6f3;
--os--color--secondary: #00bfa5;
--os--color--surface\: #fdfaff;
--os--color--rating: #ffa600;
--os--color--primary-lighter: #fdfaff;
--os--color--neutral-300: #d4d1d9;
--os--color--neutral-100: #f4f3f6;
--os--color--neutral-400: #a39bb0;
--os--color--success: #00c896;
--os--color--success-light: #ccf7ec;
--os--color--success-dark: #00a078;
--os--state--hover: var(--os--color--primary-light);
--os--state--selected-border: var(--os--color--primary);
--os--state--focus-ring: #50008a21;
--os--card--selected-border-color: var(--os--color--primary);
--os--color--primary-light: #f3e6ff;
--os--color--secondary-foreground: white;
--os--color--secondary-hover: #00a08a;
--os--color--secondary-light: #ccf5ed;
--os--color--secondary-dark: #007a65;
--os--color--tertiary-hover: #ff5252;
--os--color--tertiary-lighter: #fff1f1;
--os--color--accent-hover: #ff8c1a;
--os--color--accent-light: #fff3e0;
--os--color--neutral-200: #e8e6eb;
--os--color--neutral-500: #746b84;
--os--color--neutral-600: #564e65;
--os--color--neutral-700: #3e3749;
--os--color--neutral-900: #1a161f;
--os--color--radio: var(--os--color--primary);
--os--color--error: #ff4757;
--os--color--error-foreground: #ffe9ed;
--os--color--error-light: #ffe0e3;
--os--color--error-dark: #cc3945;
--os--color--warning: #fa0;
--os--color--warning-light: #fff5cc;
--os--color--warning-dark: #c80;
--os--color--warning-foreground: #fffaea;
--os--color--success-foreground: white;
--os--card--padding-mobile: .75rem;
--os--card--gap-mobile: .5rem;
--os--card--selected-border-width: 2px;
--os--card--selected-background: var(--os--color--primary-lighter);
--os--card--radio-color: var(--os--color--primary);
--os--state--selected: var(--os--color--primary-light);
--os--state--focus: var(--os--color--primary);
--os--space--0: 0px;
--os--space--1: .25rem;
--os--space--2: .5rem;
--os--space--3: .75rem;
--os--space--4: 1rem;
--os--space--5: 1.25rem;
--os--space--6: 1.5rem;
--os--space--8: 2rem;
--os--space--10: 2.5rem;
--os--space--12: 3rem;
--os--text--secondary: var(--os--color--neutral-600);
--os--text--muted: var(--os--color--neutral-500);
--os--text--success: var(--os--color--success);
--os--text--error: var(--os--color--error);
--os--text--link: var(--os--color--primary);
--os--text--link-hover: var(--os--color--primary-hover);
--os--surface--base-foreground: var(--os--color--neutral-900);
--os--surface--subtle: #faf9fc;
--os--surface--subtle-foreground: var(--os--color--neutral-900);
--os--surface--muted: var(--os--color--neutral-100);
--os--surface--muted-foreground: var(--os--color--neutral-700);
--os--surface--elevated: white;
--os--surface--elevated-foreground: var(--os--color--neutral-900);
--os--surface--overlay: #50008a1a;
--os--surface--overlay-foreground: #1a161fb3;
--os--color--info: #5f7fff;
--os--color--info-foreground: white;
--os--color--info-light: #e6ebff;
--os--color--info-dark: #4c66cc;
--os--size: 0px;
--os--card-radius: .25rem;
--os--gap-vertical: 1rem;
--os--gap-horizontal: 1rem;
--os--border: 1px;
--os--border-active: 2px;
--os--border--width: 2px;
--os--radius--base: .375rem;
--os--radius--xl: 1rem;
--os--font--display: Interdisplay, Arial, sans-serif;
--container-max-width--width-s: 0px;
--container-max-width--width-m: 0px;
--container-max-width--width-l: 70rem;
--container-max-width--size: 0px;
--container-max-width--width-xl: 82rem;
--container-padding--desktop: 2.5rem;
--container-padding--mobile: 1.25rem;
--section--padding: 2rem;
--section--padding-tablet: 1.5rem;
--section--padding-mobile: 1rem;
--site--width: 67.5rem;
--site--margin: 0px;
--base-color-system--error-red-light\: #fef3f2;
--system-color--error\: #f04438;
--_labels---brand--color--label-status\: black;
}
.w-layout-grid {
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
body {
font-family: var(--os--font--text);
color: var(--os--text--primary);
letter-spacing: -.28px;
overscroll-behavior: none;
font-size: 1rem;
line-height: 1.5;
}
h1 {
font-family: var(--_text---font-family--heading\);
letter-spacing: -.04em;
margin-top: 0;
margin-bottom: 0;
font-size: 3.5rem;
font-weight: 700;
line-height: 1.2;
}
h2 {
font-family: var(--_text---font-family--heading\);
margin-top: 0;
margin-bottom: 0;
font-size: 3rem;
font-weight: 700;
line-height: 1.2;
}
h3 {
font-family: var(--_text---font-family--heading\);
margin-top: 0;
margin-bottom: 0;
font-size: 2.5rem;
font-weight: 700;
line-height: 1.2;
}
h4 {
font-family: var(--_text---font-family--heading\);
margin-top: 0;
margin-bottom: 0;
font-size: 2rem;
font-weight: 700;
line-height: 1.3;
}
h5 {
font-family: var(--_text---font-family--heading\);
margin-top: 0;
margin-bottom: 0;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.4;
}
h6 {
font-family: var(--_text---font-family--heading\);
margin-top: 0;
margin-bottom: 0;
font-size: 1.25rem;
font-weight: 700;
line-height: 1.4;
}
p {
margin-bottom: 0;
}
a {
color: #000;
text-decoration: none;
}
ul {
margin-top: 1rem;
margin-bottom: 1rem;
padding-left: 1.25rem;
}
ol {
margin-top: 1rem;
margin-bottom: 1rem;
padding-left: 1.5rem;
}
li {
margin-top: .25rem;
margin-bottom: .25rem;
padding-left: .5rem;
}
img {
object-fit: contain;
max-width: 100%;
display: inline-block;
}
label {
margin-bottom: .25rem;
font-weight: 500;
}
blockquote {
border-left: .1875rem solid var(--text-color--text-primary\);
margin-bottom: 0;
padding: .75rem 1.25rem;
font-size: 1.25rem;
line-height: 1.5;
}
figure {
margin-top: 0;
margin-bottom: 0;
}
figcaption {
text-align: center;
margin-top: .25rem;
}
.z-index-2 {
z-index: 2;
position: relative;
}
.max-width-full {
width: 100%;
max-width: none;
}
.layer {
justify-content: center;
align-items: center;
position: absolute;
inset: 0%;
}
.u-overflow-hidden {
overflow: hidden;
}
.pb-base-styles {
display: block;
position: fixed;
inset: 0% auto auto 0%;
}
.z-index-1 {
z-index: 1;
position: relative;
}
.hide {
display: none;
}
.max-width-xlarge {
width: 100%;
max-width: 64rem;
}
.max-width-medium {
width: 100%;
max-width: 35rem;
}
.max-width-xsmall {
width: 100%;
max-width: 25rem;
}
.max-width-xxsmall {
width: 100%;
max-width: 20rem;
}
.page-wrapper {
overflow: clip;
}
.page-wrapper.is-styleguide {
padding-top: 4rem;
display: flex;
}
.page-wrapper.padding-110 {
padding-top: 110px;
padding-bottom: 0;
}
.container-large {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.max-width-xxlarge {
width: 100%;
max-width: 80rem;
}
.u-spacing-clean {
margin: 0;
padding: 0;
}
.max-width-large {
width: 100%;
max-width: 48rem;
}
.max-width-small {
width: 100%;
max-width: 30rem;
}
.utility_component {
justify-content: center;
align-items: center;
width: 100vw;
max-width: 100%;
height: 100vh;
max-height: 100%;
padding-left: 1.25rem;
padding-right: 1.25rem;
display: flex;
}
.utility_form-block {
text-align: center;
flex-direction: column;
max-width: 20rem;
display: flex;
}
.utility_form {
flex-direction: column;
align-items: stretch;
display: flex;
}
.utility_image {
margin-bottom: .5rem;
margin-left: auto;
margin-right: auto;
}
.container-medium {
width: 100%;
max-width: 64rem;
margin-left: auto;
margin-right: auto;
}
.container-small {
width: 100%;
max-width: 48rem;
margin-left: auto;
margin-right: auto;
}
.padding-xxsmall {
padding: .5rem;
}
.u-overflow-scroll {
overflow: scroll;
}
.u-overflow-auto {
overflow: auto;
}
.ts-md {
font-size: 1.125rem;
}
.display-xs {
letter-spacing: -.03em;
text-wrap: balance;
margin-top: 0;
margin-bottom: 0;
font-size: 1.25rem;
font-weight: 700;
line-height: 1.1;
}
.display-sm {
letter-spacing: -.03em;
text-wrap: balance;
margin-top: 0;
margin-bottom: 0;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.3;
}
.display-2xl {
letter-spacing: -.02em;
text-wrap-style: balance;
margin-top: 0;
margin-bottom: 0;
font-size: 3.5rem;
line-height: 1.1;
}
.button {
border-top-style: none;
border-top-width: 2px;
border-top-color: var(--brand--color--cta-primary\);
border-right-style: none;
border-right-width: 2px;
border-right-color: var(--brand--color--cta-primary\);
border-bottom-style: none;
border-bottom-width: 2px;
border-bottom-color: var(--brand--color--cta-primary\);
border-left-style: none;
border-left-width: 2px;
border-left-color: var(--brand--color--cta-primary\);
border-top-left-radius: var(--radius--button\);
border-top-right-radius: var(--radius--button\);
border-bottom-left-radius: var(--radius--button\);
border-bottom-right-radius: var(--radius--button\);
color: var(--brand--color--text-inverse\);
text-align: center;
box-sizing: border-box;
touch-action: manipulation;
background-color: #303030;
background-image: linear-gradient(#30303000 63.53%, #fff0 0%);
outline: 0;
justify-content: center;
align-items: center;
gap: .125rem;
width: 100%;
min-height: 3.5rem;
padding: .375rem .75rem;
font-size: .875rem;
font-weight: 600;
text-decoration: none;
transition-property: background-color, border;
transition-duration: .12s, .12s;
transition-timing-function: ease, ease;
display: inline-flex;
position: relative;
box-shadow: inset 0 -.0625rem 0 .0625rem #000c, inset 0 0 0 .0625rem #303030, inset 0 .03125rem 0 .09375rem #ffffff40;
}
.button.is-small {
min-height: 3.5rem;
padding: .5rem 1.25rem;
font-size: .85rem;
}
.button.is-inactive {
pointer-events: none;
color: var(--system-colors--white\);
background-color: #aaa;
border-color: #aaa;
}
.button.is-small {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
justify-content: center;
align-items: center;
padding-top: 1rem;
padding-bottom: 1rem;
display: flex;
}
.button.is-tiny {
font-size: var(--font-size--paragraph-m\);
width: auto;
min-height: 2.5rem;
padding-top: .75rem;
padding-bottom: .75rem;
}
.button.is-outline {
color: var(--brand--color--primary\);
background-color: #0000;
}
.button.is-outline.is-inactive {
border-color: var(--os--color--neutral--300\);
color: var(--os--color--neutral--300\);
}
.button.is-submitting {
pointer-events: none;
}
.text-weight-normal {
font-weight: 400;
}
.display-md {
text-wrap: balance;
margin-top: 0;
margin-bottom: 0;
font-size: 2rem;
font-weight: 700;
line-height: 1.2;
}
.display-md.listicle {
color: #1a161f;
font-family: Circular Std, Arial, sans-serif;
}
.display-md.listicle.gruns {
color: #012513;
}
.ts-reg {
font-size: 1rem;
}
.display-lg {
letter-spacing: -.01em;
text-wrap: balance;
margin-top: 0;
margin-bottom: 0;
font-size: 2.5rem;
font-weight: 700;
line-height: 1.2;
}
.form_input {
border: 1px solid var(--brand--25\);
background-color: var(--os--color--neutral--25\);
color: var(--text-color--text-primary\);
border-radius: 0;
height: auto;
min-height: 2.75rem;
margin-bottom: 0;
padding: .5rem .75rem;
font-size: 1rem;
line-height: 1.6;
}
.form_input:focus {
border-color: #000;
}
.form_input::placeholder {
color: #0009;
}
.icon-embed-custom1 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.25rem;
height: 1.25rem;
display: flex;
}
.text-rich-text h1 {
margin-top: 2rem;
margin-bottom: 1rem;
}
.text-rich-text blockquote {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
font-style: italic;
}
.text-rich-text h2, .text-rich-text h3, .text-rich-text h4 {
margin-top: 1.5rem;
margin-bottom: 1rem;
}
.text-rich-text h5, .text-rich-text h6 {
margin-top: 1.25rem;
margin-bottom: 1rem;
}
.text-rich-text p {
margin-bottom: 1rem;
}
.text-rich-text figcaption {
border-left: 2px solid var(--text-color--text-primary\);
text-align: left;
margin-top: .5rem;
padding-left: .5rem;
font-size: .875rem;
}
.text-rich-text.cc-md {
grid-column-gap: .5em;
}
.text-rich-text.cc-xs {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
}
.ts-lg {
font-size: 1.25rem;
}
.form_message-error {
background-color: var(--background-color--background-error\);
color: var(--text-color--text-error\);
flex-direction: column;
justify-content: center;
align-items: center;
padding: 1rem;
display: flex;
}
.form_message-error-wrapper {
margin-top: 1rem;
padding: 0;
}
.pageblock-styles {
display: none;
}
.ts-3xs {
font-size: .65rem;
}
.image {
object-fit: fill;
border-radius: 9px;
width: 100%;
max-width: none;
height: 100%;
padding: 4px;
display: block;
}
.image.cc-contain {
object-fit: contain;
}
.custom-css {
display: none;
transform: rotate(-90deg);
}
.custom-code {
border-radius: 0;
display: none;
}
.headline-component {
grid-row-gap: .5rem;
text-align: center;
flex-direction: column;
align-items: center;
max-width: 45rem;
margin-bottom: 3rem;
margin-left: auto;
margin-right: auto;
display: flex;
}
.headline-component.cc-left {
text-align: left;
justify-content: flex-start;
align-items: flex-start;
margin-left: 0;
margin-right: 0;
}
.headline-component.cc-0 {
margin-bottom: 0;
}
.display-xl {
letter-spacing: -.02em;
text-wrap: balance;
margin-top: 0;
margin-bottom: 0;
font-size: 3rem;
font-weight: 700;
line-height: 1.1;
}
.display-xl.os-black {
color: #1a161f;
font-family: Circular Std, Arial, sans-serif;
}
.display-xl.os-black.gruns {
color: #012513;
}
.display-xl.os-black.jimmy-joy {
font-family: "Gt Walsheim Trial Bf 651 B 7 Fc 737 C 57", Arial, sans-serif;
}
.button_spinner {
width: 100%;
height: 100%;
transition: opacity .2s;
position: absolute;
}
.pb-sg_grid-1-col {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.pb-sg_item {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-content: start flex-start;
place-items: flex-start start;
display: flex;
position: relative;
}
.pb-sg_style-label {
color: #fff;
background-color: #000;
border: 1px solid #000;
border-radius: 0;
padding-left: .5rem;
padding-right: .5rem;
font-size: .685rem;
font-weight: 500;
line-height: 1.5rem;
display: inline-block;
}
.ts-sm {
color: #1a161ff0;
margin-top: 5px;
font-size: .875rem;
}
.ts-sm.bb {
color: #391e1d;
margin-top: 0;
}
.ts-sm.gruns {
color: #012513;
}
.ts-xs {
font-size: .815rem;
line-height: 1.25rem;
}
.pb-sg_grid-4-col {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(12rem, auto));
grid-auto-columns: 1fr;
align-items: stretch;
width: 100%;
display: grid;
}
.pb-sg_grid-3-col {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(12rem, auto));
grid-auto-columns: 1fr;
align-items: stretch;
width: 100%;
display: grid;
}
.pb-sg_group-list {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-direction: column;
display: flex;
}
.pb-sg_section-group {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-direction: column;
display: flex;
}
.pb-sg_class-row {
grid-column-gap: .2rem;
grid-row-gap: .2rem;
flex-flow: wrap;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.link {
white-space: nowrap;
font-size: 1rem;
font-weight: 500;
line-height: 1.5rem;
}
.link.is-xsmall {
font-size: .75rem;
line-height: 1rem;
}
.link.is-underline {
text-decoration: underline;
}
.link.is-icon {
grid-column-gap: .375rem;
grid-row-gap: .375rem;
align-items: center;
display: flex;
}
.image-cover {
object-fit: cover;
width: 100%;
height: 100%;
}
.sg_empty-box {
pointer-events: none;
background-color: #fff;
border: 1px solid #000;
min-width: 3rem;
height: 3rem;
position: relative;
}
.sg_empty-box.horizontal-border {
border-left: 1px solid #000;
border-right: 1px solid #000;
}
.sg_color-spacer {
pointer-events: none;
width: 100%;
height: 100%;
padding: 1rem;
}
.sg_color-spacer.top {
border-bottom: 1px dashed #000;
}
.sg_color-spacer.bottom {
border-top: 1px dashed #000;
border-bottom: 1px #000;
}
.sg_color-spacer.right {
border: 1px dashed #000;
border-bottom-style: none;
}
.sg_section-background {
background-color: #fafbff;
border-radius: .25rem;
width: 100%;
overflow: hidden;
}
.container-xsmall {
width: 100%;
max-width: 40rem;
margin-left: auto;
margin-right: auto;
}
.pb-sg_spacing-item {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-content: start;
place-items: start stretch;
display: grid;
position: relative;
}
.top {
display: flex;
}
.section {
padding-top: var(--spacing--4\);
padding-bottom: var(--spacing--4\);
position: relative;
overflow: clip;
}
.section.cc-top-lg {
padding-top: 7.5rem;
font-family: Lato, sans-serif;
}
.section.cc-0 {
padding-top: 0;
padding-bottom: 0;
}
.section.cc-top-0 {
padding-top: 0;
}
.section.cc-bottom-0 {
padding-bottom: 0;
}
.section.cc-sm {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.section.cc-top-sm {
padding-top: 2.5rem;
}
.section.cc-top-sm.jimmy-joy {
background-color: #fcfffe;
}
.section.cc-bottom-sm {
padding-bottom: 2.5rem;
}
.section.cc-lg {
padding-top: 7.5rem;
padding-bottom: 7.5rem;
}
.section.cc-bottom-lg {
padding-bottom: 7.5rem;
}
.section.cc-custom.theme-brand, .section.cc-custom.cc-complementary1 {
background-color: #f7f7f7;
}
.section.cc-listicle {
padding-top: 1.5rem;
padding-bottom: 0;
}
.section.cc-listicle.jimmy-joy {
background-color: #f4fffc;
}
.bg-color-primary {
background-color: var(--brand--color--primary\);
}
.bg-color-secondary {
background-color: var(--brand--color--secondary\);
}
.bg-color-secondary--light {
background-color: var(--brand--color--secondary-light\);
}
.bg-color-tertiary {
background-color: var(--brand--color--tertiary\);
}
.bg-color-tertiary--light {
background-color: var(--brand--color--tertiary-light\);
}
.bg-color-accent {
background-color: var(--brand--color--accent\);
}
.bg-color-complimentary1 {
background-color: var(--brand--color--complementary-1\);
}
.bg-color-complimentary2 {
background-color: var(--brand--color--complementary-2\);
}
.bar-wrap {
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
padding-top: 5px;
padding-bottom: 5px;
display: flex;
position: relative;
}
.u-hide {
display: none;
}
.title-wrapper {
margin-bottom: 1rem;
}
.css-selector {
color: #fff;
background-color: #3e6cff;
border-radius: 4px;
flex: none;
padding: 5px 12px;
font-size: .875rem;
line-height: 1;
display: inline-block;
}
.css-selector.cc-attribute {
background-color: #404040;
}
.pb-sg_element {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: minmax(160px, .25fr) 1fr minmax(280px, .5fr);
grid-auto-columns: 1fr;
grid-auto-flow: row;
align-items: start;
padding-top: 40px;
padding-bottom: 40px;
display: grid;
}
.pb-sg_element.cc-bigger-details {
grid-template-columns: .5fr .5fr 1fr;
}
.css-selectors-wrap {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column wrap;
align-items: flex-start;
display: flex;
}
.css-group {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-wrap: wrap;
display: flex;
}
.pb-sg_detail-box {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
border: 1px solid #fafafa;
border-radius: .625rem;
flex-direction: column;
padding: 1.25rem;
display: flex;
}
.text-h5 {
font-size: 2rem;
line-height: 1.2em;
}
.pb-sg_square {
grid-column-gap: 16px;
grid-row-gap: 16px;
border: 1px solid #fafafa;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 120px;
height: 120px;
display: grid;
}
.code {
color: #413e3e;
letter-spacing: .04rem;
background-color: #dbdbdb;
border-radius: 4px;
padding-left: .25rem;
padding-right: .25rem;
}
.text-clip-bg {
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
.image-wrapper {
border-radius: var(--radius--image\);
align-self: flex-start;
width: 100%;
position: relative;
overflow: hidden;
}
.image-wrapper.cc-4x3 {
aspect-ratio: 4 / 3;
}
.image-wrapper.cc-1x1 {
aspect-ratio: 1;
}
.image-wrapper.cc-16x9 {
aspect-ratio: 16 / 9;
}
.spacer {
opacity: 0;
}
.spacer-tablet, .spacer-landscape, .spacer-mobile {
display: none;
}
.cta-wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-wrap: wrap;
margin-top: 2rem;
display: flex;
}
.button-12 {
border: 2px solid var(--brand--color--primary\);
border-radius: var(--os--radius--buttons);
background-color: var(--brand--color--primary\);
color: var(--system-colors--white\);
text-align: center;
justify-content: center;
align-items: center;
min-height: 4.5rem;
padding: 1rem 2rem;
font-family: Interdisplay, Arial, sans-serif;
font-weight: 600;
text-decoration: none;
display: flex;
position: relative;
}
.u-text-muted {
color: var(--brand--color--text-muted\);
}
.u-font-bold {
font-weight: 700;
}
.u-text-left {
text-align: left;
}
.u-text-center {
text-align: center;
}
.u-text-right {
text-align: right;
}
.u-text-underline {
text-decoration: underline;
}
.u-text-strike {
text-decoration: line-through;
}
.u-text-uppercase {
text-transform: uppercase;
}
.u-text-no-wrap {
white-space: nowrap;
}
.u-align-center {
margin-left: auto;
margin-right: auto;
}
.u-mt-auto {
margin-top: auto;
}
.u-opacity-0 {
opacity: 0;
}
.u-opacity-50 {
opacity: .5;
}
.u-width-full {
width: 100%;
}
.u-height-full {
height: 100%;
}
.nav-logo-2 {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
align-items: center;
font-weight: 600;
display: flex;
}
.logo_water {
height: 1rem;
}
.os-button__content-slot {
grid-column-gap: .5rem;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
transition: opacity .2s;
display: flex;
position: relative;
}
.os-button__content-slot.os--distribute {
justify-content: space-between;
}
.os-button__content-slot.gruns {
font-size: 1rem;
}
.styleguide_guide_wrap {
z-index: 2000;
pointer-events: none;
display: block;
position: fixed;
inset: 0% 0% auto;
overflow: hidden;
}
.u-grid-cust {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: grid;
}
.u-grid-cust.grid-6 {
grid-column-gap: var(--site--gutter);
grid-row-gap: var(--site--gutter);
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-flow: column;
}
.u-grid-cust.cc-2-1 {
grid-column-gap: var(--site--gutter);
grid-row-gap: var(--site--gutter);
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-columns: 1fr .5fr;
grid-auto-flow: column;
}
.u-grid-cust.cc-horizontal {
grid-column-gap: var(--site--gutter);
grid-row-gap: var(--site--gutter);
grid-template-columns: 1fr;
grid-auto-flow: column;
}
.u-grid-cust.cc-1-2 {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-column-gap: var(--site--gutter);
grid-row-gap: var(--site--gutter);
grid-template-columns: .5fr 1fr;
grid-auto-flow: column;
}
.u-grid-cust.cc-1-2 {
grid-column-gap: var(--site--gutter);
grid-row-gap: var(--site--gutter);
grid-template-columns: .5fr 1fr;
grid-auto-flow: column;
}
.u-grid-cust.cc-2-1 {
grid-column-gap: var(--site--gutter);
grid-row-gap: var(--site--gutter);
grid-template-columns: 1fr .5fr;
grid-auto-flow: column;
}
.u-vertical-wrap {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
display: flex;
}
.u-vertical-wrap.cc-s {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
}
.u-vertical-wrap.cc-l {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
}
.u-vertical-wrap.cc-xl {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.u-vertical-wrap.cc-xs {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
grid-column-gap: .5rem;
grid-row-gap: .5rem;
}
.u-vertical-wrap.cc-m {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
}
.bg-gd-top {
background-image: linear-gradient(180deg, var(--brand--color--primary\), #0000);
pointer-events: none;
height: 20rem;
position: absolute;
inset: 0% 0% auto;
}
.bz-component {
pointer-events: none;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.bz-component.is-reverse {
filter: invert();
}
.bz-grids {
display: none;
}
.page-global {
z-index: 1;
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-flow: column;
width: 100%;
padding-left: 2.5rem;
padding-right: 2.5rem;
display: flex;
}
.page-global.is-nav {
padding-left: 1rem;
padding-right: 1rem;
}
.main-navbar {
z-index: 400;
border-bottom: 1px solid #d8d8d8;
justify-content: flex-start;
align-items: center;
min-height: 4rem;
display: flex;
position: relative;
}
.main-navbar.is-app {
background-color: #fff;
position: fixed;
inset: 0% 0% auto;
}
.icon-logosss {
width: 1.5rem;
min-width: 1.5rem;
height: 1.5rem;
min-height: 1.5rem;
display: flex;
}
.nav-menu-wrap {
justify-content: space-between;
align-items: center;
display: flex;
}
.sidebar__links-wrap {
flex: 1;
padding-bottom: 2rem;
position: relative;
overflow: auto;
}
.sidebar_group {
border-bottom: 1px solid #d8d8d8;
flex-flow: column;
justify-content: center;
align-items: stretch;
padding: .5rem;
display: flex;
}
.sidebar_group.cc-addon {
padding-top: .25rem;
padding-bottom: .25rem;
font-weight: 600;
}
.sidebar-dashboard_link-accordion-button {
color: #0e0e0e;
cursor: pointer;
border-radius: 4px;
margin-top: -.2rem;
margin-left: -.5rem;
padding: .25rem;
position: absolute;
inset: .5rem auto auto .75rem;
}
.sidebar-dashboard_link-accordion-button:hover {
background-color: #f0f0f0;
}
.sidebar_link-group {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
color: #0e0e0e;
cursor: pointer;
justify-content: flex-start;
align-items: center;
margin-top: .125rem;
margin-bottom: .125rem;
padding: .5rem 1rem .5rem .75rem;
transition: color .2s, background-color .2s;
display: flex;
}
.sidebar_link-group:hover, .sidebar_link-group.w--current {
color: #0e0e0e;
background-color: #f0f0f0;
}
.sidebar-dashboard_sub-link {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
color: #0e0e0e;
cursor: pointer;
justify-content: flex-start;
align-items: center;
margin-top: .125rem;
margin-bottom: .125rem;
padding: .5rem 1rem .5rem .75rem;
transition: color .2s, background-color .2s;
display: flex;
}
.sidebar-dashboard_sub-link:hover, .sidebar-dashboard_sub-link.w--current {
color: #0e0e0e;
background-color: #f0f0f0;
}
.sidebar-dashboard_sub-link.is-secondary {
clear: left;
color: #757575;
border-radius: 8px;
padding-left: 2.625rem;
}
.sidebar-dashboard_sub-link.is-secondary:hover, .sidebar-dashboard_sub-link.is-secondary.w--current {
color: #0e0e0e;
background-color: #f0f0f0;
}
.content_wrap {
background-color: #fff;
flex-flow: column;
flex: auto;
align-items: stretch;
width: 100%;
min-height: calc(100dvh - 4rem);
padding-top: 0;
display: flex;
overflow: hidden;
}
.sidebar-arrow_button {
width: 1.25rem;
height: 1.25rem;
}
.button-pb {
color: #fff;
text-align: center;
background-color: #0e0e0e;
border: 1px solid #0e0e0e;
border-radius: 8px;
justify-content: center;
align-items: center;
padding: .5rem 1.5rem;
font-family: Geist;
font-size: .875rem;
font-weight: 500;
text-decoration: none;
transition: box-shadow .3s cubic-bezier(.165, .84, .44, 1), background-color .3s cubic-bezier(.165, .84, .44, 1);
display: flex;
position: relative;
box-shadow: inset 0 1px 1px #fff3, inset 0 6px 12px #ffffff0f, 0 4px 4px #08080814, 0 1px 2px #08080833;
}
.button-pb:hover {
color: #f0f0f0;
background-color: #1d1d1d;
}
.button-pb.cc-smaller {
font-size: .75rem;
}
.sidebar_wrap {
z-index: 300;
color: #000;
background-color: #fff;
border-right: 1px solid #d8d8d8;
padding: .5rem;
font-size: .85rem;
position: relative;
}
.sidebar_link-text.secondary {
margin-left: auto;
font-size: .75rem;
}
.sidebar {
z-index: 500;
background-color: #fff;
border: 1px solid #d8d8d8;
border-radius: .25rem;
flex-flow: column;
width: 15.5rem;
height: calc(100vh - 5rem);
display: flex;
position: sticky;
top: 4.5rem;
}
.sidebar_title {
letter-spacing: .3em;
text-transform: uppercase;
padding-left: .75rem;
padding-right: .75rem;
font-size: .6rem;
}
.sidebar_title.u-fc-3 {
opacity: 0;
visibility: hidden;
max-height: 0;
}
.cta-container {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
padding: 1rem;
}
.icon-1-5 {
width: 1.5rem;
min-width: 1.5rem;
height: 1.5rem;
min-height: 1.5rem;
display: flex;
}
.sidebar-dashboard_sub-link-accordion {
flex-flow: column;
justify-content: center;
display: flex;
position: relative;
}
.grid-holder {
z-index: 1;
position: relative;
}
.grid-holder.is-full {
z-index: 2;
background-color: #fff;
border-bottom-width: 1px;
border-bottom-color: #000;
}
.ts-2xl {
font-size: 1.45rem;
}
.tw-600 {
font-weight: 600;
}
.tw-700 {
font-weight: 700;
}
.tw-800 {
font-weight: 800;
}
.tw-500 {
font-weight: 500;
}
.tw-300 {
font-weight: 300;
}
.pb-sg_grid-6-col {
grid-column-gap: 0rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
width: 100%;
display: grid;
}
.style-holder {
z-index: 4;
background-color: #fff;
position: relative;
}
.styleguide-lines {
z-index: 0;
pointer-events: none;
background-color: #f5f5f5;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
position: absolute;
inset: 0%;
}
.div-block-1433 {
border: 1px solid #000;
justify-content: center;
align-items: center;
padding: 1rem;
display: flex;
}
.u-horizontal-wrap {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: row;
align-items: center;
display: flex;
}
.u-horizontal-wrap.cc-xs {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
}
.u-horizontal-wrap.cc-s {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
align-items: center;
}
.u-horizontal-wrap.cc-m {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
}
.u-horizontal-wrap.cc-l {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
}
.u-horizontal-wrap.cc-xl {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.grid-placeholder {
border: 1px solid #91919a;
height: 3rem;
position: relative;
}
.styleguide-gridssline {
z-index: 3;
position: absolute;
inset: 0%;
}
.sg_bg-holder {
z-index: 1;
background-color: #fff;
border: 2px solid #000;
width: 100%;
min-height: 24rem;
position: relative;
overflow: clip;
}
.bg-gd-bottom {
background-image: linear-gradient(0deg, #000, #fff0);
height: 20rem;
position: absolute;
inset: auto 0% 0%;
}
.bg-gd-left {
background-image: linear-gradient(90deg, #000, #fff0);
width: 20rem;
height: 100%;
position: absolute;
inset: 0% auto 0% 0%;
}
.bg-gd-right {
background-image: linear-gradient(270deg, #000, #fff0);
width: 20rem;
height: 100%;
position: absolute;
inset: 0% 0% 0% auto;
}
.uui-button {
grid-column-gap: .5rem;
color: #fff;
text-align: center;
white-space: nowrap;
background-color: #7f56d9;
border: 1px solid #7f56d9;
border-radius: .5rem;
justify-content: center;
align-items: center;
padding: .625rem 1.125rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
transition: all .3s;
display: flex;
box-shadow: 0 1px 2px #1018280d;
}
.uui-button:hover {
background-color: #6941c6;
border-color: #6941c6;
}
.uui-button:focus {
background-color: #7f56d9;
box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #f4ebff;
}
.uui-button.is-button-large {
grid-column-gap: .75rem;
background-color: #fed300;
border-width: 0;
border-radius: 43px;
width: 100%;
min-width: 393px;
padding: 1.3125rem 1.25rem;
font-size: 1.125rem;
transition-property: none;
box-shadow: 0 6px 8px 2px #0000004f, 0 0 #fed300, 1px 7px 0 1px #0003;
}
.bz-components {
display: none;
}
.label__wrapper {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
pointer-events: none;
justify-content: center;
align-items: center;
padding: .3rem .5rem;
font-size: .75rem;
line-height: 1;
display: flex;
}
.label__wrapper.cc-xs {
padding: .25rem .35rem .25rem .25rem;
font-size: .5rem;
}
.label__wrapper.cc-sm {
padding: .245rem .375rem;
font-size: .625rem;
}
.label__wrapper.cc-md {
padding: .35rem .625rem;
font-size: .825rem;
}
.label__wrapper.cc-lg {
padding: .425rem .75rem;
font-size: .875rem;
}
.label__wrapper.cc-xl {
padding: .485rem .875rem;
font-size: .875rem;
}
.label {
border-radius: var(--os--radius--sm);
color: #fff;
background-color: #000;
font-weight: 500;
}
.label.sage-success {
color: #2d6a4f;
background-color: #e7f3e5;
}
.label.mint-fresh {
color: #92400e;
background-color: #fef3c7;
}
.label.sunset-alert {
color: #065f46;
background-color: #d1fae5;
}
.label.coral-warning {
color: #9f1239;
background-color: #ffe4e6;
}
.label.ocean-info {
color: #1e40af;
background-color: #dbeafe;
}
.label.arctic-notice {
color: #075985;
background-color: #e0f2fe;
}
.label.stone-neutral {
color: #44403c;
background-color: #f5f5f4;
}
.label.clay-basic {
color: #404040;
background-color: #f5f5f5;
}
.label.lavender-special {
color: #6b21a8;
background-color: #f3e8ff;
}
.label.berry-feature {
color: #9d174d;
background-color: #fce7f3;
}
.label.forest-active {
color: #166534;
background-color: #dcfce7;
}
.label.sunset-pending {
color: #854d0e;
background-color: #fef9c3;
}
.label.crimson-urgent {
color: #991b1b;
background-color: #fee2e2;
}
.label.cyber-premium {
color: #0c4a6e;
background-color: #f0f9ff;
}
.label.neon-beta {
color: #164e63;
background-color: #ecfeff;
}
.label__text {
pointer-events: auto;
flex: none;
line-height: 1.2;
}
.sg-box {
pointer-events: none;
justify-content: center;
align-items: center;
width: 4rem;
height: 4rem;
display: flex;
}
.ct-sage-success {
background-color: #e7f3e5;
}
.st-flex-hori {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-content: start flex-start;
place-items: flex-start start;
display: flex;
position: relative;
}
.ct-mint-fresh {
color: #065f46;
background-color: #d1fae5;
}
.ct-sunset-alert {
color: #92400e;
background-color: #fef3c7;
}
.ct-coral-warning {
color: #9f1239;
background-color: #ffe4e6;
}
.ct-ocean-info {
color: #1e40af;
background-color: #dbeafe;
}
.ct-arctic-notice {
color: #075985;
background-color: #e0f2fe;
}
.ct-stone-neutral {
color: #44403c;
background-color: #f5f5f4;
}
.ct-clay-basic {
color: #404040;
background-color: #f5f5f5;
}
.ct-lavender-special {
color: #6b21a8;
background-color: #f3e8ff;
}
.ct-berry-feature {
color: #9d174d;
background-color: #fce7f3;
}
.ct-forest-active {
color: #166534;
background-color: #dcfce7;
}
.ct-sunset-pending {
color: #854d0e;
background-color: #fef9c3;
}
.ct-crimson-urgent {
color: #991b1b;
background-color: #fee2e2;
}
.ct-cyber-premium {
color: #0c4a6e;
background-color: #f0f9ff;
}
.ct-neon-beta {
color: #164e63;
background-color: #ecfeff;
}
.u-text-italic {
font-style: italic;
}
.item-holder {
z-index: 1;
position: relative;
}
.styleguide-tests {
flex-flow: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.section-holder {
width: 100%;
position: relative;
overflow: clip;
}
.sg-flex-horiz {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: wrap;
display: flex;
}
.pb_sg-item {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-content: start flex-start;
place-items: stretch start;
min-width: 16rem;
display: flex;
position: relative;
}
.pb_sg-grid {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.pb_sg-grid.gap-big {
grid-column-gap: 3rem;
grid-row-gap: 5rem;
}
.pb_sg-header {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
align-items: flex-start;
margin-bottom: 1rem;
display: flex;
}
.sg_style-sub {
color: #6b6b6b;
font-size: .875rem;
}
.headline-holders {
z-index: 1;
flex-flow: column;
width: 100%;
display: flex;
position: relative;
overflow: clip;
}
.styleguide_separator {
height: 0;
}
.div-block-1497 {
aspect-ratio: 1;
justify-content: center;
align-items: center;
display: flex;
}
.pb-sg_vertical-flex {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
align-items: flex-start;
display: flex;
}
.pb-sg_header-title {
color: var(--base--white\);
font-size: 6rem;
font-weight: 400;
}
.sidebar_footer {
border-top: 1px solid #d8d8d8;
}
.home-wrappers {
pointer-events: none;
color: #000;
background-color: #fcfcfc;
justify-content: center;
align-items: center;
height: 100dvh;
min-height: 100dvh;
display: flex;
overflow: hidden;
}
.list-container {
grid-row-gap: .25rem;
flex-direction: column;
justify-content: center;
align-items: flex-start;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
display: flex;
}
.list-container.cc-xs {
font-size: .8125rem;
}
.list-container.cc-sm {
font-size: .875rem;
}
.list-container.cc-2xs {
font-size: .725rem;
}
.list-container.cc-md {
font-size: .9375rem;
}
.list-container.cc-lg {
font-size: 1.0625rem;
}
.list {
grid-row-gap: .25em;
text-align: left;
flex-direction: column;
justify-content: center;
align-items: flex-start;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
display: flex;
}
.list.cc-center {
justify-content: center;
align-items: center;
}
.list__item {
grid-column-gap: .5em;
justify-content: flex-start;
align-items: flex-start;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
display: flex;
}
.list__item.cc-gap.cc-md {
grid-column-gap: .5em;
}
.list__item.cc-center {
justify-content: flex-start;
align-items: center;
}
.list_icon {
flex: none;
justify-content: center;
align-items: center;
width: 1.1em;
min-width: 1.1em;
height: 1.1em;
min-height: 1.1em;
display: flex;
position: relative;
}
.pb-sg_prefix {
color: #5c5c5c;
letter-spacing: .5rem;
font-size: .875rem;
font-weight: 500;
}
.pb-sg_headings {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 4rem;
display: flex;
}
.pb-sg_sub {
color: #676767;
line-height: 1.7;
}
.pb-sg_subcategory-inner {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
justify-content: flex-start;
align-items: stretch;
height: 100%;
display: flex;
position: relative;
}
.pb-sg_category {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
flex-flow: column;
display: flex;
}
.pb-sg_header {
margin-bottom: 1.5rem;
}
.pb-sg_subcategory {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
border-top: .5px solid #d5d5d5;
border-bottom: .5px solid #d5d5d5;
flex-flow: column;
padding-top: 0;
display: flex;
}
.pb-sg_subcategory.pb-sg_first {
border-top-style: solid;
}
.pb-sg_subcategory-col {
z-index: 1;
background-color: #fff;
padding-bottom: 2rem;
position: relative;
}
.pb-sg_subcategory-col.pb-sg_right {
border-left: .5px solid #d5d5d5;
flex: 1;
}
.pb-sg_subcategory-col.pb-sg_left {
border-right: .5px solid #d5d5d5;
flex: none;
align-items: stretch;
width: 25%;
display: flex;
position: static;
}
.pb-sg_category-group {
border-left: .5px solid #d5d5d5;
border-right: .5px solid #d5d5d5;
flex-flow: column;
width: 100%;
max-width: 67.5rem;
min-height: 600px;
margin-left: auto;
margin-right: auto;
padding-left: 2.5rem;
padding-right: 2.5rem;
display: flex;
position: relative;
}
.pb-sg_category-group-head {
z-index: 1;
background-color: #000;
justify-content: space-between;
align-items: flex-end;
min-height: 280px;
margin-left: -2.5rem;
margin-right: -2.5rem;
padding: 2.5rem;
display: flex;
position: relative;
}
.pb-sg_category-group__title {
position: relative;
}
.pb-sg_category-group-content {
z-index: 1;
background-color: #fff;
border-top: .5px solid #d5d5d5;
border-left: .5px solid #d5d5d5;
border-right: .5px solid #d5d5d5;
width: 100%;
min-height: 10px;
margin-left: auto;
margin-right: auto;
padding-top: 4rem;
padding-bottom: 4rem;
position: relative;
}
.pb_sg-heading-text {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
display: flex;
}
.u-text-main {
color: var(--brand--color--text-primary\);
}
.u-text-surface {
color: var(--brand--color--surface\);
}
.u-bg-primary {
background-color: var(--brand--color--primary\);
}
.u-text-accent {
color: var(--brand--color--accent\);
}
.sg-content-hori {
pointer-events: none;
min-width: 8rem;
height: 3rem;
}
.grid-2cols-sg {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
position: relative;
}
.code-embed-9 {
position: absolute;
inset: 0%;
}
.sg_grid-4col {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.pb_sg-item-auto {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: start;
place-items: flex-start start;
display: flex;
position: relative;
}
.pb-sg_main {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-direction: column;
display: flex;
}
.pb-overlay {
z-index: 900;
opacity: 0;
visibility: hidden;
background-color: #00000080;
transition-property: all;
transition-duration: .3s;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
position: fixed;
inset: 0%;
}
.pb-drawer {
z-index: 1000;
background-color: #fff;
flex-flow: column;
width: 28rem;
transition: all .4s cubic-bezier(.4, 0, .2, 1);
display: flex;
position: fixed;
inset: 0% 0% 0% auto;
transform: translate(100%);
}
.pb-drawer__header {
border-bottom: 1px solid var(--brand--color--border\);
padding: 1rem;
position: sticky;
top: 0;
}
.pb-drawer__content {
flex-flow: column;
flex: 1;
padding: 1rem;
display: flex;
overflow: auto;
}
.pb-drawer_footer {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
border-top: 1px solid var(--brand--color--border\);
flex-flow: column;
padding: 1rem;
display: flex;
}
.styleguide-drawer {
color: var(--brand--color--text-inverse\);
cursor: pointer;
background-color: #000;
border-radius: 4px;
padding: .5rem 1rem;
position: fixed;
inset: auto 1rem 1rem auto;
}
.pb_styleguide-wrapper-ui {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
cursor: pointer;
background-color: #00000008;
border: 1px dashed #00000040;
border-radius: 4px;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
min-height: 4rem;
padding: 1rem;
font-family: Geistmono;
font-size: .825rem;
display: flex;
}
.pb_styleguide-wrapper-ui:hover {
border-style: solid;
border-color: var(--brand--color--primary\);
color: var(--brand--color--primary\);
background-color: #2563eb0d;
}
.pb_styleguide-wrapper-ui.cc-auto {
justify-content: center;
align-items: center;
height: auto;
}
.text-block-366 {
position: absolute;
inset: 50% auto auto;
}
.pb-styuleguide_wrapper-new {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
width: 100%;
display: flex;
}
.pb-modal {
z-index: 1000;
border-top-left-radius: var(--os--radius--md);
border-top-right-radius: var(--os--radius--md);
border-bottom-left-radius: var(--os--radius--md);
border-bottom-right-radius: var(--os--radius--md);
opacity: 0;
visibility: hidden;
background-color: #fff;
flex-flow: column;
width: 28rem;
transition-property: all;
transition-duration: .3s;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
display: flex;
position: fixed;
inset: 50% auto auto 50%;
}
.pb-modal_content {
flex-flow: column;
flex: 1;
padding: 0;
display: flex;
overflow: auto;
}
.pageblock-component-wrapper {
justify-content: center;
align-items: center;
height: 0;
display: flex;
}
.button-modals {
color: var(--brand--color--text-inverse\);
cursor: pointer;
background-color: #000;
border-radius: 4px;
padding: .5rem 1rem;
position: static;
inset: auto 1rem 1rem auto;
}
.u-hide_desktop {
display: none;
}
.sg_grid-2-col {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
width: 100%;
display: grid;
}
.list_icon__wrapper {
justify-content: center;
align-items: center;
width: 1.5em;
min-width: 1.5em;
height: 1.5em;
min-height: 1.5em;
display: flex;
}
.u-vflex-left-top {
flex-flow: column;
place-content: flex-start;
align-items: flex-start;
display: flex;
}
.u-hflex-left-center {
flex-flow: row;
place-content: center flex-start;
align-items: center;
display: flex;
}
.pb-icon {
line-height: 1;
font-size: inherit;
-webkit-user-select: none;
user-select: none;
flex: none;
justify-content: center;
align-items: center;
width: 1.125em;
height: 1.125em;
margin: 0;
padding: 0;
display: flex;
position: relative;
}
.pb-icon.cc-1rem {
width: 1rem;
height: 1rem;
}
.pb-icon.cc-rem {
width: 1.125rem;
height: 1.125rem;
}
.pb-icon.cc-0-75rem {
width: .75rem;
height: .75rem;
}
.pb-icon.cc-image-0-75rem {
aspect-ratio: auto;
object-fit: contain;
object-position: 50% 50%;
width: auto;
height: .75rem;
}
.pb-icon.cc-1-5em {
width: 1.5em;
height: 1.5em;
}
.pb-icon.cc-3rem {
width: 3rem;
height: 3rem;
}
.pb-icon.cc-0-75em {
width: .75em;
height: .75em;
}
.pb-icon.cc-image {
aspect-ratio: auto;
object-fit: contain;
object-position: 50% 50%;
width: auto;
height: 1.125rem;
}
.pb-icon.cc-image-2rem {
aspect-ratio: auto;
object-fit: contain;
object-position: 50% 50%;
width: auto;
height: 2rem;
}
.pb-icon.cc-5em {
width: 5em;
height: 5em;
}
.pb-icon.cc-image-4rem {
aspect-ratio: auto;
object-fit: contain;
object-position: 50% 50%;
width: auto;
height: 4rem;
}
.pb-icon.cc-image-1rem {
aspect-ratio: auto;
object-fit: contain;
object-position: 50% 50%;
width: auto;
height: 1rem;
}
.pb-icon.cc-mini {
width: 10px;
height: 10px;
}
.pb-icon.cc-2rem {
width: 2rem;
height: 2rem;
}
.pb-icon.cc-3em {
width: 3em;
height: 3em;
}
.pb-icon.cc-5rem {
width: 5rem;
height: 5rem;
}
.pb-icon.cc-6rem {
width: 6rem;
height: 6rem;
}
.pb-icon.cc-1em {
width: 1em;
height: 1em;
}
.pb-icon.cc-2em {
width: 2em;
height: 2em;
}
.pb-icon.cc-image-6rem {
aspect-ratio: auto;
object-fit: contain;
object-position: 50% 50%;
width: auto;
height: 6rem;
}
.pb-icon.cc-6em {
width: 6em;
height: 6em;
}
.pb-icon.cc-image-1-5rem {
aspect-ratio: auto;
color: #000;
object-fit: contain;
object-position: 50% 50%;
width: auto;
height: 1.5rem;
}
.pb-icon.cc-4rem {
width: 4rem;
height: 4rem;
}
.pb-icon.cc-image-5rem {
aspect-ratio: auto;
object-fit: contain;
object-position: 50% 50%;
width: auto;
height: 5rem;
}
.pb-icon.cc-image-3rem {
aspect-ratio: auto;
object-fit: contain;
object-position: 50% 50%;
width: auto;
height: 3rem;
}
.pb-icon.cc-1-5rem {
width: 1.5rem;
height: 1.5rem;
}
.pb-icon.cc-4em {
width: 4em;
height: 4em;
}
.icon-wrapper {
color: inherit;
flex: none;
width: auto;
height: auto;
margin: 0;
padding: 0;
}
.icon-wrapper.cc-circle {
background-color: #e6e6e6;
border-radius: 999rem;
justify-content: center;
align-items: center;
width: 4rem;
height: 4rem;
font-size: 1.25rem;
line-height: 1;
display: flex;
}
.u-grid-2col-wide {
grid-column-gap: var(--spacing--4\);
grid-row-gap: var(--spacing--4\);
grid-template-rows: auto;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.u-grid-2col-standard {
grid-column-gap: var(--spacing--2\);
grid-row-gap: var(--spacing--2\);
grid-template-rows: auto;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-auto-columns: 1fr;
display: grid;
}
.u-grid-2col-compact {
grid-column-gap: var(--spacing--1\);
grid-row-gap: var(--spacing--1\);
grid-template-rows: auto;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-auto-columns: 1fr;
display: grid;
}
.u-grid-3col-wide {
grid-column-gap: var(--spacing--4\);
grid-row-gap: var(--spacing--4\);
grid-template-rows: auto;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-auto-columns: 1fr;
display: grid;
}
.u-grid-3col-standard {
grid-column-gap: var(--spacing--2\);
grid-row-gap: var(--spacing--2\);
grid-template-rows: auto;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-auto-columns: 1fr;
display: grid;
}
.u-grid-3col-compact {
grid-column-gap: var(--spacing--1\);
grid-row-gap: var(--spacing--1\);
grid-template-rows: auto;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-auto-columns: 1fr;
display: grid;
}
.u-grid-4col-wide {
grid-column-gap: var(--spacing--4\);
grid-row-gap: var(--spacing--4\);
grid-template-rows: auto;
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-auto-columns: 1fr;
display: grid;
}
.u-grid-4col-standard {
grid-column-gap: var(--spacing--2\);
grid-row-gap: var(--spacing--2\);
grid-template-rows: auto;
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-auto-columns: 1fr;
display: grid;
}
.u-grid-4col-compact {
grid-column-gap: var(--spacing--1\);
grid-row-gap: var(--spacing--1\);
grid-template-rows: auto;
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-auto-columns: 1fr;
display: grid;
}
.u-grid-6col-standard {
grid-column-gap: var(--spacing--1\);
grid-row-gap: var(--spacing--1\);
grid-template-rows: auto;
grid-template-columns: repeat(6, minmax(0, 1fr));
grid-auto-columns: 1fr;
display: grid;
}
.div-block-1591 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
align-items: flex-start;
display: flex;
}
.ts-2xs {
flex: none;
font-size: .75rem;
line-height: 1.4em;
}
.list-icon_wrapper {
flex: none;
justify-content: center;
align-items: center;
width: 1.5em;
min-width: 1.5em;
max-width: 1.5em;
height: 1.5em;
min-height: 1.5em;
max-height: 1.5em;
display: flex;
}
.list-icon {
flex: none;
width: 1.2em;
min-width: 1.2em;
height: 1.2em;
min-height: 1.2em;
margin-right: 0;
display: flex;
}
.cc-image {
flex-direction: row;
justify-content: space-between;
width: 160px;
min-height: 25px;
display: flex;
position: absolute;
inset: 0% 0% 0% auto;
}
.container-12 {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.code-embed-10 {
height: 1rem;
}
.pb-sg_info-container {
aspect-ratio: 1;
justify-content: center;
align-items: center;
width: 3rem;
font-size: 1.25rem;
font-weight: 600;
line-height: 1;
display: flex;
}
.pb-sg_info-container.cc-subcategory {
aspect-ratio: auto;
flex: none;
width: 100%;
height: 3rem;
font-size: 1.25rem;
position: sticky;
top: 2rem;
}
.pb-sg_bottom-left, .pb-sg_bottom-right {
height: 1px;
padding-bottom: 0;
padding-right: 0;
}
.pb-layouts, .pb-spacing-utilities, .pb-text-utilities, .pb-custom-attributes, .pb-visibility-utils {
display: block;
position: fixed;
inset: 0% auto auto 0%;
}
.pb-modal_button {
background-color: #f0f0f000;
flex: none;
justify-content: center;
align-items: center;
width: 2.5rem;
min-width: 2.5rem;
height: 2.5rem;
min-height: 2.5rem;
display: flex;
}
.pb-modal__close {
pointer-events: none;
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
display: block;
}
.modal-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100svh;
display: flex;
}
.modal-setup {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
display: flex;
}
.modal_buttons-style {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
display: flex;
}
.pb-modal_header {
border-bottom: .5px solid var(--brand--color--border\);
justify-content: space-between;
align-items: center;
min-height: 2.5rem;
padding: .5rem 1rem;
display: flex;
}
.pb-modal_info {
padding: 1rem;
}
.pb-modal_title {
font-weight: 600;
}
.pb-labelss {
z-index: 0;
text-align: center;
flex: none;
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
display: flex;
position: relative;
}
.pb-component_label2-text {
z-index: 1;
color: #f5f5f5;
text-align: center;
font-size: 6px;
font-weight: 600;
line-height: 10px;
position: relative;
}
.pb-component_badge-rotate {
color: #000;
flex: none;
width: 1.5rem;
height: 1.5rem;
display: flex;
}
.pb-component_badge-rotate.is-absolute {
z-index: 0;
position: absolute;
inset: 0%;
}
.sidebar-icons {
color: #060606;
width: 1.5rem;
min-width: 1.5rem;
height: 1.5rem;
min-height: 1.5rem;
display: flex;
}
.os-card__selector-option-header {
grid-column-gap: 7px;
grid-row-gap: 7px;
justify-content: flex-start;
align-items: center;
display: flex;
position: relative;
}
.os-card__selector-option-name {
color: #112526;
flex: none;
font-size: 1.125em;
font-weight: 700;
line-height: 1.2;
}
.os-card__selector-option-name.bb {
color: #391e1d;
}
.os-card__selector-option-name.bb.gruns {
color: #012513;
}
.os-card__selector-option-name.bb.jimmy-joy {
color: #292e2c;
}
.pb-quantity__label-container {
pointer-events: none;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0%;
}
.pb-quantity-side-label {
color: #fff;
flex: none;
transform: rotate(-90deg);
}
.os-card {
z-index: 1;
border: 2px none var(--os--color--border\);
border-radius: var(--os--card--radius);
background-color: var(--os--surface--base);
box-shadow: 0 0 0 var(--os--card--border-width) var(--os--card--border-color);
pointer-events: auto;
color: var(--os--text--primary);
letter-spacing: 0;
cursor: pointer;
flex-flow: column;
justify-content: center;
align-items: stretch;
font-size: .875rem;
transition: all .2s;
display: flex;
position: relative;
overflow: visible;
}
.os-card.os--selected {
z-index: 2;
background-color: #fcfcfc;
border-color: #000;
box-shadow: 0 2px 8px #0003, 0 0 0 2px #303030;
}
.os-card__header-slot {
border-top-left-radius: var(--os--card--radius);
border-top-right-radius: var(--os--card--radius);
overflow: hidden;
}
.os-card__wrapper {
padding: var(--os--card--padding) 1rem var(--os--card-padding);
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
align-items: stretch;
display: flex;
position: relative;
overflow: visible;
}
.os-card__wrapper.os--sm {
padding: .75rem;
}
.os-card__wrapper.pb--0 {
background-color: #fff;
border-radius: 6px;
height: 95px;
padding: 0 1rem 0 .75rem;
overflow: clip;
}
.os-card__content {
grid-column-gap: var(--os--card--gap);
grid-row-gap: var(--os--card--gap);
flex-direction: row;
flex: 1;
justify-content: space-between;
align-items: stretch;
line-height: 1.5;
display: flex;
}
.os-card__content.os--align-top {
aspect-ratio: auto;
align-items: flex-start;
}
.os-card__content.os--align-middle {
align-items: center;
line-height: 1;
}
.os-card__main-slot {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: column;
flex: 1;
justify-content: space-between;
align-items: flex-start;
width: 100%;
display: flex;
position: relative;
}
.os-card__main-slot.os--center {
text-align: center;
align-items: center;
}
.os-card__main-slot.os--full {
text-align: center;
align-items: center;
margin-left: -2rem;
}
.os-card__bottom-slot {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
align-items: flex-start;
display: flex;
}
.os-card__label-slot {
pointer-events: none;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0%;
}
.os-cards__vertical {
grid-column-gap: var(--os--card-gap);
grid-row-gap: var(--os--card-gap);
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
position: static;
}
.os-card__banner {
background-color: var(--os--color--primary);
color: var(--os--color--tertiary-foreground);
justify-content: space-between;
align-items: center;
height: 2rem;
padding-left: .75rem;
padding-right: .75rem;
font-family: Inter, Arial, sans-serif;
font-size: .785rem;
font-weight: 700;
display: flex;
position: static;
inset: 0% 0% auto;
}
.os-card__banner-content {
grid-column-gap: 6px;
grid-row-gap: 6px;
flex: 1;
justify-content: flex-start;
align-items: center;
display: flex;
position: relative;
}
.os-card__banner-content.os--align-center {
justify-content: center;
align-items: center;
}
.os-card__banner-timer {
background-color: #fff3;
border-radius: 20px;
padding-left: 10px;
padding-right: 10px;
}
.os-card__title-section {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
align-items: stretch;
height: 100%;
display: flex;
}
.os-card__title-section.os--min-2 {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
min-height: 2rem;
}
.os-card__title-section.os--center {
align-items: center;
}
.os-card__title-section.os--center.os--gap-none {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
}
.os-card__title-wrapper {
grid-column-gap: 7px;
grid-row-gap: 7px;
justify-content: flex-start;
align-items: center;
display: flex;
position: relative;
}
.os-card__title {
flex: none;
font-size: 1.125em;
font-weight: 700;
line-height: 1.2;
}
.os-card__title.os-sm {
font-size: 1em;
}
.os-card__subtitle-wrapper {
grid-column-gap: 6px;
grid-row-gap: 6px;
justify-content: flex-start;
align-items: center;
font-family: Inter, Arial, sans-serif;
display: flex;
}
.os-card__subtitle-text {
font-family: Circular Std, Arial, sans-serif;
font-size: .875em;
font-weight: 400;
line-height: 1;
}
.os-card__subtitle-text.os--thin, .os-card__subtitle-text.os--sm {
font-size: .825em;
font-weight: 400;
}
.os-card__features {
color: var(--os--color--neutral-800);
}
.os-card__features-list {
grid-column-gap: 1.5rem;
grid-row-gap: .25rem;
flex-direction: column;
justify-content: space-between;
margin-top: .25rem;
margin-bottom: 0;
padding-left: 0;
font-family: Inter, Arial, sans-serif;
display: flex;
}
.os-card__feature-item {
grid-column-gap: .25rem;
justify-content: flex-start;
align-items: flex-start;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
display: flex;
}
.os-card__benefit-icon-svg {
flex: none;
justify-content: center;
align-items: center;
width: 1.2em;
min-width: 1.2em;
height: 1.2em;
min-height: 1.2em;
margin-right: 0;
display: flex;
}
.os-card__feature-text {
font-family: Circular Std, Arial, sans-serif;
font-size: .7rem;
font-weight: 400;
}
.os-card__secondary-slot {
flex: 0 auto;
justify-content: flex-end;
display: flex;
}
.os-card__pricing {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: column;
justify-content: space-around;
align-items: flex-end;
font-size: 1rem;
display: flex;
}
.os-card__price-container {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: row;
justify-content: flex-start;
align-items: center;
line-height: 1.2;
display: flex;
}
.os-card__price-container.os--stacked {
flex-flow: column;
justify-content: center;
align-items: flex-end;
}
.os-card__price {
font-weight: 500;
}
.os-card__price.os--current {
font-weight: 600;
}
.os-card__price.os--current.os-sm {
font-size: .725rem;
font-weight: 500;
}
.os-card__price.os--compare {
color: #746b84;
font-weight: 400;
text-decoration: line-through;
}
.os-card__price-badge {
background-color: var(--os--color--tertiary-light);
color: var(--os--color--tertiary-dark);
text-transform: uppercase;
border-radius: 4px;
padding: 2px 4px;
font-size: 10px;
font-weight: 700;
}
.os-card__gift-section {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
margin-top: .5rem;
display: flex;
}
.os-card__divider {
z-index: 1;
grid-column-gap: 1rem;
justify-content: center;
align-items: center;
width: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.os-card__divider-line {
background-color: #e0e0e0;
width: 100%;
height: 1px;
}
.os-card__divider-text {
white-space: nowrap;
flex: none;
font-size: .75rem;
font-weight: 600;
}
.os-card__divider-text.bb {
color: #320e0e;
}
.os-card__divider-text.bb.gruns {
color: #012513;
}
.os-card__divider-text.bb.jimmy-joy {
color: #292e2c;
font-weight: 700;
}
.os-card__gifts-container {
min-width: 300px;
}
.os-card__gift-cards {
grid-column-gap: .5rem;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
place-items: center stretch;
margin-bottom: .5rem;
display: flex;
position: relative;
}
.os-card__gift-card {
border: 1px dashed var(--os--border--color);
border-radius: var(--os--card--radius);
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 2px;
transition: border-color .12s cubic-bezier(.645, .045, .355, 1);
display: flex;
position: relative;
overflow: visible;
}
.os-card__gift-card.os-card__gift-card--active {
color: #292e2c;
border-width: 1.4px;
border-color: #e9e9e9;
border-radius: .375rem;
}
.os-card__gift-card.os-card__gift-card--active.bb {
border-color: #e9e9e9;
}
.os-card__gift-badge {
z-index: 5;
border-radius: 4px;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: -8px 0% auto;
}
.os-card__gift-badge.os--full {
flex-flow: column;
align-items: stretch;
width: 100%;
position: static;
}
.os-card__gift-badge.os--top {
background-color: #000;
border-radius: 7px;
position: absolute;
inset: -.5rem auto auto;
}
.os-card__gift-badge-text {
z-index: 500;
background-color: var(--os--color--neutral-950);
color: #fff;
letter-spacing: -.03em;
border-radius: .25rem;
justify-content: center;
align-items: center;
padding: 2px .5rem;
font-family: Circular Std, Arial, sans-serif;
font-size: .6rem;
font-weight: 700;
text-decoration: none;
display: flex;
}
.os-card__gift-badge-text.bb {
color: #320e0e;
background-color: #fbe6e6;
padding-top: 2px;
padding-bottom: 2px;
font-family: Circular Std, Arial, sans-serif;
}
.os-card__gift-badge-text.bb.gruns {
color: #012513;
background-color: #e0eee8;
border: 1px solid #00000012;
}
.os-card__gift-badge-text.bb.jimmy-joy {
color: #fff;
background-color: #43bdaa;
border: 1px solid #eeefef;
border-radius: .25rem;
font-family: "Gt Walsheim Trial Bf 651 B 7 Fc 737 C 57", Arial, sans-serif;
font-weight: 700;
}
.os-card__gift-price {
margin-left: .15rem;
text-decoration: line-through;
}
.os-card__gift-content {
position: relative;
overflow: clip;
}
.os-card__gift-image {
z-index: 1;
aspect-ratio: 1;
opacity: 0;
background-color: #fff;
width: 100%;
height: 100%;
position: relative;
}
.os-card__gift-image.os--landscape {
aspect-ratio: 3 / 2;
}
.os-card__gift-image.jimmy-joy {
background-color: #d6f8f0;
}
.os-card__gift-info {
z-index: 5;
grid-column-gap: .75rem;
grid-row-gap: .75rem;
color: #000;
flex-direction: column;
justify-content: center;
align-items: center;
width: 1rem;
min-width: 1rem;
height: 1rem;
min-height: 1rem;
display: flex;
position: absolute;
inset: .75rem .5rem auto auto;
}
.os-card__gift-info.os--top {
top: .5rem;
}
.os-card__gift-info--icon {
flex-direction: column;
justify-content: center;
align-items: center;
width: .75rem;
height: .75rem;
display: flex;
}
.os-card__gift-locker {
z-index: 0;
aspect-ratio: 3 / 2;
background-color: #fff;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0%;
}
.os-card__gift-locker-icon {
color: #3e3e3e70;
flex-direction: column;
justify-content: center;
align-items: center;
width: 2rem;
height: 2rem;
display: flex;
}
.os-card__gift-locker-text {
color: #3e3e3e70;
text-align: center;
font-size: .65rem;
font-weight: 700;
display: block;
}
.os-card__gift-titles {
grid-column-gap: .25rem;
grid-row-gap: 1rem;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
place-items: center stretch;
display: flex;
position: relative;
}
.os-card__gift-title {
z-index: 2;
color: #777;
text-align: center;
justify-content: center;
align-items: center;
width: 100%;
height: 1rem;
display: flex;
position: relative;
}
.os-card__gift-title.os-card__gift-title--active {
color: #000;
font-weight: 600;
}
.os-card__gift-title-text {
font-size: .7rem;
}
.os-card__gift-title-text.bb {
color: #320e0e;
font-family: Circular Std, Arial, sans-serif;
font-size: .7rem;
font-weight: 700;
}
.os-card__gift-title-text.gruns {
color: #012513;
}
.os-card__gift-title-text.jimmy-joy {
color: #292e2c;
}
.os-card__footer-banner {
color: #fff;
background-color: #282724;
border-radius: 0 0 .25rem .25rem;
justify-content: flex-start;
align-items: center;
height: auto;
font-size: .785rem;
font-weight: 700;
display: flex;
}
.os-card__banner-image {
width: 2.75rem;
}
.os_card__banner-image_item {
background-color: var(--os--card--border-color);
width: 2.75rem;
}
.os-card__banner-cont {
grid-column-gap: 6px;
grid-row-gap: 6px;
flex: 1;
justify-content: flex-start;
align-items: center;
display: flex;
position: relative;
}
.os-card__banner-cont.os--align-center {
justify-content: center;
align-items: center;
}
.os-card__label {
z-index: 0;
background-color: var(--os--color--accent);
pointer-events: auto;
color: var(--os--color--accent-foreground);
border-top-left-radius: .25rem;
border-top-right-radius: .25rem;
justify-content: center;
align-items: center;
height: 1rem;
padding-left: 6px;
padding-right: 6px;
font-size: .6rem;
font-weight: 600;
display: flex;
position: absolute;
inset: -1rem auto auto;
}
.os-card__label.os-card__label--top-center {
background-color: #20201f;
left: auto;
right: auto;
}
.os-card__label.pb--left-y {
border-top-right-radius: 0;
border-bottom-left-radius: .25rem;
width: 1rem;
min-height: 80%;
padding-left: 0;
padding-right: 0;
font-size: .5rem;
inset: auto auto auto -1rem;
}
.os-card__label.pb--left-y.os-best-seller {
color: var(--os--color--tertiary-light);
background-color: #303030;
}
.os-card__label.os-card__label--middle-center {
background-color: #1a161f;
border-radius: .25rem;
top: -.5rem;
left: auto;
right: auto;
}
.os-cards__grid {
grid-column-gap: var(--os--card-gap);
grid-row-gap: var(--os--card-gap);
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
position: static;
}
.os-cards__grid.os--two {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.os-cards__grid.os--three {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.os-card__media {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-radius: var(--os--card--radius);
background-color: var(--os--card--border-color);
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
max-width: 60px;
max-height: 60px;
padding-left: 0;
padding-right: 0;
display: flex;
position: relative;
}
.os-card__media.os-full {
background-color: var(--os--state--disabled);
max-width: none;
max-height: none;
}
.os-card__image {
z-index: 1;
pointer-events: auto;
object-fit: cover;
border-radius: 5px;
width: 100%;
max-width: none;
height: 100%;
display: block;
position: relative;
}
.os--align-center {
text-align: center;
}
.right {
z-index: 10;
border-left: .5px solid #ebebeb;
grid-area: secondary-sidebar;
position: relative;
overflow: hidden;
}
.dots-grid {
z-index: 0;
pointer-events: none;
color: #999;
height: 100%;
position: absolute;
inset: 0%;
}
.os-card__products-section {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
align-items: stretch;
width: 100%;
height: 100%;
display: flex;
}
.os-card__product-item {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: space-between;
align-items: stretch;
display: flex;
}
.os-card__product-detals {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
align-items: center;
display: flex;
}
.os-card__product-image--wrapper {
border-radius: 4px;
width: 2rem;
height: 2rem;
overflow: clip;
}
.os-card__product-image {
width: 100%;
height: 100%;
}
.os-card__product-info {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
display: flex;
}
.os-card__product-price {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: column;
justify-content: center;
align-items: flex-end;
line-height: 1;
display: flex;
}
.os-card__product-price--current {
font-size: .925rem;
}
.os-card__product-price--regular {
color: #737373;
font-size: .75rem;
text-decoration: line-through;
}
.data-examples {
background-color: #fcfcfc;
flex-flow: column;
padding-top: 4rem;
padding-bottom: 4rem;
display: block;
position: relative;
}
.selector_holder {
z-index: 1;
background-color: #fff;
border-radius: 4px;
padding: 2rem;
position: relative;
box-shadow: 0 .5rem .625rem -.3125rem #00000014, 0 .3125rem .3125rem -.15625rem #00000008, 0 .1875rem .1875rem -.09375rem #00000005, 0 .125rem .125rem -.0625rem #00000005, 0 .0625rem .0625rem -.03125rem #00000008, 0 .03125rem .03125rem 0 #0000000a, 0 0 0 .0625rem #0000000f;
}
.selector_holder.align-center {
border-radius: 8px;
box-shadow: 0 .5rem .625rem -.3125rem #00000014, 0 .3125rem .3125rem -.15625rem #00000008, 0 .1875rem .1875rem -.09375rem #00000005, 0 .125rem .125rem -.0625rem #00000005, 0 .0625rem .0625rem -.03125rem #00000008, 0 .03125rem .03125rem 0 #0000000a, 0 0 0 .0625rem #0000000f;
}
.radio-styles {
display: none;
transform: rotate(-90deg);
}
.radio-inner {
width: .5rem;
height: .5rem;
}
.radio-style-1 {
top: .05em;
}
.os-card__radio {
border-radius: 50%;
flex: none;
width: 1rem;
height: 1rem;
}
.os-card__variant-dropdown-toggle {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
border: 1px solid var(--component--color--border\);
border-radius: var(--os--card--radius);
letter-spacing: -.006em;
background-color: #fff;
justify-content: center;
align-items: center;
height: 100%;
min-height: 2.75rem;
padding: .5rem .75rem;
font-size: .875rem;
font-weight: 600;
line-height: 1.25rem;
transition: box-shadow .2s, color .2s ease-out, background-color .2s ease-out;
display: flex;
}
.os-card__variant-dropdown-toggle:hover {
border-color: var(--component--color--border-hover\);
}
.os-card__variant-dropdown-toggle:focus {
outline-offset: 0px;
outline: 3px #e148c0;
box-shadow: 0 0 0 3px #3333331a;
}
.os-card__variant-dropdown-toggle.w--open {
box-shadow: none;
}
.os-card__variant-dropdown-list {
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
}
.os-card__variant-dropdown-list.w--open {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
background-color: #1414143d;
border: 1px solid #00000045;
border-radius: .5rem;
flex-flow: column;
max-height: 20rem;
margin-top: .25rem;
padding: .5rem;
display: flex;
overflow: auto;
box-shadow: 0 16px 32px -12px #0000001a;
}
.os-card__variant-dropdown-wrapper {
flex: 1;
}
.os-card__variant-dropdown-item {
border-radius: var(--os--border--radius);
font-size: .875rem;
list-style-type: none;
}
.os-card__variant-dropdown-item:hover {
background-color: #ffffff1c;
}
.os-card__variant-dropdown-item.selected {
background-color: var(--os--color--neutral-50);
}
.os-card__toggle-option {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: wrap;
flex: 1;
justify-content: space-between;
align-items: center;
padding: .75rem;
display: flex;
}
.os-card__toggle-option.os--main {
padding: 0;
}
.os-card__variant-dropdown-component {
z-index: 1;
width: 100%;
height: 100%;
}
.os-card__variant-toggle-info {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
align-items: center;
display: flex;
}
.os-card__variant-dropdown-menu {
border-radius: var(--os--border--radius);
font-size: .875rem;
}
.os-card__variant-dropdown-menu.w--open {
z-index: 4;
border: 1px solid var(--component--color--border\);
background-color: #fff;
border-radius: 4px;
width: 100%;
min-width: auto;
max-width: none;
max-height: none;
margin-top: .5rem;
padding: 0;
overflow: auto;
}
.selector_holder-description {
background-color: #e4e4e4;
padding: .75rem;
}
.os-card__variants-container {
grid-column-gap: .15rem;
grid-row-gap: .15rem;
flex-flow: column;
width: 100%;
display: flex;
}
.os-card__variant-options {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
width: 100%;
display: flex;
}
.os-card__variant-label-number {
width: 2rem;
}
.os-card__variant-label-item {
color: #555;
justify-content: space-between;
align-items: center;
font-size: .725rem;
font-weight: 600;
display: flex;
}
.os-card__variant-number {
border-radius: var(--os--card--radius);
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
font-size: .825rem;
font-weight: 600;
display: flex;
}
.os-card__variant-number.os-option {
color: var(--os--color--primary);
background-color: #f3f3f3;
}
.os-card__variant-grid {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
grid-template-rows: auto;
grid-template-columns: minmax(2.5rem, 2.5rem) 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: grid;
}
.os-card__variant-label {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
color: #666;
grid-template-rows: auto;
grid-template-columns: 2.5rem 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
font-size: .825rem;
font-weight: 600;
display: grid;
}
.os-card__variant-toggle-name.os--font-bold {
font-weight: 600;
}
.os-card__variant-dropdown-icon {
width: 1rem;
height: 1rem;
display: flex;
}
.os-card__variant-toggle-price {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
align-items: center;
line-height: 1;
display: flex;
}
.os-card__variant-toggle-price--compare {
color: #ed093b;
font-size: .725rem;
font-weight: 400;
position: relative;
top: 0;
}
.os-card__variant-toggle-price--sale {
color: var(--os--color--primary);
font-weight: 600;
}
.variant_group {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: column;
display: flex;
}
.div-block-1451 {
background-color: var(--os--color--tertiary);
color: #fff;
border-radius: 100px;
padding: 4px 8px;
font-family: Inter, Arial, sans-serif;
font-size: .75rem;
font-weight: 700;
line-height: 1;
display: inline-flex;
}
.container {
width: 100%;
max-width: 86rem;
margin-left: auto;
margin-right: auto;
padding-left: 2.5rem;
padding-right: 2.5rem;
position: relative;
}
.container.cc-small {
max-width: 72rem;
}
.slot-override, .auto-expand, .card-conditional-system, .tooltips, .switches, .variant-swatches, .variant-dropdowns, .form-main {
display: none;
transform: rotate(-90deg);
}
.os-button {
border: 2px solid var(--os--color--primary);
border-radius: var(--os--radius--lg);
background-color: var(--os--color--primary);
color: var(--os--color--primary-foreground);
text-align: center;
justify-content: center;
align-items: center;
width: 100%;
min-height: 4.5rem;
padding: .75rem 1rem;
font-weight: 600;
text-decoration: none;
transition: background-color .12s, border .12s;
display: flex;
position: relative;
}
.os-button:hover {
border-color: var(--os--color--primary-hover);
background-color: var(--os--color--primary-hover);
}
.os-button.os--inactive {
border-color: var(--os--state--disabled);
background-color: var(--os--state--disabled);
pointer-events: none;
color: var(--os--state--disabled-text);
}
.os-button.bb {
background-color: #391e1d;
border-color: #391e1d;
}
.os-button.bb.gruns.button-13 {
background-color: #20201f;
border: 1px solid #1d1c1a;
box-shadow: inset 0 -.0625rem 0 .0625rem #000c, inset 0 0 0 .0625rem #303030, inset 0 .03125rem 0 .09375rem #ffffff40;
}
.os-button.bb.gruns.button-13.jimmy-joy {
background-color: #292e2c;
background-image: none;
border: 2px solid #fff;
border-radius: 10px;
box-shadow: 0 0 0 1px #eeefef;
}
.os-button__price-bubble {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
border-radius: var(--os--radius--full);
background-color: var(--os--color--primary-dark);
align-items: center;
padding: .25rem .5rem .25rem .75rem;
font-size: 1rem;
display: flex;
}
.os-button__price-bubble.bb {
background-color: #291615;
}
.os-button__price-bubble.bb._2 {
color: #fff;
background-color: #ffffff24;
}
.os-button__price-bubble.bb.gruns {
background-color: #ffffff1c;
}
.pb-form-price__amount {
font-weight: 600;
}
.pb-form-price__amount.pb--compare {
font-weight: 400;
text-decoration: line-through;
}
.pb-form-price__amount.pb--compare.os-compare {
color: #ffffffb8;
}
.pb-form-price__amount.pb--compare.os-compare.os-big.jimmy-joy {
color: #ffffff78;
}
.pb-form-price__amount.os--big, .pb-form-price__amount.os--big.jimmy-joy {
color: #fff;
}
.os-button__main-slot {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
align-items: center;
display: flex;
}
.os-button__main-slot.os--center {
justify-content: center;
align-items: center;
}
.os-button__text {
color: #fff;
font-weight: 700;
}
.os-button__text.jimmy-joy {
color: #fff;
}
.os-button__secondary-slot {
flex-flow: column;
justify-content: center;
align-items: stretch;
display: flex;
}
.os-button__counter-bubble {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
background-color: #ffffff1f;
border-radius: 100px;
align-items: center;
padding: .25rem .5rem .25rem .75rem;
font-size: 1rem;
display: flex;
}
.os-button__counter-bubble.os--absolute {
padding-right: .75rem;
position: absolute;
inset: auto 0% auto auto;
}
.os-button__counter-bubble.os--absolute.os-inactive {
background-color: #0000001f;
}
.os-button__count {
font-weight: 600;
}
.os-button__spinner {
width: 100%;
height: 100%;
transition: opacity .2s;
position: absolute;
}
.buttons-spinners {
display: none;
transform: rotate(-90deg);
}
.os-button__icon {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
display: block;
}
.os-button__icon.os--absolute {
color: #fff;
position: absolute;
inset: auto 0% auto auto;
}
.os-button__icon.os--absolute.jimmy-joy {
color: #fff;
}
.product-gifts {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.reward-divider {
background-color: var(--os--color--primary);
color: #fff;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
display: flex;
position: absolute;
inset: -12px auto auto;
}
.product-gift-w {
border-top: 1px solid var(--os--border--color);
border-bottom: 1px solid var(--os--border--color);
justify-content: space-between;
align-items: center;
width: 100%;
padding-top: 8px;
padding-bottom: 8px;
display: flex;
}
.product-gift-w.second {
border-top-style: none;
}
.product-gift-left {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: flex-start;
align-items: center;
display: flex;
}
.product-gift-img {
background-color: var(--os--color--secondary-lighter);
border-radius: 4px;
width: 64px;
height: 64px;
}
.product-gift-p {
font-size: .875rem;
}
.span-bold {
font-weight: 600;
}
.gift-price-w {
grid-column-gap: 6px;
grid-row-gap: 6px;
justify-content: flex-start;
align-items: center;
font-size: .875rem;
display: flex;
}
.qs-price {
color: #253644;
font-weight: 700;
}
.qs-price.compare {
color: #9f9f9f;
font-weight: 400;
text-decoration: line-through;
}
.gift-free-w {
color: #fff;
background-color: #000;
border-radius: 50px;
padding-left: 12px;
padding-right: 12px;
font-weight: 600;
}
.divider-icon {
justify-content: center;
align-items: center;
display: flex;
}
.limited-time-sets {
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.limited-time-discount-w {
text-align: center;
width: 25%;
}
.limited-time-discounts {
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.limited-time-set-w {
text-align: center;
width: 25%;
}
.meter-bar {
background-color: #dbdbdb;
width: 52px;
height: 4px;
}
.meter-bar.active {
background-color: var(--os--color--secondary);
background-color: #00bfa5;
}
.p-cervino {
letter-spacing: .32px;
margin-top: 2px;
font-weight: 600;
line-height: 1;
}
.p-cervino._14 {
color: #848484;
letter-spacing: 0;
font-size: 14px;
}
.meter-dot {
background-color: #dbdbdb;
border-radius: 50px;
width: 14px;
height: 14px;
}
.meter-dot.active {
background-color: var(--os--color--secondary);
background-color: #00bfa5;
}
.p-12 {
font-size: 12px;
}
.p-12._500 {
font-weight: 500;
}
.limited-time-meter {
justify-content: center;
align-items: center;
margin-top: 10px;
margin-bottom: 8px;
display: flex;
}
.pb-quantity__info-overlay {
z-index: 5;
grid-column-gap: .75rem;
grid-row-gap: .75rem;
color: #000;
flex-direction: column;
justify-content: center;
align-items: center;
width: 1rem;
min-width: 1rem;
height: 1rem;
min-height: 1rem;
display: flex;
position: absolute;
inset: .25rem .25rem auto auto;
}
.os-card__selector-option-info {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: row;
flex: 1;
justify-content: space-between;
align-items: center;
width: auto;
display: flex;
position: relative;
}
.os-card__selector-action-label {
background-color: var(--os--color--surface\);
color: var(--os--color--primary);
letter-spacing: 0;
text-transform: uppercase;
border-radius: 0 0 6px 6px;
justify-content: center;
align-items: center;
height: 1rem;
padding-left: .5rem;
padding-right: .5rem;
font-family: Inter, Arial, sans-serif;
font-size: .55rem;
font-weight: 600;
line-height: 1;
display: flex;
position: absolute;
inset: -1.5rem auto auto;
}
.os-card__selector-action-label.os--bestseller {
color: #303030e6;
-webkit-text-stroke-color: #391e1d;
background-color: #e6e6e6;
font-family: Circular Std, Arial, sans-serif;
font-size: .6rem;
font-weight: 700;
}
.os-card__selector-action-label.os--backinstock {
color: #303030e6;
background-color: #e6e6e6;
font-family: Circular Std, Arial, sans-serif;
font-size: .6rem;
font-weight: 700;
}
.os-card__selector-action-label.os--backinstock.bb {
color: #044d65;
background-color: #e9fffe;
font-size: .6rem;
}
.os-card__selector-action-label.os--backinstock.bb._1 {
color: #481950;
background-color: #f8ecff;
}
.os-card__selector-action-label.os--backinstock.bb._2 {
color: #e28b3f;
background-color: #fff1e2;
}
.os-card__selector-action-label.os--backinstock.gruns {
color: #007e3f;
background-color: #e6f6eb;
}
.os-card__selector-action-label.os--backinstock.gruns._3 {
color: #725e15;
background-color: #fff1cb;
}
.os-card__selector-action-label.os--backinstock.gruns-2 {
color: #fff;
background-color: #00592d;
}
.os-card__selector-action-label.os--backinstock.jj1.sb {
color: #d15052;
background-color: #fdeaee;
}
.os-card__selector-action-label.os--backinstock.new {
color: #003da0;
background-color: #cce9f7;
left: 27px;
}
.pb-quantity__image {
z-index: 1;
pointer-events: auto;
object-fit: contain;
width: 80%;
max-width: none;
height: 100%;
display: block;
position: relative;
}
.pb-quantity__image.card {
opacity: 1;
}
.pb-quantity__image.template {
width: 98%;
}
.pb-quantity__widget {
border-radius: 0 0 4px 4px;
width: 100%;
line-height: 1;
position: absolute;
bottom: -1.15rem;
left: auto;
right: auto;
}
.os-quantity__information--wrapper {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: column;
display: flex;
}
.os-card__quantity-selector-item {
letter-spacing: -.02em;
background-color: #fff;
border-radius: .25rem;
flex-flow: column;
justify-content: center;
align-items: stretch;
font-size: .875rem;
transition: background-color .2s;
display: flex;
position: relative;
overflow: visible;
box-shadow: 0 0 0 1px #eaeaea;
}
.custom-css-4 {
display: none;
transform: rotate(-90deg);
}
.os-card__selector-reviews {
grid-column-gap: .15rem;
grid-row-gap: .15rem;
border-radius: 0 0 4px 4px;
justify-content: center;
align-items: center;
height: 1rem;
padding-left: .35rem;
padding-right: .5rem;
font-size: .6em;
font-weight: 500;
display: flex;
}
.os-card__selector-stars {
color: #000;
display: flex;
}
.os-card__selector-status-badge {
color: #424242;
background-color: #e6e6e6;
border-radius: 3px;
padding: 3px 6px;
font-family: Inter, Arial, sans-serif;
font-size: 8px;
font-weight: 700;
}
.pb-quantity__actions {
border: 4px #fcfcfc;
border-radius: 100px;
flex-direction: row;
flex: none;
justify-content: center;
align-items: center;
width: 6rem;
margin-top: 0;
display: flex;
position: relative;
}
.os-card__selector-option-actions {
flex-flow: column;
display: flex;
}
.os-card__selector-option-details {
flex-flow: column;
flex: 1;
justify-content: space-around;
align-items: flex-start;
width: 100%;
min-height: 2.5rem;
display: flex;
}
.os-card__selector-option-details.bb {
padding-left: 20px;
}
.os-card__selector-star {
color: var(--os--color--rating);
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.2em;
height: 1.2em;
margin-top: 1px;
display: flex;
position: relative;
top: 0;
}
.os-card__selector-option-description {
color: #000;
font-size: .875em;
font-weight: 500;
line-height: 1;
}
.os-card__selector-option-description.pb--xs {
color: #3e3e3e;
letter-spacing: -.01em;
font-family: Circular Std, Arial, sans-serif;
font-size: .725em;
font-weight: 400;
}
.pb-quantity__info-icon {
flex-direction: column;
justify-content: center;
align-items: center;
width: .75rem;
height: .75rem;
display: flex;
}
.os-card__selector-option-media {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
background-color: var(--os--color--primary-lighter);
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
width: 100%;
max-width: 60px;
max-height: 60px;
padding-left: 0;
padding-right: 0;
display: flex;
position: relative;
}
.os-card__selector-option-media.pb--large {
background-color: #eaeaea;
border-radius: 4px 0 0 4px;
min-width: 80px;
max-width: 0;
min-height: 80px;
max-height: 0;
}
.os-card__selector-option-media.pb--large._1 {
background-color: #fef0f0;
}
.os-card__selector-option-media.pb--large._1.gruns {
background-color: #dfeee7;
}
.os-card__selector-option-media.pb--large._1.jimmy-joy {
background-color: #fdeaee;
}
.os-card__selector-option-media.pb--large._1.jimmy-joy._2 {
background-color: #fff9d9;
}
.os-card__selector-option-media.pb--large._2 {
background-color: #e9fffe;
}
.os-card__selector-option-media.pb--large._3 {
background-color: #f8ecff;
}
.os-card__selector-option-media.pb--large._3.gruns {
background-color: #fff1cb;
}
.os-card__selector-option-media.pb--large._3.jimmy-joy {
background-color: #faecdf;
}
.os-card__selector-option-media.pb--large._4 {
background-color: #fff1e2;
}
.os-card__selector-option-media.pb--large._4.jimmy-joy {
background-color: #e3f3ff;
}
.os-card__selector-option-media.pb--large._5.jimmy-joy {
background-color: #dfefc8;
}
.os-card__selector-option-media.pb--large._6.jimmy-joy {
background-color: #f8e5d7;
}
.os-card__selector-option-media.pb--large._7 {
background-color: #fff0c9;
}
.os-card__selector-option-media.pb--large._8 {
background-color: #f2e2d5;
}
.os-card__selector-option-media.pb--large._9 {
background-color: #fdfdd9;
}
.os-card__selector-options {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
position: static;
}
.os-card__selector-option {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
align-items: stretch;
padding: 0 1rem 0 0;
display: flex;
position: relative;
overflow: visible;
}
.os-card__unit-container {
grid-column-gap: 0px;
grid-row-gap: 0px;
font-size: .825rem;
display: flex;
}
.os-price--unit {
font-size: .725rem;
}
.os-form {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
color: var(--os--text--primary);
flex-flow: column;
display: flex;
}
.os-form__step {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
display: flex;
}
.os-form__step-title {
color: #fff;
justify-content: space-between;
align-items: center;
font-size: .825rem;
font-weight: 600;
display: flex;
}
.form-wrapper {
margin-left: auto;
margin-right: auto;
}
.variant_image-wrapper {
width: 1.5rem;
height: 1.5rem;
}
.os-form__cta {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
border-top: .5px #ebebeb;
flex-flow: column;
padding-top: .75rem;
display: flex;
}
.card-templates {
display: none;
transform: rotate(-90deg);
}
.os-cards__subitem {
text-align: center;
margin-top: .5rem;
}
.os-cards__subitem-label {
color: #adadad;
font-size: .725rem;
}
.item_wrap {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
display: flex;
}
.os-form__step-group {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
background-color: var(--os--color--primary-foreground);
border: 1px solid #00000014;
border-radius: .6rem;
flex-flow: column;
padding: 1rem;
display: flex;
box-shadow: 0 0 0 -1px #303030, 0 2px 17px #0000002b;
}
.form-grid_slots {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
max-width: 980px;
margin-left: auto;
margin-right: auto;
display: grid;
}
.os-shipping-bar {
grid-column-gap: 6px;
grid-row-gap: 6px;
border: 1px dashed var(--os--color--neutral-300);
background-color: var(--os--color--neutral-100);
color: var(--os--color--neutral-400);
border-radius: 4px;
justify-content: center;
align-items: center;
padding-top: 6px;
padding-bottom: 6px;
font-size: .875rem;
font-weight: 600;
display: flex;
}
.os-shipping-bar.os--active {
border-color: var(--os--color--success);
background-color: var(--os--color--success-light);
color: var(--os--color--success-dark);
}
.gift__overlay {
z-index: 1;
background-color: var(--os--color--secondary-lighter);
opacity: 0;
pointer-events: none;
border-radius: 4px;
width: 100%;
height: 100%;
transition: background-color .2s;
position: absolute;
inset: 0%;
}
.gift__overlay.is-active {
opacity: 100;
height: 100%;
}
.gift__overlay.is-active.bb {
background-color: #fefcf8;
}
.checkboxes {
display: none;
transform: rotate(-90deg);
}
.logo-soss {
z-index: 3;
width: 18rem;
height: 18rem;
position: relative;
}
.hero__wrapper {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
display: flex;
}
.hero__left {
flex-flow: column;
flex: none;
width: 50%;
display: flex;
}
.hero__left.cc-55 {
width: 55%;
}
.hero__left-wrapper.cc-sticky {
position: sticky;
top: 4rem;
}
.hero__mobile-top {
display: none;
}
.order-title-wrapper {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: column;
display: block;
position: relative;
}
.h-hero {
letter-spacing: -.04em;
margin-top: 0;
margin-bottom: 0;
font-family: Circular Std, Arial, sans-serif;
font-size: 2.5rem;
font-weight: 700;
line-height: 1;
}
.h-hero.bb {
margin-top: 3px;
font-family: Circular Std, Arial, sans-serif;
}
.h-hero.bb.gruns {
color: #012513;
margin-top: 90px;
}
.component.is-sw20 {
width: 100%;
height: 100%;
overflow: hidden;
}
.swiper8_component {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
width: 100%;
max-width: 100%;
display: flex;
overflow: visible;
}
.slider_component {
flex-flow: column;
width: 100%;
display: flex;
position: relative;
}
.slider_component.is-v6 {
flex-flow: column;
display: flex;
}
.slider_component.is-sw20 {
height: 100%;
}
.swiper {
width: 100%;
height: auto;
}
.swiper.is-sw20 {
height: 100%;
}
.swiper-wrapper {
width: 100%;
height: auto;
}
.swiper-wrapper.sw20 {
height: 100%;
}
.swiper-slide {
border-radius: var(--os--border--radius);
background-color: var(--os--color--neutral-50);
}
.swiper-slide.sw20 {
height: 100%;
}
.swiper-slide.sw20.template {
background-color: #fafafa;
}
.swiper-slide.sw20.gruns {
background-color: #dfeee7;
}
.swiper-slide.sw20.jimmy-joy {
background-color: #e5f8f4;
border-radius: 0;
}
.swiper-slide__image-wrap {
border-radius: 0;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
overflow: clip;
}
.swiper__image {
object-fit: cover;
border-radius: 18px;
width: 100%;
max-width: none;
height: 100%;
}
.swiper__image.mw70 {
max-width: 580px;
height: auto;
max-height: none;
}
.swiper__button {
color: #fff;
cursor: pointer;
background-color: #000;
transition: box-shadow .2s, color .2s, border-color .2s, transform .2s;
}
.swiper__button:active {
transform: scale(.92);
}
.swiper__button.swiper__button--prev {
z-index: 1;
transform-origin: 50%;
border: 2px solid #1d4ed800;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 2rem;
height: 2rem;
display: flex;
position: absolute;
inset: 50% auto auto 1.2rem;
transform: translate(0, -50%);
box-shadow: 0 0 1rem #1d4ed800;
}
.swiper__button.swiper__button--prev:hover {
border-color: #2a2552;
}
.swiper__button.swiper__button--prev:active {
box-shadow: 0 0 1rem #2a255236;
}
.swiper__button.swiper__button--next {
z-index: 1;
transform-origin: 50%;
border: 2px solid #1d4ed800;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 2rem;
height: 2rem;
display: flex;
position: absolute;
inset: 50% 1.25rem auto auto;
transform: translate(0, -50%);
box-shadow: 0 0 1rem #1d4ed800;
}
.swiper__button.swiper__button--next:hover {
border-color: #2a2552;
}
.swiper__button.swiper__button--next:active {
box-shadow: 0 0 1rem #2a255236;
}
.swiper-button_icon-2 {
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex;
}
.swiper__navigation {
z-index: 2;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.swiper__navigation.is-v4 {
width: 100%;
height: 1.5rem;
margin-left: auto;
margin-right: auto;
display: block;
position: absolute;
inset: auto auto 0 50%;
transform: translate(-50%);
}
.swiper__navigation.is-sw20 {
width: 100%;
height: 1.5rem;
margin-left: auto;
margin-right: auto;
display: none;
position: absolute;
inset: auto auto 0 50%;
transform: translate(-50%);
}
.swiper-pagination-3 {
height: 2px;
position: absolute;
inset: 0% 0% auto;
overflow: hidden;
}
.swiper-pagination-3.is-product_hero {
z-index: 5;
height: 2rem;
inset: auto 0% 0%;
}
.swiper-scrollbar.is-hero {
height: 2px;
display: none;
overflow: hidden;
}
.product-thumbnails-holder {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
justify-content: center;
display: flex;
}
.swiper8__thumbnail {
aspect-ratio: 3 / 2;
border-radius: var(--os--border--radius);
background-color: var(--os--color--neutral-50);
opacity: .6;
cursor: pointer;
border: 1px solid #0000;
width: 22%;
}
.swiper8__thumbnail.is-current {
opacity: .69;
background-color: #f1f1f100;
border: 1px solid #30303042;
overflow: clip;
}
.swiper8__thumbnail-image {
object-fit: cover;
border-radius: 5px;
width: 100%;
height: 100%;
}
.hero__left-bottom {
grid-column-gap: 7px;
grid-row-gap: 7px;
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-top: 2rem;
padding-left: 4rem;
padding-right: 4rem;
display: flex;
}
.hero__review-desk {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
text-align: center;
flex-flow: column;
align-items: center;
display: flex;
}
.review_component {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
align-items: center;
font-size: 1em;
line-height: 1;
}
.review_component-wrapper {
grid-column-gap: .6em;
grid-row-gap: .6em;
align-items: center;
padding-top: 5px;
padding-bottom: 5px;
display: flex;
}
.review_component-wrapper.cc-wrap {
flex-flow: column;
justify-content: center;
align-items: center;
}
.review_stars-wrapper {
color: #000;
align-items: center;
display: flex;
}
.review_component-star {
color: #fbbc04;
width: 1.2em;
height: 1.2em;
}
.hero__review-text {
font-weight: 600;
}
.hero__right {
flex: 1;
}
.hero__right-wrapper {
width: 100%;
}
.order-form__wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
display: flex;
position: relative;
}
.order-form__review {
position: relative;
}
.review_divider {
border-left: 1px solid #1f253d24;
padding-left: .6em;
}
.os-card__variant-quantity {
grid-column-gap: .125rem;
grid-row-gap: .125rem;
border-top-style: solid;
border-top-width: 1px;
border-top-color: var(--os--border--color);
border-right-style: solid;
border-right-width: 1px;
border-right-color: var(--os--border--color);
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: var(--os--border--color);
border-left-style: solid;
border-left-width: 1px;
border-left-color: var(--os--border--color);
border-top-left-radius: var(--os--border--radius);
border-top-right-radius: var(--os--border--radius);
border-bottom-left-radius: var(--os--border--radius);
border-bottom-right-radius: var(--os--border--radius);
-webkit-user-select: none;
user-select: none;
background-color: #fff;
justify-content: center;
align-items: center;
padding: .125rem;
font-size: .825rem;
font-weight: 600;
transition-property: all;
transition-duration: .3s;
transition-timing-function: ease;
display: inline-flex;
position: relative;
}
.os-card__variant-quantity:hover {
border-color: var(--os--color--neutral-300);
}
.os-card__variant-quantity-btn {
color: var(--os--text--primary);
cursor: pointer;
border-radius: calc(var(--os--border--radius, 8px) - 2px);
background-color: #fff;
justify-content: center;
align-items: center;
width: 1.75rem;
height: 1.75rem;
padding: 0;
transition-property: all;
transition-duration: .2s;
transition-timing-function: ease;
display: flex;
position: relative;
overflow: hidden;
}
.os-card__variant-quantity-btn:hover {
background-color: var(--os--state--hover);
transform: scale(.95);
}
.os-card__variant-quantity-display {
justify-content: center;
align-items: center;
min-width: 1.75rem;
height: 1.75rem;
font-size: .813rem;
display: flex;
position: relative;
}
.os-card__variant-quantity-number {
pointer-events: none;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
top: 50%;
left: 50%;
overflow: hidden;
transform: translate(-50%, -50%);
}
.os-card__variant-quantity-value {
font-weight: 700;
transition: all .25s cubic-bezier(.34, 1.56, .64, 1);
}
.os-card__variant-quantity-input {
z-index: 1;
color: #1a161f00;
text-align: center;
cursor: pointer;
-webkit-appearance: textfield;
appearance: textfield;
background-color: #fff0;
border: 1px #000;
outline: none;
width: 100%;
height: 100%;
font-weight: 700;
position: absolute;
top: 0;
left: 0;
}
.os-card__variant-quantity-feedback {
z-index: 100;
background-color: var(--os--color--neutral-800);
opacity: 0;
color: #fff;
border-radius: var(--os--border--radius, 8px);
white-space: nowrap;
visibility: hidden;
transform-style: preserve-3d;
padding: .5rem .75rem;
font-size: .75rem;
font-weight: 500;
transition-property: all;
transition-duration: .25s;
transition-timing-function: cubic-bezier(.34, 1.56, .64, 1);
top: -40px;
left: 50%;
transform: scale3d(.95, 1, 1)translate(-50%, -.5rem)translate(-50%);
}
.quantity1 {
display: none;
transform: rotate(-90deg);
}
.os-card__variant-quantity-add-btn {
z-index: 10;
background-color: var(--os--color--primary);
color: var(--os--color--primary-foreground);
cursor: pointer;
border-radius: calc(var(--os--border--radius, 8px) - 1px);
visibility: visible;
justify-content: center;
align-items: center;
padding: 0;
font-size: .75rem;
font-weight: 600;
transition-property: all;
transition-duration: .3s;
transition-timing-function: ease;
display: flex;
position: absolute;
inset: 0%;
transform: scale(1);
}
.os-card__variant-quantity-add-btn.bb {
background-color: #391e1d;
}
.os-card__variant-quantity-add-btn.gruns {
color: #fff;
background-color: #007e3f;
}
.os-card__variant-quantity-add-btn.jimmy-joy {
color: #fff;
letter-spacing: 0;
text-transform: none;
background-color: #42bdaa;
border: 1.5px solid #ffffffe8;
font-family: "Gt Walsheim Trial Bf 651 B 7 Fc 737 C 57", Arial, sans-serif;
font-weight: 700;
}
._04_custom {
display: none;
}
.navbar1__sections {
border-bottom: 1px solid #000;
align-items: center;
display: flex;
}
.container-13 {
width: 100%;
max-width: 86rem;
margin-left: auto;
margin-right: auto;
padding-left: 2.5rem;
padding-right: 2.5rem;
position: relative;
}
.container-13.cc-xs {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
}
.navbar1__wrapper {
justify-content: space-between;
align-items: center;
min-height: 4.5rem;
display: flex;
}
.navbar1__logo, .navbar1__logo-image {
height: 2.5rem;
}
.button-13 {
border-top-style: none;
border-top-width: 2px;
border-top-color: var(--brand--color--cta-primary\);
border-right-style: none;
border-right-width: 2px;
border-right-color: var(--brand--color--cta-primary\);
border-bottom-style: none;
border-bottom-width: 2px;
border-bottom-color: var(--brand--color--cta-primary\);
border-left-style: none;
border-left-width: 2px;
border-left-color: var(--brand--color--cta-primary\);
border-top-left-radius: var(--radius--button\);
border-top-right-radius: var(--radius--button\);
border-bottom-left-radius: var(--radius--button\);
border-bottom-right-radius: var(--radius--button\);
color: var(--brand--color--text-inverse\);
text-align: center;
box-sizing: border-box;
touch-action: manipulation;
background-color: #303030;
background-image: linear-gradient(#30303000 63.53%, #fff0 0%);
outline: 0;
justify-content: center;
align-items: center;
gap: .125rem;
width: 100%;
min-height: 4rem;
padding: .375rem .75rem;
font-size: .875rem;
font-weight: 600;
text-decoration: none;
transition-property: background-color, border;
transition-duration: .12s, .12s;
transition-timing-function: ease, ease;
display: inline-flex;
position: relative;
box-shadow: inset 0 -.0625rem 0 .0625rem #000c, inset 0 0 0 .0625rem #303030, inset 0 .03125rem 0 .09375rem #ffffff40;
}
.button-13.cc-tiny {
width: auto;
min-height: 2.25rem;
padding: .5rem 1rem;
font-size: .875rem;
}
.button-13.is-slot {
color: #fff;
background-color: #25400fe6;
border-width: 1px;
border-color: #4b7826;
width: auto;
min-height: 0;
padding: .75rem 1rem;
font-size: .825rem;
}
.button-13.gruns {
color: #fff;
background-color: #007e3f;
border-color: #012513;
font-size: 1rem;
box-shadow: inset 0 -.0625rem 0 .0625rem #000c, inset 0 0 0 .0625rem #303030, inset 0 .03125rem 0 .09375rem #ffffff40;
}
.cta1_button-content {
grid-column-gap: .5rem;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.blogpost1_title-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-left: auto;
margin-right: auto;
display: flex;
}
.blogpost1_content-top {
justify-content: space-between;
align-items: flex-end;
width: 100%;
display: flex;
}
.adv-header__author-wrapper {
grid-column-gap: 1rem;
text-align: left;
align-items: center;
display: flex;
}
.blogpost1_author-image {
object-fit: cover;
border-radius: 100%;
width: 3.5rem;
min-width: 3.5rem;
height: 3.5rem;
min-height: 3.5rem;
}
.blogpost1_author-text {
font-size: .85rem;
}
.text-weight-semibold {
font-weight: 600;
}
.blogpost1_date-wrapper {
font-size: .75rem;
display: flex;
}
.blogpost1_text-divider {
margin-left: .5rem;
margin-right: .5rem;
}
.listicle_reasons {
grid-row-gap: 4rem;
flex-direction: column;
margin-bottom: 4rem;
display: flex;
}
.content-listicle {
grid-column-gap: 3rem;
align-items: center;
display: flex;
}
.listicle-image {
flex: none;
width: 45%;
}
.show-tablet {
display: none;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.listicle1_content {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
display: flex;
position: relative;
}
.adv-cta__container {
background-color: #fff;
border: 1px solid #eee;
}
.adv-cta__container.gruns {
background-color: #dfeee7;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px;
}
.progress-bar {
background-color: #000;
border-radius: 0;
height: 15px;
position: relative;
}
.content-wrapper {
border-radius: 0;
padding: 2rem;
}
.content-wrapper.gruns {
background-color: #dfeee7;
}
.content-wrapper.jimmy-joy {
background-color: #f5fffd;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px;
}
.adv-cta_grid {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.adv-cta_grid.cc-0 {
margin-bottom: 0;
}
.vertical-wrap__center {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
text-align: center;
flex-flow: column;
align-items: stretch;
display: flex;
}
.divider-5 {
z-index: 10;
grid-column-gap: 1rem;
color: #000;
justify-content: center;
align-items: center;
width: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.divider-5.bf {
grid-column-gap: .5rem;
}
.divider-line-10 {
background-color: #0000001c;
width: 100%;
height: 1px;
}
.divider-line-10.expand {
flex: 1;
}
.div-block-1516 {
grid-column-gap: 6px;
grid-row-gap: 6px;
display: flex;
}
.bf-gift-icon {
width: 12px;
}
.style-guide-card {
text-align: center;
letter-spacing: 1px;
text-transform: uppercase;
flex: none;
font-size: .75rem;
font-weight: 700;
}
.style-guide-card.gruns {
color: #012513;
}
.h-cta {
letter-spacing: -.03em;
margin-top: 0;
margin-bottom: 0;
font-family: Circular Std, Arial, sans-serif;
font-size: 2rem;
font-weight: 700;
line-height: 1.2;
}
.h-cta.gruns {
color: #012513;
}
.u-color-accent {
color: #5a4d69;
}
.u-color-accent.gruns {
color: #007e3e;
}
.u-color-accent.jimmy-joy {
color: #208b7b;
}
.adv-cta__button-holder {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
width: 100%;
max-width: 480px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.button_icon2 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
display: block;
}
.bot_cta_badge_div {
background-color: #f7f7f7;
border: 1px dashed #000;
border-radius: 4px;
justify-content: center;
align-items: center;
padding-top: 10px;
padding-bottom: 10px;
font-size: .75rem;
display: flex;
}
.bot_cta_badge_div.gruns {
background-color: #ebfff5;
border-color: #007e3f;
}
.div-block-2 {
align-items: baseline;
display: flex;
}
.div-block-1514 {
margin-left: 8px;
}
.text-block {
font-weight: 500;
line-height: 18px;
}
.text-block.gruns {
color: #012513;
}
.text-span-6 {
color: #c8202f;
font-weight: 800;
}
.div-block-5 {
margin-left: 13px;
margin-right: 13px;
}
.text-block-4 {
font-size: 18px;
font-weight: 200;
}
.div-block-1513 {
align-items: baseline;
display: flex;
}
.div-block-1517 {
margin-left: 8px;
}
.text-span-7 {
font-weight: 800;
}
.ts-tiny {
font-size: .75rem;
}
.ts-tiny.gruns {
color: #012513;
}
.footer1_component {
grid-column-gap: 1rem;
grid-row-gap: .5rem;
color: #fff;
background-color: #000;
flex-direction: row;
align-items: center;
}
.padding-global-6 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.div-block-1157 {
flex-direction: row-reverse;
justify-content: space-between;
padding-top: 1rem;
padding-bottom: 1rem;
font-size: .75rem;
display: flex;
}
.footer4_bottom-wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 0rem;
white-space: normal;
grid-template-rows: auto;
grid-template-columns: max-content;
grid-auto-columns: max-content;
grid-auto-flow: column;
justify-content: center;
display: flex;
}
.footer_legal-link {
color: #000;
text-decoration: underline;
}
.footer1__credit-text {
display: flex;
}
.container-13-copy {
width: 100%;
max-width: 86rem;
margin-left: auto;
margin-right: auto;
padding-left: 2.5rem;
padding-right: 2.5rem;
position: relative;
}
.container-13-copy.cc-xs {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
}
.container-14 {
width: 100%;
max-width: 86rem;
margin-left: auto;
margin-right: auto;
padding-left: 2.5rem;
padding-right: 2.5rem;
position: relative;
}
.container-14.cc-small {
max-width: 72rem;
}
.pdp-container__inner {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
background-color: #fff;
flex-flow: column;
padding: 4rem;
display: flex;
}
.pdp-container__inner.cc-items {
background-color: #f7f7f7;
}
.pdp-headline-comp {
letter-spacing: -.03em;
margin-top: 0;
margin-bottom: 0;
font-size: 3rem;
font-weight: 700;
line-height: 1.2;
}
.selectors-grids {
grid-column-gap: 0px;
grid-row-gap: 0px;
border: 1px solid #000;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 80%;
margin-left: auto;
margin-right: auto;
display: grid;
}
.selectors_grid-item {
justify-content: center;
align-items: center;
padding: 1rem;
font-size: 1.25rem;
font-weight: 600;
display: flex;
}
.selectors_grid-item.pb-highlight {
color: #fff;
background-color: #000;
}
.pdp-content {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
display: flex;
}
.image-wrapper_widescreen {
aspect-ratio: 16 / 9;
justify-content: center;
align-items: center;
width: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
overflow: hidden;
}
.image-fill {
object-fit: cover;
width: 100%;
height: 100%;
}
.pdp-feature-head {
color: #fff;
text-align: center;
padding: 2rem;
font-weight: 600;
}
.pdp-feature-head.cc-green {
background-color: #000;
}
.pdp-feature-head.cc-red {
background-color: #eb5757;
}
.pdp-feature-head.cc-blue {
background-color: #5787eb;
}
.pdp-subitem-heading {
letter-spacing: -.03em;
margin-top: 0;
margin-bottom: 0;
font-size: 2rem;
font-weight: 700;
line-height: 1.3;
}
.pdp-feature--content {
background-color: #f7f7f7;
padding: 2rem;
}
.list-pdp-component {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-flow: column;
display: flex;
}
.list-pdp-item {
grid-row-gap: 1rem;
flex-direction: column;
display: flex;
}
.pdp-list-item_head {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-direction: row;
align-items: center;
display: flex;
}
.pdp-list-icon {
flex-direction: column;
flex: none;
justify-content: center;
align-items: center;
width: 2.5rem;
height: 2.5rem;
display: flex;
}
.list-pdp-mnews {
margin-top: 0;
margin-bottom: 0;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.4;
}
.pdp-para-item {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
display: flex;
}
.pdp-review-itemss {
background-color: #fff;
border-top: 4px solid #000;
padding: 2rem;
position: relative;
}
.image-217 {
position: absolute;
inset: 1rem 1rem auto auto;
}
.pdp-review-head {
max-width: 60%;
}
.div-block-1508 {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
display: flex;
}
.product-items {
font-size: 2.5rem;
}
.pdp-review-product {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.pdp-review-product-item {
flex-flow: column;
justify-content: center;
align-items: center;
padding: 2rem;
line-height: 1.2;
display: flex;
}
.pdp-review_grade {
font-size: 4rem;
font-weight: 700;
}
.div-block-1509 {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
margin-left: -2rem;
margin-right: -2rem;
display: flex;
}
.div-block-1510 {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
width: 50%;
padding: 2rem;
display: flex;
}
.div-block-1510.cc-left {
text-align: left;
justify-content: flex-start;
align-items: flex-start;
margin-left: 0;
margin-right: 0;
}
.div-block-1511 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
display: flex;
}
.comparison8_list {
grid-row-gap: .5rem;
text-align: left;
flex-direction: column;
justify-content: center;
align-items: flex-start;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
display: flex;
}
.comparison8__list-item {
grid-column-gap: .5rem;
justify-content: space-between;
align-items: flex-start;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
font-weight: 500;
display: flex;
}
.comparison8__list-icon {
flex: none;
justify-content: center;
align-items: center;
width: 1.75rem;
min-width: 1.75rem;
max-width: 1.75rem;
height: 1.75rem;
min-height: 1.75rem;
max-height: 1.75rem;
display: flex;
overflow: hidden;
}
.comparison8__list-icon.is-success {
color: #59b377;
}
.comparison8__list-icon.is-error {
color: #ee6c6c;
}
.results-tsss {
font-size: .685rem;
}
.pdp-button-container {
flex-flow: column;
justify-content: center;
padding: 1rem;
display: flex;
}
.button_icon {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
display: block;
position: absolute;
inset: auto 1.5rem auto auto;
}
.navbar-component {
z-index: 999;
background-color: #fff;
border-bottom-right-radius: 16px;
border-bottom-left-radius: 16px;
width: 100%;
font-weight: 400;
transition: border-radius .2s, border .2s cubic-bezier(.4, 0, .2, 1), background-color .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1);
position: fixed;
inset: 0% 0% auto;
box-shadow: 0 1px .5rem 12px #00000008;
}
.navbar-countdown-3 {
z-index: 999;
color: #010101;
background-color: #00592d;
flex-direction: column;
justify-content: center;
align-items: stretch;
height: 40px;
min-height: 40px;
max-height: 40px;
font-size: 1rem;
font-weight: 700;
display: flex;
}
.navbar-countdown-3.template {
background-color: #000;
}
.navbar-countdown-3.bb {
background-color: #ffc0c0;
}
.navbar-countdown-3.jimmy-joy {
background-color: #42bdaa;
border-bottom: 2px #42bdbe;
}
.holiday-last-chance-3 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
color: #fff;
justify-content: center;
align-items: center;
font-weight: 400;
display: flex;
}
.navbar-sale-inner-5 {
grid-column-gap: .5rem;
flex-direction: column;
justify-content: center;
align-items: flex-start;
display: flex;
position: relative;
}
.nav40-p {
color: #501817;
font-weight: 500;
}
.nav40-p.template {
color: #fff;
}
.div-text-weight-medium {
grid-column-gap: 6px;
grid-row-gap: 6px;
background-color: #501817;
border-radius: 20px;
flex-flow: row;
justify-content: center;
align-items: center;
padding-left: 7px;
padding-right: 7px;
font-size: .825rem;
display: flex;
}
.div-text-weight-medium.template {
background-color: #ffffff1f;
}
.div-text-weight-medium.gruns {
background-color: #fbbc04;
}
.image-229 {
width: 15px;
}
.text-70 {
color: #0c392b;
letter-spacing: -.44px;
-webkit-text-stroke-color: #000;
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
line-height: 24px;
}
.text-70.text-90 {
color: #fff;
letter-spacing: 0;
text-transform: uppercase;
background-color: #cce6b900;
border-radius: 4px;
margin-left: 0;
padding-left: 0;
padding-right: 0;
font-size: 14px;
font-weight: 700;
}
.text-70.text-90.gruns {
color: #012513;
}
.div-sales-bar-flex {
grid-column-gap: 8.01001px;
grid-row-gap: 8.01001px;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.navbar-component2 {
z-index: 50;
background-color: #fff;
width: 100%;
font-weight: 400;
position: relative;
box-shadow: 0 2px 6px #3755401a;
}
.navbar-wrapper {
z-index: 500;
justify-content: space-between;
align-items: center;
width: 100%;
height: 70px;
padding-left: 2.5rem;
padding-right: 2.5rem;
display: flex;
position: static;
}
.navbar-wrapper.is-center {
justify-content: center;
position: relative;
}
.navbar-wrapper.is-center.jimmy-joy {
background-color: #fff;
border-bottom: 1px #cddbd980;
box-shadow: 0 4px 20px #00000017;
}
.button-backss {
color: #25400fe6;
background-color: #fbe6e6;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 2.5rem;
height: 2.5rem;
margin-left: 2rem;
display: flex;
position: absolute;
inset: auto auto auto 0%;
}
.button-backss.template {
background-color: #e0e0e0;
}
.button-backss.gruns {
background-color: #e0eee8;
}
.button-backss.jimmy-joy {
background-color: #e3fcf6;
}
.cart2_back-icon {
color: #823532;
width: 1.25rem;
min-width: 1.25rem;
height: 1.25rem;
min-height: 1.25rem;
}
.cart2_back-icon.template {
color: #1a161f;
}
.cart2_back-icon.gruns {
color: #00592d;
}
.cart2_back-icon.jimmy-joy {
color: #0f1216;
}
.div-block-987 {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-direction: column;
align-items: center;
display: flex;
}
.bundle-selector-step {
color: #344a23cc;
font-family: Inter, Arial, sans-serif;
font-size: 1.2rem;
font-weight: 700;
line-height: 1.2;
}
.lucker-wrap {
justify-content: space-between;
align-items: center;
width: 100%;
min-width: 380px;
padding-top: 6px;
padding-bottom: 10px;
display: flex;
position: relative;
top: -.35rem;
}
.locker-wrap {
z-index: 1;
color: #320e0e40;
border: 2px solid #320e0e40;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 20px;
height: 20px;
margin-left: 4px;
margin-right: 4px;
display: flex;
position: relative;
}
.locker-wrap.is-inactive {
color: var(--os--color--neutral--300\);
border-color: #320e0e40;
}
.locker-wrap.is-inactive.active {
color: #d0d5dd;
-webkit-text-stroke-color: #d0d5dd;
background-color: #320e0e;
border-color: #320e0e;
}
.locker-wrap.is-inactive.active.template {
background-color: #1a161f;
border-color: #1a161f;
}
.locker-wrap.is-inactive.active.gruns {
background-color: #012513;
border-color: #012513;
}
.locker-wrap.is-inactive.active.jimmy-joy {
background-color: #43bdaa;
border: 0 #000;
box-shadow: 0 0 0 5px #43bdaa45;
}
.locker-wrap.is-inactive.gruns {
border-color: #0125134d;
}
.locker-wrap.is-inactive.jimmy-joy {
border-color: #00000040;
}
.locker-wrap.gruns {
border-color: #0125134d;
}
.locker-wrap.jimmy-joy {
background-color: #e6e6e6;
border-style: none;
border-color: #0003;
}
.current-steps {
justify-content: center;
align-items: center;
width: .65rem;
height: .65rem;
display: flex;
}
.step-middless {
color: #320e0e40;
flex: none;
justify-content: center;
align-items: center;
width: 100%;
min-width: 8rem;
font-size: .825rem;
font-weight: 600;
display: flex;
position: absolute;
inset: auto auto -1.5rem;
}
.step-middless.os-active {
color: #320e0e40;
font-weight: 600;
}
.step-middless.os-active.jimmy-joy {
color: #292e2c40;
}
.step-middless.os-peding {
color: #320e0e;
}
.step-middless.os-peding.template {
color: #1a161f;
}
.step-middless.os-peding.gruns {
color: #012513;
}
.step-middless.os-peding.jimmy-joy {
color: #292e2c;
font-family: "Gt Walsheim Trial Bf 651 B 7 Fc 737 C 57", Arial, sans-serif;
font-weight: 700;
}
.step-middless.gruns {
color: #0125134d;
}
.step-middless.jimmy-joy {
color: #292e2c40;
font-weight: 500;
}
.locker-bar {
background-color: #320e0e33;
border-radius: 100px;
flex: 1;
height: 2px;
}
.locker-bar.os-active {
background-color: #320e0ee6;
}
.locker-bar.os-active.template {
background-color: #000000e6;
}
.locker-bar.os-active.gruns {
background-color: #012513;
}
.locker-bar.os-active.jimmy-joy {
background-color: #43bdaa;
}
.progressss {
color: #320e0e40;
-webkit-text-stroke-color: #d0d5dd;
font-size: .725rem;
font-weight: 600;
line-height: 1;
display: flex;
position: relative;
top: -1px;
}
.progressss.active {
color: #fff;
}
.progressss.gruns {
color: #0125134d;
}
.progressss.jimmy-joy {
color: #0000004d;
flex-flow: column;
justify-content: center;
align-items: center;
}
.section-hero {
position: relative;
overflow: visible;
}
.offer-hero_wrapper {
grid-template-rows: auto;
grid-template-columns: 50% 50%;
align-items: stretch;
display: flex;
}
.product-hero_photo-container {
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 50%;
max-height: calc(100dvh - 110px);
display: flex;
position: sticky;
top: 110px;
overflow: visible;
}
.product-slider_holder {
width: 100%;
height: 100%;
}
.swiper-slide_image-wrap {
aspect-ratio: auto;
object-fit: cover;
background-color: #fef0f0;
border-right: 1px dashed #391e1d3d;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
overflow: visible;
}
.swiper-slide_image-wrap.template {
background-color: #fafafa;
border-right-color: #1b1b1b54;
}
.swiper-slide_image-wrap.gruns {
background-color: #dfeee7;
}
.swiper-slide_image-wrap.jimmy-joy {
border-right-style: none;
border-right-color: #b7d3d2;
}
.swiper10_component {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
width: 100%;
max-width: 100%;
height: 100%;
display: flex;
overflow: visible;
}
.swiper10_component.is-sw20 {
position: static;
}
.swiper-button_wrapper {
display: flex;
}
.swiper10__thumbnails {
z-index: 2;
flex-flow: column;
justify-content: center;
align-items: center;
padding-top: 1rem;
padding-bottom: 1rem;
display: flex;
position: absolute;
inset: auto 0% 0%;
}
.swiper10__thumbnails-on {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
justify-content: center;
max-width: 80%;
display: flex;
}
.swiper20_thumb {
aspect-ratio: 1;
opacity: 1;
cursor: pointer;
background-color: #fff;
border: 2px solid #ffffff4f;
border-radius: .25rem;
width: auto;
height: 3.5rem;
}
.swiper20_thumb.is-current {
border: 1px solid var(--os--state--selected-border);
box-shadow: 0 0 0 2px var(--os--state--focus-ring);
opacity: 1;
overflow: clip;
}
.cart-hero__content {
z-index: 1;
text-align: left;
background-color: #fffffd;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
width: 50%;
padding-top: 3rem;
padding-bottom: 4rem;
padding-left: 5rem;
display: flex;
position: relative;
}
.cart-hero__content.cars {
background-color: #fff;
}
.cart-hero__content.cars.jimmy-joy {
background-color: #f4fcfa;
}
.padding-section-landing-mobile {
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.div-block-2248 {
width: 100%;
}
.product-hero_content-wrapper {
width: 100%;
min-width: 26rem;
max-width: 26rem;
}
.selector-step {
border-bottom: 1px dashed #f4f4f4;
flex-direction: column;
margin-bottom: 1rem;
padding-bottom: 1rem;
display: flex;
}
.selector-step.last-child {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
border-bottom-style: none;
width: 100%;
margin-bottom: 0;
padding-bottom: 0;
}
.recommend-by {
grid-column-gap: 9px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
padding-bottom: 5px;
text-decoration: none;
display: flex;
}
.frame-1321317239 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 31.4167px;
text-decoration: none;
display: flex;
}
.group-1000010094 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100.008%;
height: 100.027%;
text-decoration: none;
display: flex;
}
.frame-1321317236 {
grid-column-gap: 10px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.text-376 {
color: #344a23d9;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 600;
line-height: 24px;
text-decoration: none;
}
.stock-update-divider {
background-color: #344a2370;
width: 1px;
height: 20px;
}
.spacer-xxsmall {
width: 100%;
padding-top: .5rem;
}
.stock-update-w {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #fef0f0;
border: 1.4px #344a237d;
border-radius: 6px;
justify-content: center;
align-items: center;
margin-top: 10px;
padding-top: 8px;
padding-bottom: 8px;
display: flex;
}
.stock-update-w.template {
background-color: #f7f7f7;
}
.stock-update-w.gruns {
background-color: #e0eee8;
}
.stock-update-w.jimmy-joy {
background-color: #dbf7f0;
}
.stock-update-column {
flex-flow: column;
justify-content: space-between;
align-items: center;
width: 150px;
display: flex;
}
.stock-update-small {
color: #320e0e;
-webkit-text-stroke-color: #320e0e;
font-size: 12px;
font-weight: 600;
}
.stock-update-small.template {
color: #1a161f;
}
.stock-update-small.gruns, .stock-update-small.gruns-copy {
color: #002612;
font-weight: 500;
}
.stock-update-big {
font-size: 14px;
}
.stock-update-big.update {
color: #d2534e;
font-size: 1rem;
font-weight: 600;
}
.stock-update-big.update.template {
color: #1a161fcc;
}
.stock-update-big.update.template.gruns-2 {
color: #002612;
}
.stock-update-big.update.template.jimmy-joy {
color: #1f253d;
}
.stock-update-big.update.gruns {
color: #007e40;
}
.stock-update-big.sellout {
color: #d2534e;
font-size: 1rem;
font-weight: 600;
}
.stock-update-big.sellout.template, .stock-update-big.sellout.template-copy {
color: #1a161fcc;
}
.stock-update-big.sellout.gruns {
color: #007e40;
}
.stock-update-big.sellout.jimmy-joy {
color: #e27343;
}
.size_guide-test {
justify-content: space-between;
display: flex;
}
.select-pairs {
color: #25400fe6;
font-size: 1rem;
font-weight: 600;
}
.os-card__variant-label-link {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
color: #25400fe6;
align-items: center;
font-size: .785rem;
font-weight: 700;
display: flex;
}
.os-ruler-icon {
color: #344a23b3;
justify-content: center;
align-items: center;
width: 2rem;
height: .65rem;
max-height: .65rem;
display: flex;
}
.image-238 {
width: 11px;
}
.text-block-491 {
color: #344a23b3;
font-weight: 600;
text-decoration: underline;
}
.selector__wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
display: flex;
}
.os-option__wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
position: static;
}
.os-slot_card {
box-shadow: none;
color: #25400fe6;
letter-spacing: -.03em;
background-color: #fff;
border: 1.4px solid #ececec;
border-radius: 8px;
flex-flow: column;
justify-content: center;
align-items: stretch;
height: 95px;
min-height: 95px;
max-height: 95px;
font-size: 1rem;
transition: background-color .2s;
display: none;
position: relative;
overflow: hidden;
}
.pb-quantity__card-info {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: row;
flex: 1;
justify-content: space-between;
align-items: center;
width: auto;
display: flex;
position: relative;
}
.pair-numbersss {
justify-content: center;
align-items: center;
width: 1.5rem;
display: flex;
}
.pair-circle {
color: #25400fe6;
background-color: #e9e9e9;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 1.25rem;
max-width: 1.25rem;
height: 1.25rem;
max-height: 1.25rem;
font-size: .785rem;
font-weight: 600;
display: flex;
}
.step-number {
display: none;
}
.step-check {
width: 1rem;
height: 1rem;
display: none;
}
.pb-quantity__media {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
background-color: #f8faf8;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
width: 100%;
max-width: 60px;
max-height: 60px;
padding-left: 0;
padding-right: 0;
display: flex;
position: relative;
}
.pb-quantity__media.pb--large {
min-width: 80px;
max-width: 0;
min-height: 80px;
max-height: 0;
}
.pb-qunatity__information {
flex-flow: column;
flex: 1;
justify-content: space-around;
align-items: flex-start;
width: 100%;
min-height: 2.5rem;
display: flex;
}
.grid_shoes {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
color: #000;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: flex;
}
.selector_wrap {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
flex: 1;
display: flex;
}
.selector-label {
color: #25400fe6;
font-size: .725rem;
font-weight: 600;
}
.color__select {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
display: flex;
}
.select-form-wrapper {
cursor: pointer;
flex: 1;
align-items: center;
display: flex;
position: relative;
}
.input-flds {
letter-spacing: -.04em;
background-color: #fff;
border: .5px solid #afafaf;
border-radius: 6px;
justify-content: center;
align-items: center;
width: 100%;
height: 2.5rem;
margin-bottom: 0;
padding-left: 12px;
padding-right: 12px;
font-size: .825rem;
transition-property: box-shadow;
transition-duration: .12s;
transition-timing-function: ease;
display: flex;
position: relative;
border: .5px solid #afafaf !important;
}
.input-flds:hover {
background-color: #fdfdfd;
}
.input-flds:focus {
z-index: 10;
border: 1px solid #000;
}
.input-flds.select-field {
color: #25400fe6;
letter-spacing: -.02em;
cursor: pointer;
background-color: #fff;
height: 2.5rem;
padding: 0 2rem 0 12px;
font-size: .8725rem;
font-weight: 500;
}
.caret-down-2 {
z-index: 15;
pointer-events: none;
cursor: pointer;
background-color: #0000;
border-left: 1px #e1e1e1;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
width: 35px;
height: 2.5rem;
display: flex;
position: absolute;
bottom: 0%;
left: auto;
right: 0%;
}
.image-228 {
opacity: 1;
width: 6px;
}
.color_grid {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.color-card {
border: 1px solid #dadada;
border-radius: 4px;
overflow: hidden;
}
.slots-container {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
display: flex;
}
.box_card {
background-color: #fcfcfc;
border: 1px dashed #d6d6d6;
border-radius: 8px;
padding: 1rem;
position: relative;
}
.box_card.is-slot {
background-color: #fdfdfd;
border-width: 1.4px;
border-color: #344a238c;
flex-flow: column;
justify-content: center;
align-items: center;
height: 95px;
min-height: 95px;
max-height: 95px;
line-height: 1.2;
display: flex;
overflow: hidden;
}
.box_card.is-slot.is-horizontal {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: row;
display: flex;
}
.box_card.is-slot.is-horizontal.os--active {
border-color: var(--os--color--success);
background-color: var(--os--color--success-light);
color: var(--os--color--success-dark);
}
.box_card.is-slot.is-horizontal.os--active.is-disabled {
opacity: .5;
pointer-events: none;
}
.slot-add-pair {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
text-align: center;
flex-flow: column;
flex: 1;
align-items: center;
display: flex;
}
.text-add {
font-size: 1rem;
font-weight: 600;
}
.text-save {
color: #25400fe6;
font-size: .785rem;
font-weight: 500;
}
.loading-spinner {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
min-height: 4rem;
display: none;
position: absolute;
inset: 0%;
}
.button-text-5 {
margin-left: 0;
margin-right: 0;
font-size: 1rem;
font-weight: 700;
}
.button-holder {
flex-direction: column;
}
.button-holder.is-sticky.is-active {
opacity: 100;
height: 100%;
}
.price-summary {
position: relative;
}
.pb-form-price__wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: space-between;
align-items: center;
font-size: .825rem;
display: flex;
}
.pb-form-price__flex {
grid-column-gap: .5em;
flex: 1;
align-items: center;
display: flex;
}
.pb-form-price__flex.pb--left {
justify-content: flex-start;
align-items: center;
}
.pb-form-price__flex.pb--right {
justify-content: flex-end;
align-items: center;
}
.pb-form-price__label {
font-weight: 600;
}
.pb-form-price__label.pb-price {
color: #815e1c;
white-space: nowrap;
background-color: #fff5de;
border-radius: .25em;
padding: .3em .6em;
font-size: .9em;
font-weight: 600;
line-height: 1.2;
}
.pb-form-price__label.pb-price.os-shipping {
color: #4b7826;
background-color: #e9f1e1;
font-weight: 600;
}
.icon-checkout-btn {
flex-direction: column;
justify-content: center;
align-items: center;
width: 2rem;
height: 2rem;
display: flex;
}
.div-block-2249 {
justify-content: center;
align-self: center;
align-items: center;
display: flex;
}
.image-239 {
width: 80%;
}
.check-grids {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
background-color: #eef5ed;
border-radius: 9px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 1rem;
display: grid;
}
.benefit_item {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
color: #4b7826;
text-align: center;
background-color: #fdfffd00;
border-radius: 8px;
flex-flow: column;
align-items: center;
padding: 1rem;
font-size: .725rem;
font-weight: 700;
display: flex;
}
.code-embed-11 {
color: #244708;
}
.benefit-titeeels {
color: #244708d9;
letter-spacing: 0;
font-size: .875rem;
font-weight: 600;
}
.benefit-subdesc {
color: #244708d9;
letter-spacing: 0;
font-size: .8rem;
font-weight: 400;
}
.footer_section {
border-top: 1px solid #000;
padding-top: 2rem;
padding-bottom: 2rem;
}
.footer_section.cc-0 {
background-color: #f1f0f0;
margin-bottom: 0;
}
.container-15 {
width: 100%;
max-width: 86rem;
margin-left: auto;
margin-right: auto;
padding-left: 2.5rem;
padding-right: 2.5rem;
position: relative;
}
.container-15.cc-full {
max-width: none;
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.footer1__wrapper {
flex-direction: row-reverse;
justify-content: space-between;
padding-top: 1rem;
padding-bottom: 1rem;
font-size: .75rem;
display: flex;
}
.footer1__links-wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 0rem;
white-space: normal;
grid-template-rows: auto;
grid-template-columns: max-content;
grid-auto-columns: max-content;
grid-auto-flow: column;
justify-content: center;
display: flex;
}
.modal__wrap {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: column;
margin-bottom: .5rem;
font-size: .725rem;
display: flex;
}
.bb._2 {
color: #320e0e;
}
.bb._2.gruns {
color: #012513;
}
.bb._2.jimmy-joy {
color: #1f243d;
}
.container-16 {
width: 100%;
max-width: 86rem;
margin-left: auto;
margin-right: auto;
padding-left: 2.5rem;
padding-right: 2.5rem;
position: relative;
}
.container-16.cc-full {
max-width: none;
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.section-2 {
background-color: #130a09;
height: 50px;
}
.bold-text {
color: #1a161f;
}
.bold-text.bb, .bb-2 {
color: #320e0e;
}
.bb-2.gruns {
color: #012513;
}
.bb2 {
color: #320e0e;
}
.bb2.gruns {
color: #012513;
}
.container-17 {
grid-column-gap: 3px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 328px;
padding-top: 10px;
text-decoration: none;
display: flex;
}
.container-18 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
padding-bottom: 0;
text-decoration: none;
display: flex;
}
.svg {
grid-column-gap: 10px;
justify-content: center;
align-items: center;
width: 24px;
height: 26px;
padding-left: 1px;
padding-right: 1px;
text-decoration: none;
display: flex;
}
.group-1000010111 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 16px;
height: 20px;
text-decoration: none;
display: flex;
}
.container-19 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.text {
color: #012513;
margin-top: 0;
margin-bottom: 0;
font-size: 13px;
font-weight: 500;
line-height: 15.6px;
text-decoration: none;
}
.div-block-2250 {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-direction: column;
align-items: center;
display: flex;
}
.sticky-headers {
z-index: 99999;
position: sticky;
top: 0;
}
.navbar-countdown-4 {
z-index: 999;
color: #010101;
background-color: #2a2552;
flex-direction: column;
justify-content: center;
align-items: stretch;
height: 50px;
min-height: 50px;
max-height: 50px;
font-size: 1rem;
font-weight: 700;
display: flex;
}
.navbar-countdown-4.greeen {
color: #1a161f;
background-color: #242029;
}
.navbar-countdown-4.greeen.gruns {
background-color: #00592d;
}
.navbar-countdown-4.greeen.jimmy-joy {
background-color: #42bdaa;
}
.navbar-smaller {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
color: #fff;
justify-content: center;
align-items: center;
font-weight: 400;
display: flex;
}
.navbar-sale-inner-7 {
grid-column-gap: .5rem;
color: #2a2552;
flex-direction: column;
justify-content: center;
align-items: flex-start;
display: flex;
position: relative;
}
.navbar-one-inner {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
color: #fff;
flex-direction: row;
justify-content: center;
align-items: center;
line-height: 1.3;
display: flex;
position: relative;
}
.div-block-1260 {
flex-direction: row;
flex: 1;
display: flex;
}
.navbar-one-title {
color: #fff;
text-transform: uppercase;
font-family: Interdisplay, Arial, sans-serif;
font-size: 1rem;
font-weight: 900;
}
.div-block-1259 {
background-color: #fff;
width: 1px;
height: 1rem;
}
.text-block-311 {
color: #fff;
font-size: 1rem;
font-weight: 600;
}
.div-block-1258 {
grid-column-gap: .5rem;
align-items: center;
display: flex;
position: relative;
}
.holiday-clock {
color: #000;
background-color: #955abc;
border-radius: 7px;
justify-content: center;
align-items: center;
padding: .25rem .5rem;
display: flex;
}
.holiday-clock.os-green {
background-color: #ffffff1a;
}
.box-hrs-2 {
grid-column-gap: .15rem;
grid-row-gap: .15rem;
outline-offset: 0px;
color: #000;
background-color: #fff0;
border-radius: 0;
outline: 3px #ffffff14;
flex-flow: column;
justify-content: center;
align-items: center;
width: auto;
height: auto;
min-height: auto;
margin-left: 2px;
margin-right: 2px;
padding: .25rem;
font-size: 1rem;
line-height: 20px;
display: flex;
}
.clock-number-2 {
color: #fff;
font-size: .85rem;
font-weight: 700;
line-height: 1;
}
.clock-label-2 {
color: #fff;
letter-spacing: 0;
text-transform: uppercase;
font-size: .5rem;
font-weight: 600;
line-height: 1;
}
.text-block-310 {
color: #fff;
padding-left: .15rem;
padding-right: .15rem;
font-weight: 700;
}
.number-label {
color: #fff;
letter-spacing: 0;
text-transform: uppercase;
font-size: .5rem;
font-weight: 600;
line-height: 1;
}
.lowest-price-check {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #fff;
background-color: #127316;
justify-content: center;
align-items: center;
height: 34px;
padding-bottom: 2px;
font-weight: 500;
display: none;
}
.lowest-price-icon {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #fff;
justify-content: center;
align-items: center;
height: 18px;
padding-bottom: 2px;
font-weight: 500;
display: flex;
}
.nav-foots {
background-color: #1c1920;
padding-top: 10px;
padding-bottom: 10px;
position: static;
top: 0;
overflow: clip;
}
.nav-foots.gruns {
background-color: #007e3f;
}
.nav-foots.jimmy-joy {
background-color: #d0ebe5;
border-bottom: 3px solid #42bdbe;
}
.container-20 {
width: 100%;
max-width: 86rem;
margin-left: auto;
margin-right: auto;
padding-left: 2.5rem;
padding-right: 2.5rem;
position: relative;
}
.container-20.cc-small {
max-width: 72rem;
}
.health-dscvry-nav-10 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 50px;
line-height: 50px;
}
.health-dscvry-nav-10.hf {
color: #f8faf8;
font-family: Interdisplay, Arial, sans-serif;
font-size: 30px;
font-weight: 600;
}
.quiz_progress_wrapper {
z-index: 50;
background-color: #fff;
flex-flow: column;
justify-content: center;
height: 36px;
display: flex;
position: sticky;
top: 50px;
box-shadow: 0 2px 5px #2b392030;
}
.quiz_progress-bar {
background-color: #2c2c2c3d;
border-radius: 100px;
align-items: center;
width: 100%;
height: 10px;
display: flex;
position: relative;
}
.quiz_progress-pct {
background-color: #2b3920;
border-radius: 100px;
width: 0%;
height: 4px;
margin-left: 3px;
transition: width .2s;
position: absolute;
inset: auto 0%;
}
.text-span-164 {
color: #4a4650;
}
.p-listicle {
font-size: 1.1rem;
font-weight: 500;
line-height: 1.7;
}
.p-listicle.gruns {
color: #012513;
}
.adv-callout {
background-color: #e4f3fb;
border-radius: 8px;
overflow: clip;
}
.adv-callout.adv-callout--quote {
background-color: #f7f7f7;
border: 0 solid #4e6b36;
border-left: 3px solid #000;
border-radius: 0;
width: 34%;
}
.adv-callout.adv-callout--quote.gruns {
background-color: #fff9e5;
border-left-color: #fcca2d;
width: 40%;
}
.adv-callout__wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
padding: .5rem .4rem .5rem 1rem;
line-height: 1.7;
display: flex;
}
.display-col {
grid-column-gap: .5rem;
text-align: left;
align-items: center;
display: flex;
}
.text-block-490 {
color: #1a161f;
font-weight: 500;
}
.blogpost1_author-wrapper {
grid-column-gap: 7px;
grid-row-gap: 7px;
background-color: #fff;
border: 1px solid #d0d5dd;
border-radius: 9px;
align-items: center;
margin-top: 10px;
padding: 5px 40px 5px 15px;
display: flex;
box-shadow: 0 1px .2px #14230814;
}
.text-weight-semibold-2 {
color: #242424;
font-size: 1rem;
font-weight: 600;
}
.text-weight-semibold-2.glb._2 {
color: #1a161f;
background-color: #fff1e200;
}
.text-weight-semibold-2.glb._2.gruns {
color: #012513;
}
.image-44 {
width: 90px;
max-width: 90%;
}
.text-size-small-copy-2 {
color: #333333e3;
margin-top: 5px;
font-size: 1rem;
}
.text-size-small-copy-2.glb {
color: #1a161fc9;
letter-spacing: 0;
font-weight: 500;
}
.text-size-small-copy-2.glb.gruns {
color: #012513c4;
}
.quiz_author {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
text-align: left;
justify-content: center;
align-items: center;
display: flex;
}
.quiz_author__image {
border-radius: 50%;
width: 56px;
height: 56px;
}
.quiz-authors {
font-weight: 700;
}
.quiz__title {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
align-items: center;
display: flex;
}
.verified-badge {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
color: #1a68e9;
background-color: #f0f3ff;
border-radius: 100px;
align-items: center;
min-height: 1.5rem;
padding-left: .5rem;
padding-right: 1rem;
font-size: .825rem;
display: flex;
}
.verified__badge-icon {
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex;
}
.header-podiatrist {
color: #3e6c18;
font-size: .825rem;
}
.listicle__grid {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
display: flex;
}
.listicle-head-count {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
display: flex;
}
.std_comparison-table {
justify-content: center;
align-items: flex-end;
width: 100%;
display: flex;
}
.std_comparison-table.listicle {
box-shadow: none;
border: 1px solid #e7e7e7;
}
.std_comparison-table.listicle.compare2 {
border-style: none;
border-color: #000;
justify-content: center;
align-items: flex-start;
margin-top: 16px;
}
.std_comparison-table.listicle.compare2.sp4 {
margin-top: 4px;
}
.std_compare-column {
width: 25%;
padding-top: 24px;
padding-bottom: 8px;
}
.std_compare-column.cc-mains {
text-align: center;
background-color: #007e3f;
border: 0 solid #012513;
border-bottom-width: 2px;
border-radius: 13px;
width: 18%;
padding-top: 15px;
}
.std_compare-column.cc-mains.jimmy-joy {
background-color: #44beaa;
border-bottom-style: none;
}
.std_compare-column.compet {
padding-top: 15px;
}
.std_compare {
border-bottom: 1px dashed #c9c9c9;
justify-content: center;
align-items: center;
height: 56px;
padding-top: 16px;
padding-bottom: 16px;
display: flex;
}
.std_compare.header {
border-bottom-style: none;
height: 70px;
font-weight: 500;
}
.std_compare.header.listicle {
height: 44px;
}
.std_compare.header.listicle.compare2 {
height: auto;
padding-top: 0;
padding-bottom: 0;
}
.std_compare.header.listicle.compare2.letscompare {
border-bottom-style: none;
padding-top: 0;
}
.std_compare.category {
justify-content: flex-start;
align-items: center;
padding-left: 22px;
}
.std_compare.category.compare2 {
height: 56px;
}
.std_compare.category.noborder {
border-bottom-style: none;
}
.std_compare.compare2-green {
color: #fcca2d;
border-bottom-style: solid;
border-bottom-color: #ffffff38;
height: 56px;
margin-left: 12px;
margin-right: 12px;
position: relative;
}
.std_compare.compare2-green.scooptxt {
color: #fff;
flex-flow: column;
}
.std_compare.compare2-green.scooptxt.noborder {
border-bottom-style: none;
}
.std_compare.grey {
color: #c93434;
border-bottom-style: solid;
border-bottom-color: #e7e7e7;
font-size: 1rem;
}
.std_compare.grey.noborder {
border-bottom-style: none;
}
.std_compare.grey.noborder.compare2 {
flex-flow: column;
}
.std_compare.grey.noborder.compare2._3 {
background-color: #fff;
}
.std_compare.compare2 {
height: 56px;
}
.std_compare.compare2.small-txt {
grid-column-gap: 2px;
grid-row-gap: 2px;
flex-flow: column;
padding-top: 14px;
padding-bottom: 18px;
}
.std_empty {
grid-column-gap: 4px;
grid-row-gap: 4px;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.std_empty.listicle {
color: #fff;
background-color: #2a2552;
border-right: 1px solid #ffffff0f;
height: 44px;
}
.std_empty.listicle.compare2 {
color: #000;
background-color: #fff0;
border-bottom: 1px dashed #c9c9c9;
flex-flow: column;
justify-content: flex-end;
align-items: center;
height: auto;
font-weight: 500;
position: relative;
}
.std_empty.listicle.compare2.text {
border-bottom-style: dashed;
justify-content: center;
align-items: flex-start;
padding-top: 47px;
padding-bottom: 20px;
padding-left: 22px;
}
.std_empty.listicle.compare2.text.sp4 {
border-top-style: none;
padding-top: 28px;
}
.std_empty.listicle.compare2.text.sp4.white {
background-color: #fff;
}
.std_empty.listicle.compare2.sp4 {
background-color: #fff5f5;
border-top: 1px dashed #c9c9c9;
}
.compare_prod-flex {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: flex-start;
align-items: center;
height: 32px;
display: flex;
}
.compare2-p-category {
opacity: 1;
font-size: 1rem;
font-weight: 700;
}
.compare2-p-category.gruns {
color: #012513;
font-weight: 500;
}
.compare2-javvy-logo {
width: 100%;
max-height: 40px;
}
.compare2-javvy-logo.sp4 {
margin-bottom: 20px;
}
.compare2-javvy-logo.sp4.jimmy-joy {
max-height: 60px;
}
.compare_hike-2, .compare_hike {
font-size: 18px;
font-weight: 500;
}
.compare_hike.small {
opacity: .6;
font-size: 12px;
font-weight: 400;
line-height: 1;
}
.os-pair {
font-size: .875rem;
}
.li-compare2-category-title-w {
justify-content: center;
align-items: center;
height: 56px;
display: flex;
}
.li-compare2-category-title-w.sp4 {
color: #c8202f;
}
.paragraph-123 {
font-weight: 700;
}
.compare2_hike-others {
color: #706d85;
font-size: .875rem;
}
.compare2_hike-others.gruns {
color: #0125139c;
}
.cta-content-2 {
border: 1px dashed #25400f;
flex-direction: column;
align-items: center;
display: flex;
position: relative;
}
.text-align-center-5 {
text-align: center;
}
.max-width-medium-2 {
flex-flow: column;
justify-content: center;
align-items: center;
max-width: 73rem;
display: flex;
}
.adv_cta_div {
text-align: left;
background-color: #fff;
border: 2px dashed #fff;
border-radius: 8px;
justify-content: space-between;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 0 4px 12px #0000000f;
}
.photo-wrappers {
background-color: #f4f4f4;
justify-content: center;
align-items: center;
width: 50%;
display: flex;
position: relative;
}
.photo-wrappers.dark-grey {
background-color: #f1f7f0;
}
.image-89 {
width: 100%;
max-width: none;
height: auto;
display: block;
}
.adv_cta_right_div {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
text-align: center;
flex-flow: column;
width: 50%;
padding: 3rem;
display: flex;
}
.div-block-1351 {
grid-column-gap: 6px;
grid-row-gap: 6px;
display: flex;
}
.gift-icon {
width: 12px;
}
.adv_cta_heading-2 {
color: #344a23;
text-align: center;
font-size: 2.25rem;
font-weight: 700;
line-height: 1.2;
}
.span-red {
color: #527535;
}
.adv_cta_top_div {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-direction: column;
align-items: center;
display: flex;
}
.adv_cta_subtitle_text {
text-align: center;
font-size: 14px;
line-height: 18px;
}
.button-14 {
border-top-style: none;
border-top-width: 2px;
border-top-color: var(--brand--color--cta-primary\);
border-right-style: none;
border-right-width: 2px;
border-right-color: var(--brand--color--cta-primary\);
border-bottom-style: none;
border-bottom-width: 2px;
border-bottom-color: var(--brand--color--cta-primary\);
border-left-style: none;
border-left-width: 2px;
border-left-color: var(--brand--color--cta-primary\);
border-top-left-radius: var(--radius--button\);
border-top-right-radius: var(--radius--button\);
border-bottom-left-radius: var(--radius--button\);
border-bottom-right-radius: var(--radius--button\);
color: var(--brand--color--text-inverse\);
text-align: center;
box-sizing: border-box;
touch-action: manipulation;
background-color: #303030;
background-image: linear-gradient(#30303000 63.53%, #fff0 0%);
outline: 0;
justify-content: center;
align-items: center;
gap: .125rem;
width: 100%;
min-height: 3.5rem;
padding: .375rem .75rem;
font-size: .875rem;
font-weight: 600;
text-decoration: none;
transition-property: background-color, border;
transition-duration: .12s, .12s;
transition-timing-function: ease, ease;
display: inline-flex;
position: relative;
box-shadow: inset 0 -.0625rem 0 .0625rem #000c, inset 0 0 0 .0625rem #303030, inset 0 .03125rem 0 .09375rem #ffffff40;
}
.div-block-766 {
margin-left: 8px;
}
.text-block-492 {
font-weight: 500;
line-height: 18px;
}
.text-span-165 {
color: #c8202f;
font-weight: 800;
}
.div-block-765 {
margin-left: 13px;
margin-right: 13px;
}
.text-block-493 {
font-size: 18px;
font-weight: 200;
}
.div-block-767 {
margin-left: 8px;
}
.text-block-279 {
font-weight: 500;
line-height: 18px;
}
.text-size-tiny {
font-size: .75rem;
}
.text-size-tiny.text-align-center {
color: #0c2016e6;
font-weight: 500;
}
.div-block-900 {
justify-content: center;
align-items: center;
width: 80%;
height: 40px;
margin-left: auto;
margin-right: auto;
display: flex;
position: absolute;
inset: -1.5rem 0% auto;
}
.listicle-banner-sale-badge {
color: #fff;
text-transform: uppercase;
background-color: #955abc;
border-radius: 6px;
padding: .5rem 1rem;
font-weight: 700;
}
.listicle__sidebar {
flex: none;
width: 370px;
}
.side-div-home {
z-index: 99;
width: 300px;
margin-left: 10px;
position: relative;
top: auto;
bottom: auto;
}
.blog-sidebar-home-3 {
z-index: auto;
outline-offset: 3px;
background-color: #fff;
border: 1.2px solid #d0d5dd;
border-radius: 12px;
outline: 2px #0000001f;
width: 312px;
margin-left: 5%;
padding: 15px 15px 1px;
display: block;
position: sticky;
top: 40px;
bottom: auto;
box-shadow: 0 2px 8px #00000014;
}
.blog-sidebar-home-3.af {
background-color: #fff;
border: 1px solid #d0d5dd;
top: 60px;
}
.blog-sidebar-home-3.af.sticky-cta {
background-color: #fff;
border-style: solid;
border-radius: 6px 6px 12px 12px;
outline-color: #f0ffea;
width: 374px;
padding-bottom: 15px;
padding-left: 0;
padding-right: 0;
top: 120px;
box-shadow: 0 2px 13px #00000021;
}
.desktop-hadings-offer-3 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
color: #000;
background-color: #0d392c;
border-bottom: 1px #151d42;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
justify-content: center;
align-items: center;
width: 312px;
height: 2rem;
margin-top: -15px;
margin-left: -1rem;
padding: .5rem 1rem;
font-size: .75rem;
font-weight: 700;
display: flex;
}
.desktop-hadings-offer-3.glb {
grid-column-gap: .4rem;
grid-row-gap: .4rem;
background-color: #955abc;
border: 1px #d0d5dd;
border-radius: 0;
justify-content: flex-start;
align-items: center;
width: 374px;
margin-top: -18px;
margin-left: 0;
padding-left: .6rem;
padding-right: .6rem;
}
.text-block-36 {
color: #fff;
font-size: .9rem;
font-weight: 700;
line-height: 1;
}
.text-block-36.glb {
color: #fff;
letter-spacing: 0;
text-transform: uppercase;
font-size: 14px;
font-weight: 600;
}
.div-block-1041 {
border: 1px #dbedff;
border-radius: 8px;
margin-bottom: 37px;
position: static;
top: 2rem;
}
.coffee-ad-2 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
background-color: #fff;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 1rem 1rem 0;
display: flex;
}
.home-top-pro-img-3 {
width: 244px;
margin-top: 15px;
}
.frame-1484580632 {
grid-row-gap: 17px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 372px;
text-decoration: none;
display: flex;
}
.frame-1484580636 {
grid-column-gap: 10px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.vectors-wrapper-153 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 20px;
height: 16.0001px;
text-decoration: none;
display: flex;
}
.vectors-wrapper-153.glb {
width: 17px;
height: 12.8px;
}
.text-326 {
color: #2e2a39;
letter-spacing: -.2px;
margin-top: 0;
margin-bottom: 0;
font-size: 14.4px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
}
.text-326.glb {
color: #344a23e6;
font-size: 15px;
}
.frame-1484580634 {
grid-column-gap: 11px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.test-div {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #eee;
border: 1px #ffe341;
border-radius: 8px;
justify-content: center;
width: 340px;
max-width: 340px;
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding: 15px 5px;
display: flex;
transform: scale(.8);
}
.test-div.af {
background-color: #fff4d9;
border-style: dashed;
border-color: #f1b313;
}
.fixed-bar {
font-size: 14px;
}
.text-span-89 {
color: #152419;
font-size: 16px;
font-weight: 700;
position: static;
}
.text-span-87 {
color: #ec2222;
font-size: 16px;
font-weight: 700;
}
.div-block-1043 {
background-color: #0000;
}
.bold-text-57 {
color: #001a2b;
font-size: 16px;
}
.bold-text-57.af {
color: #152419;
font-weight: 700;
}
.section_cta-protein {
background-color: #f8f4ee;
}
.section_cta-protein.gradient-sale {
background-color: #25400fe6;
}
.padding-section-cta {
padding-top: 5rem;
padding-bottom: 5rem;
}
.sticky_bar {
padding-top: 1rem;
padding-bottom: 1rem;
display: none;
}
.container-small-5 {
width: 100%;
max-width: 54rem;
margin-left: auto;
margin-right: auto;
}
.listicle-holder {
flex-direction: column;
display: flex;
position: sticky;
bottom: 0;
}
.div-block-1356 {
justify-content: center;
align-items: center;
width: 100%;
margin-top: 4px;
padding-top: 4px;
padding-bottom: 4px;
display: flex;
}
.image-213 {
width: 40px;
height: 40px;
}
.lowest-price-p {
color: #2abb48;
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
}
.shipsbylisticle {
grid-column-gap: .5rem;
outline-offset: 0px;
color: #fff;
background-color: #e9f8fe;
border: 1px dashed #004f4f;
border-radius: 8px;
outline: 3px solid #cddfe530;
align-items: center;
padding: .7rem 1rem .7rem 0;
font-size: .75rem;
display: flex;
position: relative;
}
.new-flavors-just-released {
color: #065252;
font-size: .8rem;
font-weight: 700;
}
.bold-text-58, .bold-text-59 {
font-family: Circular Std, Arial, sans-serif;
}
.bold-text-60 {
color: #5a4d69;
}
.bold-text-60.gruns {
color: #007e3e;
}
.bold-text-60.jimmy-joy {
color: #208b7b;
}
.try-risk-free-bar {
z-index: 50;
text-align: center;
background-color: #fff;
justify-content: center;
align-items: center;
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
display: none;
position: sticky;
inset: auto 0% 0%;
box-shadow: 5px 5px 8px #000;
}
.frame-1484580657 {
grid-column-gap: 3px;
background-color: #ffc642;
border-radius: 4px;
justify-content: flex-start;
align-items: center;
width: 132px;
height: 20px;
padding: 3px 6px;
text-decoration: none;
display: flex;
}
.group-1000009821 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 13px;
height: 13px;
text-decoration: none;
display: flex;
}
.text-372 {
color: #262012e6;
text-align: center;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-size: 11px;
font-weight: 700;
line-height: 25px;
text-decoration: none;
}
.frame-1321317224 {
grid-column-gap: 19px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
position: relative;
}
.frame-1321317226 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 187px;
text-decoration: none;
display: flex;
}
.frame-1321317220 {
grid-column-gap: 10px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-373 {
color: #2e2a39;
letter-spacing: -.2px;
margin-top: 0;
margin-bottom: 0;
font-size: 14.4px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
}
.frame-18 {
grid-column-gap: 5px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-end;
text-decoration: none;
display: flex;
}
.frame-17 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 25px;
text-decoration: none;
display: flex;
}
.group-1010021-1 {
object-fit: cover;
}
.frame-16 {
grid-column-gap: 10px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 24px;
text-decoration: none;
display: flex;
}
.text-374 {
color: #0c2016e6;
width: 100%;
margin: 0;
font-size: 24px;
font-weight: 700;
line-height: 55px;
text-decoration: none;
}
.bold-text-1776 {
color: #001a2b;
font-size: 16px;
}
.main-button {
color: #fff;
text-align: center;
background-color: #2ea07c;
border: 2px solid #0000;
border-radius: 0;
min-height: 3rem;
padding: .75rem 2rem;
font-weight: 700;
transition: background-color .2s cubic-bezier(.25, 1, .5, 1);
position: relative;
overflow: hidden;
}
.main-button:hover {
color: #fff;
background-color: #4f45ad;
}
.main-button.is-full {
z-index: 2;
background-color: #fff;
border-bottom-width: 1px;
border-bottom-color: #000;
}
.main-button.is-full._2 {
color: #e28b3f;
background-color: #fff1e2;
}
.cta1_button-content-2 {
grid-column-gap: .7rem;
grid-row-gap: .7rem;
letter-spacing: 0;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
text-decoration: none;
display: flex;
}
.button-text-12 {
color: #000;
text-transform: capitalize;
margin-left: 0;
margin-right: 0;
font-size: 15px;
font-weight: 700;
text-decoration: none;
}
.frame-1484580658 {
grid-column-gap: 11px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.frame-1484580659 {
grid-column-gap: 10px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.frame-style {
object-fit: cover;
}
.text-375 {
color: #0c2016cc;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 22.4px;
text-decoration: none;
}
.text-323 {
color: #242424;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 8px;
font-weight: 400;
line-height: 20px;
text-decoration: none;
}
.free-bonus-gifts-worth-total-value-0 {
color: #242424;
text-align: center;
margin-top: 0;
margin-bottom: 20px;
font-size: 9px;
font-weight: 700;
line-height: 20px;
text-decoration: none;
}
.free-bonus-gifts-worth-total-value-0.af {
background-color: #fff;
border: 1px solid #d0d5dd;
top: 60px;
}
.free-bonus-gifts-worth-total-value-1 {
color: #242424;
text-align: center;
margin-top: 0;
margin-bottom: 20px;
font-size: 14px;
font-weight: 500;
line-height: 20px;
text-decoration: none;
}
.frame-1484580642 {
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 333px;
text-decoration: none;
display: flex;
}
.zeigarnik-bar-3 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 311px;
height: 7px;
text-decoration: none;
display: flex;
}
.frame-1484580643 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.gamification-2 {
grid-column-gap: 10px;
background-image: linear-gradient(90deg, #5db482 67%, #f1f1f1 67%);
border-radius: 60px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 7px;
padding-left: 10px;
padding-right: 10px;
text-decoration: none;
display: flex;
}
.div-boost-cart__rewards-tier-icon {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 20px;
height: 20px;
text-decoration: none;
display: flex;
}
.vectors-wrapper-159 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 13px;
height: 14px;
text-decoration: none;
display: flex;
}
.link-block-2 {
color: #000;
text-align: center;
flex-flow: column wrap;
justify-content: center;
width: 100%;
max-width: 380px;
text-decoration: none;
display: flex;
}
.link-block-2.based_on_country {
max-width: 340px;
}
.button-try {
background-color: #ffc33a;
border-radius: 8px;
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
max-width: 380px;
height: 58px;
margin-top: 0;
font-family: Open Sans, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 16px;
text-decoration: none;
display: flex;
position: relative;
}
.button-try.based_on_country {
background-color: #000;
max-width: 340px;
height: 50px;
}
.button-txt-javy {
z-index: 1;
flex-flow: wrap;
justify-content: center;
align-items: center;
width: 100%;
margin-bottom: 2px;
display: flex;
position: relative;
}
.complete-purchase-text {
font-size: 18px;
font-weight: 700;
}
.complete-purchase-text.ct {
color: #fff;
letter-spacing: 0;
font-size: 14px;
font-weight: 700;
line-height: 22px;
}
.body {
background-color: #fff;
}
.comparison-number {
text-transform: uppercase;
width: 16px;
font-weight: 500;
}
.compare2-p-emoji {
font-size: 1.15rem;
}
.compare2-p-javvy {
font-size: 16px;
font-weight: 500;
line-height: 1.3;
}
.wrap-mobo {
display: block;
}
.wrap-mobo.s, .bold-text-1777, .bold-text-1778, .bold-text-1779 {
color: #fff;
}
.image-240 {
width: 100px;
}
.image-240.jimmy-joy {
width: 50px;
}
.bold-text-1780 {
color: #fff;
}
.paragraph-124 {
font-weight: 700;
}
.gruns {
color: #022514;
}
.gruns.headline {
color: #002612f0;
}
.gruns._2 {
color: #fff;
}
.hurrytxt {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: center;
align-items: center;
margin-top: 10px;
font-weight: 500;
display: flex;
}
.hurry-clock {
justify-content: center;
align-items: center;
width: 1.25rem;
height: 1.25rem;
display: flex;
}
.clock-badge {
color: #ad2020;
background-color: #ffdede;
border-radius: 8px;
padding-left: .5rem;
padding-right: .5rem;
display: inline-flex;
}
.text-block-494 {
color: #012513;
}
.sub-heading-author-new {
color: #635247;
text-align: left;
letter-spacing: .44px;
background-color: #f7f1eb;
border-bottom: 1px #e3e3e8;
border-radius: 4px;
margin-top: 0;
margin-bottom: 15px;
padding: 4px 10px;
font-size: 14px;
font-weight: 700;
line-height: 28px;
}
.sub-heading-author-new.mc {
color: #012513b5;
background-color: #ebebeb;
border-color: #000 #000 #ede4dc;
border-bottom-style: none;
border-radius: 4px;
width: 151px;
min-height: 20px;
margin-bottom: 0;
font-size: 15px;
font-weight: 700;
}
.sub-heading-author-new.mc.jimmy-joy {
width: 140px;
}
.jimmy-joy {
color: #292e2c;
letter-spacing: 0;
font-family: "Gt Walsheim Trial Bf 651 B 7 Fc 728 Fb 3", Arial, sans-serif;
}
.jimmy-joy._2 {
color: #fff;
font-family: Circular Std, Arial, sans-serif;
}
.text-block-505, .text-block-506 {
color: #292e2cb3;
font-weight: 500;
}
.frame-1484580660 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 31.4167px;
text-decoration: none;
display: flex;
}
.frame-1484580661 {
grid-column-gap: 10px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.text-377 {
color: #292e2cd1;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
}
.div-block-2251 {
background-color: #cce9f7;
position: static;
bottom: -1.5px;
}
.bold-text-1781 {
font-family: Circular Std, Arial, sans-serif;
}
.bold-text-1782 {
color: #292e2c;
}
.checkout-page {
background-color: #f5f5f5;
background-image: none;
flex-direction: column;
min-height: 100vh;
padding: 0;
display: flex;
position: relative;
}
.checkout-header {
z-index: auto;
grid-column-gap: 0px;
background-color: #0000;
border-bottom: 1px solid #e5e7eb;
grid-template-columns: none;
justify-content: center;
align-items: center;
max-width: calc(100% - 420px);
padding: 24px 60px;
display: none;
position: static;
}
.checkout-layout {
grid-column-gap: 0px;
flex-grow: 1;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
align-items: stretch;
max-width: 100%;
min-height: 100vh;
margin-left: 0;
margin-right: 0;
display: grid;
}
.checkout-form-col {
grid-row-gap: 16px;
background-color: #fff;
border-right: 1px #0000000a;
flex-direction: column;
align-items: stretch;
max-width: none;
margin-left: 0;
margin-right: 0;
padding: 40px 60px;
display: flex;
}
.checkout-summary-col {
grid-row-gap: 16px;
background-color: #f5f5f5;
border-left: 1px solid #e5e7eb;
flex-direction: column;
align-self: stretch;
max-height: 100vh;
padding: 40px;
display: flex;
position: sticky;
top: 0;
overflow-y: auto;
}
.checkout-summary-col.co-summary-open {
display: flex;
}
.checkout-card {
background-color: #0000;
border: 0 solid #e4e7ec;
border-radius: 0;
margin-bottom: 8px;
padding: 0;
}
.checkout-section-title {
color: #1a1a1a;
margin-top: 0;
margin-bottom: 16px;
font-size: 18px;
font-weight: 700;
}
.checkout-section-title.co-summary-title {
margin-bottom: 8px;
}
.checkout-input {
box-sizing: border-box;
color: #1a1a1a;
background-color: #fff;
border: 1px solid #d0d5dd;
border-radius: 6px;
width: 100%;
margin-bottom: 10px;
padding: 12px 14px;
font-size: 14px;
display: block;
}
.checkout-input.co-promo-input {
flex-grow: 1;
margin-bottom: 0;
}
.checkout-input.co-cc-field {
margin-bottom: 0;
}
.checkout-input.co-full-span {
grid-column: 1 / -1;
}
.checkout-input-row {
grid-column-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
display: grid;
}
.checkout-btn-primary {
color: #fff;
text-align: center;
cursor: pointer;
background-color: #000;
border-width: 0;
border-radius: 6px;
width: 100%;
padding: 16px 24px;
font-size: 16px;
font-weight: 700;
}
.co-warranty-box {
background-color: #f0f4ff;
border: 2px dashed #d0d5dd;
border-radius: 8px;
margin-bottom: 16px;
padding: 0;
overflow: hidden;
}
.co-warranty-top {
grid-column-gap: 10px;
cursor: pointer;
background-color: #f0f4ff;
align-items: center;
margin-bottom: 8px;
padding: 14px 20px;
font-size: 15px;
font-weight: 700;
display: flex;
}
.co-warranty-body {
grid-column-gap: 12px;
color: #475467;
align-items: flex-start;
padding: 16px 20px;
font-size: 13px;
line-height: 1.5;
display: flex;
}
.co-express-wrap {
background-color: #0000;
border: 0 dashed #d0d5dd;
border-radius: 0;
margin-bottom: 0;
padding: 0;
}
.co-express-title {
color: #1a1a1a;
text-align: center;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 16px;
font-size: 14px;
font-weight: 600;
}
.co-express-btns {
grid-column-gap: 12px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
margin-bottom: 16px;
display: grid;
}
.co-btn-paypal {
color: #000;
text-align: center;
-webkit-text-stroke-color: #000;
cursor: pointer;
background-color: #ffc439;
border-width: 0;
border-radius: 6px;
flex: 1;
justify-content: center;
align-items: center;
padding: 12px 16px;
font-size: 16px;
font-weight: 700;
text-decoration: none;
display: flex;
}
.co-btn-applepay {
color: #fff;
text-align: center;
cursor: pointer;
background-color: #000;
border-width: 0;
border-radius: 6px;
flex: 1;
justify-content: center;
align-items: center;
padding: 12px 16px;
font-size: 16px;
font-weight: 700;
text-decoration: none;
display: flex;
}
.co-divider-or {
grid-column-gap: 12px;
color: #98a2b3;
align-items: center;
margin-top: 0;
margin-bottom: 0;
font-size: 13px;
display: flex;
}
.co-divider-line {
background-color: #e4e7ec;
flex-grow: 1;
height: 1px;
}
.co-checkbox-row {
grid-column-gap: 8px;
color: #475467;
align-items: center;
margin-top: 12px;
margin-bottom: 0;
font-size: 13px;
display: flex;
}
.co-input-grid3 {
grid-column-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
display: grid;
}
.co-select {
box-sizing: border-box;
color: #374151;
-webkit-appearance: none;
appearance: none;
background-color: #fff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.5 4.5L6 8L9.5 4.5' stroke='%239ca3af' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: 12px;
border: 1px solid #d0d5dd;
border-radius: 6px;
width: 100%;
margin-bottom: 10px;
padding: 12px 36px 12px 14px;
font-size: 14px;
display: block;
}
.co-payment-option {
grid-column-gap: 10px;
grid-row-gap: 0px;
cursor: pointer;
background-color: #fff;
border: 0 solid #e0e0e0;
border-top: 1px solid #e5e7eb;
border-bottom: 1px #e4e7ec;
border-radius: 0;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin-bottom: 0;
padding: 14px 16px;
display: flex;
overflow: visible;
}
.co-payment-option.co-active {
background-color: #f8fafc;
border: 2px solid #1a1a1a;
border-radius: 6px 6px 0 0;
padding-bottom: 14px;
}
.co-payment-option-left {
grid-column-gap: 10px;
align-items: center;
font-size: 14px;
font-weight: 500;
display: flex;
}
.co-card-fields {
grid-row-gap: 10px;
border-width: 0 1px 1px;
border-bottom-style: solid;
border-bottom-color: #e5e7eb;
border-left-style: solid;
border-left-color: #e5e7eb;
border-right-style: solid;
border-right-color: #e5e7eb;
border-radius: 0 0 6px 6px;
flex-direction: column;
padding: 12px 16px;
display: flex;
}
.co-btn-purchase {
color: #fff;
text-align: center;
letter-spacing: 0;
text-transform: none;
cursor: pointer;
background-color: #1a1a1a;
border-width: 0;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
margin-top: 20px;
padding: 18px 24px;
font-size: 16px;
font-weight: 700;
line-height: 1.3;
text-decoration: none;
display: flex;
}
.co-btn-subtext {
opacity: .85;
color: #ffffffb3;
text-align: center;
letter-spacing: .5px;
text-transform: uppercase;
margin-top: 4px;
font-size: 11px;
font-weight: 500;
display: block;
}
.co-legal-text {
color: #98a2b3;
text-align: center;
margin-top: 10px;
margin-bottom: 0;
font-size: 12px;
line-height: 1.5;
}
.co-guarantee {
grid-column-gap: 12px;
border-top: 0 solid #f2f4f7;
align-items: flex-start;
margin-top: 24px;
padding: 20px 32px;
display: flex;
}
.co-guarantee-icon {
background-color: #f0f0f0;
border-radius: 50%;
flex-shrink: 0;
justify-content: center;
align-items: center;
width: 48px;
min-width: 32px;
height: 48px;
font-size: 24px;
line-height: 1;
display: flex;
}
.co-guarantee-text {
grid-row-gap: 4px;
color: #444;
flex-direction: column;
font-size: 13px;
line-height: 1.5;
display: flex;
}
.co-footer-links {
grid-column-gap: 16px;
border-top: 1px solid #e4e7ec;
justify-content: flex-start;
margin-top: 16px;
padding: 16px 32px 24px;
display: flex;
}
.co-footer-link {
color: #1a73e8;
font-size: 13px;
text-decoration: underline;
}
.co-guarantee-title {
color: #1a1a1a;
margin-bottom: 4px;
font-size: 14px;
font-weight: 700;
display: inline;
}
.co-hidden {
display: none;
}
.co-payment-option-label {
grid-column-gap: 10px;
color: #1a1a1a;
flex-grow: 1;
align-items: center;
font-size: 14px;
font-weight: 500;
display: flex;
}
.co-payment-options-wrap {
border: 1px solid #e4e7ec;
border-radius: 8px;
flex-direction: column;
margin-top: 12px;
margin-bottom: 16px;
display: flex;
overflow: hidden;
}
.co-order-item {
grid-column-gap: 14px;
border-bottom: 1px solid #f2f4f7;
align-items: flex-start;
margin-bottom: 0;
padding-top: 12px;
padding-bottom: 16px;
padding-left: 0;
display: flex;
position: relative;
}
.co-order-img-wrap {
background-color: #f9fafb;
border: 1px solid #e4e7ec;
border-radius: 8px;
justify-content: center;
align-items: center;
width: 64px;
min-width: 64px;
height: 64px;
display: flex;
position: relative;
overflow: hidden;
}
.co-order-qty-badge {
z-index: 999;
color: #fff;
background-color: #1a73e8;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 22px;
height: 22px;
font-size: 11px;
font-weight: 700;
display: flex;
position: absolute;
inset: 4px auto auto 52px;
}
.co-order-details {
grid-row-gap: 0px;
flex-direction: column;
flex-grow: 1;
display: flex;
}
.co-order-name {
color: #1a1a1a;
margin-bottom: 0;
font-size: 14px;
font-weight: 600;
}
.co-order-subtitle {
color: #667085;
margin-bottom: 0;
font-size: 12px;
}
.co-order-prices {
grid-row-gap: 2px;
flex-direction: column;
align-items: flex-end;
min-width: 60px;
display: flex;
}
.co-price-original {
color: #98a2b3;
font-size: 13px;
text-decoration: line-through;
}
.co-price-current {
color: #1a1a1a;
font-size: 15px;
font-weight: 700;
}
.co-order-totals {
grid-row-gap: 8px;
border-top: 1px solid #e5e5e5;
flex-direction: column;
padding-top: 16px;
display: flex;
}
.co-total-row {
color: #475467;
justify-content: space-between;
align-items: center;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
display: flex;
}
.co-total-row-grand {
color: #1a1a1a;
border-top: 1px solid #e4e7ec;
justify-content: space-between;
align-items: center;
margin-top: 4px;
margin-bottom: 0;
padding-top: 8px;
font-size: 16px;
font-weight: 700;
display: flex;
}
.co-savings-badge {
color: #fff;
letter-spacing: .5px;
text-transform: uppercase;
background-color: #1a1a1a;
border-radius: 4px;
align-items: center;
margin-left: 8px;
padding: 2px 8px;
font-size: 10px;
font-weight: 700;
display: inline-flex;
}
.co-savings-line {
color: #1a1a1a;
text-align: center;
border-top: 1px dashed #e4e7ec;
justify-content: space-between;
align-items: center;
margin-top: 8px;
padding-top: 8px;
font-size: 12px;
font-weight: 600;
display: flex;
}
.co-promo-row {
grid-column-gap: 8px;
align-items: stretch;
margin-bottom: 16px;
display: flex;
}
.co-apply-btn {
color: #333;
white-space: nowrap;
cursor: pointer;
background-color: #e8e8e8;
border-radius: 6px;
align-items: center;
padding: 12px 20px;
font-size: 13px;
font-weight: 600;
text-decoration: none;
display: flex;
}
.co-promo-btn {
color: #667085;
letter-spacing: 0;
text-transform: uppercase;
white-space: nowrap;
cursor: pointer;
background-color: #f5f5f5;
border: 1px solid #d0d5dd;
border-radius: 6px;
padding: 12px 20px;
font-size: 13px;
font-weight: 600;
text-decoration: none;
display: flex;
}
.co-summary-card {
grid-row-gap: 12px;
background-color: #fff0;
border: 1px #e4e7ec;
border-radius: 8px;
flex-direction: column;
padding: 24px;
display: flex;
}
.co-shipping-methods {
border: 1px solid #e4e7ec;
border-radius: 8px;
flex-direction: column;
margin-top: 12px;
margin-bottom: 16px;
display: flex;
overflow: hidden;
}
.co-shipping-method {
grid-column-gap: 10px;
cursor: pointer;
background-color: #fff;
border-bottom: 1px #e4e7ec;
justify-content: space-between;
align-items: center;
padding: 14px 16px;
display: flex;
}
.co-sm-label {
grid-column-gap: 10px;
flex-grow: 0;
align-items: center;
display: flex;
}
.co-sm-info {
flex-direction: column;
flex-grow: 1;
display: flex;
}
.co-sm-name {
color: #1a1a1a;
font-size: 14px;
font-weight: 500;
}
.co-sm-desc {
color: #667085;
margin-top: 2px;
font-size: 12px;
}
.co-sm-price {
color: #1a1a1a;
white-space: nowrap;
font-size: 14px;
font-weight: 600;
}
.co-sm-price.co-free {
color: #16a34a;
font-weight: 600;
}
.co-sm-placeholder {
color: #667085;
border: 1px solid #e4e7ec;
margin-top: 12px;
padding: 16px;
font-size: 13px;
font-style: italic;
display: none;
}
.co-cc-expanded {
grid-row-gap: 10px;
background-color: #f9fafb;
border-top: 1px solid #e4e7ec;
border-bottom: 1px #e4e7ec;
flex-direction: column;
flex-basis: 100%;
order: 10;
width: 100%;
margin-top: 12px;
padding: 12px 16px 4px;
display: flex;
}
.co-cc-expanded.is-hidden {
display: none;
}
.co-error-msg {
color: #ef4444;
margin-bottom: 8px;
font-size: 12px;
display: none;
}
.co-cc-row {
grid-column-gap: 8px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
margin-top: 0;
margin-bottom: 0;
display: grid;
}
.co-paypal-expanded {
text-align: center;
background-color: #f9fafb;
border-top: 1px #e4e7ec;
border-bottom: 1px #e4e7ec;
flex-basis: 100%;
order: 10;
width: 100%;
margin-top: 0;
padding: 10px 16px;
display: none;
}
.co-paypal-expanded.is-visible {
display: block;
}
.co-klarna-expanded {
background-color: #f9fafb;
border-top: 1px #e4e7ec;
border-bottom: 1px #e4e7ec;
flex-basis: 100%;
order: 10;
width: 100%;
margin-top: 0;
padding: 10px 16px;
display: none;
}
.co-paypal-logo-wrap {
border: 1px solid #e4e7ec;
border-radius: 6px;
margin-bottom: 12px;
padding: 16px 32px;
display: inline-flex;
}
.co-tax-disclaimer {
color: #98a2b3;
border-width: 0;
margin-top: 4px;
padding: 0;
font-size: 11px;
font-style: italic;
line-height: 1.4;
}
.co-express-error {
color: #ef4444;
text-align: center;
margin-top: 8px;
font-size: 13px;
display: none;
}
.co-paypal-redirect-title {
margin-top: 12px;
margin-bottom: 4px;
font-size: 15px;
font-weight: 600;
}
.co-paypal-redirect-sub {
color: #667085;
font-size: 12px;
}
.co-loading {
opacity: .5;
pointer-events: none;
cursor: wait;
}
.co-redirect-heading {
color: #344054;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 500;
line-height: 1.5;
}
.co-redirect-sub {
color: #98a2b3;
margin-top: 4px;
font-size: 12px;
}
.co-radio {
cursor: pointer;
background-color: #fff;
border: 1px solid #c8ced6;
border-radius: 50%;
flex: none;
justify-content: center;
align-items: center;
width: 18px;
height: 18px;
transition-property: border-color, background-color;
transition-duration: .15s, 0s;
display: flex;
position: relative;
}
.co-radio.co-selected {
border-width: 2px;
border-color: #1a1a1a;
}
.co-radio.co-order-first {
order: -1;
}
.co-radio-dot {
background-color: #0000;
border-radius: 50%;
width: 8px;
height: 8px;
transition-property: background-color;
transition-duration: .15s;
}
.co-checkbox {
cursor: pointer;
background-color: #fff;
border: 1px solid #d0d5dd;
border-radius: 4px;
flex-grow: 0;
flex-shrink: 0;
justify-content: center;
align-items: center;
width: 18px;
height: 18px;
display: flex;
position: relative;
}
.co-checkbox.co-checked {
background-color: #1a1a1a;
border-style: solid;
border-color: #1a1a1a;
font-size: 11px;
}
.co-header-left {
border-bottom: 1px solid #e5e7eb;
justify-content: center;
align-items: center;
padding: 24px 60px;
display: flex;
}
.co-header-right {
border-left: 1px solid #e5e7eb;
}
.co-mobile-summary-bar {
cursor: pointer;
border-top: 1px solid #e5e7eb;
border-bottom: 1px solid #e5e7eb;
justify-content: space-between;
align-items: center;
padding: 14px 0;
display: none;
}
.co-msb-left {
grid-column-gap: 6px;
color: #111827;
align-items: center;
font-size: 14px;
display: flex;
}
.co-msb-chevron {
font-size: 12px;
transition-property: transform;
transition-duration: .2s;
}
.co-msb-prices {
flex-direction: column;
align-items: flex-end;
font-size: 14px;
line-height: 1.3;
display: flex;
}
.co-msb-compare {
color: #9ca3af;
font-size: 13px;
text-decoration: line-through;
}
.co-msb-total {
color: #111827;
font-size: 16px;
font-weight: 600;
}
.co-logo {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 8px;
font-size: 28px;
font-weight: 700;
}
.image-241 {
max-width: 64px;
}
.div-block-2252 {
justify-content: center;
align-items: center;
display: flex;
}
.co-redirect-text {
color: #475467;
text-align: center;
font-size: 13px;
line-height: 1.5;
}
.co-input-placeholder {
color: #9ca3af;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
}
.co-sm-delivery {
color: #667085;
margin-top: 2px;
margin-bottom: 0;
font-size: 12px;
}
.co-checkbox-label {
color: #344054;
margin-top: 0;
margin-bottom: 0;
font-size: 13px;
}
.co-card-icons {
grid-column-gap: 6px;
color: #64748b;
letter-spacing: .5px;
align-items: center;
font-size: 11px;
font-weight: 600;
display: flex;
}
.co-card-icons.co-card-icons-hidden {
display: none;
}
.co-card-icon-badge {
border: 1px solid #e2e8f0;
border-radius: 3px;
justify-content: center;
align-items: center;
padding: 2px 6px;
font-size: 10px;
font-weight: 700;
line-height: 1.4;
display: inline-flex;
}
.co-badge-paypal {
color: #003087;
font-size: 13px;
font-style: italic;
font-weight: 800;
}
.co-badge-klarna {
color: #17120f;
background-color: #ffb3c7;
border-radius: 4px;
justify-content: center;
align-items: center;
padding: 3px 8px;
font-size: 11px;
font-weight: 800;
display: inline-flex;
}
.co-card-icon-img {
object-fit: contain;
border: 1px #e2e8f0;
border-radius: 4px;
width: 38px;
height: 24px;
}
.co-payment-logo {
object-fit: fill;
object-position: 100% 50%;
flex-shrink: 0;
width: 55%;
max-width: none;
height: 100%;
max-height: none;
display: block;
}
.co-badge-hidden {
display: none;
}
.co-logo-wrap {
flex-shrink: 0;
justify-content: flex-end;
align-items: center;
width: 100px;
height: 28px;
display: flex;
overflow: hidden;
}
.co-logo-wrap.co-logo-klarna {
width: 70px;
height: 24px;
}
.image-242 {
box-sizing: border-box;
object-fit: fill;
max-width: 75%;
}
.co-card-plus-badge {
color: #64748b;
cursor: pointer;
background-color: #fff;
border: 1px solid #e2e8f0;
border-radius: 4px;
justify-content: center;
align-items: center;
width: 38px;
height: 24px;
font-size: 11px;
font-weight: 500;
display: flex;
position: relative;
}
.co-card-tooltip {
z-index: 10;
grid-column-gap: 6px;
grid-row-gap: 6px;
background-color: #1a1a1a;
border-radius: 8px;
flex-wrap: wrap;
width: 180px;
padding: 8px;
display: none;
position: absolute;
bottom: calc(100% + 8px);
right: 0;
}
.co-tooltip-icon {
object-fit: contain;
border-radius: 3px;
width: 38px;
height: 24px;
}
.co-plus-text {
color: #64748b;
margin-bottom: 0;
font-size: 11px;
line-height: 1;
}
.text-block-507 {
color: #464343b3;
}
.co-billing-section {
margin-top: 24px;
margin-bottom: 0;
}
.co-billing-options {
border: 1px solid #d1d5db;
border-radius: 8px;
overflow: hidden;
}
.co-billing-form {
grid-row-gap: 10px;
border-top: 1px solid #e2e8f0;
flex-flow: column;
padding: 8px 0;
display: none;
}
.co-billing-form.co-billing-form-visible {
grid-row-gap: 10px;
background-color: #f8fafc;
padding-left: 16px;
padding-right: 16px;
display: flex;
}
.co-billing-form.co-cc-billing {
border-top-style: none;
padding: 14px 0 0;
}
.co-billing-option {
grid-column-gap: 10px;
cursor: pointer;
align-items: center;
padding: 14px 16px;
display: flex;
}
.co-billing-divider {
border-top: 1px solid #d1d5db;
}
.text-block-508 {
color: #98a2b3;
letter-spacing: 0;
text-transform: none;
font-size: 13px;
font-weight: 500;
}
.checkout-input-row-3 {
grid-column-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
display: grid;
}
.co-name-on-card {
width: 100%;
margin-top: 0;
}
.co-mobile-header {
border-bottom: 1px solid #e5e7eb;
justify-content: center;
align-items: center;
padding: 16px 20px;
display: none;
}
.co-mobile-logo {
width: auto;
max-height: 32px;
}
.oto-page {
grid-row-gap: 0px;
background-color: #f0ebe3;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 100vh;
padding: 40px 20px;
display: flex;
}
.oto-card {
background-color: #faf8f5;
border-radius: 0 0 12px 12px;
flex-direction: column;
width: 100%;
max-width: 100%;
display: flex;
overflow: hidden;
}
.oto-header {
grid-row-gap: 8px;
border-bottom: 1px solid #e5e1d8;
flex-direction: column;
align-items: center;
padding: 32px 32px 24px;
display: flex;
}
.oto-title {
color: #1a1a1a;
text-align: center;
font-size: 22px;
font-weight: 700;
}
.oto-subtitle {
color: #555;
text-align: center;
font-size: 15px;
}
.oto-body {
grid-column-gap: 32px;
grid-row-gap: 16px;
background-color: #f5f5f5;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: stretch;
padding: 32px;
display: flex;
}
.oto-img-wrap {
background-color: #f2efe9;
border-radius: 8px;
flex-shrink: 0;
justify-content: center;
align-self: stretch;
align-items: center;
width: 45%;
max-width: none;
height: auto;
padding: 20px 0;
display: flex;
overflow: hidden;
}
.oto-img {
object-fit: fill;
border: 1px #0000;
border-radius: 5px;
width: 400px;
max-width: none;
height: 400px;
max-height: none;
display: block;
}
.oto-details {
grid-row-gap: 12px;
flex-direction: column;
display: flex;
}
.oto-stars {
grid-column-gap: 4px;
color: #d4a017;
align-items: center;
font-size: 14px;
display: flex;
}
.oto-product-name {
color: #1a1a1a;
font-size: 24px;
font-weight: 700;
}
.oto-description {
color: #666;
font-size: 15px;
line-height: 1.5;
}
.oto-prices {
grid-column-gap: 8px;
align-items: center;
font-size: 16px;
display: flex;
}
.oto-compare-price {
color: #999;
font-size: 17px;
text-decoration: line-through;
}
.oto-sale-price {
color: #c0392b;
font-size: 17px;
font-weight: 600;
}
.oto-save-badge {
color: #fff;
text-transform: uppercase;
background-color: #1a1a1a;
border-radius: 6px;
padding: 4px 8px;
font-size: 11px;
font-weight: 700;
}
.oto-totals {
grid-row-gap: 8px;
border-top: 1px #e5e1d8;
flex-direction: column;
padding-top: 0;
display: flex;
}
.oto-total-row {
color: #555;
justify-content: space-between;
font-size: 14px;
display: flex;
}
.oto-total-row.is-first {
border-top: 1px solid #d0d5dd;
margin-top: 4px;
padding-top: 12px;
}
.oto-total-final {
color: #1a1a1a;
border-top: 1px solid #d0d5dd;
justify-content: space-between;
padding-top: 8px;
font-size: 18px;
font-weight: 700;
display: flex;
}
.oto-cta {
color: #fff;
cursor: pointer;
background-color: #000;
border-style: none;
border-radius: 8px;
justify-content: center;
align-items: center;
width: 100%;
padding-top: 16px;
padding-bottom: 16px;
font-size: 16px;
font-weight: 700;
display: flex;
}
.oto-decline {
color: #999;
cursor: pointer;
justify-content: center;
padding-top: 8px;
padding-bottom: 8px;
font-size: 13px;
text-decoration: underline;
display: flex;
}
.oto-hidden {
display: none;
}
.oto-qty-wrap {
grid-row-gap: 4px;
flex-direction: column;
padding-top: 4px;
display: flex;
}
.oto-qty-label {
color: #999;
font-size: 12px;
position: absolute;
top: 6px;
left: 14px;
}
.oto-qty-select {
color: #374151;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
background-color: #fff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.5 4.5L6 8L9.5 4.5' stroke='%239ca3af' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-position: right 12px center;
background-repeat: no-repeat;
background-size: 12px;
border: 1px solid #d0d5dd;
border-radius: 6px;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 20px 14px 10px;
font-size: 14px;
display: flex;
position: relative;
}
.oto-banner {
grid-row-gap: 8px;
background-color: #fff;
border-bottom: 1px solid #d0d5dd;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
flex-direction: column;
align-items: center;
width: 100%;
max-width: none;
margin-bottom: 0;
padding: 14px 32px;
display: flex;
}
.oto-qty-inner {
padding-top: 10px;
position: relative;
}
.oto-banner-section {
background-color: #f0ebe3;
justify-content: center;
align-items: center;
padding: 0;
display: flex;
}
.oto-product-section {
background-color: #f2efe9;
justify-content: center;
align-items: center;
padding: 0 0 40px;
display: flex;
}
.oto-actions {
grid-row-gap: 12px;
flex-direction: column;
align-items: center;
display: flex;
}
.oto-right-col {
grid-row-gap: 16px;
flex-direction: column;
flex-grow: 1;
min-width: 0;
display: flex;
}
.oto {
clear: right;
background-color: #f5f5f5;
}
.oto-left-col {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: flex-start;
display: flex;
}
.text-span-166 {
color: #666;
}
.paragraph-125 {
padding-top: 3px;
font-size: 16px;
}
.blk-section {
background-color: #f5f1eb;
justify-content: center;
padding: 40px 24px;
display: flex;
}
.blk-wrap {
grid-row-gap: 20px;
flex-direction: column;
width: 100%;
max-width: 600px;
display: flex;
}
.blk-heading {
color: #1a1a1a;
text-align: center;
font-size: 18px;
font-weight: 700;
}
.cmp-grid {
grid-column-gap: 16px;
grid-template-columns: 1fr 1fr;
width: 100%;
display: grid;
}
.cmp-col {
grid-row-gap: 12px;
background-color: #fff;
border-radius: 10px;
flex-direction: column;
padding: 20px 16px;
display: flex;
}
.cmp-col-header {
text-align: center;
border-bottom: 1px solid #e5e1d8;
padding-bottom: 12px;
font-size: 14px;
font-weight: 700;
}
.cmp-row {
grid-column-gap: 8px;
color: #555;
align-items: center;
font-size: 13px;
line-height: 1.4;
display: flex;
}
.cmp-icon-no {
color: #dc2626;
flex-shrink: 0;
font-size: 16px;
}
.cmp-icon-yes {
color: #16a34a;
flex-shrink: 0;
font-size: 16px;
}
.pk-section {
background-color: #faf9fc;
justify-content: center;
align-items: center;
padding: 2rem 1.5rem;
display: flex;
}
.pk-wrap {
grid-row-gap: .625rem;
flex-direction: column;
width: 100%;
max-width: 440px;
display: flex;
}
.pk-title {
color: #1a161f;
margin-bottom: 0;
font-size: 14px;
font-weight: 700;
}
.pk-card {
grid-column-gap: .75rem;
cursor: pointer;
background-color: #fff;
border: 2px solid #e8e6eb;
border-radius: .75rem;
align-items: center;
padding: .75rem 1rem;
display: flex;
position: relative;
}
.pk-card.pk-card-active {
background-color: #fdfaff;
border-color: #303030;
}
.pk-radio {
box-shadow: none;
background-color: #0000;
border: 2px solid #d4d1d9;
border-radius: 50%;
flex: 0 0 20px;
justify-content: center;
align-items: center;
width: 20px;
min-width: 20px;
max-width: 20px;
height: 20px;
min-height: 20px;
max-height: 20px;
margin: 0;
padding: 0;
display: flex;
overflow: hidden;
}
.pk-radio-dot {
background-color: #0000;
border-radius: 50%;
flex: 0 0 10px;
width: 10px;
min-width: 10px;
max-width: 10px;
height: 10px;
min-height: 10px;
max-height: 10px;
}
.pk-info {
grid-row-gap: 2px;
flex-direction: column;
flex-grow: 1;
display: flex;
}
.pk-name-row {
grid-column-gap: .375rem;
align-items: center;
display: flex;
}
.pk-name {
color: #1a161f;
font-size: 13px;
font-weight: 700;
}
.pk-badge {
color: #fff;
letter-spacing: .03em;
background-color: #00bfa5;
border-radius: 9999px;
padding: 2px 6px;
font-size: 9px;
font-weight: 700;
}
.pk-badge.pk-badge-best {
background-color: #00c896;
}
.pk-sub {
color: #746b84;
font-size: 11px;
}
.pk-save {
color: #00c896;
font-size: 11px;
font-weight: 600;
}
.pk-price-col {
flex-direction: column;
align-items: flex-end;
display: flex;
}
.pk-price {
color: #1a161f;
font-size: 15px;
font-weight: 800;
}
.pk-compare {
color: #a39bb0;
font-size: 11px;
text-decoration: line-through;
}
.ss-section {
background-color: #faf9fc;
justify-content: center;
align-items: center;
padding: 2rem 1.5rem;
display: flex;
}
.ss-wrap {
grid-row-gap: .75rem;
flex-direction: column;
width: 100%;
max-width: 440px;
display: flex;
}
.ss-title {
color: #1a161f;
margin-bottom: 0;
font-size: 14px;
font-weight: 700;
}
.ss-card {
cursor: pointer;
background-color: #fff;
border: 2px solid #e8e6eb;
border-radius: .75rem;
justify-content: space-between;
align-items: center;
padding: 1rem;
display: flex;
}
.ss-card.ss-card-active {
background-color: #f0fdfb;
border-color: #00bfa5;
}
.ss-left {
grid-row-gap: 2px;
flex-direction: column;
display: flex;
}
.ss-label {
color: #1a161f;
font-size: 13px;
font-weight: 700;
}
.ss-desc {
color: #746b84;
font-size: 11px;
}
.ss-toggle-track {
cursor: pointer;
background-color: #d4d1d9;
border-radius: 9999px;
flex-shrink: 0;
align-items: center;
width: 44px;
height: 24px;
padding-left: 2px;
padding-right: 2px;
display: flex;
position: relative;
}
.ss-toggle-track.ss-toggle-track-on {
background-color: #00bfa5;
justify-content: flex-end;
align-items: center;
}
.ss-toggle-knob {
background-color: #fff;
border-radius: 50%;
flex-shrink: 0;
width: 20px;
height: 20px;
box-shadow: 0 1px 3px #00000026;
}
.ss-save-badge {
color: #fff;
background-color: #00c896;
border-radius: 9999px;
padding: 2px 8px;
font-size: 10px;
font-weight: 700;
display: inline-flex;
}
.vp-section {
background-color: #faf9fc;
justify-content: center;
align-items: center;
padding: 2rem 1.5rem;
display: flex;
}
.vp-wrap {
grid-row-gap: 1rem;
flex-direction: column;
width: 100%;
max-width: 440px;
display: flex;
}
.vp-group {
grid-row-gap: .5rem;
flex-direction: column;
display: flex;
}
.vp-label {
color: #564e65;
letter-spacing: .05em;
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
}
.vp-pills-row {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-wrap: wrap;
display: flex;
}
.vp-pill {
color: #3e3749;
cursor: pointer;
background-color: #fff;
border: 1.5px solid #e8e6eb;
border-radius: 9999px;
justify-content: center;
align-items: center;
padding: .5rem 1rem;
font-size: 13px;
font-weight: 500;
display: inline-flex;
}
.vp-pill.vp-pill-active {
color: #fff;
background-color: #303030;
border-color: #303030;
font-weight: 600;
}
.tr-section {
background-color: #faf9fc;
justify-content: center;
align-items: center;
padding: 2rem 1.5rem;
display: flex;
}
.tr-wrap {
grid-row-gap: 1rem;
flex-direction: column;
width: 100%;
max-width: 440px;
display: flex;
}
.tr-card {
grid-column-gap: .75rem;
background-color: #fff;
border: 1px solid #e8e6eb;
border-radius: .75rem;
align-items: flex-start;
padding: 1rem;
display: flex;
}
.tr-icon {
flex-shrink: 0;
font-size: 24px;
line-height: 1;
}
.tr-content {
grid-row-gap: 2px;
flex-direction: column;
display: flex;
}
.tr-name {
color: #1a161f;
font-size: 13px;
font-weight: 700;
}
.tr-desc {
color: #746b84;
font-size: 12px;
line-height: 1.4;
}
.ug-section {
background-color: #faf9fc;
justify-content: center;
align-items: center;
padding: 2rem 1.5rem;
display: flex;
}
.ug-wrap {
grid-row-gap: .75rem;
flex-direction: column;
width: 100%;
max-width: 440px;
display: flex;
}
.ug-countdown-card {
grid-row-gap: .75rem;
background-color: #fff5f5;
border: 1px solid #fecaca;
border-radius: .75rem;
flex-direction: column;
align-items: center;
padding: 1.25rem 1rem;
display: flex;
}
.ug-countdown-label {
color: #ff6b6b;
letter-spacing: .05em;
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
}
.ug-timer-row {
grid-column-gap: .5rem;
align-items: center;
display: flex;
}
.ug-timer-unit {
grid-row-gap: 2px;
flex-direction: column;
align-items: center;
display: flex;
}
.ug-timer-num {
color: #1a161f;
text-align: center;
background-color: #fff;
border-radius: .5rem;
min-width: 48px;
padding-top: .5rem;
padding-bottom: .5rem;
font-size: 28px;
font-weight: 800;
line-height: 1;
}
.ug-timer-label {
color: #746b84;
letter-spacing: .05em;
text-transform: uppercase;
font-size: 9px;
font-weight: 600;
}
.ug-colon {
color: #a39bb0;
font-size: 24px;
font-weight: 700;
line-height: 1;
}
.ug-stock-card {
grid-column-gap: .75rem;
background-color: #fff;
border: 1px solid #e8e6eb;
border-radius: .75rem;
align-items: center;
padding: .875rem 1rem;
display: flex;
}
.ug-stock-info {
grid-row-gap: .375rem;
flex-direction: column;
flex-grow: 1;
display: flex;
}
.ug-stock-text {
color: #1a161f;
font-size: 13px;
font-weight: 600;
}
.ug-stock-bar-bg {
background-color: #e8e6eb;
border-radius: 9999px;
width: 100%;
height: 6px;
overflow-x: hidden;
}
.ug-stock-bar-fill {
background-color: #ff6b6b;
border-radius: 9999px;
width: 23%;
height: 100%;
}
.ug-stock-dot {
outline-offset: 0px;
background-color: #ff6b6b;
border: 3px #ff6b6b40;
border-radius: 50%;
outline: 3px solid #ff6b6b40;
flex-shrink: 0;
width: 8px;
height: 8px;
}
.bold-text-1783, .bold-text-1784 {
font-family: Circular Std, Arial, sans-serif;
}
.os-shipping-bar-2 {
grid-column-gap: 6px;
grid-row-gap: 6px;
color: #a39bb0;
background-color: #f4f3f6;
border: 1px dashed #d4d1d9;
border-radius: 4px;
justify-content: center;
align-items: center;
padding-top: 6px;
padding-bottom: 6px;
font-size: .875rem;
font-weight: 600;
display: flex;
}
.os-shipping-bar-2.os--active {
color: #00a078;
background-color: #f2faf8;
border-color: #00c896;
}
.os-card__wrapper-2 {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
align-items: stretch;
padding: 1rem;
display: flex;
position: relative;
overflow: visible;
}
.os-card__wrapper-2.os--sm {
padding: .75rem;
}
.os-card__label-2 {
z-index: 0;
pointer-events: auto;
color: #fff;
background-color: #ce1f22;
border-top-left-radius: .25rem;
border-top-right-radius: .25rem;
justify-content: center;
align-items: center;
height: 1rem;
padding-left: 6px;
padding-right: 6px;
font-size: .6rem;
font-weight: 600;
display: flex;
position: absolute;
inset: -1rem auto auto;
}
.os-card__label-2.os-card__label--middle-center {
background-color: #282724;
border-radius: .25rem;
top: -.5rem;
left: auto;
right: auto;
}
.os-card__label-2.pb--left-y {
border-top-right-radius: 0;
border-bottom-left-radius: .25rem;
width: 1rem;
min-height: 80%;
padding-left: 0;
padding-right: 0;
font-size: .5rem;
inset: auto auto auto -1rem;
}
.os-card__label-2.pb--left-y.os-best-seller {
color: #ffe0e0;
background-color: #c55;
}
.os-card__label-2.os-card__label--top-center {
left: auto;
right: auto;
}
.os-card__variant-quantity-add-btn-2 {
z-index: 10;
color: #fff;
cursor: pointer;
border-radius: calc(var(--os--border--radius, 8px) - 1px);
visibility: visible;
background-color: #282724;
justify-content: center;
align-items: center;
padding: 0;
font-size: .75rem;
font-weight: 600;
transition-property: all;
transition-duration: .3s;
transition-timing-function: ease;
display: flex;
position: absolute;
inset: 0%;
transform: scale(1);
}
.os-card__selector-option-media-2 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
background-color: #fdfaff;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
width: 100%;
max-width: 60px;
max-height: 60px;
padding-left: 0;
padding-right: 0;
display: flex;
position: relative;
}
.os-card__selector-option-media-2.pb--large {
background-color: #eaeaea;
border-radius: 4px 0 0 4px;
min-width: 80px;
max-width: 0;
min-height: 80px;
max-height: 0;
}
.os-card__image-2 {
z-index: 1;
pointer-events: auto;
object-fit: cover;
width: 100%;
max-width: none;
height: 100%;
display: block;
position: relative;
}
.gift__overlay-2 {
z-index: 1;
opacity: 0;
pointer-events: none;
background-color: #e2f6f3;
border-radius: 4px;
width: 100%;
height: 100%;
transition: background-color .2s;
position: absolute;
inset: 0%;
}
.gift__overlay-2.is-active {
opacity: 100;
height: 100%;
}
.os-card__variant-quantity-feedback-2 {
z-index: 100;
opacity: 0;
color: #fff;
border-radius: var(--os--border--radius, 8px);
white-space: nowrap;
visibility: hidden;
transform-style: preserve-3d;
background-color: #292330;
padding: .5rem .75rem;
font-size: .75rem;
font-weight: 500;
transition-property: all;
transition-duration: .25s;
transition-timing-function: cubic-bezier(.34, 1.56, .64, 1);
top: -40px;
left: 50%;
transform: scale3d(.95, 1, 1)translate(-50%, -.5rem)translate(-50%);
}
.os-card__variant-toggle-price--sale-2 {
color: #303030;
font-weight: 600;
}
.os-card__variant-dropdown-toggle-2 {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
letter-spacing: -.006em;
background-color: #fff;
border: 1px solid #ddd;
border-radius: .375rem;
justify-content: center;
align-items: center;
height: 100%;
min-height: 2.75rem;
padding: .5rem .75rem;
font-size: .875rem;
font-weight: 600;
line-height: 1.25rem;
transition: box-shadow .2s, color .2s ease-out, background-color .2s ease-out;
display: flex;
}
.os-card__variant-dropdown-toggle-2:hover {
border-color: #999;
}
.os-card__variant-dropdown-toggle-2:focus {
outline-offset: 0px;
outline: 3px #e148c0;
box-shadow: 0 0 0 3px #3333331a;
}
.os-card__variant-dropdown-toggle-2.w--open {
box-shadow: none;
}
.os-card__selector-star-2 {
color: #ffa600;
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.2em;
height: 1.2em;
display: flex;
position: relative;
top: -1px;
}
.os-button-2 {
color: #fff;
text-align: center;
background-color: #303030;
border: 2px solid #303030;
border-radius: .75rem;
justify-content: center;
align-items: center;
width: 100%;
min-height: 4.5rem;
padding: .75rem 1rem;
font-weight: 600;
text-decoration: none;
transition: background-color .12s, border .12s;
display: flex;
position: relative;
}
.os-button-2:hover {
background-color: #3f006e;
border-color: #3f006e;
}
.os-button-2.bb {
background-color: #391e1d;
border-color: #391e1d;
}
.os-button-2.bb.gruns.button-13 {
background-color: #20201f;
border-style: solid;
border-width: 1px;
min-height: 4rem;
}
.os_card__banner-image_item-2 {
background-color: #f3e6ff;
width: 2.75rem;
}
.os-card__variant-dropdown-item-2 {
border-radius: .5rem;
font-size: .875rem;
list-style-type: none;
}
.os-card__variant-dropdown-item-2:hover {
background-color: #ffffff1c;
}
.os-card__variant-dropdown-item-2.selected {
background-color: snow;
}
.os-card__gift-card-2 {
border: 1px dashed #e8e6eb;
border-radius: .375rem;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 2px;
transition: border-color .12s cubic-bezier(.645, .045, .355, 1);
display: flex;
position: relative;
overflow: visible;
}
.os-card__gift-card-2.os-card__gift-card--active {
color: #292e2c;
border-width: 1.4px;
border-color: #e9e9e9;
border-radius: .375rem;
}
.os-card__footer-banner-2 {
color: #fff;
background-color: #303030;
border-radius: 0 0 .25rem .25rem;
justify-content: flex-start;
align-items: center;
height: auto;
font-size: .785rem;
font-weight: 700;
display: flex;
}
.os-card__banner-2 {
color: #fff;
background-color: #303030;
justify-content: space-between;
align-items: center;
height: 2rem;
padding-left: .75rem;
padding-right: .75rem;
font-family: Inter, Arial, sans-serif;
font-size: .785rem;
font-weight: 700;
display: flex;
position: static;
inset: 0% 0% auto;
}
.os-card__selector-action-label-2 {
color: #303030;
letter-spacing: 0;
text-transform: uppercase;
background-color: #fdfaff;
border-radius: 0 0 6px 6px;
justify-content: center;
align-items: center;
height: 1rem;
padding-left: .5rem;
padding-right: .5rem;
font-family: Inter, Arial, sans-serif;
font-size: .55rem;
font-weight: 600;
line-height: 1;
display: flex;
position: absolute;
inset: -1.5rem auto auto;
}
.os-card__selector-action-label-2.os--backinstock {
color: #00a078;
background-color: #ccf7ec;
font-family: Circular Std, Arial, sans-serif;
font-size: .6rem;
font-weight: 700;
}
.os-card__selector-action-label-2.os--bestseller {
-webkit-text-stroke-color: #391e1d;
background-color: #ffd0d3;
font-family: Circular Std, Arial, sans-serif;
font-size: .6rem;
font-weight: 700;
}
.os-form-2 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
color: #1a161f;
flex-flow: column;
display: flex;
}
.os-card__header-slot-2 {
border-top-left-radius: .375rem;
border-top-right-radius: .375rem;
overflow: hidden;
}
.os-card-2 {
z-index: 1;
pointer-events: auto;
color: #1a161f;
letter-spacing: 0;
cursor: pointer;
background-color: #fff;
border: 2px #e6e6e6;
border-radius: .375rem;
flex-flow: column;
justify-content: center;
align-items: stretch;
font-size: .875rem;
transition: all .2s;
display: flex;
position: relative;
overflow: visible;
box-shadow: 0 0 0 1px #e2e8f0;
}
.os-card-2.os--selected {
z-index: 2;
background-color: #fff;
border-color: #000;
box-shadow: 0 2px 8px #0003, 0 0 0 2px #303030;
}
.os-card__price-badge-2 {
color: #fff;
text-transform: uppercase;
background-color: #5f5f5f;
border-radius: 4px;
padding: 6px 8px;
font-size: 10px;
font-weight: 700;
}
.image-243 {
object-fit: contain;
border-radius: 8px;
width: 100%;
max-width: none;
height: 100%;
display: inline-block;
}
.os-card__variant-dropdown-menu-2 {
border-radius: .5rem;
font-size: .875rem;
}
.os-card__variant-dropdown-menu-2.w--open {
z-index: 4;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
width: 100%;
min-width: auto;
max-width: none;
max-height: none;
margin-top: .5rem;
padding: 0;
overflow: auto;
}
.os-card__gift-badge-text-2 {
z-index: 500;
background-color: var(--os--card--selected-border-color);
color: #fff;
letter-spacing: -.03em;
border-radius: .25rem;
justify-content: center;
align-items: center;
padding: 2px .5rem;
font-family: Circular Std, Arial, sans-serif;
font-size: .6rem;
font-weight: 700;
text-decoration: none;
display: flex;
}
.os-form__step-group-2 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
background-color: #faf9fc;
border-radius: .375rem;
flex-flow: column;
padding: 1rem;
display: flex;
}
.os-card__variant-number-2 {
border-radius: .375rem;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
font-size: .825rem;
font-weight: 600;
display: flex;
}
.os-card__variant-number-2.os-option {
color: #303030;
background-color: #f7edff;
}
.os-card__variant-quantity-2 {
grid-column-gap: .125rem;
grid-row-gap: .125rem;
-webkit-user-select: none;
user-select: none;
background-color: #fff;
border: 1px solid #e8e6eb;
border-radius: .5rem;
justify-content: center;
align-items: center;
padding: .125rem;
font-size: .825rem;
font-weight: 600;
transition-property: all;
transition-duration: .3s;
transition-timing-function: ease;
display: inline-flex;
position: relative;
}
.os-card__variant-quantity-2:hover {
border-color: #d4d1d9;
}
.os-button__price-bubble-2 {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
background-color: #2d004d;
border-radius: 9999px;
align-items: center;
padding: .25rem .5rem .25rem .75rem;
font-size: 1rem;
display: flex;
}
.os-button__price-bubble-2.bb {
background-color: #291615;
}
.os-button__price-bubble-2.bb.gruns {
background-color: #ffffff1c;
}
.os-card__variant-quantity-btn-2 {
color: #1a161f;
cursor: pointer;
border-radius: calc(var(--os--border--radius, 8px) - 2px);
background-color: #fff;
justify-content: center;
align-items: center;
width: 1.75rem;
height: 1.75rem;
padding: 0;
transition-property: all;
transition-duration: .2s;
transition-timing-function: ease;
display: flex;
position: relative;
overflow: hidden;
}
.os-card__variant-quantity-btn-2:hover {
background-color: #f3e6ff;
transform: scale(.95);
}
.os-cards__grid-2 {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
position: static;
}
.os-cards__grid-2.os--two {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.os-cards__grid-2.os--three {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.os-card__feature-text-2 {
font-family: Circular Std, Arial, sans-serif;
font-size: .7rem;
font-weight: 400;
}
.os-card__features-2 {
color: #292330;
}
.os-card__content-2 {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-direction: row;
flex: 1;
justify-content: space-between;
align-items: stretch;
line-height: 1.5;
display: flex;
}
.os-card__content-2.os--align-middle {
align-items: center;
line-height: 1;
}
.os-card__content-2.os--align-top {
aspect-ratio: auto;
align-items: flex-start;
}
.os-cards__vertical-2 {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
position: static;
}
.os-card__media-2 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
background-color: #f3e6ff;
border-radius: .375rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
max-width: 60px;
max-height: 60px;
padding-left: 0;
padding-right: 0;
display: flex;
position: relative;
}
.os-card__media-2.os-full {
max-width: none;
max-height: none;
}
.text-block-510 {
font-size: .75rem;
}
.bold-text-1785, .bold-text-1786 {
font-family: Circular Std, Arial, sans-serif;
}
.text-span-100 {
font-size: .85rem;
}
.pb-quantity__card {
pointer-events: auto;
letter-spacing: -.03em;
cursor: pointer;
background-color: #fff;
border-radius: 4px;
flex-flow: column;
justify-content: center;
align-items: stretch;
font-size: .875rem;
transition: background-color .2s;
display: flex;
position: relative;
overflow: visible;
box-shadow: 0 0 0 1px #e2e8f0;
}
.pb-quantity__card.pb--selected {
z-index: 1;
background-color: #f7f7f7;
box-shadow: 0 0 0 1px #000;
}
.qty-newsss {
font-size: 1rem;
font-weight: 600;
line-height: 1;
}
.qty-newsss.compare {
color: #999;
font-weight: 500;
text-decoration: line-through;
}
.pricings-news {
grid-column-gap: .25rem;
flex-direction: row;
justify-content: flex-end;
align-items: flex-end;
display: flex;
}
.pb-quantity__grid {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
position: static;
}
.pb-quantity__grid.pb--align-bottom {
align-items: end;
}
.pb-quantity__label-middle {
z-index: 1;
pointer-events: auto;
color: #fff;
background-color: #000;
border-radius: 4px;
justify-content: center;
align-items: center;
height: 1.15rem;
padding: .15rem 10px;
font-size: .55rem;
font-weight: 600;
line-height: 1;
display: flex;
position: absolute;
inset: -.55rem auto auto;
}
.qty7_title {
text-transform: none;
font-size: 1rem;
font-weight: 600;
}
.text-block-319 {
text-transform: uppercase;
object-fit: fill;
margin-top: .15rem;
padding-top: .15rem;
font-size: .65rem;
font-weight: 400;
}
.b1g1-dividers {
border-bottom: 1px dashed #00000029;
flex-direction: column;
justify-content: center;
margin-bottom: .35rem;
padding-bottom: .35rem;
display: flex;
position: static;
}
.b1g1dividerss {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.pb-quantity__card-wrapper {
align-items: center;
padding: 1rem 1rem 1rem 2.75rem;
display: flex;
position: relative;
overflow: visible;
}
.pb-quantity__card-wrapper.pb--center {
justify-content: center;
align-items: center;
padding-left: 1rem;
}
.text-span-101 {
font-size: .85rem;
}
.b2g2-selec {
grid-column-gap: .5rem;
grid-row-gap: .15rem;
flex-direction: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.pb-quantity__price-container {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: row;
justify-content: flex-start;
align-items: center;
line-height: 1.2;
display: flex;
}
.pb-quantity__header {
grid-column-gap: 7px;
grid-row-gap: 7px;
justify-content: flex-start;
align-items: center;
display: flex;
position: relative;
}
.pb-quantity__card-info-2 {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
pointer-events: auto;
flex-flow: row;
flex: 1;
justify-content: space-between;
align-items: center;
width: auto;
display: flex;
position: relative;
}
.pb-quantity__card-info-2.pb--align-center {
justify-content: center;
align-items: center;
}
.pb-quantity__title {
flex: none;
font-size: 1.125em;
font-weight: 700;
line-height: 1.2;
}
.pb-quantity__details {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: column;
flex: 1;
justify-content: space-around;
align-items: flex-start;
width: 100%;
display: flex;
}
.pb-quantity__details.pb--align-center {
text-align: center;
justify-content: center;
align-items: center;
}
.pb-quantity__price-label {
color: #fff;
text-transform: uppercase;
background-color: #20201f;
border-radius: 4px;
padding: 2px 6px;
font-size: 11px;
font-weight: 700;
}
.pb-quantity__image-2 {
z-index: 1;
pointer-events: auto;
object-fit: contain;
width: 100%;
max-width: none;
height: 100%;
display: block;
position: relative;
}
.pb-quantity__price {
font-size: 1.125em;
font-weight: 500;
}
.pb-quantity__price.pb--compare {
color: #718096;
font-weight: 500;
text-decoration: line-through;
}
.pb-quantity__subcard {
padding: .25rem;
}
.pb-quantity__subcard.pb--align-center {
text-align: center;
}
.pb-quantity__content {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-direction: row;
flex: 1;
justify-content: space-between;
align-items: stretch;
line-height: 1;
display: flex;
}
.pb-quantity__content.pb--stacked {
grid-column-gap: .15rem;
grid-row-gap: .15rem;
flex-flow: column;
flex: 0 auto;
justify-content: space-between;
align-items: center;
}
.pb-quantity-text.ts-sm {
font-size: .825em;
}
.pb-quantity__banner-content {
grid-column-gap: 6px;
grid-row-gap: 6px;
flex: 1;
justify-content: flex-start;
align-items: center;
display: flex;
position: relative;
}
.pb-quantity__banner-content.pb--align-center {
justify-content: center;
align-items: center;
}
.pb-quantity__price-wrapper {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: column;
justify-content: space-around;
align-items: flex-end;
display: flex;
}
.pb-quantity__banner {
color: #fff;
background-color: #000;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
justify-content: space-between;
align-items: center;
height: 2rem;
padding-left: .75rem;
padding-right: .75rem;
font-size: .785rem;
font-weight: 700;
display: flex;
position: static;
inset: 0% 0% auto;
}
.pb-quantity__banner.pb--deal {
background-color: #20201f;
}
.pb-quantity__media-2 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
width: 100%;
max-width: 60px;
max-height: 60px;
padding-left: 0;
padding-right: 0;
display: flex;
position: relative;
}
.pb-quantity__media-2.pb--size-lg {
max-width: 80px;
max-height: 80px;
}
.text-block-511 {
font-family: Circular Std, Arial, sans-serif;
}
.bld-slider {
grid-row-gap: 1rem;
background-color: #fafafa;
border-radius: 6px;
flex-direction: column;
padding-top: .5rem;
padding-bottom: .5rem;
font-weight: 700;
display: flex;
}
.bld-slider__header {
color: #303030;
font-size: 1.125rem;
font-weight: 700;
}
.bld-slider__track {
flex-direction: row;
justify-content: space-between;
align-items: center;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: relative;
}
.bld-slider__step {
z-index: 2;
grid-row-gap: .35rem;
cursor: pointer;
flex-direction: column;
flex: 1;
align-items: center;
display: flex;
position: relative;
}
.bld-slider__label {
color: #303030;
text-align: center;
font-size: .9375rem;
font-weight: 600;
}
.bld-slider__dot {
background-color: #fafafa;
border: 2px solid #d8d8d8;
border-radius: 18px;
flex-grow: 0;
flex-shrink: 0;
align-self: center;
width: 20px;
min-width: 20px;
max-width: 20px;
height: 20px;
min-height: 20px;
max-height: 20px;
}
.bld-slider__dot.cc_active {
background-color: #2c3839;
border-style: none;
border-color: #2c3839;
justify-content: center;
align-items: center;
width: 16px;
min-width: 16px;
max-width: 16px;
height: 16px;
min-height: 16px;
max-height: 16px;
display: flex;
}
.bld-slider__price {
color: #11252670;
text-align: center;
font-size: .875rem;
font-weight: 500;
}
.bld-slider__line {
z-index: 1;
background-color: #d8d8d8;
border-radius: 2px;
height: 3px;
margin-top: -1.5px;
position: absolute;
top: 50%;
left: 12.5%;
right: 12.5%;
}
.bld-slider__badge {
color: #fff;
letter-spacing: 0;
text-transform: uppercase;
white-space: nowrap;
background-color: #303030;
border-radius: 4px;
padding: .125rem .5rem;
font-size: .6875rem;
font-weight: 700;
position: absolute;
top: -1.5rem;
right: 0;
}
.af-slider {
grid-row-gap: 1rem;
background-color: #fafafa;
border-radius: 8px;
flex-direction: column;
padding-top: 1rem;
padding-bottom: .75rem;
display: flex;
position: relative;
}
.af-slider__header {
color: #303030;
font-size: 1.125rem;
font-weight: 700;
}
.af-slider__track {
flex-direction: row;
justify-content: space-between;
align-items: center;
display: flex;
position: relative;
}
.af-slider__step {
z-index: 2;
grid-row-gap: .35rem;
cursor: pointer;
flex-direction: column;
flex: 1;
align-items: center;
display: flex;
position: relative;
}
.af-slider__label {
color: #303030;
text-align: center;
font-size: .9375rem;
font-weight: 600;
}
.af-slider__dot {
background-color: #fff;
border: 2px solid #d8d8d8;
border-radius: 18px;
flex: none;
align-self: center;
width: 20px;
min-width: 20px;
max-width: 20px;
height: 20px;
min-height: 20px;
max-height: 20px;
}
.af-slider__dot.af--active {
color: #2d3839;
background-color: #424242;
border-color: #424242;
width: 16px;
min-width: 16px;
max-width: 16px;
height: 16px;
min-height: 16px;
max-height: 16px;
}
.af-slider__price {
color: #11252670;
text-align: center;
font-size: .875rem;
font-weight: 500;
}
.af-slider__price.af--active {
color: #112526;
}
.af-slider__line {
z-index: 1;
background-color: #d8d8d8;
border-radius: 100px;
height: 4px;
margin-top: -1.5px;
position: absolute;
top: 50%;
left: 12.5%;
right: 12.5%;
}
.af-slider__badge {
z-index: 3;
color: #fff;
letter-spacing: 0;
text-transform: uppercase;
white-space: nowrap;
background-color: #424242;
border-radius: 4px;
padding: .25rem .444rem;
font-size: .6875rem;
font-weight: 700;
position: absolute;
top: -.75rem;
right: -.25rem;
transform: rotate(5deg);
}
.af_dot {
outline-offset: 0px;
background-color: #fff;
border: 1px #2c3839;
border-radius: 100px;
outline: 2px solid #424242;
justify-content: center;
align-self: center;
align-items: center;
width: 20px;
max-width: 20px;
height: 20px;
max-height: 20px;
display: flex;
}
.af-slider__fill {
z-index: 1;
background-color: #424242;
border-radius: 100px;
flex: none;
align-self: auto;
width: 25%;
min-width: 0;
max-width: none;
height: 4px;
min-height: 0;
max-height: 4px;
margin-top: -2px;
position: absolute;
top: 50%;
left: 12.5%;
right: 12.5px;
}
.text-block-512, .text-block-513 {
color: #282724;
}
.text-block-514, .text-block-515, .text-block-516, .text-block-517, .text-block-518 {
color: var(--os--color--primary);
}
.af-upsell {
grid-row-gap: 1.25rem;
flex-direction: column;
padding: .5rem 1.5rem;
display: flex;
}
.af-upsell__divider {
grid-column-gap: 1rem;
flex-direction: row;
align-items: center;
display: flex;
}
.af-upsell__divider-line {
background-color: #d0d0d0;
flex-grow: 1;
height: 1px;
}
.af-upsell__title {
color: #303030;
white-space: nowrap;
font-size: .825rem;
font-weight: 700;
}
.af-upsell__card {
grid-column-gap: .875rem;
flex-direction: row;
align-items: center;
margin-bottom: 1rem;
padding: .875rem;
display: flex;
}
.af-upsell__image {
background-color: #f0f0f0;
border-radius: 8px;
flex-shrink: 0;
width: 80px;
min-width: 80px;
height: 80px;
}
.af-upsell__info {
grid-row-gap: .125rem;
flex-direction: column;
flex-grow: 1;
display: flex;
}
.af-upsell__stars {
grid-column-gap: 5px;
grid-row-gap: 5px;
color: #666;
font-size: .75rem;
display: flex;
}
.af-upsell__name {
color: #303030;
font-size: 1rem;
font-weight: 600;
}
.af-upsell__price-row {
grid-column-gap: .5rem;
flex-direction: row;
align-items: center;
display: flex;
}
.af-upsell__price {
color: #303030;
font-size: 1rem;
font-weight: 700;
}
.af-upsell__value-badge {
color: #555;
background-color: #e8e8e8;
border-radius: 4px;
padding: .125rem .5rem;
font-size: .75rem;
font-weight: 600;
}
.af-toggle {
cursor: pointer;
background-color: #fff;
border: 1px solid #e6e6e6;
border-radius: 100px;
flex-shrink: 0;
align-items: center;
width: 52px;
min-width: 52px;
height: 28px;
padding-left: 3px;
padding-right: 3px;
display: flex;
position: relative;
}
.af-toggle.af-toggle--off {
background-color: #fff;
border-style: solid;
}
.af-toggle__knob {
background-color: #2c3839;
border-radius: 100px;
flex-shrink: 0;
width: 22px;
min-width: 22px;
max-width: 22px;
height: 22px;
min-height: 22px;
max-height: 22px;
margin-left: auto;
}
.af-toggle__knob.af-toggle__knob--left {
margin-left: 0;
margin-right: auto;
}
.af-upsell__add-btn {
color: #303030;
white-space: nowrap;
cursor: pointer;
border: 2px solid #303030;
border-radius: 6px;
flex-shrink: 0;
padding: .5rem 1.25rem;
font-size: 1rem;
font-weight: 600;
}
.af-upsell__compare {
color: #999;
font-size: .875rem;
text-decoration: line-through;
}
.af-upsell__popular {
color: #fff;
letter-spacing: 0;
text-transform: uppercase;
white-space: nowrap;
background-color: #666;
border-radius: 4px;
padding: .25rem .625rem;
font-size: 10px;
font-weight: 700;
}
.af-upsell__image--sm {
background-color: #e0e0e0;
border-radius: 8px;
flex-shrink: 0;
justify-content: center;
align-items: center;
width: 56px;
min-width: 56px;
height: 56px;
display: flex;
}
.af-dashed {
border: 1.5px dashed #c8c8c8;
border-radius: 12px;
}
.af-shipping {
grid-row-gap: .5rem;
background-color: #fff;
flex-direction: column;
padding: 1.5rem 1.25rem 0;
display: flex;
}
.af-shipping__header {
color: #303030cc;
text-align: center;
letter-spacing: 0;
text-transform: uppercase;
font-size: .8rem;
font-weight: 800;
}
.af-shipping__header.white {
color: #fff9f9;
}
.af-shipping__track {
object-fit: fill;
background-color: #f3f3f3;
border: 1px #e1e7ee;
border-radius: 100px;
width: 100%;
height: 18px;
position: relative;
overflow: hidden;
}
.af-shipping__track.rewards {
background-color: #3a3a3c;
height: 14px;
}
.af-shipping__fill {
width: 75%;
height: 100%;
display: flex;
position: relative;
}
.af-shipping__add {
color: #fff;
cursor: pointer;
background-color: #303030;
border-radius: 8px;
flex-shrink: 0;
padding: .625rem 1.5rem;
font-size: 1rem;
font-weight: 600;
}
.af-countdown {
justify-content: center;
align-items: center;
column-gap: 8px;
padding-top: 24px;
padding-bottom: 24px;
display: flex;
}
.af-countdown__unit {
flex-direction: column;
align-items: center;
row-gap: 6px;
display: flex;
}
.af-countdown__digit {
color: #fff;
background-color: #303030;
border-radius: 10px;
justify-content: center;
align-items: center;
width: 56px;
height: 64px;
font-family: monospace;
font-size: 36px;
font-weight: 700;
display: flex;
position: relative;
}
.af-countdown__label {
opacity: .5;
color: #303030;
letter-spacing: .08em;
text-transform: uppercase;
font-size: 10px;
font-weight: 600;
}
.af-countdown__sep {
opacity: .3;
color: #303030;
margin-bottom: 18px;
font-size: 28px;
font-weight: 700;
line-height: 1;
}
.af-pulse {
background-color: #f5f5f5;
border-radius: 999px;
align-items: center;
column-gap: 8px;
padding: 8px 14px;
display: inline-flex;
}
.af-pulse__dot {
background-color: #00bfa5;
border-radius: 999px;
flex-shrink: 0;
width: 8px;
height: 8px;
}
.af-pulse__text {
color: #303030;
font-size: 13px;
font-weight: 600;
line-height: 1;
}
.af-minicart {
background-color: #1c1c1e;
border-radius: 16px 16px 0 0;
flex-direction: column;
align-items: stretch;
width: 400px;
display: flex;
overflow: hidden;
box-shadow: 0 -4px 24px #00000021;
}
.af-minicart__bar {
box-sizing: border-box;
cursor: pointer;
background-color: #242424;
align-items: center;
column-gap: 12px;
padding: 14px 18px;
display: flex;
}
.af-minicart__bar-left {
flex-grow: 1;
align-items: center;
column-gap: 10px;
display: flex;
}
.af-minicart__bar-icon {
background-color: #ffffff1a;
background-image: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/69a70d894fe34f6bde3e330d_Free%20Gift%20Image%20AF.png");
background-position: 50%;
background-size: cover;
background-attachment: scroll;
border-radius: 6px;
flex-shrink: 0;
justify-content: center;
align-items: center;
width: 44px;
height: 44px;
font-size: 16px;
display: flex;
}
.af-minicart__bar-text {
flex-direction: column;
display: flex;
}
.af-minicart__bar-title {
color: #fff;
letter-spacing: -.01em;
white-space: nowrap;
font-size: 14px;
font-weight: 700;
display: block;
}
.af-minicart__bar-sub {
color: #fff6;
white-space: nowrap;
margin-top: 2px;
font-size: 11px;
display: block;
}
.af-minicart__bar-price {
color: #fff;
white-space: nowrap;
flex-shrink: 0;
font-size: 16px;
font-weight: 800;
}
.af-minicart__bar-chevron {
color: #ffffff80;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
border-radius: 20px;
flex-shrink: 0;
width: 20px;
height: 20px;
margin-left: 8px;
font-size: 14px;
line-height: 1;
transition-property: transform;
transition-duration: .3s;
transition-timing-function: cubic-bezier(.23, 1, .32, 1);
}
.af-minicart__bar-chevron.af-minicart__bar-chevron-open {
transform: rotate(180deg);
}
.af-minicart__rewards {
box-sizing: border-box;
grid-column-gap: 6px;
grid-row-gap: 6px;
background-color: #242424;
border-bottom: 1px solid #e9e1e114;
flex-direction: column;
width: 100%;
margin-top: 0;
padding: 12px 18px;
display: flex;
}
.af-minicart__rewards-track {
background-color: #3a3a3c;
border-radius: 999px;
height: 5px;
overflow: hidden;
}
.af-minicart__rewards-fill {
background-image: repeating-linear-gradient(60deg, #3dba6f 0 10px, #2ea85f 10px 20px);
border-radius: 999px;
width: 40%;
height: 100%;
}
.af-minicart__rewards-label {
box-sizing: border-box;
color: #ffffff80;
justify-content: space-between;
align-items: center;
width: 100%;
margin-top: 6px;
font-size: 11px;
display: flex;
}
.af-minicart__body {
background-color: #fff;
flex-direction: column;
max-height: 0;
transition-property: max-height;
transition-duration: .4s;
transition-timing-function: cubic-bezier(.23, 1, .32, 1);
display: flex;
overflow: hidden;
}
.af-minicart__body-open {
max-height: 600px;
overflow-y: auto;
}
.div-block-2255 {
grid-column-gap: 165px;
grid-row-gap: 165px;
grid-template-rows: auto;
grid-template-columns: 1fr .25fr;
grid-auto-columns: 1fr;
display: grid;
}
.af-minicart__items {
flex-direction: column;
padding: 16px 18px;
display: flex;
}
.af-minicart__item {
border-bottom: 1px #f0f0f0;
align-items: center;
column-gap: 12px;
padding-top: 12px;
padding-bottom: 12px;
display: flex;
}
.af-minicart__item-img {
object-fit: cover;
background-color: #f5f5f5;
border-radius: 8px;
flex-shrink: 0;
width: 56px;
height: 56px;
}
.af-minicart__item-info {
flex-direction: row;
flex-grow: 1;
justify-content: flex-end;
align-items: center;
min-width: 0;
display: flex;
}
.af-minicart__item-name {
color: #1c1c1e;
text-overflow: ellipsis;
white-space: normal;
font-size: 13px;
font-weight: 600;
overflow-x: hidden;
}
.af-minicart__item-price {
color: #1c1c1e;
flex-direction: column;
flex-shrink: 0;
justify-content: center;
align-items: flex-start;
margin-top: 2px;
font-size: 13px;
font-weight: 700;
display: flex;
}
.af-minicart__item-qty {
align-items: center;
column-gap: 8px;
margin-top: 0;
display: flex;
}
.af-minicart__qty-btn {
color: #1c1c1e;
cursor: pointer;
background-color: #f0f0f0;
border-radius: 6px;
flex-shrink: 0;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
font-size: 14px;
font-weight: 600;
display: flex;
}
.af-minicart__qty-num {
color: #1c1c1e;
text-align: center;
min-width: 10px;
font-size: 13px;
font-weight: 600;
}
.af-minicart__upsell {
background-color: #fafafa;
border-top: 1px solid #f0f0f0;
padding: 14px 18px;
}
.af-minicart__upsell-title {
color: #999;
text-align: left;
letter-spacing: .06em;
text-transform: uppercase;
margin-bottom: 10px;
font-size: 11px;
font-weight: 700;
}
.af-minicart__upsell-item {
align-items: center;
column-gap: 10px;
margin-bottom: 1rem;
display: flex;
}
.af-minicart__upsell-img {
object-fit: cover;
background-color: #eee;
background-image: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/69a70b16528af3670247d87c_Template%20Image%20Mini.png");
background-position: 50%;
background-size: auto;
border-radius: 6px;
flex-shrink: 0;
width: 70px;
height: 70px;
}
.af-minicart__upsell-info {
grid-column-gap: 5px;
grid-row-gap: 5px;
flex-direction: column;
flex-grow: 1;
min-width: 0;
display: flex;
}
.af-minicart__upsell-name {
color: #1c1c1e;
white-space: normal;
font-size: .9rem;
font-weight: 600;
}
.af-minicart__upsell-price {
color: #303030;
margin-top: 0;
font-size: .875rem;
font-weight: 700;
}
.af-minicart__upsell-btn {
color: #fff;
white-space: nowrap;
cursor: pointer;
background-color: #303030;
border-radius: 8px;
flex-shrink: 0;
padding: 8px 14px;
font-size: 12px;
font-weight: 700;
}
.af-minicart__footer {
background-color: #fff;
border-top: 1px solid #f0f0f0;
align-items: center;
column-gap: 10px;
padding: 14px 18px;
display: flex;
position: sticky;
bottom: 0;
}
.af-minicart__checkout-btn {
color: #fff;
cursor: pointer;
background-color: #1c1c1e;
border-radius: 12px;
flex-grow: 1;
justify-content: space-between;
align-items: center;
height: 52px;
padding: 0;
font-size: 15px;
font-weight: 700;
display: flex;
overflow: hidden;
}
.div-block-2256 {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: flex-start;
display: flex;
}
.af-minicart__checkout-label {
color: #fff;
text-align: center;
flex-grow: 1;
padding-left: 20px;
font-size: 15px;
font-weight: 700;
}
.af-minicart__checkout-price {
color: #ffffffbf;
background-color: #00000040;
flex-shrink: 0;
align-items: center;
height: 100%;
padding-left: 20px;
padding-right: 20px;
font-size: 15px;
font-weight: 600;
display: flex;
}
@media screen and (max-width: 991px) {
h1 {
font-size: 3.25rem;
}
h2 {
font-size: 2.75rem;
}
h3 {
font-size: 2.25rem;
}
h4 {
font-size: 1.75rem;
}
.page-wrapper.padding-110 {
padding-top: 0;
}
.max-width-full-tablet {
width: 100%;
max-width: none;
}
.display-xs {
font-size: 1.1125rem;
}
.display-sm {
font-size: 1.325rem;
}
.display-2xl {
font-size: 3.25rem;
}
.display-md {
font-size: 1.875rem;
}
.display-lg {
font-size: 2.25rem;
}
.image {
width: auto;
height: 400px;
}
.custom-code {
display: none;
}
.headline-component.cc-left-tablet {
text-align: left;
justify-content: flex-start;
align-items: flex-start;
}
.display-xl {
font-size: 2.75rem;
}
.ts-sm.bb.gruns {
display: none;
}
.pb-sg_grid-4-col, .pb-sg_grid-3-col {
grid-template-columns: 1fr;
}
.section {
padding-top: var(--spacing--3\);
padding-bottom: var(--spacing--2\);
}
.section.cc-top-lg {
padding-top: 6rem;
}
.section.cc-sm {
padding-top: 2rem;
padding-bottom: 2rem;
}
.section.cc-top-sm {
padding-top: 2rem;
}
.section.cc-bottom-sm {
padding-bottom: 2rem;
}
.section.cc-lg {
padding-top: 4rem;
padding-bottom: 4rem;
}
.section.cc-bottom-lg {
padding-bottom: 6rem;
}
.section.cc-custom.he01 {
padding-top: 0;
}
.pb-sg_element {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
grid-template-columns: 1fr;
}
.pb-sg_element.cc-bigger-details {
grid-template-columns: 1fr;
}
.text-h5 {
font-size: 1.75rem;
}
.image-wrapper.cc-1x1 {
width: auto;
height: 400px;
}
.spacer-desktop {
display: none;
}
.spacer-tablet, .u-hide_tablet {
display: block;
}
.u-grid-cust {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
grid-template-columns: 1fr;
display: flex;
}
.u-grid-cust.grid-6, .u-grid-cust.cc-1-2, .u-grid-cust.cc-2-1 {
grid-column-gap: var(--site--gutter-mobile);
grid-row-gap: var(--site--gutter-mobile);
}
.u-grid-cust.cc-horizontal {
grid-column-gap: var(--site--gutter-mobile);
grid-row-gap: var(--site--gutter-mobile);
}
.u-grid-cust.cc-1-2 {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-column-gap: var(--site--gutter-mobile);
grid-row-gap: var(--site--gutter-mobile);
}
.u-grid-cust.cc-2-1, .u-grid-cust.cc-1-2, .u-grid-cust.cc-2-1 {
grid-column-gap: var(--site--gutter-mobile);
grid-row-gap: var(--site--gutter-mobile);
}
.content_wrap {
width: 100%;
}
.sidebar_wrap {
width: auto;
padding: .75rem;
position: fixed;
bottom: 0;
}
.sidebar_wrap.hide-mobile {
display: none;
}
.pb-sg_grid-6-col {
grid-template-columns: 1fr;
}
.uui-button.is-button-large {
border-width: 0;
min-width: auto;
}
.pb-sg_subcategory-inner {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
}
.pb-sg_subcategory-col.pb-sg_left {
width: 100%;
}
.u-hide_desktop {
display: block;
}
.sg_grid-2-col {
grid-template-columns: 1fr;
}
.u-grid-2col-wide {
grid-column-gap: var(--spacing--2\);
grid-row-gap: var(--spacing--2\);
flex-flow: column;
grid-template-columns: repeat(1, minmax(0, 1fr));
align-items: stretch;
display: flex;
}
.u-grid-3col-wide {
grid-column-gap: var(--spacing--1-5\);
grid-row-gap: var(--spacing--1-5\);
}
.u-grid-4col-wide, .u-grid-4col-standard {
grid-column-gap: var(--spacing--1\);
grid-row-gap: var(--spacing--1\);
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.u-grid-6col-standard {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.ts-2xs {
font-size: .875rem;
}
.code-embed-10 {
display: none;
}
.pb-sg_info-container.cc-subcategory {
width: auto;
}
.os-cards__vertical {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
}
.os-card__gifts-container {
min-width: 300px;
}
.os-card__gift-cards {
grid-column-gap: .5rem;
}
.os-card__gift-locker-icon {
top: 12px;
}
.os-card__gift-locker-text {
font-size: .85rem;
}
.os-cards__grid {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
}
.container {
padding-left: 1rem;
padding-right: 1rem;
}
.meter-bar {
width: 80px;
}
.pb-quantity__widget {
justify-content: flex-start;
}
.os-card__selector-options {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
}
.form-grid_slots {
flex-flow: column;
grid-template-columns: 1fr;
display: flex;
}
.div-block-1654 {
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.hero__wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
}
.hero__left, .hero__left.cc-55 {
width: 100%;
}
.hero__left-wrapper {
position: relative;
top: auto;
}
.hero__left-wrapper.cc-sticky {
position: static;
}
.hero__mobile-top {
flex-flow: column;
padding-top: 1rem;
padding-bottom: 1rem;
display: flex;
}
.h-hero {
font-size: 2.75rem;
}
.u-negative-margin-tm {
margin-left: calc(-1 * var(--container-padding--mobile));
margin-right: calc(-1 * var(--container-padding--mobile));
}
.swiper-wrapper.is-product, .swiper-wrapper.sw20 {
height: 390px;
}
.swiper__image {
object-fit: cover;
width: 100%;
height: 100%;
}
.swiper__image.mw70 {
max-width: 400px;
}
.swiper__navigation.is-v4 {
display: block;
inset: auto auto 0% 50%;
}
.swiper__navigation.is-sw20 {
justify-content: center;
align-items: center;
display: flex;
inset: auto auto 0% 50%;
}
.product-thumbnails-holder {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.hero__left-bottom {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: none;
}
.container-13 {
padding-left: 1rem;
padding-right: 1rem;
}
.listicle_reasons {
grid-row-gap: 3rem;
}
.content-listicle {
grid-row-gap: 1rem;
flex-direction: column;
align-items: stretch;
}
.listicle-image {
width: 100%;
}
.show-tablet {
display: block;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.hide-tablet {
display: none;
}
.adv-cta_grid {
flex-flow: column;
align-items: stretch;
display: flex;
}
.h-cta {
font-size: 1.75rem;
}
.padding-global-6.m-1, .container-13-copy, .container-14 {
padding-left: 1rem;
padding-right: 1rem;
}
.pdp-container__inner {
padding: 2rem;
}
.pdp-headline-comp {
font-size: 2.75rem;
}
.selectors-grids {
width: 100%;
}
.selectors_grid-item {
font-size: 1rem;
}
.pdp-feature-head.cc-green {
padding: 1.5rem;
}
.pdp-subitem-heading {
font-size: 2rem;
}
.pdp-review-itemss {
padding-bottom: 0;
}
.product-items {
font-size: 2.5rem;
}
.pdp-button-container {
margin-left: -2rem;
margin-right: -2rem;
padding: 2rem;
}
.navbar-component {
min-height: 50px;
}
.navbar-component.is-sticky-desktop-only {
position: relative;
}
.navbar-countdown-3 {
font-size: .8rem;
}
.holiday-last-chance-3 {
flex-direction: row;
justify-content: center;
}
.navbar-sale-inner-5 {
flex-direction: column;
font-size: 1rem;
}
.navbar-component2 {
z-index: 250;
min-height: 50px;
}
.navbar-wrapper {
z-index: 999;
height: 65px;
padding-left: 2rem;
padding-right: 2rem;
}
.button-backss {
margin-left: 1rem;
}
.offer-hero_wrapper {
grid-column-gap: 1rem;
grid-row-gap: 2rem;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: flex;
position: relative;
overflow: hidden;
}
.offer-hero_wrapper.overflow-visible {
overflow: visible;
}
.offer-hero_wrapper.overflow-visible.aa {
z-index: 1;
grid-row-gap: 0rem;
}
.product-hero_photo-container {
border-bottom-width: 1px;
border-bottom-color: #000;
border-left-style: none;
border-right-style: none;
width: 100%;
position: static;
overflow: visible;
}
.product-slider_holder {
max-width: 100%;
}
.swiper10__thumbnails {
display: none;
}
.swiper10__thumbnails-on {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.cart-hero__content {
align-items: stretch;
width: 100%;
padding-top: 2rem;
padding-bottom: 0;
padding-left: 0;
overflow: visible;
}
.padding-section-landing-mobile {
padding-top: 3rem;
padding-bottom: 3rem;
}
.padding-section-landing-mobile.pt-0 {
justify-content: center;
align-items: center;
padding-top: 0;
}
.div-block-2248 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.product-hero_content-wrapper {
width: 100%;
min-width: 100%;
max-width: 100%;
}
.os-option__wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
}
.button-text-5 {
font-weight: 900;
}
.button-holder {
z-index: 5;
display: flex;
}
.button-holder.is-sticky {
z-index: 50;
background-color: #fff;
padding: 1rem 2rem;
transition: transform .2s;
position: fixed;
inset: auto 0% 0%;
transform: translate(0, 100%);
box-shadow: 0 -4px 4px #0000000f;
}
.pb-form-price__wrapper {
border-top-style: none;
font-size: 1rem;
}
.container-15 {
padding-left: 1rem;
padding-right: 1rem;
}
.container-15.cc-full {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.container-16 {
padding-left: 1rem;
padding-right: 1rem;
}
.container-16.cc-full {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.navbar-countdown-4 {
font-size: .8rem;
}
.navbar-smaller {
flex-direction: row;
justify-content: center;
}
.navbar-sale-inner-7 {
font-size: 1rem;
}
.navbar-one-inner {
grid-row-gap: 0rem;
flex-direction: column;
flex: 1;
align-items: center;
font-size: 1rem;
}
.div-block-1260 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: row;
justify-content: center;
align-self: stretch;
align-items: center;
}
.navbar-one-title {
letter-spacing: -.015rem;
font-size: 1rem;
font-style: normal;
}
.div-block-1259 {
display: none;
}
.text-block-311 {
letter-spacing: -.015rem;
text-transform: uppercase;
font-size: .95rem;
}
.nav-foots {
max-width: 100%;
}
.container-20 {
padding-left: 1rem;
padding-right: 1rem;
}
.health-dscvry-nav-10 {
text-align: left;
}
.listicle__grid {
flex-flow: column;
}
.std_compare.header.listicle.compare2.letscompare {
padding-top: 47px;
}
.std_compare.header.listicle.compare2.letscompare.sp4, .std_compare.grey.noborder.compare2._3.sp4 {
padding-top: 6px;
}
.std_empty {
padding-bottom: 2px;
font-size: 14px;
}
.std_empty.listicle.compare2.text {
padding-top: 6px;
padding-bottom: 14px;
}
.compare2-javvy-logo {
max-height: 34px;
}
.adv_cta_right_div {
padding-top: 2rem;
padding-left: 2rem;
padding-right: 2rem;
}
.side-div-home {
width: 100%;
}
.blog-sidebar-home-3 {
width: 100%;
margin-left: auto;
margin-right: auto;
padding-top: 64px;
display: none;
}
.div-block-1041 {
display: none;
}
.padding-section-cta {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.sticky_bar {
z-index: 50;
background-color: #fff;
width: 100%;
display: block;
position: fixed;
inset: auto 0% 0%;
transform: translate(0, 100%);
}
.div-block-1356 {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: center;
align-items: center;
height: auto;
margin-top: 0;
display: flex;
}
.image-213 {
width: 40px;
height: 40px;
}
.lowest-price-p {
color: #2abb48;
text-align: left;
text-transform: uppercase;
margin-right: 18px;
font-size: 14px;
font-weight: 700;
}
.shipsbylisticle {
text-align: left;
background-color: #e9f8fe00;
border-style: none;
outline-color: #cddfe500;
justify-content: center;
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.announcement-lottie {
width: 1.5rem;
height: 1.5rem;
}
.new-flavors-just-released {
color: #c8202f;
text-align: left;
}
.try-risk-free-bar {
border: 1px solid #d0d5dd;
border-radius: 8px;
width: 80%;
padding-left: 15px;
padding-right: 15px;
display: block;
bottom: 1%;
left: 10%;
box-shadow: 0 0 25px 16px #0000001f;
}
.button-text-12 {
color: #000;
text-transform: capitalize;
text-underline-offset: 1px;
font-weight: 600;
text-decoration: underline;
}
.comparison-number {
font-size: 14px;
}
.checkout-page {
background-color: #fff;
background-image: none;
}
.checkout-page:after {
display: none;
}
.checkout-header {
max-width: 100%;
padding-left: 32px;
padding-right: 32px;
}
.checkout-layout {
grid-template-columns: 1fr;
min-height: auto;
}
.checkout-form-col {
max-width: 100%;
padding-top: 20px;
padding-left: 32px;
padding-right: 32px;
}
.checkout-summary-col {
border-top: 1px #e4e7ec;
border-left-style: none;
order: -1;
padding-top: 0;
padding-bottom: 0;
display: none;
position: relative;
}
.co-mobile-summary-bar {
background-color: #f5f5f5;
border-top-style: none;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.co-msb-chevron {
color: #1a1a1a;
border-radius: 0;
}
.co-logo {
text-align: center;
padding-top: 24px;
padding-bottom: 16px;
}
.image-241 {
max-width: 12%;
display: block;
}
.div-block-2252 {
display: none;
}
.checkout-input-row-3 {
grid-template-rows: auto;
}
.co-mobile-header {
display: flex;
}
.text-block-509 {
color: #1a1a1a;
}
.oto-card {
border-radius: 0;
max-width: 100%;
}
.oto-body {
grid-column-gap: 0px;
grid-row-gap: 20px;
flex-direction: column;
grid-template-columns: 1fr;
justify-items: center;
padding: 24px;
}
.oto-img-wrap {
border-radius: 8px;
justify-content: center;
align-self: auto;
width: 100%;
height: 250px;
}
.oto-img {
width: 500px;
height: auto;
}
.div-block-2253 {
justify-content: center;
align-items: center;
display: flex;
}
.div-block-2254 {
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.os-cards__grid-2, .os-cards__vertical-2, .pb-quantity__grid {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
}
}
@media screen and (max-width: 767px) {
h1 {
font-size: 2.5rem;
}
h2 {
font-size: 2.25rem;
}
h3 {
font-size: 2rem;
}
h4 {
font-size: 1.5rem;
line-height: 1.4;
}
h5 {
font-size: 1.25rem;
}
h6 {
font-size: 1.125rem;
}
.max-width-full-mobile-landscape {
width: 100%;
max-width: none;
}
.ts-md {
font-size: 1rem;
}
.display-2xl {
font-size: 2.5rem;
}
.button.is-tiny {
padding: .5rem 1rem;
}
.display-md {
font-size: 1.75rem;
}
.display-lg {
font-size: 2rem;
}
.ts-lg {
font-size: 1.125rem;
}
.headline-component {
margin-bottom: 2rem;
}
.display-xl {
font-size: 2.25rem;
}
.section.cc-lg {
padding-top: 3rem;
padding-bottom: 3rem;
}
.pb-sg_element, .pb-sg_element.cc-bigger-details {
grid-template-columns: 1fr;
}
.text-h5 {
font-size: 1.5rem;
}
.spacer-tablet {
display: none;
}
.spacer-landscape, .u-hide_tablet {
display: block;
}
.u-hide_landscape {
display: none;
}
.page-global {
padding-left: 1rem;
padding-right: 1rem;
}
.sidebar_wrap {
padding: .5rem;
}
.ts-2xl {
font-size: 1.125rem;
}
.uui-button {
font-size: 1rem;
}
.uui-button:hover {
background-color: #7f56d9;
border-color: #7f56d9;
}
.uui-button.is-button-large {
grid-column-gap: .5rem;
border-width: 0;
padding: .75rem 1.25rem;
font-size: 1rem;
}
.uui-button.is-button-large:hover {
background-color: #fed300;
border-width: 0;
border-color: #fec84b;
}
.list__item {
margin-bottom: .15rem;
}
.u-grid-3col-wide {
flex-flow: column;
display: flex;
}
.ts-2xs {
font-size: .725rem;
}
.list-icon {
margin-top: .125rem;
}
.os-card__banner-content {
grid-column-gap: 6px;
grid-row-gap: 6px;
}
.os-card__feature-item {
margin-bottom: .15rem;
}
.os-card__benefit-icon-svg {
margin-top: .125rem;
}
.os-card__gift-cards {
grid-row-gap: .5rem;
}
.os-card__gift-locker-text {
font-size: .6rem;
bottom: .5rem;
}
.os-card__gift-titles {
grid-row-gap: .5rem;
}
.os-card__banner-cont {
grid-column-gap: 6px;
grid-row-gap: 6px;
}
.meter-bar {
width: 44px;
}
.div-block-1654 {
max-width: 410px;
}
.h-hero {
font-size: 2.25rem;
}
.u-negative-margin-tm {
margin-left: -1.25rem;
margin-right: -1.25rem;
}
.swiper-wrapper.is-product, .swiper-wrapper.sw20 {
height: 64vw;
}
.swiper__image {
object-fit: cover;
width: 100%;
}
.swiper__image.mw70 {
max-width: 350px;
}
.swiper-button_icon-2 {
width: .8rem;
height: .8rem;
}
.swiper-pagination-3.is-product_hero {
height: 1.5rem;
}
.product-thumbnails-holder {
width: 70%;
margin-left: auto;
margin-right: auto;
}
.swiper8__thumbnail {
border-radius: 6px;
}
.button-13.cc-tiny {
padding: .5rem 1rem;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.h-cta {
font-size: 1.5rem;
line-height: 1.4;
}
.padding-global-6 {
padding-left: 2rem;
padding-right: 2rem;
}
.div-block-1157 {
grid-row-gap: 1rem;
flex-direction: column;
align-items: center;
padding-top: 1rem;
padding-bottom: 1rem;
}
.footer4_bottom-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-auto-flow: row;
justify-items: center;
display: flex;
}
.pdp-container__inner {
padding: 1rem;
}
.pdp-headline-comp {
font-size: 2.25rem;
}
.pdp-subitem-heading {
font-size: 1.75rem;
}
.pdp-feature--content {
padding: 1rem;
}
.pdp-list-icon {
width: 2rem;
height: 2rem;
}
.list-pdp-mnews {
font-size: 1.25rem;
}
.pdp-review-itemss {
flex-flow: column;
align-items: center;
margin-top: 3rem;
padding-top: 4rem;
display: flex;
}
.image-217 {
width: 8rem;
inset: -4rem auto auto;
}
.pdp-review-head {
flex-flow: column;
justify-content: center;
align-items: center;
max-width: none;
margin-bottom: 2rem;
display: flex;
}
.pdp-review-product {
border-top: 1px solid #000;
margin-left: -2rem;
margin-right: -2rem;
}
.div-block-1509 {
flex-flow: column;
}
.div-block-1510 {
width: 100%;
}
.comparison8__list-item {
margin-bottom: .15rem;
}
.div-block-1512 {
width: 100%;
}
.pdp-button-container {
margin-left: 0;
margin-right: 0;
padding: 1rem 0;
}
.navbar-countdown-3 {
font-size: .75rem;
}
.navbar-component2 {
z-index: 250;
}
.offer-hero_wrapper {
grid-row-gap: 2rem;
}
.offer-hero_wrapper.overflow-visible {
z-index: 5;
}
.offer-hero_wrapper.overflow-visible.aa {
grid-row-gap: 0rem;
}
.swiper10__thumbnails-on {
width: 70%;
margin-left: auto;
margin-right: auto;
}
.swiper20_thumb {
border-radius: 6px;
}
.padding-section-landing-mobile {
padding-top: 2rem;
padding-bottom: 3rem;
}
.product-hero_content-wrapper {
min-width: 0;
position: relative;
}
.input-flds {
font-size: .875rem;
}
.button-holder.is-sticky {
z-index: 1000;
padding-top: .75rem;
padding-left: 1rem;
padding-right: 1rem;
}
.footer1__wrapper {
grid-row-gap: 1rem;
flex-direction: column;
align-items: center;
padding-top: 1rem;
padding-bottom: 1rem;
}
.footer1__links-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-auto-flow: row;
justify-items: center;
display: flex;
}
.navbar-countdown-4 {
font-size: .75rem;
}
.navbar-one-inner {
flex-direction: column;
flex: 1;
justify-content: center;
align-items: center;
}
.div-block-1260 {
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.navbar-one-title {
font-size: 1rem;
}
.text-block-311 {
font-size: .75rem;
}
.health-dscvry-nav-10 {
font-size: 40px;
display: flex;
}
.std_compare-column {
width: 27%;
}
.std_compare-column.points {
width: 20%;
}
.std_compare {
font-size: 13px;
}
.std_compare.header.listicle {
height: 36px;
}
.std_compare.header.listicle.compare2.letscompare {
padding-top: 36px;
}
.std_compare.category {
padding-left: 14px;
}
.std_compare.grey {
height: 44px;
font-size: .9rem;
}
.std_compare.grey.noborder.compare2 {
height: 56px;
}
.std_empty {
flex-flow: column;
font-size: 12px;
}
.std_empty.listicle {
height: 36px;
}
.std_empty.listicle.compare2.text {
padding-bottom: 14px;
padding-left: 16px;
}
.std_empty.listicle.compare2.text.sp4 {
padding-top: 18px;
}
.compare_prod-flex {
grid-column-gap: 6px;
grid-row-gap: 6px;
position: relative;
}
.compare2-p-category {
font-size: 15px;
}
.compare2-javvy-logo {
max-height: 32px;
}
.compare_hike-2, .compare_hike {
font-size: 16px;
}
.li-compare2-category-title-w {
text-align: center;
max-width: 80px;
padding-top: 6px;
font-size: 13px;
line-height: 1.3;
}
.adv_cta_div {
flex-direction: column;
}
.photo-wrappers, .adv_cta_right_div {
width: 100%;
}
.padding-section-cta {
padding-top: 3rem;
padding-bottom: 3rem;
}
.try-risk-free-bar {
border: 1px solid #d0d5dd;
border-radius: 10px;
width: 80%;
padding-left: 15px;
padding-right: 15px;
display: block;
bottom: 1%;
left: 10%;
box-shadow: 0 0 25px 16px #0000001f;
}
.comparison-number {
text-align: left;
font-size: 13px;
}
.compare2-p-javvy {
font-size: 16px;
}
.checkout-header {
padding-left: 20px;
padding-right: 20px;
}
.checkout-form-col {
padding: 24px 20px;
}
.checkout-summary-col {
border-top-style: none;
padding-left: 20px;
padding-right: 20px;
}
.image-241 {
max-width: 15%;
}
.oto-card {
border-radius: 8px;
}
.oto-title {
font-size: 20px;
}
.oto-subtitle {
font-size: 14px;
}
.oto-body {
padding: 20px;
}
.oto-img-wrap {
height: 200px;
}
.oto-img {
width: 450px;
}
.oto-product-name {
font-size: 22px;
}
.oto-description {
font-size: 14px;
}
.oto-cta {
padding-top: 16px;
padding-bottom: 16px;
font-size: 16px;
}
.oto-decline {
font-size: 13px;
}
.oto-banner {
padding: 16px;
}
.oto-banner-section, .oto-product-section {
padding-left: 0;
padding-right: 0;
}
.div-block-2254 {
max-width: 410px;
}
.pb-quantity__banner-content {
grid-column-gap: 6px;
grid-row-gap: 6px;
}
}
@media screen and (max-width: 479px) {
h1 {
font-size: 2.5rem;
}
.max-width-full-mobile-portrait {
width: 100%;
max-width: none;
}
.button.is-tiny {
padding-left: 1rem;
padding-right: 1rem;
}
.display-md.listicle {
margin-bottom: .6rem;
}
.image {
object-fit: fill;
width: 100%;
height: 100%;
padding-right: 4px;
display: block;
overflow: hidden;
}
.headline-component {
margin-bottom: 2rem;
padding-top: 0;
padding-bottom: 0;
}
.display-xl.os-black {
font-size: 2rem;
}
.pb-sg_item {
grid-template-columns: 1fr;
}
.top {
display: block;
}
.section {
padding-top: var(--spacing--2\);
}
.section.cc-top-lg {
padding-top: 5.5rem;
}
.section.cc-sm {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.section.cc-top-sm {
padding-top: 1.5rem;
}
.section.cc-bottom-sm {
padding-bottom: 1.5rem;
}
.section.cc-bottom-lg {
padding-bottom: 5.5rem;
}
.image-wrapper.cc-1x1 {
aspect-ratio: auto;
height: 350px;
position: static;
}
.spacer-landscape {
display: none;
}
.spacer-mobile {
display: block;
}
.u-hide_tablet {
margin-top: 15px;
display: block;
}
.u-hide_mobile {
display: none;
}
.page-global {
padding-left: 1rem;
padding-right: 1rem;
}
.page-global.is-nav {
padding-left: .75rem;
}
.uui-button.is-button-large {
width: 100%;
min-width: 100%;
max-width: 99.9999%;
margin-left: auto;
margin-right: auto;
font-size: .9rem;
}
.st-flex-hori, .pb_sg-item {
grid-template-columns: 1fr;
}
.pb-sg_header-title {
font-size: 3rem;
}
.pb-sg_category-group {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.pb_sg-item-auto {
grid-template-columns: 1fr;
}
.u-grid-2col-standard {
grid-column-gap: var(--spacing--1\);
grid-row-gap: var(--spacing--1\);
}
.list-icon {
width: .8rem;
height: .8rem;
margin-top: 0;
}
.modal-wrapper {
padding-left: 1rem;
padding-right: 1rem;
}
.modal-setup {
flex-flow: column;
}
.modal_buttons-style {
width: 100%;
}
.pb-labelss {
z-index: 2;
text-align: center;
}
.os-card__selector-option-name {
line-height: 1.2;
}
.os-card__wrapper.pb--0 {
height: auto;
padding: 1rem .75rem;
}
.os-card__content {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
align-items: stretch;
}
.os-card__main-slot {
flex-flow: column;
justify-content: space-around;
align-items: flex-start;
}
.os-card__banner {
font-size: .725rem;
}
.os-card__title {
line-height: 1.2;
}
.os-card__subtitle-text {
line-height: 1;
}
.os-card__benefit-icon-svg {
width: .8rem;
height: .8rem;
margin-top: 0;
}
.os-card__divider-text {
font-size: .7rem;
font-weight: 700;
}
.os-card__gift-cards {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
}
.os-card__gift-badge-text {
padding-top: .1rem;
}
.os-card__gift-locker-icon {
width: 2rem;
height: 2rem;
margin-bottom: .25rem;
}
.os-card__gift-locker-text {
font-size: .5rem;
}
.os-card__footer-banner {
font-size: .725rem;
}
.os-card__label {
justify-content: center;
align-items: center;
height: 1.25rem;
display: flex;
top: -1.25rem;
}
.os-card__media {
padding-left: 0;
padding-right: 0;
overflow: visible;
}
.selector_holder {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.selector_holder.align-center {
padding-left: 1.15rem;
padding-right: 1.15rem;
}
.os-card__radio {
top: .15rem;
left: -1.5rem;
}
.os-card__variant-dropdown-menu.w--open {
min-width: 320px;
max-width: 100%;
}
.selector-blocksss {
padding: 0;
}
.os-button__price-bubble {
font-size: 1.15rem;
}
.pb-form-price__amount {
font-size: .75rem;
}
.pb-form-price__amount.pb--compare.os-compare.os-big {
font-size: .875rem;
}
.pb-form-price__amount.os--big {
font-size: .925rem;
}
.os-button__counter-bubble {
font-size: 1.15rem;
}
.os-button__count {
font-size: .75rem;
}
.product-gifts {
margin-bottom: 15px;
}
.qs-price {
font-size: 16px;
}
.meter-bar {
flex: 1;
}
.limited-time-meter {
width: 80%;
margin-left: auto;
margin-right: auto;
}
.os-card__selector-action-label {
top: -1.4rem;
}
.os-card__selector-action-label.os--bestseller, .os-card__selector-action-label.os--backinstock {
font-size: .55rem;
}
.pb-quantity__image {
width: 75%;
}
.pb-quantity__widget {
grid-column-gap: .25rem;
color: #2a2552;
align-items: center;
font-size: .6rem;
line-height: 1;
}
.os-card__selector-reviews {
color: #2a2552;
font-size: .6rem;
line-height: 1;
}
.os-card__selector-status-badge {
padding-left: 4px;
padding-right: 4px;
font-size: 7px;
}
.pb-quantity__actions {
flex-direction: column;
flex: none;
align-items: center;
width: 100%;
max-width: 6.25rem;
display: flex;
overflow: visible;
}
.os-card__selector-option-details {
grid-column-gap: 6px;
grid-row-gap: 6px;
}
.os-card__selector-star {
width: .65rem;
height: .65rem;
}
.os-card__selector-option-description {
flex: none;
}
.os-card__selector-option-media {
padding-left: 0;
padding-right: 0;
overflow: visible;
}
.hero__left.cc-55 {
order: -1;
}
.h-hero {
font-size: 2.15rem;
}
.h-hero.bb {
padding-top: 6px;
font-size: 1.8rem;
}
.h-hero.bb.gruns {
margin-top: 0;
}
.swiper-wrapper.is-product, .swiper-wrapper.sw20 {
height: 65vw;
}
.swiper__image.mw70 {
max-width: 280px;
}
.swiper__button.swiper__button--prev {
width: 2rem;
height: 2rem;
left: .5rem;
}
.swiper__button.swiper__button--next {
width: 2rem;
height: 2rem;
right: .5rem;
}
.swiper-pagination-3.is-product_hero {
height: 1.25rem;
}
.product-thumbnails-holder {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
align-items: center;
width: 100%;
}
.hero__left-bottom {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-flow: column;
margin-bottom: 3px;
}
.review_component-wrapper {
justify-content: flex-start;
align-items: center;
}
.button-13.cc-tiny {
padding-left: 1rem;
padding-right: 1rem;
}
.blogpost1_content-top {
flex-direction: column;
align-items: flex-start;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.content-wrapper {
padding-left: 1rem;
padding-right: 1rem;
}
.adv-cta_grid {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.divider-line-10 {
flex: 1;
width: 20%;
}
.padding-global-6.m-1 {
padding-left: 1rem;
padding-right: 1rem;
}
.pdp-container__inner {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.pdp-headline-comp {
font-size: 2rem;
}
.selectors-grids {
width: 100%;
}
.selectors_grid-item {
padding: .5rem;
font-size: .725rem;
}
.pdp-feature-head, .pdp-feature-head.cc-green {
padding: 1rem;
}
.pdp-subitem-heading {
font-size: 1.5rem;
}
.pdp-list-item_head {
justify-content: flex-start;
align-items: flex-start;
}
.list-pdp-mnews {
font-size: 1.15rem;
}
.pdp-review-itemss {
flex-flow: column;
padding: 3rem 1rem 1rem;
display: flex;
}
.image-217 {
width: 6rem;
}
.product-items {
font-size: 2rem;
}
.pdp-review-product {
margin-left: -1rem;
margin-right: -1rem;
}
.div-block-1509 {
flex-flow: column;
margin-left: -1rem;
margin-right: -1rem;
}
.div-block-1510 {
width: 100%;
padding: 1rem;
}
.comparison8__list-item {
margin-top: -.1rem;
}
.navbar-countdown-3 {
font-size: .7rem;
}
.holiday-last-chance-3 {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: center;
align-items: center;
padding-left: 1rem;
padding-right: 1rem;
}
.navbar-sale-inner-5 {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
font-size: .66rem;
}
.nav40-p {
text-align: center;
font-size: .9rem;
}
.text-70 {
padding-right: 0;
font-size: 12px;
}
.text-70.text-90 {
text-align: center;
font-size: 13px;
font-weight: 700;
}
.navbar-wrapper {
height: 65px;
}
.navbar-wrapper.is-center {
border-bottom: 1px solid #eaf0e6;
}
.button-backss {
width: 2rem;
height: 2rem;
}
.bundle-selector-step {
font-size: 1rem;
}
.lucker-wrap {
min-width: 280px;
padding-left: 32px;
padding-right: 32px;
}
.lucker-wrap.lst {
margin-top: 4px;
margin-bottom: 20px;
}
.lucker-wrap.jj {
padding-left: 16px;
padding-right: 16px;
}
.locker-wrap.lst {
color: #fff;
background-color: #1a161f;
border-color: #1a161f;
}
.locker-wrap.lst.gruns {
background-color: #012513;
border-color: #012513;
}
.step-middless.os-active.lst {
color: #1a161f;
}
.step-middless.os-active.lst.gruns {
color: #012513;
}
.locker-bar.os-active.template.gruns {
background-color: #012513;
}
.progressss.lst {
color: #fff;
}
.offer-hero_wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1.5rem;
}
.offer-hero_wrapper.overflow-visible.aa {
grid-row-gap: 0rem;
display: flex;
}
.product-hero_photo-container {
align-items: center;
}
.product-hero_photo-container.hide-tablet {
display: block;
}
.swiper10__thumbnails-on {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
align-items: center;
width: 100%;
}
.cart-hero__content {
padding-top: 1.5rem;
}
.cart-hero__content.cars {
padding-top: 1rem;
}
.cart-hero__content.cars.jimmy-joy {
border-top: 1px solid #ceebdf;
}
.padding-section-landing-mobile {
padding-top: 1.5rem;
}
.padding-section-landing-mobile.pt-0 {
padding-bottom: 8rem;
}
.product-hero_content-wrapper {
position: relative;
}
.group-1000010094 {
width: 100%;
height: 100.027%;
}
.text-376 {
font-size: 13px;
}
.stock-update-w {
grid-column-gap: 5%;
grid-row-gap: 5%;
padding-right: 5%;
}
.stock-update-column {
width: auto;
}
.stock-update-big.update, .stock-update-big.sellout {
font-size: 13px;
}
.os-slot_card {
height: auto;
min-height: 0;
max-height: none;
}
.pair-numbersss {
justify-content: center;
align-items: flex-start;
height: 100%;
}
.pair-circle {
width: 1.25rem;
height: 1.25rem;
}
.pb-quantity__media {
padding-left: 0;
padding-right: 0;
overflow: visible;
}
.pb-qunatity__information {
grid-column-gap: 6px;
grid-row-gap: 6px;
}
.grid_shoes {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
}
.selector_wrap {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
}
.input-flds.select-field {
height: 2.5rem;
font-size: .875rem;
}
.caret-down-2 {
width: 1.5rem;
height: 2.5rem;
}
.image-228 {
width: 8px;
}
.box_card.is-slot {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
height: 80px;
min-height: 80px;
max-height: 80px;
}
.box_card.is-slot.is-horizontal {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
}
.text-add {
font-size: 1rem;
}
.button-text-5 {
font-weight: 700;
}
.pb-form-price__wrapper, .pb-form-price__label {
font-size: .75rem;
}
.image-239 {
width: 300px;
}
.check-grids {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
}
.benefit_item {
padding: .75rem .5rem;
font-size: .625rem;
}
.code-embed-11 {
justify-content: center;
align-items: center;
width: 2rem;
height: 2rem;
display: flex;
}
.benefit-titeeels {
font-weight: 600;
}
.benefit-subdesc {
font-size: .625rem;
}
.bold-text.bb {
display: inline;
}
.navbar-countdown-4 {
font-size: .7rem;
}
.navbar-smaller {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
text-align: center;
justify-content: center;
padding-left: .5rem;
padding-right: .5rem;
}
.navbar-sale-inner-7 {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
font-size: .66rem;
line-height: .7;
}
.navbar-one-inner {
grid-column-gap: .35rem;
grid-row-gap: .35rem;
text-align: center;
align-items: center;
font-size: .66rem;
line-height: .7;
}
.div-block-1260 {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: center;
max-width: 100%;
}
.navbar-one-title {
letter-spacing: 0;
text-transform: uppercase;
font-family: Circular Std, Arial, sans-serif;
font-size: 1rem;
font-weight: 700;
line-height: 1;
}
.text-block-311 {
letter-spacing: 0;
text-transform: capitalize;
font-size: .7rem;
}
.holiday-clock {
z-index: 1;
flex-wrap: wrap;
position: relative;
}
.clock-number-2 {
font-size: .85rem;
}
.clock-label-2 {
font-size: .45rem;
}
.text-block-310 {
padding-left: 0;
padding-right: 0;
}
.number-label {
font-size: .5rem;
}
.lowest-price-check {
height: 28px;
font-size: 13px;
}
.lowest-price-icon {
height: 16px;
font-size: 13px;
}
.nav-foots {
padding-top: 10px;
padding-bottom: 10px;
}
.health-dscvry-nav-10 {
text-align: left;
flex-flow: wrap;
justify-content: space-between;
align-items: center;
font-size: 30px;
line-height: 40px;
display: block;
}
.health-dscvry-nav-10.hf {
padding-left: 0;
font-size: 26px;
}
.quiz_progress_wrapper {
height: 24px;
}
.quiz_progress-bar {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
height: 6px;
display: grid;
}
.quiz_progress-pct {
height: 2px;
}
.p-listicle {
font-size: 1.1rem;
}
.adv-callout.adv-callout--quote, .adv-callout.adv-callout--quote.gruns {
width: 100%;
}
.blogpost1_author-wrapper {
grid-column-gap: 5px;
grid-row-gap: 5px;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
padding: 10px 5px 10px 10px;
}
.text-weight-semibold-2.glb._2.mobile {
grid-column-gap: 4%;
grid-row-gap: 4%;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-content: start;
place-items: center baseline;
display: flex;
position: relative;
}
.image-44 {
max-width: 100%;
}
.text-size-small-copy-2 {
margin-top: 5px;
font-size: 1rem;
font-weight: 500;
}
.quiz_author {
font-size: .825rem;
}
.quiz_author__image {
width: 48px;
height: 48px;
}
.quiz__title {
font-size: 1rem;
}
.std_comparison-table.listicle.compare2 {
margin-top: 8px;
}
.std_comparison-table.listicle.compare2.sp4 {
margin-top: 0;
}
.std_compare-column.points {
width: 24%;
}
.std_compare-column.cc-mains {
width: 30%;
}
.std_compare-column.compet {
width: 22%;
}
.std_compare {
text-align: center;
padding-left: 4px;
padding-right: 4px;
font-size: 12px;
}
.std_compare.header.listicle {
padding-left: 0;
padding-right: 0;
}
.std_compare.header.listicle.compare2.letscompare {
padding-top: 27px;
}
.std_compare.header.listicle.compare2.letscompare.sp4 {
padding-top: 0;
}
.std_compare.category {
padding-left: 0;
}
.std_compare.category.compare2 {
min-height: 56px;
}
.std_compare.category.compare2.ss {
height: 55px;
min-height: 55px;
}
.std_compare.compare2-green {
height: 58px;
min-height: 58px;
margin-left: 3px;
margin-right: 3px;
}
.std_compare.compare2-green.aaa {
height: 48px;
min-height: 48px;
padding-top: 0;
padding-bottom: 0;
}
.std_compare.compare2-green.scooptxt {
height: 57px;
min-height: 57px;
padding-top: 8px;
padding-bottom: 8px;
}
.std_compare.grey {
font-size: .7rem;
}
.std_compare.grey.noborder.compare2._3.sp4 {
padding-top: 0;
padding-left: 0;
}
.std_empty {
height: 54px;
line-height: 1.2;
}
.std_empty.listicle.compare2.text {
padding-bottom: 14px;
padding-left: 0;
}
.std_empty.listicle.compare2.text.sp4.white {
height: 44px;
}
.std_empty.listicle.compare2.sp4 {
padding-top: 0;
padding-bottom: 2px;
}
.compare_prod-flex {
grid-column-gap: 4px;
grid-row-gap: 4px;
text-align: left;
justify-content: flex-start;
align-items: flex-start;
height: 100%;
line-height: 1.2;
}
.compare2-p-category {
letter-spacing: -.05em;
font-size: 13px;
font-weight: 600;
}
.compare2-p-category.gruns {
letter-spacing: -.02em;
}
.compare2-javvy-logo {
width: 80%;
}
.compare2-javvy-logo.sp4 {
max-height: 34px;
margin-bottom: 14px;
}
.compare_hike-2, .compare_hike {
text-align: center;
font-size: 14px;
}
.compare_hike.small {
font-size: 9px;
}
.li-compare2-category-title-w {
height: 46px;
font-size: 12px;
}
.li-compare2-category-title-w.sp4 {
letter-spacing: -.05em;
font-size: 12px;
font-weight: 600;
}
.paragraph-123 {
padding-left: 4px;
}
.compare2_hike-others {
text-align: center;
letter-spacing: -.04em;
font-size: 12px;
}
.cta-content-2 {
width: 100%;
padding-top: 0;
padding-bottom: 0;
}
.adv_cta_div {
border-style: none;
border-radius: 8px;
flex-direction: column;
}
.photo-wrappers {
background-color: #fff;
}
.adv_cta_right_div {
width: 100%;
padding: 1rem;
}
.adv_cta_heading-2 {
text-align: center;
font-size: 2rem;
}
.adv_cta_subtitle_text {
text-align: center;
}
.div-block-900 {
width: 100%;
}
.listicle-banner-sale-badge {
border-radius: 8px;
font-size: 3.25vw;
}
.side-div-home {
width: 100%;
margin-left: 0;
}
.blog-sidebar-home-3 {
flex: 1;
width: auto;
margin-left: 8px;
margin-right: 8px;
display: none;
}
.desktop-hadings-offer-3 {
font-size: .7rem;
}
.div-block-1041 {
display: none;
}
.frame-1484580632 {
display: flex;
}
.vectors-wrapper-153 {
width: 17px;
height: 13px;
}
.text-326.glb {
font-size: 15px;
}
.test-div {
background-color: #fff4d9;
border-style: dashed;
border-color: #f1b313;
justify-content: center;
align-items: center;
width: auto;
max-width: 100%;
margin-top: 3px;
padding-left: 6px;
padding-right: 6px;
transform: none;
}
.test-div.af {
padding-left: 5px;
padding-right: 5px;
}
.div-block-1049 {
font-size: 14px;
}
.fixed-bar {
font-size: 9px;
line-height: 18px;
}
.text-span-89 {
font-size: 13.4px;
font-weight: 700;
}
.text-span-87, .bold-text-57 {
font-size: 13.4px;
}
.padding-section-cta {
padding-top: 2rem;
padding-bottom: 2rem;
}
.image-213 {
width: 34px;
height: 34px;
}
.shipsbylisticle {
justify-content: center;
font-size: .7rem;
line-height: 1.3;
}
.new-flavors-just-released {
color: #c8202f;
}
.try-risk-free-bar {
z-index: 50;
grid-column-gap: 0px;
grid-row-gap: 0px;
border: 1px solid #d0d5dd;
border-radius: 8px;
flex-flow: column;
justify-content: center;
align-items: center;
width: 94%;
margin-left: 0;
padding: 10px 15px;
display: flex;
bottom: 1%;
left: 3%;
box-shadow: 0 0 25px 16px #0000001f;
}
.frame-1484580657 {
width: 128px;
}
.frame-1321317224 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 60px;
margin-top: 4px;
margin-left: 0;
margin-right: 10px;
}
.frame-1321317226 {
justify-content: center;
align-items: flex-start;
width: 100%;
}
.frame-1321317220 {
grid-column-gap: 0px;
justify-content: flex-start;
align-items: center;
}
.text-373 {
color: #344a23;
font-size: 19px;
font-weight: 700;
}
.frame-18 {
background-color: #404d3700;
border: 0 solid #000;
border-top: 1px #d8dad2;
border-bottom: 1px #d9dad2;
border-top-left-radius: 0;
border-top-right-radius: 0;
justify-content: center;
align-items: center;
margin-top: 5px;
margin-bottom: 0;
padding-top: 5px;
padding-bottom: 5px;
}
.text-374 {
color: #344a23d6;
letter-spacing: 0;
font-size: 15px;
font-weight: 400;
line-height: 21px;
}
.bold-text-1776 {
color: #344a23d6;
font-size: 15px;
font-weight: 700;
line-height: 21px;
}
.cta1_button-content-2 {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
font-size: 1rem;
}
.button-text-12 {
color: #fff;
text-underline-offset: 3px;
width: 100%;
font-size: 15px;
font-weight: 600;
text-decoration: none;
}
.free-bonus-gifts-worth-total-value-0 {
letter-spacing: 0;
font-size: 12px;
font-weight: 500;
}
.frame-1484580642 {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: row;
align-items: center;
margin-bottom: 10px;
}
.gamification-2 {
background-image: linear-gradient(90deg, #317e52 67%, #e7e7e7 67%, #e7e7e7);
border-radius: 20px;
width: 100%;
}
.vectors-wrapper-159 {
width: 14px;
}
.button-try {
height: 52px;
}
.button-txt-javy {
align-items: center;
padding-top: 15px;
padding-bottom: 15px;
}
.complete-purchase-text.ct {
font-size: 14px;
}
.comparison-number {
font-size: 11px;
}
.compare2-p-emoji {
position: relative;
top: -3px;
}
.compare2-p-javvy {
text-align: center;
letter-spacing: 0;
font-size: 13px;
line-height: 1.2;
}
.wrap-mobo {
display: inline;
}
.wrap-mobo.s {
display: block;
}
.hurrytxt {
font-size: .875rem;
}
.sub-heading-author-new {
text-align: left;
letter-spacing: .44px;
font-size: 14px;
line-height: 25px;
}
.sub-heading-author-new.mc {
border-radius: 1px;
width: 132px;
padding: 2px 8px;
font-size: 13px;
}
.text-377 {
font-size: 13px;
}
.image-241 {
max-width: 20%;
}
.oto-title {
font-size: 18px;
}
.oto-body {
grid-row-gap: 16px;
padding: 16px 12px;
}
.oto-img-wrap {
border-radius: 6px;
height: 180px;
}
.oto-img {
width: auto;
}
.oto-details {
grid-row-gap: 6px;
}
.oto-stars {
font-size: 13px;
}
.oto-product-name {
font-size: 20px;
}
.oto-description {
font-size: 14px;
line-height: 1.6;
}
.oto-prices {
font-size: 14px;
}
.oto-total-final {
font-size: 16px;
}
.oto-cta {
border-radius: 6px;
padding-top: 18px;
padding-bottom: 17px;
font-size: 16px;
}
.oto-decline {
padding-top: 8px;
padding-bottom: 4px;
font-size: 12px;
}
.oto-qty-select {
padding-top: 14px;
padding-bottom: 8px;
font-size: 13px;
}
.oto-banner {
grid-row-gap: 4px;
padding: 12px;
}
.oto-right-col {
grid-row-gap: 12px;
padding-left: 15px;
padding-right: 15px;
}
.paragraph-125 {
padding-top: 9px;
}
.os-card__label-2 {
justify-content: center;
align-items: center;
height: 1.25rem;
display: flex;
top: -1.25rem;
}
.os-card__selector-option-media-2 {
padding-left: 0;
padding-right: 0;
overflow: visible;
}
.os-card__selector-star-2 {
width: .65rem;
height: .65rem;
}
.os-card__footer-banner-2, .os-card__banner-2 {
font-size: .725rem;
}
.os-card__selector-action-label-2 {
top: -1.4rem;
}
.os-card__selector-action-label-2.os--backinstock, .os-card__selector-action-label-2.os--bestseller {
font-size: .55rem;
}
.os-card__variant-dropdown-menu-2.w--open {
min-width: 320px;
max-width: 100%;
}
.os-card__gift-badge-text-2 {
padding-top: .1rem;
}
.os-button__price-bubble-2 {
font-size: 1.15rem;
}
.os-card__content-2 {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
align-items: stretch;
}
.os-card__media-2 {
padding-left: 0;
padding-right: 0;
overflow: visible;
}
.qty-newsss {
font-size: .95rem;
line-height: 1;
}
.pb-quantity__label-middle {
justify-content: center;
align-items: center;
display: flex;
}
.qty7_title {
font-size: .8rem;
line-height: 1.2;
}
.text-block-319 {
font-size: .7rem;
}
.pb-quantity__card-wrapper {
padding-left: 2.25rem;
}
.pb-quantity__title {
line-height: 1.2;
}
.pb-quantity__title.pb--wrap {
flex: 0 auto;
}
.pb-quantity__details {
flex-flow: column;
justify-content: space-around;
align-items: flex-start;
}
.u-break-mobile {
display: block;
}
.pb-quantity__content {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
align-items: stretch;
}
.pb-quantity__banner {
font-size: .725rem;
}
.pb-quantity__media-2 {
padding-left: 0;
padding-right: 0;
overflow: visible;
}
}
#w-node-_2166f27c-d2c8-291c-b404-6216921b956e-52d8aa67, #w-node-_2166f27c-d2c8-291c-b404-6216921b9572-52d8aa67, #w-node-_2166f27c-d2c8-291c-b404-6216921b9599-52d8aa67, #w-node-_2166f27c-d2c8-291c-b404-6216921b959d-52d8aa67, #w-node-_2166f27c-d2c8-291c-b404-6216921b95c4-52d8aa67, #w-node-_2166f27c-d2c8-291c-b404-6216921b95c8-52d8aa67, #w-node-_2166f27c-d2c8-291c-b404-6216921b95ef-52d8aa67, #w-node-_2166f27c-d2c8-291c-b404-6216921b95f3-52d8aa67, #w-node-_3082d87c-5006-0073-988a-713b069224de-9cbd78a8, #w-node-_9352486d-a09f-1ceb-02a4-991024057a0f-9cbd78a8, #w-node-_9352486d-a09f-1ceb-02a4-991024057a10-9cbd78a8, #w-node-_58ecdb6b-a367-0a0c-57bf-088675cb580d-9cbd78a8, #w-node-_58ecdb6b-a367-0a0c-57bf-088675cb580e-9cbd78a8, #w-node-cae4a7c3-d3eb-38c1-b447-2370449ebb0d-9cbd78a8, #w-node-cae4a7c3-d3eb-38c1-b447-2370449ebb0e-9cbd78a8, #w-node-_9f6cca54-686c-06e7-7d6b-f3a0e32127e9-9cbd78a8, #w-node-_9f6cca54-686c-06e7-7d6b-f3a0e32127ea-9cbd78a8, #w-node-aace4952-94f3-daee-d9a8-f2cd7da43d0d-9cbd78a8, #w-node-_0036c175-23ef-94ce-c4e8-b9752f17ca3a-9cbd78a8, #w-node-d68e711c-511b-a9d9-5b32-333908630046-9cbd78a8, #w-node-d68e711c-511b-a9d9-5b32-333908630052-9cbd78a8, #w-node-_4157a22d-ad27-7736-7607-d8c5f65f9d51-9cbd78a8, #w-node-_4157a22d-ad27-7736-7607-d8c5f65f9d6c-9cbd78a8, #w-node-_86aafdc3-dd56-7ff7-d0b1-c26e911ba9eb-9cbd78a8, #w-node-b8218c60-962a-4d83-f51c-7f3acc3012ff-9cbd78a8 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_71b3dfda-532e-7053-279d-df2cb71c41d4-9cbd78a8, #w-node-_71b3dfda-532e-7053-279d-df2cb71c41da-9cbd78a8, #w-node-_71b3dfda-532e-7053-279d-df2cb71c41e0-9cbd78a8, #w-node-_71b3dfda-532e-7053-279d-df2cb71c41e6-9cbd78a8, #w-node-_71b3dfda-532e-7053-279d-df2cb71c41ec-9cbd78a8, #w-node-_71b3dfda-532e-7053-279d-df2cb71c41f2-9cbd78a8, #w-node-_71b3dfda-532e-7053-279d-df2cb71c41f8-9cbd78a8, #w-node-_71b3dfda-532e-7053-279d-df2cb71c41fe-9cbd78a8, #w-node-_71b3dfda-532e-7053-279d-df2cb71c4204-9cbd78a8 {
justify-self: start;
}
#w-node-_70ca7e8a-ebfa-5fe9-db73-7bd392860771-9cbd7917, #w-node-_70ca7e8a-ebfa-5fe9-db73-7bd3928607b4-9cbd7917, #w-node-a9554fca-7902-65d7-139c-bea885f64982-9cbd7917, #w-node-a9554fca-7902-65d7-139c-bea885f6499c-9cbd7917, #w-node-a1122aa2-a7ce-be41-019f-2659bdf31f06-a8ce5b48, #w-node-a1122aa2-a7ce-be41-019f-2659bdf31f17-a8ce5b48, #w-node-a1122aa2-a7ce-be41-019f-2659bdf31f28-a8ce5b48, #w-node-a1122aa2-a7ce-be41-019f-2659bdf31f39-a8ce5b48, #w-node-a1122aa2-a7ce-be41-019f-2659bdf31f4a-a8ce5b48, #w-node-a1122aa2-a7ce-be41-019f-2659bdf31f5b-a8ce5b48, #w-node-_2166f27c-d2c8-291c-b404-6216921b956e-21febd6a, #w-node-_2166f27c-d2c8-291c-b404-6216921b9572-21febd6a, #w-node-_2166f27c-d2c8-291c-b404-6216921b9599-21febd6a, #w-node-_2166f27c-d2c8-291c-b404-6216921b959d-21febd6a, #w-node-_2166f27c-d2c8-291c-b404-6216921b95c4-21febd6a, #w-node-_2166f27c-d2c8-291c-b404-6216921b95c8-21febd6a, #w-node-_2166f27c-d2c8-291c-b404-6216921b95ef-21febd6a, #w-node-_2166f27c-d2c8-291c-b404-6216921b95f3-21febd6a, #w-node-_2166f27c-d2c8-291c-b404-6216921b956e-2c3b4fa7, #w-node-_2166f27c-d2c8-291c-b404-6216921b9572-2c3b4fa7, #w-node-_2166f27c-d2c8-291c-b404-6216921b9599-2c3b4fa7, #w-node-_2166f27c-d2c8-291c-b404-6216921b959d-2c3b4fa7, #w-node-_2166f27c-d2c8-291c-b404-6216921b95c4-2c3b4fa7, #w-node-_2166f27c-d2c8-291c-b404-6216921b95c8-2c3b4fa7, #w-node-_2166f27c-d2c8-291c-b404-6216921b95ef-2c3b4fa7, #w-node-_2166f27c-d2c8-291c-b404-6216921b95f3-2c3b4fa7, #w-node-_3568c99f-0754-fcf3-ebc9-30a77639d770-533891cf, #w-node-_3568c99f-0754-fcf3-ebc9-30a77639d782-533891cf, #w-node-_3568c99f-0754-fcf3-ebc9-30a77639d797-533891cf, #w-node-_3568c99f-0754-fcf3-ebc9-30a77639d7ad-533891cf, #w-node-_3568c99f-0754-fcf3-ebc9-30a77639d7c4-533891cf, #w-node-_3568c99f-0754-fcf3-ebc9-30a77639d811-533891cf, #w-node-_3568c99f-0754-fcf3-ebc9-30a77639d827-533891cf, #w-node-_3568c99f-0754-fcf3-ebc9-30a77639d83c-533891cf, #w-node-_3568c99f-0754-fcf3-ebc9-30a77639d852-533891cf, #w-node-_3568c99f-0754-fcf3-ebc9-30a77639d866-533891cf, #w-node-_3568c99f-0754-fcf3-ebc9-30a77639d770-f1a04bb9, #w-node-_3568c99f-0754-fcf3-ebc9-30a77639d782-f1a04bb9, #w-node-_3568c99f-0754-fcf3-ebc9-30a77639d797-f1a04bb9, #w-node-_3568c99f-0754-fcf3-ebc9-30a77639d7ad-f1a04bb9, #w-node-_3568c99f-0754-fcf3-ebc9-30a77639d7c4-f1a04bb9, #w-node-_2166f27c-d2c8-291c-b404-6216921b956e-2b32783f, #w-node-_2166f27c-d2c8-291c-b404-6216921b9572-2b32783f, #w-node-_2166f27c-d2c8-291c-b404-6216921b9599-2b32783f, #w-node-_2166f27c-d2c8-291c-b404-6216921b959d-2b32783f, #w-node-_2166f27c-d2c8-291c-b404-6216921b95c4-2b32783f, #w-node-_2166f27c-d2c8-291c-b404-6216921b95c8-2b32783f, #w-node-_2166f27c-d2c8-291c-b404-6216921b95ef-2b32783f, #w-node-_2166f27c-d2c8-291c-b404-6216921b95f3-2b32783f, #w-node-_3568c99f-0754-fcf3-ebc9-30a77639d770-156e9e75, #w-node-_3568c99f-0754-fcf3-ebc9-30a77639d782-156e9e75, #w-node-_3568c99f-0754-fcf3-ebc9-30a77639d797-156e9e75, #w-node-_3568c99f-0754-fcf3-ebc9-30a77639d7ad-156e9e75, #w-node-_3568c99f-0754-fcf3-ebc9-30a77639d7c4-156e9e75, #w-node-_7b1f61d0-6a70-a7fa-4fd6-bd372e8ada5d-6aba213c, #w-node-_7b1f61d0-6a70-a7fa-4fd6-bd372e8ada7c-6aba213c, #w-node-_7b1f61d0-6a70-a7fa-4fd6-bd372e8ada96-6aba213c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_7b1f61d0-6a70-a7fa-4fd6-bd372e8adae3-6aba213c, #w-node-_7b1f61d0-6a70-a7fa-4fd6-bd372e8adae8-6aba213c {
align-self: start;
}
#w-node-_7b1f61d0-6a70-a7fa-4fd6-bd372e8adb36-6aba213c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_7b1f61d0-6a70-a7fa-4fd6-bd372e8adbb7-6aba213c, #w-node-_7b1f61d0-6a70-a7fa-4fd6-bd372e8adbbc-6aba213c, #w-node-_7b1f61d0-6a70-a7fa-4fd6-bd372e8adbc1-6aba213c, #w-node-_7b1f61d0-6a70-a7fa-4fd6-bd372e8adbc6-6aba213c, #w-node-_7b1f61d0-6a70-a7fa-4fd6-bd372e8adbcb-6aba213c {
align-self: start;
}
#w-node-_7b1f61d0-6a70-a7fa-4fd6-bd372e8adc0a-6aba213c, #w-node-_2166f27c-d2c8-291c-b404-6216921b956e-92eaaf37, #w-node-_2166f27c-d2c8-291c-b404-6216921b9572-92eaaf37, #w-node-_2166f27c-d2c8-291c-b404-6216921b9599-92eaaf37, #w-node-_2166f27c-d2c8-291c-b404-6216921b959d-92eaaf37, #w-node-_2166f27c-d2c8-291c-b404-6216921b95c4-92eaaf37, #w-node-_2166f27c-d2c8-291c-b404-6216921b95c8-92eaaf37, #w-node-_2166f27c-d2c8-291c-b404-6216921b95ef-92eaaf37, #w-node-_2166f27c-d2c8-291c-b404-6216921b95f3-92eaaf37 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-fd6671cf-66f8-8427-88ce-70ef377100cc-7e79a946 {
order: -9999;
}
#w-node-_80d05a50-a811-6e27-7d62-db36efac814b-58fd6c2c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
@media screen and (max-width: 767px) {
#w-node-a1122aa2-a7ce-be41-019f-2659bdf31faa-a8ce5b48 {
grid-area: 4 / 1 / 5 / 2;
}
#w-node-ba787c81-bc9a-67e7-bcba-37272a0467e5-fb621e82 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
}