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;
}

:where(button.w-popover-trigger) {
  color: inherit;
  cursor: pointer;
  font: inherit;
  line-height: inherit;
  text-align: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
  background-color: #0000;
  border: 0;
  margin: 0;
  padding: 0;
}

.w-popover {
  color: inherit;
  position-anchor: auto;
  position-area: top center;
  background-color: #0000;
  border: 0;
  margin: 8px;
  padding: 0;
  position: fixed;
  inset: auto;
  overflow: visible;
}

.w-popover[popover]:not(:popover-open) {
  display: none;
}

html[data-w-dynpage] [data-w-cloak] {
  color: #0000 !important;
}

.w-code-block {
  margin: unset;
}

pre.w-code-block code {
  all: inherit;
}

pre.w-code-block code > span {
  display: block !important;
}

.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;
  width: auto !important;
  height: auto !important;
  overflow: unset !important;
  background-color: #fff !important;
  border-radius: 3px !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 {
  width: auto;
  height: auto;
  font-size: inherit;
  line-height: inherit;
  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;
}

.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: Circular Std;
  src: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/6a455b48997961bc9397c382_CircularStd-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Circular Std;
  src: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/6a455b486aff78257a37d73a_CircularStd-Book.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Circular Std;
  src: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/6a455b485410cf0a8801f419_CircularStd-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Circular Std;
  src: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/6a455b48997961bc9397c385_CircularStd-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --os--font--text: "Circular Std", Arial, sans-serif;
  --os--text--primary: var(--os--color--neutral-900);
  --_text---font-family--heading\<deleted\|variable-5959b0b9-9885-9635-928f-4999a1d99689\>: Interdisplay, Arial, sans-serif;
  --text-color--text-primary\<deleted\|relume-variable-text-color-1\>: var(--brand--25\<deleted\|relume-variable-color-neutral-1\>);
  --brand--color--cta-primary\<deleted\|variable-1b00a86c-fedc-c90e-5098-cfc89ffbccd8\>: var(--brand--color--primary\<deleted\|variable-04285808-8828-e3d9-1b05-a88b891ed172\>);
  --radius--button\<deleted\|variable-2bed4a94-db30-1bdd-91d6-395fefd121fe\>: var(--os--radius--buttons);
  --brand--color--text-inverse\<deleted\|variable-fa19f40b-0a2f-a755-8cb1-5661769f823c\>: white;
  --system-colors--white\<deleted\|variable-b14a2719-f67d-b74b-a14c-151f55e3cec5\>: white;
  --font-size--paragraph-m\<deleted\|variable-d74d0923-881d-7af5-69d7-2a87681dedc3\>: .875rem;
  --brand--color--primary\<deleted\|variable-04285808-8828-e3d9-1b05-a88b891ed172\>: black;
  --os--color--neutral--300\<deleted\|relume-variable-color-neutral-6\>: #d0d5dd;
  --brand--25\<deleted\|relume-variable-color-neutral-1\>: #f8f8f8;
  --os--color--neutral--25\<deleted\|relume-variable-color-neutral-2\>: #fcfcfd;
  --background-color--background-error\<deleted\|relume-variable-background-color-8\>: var(--base-color-system--error-red-light\<deleted\|relume-variable-system-color-6\>);
  --text-color--text-error\<deleted\|relume-variable-text-color-5\>: var(--system-color--error\<deleted\|relume-variable-system-color-5\>);
  --spacing--4\<deleted\|variable-561e920f-4af0-5462-9ff8-17cbf09706e7\>: 4rem;
  --spacing--3\<deleted\|variable-b14adad4-8c52-d5fc-9fc1-43e2f35f97c9\>: 3rem;
  --spacing--2\<deleted\|variable-212323c1-050b-ed8e-73a6-c2150f09975c\>: 2rem;
  --brand--color--secondary\<deleted\|variable-4cd9207e-8ebf-63bd-4129-afaefb56ca2c\>: #737373;
  --brand--color--secondary-light\<deleted\|variable-47ba2701-3483-898f-e4e2-ff3b17499e09\>: #636363;
  --brand--color--tertiary\<deleted\|variable-bfd95468-6fc5-3184-5b9e-b4a94a0f6f2f\>: #636363;
  --brand--color--tertiary-light\<deleted\|variable-38d29e3a-a0fc-8073-e5fb-dc83737df0bf\>: #969696;
  --brand--color--accent\<deleted\|variable-2d3b9cb5-9d2b-f706-2129-e92830a74c01\>: #3d3d3d;
  --brand--color--complementary-1\<deleted\|variable-b92319b0-874b-39a3-7e7c-f65010dece87\>: var(--brand--color--surface\<deleted\|variable-4c894ee7-246a-06b2-f76d-b7099128377e\>);
  --brand--color--complementary-2\<deleted\|variable-14033c8e-5fe6-7615-d856-8ac8f0ee3f0b\>: var(--brand--color--surface\<deleted\|variable-4c894ee7-246a-06b2-f76d-b7099128377e\>);
  --radius--image\<deleted\|variable-26186e77-02cf-3da3-7497-680972a3fbfb\>: var(--os--radius--md);
  --os--radius--buttons: 8px;
  --brand--color--text-muted\<deleted\|variable-db911a02-b223-6fec-9090-293f22f0ee1b\>: #718096;
  --site--gutter: 4rem;
  --site--gutter-mobile: 2rem;
  --os--radius--sm: .25rem;
  --base--white\<deleted\|relume-variable-color-primary-2\>: white;
  --brand--color--text-primary\<deleted\|variable-941119eb-42a5-1de2-86f1-cee6d5cb2d8c\>: var(--_labels---brand--color--label-status\<deleted\|variable-6dc58ea4-9b3a-3f53-ed75-3c5ceeac5631\>);
  --brand--color--surface\<deleted\|variable-4c894ee7-246a-06b2-f76d-b7099128377e\>: #f7f7f7;
  --brand--color--border\<deleted\|variable-7cfd3edd-3dcd-7366-960a-38e7a70ac93d\>: #eee;
  --os--radius--md: .5rem;
  --spacing--1\<deleted\|variable-98e065b6-da0d-fa98-65c5-4c83b61b6f4e\>: 1rem;
  --spacing--1-5\<deleted\|variable-2bb5452d-a58a-9972-fa8e-d8631beee124\>: 1.5rem;
  --os--color--border\<deleted\|variable-b734b68b-4dde-22df-3e53-9aa6ed1a2828\>: #e6e6e6;
  --os--card--radius: var(--os--radius--base);
  --os--surface--base: white;
  --os--card--border-width: 1px;
  --os--card--border-color: #e2e8f0;
  --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\<deleted\|variable-b4877e44-644f-4896-4913-fcb963d68c81\>: #ddd;
  --component--color--border-hover\<deleted\|variable-3eb27a99-f1c2-c4cd-ae20-452f7aff1a48\>: #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\<deleted\|variable-420cab88-6d92-f845-d8a3-efff68aef16d\>: #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: #31392b;
  --os--state--focus-ring: #50008a21;
  --os--card--selected-border-color: var(--os--color--primary);
  --os--color--neutral-900: #1a161f;
  --container-padding--mobile: 1.25rem;
  --os--space--2: .5rem;
  --os--space--12: 3rem;
  --os--font--display: Interdisplay, Arial, sans-serif;
  --os--space--3: .75rem;
  --os--color--neutral-600: #564e65;
  --os--space--4: 1rem;
  --os--space--8: 2rem;
  --os--color--neutral-200: #e8e6eb;
  --os--color--neutral-700: #3e3749;
  --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-500: #746b84;
  --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--5: 1.25rem;
  --os--space--6: 1.5rem;
  --os--space--10: 2.5rem;
  --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;
  --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;
  --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\<deleted\|relume-variable-system-color-6\>: #fef3f2;
  --system-color--error\<deleted\|relume-variable-system-color-5\>: #f04438;
  --_labels---brand--color--label-status\<deleted\|variable-6dc58ea4-9b3a-3f53-ed75-3c5ceeac5631\>: 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\<deleted\|variable-5959b0b9-9885-9635-928f-4999a1d99689\>);
  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\<deleted\|variable-5959b0b9-9885-9635-928f-4999a1d99689\>);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}

h3 {
  font-family: var(--_text---font-family--heading\<deleted\|variable-5959b0b9-9885-9635-928f-4999a1d99689\>);
  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\<deleted\|variable-5959b0b9-9885-9635-928f-4999a1d99689\>);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
}

h5 {
  font-family: var(--_text---font-family--heading\<deleted\|variable-5959b0b9-9885-9635-928f-4999a1d99689\>);
  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\<deleted\|variable-5959b0b9-9885-9635-928f-4999a1d99689\>);
  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\<deleted\|relume-variable-text-color-1\>);
  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: 100px;
  padding-bottom: 0;
}

.page-wrapper.padding-110.v1 {
  padding-top: 70px;
}

.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;
}

.main-wrapper.cc-quiz {
  background-color: #fefffa;
}

.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\<deleted\|variable-1b00a86c-fedc-c90e-5098-cfc89ffbccd8\>);
  border-right-style: none;
  border-right-width: 2px;
  border-right-color: var(--brand--color--cta-primary\<deleted\|variable-1b00a86c-fedc-c90e-5098-cfc89ffbccd8\>);
  border-bottom-style: none;
  border-bottom-width: 2px;
  border-bottom-color: var(--brand--color--cta-primary\<deleted\|variable-1b00a86c-fedc-c90e-5098-cfc89ffbccd8\>);
  border-left-style: none;
  border-left-width: 2px;
  border-left-color: var(--brand--color--cta-primary\<deleted\|variable-1b00a86c-fedc-c90e-5098-cfc89ffbccd8\>);
  border-top-left-radius: var(--radius--button\<deleted\|variable-2bed4a94-db30-1bdd-91d6-395fefd121fe\>);
  border-top-right-radius: var(--radius--button\<deleted\|variable-2bed4a94-db30-1bdd-91d6-395fefd121fe\>);
  border-bottom-left-radius: var(--radius--button\<deleted\|variable-2bed4a94-db30-1bdd-91d6-395fefd121fe\>);
  border-bottom-right-radius: var(--radius--button\<deleted\|variable-2bed4a94-db30-1bdd-91d6-395fefd121fe\>);
  width: 100%;
  min-height: 3.5rem;
  color: var(--brand--color--text-inverse\<deleted\|variable-fa19f40b-0a2f-a755-8cb1-5661769f823c\>);
  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;
  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\<deleted\|variable-b14a2719-f67d-b74b-a14c-151f55e3cec5\>);
  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 {
  width: auto;
  min-height: 2.5rem;
  font-size: var(--font-size--paragraph-m\<deleted\|variable-d74d0923-881d-7af5-69d7-2a87681dedc3\>);
  padding-top: .75rem;
  padding-bottom: .75rem;
}

.button.is-outline {
  color: var(--brand--color--primary\<deleted\|variable-04285808-8828-e3d9-1b05-a88b891ed172\>);
  background-color: #0000;
}

.button.is-outline.is-inactive {
  border-color: var(--os--color--neutral--300\<deleted\|relume-variable-color-neutral-6\>);
  color: var(--os--color--neutral--300\<deleted\|relume-variable-color-neutral-6\>);
}

.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\<deleted\|relume-variable-color-neutral-1\>);
  background-color: var(--os--color--neutral--25\<deleted\|relume-variable-color-neutral-2\>);
  height: auto;
  min-height: 2.75rem;
  color: var(--text-color--text-primary\<deleted\|relume-variable-text-color-1\>);
  border-radius: 0;
  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\<deleted\|relume-variable-text-color-1\>);
  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\<deleted\|relume-variable-background-color-8\>);
  color: var(--text-color--text-error\<deleted\|relume-variable-text-color-5\>);
  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";
}

.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\<deleted\|variable-561e920f-4af0-5462-9ff8-17cbf09706e7\>);
  padding-bottom: var(--spacing--4\<deleted\|variable-561e920f-4af0-5462-9ff8-17cbf09706e7\>);
  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\<deleted\|variable-04285808-8828-e3d9-1b05-a88b891ed172\>);
}

.bg-color-secondary {
  background-color: var(--brand--color--secondary\<deleted\|variable-4cd9207e-8ebf-63bd-4129-afaefb56ca2c\>);
}

.bg-color-secondary--light {
  background-color: var(--brand--color--secondary-light\<deleted\|variable-47ba2701-3483-898f-e4e2-ff3b17499e09\>);
}

.bg-color-tertiary {
  background-color: var(--brand--color--tertiary\<deleted\|variable-bfd95468-6fc5-3184-5b9e-b4a94a0f6f2f\>);
}

.bg-color-tertiary--light {
  background-color: var(--brand--color--tertiary-light\<deleted\|variable-38d29e3a-a0fc-8073-e5fb-dc83737df0bf\>);
}

.bg-color-accent {
  background-color: var(--brand--color--accent\<deleted\|variable-2d3b9cb5-9d2b-f706-2129-e92830a74c01\>);
}

.bg-color-complimentary1 {
  background-color: var(--brand--color--complementary-1\<deleted\|variable-b92319b0-874b-39a3-7e7c-f65010dece87\>);
}

.bg-color-complimentary2 {
  background-color: var(--brand--color--complementary-2\<deleted\|variable-14033c8e-5fe6-7615-d856-8ac8f0ee3f0b\>);
}

.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\<deleted\|variable-26186e77-02cf-3da3-7497-680972a3fbfb\>);
  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\<deleted\|variable-04285808-8828-e3d9-1b05-a88b891ed172\>);
  border-radius: var(--os--radius--buttons);
  background-color: var(--brand--color--primary\<deleted\|variable-04285808-8828-e3d9-1b05-a88b891ed172\>);
  min-height: 4.5rem;
  color: var(--system-colors--white\<deleted\|variable-b14a2719-f67d-b74b-a14c-151f55e3cec5\>);
  text-align: center;
  justify-content: center;
  align-items: center;
  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\<deleted\|variable-db911a02-b223-6fec-9090-293f22f0ee1b\>);
}

.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\<deleted\|variable-04285808-8828-e3d9-1b05-a88b891ed172\>), #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\<deleted\|relume-variable-color-primary-2\>);
  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\<deleted\|variable-941119eb-42a5-1de2-86f1-cee6d5cb2d8c\>);
}

.u-text-surface {
  color: var(--brand--color--surface\<deleted\|variable-4c894ee7-246a-06b2-f76d-b7099128377e\>);
}

.u-bg-primary {
  background-color: var(--brand--color--primary\<deleted\|variable-04285808-8828-e3d9-1b05-a88b891ed172\>);
}

.u-text-accent {
  color: var(--brand--color--accent\<deleted\|variable-2d3b9cb5-9d2b-f706-2129-e92830a74c01\>);
}

.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\<deleted\|variable-7cfd3edd-3dcd-7366-960a-38e7a70ac93d\>);
  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\<deleted\|variable-7cfd3edd-3dcd-7366-960a-38e7a70ac93d\>);
  flex-flow: column;
  padding: 1rem;
  display: flex;
}

.styleguide-drawer {
  color: var(--brand--color--text-inverse\<deleted\|variable-fa19f40b-0a2f-a755-8cb1-5661769f823c\>);
  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\<deleted\|variable-04285808-8828-e3d9-1b05-a88b891ed172\>);
  color: var(--brand--color--primary\<deleted\|variable-04285808-8828-e3d9-1b05-a88b891ed172\>);
  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\<deleted\|variable-fa19f40b-0a2f-a755-8cb1-5661769f823c\>);
  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 {
  width: 1.125em;
  height: 1.125em;
  line-height: 1;
  font-size: inherit;
  -webkit-user-select: none;
  user-select: none;
  flex: none;
  justify-content: center;
  align-items: center;
  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 {
  width: auto;
  height: auto;
  color: inherit;
  flex: none;
  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\<deleted\|variable-561e920f-4af0-5462-9ff8-17cbf09706e7\>);
  grid-row-gap: var(--spacing--4\<deleted\|variable-561e920f-4af0-5462-9ff8-17cbf09706e7\>);
  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\<deleted\|variable-212323c1-050b-ed8e-73a6-c2150f09975c\>);
  grid-row-gap: var(--spacing--2\<deleted\|variable-212323c1-050b-ed8e-73a6-c2150f09975c\>);
  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\<deleted\|variable-98e065b6-da0d-fa98-65c5-4c83b61b6f4e\>);
  grid-row-gap: var(--spacing--1\<deleted\|variable-98e065b6-da0d-fa98-65c5-4c83b61b6f4e\>);
  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\<deleted\|variable-561e920f-4af0-5462-9ff8-17cbf09706e7\>);
  grid-row-gap: var(--spacing--4\<deleted\|variable-561e920f-4af0-5462-9ff8-17cbf09706e7\>);
  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\<deleted\|variable-212323c1-050b-ed8e-73a6-c2150f09975c\>);
  grid-row-gap: var(--spacing--2\<deleted\|variable-212323c1-050b-ed8e-73a6-c2150f09975c\>);
  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\<deleted\|variable-98e065b6-da0d-fa98-65c5-4c83b61b6f4e\>);
  grid-row-gap: var(--spacing--1\<deleted\|variable-98e065b6-da0d-fa98-65c5-4c83b61b6f4e\>);
  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\<deleted\|variable-561e920f-4af0-5462-9ff8-17cbf09706e7\>);
  grid-row-gap: var(--spacing--4\<deleted\|variable-561e920f-4af0-5462-9ff8-17cbf09706e7\>);
  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\<deleted\|variable-212323c1-050b-ed8e-73a6-c2150f09975c\>);
  grid-row-gap: var(--spacing--2\<deleted\|variable-212323c1-050b-ed8e-73a6-c2150f09975c\>);
  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\<deleted\|variable-98e065b6-da0d-fa98-65c5-4c83b61b6f4e\>);
  grid-row-gap: var(--spacing--1\<deleted\|variable-98e065b6-da0d-fa98-65c5-4c83b61b6f4e\>);
  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\<deleted\|variable-98e065b6-da0d-fa98-65c5-4c83b61b6f4e\>);
  grid-row-gap: var(--spacing--1\<deleted\|variable-98e065b6-da0d-fa98-65c5-4c83b61b6f4e\>);
  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\<deleted\|variable-7cfd3edd-3dcd-7366-960a-38e7a70ac93d\>);
  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: none;
  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\<deleted\|variable-b734b68b-4dde-22df-3e53-9aa6ed1a2828\>);
  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-style: none;
  border-color: #1a161f;
  box-shadow: 0 2px 8px #0000001f, 0 0 0 2px #1a161f;
}

.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);
  height: 2rem;
  color: var(--os--color--tertiary-foreground);
  justify-content: space-between;
  align-items: center;
  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";
  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;
  height: 1rem;
  color: var(--os--color--accent-foreground);
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
  justify-content: center;
  align-items: center;
  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\<deleted\|variable-b4877e44-644f-4896-4913-fcb963d68c81\>);
  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\<deleted\|variable-3eb27a99-f1c2-c4cd-ae20-452f7aff1a48\>);
}

.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\<deleted\|variable-b4877e44-644f-4896-4913-fcb963d68c81\>);
  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);
  width: 100%;
  min-height: 4.5rem;
  color: var(--os--color--primary-foreground);
  text-align: center;
  justify-content: center;
  align-items: center;
  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;
}

.af-os-rating {
  color: #444c3ecc;
  letter-spacing: -.1px;
  padding-left: 2px;
  font-size: 11.2px;
  font-weight: 400;
}

.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\<deleted\|variable-420cab88-6d92-f845-d8a3-efff68aef16d\>);
  height: 1rem;
  color: var(--os--color--primary);
  letter-spacing: 0;
  text-transform: uppercase;
  border-radius: 0 0 6px 6px;
  justify-content: center;
  align-items: center;
  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--bestseller.af {
  z-index: 27;
  color: #fff;
  text-transform: none;
  background-color: #dc7c58;
  border: 3px solid #d86d45;
  border-top: 0 #d86d45;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  height: 1.1rem;
  font-size: .65rem;
  top: -.1rem;
  right: 29px;
}

.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);
}

.af-os-reviews {
  grid-column-gap: .15rem;
  grid-row-gap: .15rem;
  border-radius: 0 0 4px 4px;
  justify-content: flex-end;
  align-items: flex-start;
  height: 1rem;
  padding-left: 0;
  padding-right: .5rem;
  font-size: .6em;
  font-weight: 500;
  display: flex;
}

.af-os-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;
}

.af-os-star {
  width: 1.2em;
  height: 1.2em;
  color: var(--os--color--rating);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 1px;
  font-size: .7rem;
  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: #1a161f;
  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 {
  order: 0;
  margin-top: 3px;
  font-family: Circular Std, Arial, sans-serif;
}

.h-hero.bb.gruns {
  color: #012513;
  margin-top: 90px;
}

.component.is-sw20 {
  background-color: #f3f6f1;
  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%;
}

.af-swiper {
  z-index: 1;
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.af-swiper.is-sw20 {
  height: 100%;
}

.af-swiper-wrapper {
  z-index: 1;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.af-swiper-wrapper.sw20 {
  height: 100%;
}

.af-swiper-slide {
  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);
  background-color: var(--os--color--neutral-50);
  flex: none;
  width: 100%;
  height: 100%;
  position: relative;
}

.af-swiper-slide.sw20 {
  height: 100%;
}

.af-swiper-slide.sw20.template {
  background-color: #f3f6f1;
}

.af-swiper-slide.sw20.gruns {
  background-color: #dfeee7;
}

.af-swiper-slide.sw20.jimmy-joy {
  background-color: #e5f8f4;
  border-radius: 0;
}

.af-swiper-imgwrap {
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: clip;
}

.af-swiper-image {
  object-fit: cover;
  border-radius: 18px;
  width: 100%;
  max-width: none;
  height: 100%;
}

.af-swiper-image.af-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.af-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.cc-sm {
  font-size: .875rem;
}

.review_component.cc-sm._2 {
  background-color: #fefffb00;
}

.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 {
  width: 1.75rem;
  height: 1.75rem;
  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;
  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;
  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";
  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\<deleted\|variable-1b00a86c-fedc-c90e-5098-cfc89ffbccd8\>);
  border-right-style: none;
  border-right-width: 2px;
  border-right-color: var(--brand--color--cta-primary\<deleted\|variable-1b00a86c-fedc-c90e-5098-cfc89ffbccd8\>);
  border-bottom-style: none;
  border-bottom-width: 2px;
  border-bottom-color: var(--brand--color--cta-primary\<deleted\|variable-1b00a86c-fedc-c90e-5098-cfc89ffbccd8\>);
  border-left-style: none;
  border-left-width: 2px;
  border-left-color: var(--brand--color--cta-primary\<deleted\|variable-1b00a86c-fedc-c90e-5098-cfc89ffbccd8\>);
  border-top-left-radius: var(--radius--button\<deleted\|variable-2bed4a94-db30-1bdd-91d6-395fefd121fe\>);
  border-top-right-radius: var(--radius--button\<deleted\|variable-2bed4a94-db30-1bdd-91d6-395fefd121fe\>);
  border-bottom-left-radius: var(--radius--button\<deleted\|variable-2bed4a94-db30-1bdd-91d6-395fefd121fe\>);
  border-bottom-right-radius: var(--radius--button\<deleted\|variable-2bed4a94-db30-1bdd-91d6-395fefd121fe\>);
  width: 100%;
  min-height: 4rem;
  color: var(--brand--color--text-inverse\<deleted\|variable-fa19f40b-0a2f-a755-8cb1-5661769f823c\>);
  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;
  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-5.reviews {
  flex-direction: row;
  margin-bottom: .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-component.is-sticky-desktop-only {
  border-radius: 0;
}

.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;
}

.navbar-wrapper.is-center {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: .5px solid #0a0a0a1a;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  height: 70px;
  position: relative;
  box-shadow: 0 4px 4px #0000000f;
}

.navbar-wrapper.is-center.new {
  height: 60px;
}

.navbar-wrapper.is-center.new._2._3 {
  justify-content: center;
  width: auto;
}

.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: #ecf2e3;
}

.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;
  justify-content: center;
  align-items: center;
  display: flex;
}

.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\<deleted\|relume-variable-color-neutral-6\>);
  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";
  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;
}

.offer-hero_wrapper.overflow-visible.aa {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: stretch;
}

.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-hero_photo-container.hide-tablet {
  background-color: #f3f6f1;
}

.product-slider_holder {
  background-color: #f3f6f1;
  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: #f3f6f1;
  border-right-color: #eef3ed;
}

.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;
}

.af-swiper-thumb {
  aspect-ratio: 1;
  opacity: 1;
  cursor: pointer;
  background-color: #fff;
  border: 2px solid #ffffff4f;
  border-radius: .25rem;
  width: auto;
  height: 3.5rem;
}

.af-swiper-thumb.is-current {
  border: 1px solid var(--os--state--selected-border);
  box-shadow: none;
  opacity: 1;
  opacity: 1;
  opacity: 1;
  border: 1px solid #000;
  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, .cart-hero__content.cars.jimmy-joy {
  background-color: #fdfffb;
}

.cart-hero__content.cars {
  background-color: #f9fcfa;
}

.cart-hero__content.cars.new {
  background-color: #fefffb;
  padding-top: 3rem;
}

.cart-hero__content.cars.new._2 {
  background-color: #fcfffc;
}

.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;
}

.recommend-by.cart {
  background-color: #f1f4e9;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin-bottom: 5px;
  padding-top: 5px;
}

.recommend-by.cart.desktop {
  margin-bottom: 14px;
}

.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;
}

.pb-quantity {
  order: 0;
}

.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 {
  height: 95px;
  min-height: 95px;
  max-height: 95px;
  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;
  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-number.is-active {
  display: flex;
}

.step-check {
  width: 1rem;
  height: 1rem;
  display: none;
}

.step-check.is-active {
  display: flex;
}

.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_wrap.cc-color {
  flex: none;
  width: 40%;
}

.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;
}

.color-card.os--active {
  border-color: #273c17;
}

.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 {
  border-width: 1.4px;
  border-color: #d3ddd3;
  display: flex;
}

.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%;
}

.button-holder.is-sticky.is-active.new {
  justify-content: center;
  align-items: center;
  display: block;
}

.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 {
  color: #fff;
  background-color: #2f3523;
  border-top-style: none;
  margin-bottom: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.footer_section.cc-0 {
  color: #fff;
  background-color: #2f3523;
  border-top-style: none;
  margin-bottom: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.footer_section.cc-0.new {
  background-color: #516445;
}

.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\<deleted\|variable-1b00a86c-fedc-c90e-5098-cfc89ffbccd8\>);
  border-right-style: none;
  border-right-width: 2px;
  border-right-color: var(--brand--color--cta-primary\<deleted\|variable-1b00a86c-fedc-c90e-5098-cfc89ffbccd8\>);
  border-bottom-style: none;
  border-bottom-width: 2px;
  border-bottom-color: var(--brand--color--cta-primary\<deleted\|variable-1b00a86c-fedc-c90e-5098-cfc89ffbccd8\>);
  border-left-style: none;
  border-left-width: 2px;
  border-left-color: var(--brand--color--cta-primary\<deleted\|variable-1b00a86c-fedc-c90e-5098-cfc89ffbccd8\>);
  border-top-left-radius: var(--radius--button\<deleted\|variable-2bed4a94-db30-1bdd-91d6-395fefd121fe\>);
  border-top-right-radius: var(--radius--button\<deleted\|variable-2bed4a94-db30-1bdd-91d6-395fefd121fe\>);
  border-bottom-left-radius: var(--radius--button\<deleted\|variable-2bed4a94-db30-1bdd-91d6-395fefd121fe\>);
  border-bottom-right-radius: var(--radius--button\<deleted\|variable-2bed4a94-db30-1bdd-91d6-395fefd121fe\>);
  width: 100%;
  min-height: 3.5rem;
  color: var(--brand--color--text-inverse\<deleted\|variable-fa19f40b-0a2f-a755-8cb1-5661769f823c\>);
  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;
  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";
}

.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: #fff;
  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: 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-self: stretch;
  align-items: stretch;
  max-width: none;
  min-height: 100vh;
  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: 15px;
  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;
  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: #f9fafb;
  border: 0 #e0e0e0;
  border-top: 1px #e5e7eb;
  border-bottom-color: #e4e7ec;
  border-radius: 0;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  padding: 14px 8px;
  display: flex;
  position: relative;
  overflow: visible;
}

.co-payment-option.co-active--cc {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.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: 15px;
  font-weight: 500;
  display: flex;
}

.co-payment-options-wrap {
  border: 1px #e4e7ec;
  border-style: none solid;
  border-radius: 8px;
  flex-direction: column;
  margin-top: 12px;
  margin-bottom: 16px;
  display: flex;
  overflow: visible;
}

.co-order-item {
  grid-column-gap: 12px;
  border-bottom: 1px solid #f2f4f7;
  align-items: center;
  margin-bottom: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 0;
  display: flex;
  position: static;
}

.co-order-img-wrap {
  background-color: #f9fafb;
  border: 1px solid #e4e7ec;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 64px;
  min-width: 64px;
  height: 64px;
  display: flex;
  position: relative;
  overflow: visible;
}

.co-order-qty-badge {
  z-index: 10;
  color: #fff;
  background-color: #666;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-size: 11px;
  font-weight: 600;
  display: flex;
  position: absolute;
  inset: -8px -8px auto auto;
}

.co-order-qty-badge.af_bundle_builder {
  background-color: #fff;
}

.co-order-details {
  grid-row-gap: 0px;
  flex-direction: column;
  flex-grow: 1;
  display: flex;
}

.co-order-name {
  color: #111;
  margin-bottom: 0;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
}

.co-order-subtitle {
  color: #888;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
}

.co-order-prices {
  grid-row-gap: 2px;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-end;
  min-width: 60px;
  margin-left: auto;
  display: flex;
}

.co-price-original {
  color: #999;
  font-size: 15px;
  text-decoration: line-through;
}

.co-price-current {
  color: #111;
  font-size: 15px;
  font-weight: 600;
}

.co-order-totals {
  grid-row-gap: 8px;
  border-top: 1px solid #e5e5e5;
  flex-direction: column;
  padding-top: 16px;
  display: flex;
}

.co-total-row {
  color: #111;
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px;
  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: none;
  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: #f5f5f5;
  border: 1px #e4e7ec;
  border-left-color: #e8e8e8;
  border-radius: 0;
  flex-direction: column;
  align-self: stretch;
  min-height: 100vh;
  padding: 40px 40px 24px 32px;
  display: flex;
}

.co-shipping-methods {
  border: 0 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: 1px solid #e4e7ec;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  padding: 14px;
  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: 15px;
  font-weight: 500;
}

.co-sm-desc {
  color: #667085;
  margin-top: 2px;
  font-size: 12px;
}

.co-sm-price {
  color: #1a1a1a;
  white-space: nowrap;
  font-size: 15px;
  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 #e4e7ec;
  border-bottom: 1px #e4e7ec;
  flex-flow: column;
  flex: 0 auto;
  order: 0;
  width: 100%;
  margin-top: 0;
  padding: 12px 8px;
  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: 0 auto;
  order: 0;
  width: 100%;
  margin-top: 0;
  padding: 10px 16px;
  display: flex;
}

.co-paypal-expanded.is-visible {
  justify-content: center;
  align-items: center;
  display: flex;
}

.co-klarna-expanded {
  background-color: #f9fafb;
  border-top: 1px #e4e7ec;
  border-bottom: 1px #e4e7ec;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  flex-basis: 100%;
  order: 10;
  width: 100%;
  margin-top: 0;
  padding: 10px 16px;
  display: flex;
}

.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: 2px solid #d0d5dd;
  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: #303030;
}

.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 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  border-style: none;
  border-bottom-width: 2px;
  border-bottom-color: #667085;
  border-right-width: 2px;
  border-right-color: #667085;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin-bottom: 0;
  font-size: 0;
  transition-property: transform;
  transition-duration: .2s;
  display: block;
  transform: rotate(0);
}

.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: 14px;
  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: 14px;
}

.co-card-icons {
  grid-column-gap: 6px;
  color: #64748b;
  letter-spacing: .5px;
  align-items: center;
  font-size: 11px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.co-card-icons.co-card-icons-hidden {
  display: flex;
}

.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;
  overflow: visible;
}

.co-card-tooltip {
  z-index: 100;
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #fff;
  border: 1px solid #e4e7ec;
  border-radius: 8px;
  flex-flow: wrap;
  padding: 10px;
  display: none;
  position: absolute;
  bottom: calc(100% + 8px);
  left: auto;
  right: 0;
  box-shadow: 0 4px 12px #0000001f;
}

.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 {
  flex-flow: column;
  margin-top: 24px;
  margin-bottom: 0;
  display: flex;
}

.co-billing-options {
  border: 1px solid #e4e7ec;
  border-radius: 8px;
  margin-top: 12px;
  overflow: hidden;
}

.co-billing-form {
  grid-row-gap: 6px;
  border-top: 1px #e2e8f0;
  flex-flow: column;
  padding: 14px 14px 0;
  display: none;
}

.co-billing-form.co-billing-form-visible {
  grid-row-gap: 10px;
  background-color: #f8fafc;
  flex-direction: column;
  padding-top: 12px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}

.co-billing-form.co-cc-billing {
  border-top-style: none;
  padding: 14px 0 0;
  display: none;
}

.co-billing-option {
  grid-column-gap: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #e4e7ec;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  align-items: center;
  padding: 14px;
  display: flex;
}

.co-billing-divider {
  border-top: 1px #d1d5db;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.text-block-508 {
  color: #1a1a1a;
  letter-spacing: 0;
  text-transform: none;
  font-size: 15px;
  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;
  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 {
  width: 20px;
  min-width: 20px;
  max-width: 20px;
  height: 20px;
  min-height: 20px;
  max-height: 20px;
  box-shadow: none;
  background-color: #0000;
  border: 2px solid #d4d1d9;
  border-radius: 50%;
  flex: 0 0 20px;
  justify-content: center;
  align-items: center;
  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-button-2.bb.gruns.button-13.bundle-builder {
  width: 100%;
}

.os-button-2.bb.gruns.button-13.bundle-builder.hk {
  box-shadow: none;
  background-color: #528125;
  border-style: none;
}

.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 #20201f;
}

.os-card-2.hk {
  box-shadow: 0 2px 8px #0003, 0 0 0 2px #528125;
}

.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;
}

.qty-newsss.compare.bb {
  font-size: 1.1rem;
}

.qty-newsss.compare.bb.hk {
  color: #d2514b;
}

.pricings-news {
  grid-column-gap: .25rem;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.pricings-news.bundle_builder {
  justify-content: flex-start;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 10px;
}

.pb-quantity__grid {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: wrap;
  order: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: stretch;
  display: grid;
  position: static;
}

.pb-quantity__grid.pb--align-bottom {
  align-items: end;
}

.pb-quantity__grid.bb--tier-grid {
  grid-template-columns: 1fr 1fr 1fr;
  padding-top: 0;
  padding-bottom: 0;
}

.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;
  white-space: nowrap;
  font-size: 1rem;
  font-weight: 600;
}

.qty7_title.hk {
  color: #2b3922;
}

.text-block-319 {
  text-transform: uppercase;
  object-fit: fill;
  margin-top: .15rem;
  padding-top: .15rem;
  font-size: .65rem;
  font-weight: 400;
  display: block;
}

.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: 2.5rem 1rem 2.5rem 2.75rem;
  display: flex;
  position: relative;
  overflow: visible;
}

.pb-quantity__card-wrapper.pb--center {
  justify-content: center;
  align-items: center;
  padding: 1rem .5rem;
}

.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.checkout {
  background-color: #f5f5f5;
  padding-left: 0;
  padding-right: 0;
}

.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;
  text-align: center;
  text-transform: uppercase;
  font-size: .85rem;
}

.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__track.rewards.hk {
  background-color: #425536;
}

.af-shipping__track.checkout {
  background-color: #fff;
}

.af-shipping__fill {
  width: 75%;
  height: 100%;
  transition: width .8s;
  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.bb--minicart {
  z-index: 100;
  width: 100%;
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
  position: fixed;
  bottom: 0;
  left: 50%;
  right: auto;
  overflow: visible;
  transform: translateX(-50%);
}

.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.hk {
  background-color: #fff;
}

.af-minicart__bar-left {
  flex-grow: 1;
  align-items: center;
  column-gap: 10px;
  display: flex;
}

.af-minicart__bar-icon {
  background-color: #ffffff1a;
  border-radius: 6px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  font-size: 16px;
  display: flex;
}

.af-minicart__bar-icon.hk {
  background-color: #f3f6f0;
}

.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-title.hk {
  color: #282c1f;
  font-size: 16px;
}

.af-minicart__bar-sub {
  color: #ffffffe3;
  white-space: nowrap;
  margin-top: 2px;
  font-size: 12px;
  display: block;
}

.af-minicart__bar-sub.hk {
  color: #282c1f;
}

.af-minicart__bar-price {
  color: #fff;
  white-space: nowrap;
  flex-shrink: 0;
  font-size: 16px;
  font-weight: 700;
}

.af-minicart__bar-price.hk {
  color: #282c1f;
}

.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-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__bar-chevron.hk {
  color: #2b3921;
  justify-content: center;
  align-items: center;
  display: flex;
}

.af-minicart__rewards {
  box-sizing: border-box;
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #242424;
  border-bottom: 1px solid #e9e1e114;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  flex-direction: column;
  width: 100%;
  margin-top: 0;
  padding: 12px 18px;
  display: flex;
}

.af-minicart__rewards.white.hk {
  background-color: #2b3921;
}

.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.bb--minicart-body {
  display: none;
}

.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;
}

.af-flavor {
  flex-direction: column;
  row-gap: 8px;
  width: 100%;
  display: flex;
}

.af-flavor__header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
  display: flex;
}

.af-flavor__label {
  color: #1c1c1e;
  font-size: 15px;
  font-weight: 700;
}

.af-flavor__hint {
  color: #676767;
  font-size: 13px;
  font-weight: 600;
}

.af-flavor__card {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1.5px solid #e8e6eb;
  border-radius: 12px;
  align-items: center;
  column-gap: 12px;
  padding: 12px 14px;
  display: flex;
  position: relative;
}

.af-flavor__card.af-flavor__card-active {
  border-style: solid;
  border-color: #3420201f;
  border-radius: 6px;
  padding-top: 12px;
  padding-bottom: 12px;
}

.af-flavor__card.af-flavor__card-locked {
  background-color: #f3f3f3;
  border-style: dashed;
  border-color: #6f6f6f6e;
  border-radius: 6px;
  padding-top: 12px;
  padding-bottom: 12px;
}

.af-flavor__img {
  object-fit: cover;
  background-color: #eee;
  background-image: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/69a70d894fe34f6bde3e330d_Free%20Gift%20Image%20AF.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  flex-shrink: 0;
  width: 60px;
  height: 60px;
}

.af-flavor__img.af-flavor__img-locked {
  background-color: #e8e6eb;
  justify-content: center;
  align-items: center;
  display: flex;
}

.af-flavor__img.af-slot_img {
  background-image: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/69a8288655c69c259cd876f3_Slot%20Image%20AF.png");
}

.af-flavor__info {
  flex-direction: column;
  flex-grow: 1;
  min-width: 0;
  display: flex;
}

.af-flavor__name {
  color: #112526e6;
  font-size: 15px;
  font-weight: 700;
}

.af-flavor__sub {
  color: #313131cc;
  margin-top: 2px;
  font-size: 12px;
}

.af-flavor__badge {
  color: #fff;
  letter-spacing: -.02em;
  white-space: nowrap;
  background-color: #5f5f5f;
  border-radius: 6px;
  flex-shrink: 0;
  padding: 4px 8px;
  font-size: 11.44px;
  font-weight: 700;
}

.af-flavor__save-badge {
  color: #2c3839;
  background-color: #d4d4d4;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 70px;
  margin-top: 4px;
  padding: 3px 8px;
  font-size: 11px;
  font-weight: 700;
  display: flex;
}

.af-flavor__chevron {
  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='%23a39bb0' 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-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  transition-property: transform;
  transition-duration: .2s;
}

.af-flavor__add-btn {
  color: #fff;
  white-space: nowrap;
  cursor: pointer;
  background-color: #303030;
  border-radius: 8px;
  flex-shrink: 0;
  padding: 8px 16px;
  font-size: 12px;
  font-weight: 700;
}

.af-flavor__dropdown {
  background-color: #fff;
  border: 1.5px #1c1c1e;
  border-radius: 12px;
  flex-direction: column;
  display: none;
  overflow: hidden;
  box-shadow: 0 4px 16px #0000001f;
}

.af-flavor__option {
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px #f4f3f6;
  align-items: center;
  column-gap: 12px;
  margin-bottom: 8px;
  margin-left: 8px;
  margin-right: 8px;
  padding: 12px 14px;
  display: flex;
}

.af-flavor__option:hover {
  background-color: #fafafa;
  border-radius: 8px;
}

.af-flavor__option.af--selected {
  background-color: #f7f6f9;
  border-color: #292330;
  border-bottom-style: none;
  border-radius: 8px;
  margin: 8px;
}

.af-pills {
  flex-direction: column;
  row-gap: 10px;
  width: 100%;
  display: flex;
}

.af-pills__header {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.af-pills__label {
  color: #1c1c1e;
  font-size: 14px;
  font-weight: 700;
}

.af-pills__selected-val {
  color: #746b84;
  font-size: 13px;
  font-weight: 400;
}

.af-pills__wrap {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.af-pills__pill {
  box-sizing: border-box;
  color: #1c1c1e;
  white-space: nowrap;
  cursor: pointer;
  background-color: #fff;
  border: 1.5px solid #e8e6eb;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.af-pills__pill.af-pills__pill-active {
  color: #fff;
  background-color: #1c1c1e;
  border-color: #1c1c1e;
}

.af-pills__pill.af-pills__pill-disabled {
  opacity: .5;
  color: #a39bb0;
  cursor: not-allowed;
  border-color: #e8e6eb;
  text-decoration-line: line-through;
}

.af-variant {
  flex-direction: column;
  row-gap: 20px;
  width: 100%;
  display: flex;
}

.af-variant__step {
  flex-direction: column;
  row-gap: 12px;
  display: flex;
}

.af-variant__step-header {
  align-items: center;
  column-gap: 10px;
  display: flex;
}

.af-variant__step-num {
  color: #fff;
  background-color: #1c1c1e;
  border-radius: 999px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: 12px;
  font-weight: 700;
  display: flex;
}

.af-variant__step-title {
  color: #1c1c1e;
  font-size: 15px;
  font-weight: 700;
}

.af-variant__step-val {
  color: #746b84;
  font-size: 14px;
  font-weight: 400;
}

.af-variant__img-wrap {
  flex-wrap: wrap;
  gap: 12px;
  display: flex;
}

.af-variant__img-item {
  cursor: pointer;
  flex-direction: column;
  align-items: center;
  row-gap: 6px;
  display: flex;
}

.af-variant__img-circle {
  box-sizing: border-box;
  background-color: #f4f3f6;
  border: 2.5px solid #0000;
  border-radius: 999px;
  width: 72px;
  height: 72px;
  overflow: hidden;
}

.af-variant__img-circle.af-variant__img-circle-active {
  border-width: 2px;
  border-color: #1c1c1e;
}

.af-variant__img-name {
  color: #1c1c1e;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
}

.af-variant__img-name.af-variant__img-name-active {
  font-weight: 700;
  text-decoration-line: underline;
}

.af-variant__qty-wrap {
  column-gap: 8px;
  display: flex;
}

.af-variant__qty-pill {
  box-sizing: border-box;
  color: #1c1c1e;
  text-align: center;
  cursor: pointer;
  border: 1.5px solid #e8e6eb;
  border-radius: 8px;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 12px;
  font-size: 14px;
  font-weight: 600;
  display: flex;
}

.af-variant__qty-pill.af-variant__qty-pill-active {
  border: 2px #1c1c1e;
  border-radius: 8px;
  font-weight: 700;
  box-shadow: 0 2px 8px #0003, 0 0 0 2px #303030;
}

.af-variant__sub-wrap {
  flex-direction: column;
  row-gap: 8px;
  display: flex;
}

.af-variant__sub-option {
  box-sizing: border-box;
  cursor: pointer;
  border: 1.5px solid #e8e6eb;
  border-radius: 12px;
  flex-direction: column;
  row-gap: 8px;
  padding: 14px 16px;
  display: flex;
  position: relative;
}

.af-variant__sub-option.af-variant__sub-option-active {
  border-style: none;
  border-color: #1c1c1e;
  border-radius: 8px;
  box-shadow: 0 0 0 2px #303030;
}

.af-variant__sub-top {
  border: 1px #f0f0f0;
  border-bottom-style: solid;
  justify-content: space-between;
  align-items: center;
  column-gap: 8px;
  padding-bottom: .5rem;
  display: flex;
}

.af-variant__sub-top.one_time {
  border-bottom-style: none;
  padding-bottom: 0;
}

.af-variant__sub-left {
  align-items: center;
  column-gap: 8px;
  display: flex;
}

.af-variant__sub-radio {
  box-sizing: border-box;
  border: 2px solid #d4d1d9;
  border-radius: 999px;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
}

.af-variant__sub-radio.af-variant__sub-radio-active {
  background-image: radial-gradient(circle, #1c1c1e 40%, #0000 41%);
  background-repeat: no-repeat;
  border-color: #1c1c1e;
}

.af-variant__sub-name {
  color: #1c1c1e;
  font-size: 16px;
  font-weight: 600;
}

.af-variant__sub-price {
  align-items: center;
  column-gap: 6px;
  display: flex;
}

.af-variant__sub-price-main {
  color: #1c1c1e;
  font-size: 17px;
  font-weight: 700;
}

.af-variant__sub-price-old {
  color: #a39bb0;
  font-size: 17px;
  font-weight: 400;
  text-decoration-line: line-through;
}

.af-variant__sub-checks {
  flex-direction: column;
  row-gap: 4px;
  display: flex;
}

.af-variant__sub-check {
  color: #5a5a5a;
  align-items: center;
  column-gap: 6px;
  font-size: 12px;
  display: flex;
}

.af-variant__save-badge {
  color: #fff;
  letter-spacing: 0;
  text-transform: uppercase;
  background-color: #1c1c1e;
  border-radius: 6px 6px 0 0;
  padding: 4px 10px;
  font-size: 10.5px;
  font-weight: 700;
  position: absolute;
  top: -25px;
  right: 24px;
}

.af-subsave {
  border: 1.5px solid #1c1c1e;
  border-radius: 12px;
  flex-direction: column;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.af-subsave__banner {
  color: #fff;
  text-align: center;
  letter-spacing: .5px;
  text-transform: uppercase;
  background-color: #1c1c1e;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 13px;
  font-weight: 700;
}

.af-subsave__body {
  background-color: #fff;
  flex-direction: column;
  row-gap: 12px;
  padding: 16px;
  display: flex;
}

.af-subsave__top {
  justify-content: space-between;
  align-items: flex-start;
  column-gap: 12px;
  display: flex;
}

.af-subsave__left {
  align-items: center;
  column-gap: 10px;
  display: flex;
}

.af-subsave__radio {
  box-sizing: border-box;
  background-image: radial-gradient(circle, #1c1c1e 40%, #0000 41%);
  background-repeat: no-repeat;
  border: 2px solid #1c1c1e;
  border-radius: 999px;
  flex-shrink: 0;
  width: 22px;
  height: 22px;
}

.af-subsave__title {
  color: #1c1c1e;
  font-size: 18px;
  font-weight: 700;
}

.af-subsave__prices {
  flex-direction: column;
  align-items: flex-end;
  row-gap: 4px;
  display: flex;
}

.af-subsave__price-row {
  align-items: center;
  column-gap: 6px;
  display: flex;
}

.af-subsave__price-old {
  color: #a39bb0;
  font-size: 15px;
  text-decoration-line: line-through;
}

.af-subsave__price-new {
  color: #1c1c1e;
  font-size: 20px;
  font-weight: 700;
}

.af-subsave__per-serving {
  color: #746b84;
  text-align: right;
  font-size: 12px;
}

.af-subsave__checks {
  flex-direction: column;
  row-gap: 6px;
  display: flex;
}

.af-subsave__check {
  color: #1c1c1e;
  align-items: center;
  column-gap: 8px;
  font-size: 14px;
  display: flex;
}

.af-bump {
  border: 2px dashed #1c1c1e;
  border-radius: 12px;
  flex-direction: column;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.af-subsave__link {
  color: #1c1c1e;
  cursor: pointer;
  margin-top: 4px;
  font-size: 14px;
  font-weight: 600;
  text-decoration-line: underline;
}

.af-bump__header {
  color: #fff;
  text-align: center;
  letter-spacing: .5px;
  text-transform: uppercase;
  background-color: #1c1c1e;
  padding: 8px 16px;
  font-size: 12px;
  font-weight: 700;
}

.af-subsave__onetime {
  cursor: pointer;
  background-color: #faf9fc;
  justify-content: space-between;
  align-items: center;
  padding: 14px 16px;
  display: flex;
}

.af-bump__body {
  cursor: pointer;
  background-color: #fff;
  align-items: flex-start;
  column-gap: 12px;
  padding: 14px 16px;
  display: flex;
}

.af-subsave__onetime-left {
  align-items: center;
  column-gap: 10px;
  display: flex;
}

.af-bump__checkbox {
  box-sizing: border-box;
  background-color: #fff;
  border: 2px solid #1c1c1e;
  border-radius: 6px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  margin-top: 2px;
  display: flex;
}

.af-bump__checkbox.af-bump__checkbox-active {
  background-color: #1c1c1e;
}

.af-subsave__onetime-radio {
  box-sizing: border-box;
  border: 2px solid #d4d1d9;
  border-radius: 999px;
  flex-shrink: 0;
  width: 22px;
  height: 22px;
}

.af-subsave__onetime-title {
  color: #1c1c1e;
  font-size: 16px;
  font-weight: 700;
}

.af-bump__content {
  flex-direction: column;
  flex-grow: 1;
  row-gap: 4px;
  display: flex;
}

.af-subsave__onetime-price {
  color: #1c1c1e;
  font-size: 16px;
  font-weight: 700;
}

.af-bump__title {
  color: #1c1c1e;
  font-size: 14px;
  font-weight: 700;
}

.af-bump__sub {
  color: #746b84;
  font-size: 12px;
  font-weight: 400;
}

.af-bump__price-row {
  align-items: center;
  column-gap: 6px;
  margin-top: 4px;
  display: flex;
}

.af-bump__price {
  color: #1c1c1e;
  font-size: 14px;
  font-weight: 700;
}

.af-bump__price-old {
  color: #a39bb0;
  font-size: 13px;
  font-weight: 400;
  text-decoration-line: line-through;
}

.af-bump__img {
  background-color: #f4f3f6;
  border-radius: 8px;
  flex-shrink: 0;
  width: 56px;
  height: 56px;
  overflow: hidden;
}

.af-sub {
  border: 1.5px #d0d5dd;
  border-radius: 7px;
  flex-direction: column;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.af-sub__header {
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  text-transform: uppercase;
  background-color: #303030;
  padding: 6px 16px;
  font-size: 13px;
  font-weight: 700;
}

.af-sub__option {
  outline-offset: 0px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 2px solid #303030;
  border-left: 2px solid #303030;
  border-right: 2px solid #303030;
  outline: 2px #303030;
  flex-direction: column;
  row-gap: 10px;
  padding: 16px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.af-sub__option.af-sub__option-onetime {
  box-shadow: none;
  border: 1px solid #d0d5dd;
  border-top: 1px #000;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

.af-sub__top-row {
  justify-content: space-between;
  align-items: flex-start;
  column-gap: 12px;
  display: flex;
}

.af-sub__left {
  align-items: center;
  column-gap: 10px;
  display: flex;
}

.af-sub__radio {
  box-sizing: border-box;
  border: 2px solid #d4d1d9;
  border-radius: 999px;
  flex-shrink: 0;
  width: 22px;
  height: 22px;
}

.af-sub__radio.af-sub__radio-active {
  background-image: radial-gradient(circle, #1c1c1e 40%, #0000 41%);
  background-repeat: no-repeat;
  border-color: #1c1c1e;
}

.af-sub__title {
  color: #1c1c1e;
  font-size: 16px;
  font-weight: 700;
}

.af-sub__right {
  flex-direction: column;
  align-items: flex-end;
  row-gap: 4px;
  display: flex;
}

.af-sub__price-row {
  align-items: center;
  column-gap: 6px;
  display: flex;
}

.af-sub__price {
  color: #1c1c1e;
  font-size: 18px;
  font-weight: 700;
}

.af-sub__price-old {
  color: #a39bb0;
  font-size: 15px;
  font-weight: 400;
  text-decoration-line: line-through;
}

.af-sub__per-serving {
  color: #746b84;
  text-align: right;
  font-size: 12px;
}

.af-sub__checks {
  flex-direction: column;
  row-gap: 6px;
  padding-left: 32px;
  display: flex;
}

.af-sub__check {
  color: #1c1c1e;
  align-items: center;
  column-gap: 8px;
  font-size: 13px;
  display: flex;
}

.af-sub__benefits-link {
  color: #1c1c1e;
  cursor: pointer;
  margin-top: 4px;
  padding-left: 32px;
  font-size: 13px;
  font-weight: 600;
  text-decoration-line: underline;
}

.af-shipping__msg {
  color: #1c1c1e;
  text-align: center;
  letter-spacing: .3px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 700;
}

.af-shipping__bar-wrap {
  background-color: #e8e6eb;
  border-radius: 999px;
  width: 100%;
  height: 12px;
  margin-bottom: 16px;
  overflow: hidden;
}

.af-shipping__bar-fill {
  background-color: #4caf50;
  border-radius: 999px;
  width: 70%;
  height: 100%;
  transition-property: width;
  transition-duration: .8s;
  transition-timing-function: ease;
}

.af-shipping__product {
  align-items: center;
  column-gap: 14px;
  display: flex;
}

.af-shipping__img {
  background-color: #f4f3f6;
  border-radius: 10px;
  flex-shrink: 0;
  width: 80px;
  height: 80px;
}

.af-shipping__info {
  flex-direction: column;
  flex-grow: 1;
  row-gap: 4px;
  display: flex;
}

.af-shipping__rating {
  color: #746b84;
  font-size: 13px;
}

.af-shipping__name {
  color: #1c1c1e;
  font-size: 15px;
  font-weight: 700;
}

.af-shipping__price-row {
  align-items: center;
  column-gap: 6px;
  display: flex;
}

.af-shipping__price {
  color: #1c1c1e;
  font-size: 15px;
  font-weight: 700;
}

.af-shipping__price-old {
  color: #a39bb0;
  font-size: 13px;
  text-decoration-line: line-through;
}

.af-shipping__add-btn {
  color: #fff;
  white-space: nowrap;
  cursor: pointer;
  background-color: #1c1c1e;
  border-radius: 10px;
  flex-shrink: 0;
  padding: 14px 20px;
  font-size: 15px;
  font-weight: 700;
}

.bb-body {
  background-color: #f4f3f6;
  margin: 0;
  font-family: Circular Std, system-ui, sans-serif;
}

.bb-section {
  background-color: #fafafa;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 50vh;
  padding: 0 0 80px;
  text-decoration: none;
  display: flex;
}

.bb-section.hk {
  background-color: #fcfffc;
}

.bb-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  align-items: stretch;
  width: 100%;
  max-width: 550px;
  padding: 32px 20px;
  display: flex;
}

.bb-header {
  background-color: #292330;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 14px 20px;
  display: flex;
}

.bb-logo {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 900;
}

.bb-hero-icon {
  text-align: center;
  margin-bottom: 12px;
  font-size: 48px;
}

.bb-title {
  color: #292330;
  text-align: center;
  letter-spacing: -.5px;
  order: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 26px;
  font-weight: 900;
}

.bb-title.hk {
  color: #2b3922;
}

.bb-subtitle {
  color: #746b84;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
}

.bb-tier-list {
  flex-direction: column;
  row-gap: 12px;
  width: 100%;
  margin-top: 28px;
  margin-bottom: 24px;
  display: flex;
}

.bb-tier-card {
  cursor: pointer;
  background-color: #fff;
  border: 2px solid #e8e6eb;
  border-radius: 14px;
  justify-content: space-between;
  align-items: center;
  padding: 18px 20px;
  display: flex;
  position: relative;
}

.bb-tier-card.bb-tier-card-active {
  background-color: #292330;
  border-color: #292330;
}

.bb-tier-label {
  color: #292330;
  margin-top: 0;
  margin-bottom: 2px;
  font-size: 16px;
  font-weight: 800;
}

.bb-tier-label.bb-tier-label-active {
  color: #fff;
}

.bb-tier-sub {
  color: #a39bb0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
}

.bb-tier-sub.bb-tier-sub-active {
  color: #fff9;
}

.bb-tier-discount {
  color: #00bfa5;
  font-size: 20px;
  font-weight: 900;
}

.bb-tier-discount.bb-tier-discount-active {
  color: #00bfa5;
}

.bb-tier-badge {
  z-index: 4;
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #20201f;
  border-radius: 6px;
  margin-top: 0;
  padding: 4px 10px;
  font-size: 10px;
  font-weight: 800;
  display: block;
  position: static;
  inset: auto auto 10px 50%;
}

.bb-tier-badge.bb--hidden {
  display: none;
}

.bb-btn {
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  cursor: pointer;
  background-color: #292330;
  border-width: 0;
  border-radius: 12px;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 15px;
  font-weight: 800;
}

.bb-select-section {
  background-color: #fafafa;
  flex-direction: column;
  width: 100%;
  min-height: 100vh;
  padding-bottom: 120px;
  display: flex;
}

.bb-select-section.hk {
  background-color: #fcfffc;
}

.bb-select-header {
  background-color: #fff;
  border-bottom: 1px solid #e8e6eb;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  display: flex;
}

.bb-select-title {
  color: #292330;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 800;
}

.bb-progress-pill {
  color: #746b84;
  background-color: #f4f3f6;
  border-radius: 999px;
  padding: 4px 12px;
  font-size: 12px;
  font-weight: 700;
}

.bb-steps-bar {
  grid-column-gap: 44px;
  grid-row-gap: 22px;
  background-color: #fff;
  border-bottom: 1px #e8e6eb;
  justify-content: center;
  align-items: center;
  column-gap: 44px;
  width: 500px;
  padding-top: 14px;
  padding-bottom: 14px;
  display: flex;
}

.bb-step-item {
  color: #a39bb0;
  align-items: center;
  column-gap: 6px;
  font-size: 12px;
  font-weight: 600;
  display: flex;
}

.bb-step-item.bb-step-item-active {
  color: #292330;
}

.bb-step-num {
  color: #fff;
  background-color: #24242417;
  border: 2px #2c2c2c;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  font-size: 11px;
  font-weight: 800;
  display: flex;
}

.bb-step-num.bb-step-num-active {
  color: #2c2c2c40;
  background-color: #ffffff17;
  border-style: solid;
}

.bb-step-num.bb-step-num-active.hk {
  border-color: #444c31;
}

.bb-step-divider {
  background-color: #e8e6eb;
  flex-shrink: 0;
  align-self: center;
  width: 24px;
  min-width: 24px;
  max-width: 24px;
  height: 1px;
  display: block;
}

.bb-filter-bar {
  background-color: #fff;
  border-bottom: 1px solid #e2e8ef;
  justify-content: center;
  align-items: center;
  column-gap: 8px;
  padding: 12px 16px;
  display: flex;
}

.bb-filter-pill {
  color: #20201f87;
  letter-spacing: 0;
  white-space: nowrap;
  cursor: pointer;
  background-color: #2c2c2c00;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  padding: 6px 14px;
  font-size: 14px;
  font-weight: 500;
}

.bb-filter-pill.bb-filter-pill-active {
  color: #fff;
  background-color: #242424;
  font-weight: 700;
}

.bb-filter-pill.bb-filter-pill-active.hk {
  background-color: #2b3922;
}

.bb-grid {
  grid-template-columns: 1fr 1fr 1fr;
  gap: 12px;
  padding: 16px;
  display: grid;
}

.bb-card {
  background-color: #fff;
  border: 1px solid #e3e8df;
  border-radius: 14px;
  flex-direction: column;
  display: flex;
  position: relative;
  box-shadow: 0 2px 6px #00000005;
}

.bb-card.bb-card-selected {
  border-width: 2px;
  border-color: #292330;
  box-shadow: 0 0 0 3px #2923301f;
}

.bb-card.hk {
  border-color: #e3e8df;
}

.bb-card-img-wrap {
  cursor: pointer;
  background-color: #f2f7f2;
  background-image: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/685b0b480d23b9305bbd92a4_HF%20Stride%20Transparant.webp");
  background-position: 50%;
  background-size: cover;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 250px;
  font-size: 52px;
  display: flex;
}

.bb-card-img-wrap.bs {
  background-image: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/685996511ba666058b84e7fb_gray.webp");
}

.bb-card-body {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  flex-grow: 1;
  padding: 10px 12px 12px;
  display: flex;
}

.bb-card-discount {
  color: #fff;
  background-color: #242424;
  border-radius: 6px;
  padding: 5px 9px;
  font-size: 11px;
  font-weight: 800;
  position: absolute;
  top: 8px;
  left: 8px;
}

.bb-card-discount.hk {
  color: #fff;
  background-color: #955abc;
}

.bb-card-discount.hk.dis {
  color: #fff;
}

.bb-card-rating {
  align-items: center;
  column-gap: 4px;
  margin-bottom: 4px;
  display: flex;
}

.bb-card-stars {
  color: #faa000;
  font-size: 11px;
}

.bb-card-reviews {
  color: #999;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
}

.bb-card-name {
  color: #292330;
  margin-top: 0;
  margin-bottom: 4px;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.2;
}

.bb-card-name.hk {
  color: #444c31;
}

.bb-card-price {
  color: #292330;
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 900;
}

.bb-card-atb {
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  cursor: pointer;
  background-color: #242424;
  border-width: 0;
  border-radius: 8px;
  width: 100%;
  margin-top: auto;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 15px;
  font-weight: 800;
}

.bb-card-atb.bb-card-atb-selected {
  cursor: default;
  background-color: #00bfa5;
}

.bb-card-atb.hk {
  color: #fff;
  background-color: #45701c;
}

.bb-mini-cart {
  z-index: 100;
  background-color: #1c1c1e;
  border-radius: 16px 16px 0 0;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  max-width: 480px;
  padding: 0;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 50%;
  right: 0;
  overflow: hidden;
  transform: translateX(-50%);
  box-shadow: 0 -4px 24px #0000002e;
}

.bb-mini-cart-left {
  cursor: pointer;
  background-color: #0000;
  flex-direction: column;
  flex-grow: 1;
  align-items: center;
  gap: 2px 10px;
  padding: 14px 18px;
  display: flex;
}

.bb-mini-cart-count {
  color: #fff;
  letter-spacing: -.01em;
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 700;
  display: block;
}

.bb-mini-cart-sub {
  color: #fff6;
  white-space: nowrap;
  margin-top: 2px;
  margin-bottom: 0;
  font-size: 11px;
  display: block;
}

.bb-mini-cart-btn {
  color: #fff;
  letter-spacing: .3px;
  cursor: pointer;
  background-color: #00bfa5;
  border-width: 0;
  border-radius: 12px;
  flex-grow: 1;
  justify-content: space-between;
  align-items: center;
  height: 52px;
  margin: 0;
  padding: 0 0 0 20px;
  font-size: 15px;
  font-weight: 700;
  display: flex;
  overflow: hidden;
}

.bb-cart-bar {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #242424;
  justify-content: space-between;
  align-items: center;
  column-gap: 12px;
  padding: 14px 18px;
  display: flex;
}

.bb-cart-bar-left {
  flex-grow: 1;
  align-items: center;
  column-gap: 10px;
  display: flex;
}

.bb-cart-bar-icon {
  background-color: #ffffff1a;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  font-size: 18px;
  display: flex;
}

.bb-cart-bar-title {
  color: #fff;
  letter-spacing: -.01em;
  white-space: nowrap;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 700;
  display: block;
}

.bb-cart-bar-sub {
  color: #fff6;
  white-space: nowrap;
  margin-top: 2px;
  margin-bottom: 0;
  font-size: 11px;
  display: block;
}

.bb-cart-bar-price {
  color: #fff;
  white-space: nowrap;
  flex-shrink: 0;
  font-size: 16px;
  font-weight: 800;
}

.bb-cart-bar-chevron {
  color: #ffffff80;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-size: 12px;
  transition-property: transform;
  transition-duration: .3s;
  display: flex;
}

.bb-cart-rewards {
  box-sizing: border-box;
  background-color: #242424;
  border-bottom: 1px solid #e3e3e314;
  flex-direction: column;
  row-gap: 6px;
  width: 100%;
  padding: 10px 18px;
  display: flex;
}

.bb-cart-rewards-label {
  color: #ffffff8c;
  letter-spacing: .3px;
  margin-bottom: 0;
  font-size: 11px;
  font-weight: 600;
}

.bb-cart-rewards-track {
  background-color: #3a3a3c;
  border-radius: 999px;
  height: 5px;
  overflow: hidden;
}

.bb-cart-rewards-fill {
  background-color: #00bfa5;
  border-radius: 999px;
  width: 0%;
  height: 100%;
  transition-property: width;
  transition-duration: .4s;
  transition-timing-function: cubic-bezier(.23, 1, .32, 1);
}

.bb-cart-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;
}

.bb-cart-items {
  flex-direction: column;
  padding: 8px 16px;
  display: flex;
}

.bb-cart-item {
  border-bottom: 1px solid #f0f0f0;
  align-items: center;
  column-gap: 12px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.bb-cart-item-img {
  background-color: #f5f5f5;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  font-size: 22px;
  display: flex;
}

.bb-cart-item-info {
  flex-direction: column;
  flex-grow: 1;
  row-gap: 2px;
  display: flex;
}

.bb-cart-item-name {
  color: #292330;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 700;
}

.bb-cart-item-sub {
  color: #a39bb0;
  margin-bottom: 0;
  font-size: 11px;
}

.bb-cart-item-remove {
  color: #746b84;
  cursor: pointer;
  background-color: #f0f0f0;
  border-radius: 6px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: 14px;
  display: flex;
}

.bb-cart-footer {
  background-color: #fff;
  border-top: 1px solid #f0f0f0;
  align-items: center;
  column-gap: 10px;
  padding: 12px 14px;
  display: flex;
  position: sticky;
  bottom: 0;
}

.bb-cart-checkout-btn {
  color: #fff;
  cursor: pointer;
  background-color: #292330;
  border-radius: 12px;
  flex-grow: 1;
  justify-content: space-between;
  align-items: center;
  height: 52px;
  padding: 0 0 0 20px;
  font-size: 15px;
  font-weight: 700;
  display: flex;
  overflow: hidden;
}

.bb-cart-checkout-price {
  color: #fffc;
  background-color: #0003;
  flex-shrink: 0;
  align-items: center;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 15px;
  font-weight: 600;
  display: flex;
}

.quiz__header {
  grid-column-gap: 1.1rem;
  grid-row-gap: 1.1rem;
  text-align: center;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.div-block-2565 {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.attribute_text-total {
  color: #1d3d39;
  font-family: Circular Std, Arial, sans-serif;
  font-weight: 400;
}

.path-2 {
  color: #faab19;
}

.quiz-cta-arrow {
  justify-content: center;
  align-items: center;
  width: 1.2rem;
  height: 2rem;
  font-size: 1rem;
  display: flex;
  position: absolute;
  right: 10%;
  transform: rotate(180deg);
}

.text-block-606 {
  color: #fff;
  letter-spacing: -.01em;
  font-family: Circular Std, Arial, sans-serif;
  font-size: .875rem;
}

.text-386 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 700;
  line-height: 16.56px;
  text-decoration: none;
}

.text-386.cf {
  color: #fff;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 13px;
}

.text-block-590 {
  color: #1d3d39cf;
  font-family: Circular Std, Arial, sans-serif;
  font-size: .975rem;
  font-weight: 700;
}

.container-5 {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

._67fbc3e0a7124abc19a2d755_comparisonimg-09ozwebp {
  grid-row-gap: 10px;
  object-fit: contain;
  border-radius: 0;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0;
  text-decoration: none;
  display: block;
  overflow: hidden;
}

.container-4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 18px;
  text-decoration: none;
  display: flex;
}

.text-block-598, .text-block-603 {
  font-weight: 700;
}

.text-block-591 {
  padding-right: 0;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 1.04rem;
}

.input-flds-2 {
  letter-spacing: 0;
  background-color: #fff;
  border: .5px #afafaf;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 400px;
  height: 3.5rem;
  margin-bottom: 0;
  padding-left: 12px;
  padding-right: 12px;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  transition: box-shadow .12s;
  display: flex;
  position: relative;
}

.input-flds-2:hover {
  background-color: #fdfdfd;
}

.input-flds-2:focus {
  z-index: 10;
  border: 1px solid #000;
}

.testimonial1_stars {
  width: 100px;
  height: auto;
  margin-right: .25rem;
}

.svg-4 {
  object-fit: cover;
}

.quiz_wrapper {
  color: #2b3920;
  background-color: #fefffa;
  flex-flow: column;
}

.quiz-header {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-462 {
  width: 100%;
  max-width: 100%;
}

.button_icon-2 {
  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;
}

.text-3 {
  color: #00b67a;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: none;
}

.quiz-cta {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.quiz_button-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.quiz_button-content {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.svg-3 {
  color: #faab19;
}

.quiz-results {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  display: flex;
}

.icon-2 {
  background-color: #ecf8f6;
  border-radius: 60px;
  width: 48px;
  height: 48px;
}

.review_component-star-2 {
  color: #f9bc4b;
  width: 1.2em;
  height: 1.2em;
  font-family: Circular Std, Arial, sans-serif;
}

.text-block-594 {
  font-weight: 700;
}

.text-block-589 {
  color: #1d3d39;
  font-family: Circular Std, Arial, sans-serif;
  font-weight: 700;
}

.attribute_star-wrapper {
  grid-column-gap: .188rem;
  grid-row-gap: .188rem;
  display: flex;
}

.text-block-592 {
  color: #1d3d39;
  font-family: Circular Std, Arial, sans-serif;
  font-weight: 700;
}

.review_stars-wrapper-2 {
  color: #ffb700;
  align-items: center;
  display: flex;
}

.results__icon {
  color: #fff;
  justify-content: center;
  align-items: center;
  width: .975rem;
  height: .975rem;
  display: flex;
}

.text-387 {
  color: #06df97;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  text-decoration: none;
}

.nav-foots-2 {
  background-color: #2c3921;
  padding-top: 10px;
  padding-bottom: 10px;
  position: static;
  top: 0;
  overflow: clip;
}

.nav-foots-2.publisher {
  background-color: #253319;
}

.nav-foots-2.publisher.authority {
  background-color: #fff;
  border: 1px #0a0a0a1a;
  border-bottom-style: solid;
  border-radius: 0;
  padding-top: 0;
  padding-bottom: 0;
  box-shadow: 0 2px 5px #0000001c;
}

.text-block-610 {
  color: #1d3d39;
  font-family: Circular Std, Arial, sans-serif;
  font-weight: 500;
}

.quiz_title {
  color: #1d3d39;
  letter-spacing: -.03em;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.3;
}

.quiz_title.cc-intro {
  font-size: 1.75rem;
  font-weight: 400;
}

.global-styles {
  display: block;
  position: static;
  inset: 0% auto auto 0%;
}

.attribute_review-text {
  color: #1d3d39;
  letter-spacing: -.08em;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 4rem;
  font-weight: 700;
  line-height: .9;
}

.testimonial1_text {
  border-left: 1px solid #c7c7c7;
  margin-left: 0;
  padding-left: 1rem;
}

.video {
  aspect-ratio: auto;
  width: 420px;
  height: 100%;
  position: relative;
}

.container-2 {
  background-color: #ecf8f600;
  border-radius: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 120px;
  min-width: 120px;
  padding-bottom: 0;
  text-decoration: none;
  display: flex;
}

.leadlane-styles {
  display: none;
}

.quiz_progress-pct-2 {
  background-color: #1d3d39;
  border-radius: 0;
  width: 0%;
  height: 4px;
  margin-left: 0;
  transition: width .2s;
  position: absolute;
  inset: auto 0%;
}

.attribute_star1-wrapper {
  color: #fff;
  background-color: #000;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 1.875rem;
  min-width: 1.875rem;
  height: 1.875rem;
  min-height: 1.875rem;
  padding: .375rem;
  display: flex;
}

.attribute_star1-wrapper.cc-light {
  color: #000;
  background-color: #fff;
}

.text-block-644 {
  color: #1d3d39;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
}

.attribute_component {
  grid-row-gap: 1rem;
  aspect-ratio: 1;
  background-color: #fff0;
  border-radius: 8px;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 10rem;
  min-width: 10rem;
  height: 100%;
  padding: 1.5rem;
  display: flex;
}

.container-1713 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.attribute_content {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.margin-3 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 18px;
  padding-right: 8px;
  text-decoration: none;
  display: flex;
}

.div-block-2567 {
  z-index: 30;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #3e3e3eb3;
  background-color: #0000009e;
  border: 1px #d5d9e1;
  border-radius: 11px;
  width: 80%;
  margin-left: 0;
  margin-right: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
  position: absolute;
  inset: auto 0 20px 50%;
  transform: translate(-50%);
  box-shadow: 0 -1px 20px #00000021;
}

.text-block-604 {
  font-weight: 700;
}

.container-3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 222px;
  text-decoration: none;
  display: flex;
}

.checkmark-icon {
  opacity: 0;
  border-radius: 4px;
  width: 11px;
  height: 9px;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translate(0, -50%);
}

.quiz_cta {
  color: #1d3d39;
  text-align: center;
  width: 100%;
  padding-top: 4px;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 1.044rem;
}

.container-1709 {
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.quiz_content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 580px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.quiz_content.cc-intro {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  align-items: center;
}

.quiz_progress_wrapper-3 {
  z-index: 50;
  background-color: #ecf8f6;
  flex-flow: column;
  justify-content: center;
  height: 5px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: static;
  top: 50px;
}

.container-1711 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

._6865523e4237705e64810e68_starshalfsvg-fill {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 96px;
  height: 16px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-block-605 {
  font-weight: 700;
}

.loader_input {
  justify-content: center;
  align-items: center;
  display: flex;
}

.badge-result {
  background-color: #4e7874;
  border-radius: 7px;
  padding: .5rem .75rem;
  font-weight: 600;
}

.text-block-617 {
  color: #fff;
  font-family: Circular Std, Arial, sans-serif;
  font-weight: 700;
}

.frame-1321317231 {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 322px;
  text-decoration: none;
  display: flex;
}

.background-2 {
  background-color: #1d3d39;
  border-radius: 4px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 8px;
  text-decoration: none;
  display: flex;
}

.path-3 {
  color: #faab19;
}

.quiz_button {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  color: #000;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #2b392014;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  max-width: none;
  min-height: 4.25rem;
  padding: 1rem 0 1rem 1rem;
  transition: background-color .2s cubic-bezier(.25, 1, .5, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.text-2 {
  color: #ecf8f6;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  text-decoration: line-through;
}

.cc-btn-back {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
  position: absolute;
  top: 50%;
  left: 24px;
  transform: translate(0, -50%);
}

.background-6 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #1d3d39;
  background-color: #777777e0;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: 25px;
  padding: 2px 12px;
  text-decoration: none;
  display: flex;
}

.anti-inflammatory-weight-loss-diet-guide {
  object-fit: fill;
  overflow: hidden;
}

.text-block-609 {
  color: #1d3d39;
  font-family: Circular Std, Arial, sans-serif;
  font-weight: 500;
}

.container-1708 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 240px;
  max-width: 240px;
  padding-left: 15px;
  text-decoration: none;
  display: flex;
}

.quiz_progress-bar-2 {
  background-color: #93bdb8;
  border-radius: 0;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 4px;
  display: flex;
  position: relative;
}

.container-7 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.container-6 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 24px;
  height: 24px;
  text-decoration: none;
  display: flex;
}

.btns-fields {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-1642 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

.loading-item {
  color: #1d3d39;
  text-align: left;
  font-family: Circular Std, Arial, sans-serif;
}

.text-384 {
  color: #fff;
  letter-spacing: -.4px;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 21.6px;
  text-decoration: none;
}

.testimonial1_component {
  grid-column-gap: .5rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.testimonial1_component.align-center.flex-vertical-mobile {
  font-size: .8rem;
}

.quiz_item-answers {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-463 {
  box-sizing: content-box;
  object-fit: cover;
  border-radius: 10px;
  width: 100%;
  max-width: none;
  height: auto;
  display: inline-block;
}

.image-463.new {
  object-fit: fill;
  border-radius: 10px;
  height: auto;
  display: block;
}

.margin-2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 8px;
  text-decoration: none;
  display: flex;
}

.text-385 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 16.56px;
  text-decoration: none;
}

.text-block-645 {
  font-family: Circular Std, Arial, sans-serif;
}

.cc-btn-hike {
  color: #fff;
  text-align: center;
  background-color: #000;
  border: 2px solid #000;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 4rem;
  padding: 1rem 2rem;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .12s, border .12s;
  display: flex;
  position: relative;
}

.cc-btn-hike.cc-full {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #1d3d39;
  border-style: none;
  border-color: #396117;
  width: 400px;
  max-width: 50rem;
}

.quiz_step {
  background-color: #ecf8f6;
  flex-flow: column;
  width: 100%;
  padding-top: 4rem;
  padding-bottom: 4rem;
  display: flex;
}

.quiz_step.cc-intro {
  background-color: #ecf8f6;
  justify-content: flex-start;
  align-items: center;
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.text-block-593 {
  color: #1d3d39;
  font-family: Circular Std, Arial, sans-serif;
  font-weight: 500;
}

.container-1714 {
  z-index: 1;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  display: block;
  position: relative;
}

.container-1714.cc-small {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  max-width: 58rem;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.bundle-selector-step-2 {
  color: #344a23cc;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.2;
}

.margin-4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 12px;
  padding-right: 17.81px;
  text-decoration: none;
  display: flex;
}

.div-block-2568 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-direction: column;
  align-items: center;
  display: block;
}

.attribute_wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  align-items: center;
  font-size: .875rem;
  line-height: 1;
  display: flex;
}

.text-block-599 {
  font-family: Circular Std, Arial, sans-serif;
  font-weight: 800;
}

.free-gift {
  background-color: #ffffffa8;
  border: 1px dashed #c5e4de;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  width: 400px;
  height: 134px;
  padding: 15px 15px 15px 0;
  display: flex;
}

.svg-5 {
  color: #ecac35;
}

.container-1710 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

._6865523e4237705e64810e68_starshalfsvg {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 176.88px;
  height: 16px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.code-embed {
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.background {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #ecf8f600;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 500px;
  height: 134px;
  padding: 10px 16px 10px 12px;
  display: flex;
}

.code-embed-3 {
  width: 100%;
}

.anti-inflammatory-weight-loss-diet-guide-2 {
  color: #0c1f1c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}

.margin {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 120px;
  min-width: 120px;
  padding-right: 0;
  text-decoration: none;
  display: flex;
}

.container-1712 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.quiz_review {
  color: #fff;
  text-align: left;
  background-color: #1d3d39;
  justify-content: center;
  align-items: center;
  height: 30px;
  display: flex;
}

.quiz_review.bundle-builder {
  background-color: #20201f;
}

.quiz_review.bundle-builder.hk {
  background-color: #2b3922;
}

.path-4 {
  color: #faab19;
}

.image-236 {
  width: 120px;
  max-width: 100%;
}

.bb-overlay {
  z-index: 200;
  opacity: 0;
  pointer-events: none;
  background-color: #00000080;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  max-width: 100%;
  transition-property: opacity;
  transition-duration: .25s;
  display: flex;
  position: fixed;
  inset: 0;
  transform: none;
}

.bb-overlay.bb--overlay-open, .bb-overlay-open {
  opacity: 1;
  pointer-events: auto;
}

.bb-sheet {
  background-color: #fff;
  border-radius: 20px 20px 0 0;
  flex-direction: column;
  width: 100%;
  max-width: 480px;
  max-height: 90vh;
  transition-property: transform;
  transition-duration: .35s;
  transition-timing-function: cubic-bezier(.23, 1, .32, 1);
  display: flex;
  overflow: hidden;
  transform: translateY(100%);
}

.bb-sheet.bb--sheet-open {
  width: 100%;
  max-width: 480px;
  transform: translateY(0%);
}

.bb-sheet-open {
  transform: translateY(0%);
}

.bb-sheet-handle {
  flex-shrink: 0;
  justify-content: center;
  padding-top: 12px;
  padding-bottom: 8px;
  display: flex;
}

.bb-sheet-handle-bar {
  background-color: #e0dce8;
  border-radius: 999px;
  width: 36px;
  height: 4px;
}

.bb-sheet-scroll {
  flex-direction: column;
  flex-grow: 1;
  row-gap: 20px;
  padding: 16px 20px 24px;
  display: flex;
  overflow-y: auto;
}

.bb-sheet-img {
  background-color: #f4f3f6;
  background-image: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/69a70b7f136907f262f83b55_Template%20Image%20AF%20Mini%20Long.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 7px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 220px;
  font-size: 72px;
  display: flex;
}

.bb-sheet-info {
  flex-direction: column;
  row-gap: 4px;
  display: flex;
}

.bb-sheet-name {
  color: #292330;
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.2;
}

.bb-sheet-rating {
  align-items: center;
  column-gap: 6px;
  display: flex;
}

.bb-sheet-stars {
  color: #faa000;
  margin-bottom: 0;
  font-size: 13px;
}

.bb-sheet-reviews {
  color: #a39bb0;
  margin-bottom: 0;
  font-size: 12px;
}

.bb-sheet-price-row {
  align-items: center;
  column-gap: 8px;
  display: flex;
}

.bb-sheet-price {
  color: #292330;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 800;
}

.bb-sheet-price-old {
  color: #a39bb0;
  margin-bottom: 0;
  font-size: 15px;
  text-decoration: line-through;
}

.bb-sheet-badge {
  color: #fff;
  background-color: #ff6b6b;
  border-radius: 6px;
  margin-bottom: 0;
  padding: 3px 7px;
  font-size: 11px;
  font-weight: 800;
}

.bb-sheet-section-label {
  color: #292330;
  letter-spacing: .3px;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 700;
}

.bb-sheet-section {
  flex-direction: column;
  row-gap: 10px;
  display: flex;
}

.bb-color-options {
  flex-direction: column;
  row-gap: 8px;
  display: flex;
}

.bb-color-option {
  cursor: pointer;
  background-color: #fff;
  border: 1.5px solid #2923301a;
  border-radius: 10px;
  align-items: center;
  column-gap: 14px;
  min-height: 4.25rem;
  padding: 12px 16px;
  transition-property: background-color;
  transition-duration: .2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.bb-color-swatch {
  background-color: #292330;
  border-radius: 8px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
}

.bb-color-info {
  flex-direction: column;
  flex-grow: 1;
  row-gap: 2px;
  display: flex;
}

.bb-color-name {
  color: #292330;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 700;
}

.bb-color-sub {
  color: #a39bb0;
  margin-bottom: 0;
  font-size: 12px;
}

.bb-color-check {
  color: #0000;
  border: 1.5px solid #e0dce8;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-size: 11px;
  transition-property: background-color;
  transition-duration: .15s;
  display: flex;
}

.bb-sheet-pill {
  background-color: #e0dce8;
  border-radius: 999px;
  width: 36px;
  height: 4px;
}

.bb-sheet-header {
  border-bottom: 1px solid #f0eef4;
  justify-content: space-between;
  align-items: center;
  padding: 0 16px 14px;
  display: flex;
}

.bb-sheet-title {
  color: #292330;
  letter-spacing: -.02em;
  font-size: 17px;
  font-weight: 800;
}

.bb-sheet-close {
  color: #746b84;
  cursor: pointer;
  background-color: #f4f3f6;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  font-size: 16px;
  display: flex;
}

.bb-sheet-price-orig {
  color: #a39bb0;
  font-size: 14px;
  font-weight: 500;
  text-decoration: line-through;
}

.bb-sheet-colors {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.bb-sheet-color {
  grid-column-gap: 8px;
  color: #292330;
  cursor: pointer;
  background-color: #fff;
  border: 1.5px solid #e0dde6;
  border-radius: 999px;
  align-items: center;
  column-gap: 8px;
  height: 36px;
  min-height: auto;
  max-height: 36px;
  padding: 8px 14px 8px 12px;
  font-size: 13px;
  font-weight: 600;
  transition-property: all;
  transition-duration: .15s;
  display: flex;
}

.bb-sheet-color.bb-sheet-color-selected {
  color: #fff;
  background-color: #fff;
  border-width: 2px;
  border-color: #1a161f;
}

.bb-sheet-sizes {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  display: grid;
}

.bb-sheet-size {
  color: #1a161f;
  cursor: pointer;
  border: 1.5px solid #e0dde6;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  height: 44px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 13px;
  font-weight: 600;
  transition-property: all;
  transition-duration: .15s;
  display: flex;
}

.bb-sheet-size.bb-sheet-size-selected {
  color: #fff;
  background-color: #1a161f;
  border-color: #1a161f;
}

.bb-sheet-size.bb-sheet-size-oos {
  opacity: .35;
  color: #ccc9d3;
  cursor: not-allowed;
  border-color: #f0eef4;
  text-decoration: line-through;
}

.bb-sheet-footer {
  background-color: #fff;
  border-top: 1px solid #f0eef4;
  padding: 12px 16px 20px;
}

.bb-sheet-atb {
  color: #fff;
  letter-spacing: .5px;
  cursor: pointer;
  background-color: #1a161f;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 56px;
  font-size: 15px;
  font-weight: 800;
  display: flex;
}

.paragraph-126 {
  color: #242424;
  letter-spacing: 0;
  font-size: 14px;
  font-weight: 700;
}

.paragraph-126.hk {
  color: #2b3922;
}

.paragraph-127, .paragraph-128 {
  color: #9b9b9b;
  letter-spacing: 0;
  font-size: 14px;
  font-weight: 500;
}

.paragraph-129 {
  color: #2c2c2c;
  font-size: 15px;
  font-weight: 700;
}

.paragraph-129.hk {
  color: #444c31;
}

.paragraph-130 {
  color: #2c2c2c6b;
  font-size: 15px;
  font-weight: 500;
}

.paragraph-131 {
  color: #9b9b9b;
  font-size: 15px;
  font-weight: 500;
}

.text-block-646 {
  color: #1a161f;
}

.bb-tier-subtitle {
  color: #646464;
  text-align: center;
  order: 0;
  margin: 0 1rem 1.5rem;
  font-size: .9375rem;
}

.bb-trust-bar {
  grid-column-gap: 1.25rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  order: 0;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding-top: .5rem;
  display: flex;
}

.bb-trust-item {
  grid-column-gap: .375rem;
  color: #374151;
  align-items: center;
  font-size: .8125rem;
  font-weight: 500;
  display: flex;
}

.bb-trust-icon {
  color: #20201f;
  font-size: .875rem;
  font-weight: 700;
}

.bb-tier-save {
  color: #16a34a;
  text-align: center;
  white-space: nowrap;
  margin-top: 0;
  font-size: .7rem;
  font-weight: 600;
  display: none;
  position: absolute;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
}

.paragraph-132, .paragraph-133, .paragraph-134 {
  color: #646464;
}

.bb-tier-img {
  z-index: 1;
  pointer-events: none;
  object-fit: contain;
  width: 80px;
  height: 80px;
  position: absolute;
  top: -52px;
  left: 50%;
  transform: translateX(-50%);
}

.bb-tier-badge-2 {
  z-index: 10;
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #20201f;
  border-radius: 0 0 6px 6px;
  padding: 4px 10px;
  font-size: 10px;
  font-weight: 800;
  position: static;
  top: auto;
  bottom: 10px;
  left: 50%;
}

.bb-tier-badge-2.hk {
  color: #fff;
  background-color: #528125;
}

.bb-sheet-color-dot {
  background-color: #ccc;
  border-radius: 999px;
  flex-shrink: 0;
  align-self: center;
  width: 14px;
  max-width: 14px;
  height: 14px;
  max-height: 14px;
}

.bb-sheet-color-name {
  color: #1a161f;
  font-size: 13px;
  font-weight: 500;
}

.bb-sheet-discount {
  color: #16a34a;
  background-color: #f0fdf4;
  border-radius: 6px;
  padding: 3px 8px;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
}

.bb-minicart-overlay {
  z-index: 99;
  opacity: 0;
  pointer-events: none;
  background-color: #00000080;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  transition-property: opacity;
  transition-duration: .25s;
  display: flex;
  position: fixed;
  inset: 0;
}

.bb--minicart-overlay-open {
  opacity: 1;
  pointer-events: auto;
}

.bold-text-1787 {
  font-size: 1.1rem;
  font-weight: 500;
}

.bold-text-1787.hf {
  color: #45701d;
  font-size: 1.2rem;
}

.bb-card-colors {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: row;
  margin-top: 4px;
  margin-bottom: 8px;
  display: flex;
}

.bb-card-color {
  cursor: pointer;
  background-color: #8f95ad;
  border: 1px solid #0000;
  border-radius: 50%;
  width: 22px;
  height: 22px;
}

.bb-card-quick-view {
  color: #1a1a1a;
  cursor: pointer;
  background-color: #0000;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 8px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.text-block-647 {
  color: #1a1a1aa3;
  font-size: 14px;
  font-weight: 700;
}

.af-colors {
  color: #1a161f82;
  font-size: .875rem;
}

.code-embed-12 {
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  font-size: 18px;
  display: flex;
}

.text-block-648 {
  color: #20201f;
}

.div-block-2569 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.af_minicart_quantity {
  color: #fff;
  letter-spacing: 1px;
  font-weight: 700;
}

.code-embed-13 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.review_stars-wrapper-3 {
  color: #ffb700;
  align-items: center;
  display: flex;
}

.review_component-star-3 {
  color: #eba720;
  width: 1.2em;
  height: 1.2em;
  font-family: Circular Std, Arial, sans-serif;
}

.hk {
  color: #2b3922;
}

.ty-hero {
  grid-column-gap: 16px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.ty-hero__inner {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.ty-hero__icon {
  color: #303030;
  background-color: #0000;
  border: 2px solid #303030;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  min-width: 44px;
  height: 44px;
  font-size: 18px;
  display: flex;
}

.ty-hero__checkmark {
  color: #fff;
  font-size: 28px;
  font-weight: 700;
  line-height: 1;
}

.ty-hero__title {
  color: #111;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
}

.ty-hero__subtitle {
  color: #746b84;
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 16px;
}

.ty-hero__meta {
  grid-column-gap: 4px;
  color: #746b84;
  background-color: #f4f3f6;
  border-radius: 9999px;
  align-items: center;
  padding: 6px 12px;
  font-size: 14px;
  display: inline-flex;
}

.ty-hero__order-label {
  color: #746b84;
}

.ty-hero__order-num {
  color: #303030;
  font-weight: 600;
}

.ty-summary {
  background-color: #faf9fc;
  padding-top: 40px;
  padding-bottom: 40px;
}

.ty-summary__inner {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.ty-summary__heading {
  color: #303030;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 700;
}

.ty-summary__items {
  grid-row-gap: 12px;
  flex-direction: column;
  margin-bottom: 20px;
  display: flex;
}

.ty-item {
  grid-column-gap: 12px;
  background-color: #fff;
  border-radius: 8px;
  align-items: flex-start;
  padding: 12px;
  display: flex;
}

.ty-item__img {
  object-fit: cover;
  background-color: #f0f0f0;
  background-image: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/69a70d894fe34f6bde3e330d_Free%20Gift%20Image%20AF.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  flex-shrink: 0;
  width: 64px;
  height: 64px;
  position: relative;
}

.ty-item__info {
  grid-row-gap: 4px;
  flex-direction: column;
  flex: 1;
  display: flex;
}

.ty-item__name {
  color: #111;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}

.ty-item__qty {
  color: #fff;
  background-color: #666;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-size: 11px;
  font-weight: 600;
  display: flex;
  position: absolute;
  top: -6px;
  right: -6px;
}

.ty-item__price {
  color: #555;
  margin-left: auto;
  font-size: 14px;
  font-weight: 400;
}

.ty-summary__totals {
  grid-row-gap: 10px;
  border-top: 1px solid #e8e6eb;
  flex-direction: column;
  padding-top: 16px;
  display: flex;
}

.ty-total-row {
  color: #746b84;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  display: flex;
}

.ty-total-row.ty-total-row--grand {
  color: #303030;
  border-top: 1px solid #e8e6eb;
  margin-top: 4px;
  padding-top: 12px;
  font-size: 17px;
  font-weight: 700;
}

.ty-total-row__label {
  color: inherit;
}

.ty-total-row__value {
  color: inherit;
  font-weight: inherit;
}

.ty-tracker {
  background-color: #fff;
  border-top: 1px solid #e8e6eb;
  padding-top: 40px;
  padding-bottom: 40px;
}

.ty-tracker__inner {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.ty-tracker__heading {
  color: #303030;
  margin-top: 0;
  margin-bottom: 24px;
  font-size: 20px;
  font-weight: 700;
}

.ty-tracker__steps {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.ty-step {
  grid-row-gap: 8px;
  flex-direction: column;
  flex: none;
  align-items: center;
  display: flex;
}

.ty-step.ty-step--active {
  color: #00c896;
}

.ty-step__dot {
  background-color: #d4d1d9;
  border: 2px solid #d4d1d9;
  border-radius: 9999px;
  width: 16px;
  height: 16px;
}

.ty-step__line {
  background-color: #e8e6eb;
  flex: 1;
  height: 2px;
  margin-bottom: 24px;
}

.ty-step__label {
  color: #a39bb0;
  text-align: center;
  font-size: 11px;
  font-weight: 500;
}

.ty-details {
  grid-column-gap: 24px;
  grid-row-gap: 20px;
  grid-template-columns: 1fr 1fr;
  margin-top: 16px;
  display: grid;
}

.ty-details__inner {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.ty-details__grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.ty-details__block {
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.ty-details__label {
  color: #111;
  letter-spacing: 0;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 600;
}

.ty-details__value {
  color: #555;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
}

.ty-xsell {
  background-color: #fff;
  border-top: 1px solid #e8e6eb;
  padding-top: 40px;
  padding-bottom: 48px;
}

.ty-xsell__inner {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.ty-xsell__heading {
  color: #303030;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 700;
}

.ty-xsell__grid {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.ty-xsell__card {
  background-color: #fff;
  border: 1px solid #e8e6eb;
  border-radius: 12px;
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.ty-xsell__card-img {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
}

.ty-xsell__card-body {
  grid-row-gap: 8px;
  flex-direction: column;
  padding: 12px;
  display: flex;
}

.ty-xsell__card-name {
  color: #303030;
  font-size: 14px;
  font-weight: 600;
}

.ty-xsell__card-price {
  color: #00bfa5;
  font-size: 14px;
  font-weight: 700;
}

.ty-xsell__card-btn {
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #303030;
  border-radius: 8px;
  padding: 10px 16px;
  font-size: 13px;
  font-weight: 600;
}

.ty-xsell__card-btn:hover {
  background-color: #00bfa5;
}

.ty-page {
  background-color: #fff;
  flex-direction: column;
  min-height: 100vh;
  font-family: system-ui, -apple-system, sans-serif;
  display: flex;
}

.ty-wrap {
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  max-width: 100%;
  min-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.ty-main {
  grid-row-gap: 24px;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  width: 100%;
  max-width: 660px;
  margin-left: auto;
  margin-right: 0;
  padding: 40px 48px;
  display: flex;
}

.ty-sidebar {
  grid-row-gap: 20px;
  background-color: #f7f7f7;
  border-left: 1px solid #e8e8e8;
  flex-direction: column;
  min-height: 100vh;
  padding: 40px 32px;
  display: flex;
}

.ty-sidebar.ty-summary--open {
  display: flex;
}

.ty-logo {
  width: auto;
  height: 32px;
  margin-bottom: 8px;
}

.ty-hero__text {
  grid-row-gap: 2px;
  flex-direction: column;
  display: flex;
}

.ty-hero__label {
  color: #666;
  font-size: 13px;
  font-weight: 400;
}

.ty-card {
  background-color: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  padding: 20px;
}

.ty-card__title {
  color: #111;
  margin-bottom: 4px;
  font-size: 15px;
  font-weight: 700;
}

.ty-card__text {
  color: #555;
  font-size: 14px;
  line-height: 1.5;
}

.ty-details__group {
  grid-row-gap: 4px;
  flex-direction: column;
  display: flex;
}

.ty-help {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.ty-help__text {
  color: #666;
  font-size: 14px;
}

.ty-help__link {
  color: #303030;
  font-size: 14px;
  text-decoration: underline;
}

.ty-cta {
  color: #fff;
  background-color: #303030;
  border-radius: 8px;
  padding: 14px 28px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
}

.ty-footer {
  grid-column-gap: 16px;
  border-top: 1px solid #e8e8e8;
  padding-top: 16px;
  display: flex;
}

.ty-footer__link {
  color: #999;
  font-size: 13px;
  text-decoration: none;
}

.ty-summary__title {
  color: #111;
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 700;
}

.ty-summary__row {
  justify-content: space-between;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
}

.ty-summary__label {
  color: #666;
  font-size: 14px;
}

.ty-summary__value {
  color: #303030;
  font-size: 14px;
  font-weight: 500;
}

.ty-summary__total {
  border-top: 1px solid #e0e0e0;
  justify-content: space-between;
  margin-top: 8px;
  padding-top: 12px;
  display: flex;
}

.ty-summary__total-label, .ty-summary__total-value {
  color: #111;
  font-size: 15px;
  font-weight: 700;
}

.ty-css-states {
  display: none;
}

.ty-msb {
  cursor: pointer;
  background-color: #f0f0f0;
  border-bottom: 1px solid #e0e0e0;
  justify-content: space-between;
  align-items: center;
  padding: 14px 20px;
  display: none;
}

.ty-msb__label {
  color: #303030;
  font-size: 14px;
  font-weight: 600;
}

.ty-msb__right {
  grid-column-gap: 8px;
  align-items: center;
  display: flex;
}

.ty-msb__total {
  color: #111;
  font-size: 14px;
  font-weight: 600;
}

.ty-msb__chevron {
  color: #666;
  font-size: 12px;
  transition: transform .2s;
}

.ty-items {
  grid-row-gap: 16px;
  border-bottom: 1px solid #e0e0e0;
  flex-direction: column;
  margin-bottom: 8px;
  padding-bottom: 16px;
  display: flex;
}

.ty-logo-mobile {
  display: none;
}

.text-block-649 {
  color: #1a1a1a;
  font-size: 15px;
}

.text-block-650, .text-block-651, .text-block-652 {
  font-size: 15px;
}

.div-block-2570 {
  display: flex;
}

.co-redirect-divider {
  border-top: 1px solid #e4e7ec;
  width: 100%;
  margin-bottom: 16px;
}

.image-464 {
  border-radius: 5px;
}

.af-page {
  font-family: var(--os--font--text);
  color: var(--os--color--neutral-900);
  background-color: #fff;
  line-height: 1.5;
}

.af-container {
  width: 100%;
  max-width: 48rem;
  padding-right: var(--container-padding--mobile);
  padding-left: var(--container-padding--mobile);
  margin-left: auto;
  margin-right: auto;
}

.af-promo-bar {
  color: #fff;
  text-align: center;
  letter-spacing: .02em;
  background-color: #173a2a;
  font-size: .8125rem;
  font-weight: 600;
}

.af-promo-line {
  padding-top: var(--os--space--2);
  padding-bottom: var(--os--space--2);
  justify-content: center;
  align-items: center;
  gap: .5rem;
  display: flex;
}

.af-section {
  padding-top: var(--os--space--12);
  padding-bottom: var(--os--space--12);
  justify-content: center;
  align-items: center;
  display: flex;
}

.af-eyebrow {
  color: var(--os--color--success-dark);
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: .75rem;
  font-weight: 700;
}

.af-h1 {
  margin-bottom: var(--os--space--2);
  font-family: var(--os--font--display);
  letter-spacing: -.02em;
  margin-top: 0;
  font-size: 2.25rem;
  font-weight: 800;
  line-height: 1.1;
}

.af-h2 {
  margin-bottom: var(--os--space--3);
  font-family: var(--os--font--display);
  letter-spacing: -.01em;
  margin-top: 0;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
}

.af-body {
  color: var(--os--color--neutral-600);
  margin-top: 0;
  font-size: 1rem;
  line-height: 1.6;
}

.af-cta {
  width: 100%;
  padding: var(--os--space--4) var(--os--space--8);
  border-radius: var(--os--radius--full);
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #1a7a4a;
  justify-content: center;
  align-items: center;
  font-size: 1.0625rem;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
}

.af-hero {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  display: flex;
}

.af-badge {
  color: #173a2a;
  background-color: #e8f3ec;
  border-radius: 9999px;
  align-items: center;
  gap: .375rem;
  padding: .375rem .75rem;
  font-size: .75rem;
  font-weight: 700;
  display: inline-flex;
}

.af-socialproof {
  color: var(--os--color--neutral-600);
  font-size: .875rem;
  font-weight: 600;
}

.af-image {
  border-radius: var(--os--radius--lg);
  object-fit: cover;
  width: 100%;
  height: auto;
  display: block;
}

.af-reasons-list {
  flex-direction: column;
  gap: 3rem;
  display: flex;
}

.af-reason {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--os--color--neutral-200);
  flex-direction: column;
  gap: .75rem;
  padding-top: 2rem;
  display: flex;
}

.af-reason-number {
  font-family: var(--os--font--display);
  color: var(--os--color--success-dark);
  font-size: 2.5rem;
  font-weight: 800;
  line-height: 1;
}

.af-buybox-grid {
  grid-template-columns: 1fr 1fr;
  align-items: start;
  gap: 2rem;
  display: grid;
}

.af-buybox-selector {
  flex-direction: column;
  gap: 1rem;
  display: flex;
}

.af-selector-group {
  flex-direction: column;
  gap: .5rem;
  display: flex;
}

.af-selector-label {
  color: var(--os--color--neutral-900);
  font-size: .9375rem;
  font-weight: 700;
}

.af-offer-cards {
  flex-direction: column;
  gap: .75rem;
  display: flex;
}

.af-offer-card {
  border-color: var(--os--color--neutral-200);
  border-radius: var(--os--radius--md);
  cursor: pointer;
  border-style: solid;
  border-width: 2px;
  flex-direction: column;
  gap: .5rem;
  padding: 1rem;
  display: flex;
}

.af-offer-card.is-selected {
  background-color: #f0f7f2;
  border-color: #1a7a4a;
}

.af-trust-bar {
  background-color: var(--os--color--neutral-100);
  color: var(--os--color--neutral-700);
  text-align: center;
  padding-top: .625rem;
  padding-bottom: .625rem;
  font-size: .8125rem;
  font-weight: 600;
}

.af-gallery {
  flex-direction: column;
  gap: .5rem;
  display: flex;
  position: sticky;
  top: 1rem;
}

.af-thumbs {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: .5rem;
  display: grid;
}

.af-offer-price {
  font-family: var(--os--font--display);
  color: var(--os--color--neutral-900);
  font-size: 1.25rem;
  font-weight: 800;
}

.af-accordion-list {
  flex-direction: column;
  display: flex;
}

.af-accordion-item {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--os--color--neutral-200);
  flex-direction: column;
  gap: .5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
}

.af-accordion-head {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  font-size: 1rem;
  font-weight: 700;
  display: flex;
}

.af-reviews-grid {
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1rem;
  display: grid;
}

.af-review-card {
  border-color: var(--os--color--neutral-200);
  border-radius: var(--os--radius--md);
  background-color: #fff;
  border-style: solid;
  border-width: 1px;
  flex-direction: column;
  gap: .5rem;
  padding: 1rem;
  display: flex;
}

.af-stars {
  color: var(--os--color--rating);
  letter-spacing: .1em;
  font-size: .875rem;
}

.af-review-author {
  color: var(--os--color--neutral-700);
  font-size: .8125rem;
  font-weight: 700;
}

.af-footer {
  background-color: var(--os--color--neutral-800);
  color: #fff;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.af-footer-disclaimer {
  color: var(--os--color--neutral-400);
  margin-top: 1.5rem;
  font-size: .75rem;
  line-height: 1.5;
}

.fm-parent.fm {
  font-size: 1rem;
  line-height: 1.5;
}

.fm-parent.fm.cc-quiz {
  background-color: #fafefd;
}

.of-brrr {
  color: #31392b;
  background-color: #fff;
  font-family: system-ui, -apple-system, sans-serif;
}

.of-brrr-promo {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #fff;
  background-color: #394c2d;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  min-height: 44px;
  padding: 12px 16px;
  display: flex;
}

.of-brrr-promo-text {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
}

.of-brrr-timer {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: #ffffff14;
  border-radius: 7px;
  align-items: center;
  padding: 4px 8px;
  font-size: 16px;
  font-weight: 700;
  display: flex;
}

.of-brrr-timer-sep {
  opacity: .4;
  font-size: 14px;
}

.of-brrr-layout {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  max-width: 1200px;
  margin: 0 auto;
  padding: 24px 20px 140px;
  display: grid;
}

.of-brrr-gallery {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.of-brrr-hero-img {
  aspect-ratio: 578 / 530;
  background-color: #f3f6f1;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.of-brrr-hero-photo {
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: block;
}

.of-brrr-video-grid {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.of-brrr-video-card {
  aspect-ratio: 282 / 276;
  border: 3px solid #9494943d;
  border-radius: 14px;
  position: relative;
  overflow: hidden;
}

.of-brrr-video-thumb {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.of-brrr-video-overlay {
  pointer-events: none;
  background-color: #181d0f1a;
  position: absolute;
  inset: 0;
}

.of-brrr-play {
  z-index: 1;
  background-color: #272d22bf;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 51px;
  height: 51px;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.of-brrr-play-icon {
  width: 27px;
  height: 27px;
  display: block;
}

.of-brrr-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.of-brrr-reviews {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.of-brrr-rating-badge {
  color: #fff;
  background-color: #698752;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  font-size: 16px;
  font-weight: 700;
  display: flex;
}

.of-brrr-rating-denom {
  font-size: 11px;
}

.of-brrr-reviews-link {
  color: #31392b;
  font-size: 14px;
}

.of-brrr-title {
  letter-spacing: -.72px;
  text-transform: capitalize;
  margin: 0;
  font-size: 22px;
  font-weight: 900;
  line-height: 1.25;
}

.of-brrr-tabs {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: #f3f6f1;
  border-radius: 12px;
  flex-direction: column;
  padding: 4px;
  display: flex;
}

.of-brrr-tab {
  color: #31392b;
  text-align: center;
  border-radius: 999px;
  flex: 1;
  padding: 10px 12px;
  font-size: 14px;
  font-weight: 600;
}

.of-brrr-tab-active {
  background-color: #fff;
  box-shadow: 0 1px 3px #00000014;
}

.of-brrr-benefits {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fdfffb;
  border: 1px solid #eef3ed;
  border-radius: 12px;
  flex-direction: column;
  margin: 0;
  padding: 16px;
  list-style: none;
  display: flex;
}

.of-brrr-benefit-item {
  padding-left: 28px;
  font-size: 15px;
  line-height: 1.4;
  position: relative;
}

.of-brrr-benefit-check {
  color: #577d38;
  font-weight: 700;
  position: absolute;
  left: 0;
}

.of-brrr-stock {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #d86d45;
  align-items: center;
  margin: 0;
  font-size: 13px;
  display: flex;
}

.of-brrr-stock-dot {
  background-color: #e74c3c;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  display: inline-block;
}

.of-brrr-qty-header {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.of-brrr-qty-label {
  color: #fff;
  background-color: #454c3f;
  border-radius: 8px;
  padding: 7px 17px;
  font-size: 13px;
  font-weight: 700;
}

.of-brrr-size-link {
  color: #88947e;
  font-size: 14px;
  text-decoration: underline;
}

.of-brrr-qty-cards {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  display: grid;
}

.of-brrr-qty-card {
  text-align: center;
  background-color: #fff;
  border: 1.44px dashed #ccd1c9;
  border-radius: 12px;
  padding: 12px 8px 10px;
  position: relative;
}

.of-brrr-qty-selected {
  border: 2px solid #577d38;
}

.of-brrr-qty-badge {
  color: #fff;
  white-space: nowrap;
  background-color: #577d38;
  border-radius: 4px;
  padding: 2px 8px;
  font-size: 10px;
  font-weight: 700;
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
}

.of-brrr-qty-badge-value {
  background-color: #454c3f;
}

.of-brrr-qty-name {
  margin-top: 8px;
  font-size: 14px;
  font-weight: 500;
  display: block;
}

.of-brrr-qty-price {
  color: #848782;
  background-color: #f3f6f1;
  border-radius: 5px;
  margin-top: 6px;
  padding: 4px 8px;
  font-size: 12px;
  display: inline-block;
}

.of-brrr-qty-price-accent {
  color: #d86d45;
  background-color: #f7ede9;
}

.of-brrr-pricing {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-direction: column;
  display: flex;
}

.of-brrr-help-link {
  color: #88947e;
  font-size: 13px;
}

.of-brrr-savings {
  color: #d86d45;
  margin: 0;
  font-size: 15px;
  font-weight: 700;
}

.of-brrr-total {
  margin: 0;
  font-size: 18px;
}

.of-brrr-total-old {
  color: #999;
  margin-right: 6px;
  text-decoration: line-through;
}

.of-brrr-total-new {
  font-size: 22px;
  font-weight: 700;
}

.of-brrr-upsell {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #f3f6f1;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  padding: 10px 12px;
  font-size: 13px;
  display: flex;
}

.of-brrr-upsell-btn {
  color: #fff;
  white-space: nowrap;
  background-color: #454c3f;
  border-radius: 6px;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 700;
}

.of-brrr-cta {
  color: #fff;
  text-align: center;
  background-color: #577d38;
  border: 2.44px solid #537439cc;
  border-radius: 60px;
  width: 100%;
  padding: 18px 24px;
  font-size: 17px;
  font-weight: 800;
}

.of-brrr-trust-row {
  color: #394133d6;
  border: 1.44px dashed #d4dccf;
  border-radius: 12px;
  padding: 16px;
  font-size: 12px;
}

.of-brrr-trust-top {
  margin: 0 0 12px;
}

.of-brrr-trust-cols {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  text-align: center;
  border-top: 1px solid #e9ede4;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  padding-top: 12px;
  display: grid;
}

.of-brrr-trust-col-title {
  margin-bottom: 2px;
  font-size: 12px;
  font-weight: 700;
  display: block;
}

.of-brrr-trust-col-sub {
  opacity: .85;
  font-size: 12px;
  display: block;
}

.of-brrr-testimonial {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #f5f8f2;
  border-radius: 14px;
  align-items: flex-start;
  margin: 0;
  padding: 16px;
  display: flex;
}

.of-brrr-dr-photo {
  object-fit: cover;
  border-radius: 8px;
  flex-shrink: 0;
  width: 89px;
  height: 133px;
}

.of-brrr-dr-name {
  margin: 0 0 8px;
  font-size: 14px;
  font-weight: 700;
}

.of-brrr-dr-quote {
  color: #394133d6;
  margin: 0 0 12px;
  font-size: 12px;
  line-height: 1.5;
}

.of-brrr-dr-badge {
  color: #444c3ef0;
  border: 1px solid #e9ede4;
  border-radius: 60px;
  padding: 4px 12px;
  font-size: 12px;
  font-weight: 700;
  display: inline-block;
}

.of-brrr-sticky {
  z-index: 100;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  border-radius: 12px;
  align-items: center;
  padding: 12px;
  display: flex;
  position: fixed;
  bottom: 16px;
  left: 16px;
  right: 16px;
  box-shadow: 0 4px 24px #00000026;
}

.of-brrr-sticky-thumb {
  object-fit: contain;
  background-color: #f3f6f1;
  border-radius: 8px;
  width: 56px;
  height: 56px;
}

.of-brrr-sticky-title {
  margin: 0;
  font-size: 14px;
  font-weight: 700;
}

.of-brrr-sticky-price {
  margin: 0 0 6px;
  font-size: 13px;
}

.of-brrr-sticky-old {
  color: #999;
  text-decoration: line-through;
}

.of-brrr-sticky-save {
  color: #d86d45;
  margin-left: 4px;
  font-weight: 700;
}

.of-brrr-sticky-cta {
  color: #fff;
  text-align: center;
  background-color: #577d38;
  border-radius: 8px;
  width: 100%;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 700;
}

.af-hf-page {
  color: #31392b;
  background-color: #fdfffb;
  width: 100%;
  margin: 0 auto;
  font-family: Circular Std, Arial, sans-serif;
  overflow-x: hidden;
}

.of-promo {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  background-color: #394c2d;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 44px;
  padding: 10px 16px;
  display: flex;
}

.of-promo-text {
  color: #fff;
  white-space: nowrap;
  flex-wrap: nowrap;
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}

.af-timer {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  color: #fff;
  background-color: #ffffff14;
  border-radius: 7px;
  align-items: center;
  padding: 4px 8px;
  font-size: 16px;
  font-weight: 700;
  display: flex;
}

.af-timer-sep {
  color: #fff6;
  padding: 0 2px;
  font-size: 14px;
  font-weight: 800;
}

.of-wrap {
  box-sizing: border-box;
  grid-template-rows: auto;
  grid-template-columns: 578px 1fr;
  align-items: start;
  gap: 0 69px;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 38px 55px 100px;
  display: grid;
}

.af-hf-gallery {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.of-hero {
  background-color: #f3f6f1;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 530px;
  display: flex;
  overflow: hidden;
}

.of-hero-img {
  object-fit: contain;
  object-position: center center;
  width: auto;
  max-width: 95%;
  height: auto;
  max-height: 480px;
  display: block;
}

.af-videos {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  display: grid;
}

.af-video {
  box-sizing: border-box;
  aspect-ratio: 282 / 276;
  border: 2px #9494943d;
  border-radius: 14px;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.af-video-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.af-video-dim {
  pointer-events: none;
  background-color: #181d0f1a;
  position: absolute;
  inset: 0;
}

.af-video-play {
  z-index: 2;
  background-color: #272d22bf;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 51px;
  height: 51px;
  margin-top: 0;
  margin-left: 0;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 2px #0000001f;
}

.af-play-icon {
  width: 24px;
  height: 24px;
  display: block;
}

.af-side {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  width: 100%;
  max-width: 396px;
  min-height: 200px;
  display: flex;
  position: relative;
}

.of-reviews {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: nowrap;
  align-items: center;
  margin-bottom: 4px;
  display: flex;
}

.of-rating {
  color: #fff;
  background-color: #698752;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  font-size: 16px;
  font-weight: 700;
  display: flex;
}

.of-rating-sub {
  font-size: 11px;
  font-weight: 700;
}

.of-reviews-text {
  color: #31392b;
  font-size: 14px;
}

.of-h1 {
  color: #31392b;
  letter-spacing: -.72px;
  text-transform: capitalize;
  margin: 0;
  font-size: 32px;
  font-weight: 900;
  line-height: 44px;
}

.of-tabs {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: #f3f6f1;
  border-radius: 999px;
  flex-direction: row;
  padding: 4px;
  display: flex;
}

.af-tab {
  color: #454c3fe0;
  text-align: center;
  background-color: #0000;
  border-radius: 999px;
  flex: 1;
  justify-content: center;
  align-items: center;
  min-width: 0;
  padding: 8px 12px;
  font-size: 12.8px;
  font-weight: 500;
  display: flex;
}

.af-tab.of-tab-on {
  min-height: 37px;
  box-shadow: none;
  background-color: #e6eddbbd;
}

.af-tab.af-tab-on-1 {
  color: #454c3f;
  background-color: #e6eddbbd;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  padding: 12px 0;
  font-weight: 700;
  display: flex;
}

.of-tab-on {
  background-color: #fff;
  box-shadow: 0 1px 3px #00000014;
}

.of-benefits {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fdfffb;
  border: 1px solid #eef3ed;
  border-radius: 12px;
  flex-direction: column;
  margin: 0;
  padding: 16px;
  list-style: none;
  display: flex;
}

.of-benefit {
  color: #454c3f;
  letter-spacing: -.14px;
  padding-left: 28px;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.of-check {
  color: #fff;
  background-color: #577d38;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
  position: absolute;
  top: 1px;
  left: 0;
}

.of-stock {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #d86d45;
  background-color: #0000;
  border-radius: 8px;
  align-items: center;
  margin: 0;
  padding: 0;
  font-size: 13px;
  display: flex;
}

.of-dot {
  background-color: #e74c3c;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  display: inline-block;
}

.af-qty-top {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  display: flex;
}

.af-qty-label {
  color: #fff;
  white-space: nowrap;
  background-color: #454c3f;
  border-radius: 8px;
  align-items: center;
  height: 30px;
  padding: 7px 17px;
  font-size: 13px;
  font-weight: 700;
  line-height: 16px;
  animation-name: none;
  animation-duration: 1.6s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  display: inline-flex;
  position: relative;
}

.af-size-link {
  color: #88947e;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 500;
  text-decoration: underline;
}

.of-qty-grid {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.af-qty {
  box-sizing: border-box;
  text-align: center;
  background-color: #fff;
  border: 1.5px #ccd1c9;
  border-radius: 10px;
  width: 100%;
  min-height: 144px;
  padding: 44px 8px 12px;
  position: relative;
  overflow: visible;
}

.af-qty.af-qty-on {
  border: 2px solid #577d38;
  min-height: 149px;
  padding-top: 44px;
  padding-bottom: 12px;
  box-shadow: 0 2px 3px #00000014;
}

.af-selected {
  border: 2px solid #577d38;
  min-height: 149px;
  overflow: visible;
}

.af-qty-badge {
  color: #fff;
  white-space: nowrap;
  background-color: #577d38;
  border-radius: 4px;
  padding: 2px 8px;
  font-size: 10px;
  font-weight: 700;
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
}

.af-qty-badge.af-badge-rec {
  z-index: 24;
  color: #fff;
  letter-spacing: 0;
  background-color: #67834f;
  border-radius: 5px;
  font-size: 11px;
  font-weight: 700;
}

.af-qty-badge.af-badge-val {
  z-index: 24;
  color: #fff;
  letter-spacing: 0;
  background-color: #d86d45;
  border-radius: 5px;
  font-size: 11px;
  font-weight: 700;
}

.of-badge-dark {
  background-color: #454c3f;
}

.of-qty-thumb {
  z-index: 2;
  object-fit: cover;
  background-color: #ecf5ec;
  border-radius: 32px;
  width: 54px;
  height: 54px;
  margin: -27px 0 0 -27px;
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
}

.af-qty-name {
  color: #31392bf0;
  letter-spacing: -.2px;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  display: block;
}

.af-qty-price {
  color: #848782;
  letter-spacing: 0;
  background-color: #f3f6f1;
  border-radius: 5px;
  margin-top: 8px;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 500;
  display: inline-block;
  position: relative;
}

.af-qty-price:before {
  content: "";
  border-bottom: 6px solid #f3f6f1;
  border-left: 5px solid #0000;
  border-right: 5px solid #0000;
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -100%);
}

.af-qty-price.af-price-hot {
  color: #d86d45;
  letter-spacing: 0;
  background-color: #f7ede9;
  border-radius: 5px;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 500;
}

.af-qty-price.af-price-hot:before {
  border-bottom-color: #f7ede9;
}

.of-price-hot {
  color: #d86d45;
  background-color: #f7ede9;
}

.of-pricing {
  grid-column-gap: 6px;
  grid-row-gap: 4px;
  flex-direction: column;
  margin-top: 8px;
  margin-bottom: 8px;
  display: flex;
}

.af-help {
  color: #88947e;
  text-underline-offset: 2px;
  font-size: 13px;
  font-weight: 500;
  text-decoration: underline;
}

.of-save {
  color: #43493c;
  margin: 0;
  font-size: 14px;
  font-weight: 500;
}

.of-total {
  color: #31392b;
  margin: 0;
  font-size: 16px;
  line-height: 24px;
}

.of-old {
  color: #43493c8c;
  margin-right: 4px;
  font-size: 14px;
  font-weight: 400;
  text-decoration: line-through;
}

.of-new {
  color: #43493c;
  letter-spacing: -.5px;
  font-size: 14px;
  font-weight: 700;
}

.of-upsell {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #fff;
  border: 1px solid #eef3ed;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  min-height: 90px;
  padding: 10px 12px;
  font-size: 13px;
  display: flex;
}

.of-upsell-btn {
  grid-column-gap: 4px;
  color: #fff;
  white-space: nowrap;
  background-color: #454c3f;
  border-radius: 60px;
  align-items: center;
  padding: 9px 14px;
  font-size: 14px;
  font-weight: 700;
  display: flex;
}

.of-cta {
  box-sizing: border-box;
  color: #fff;
  text-align: center;
  background-color: #577d38;
  border: 2px solid #537439cc;
  border-radius: 60px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 62px;
  font-size: 17px;
  font-weight: 800;
  display: flex;
}

.af-trust {
  box-sizing: border-box;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #394133d6;
  border: 1.44px #d4dccf;
  border-radius: 12px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  place-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 393px;
  min-height: 0;
  padding: 14px 0;
  font-size: 12px;
  display: block;
  position: relative;
}

.of-trust-top {
  margin: 0 0 12px;
  line-height: 20px;
}

.of-trust-cols {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  text-align: center;
  border-top: 1px solid #e9ede4;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  row-gap: 10px;
  padding-top: 12px;
  display: grid;
}

.af-trust-title {
  color: #394133de;
  text-align: center;
  letter-spacing: -.12px;
  white-space: nowrap;
  width: 100%;
  margin-top: 0;
  margin-bottom: 2px;
  font-size: 12px;
  font-weight: 700;
  display: block;
}

.af-trust-sub {
  opacity: .85;
  text-align: center;
  letter-spacing: -.12px;
  white-space: nowrap;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  display: block;
}

.af-quote {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #f5f8f2;
  border-radius: 14px;
  align-items: flex-start;
  max-width: 393px;
  min-height: 137px;
  margin: 0;
  padding: 16px 16px 0;
  display: flex;
}

.af-dr {
  object-fit: cover;
  border-radius: 8px;
  flex-shrink: 0;
  width: 89px;
  height: 133px;
  display: block;
}

.af-dr-name {
  color: #394133f0;
  margin: 0;
  font-size: 14px;
  font-weight: 700;
}

.af-dr-text {
  color: #394133d6;
  margin: 0;
  font-size: 12.4px;
  line-height: 20px;
}

.of-dr-badge {
  color: #444c3ef0;
  border: 1px solid #e9ede4;
  border-radius: 60px;
  padding: 4px 12px;
  font-size: 12px;
  font-weight: 700;
  display: inline-block;
}

.of-sticky {
  z-index: 999;
  box-sizing: border-box;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  border-radius: 12px;
  align-items: center;
  width: 280px;
  padding: 12px;
  display: flex;
  position: fixed;
  bottom: 16px;
  left: 16px;
  box-shadow: 0 8px 32px #00000029;
}

.af-sticky-img {
  object-fit: cover;
  background-color: #f3f6f100;
  border-radius: 8px;
  flex-shrink: 0;
  width: 80px;
  height: 67px;
  display: block;
}

.af-sticky-title {
  color: #31392b;
  margin: 0 0 4px;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

.af-sticky-price-row {
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  margin: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  display: flex;
  position: relative;
}

.af-sticky-old {
  color: #999;
  text-decoration: line-through;
}

.af-promo-save-badge {
  color: #d86d45;
  background-color: #f7ede9;
  border-radius: 100px;
  margin-left: 0;
  padding: 5px 12px 5px 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  position: static;
  top: 0;
  left: 61px;
}

.of-sticky-cta {
  color: #fff;
  text-align: center;
  background-color: #577d38;
  border-radius: 8px;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 700;
}

.of-sticky-stock {
  color: #d86d45;
  margin: 4px 0 0;
  font-size: 11px;
}

.af-promo-1 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #394c2d;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 44px;
  padding: 6px 16px;
  display: flex;
}

.af-promo-text-1 {
  color: #fff;
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
}

.af-wrap-1 {
  box-sizing: border-box;
  grid-template-rows: auto;
  grid-template-columns: 578px 1fr;
  align-items: start;
  gap: 0 69px;
  max-width: 1440px;
  margin: 0 auto;
  padding: 38px 55px 100px;
  display: grid;
}

.af-hero-1 {
  background-color: #f3f6f1;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 530px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.af-hero-img-1 {
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: block;
}

.af-reviews-1 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: nowrap;
  align-items: center;
  display: flex;
}

.af-rating-1 {
  color: #fff;
  background-color: #0000;
  border-radius: 6px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  font-size: 15px;
  font-weight: 700;
  display: block;
  position: relative;
  overflow: visible;
}

.af-reviews-text-1 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #394133d6;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: flex;
}

.af-h1-1 {
  color: #31392b;
  letter-spacing: -.72px;
  text-transform: capitalize;
  margin: 0;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 32px;
  font-weight: 900;
  line-height: 44px;
}

.af-tabs-1 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: #0000;
  border-bottom: 1.2px solid #eef3ed;
  border-radius: 0;
  flex-direction: row;
  align-items: stretch;
  padding: 5px 12px;
  display: flex;
}

.of-tab-on-1 {
  box-shadow: none;
  background-color: #e6eddbbd;
}

.af-benefits-1 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #0000;
  border: 1px #eef3ed;
  border-radius: 0;
  flex-direction: column;
  flex-grow: 1;
  max-width: none;
  min-height: auto;
  margin: 0;
  padding: 12px 20px;
  list-style: none;
  display: flex;
}

.af-benefit-1 {
  color: #394133f0;
  letter-spacing: -.2px;
  margin-top: .05rem;
  margin-bottom: .05rem;
  padding-left: 24px;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 14.4px;
  font-weight: 500;
  line-height: 22px;
  position: relative;
}

.of-check-1 {
  color: #577d38;
  font-weight: 700;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.af-stock-1 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #394133;
  background-color: #f2f6ef;
  justify-content: center;
  align-items: center;
  gap: 0 8px;
  width: 100%;
  min-height: 35px;
  margin: 0;
  padding: 8px 16px;
  font-size: 13px;
  display: flex;
}

.af-stock-1.of-stock-text {
  grid-column-gap: 4px;
  background-color: #edf1ea;
  flex-flow: row;
  min-height: 30px;
  padding-top: 4px;
  padding-bottom: 4px;
}

.af-qty-grid-1 {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.af-qty-thumb-1 {
  object-fit: cover;
  border-radius: 32px;
  width: 60px;
  height: 60px;
  margin: -27px 0 0 -29px;
  display: block;
  position: relative;
  top: 0;
  left: 50%;
}

.af-pricing-1 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  border: 1px solid #eef3ed;
  border-top-width: 1.2px;
  border-radius: 12px;
  flex-direction: column;
  grid-template-columns: 1fr auto;
  align-items: center;
  width: 100%;
  display: grid;
  overflow: hidden;
}

.af-save-1 {
  color: #43493c;
  letter-spacing: -.2px;
  grid-column: 1;
  justify-self: start;
  margin: 0;
  padding: 10px 16px;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.af-save-1.af-sticky-save {
  grid-column: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  font-size: 13px;
  line-height: 16px;
}

.af-total-1 {
  color: #43493c;
  text-align: right;
  justify-self: end;
  margin: 0;
  padding: 10px 16px;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  display: block;
}

.af-total-1.af-sticky-total {
  text-align: right;
  grid-column: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  font-size: 13px;
  line-height: 16px;
}

.af-old-1 {
  color: #43493c8c;
  letter-spacing: -.01px;
  margin-right: 4px;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-decoration: line-through;
  display: inline;
}

.af-new-1 {
  color: #43493c;
  letter-spacing: -.1px;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  display: inline;
}

.af-new-1.af-sticky-price {
  color: #43493c;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
}

.af-upsell-1 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #fff;
  border: 1px #eef3ed;
  border-top: 1.2px solid #eef3ed;
  border-radius: 0;
  grid-column: 1 / span 2;
  justify-content: space-between;
  align-items: center;
  height: auto;
  min-height: 52px;
  padding: 8px 12px;
  font-size: 13px;
  display: flex;
}

.af-upsell-1.af-sticky-upsell {
  grid-column: auto;
  min-height: 44px;
}

.af-upsell-btn-1 {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  color: #fff;
  white-space: nowrap;
  cursor: pointer;
  background-color: #454c3f;
  border-radius: 60px;
  align-items: center;
  padding: 9px 14px;
  font-size: 12px;
  font-weight: 700;
  display: flex;
}

.af-cta-1 {
  box-sizing: border-box;
  grid-column-gap: 0;
  grid-row-gap: 0;
  color: #fff;
  text-align: center;
  background-color: #577d38;
  border: 2.44px solid #537439cc;
  border-radius: 60px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 393px;
  min-height: 62px;
  padding-right: 0;
  font-size: 17px;
  font-weight: 800;
  display: flex;
  position: relative;
}

.af-trust-top-1 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 20px;
  display: flex;
}

.af-trust-cols-1 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  text-align: center;
  border-top: 0 #e9ede4;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: none;
  place-items: stretch stretch;
  gap: 10px 8px;
  width: 100%;
  padding-top: 12px;
  display: flex;
}

.af-dr-badge-1 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #444c3ef0;
  background-color: #fff0;
  border: 1px solid #e9ede4;
  border-radius: 60px;
  align-items: center;
  width: 150px;
  margin-top: 4px;
  padding: 4px 12px;
  font-size: 12px;
  font-weight: 700;
  display: flex;
}

.af-sticky-1 {
  z-index: 999;
  box-sizing: border-box;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fcfffc;
  border-radius: 0 16px 16px 0;
  flex-flow: column;
  align-items: stretch;
  row-gap: 8px;
  width: 333px;
  min-height: 188px;
  padding: 14px 16px;
  display: flex;
  position: fixed;
  bottom: 24px;
  left: 0;
  box-shadow: 0 0 32px #00000029;
}

.af-sticky-cta-1 {
  color: #fff;
  text-align: center;
  background-color: #577d38;
  border: 2.44px solid #537439cc;
  border-radius: 60px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 280px;
  min-height: 54px;
  margin-left: 9px;
  margin-right: auto;
  padding: 0;
  font-size: 17px;
  font-weight: 800;
  display: flex;
  position: relative;
}

.af-video-mute {
  z-index: 2;
  background-color: #272d22bf;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
  position: absolute;
  top: 12px;
  right: 12px;
  overflow: hidden;
}

.af-mute-icon {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.af-mute-icon:before {
  display: none;
}

.of-rating-star {
  opacity: .35;
  pointer-events: none;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.of-rating-num {
  z-index: 1;
  line-height: 1;
  position: relative;
}

.af-chev-icon {
  opacity: 1;
  flex-flow: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  margin-left: 2px;
  display: flex;
}

.af-check-icon {
  flex-shrink: 0;
  width: 16px;
  height: 17px;
  display: block;
  position: absolute;
  top: 1px;
  left: 0;
}

.af-size-row {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  align-items: center;
  display: flex;
}

.af-ruler-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: block;
}

.af-help-row {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  grid-column: auto;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.af-info-icon {
  opacity: 1;
  width: 16px;
  height: 16px;
  display: block;
}

.af-qty-radio {
  z-index: 24;
  background-color: #fff;
  border: 1px solid #ecefe9;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  position: absolute;
  top: 14px;
  right: 8px;
}

.af-qty-radio.af-qty-radio-on {
  z-index: 24;
  background-color: #577d38;
  border-style: none;
  justify-content: center;
  align-items: center;
  display: flex;
  top: 14px;
}

.of-qty-radio-on {
  background-color: #577d38;
  border-color: #577d38;
  justify-content: center;
  align-items: center;
  display: flex;
}

.af-qty-check-icon {
  width: 10px;
  height: 7px;
  display: block;
}

.of-badge-rec, .of-badge-val {
  color: #465b36;
  background-color: #deeecd;
  border-radius: 20px;
  padding: 2px 8px;
  font-size: 11px;
}

.af-save-amt {
  color: #d86d45;
  font-weight: 700;
}

.af-upsell-left {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: flex;
}

.af-cart-icon {
  flex-shrink: 0;
  width: 21px;
  min-width: 21px;
  height: 21px;
  display: flex;
}

.af-plus-icon {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 10px;
  min-width: 10px;
  height: 10px;
  display: flex;
}

.af-cta-arrow-wrap {
  background-color: #f8f2e21a;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  margin-top: -22px;
  display: flex;
  position: absolute;
  top: 50%;
  right: 6px;
}

.of-cta-arrow {
  width: 24px;
  height: 24px;
  display: block;
}

.af-truemed-icon {
  flex-flow: row;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: flex;
}

.af-trust-col {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  text-align: center;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.of-trust-icon {
  width: 24px;
  height: 24px;
  margin-bottom: 4px;
  display: block;
}

.af-dr-check {
  width: 14px;
  height: 14px;
  display: block;
}

.af-sticky-arrow {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 6px;
}

.af-sticky-arrow.af-cta-arrow {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  right: 0;
}

.af-stock-icon {
  flex-shrink: 0;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  display: block;
  overflow: visible;
}

.af-stock-text {
  box-sizing: border-box;
  grid-column-gap: 10px;
  grid-row-gap: 6px;
  color: #6b7564;
  background-color: #f7f7f7;
  border-radius: 0 0 10px 10px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 35px;
  padding: 8px 12px;
  font-size: 12px;
  display: flex;
}

.af-benefits-card {
  background-color: #fdfffb;
  border: 1.2px solid #eef3ed;
  border-radius: 12px;
  flex-direction: column;
  width: 100%;
  max-width: 396px;
  margin-bottom: 20px;
  display: flex;
  overflow: hidden;
}

.af-qty-bubble-wrap {
  flex-direction: column;
  align-items: center;
  margin-top: 6px;
  animation-name: of-qty-bounce;
  animation-duration: 1.6s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  display: inline-flex;
  position: relative;
}

.bold-text-1788, .text-span-167 {
  color: #394133;
}

.text-span-168 {
  color: #394133ed;
  letter-spacing: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.af-stock-low {
  color: #394133;
  font-size: 12px;
  font-weight: 700;
}

.af-stock-ship {
  color: #394133bf;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.text-span-169 {
  letter-spacing: -.2px;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.text-span-170 {
  letter-spacing: 0;
  font-size: 13px;
}

.div-block-2571 {
  order: 0;
  display: flex;
}

.lottie-animation {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

.link-2 {
  color: #394133bf;
  text-underline-offset: 2px;
  text-decoration: underline;
}

.af-sticky-top {
  flex-direction: row;
  align-items: flex-start;
  column-gap: 12px;
  width: 100%;
  margin-bottom: 10px;
  display: flex;
}

.af-sticky-info {
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  row-gap: 4px;
  display: flex;
}

.af-sticky-stock-row {
  justify-content: center;
  align-items: center;
  column-gap: 6px;
  width: 100%;
  margin-top: 4px;
  display: flex;
}

.af-sticky-stock-row.af-bb {
  margin-top: 8px;
}

.div-block-2572 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  display: flex;
}

.af-sticky-cta-text {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 900;
  line-height: 18px;
}

.code-embed-14 {
  justify-content: flex-start;
  align-items: center;
  width: 66px;
  height: 42px;
  display: flex;
}

.lottie-animation-2 {
  width: 16px;
  min-width: 16px;
  height: 16px;
  display: flex;
}

.cta-text {
  font-size: 17px;
  font-weight: 900;
}

.text-span-171 {
  font-size: 15px;
}

.text-span-172 {
  font-size: 15px;
  font-weight: 700;
}

.text-span-173 {
  font-size: 15px;
}

.af-reviews-bold {
  color: #394133;
  font-weight: 700;
}

.bold-text-1789 {
  display: flex;
}

.span {
  letter-spacing: -.1px;
  font-family: Circular Std, Arial, sans-serif;
}

.bold-text-1790 {
  color: #d76d46;
}

.of-trust-cols-embed {
  width: 100%;
  max-width: none;
  display: block;
}

.af-qty-border-embed {
  z-index: 2;
  pointer-events: none;
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  display: block;
  position: absolute;
  inset: 0;
}

.af-qty-border-embed.af-qty-border-off {
  display: none;
}

.of-trust-full-embed {
  width: 100%;
  max-width: 393px;
  display: block;
}

.div-block-2573 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: center;
  align-items: center;
  padding-bottom: 8px;
  display: flex;
}

.af-trust-divider {
  background-color: #e9ede4;
  width: 328px;
  max-width: calc(100% - 65px);
  height: 1px;
  min-height: 1px;
  margin: 0 auto;
  display: block;
}

.of-brrr-sticky-stock {
  color: #d86d45;
  margin: 4px 0 0;
  font-size: 11px;
}

.af-hero-badge {
  z-index: 3;
  color: #fff;
  white-space: nowrap;
  background-color: #d86d45;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  padding: 6px 10px;
  font-size: 13px;
  font-weight: 700;
  line-height: 16px;
  display: none;
  position: absolute;
  top: 12px;
  right: 12px;
}

.af-hero-thumbs {
  flex-direction: row;
  gap: 4px;
  width: 100%;
  margin-top: 8px;
  display: none;
  overflow-x: auto;
}

.af-hero-thumb {
  object-fit: cover;
  border: 3px solid #9494943d;
  border-radius: 8px;
  width: 55px;
  min-width: 55px;
  height: 54px;
  overflow: hidden;
}

.af-hero-thumb.af-hero-thumb-active {
  border-color: #577d38;
}

.af-hero-nav {
  z-index: 2;
  cursor: pointer;
  width: 22px;
  height: 49px;
  margin-top: -24px;
  display: none;
  position: absolute;
  top: 50%;
}

.af-hero-nav.af-hero-nav-prev {
  left: 6px;
}

.af-hero-nav.af-hero-nav-next {
  right: 6px;
}

.af-sticky-drawer-hd {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 8px;
  display: none;
}

.af-sticky-drawer-title {
  color: #394133;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}

.of-sticky-drawer-panel {
  grid-row-gap: 8px;
  background-color: #f3f6f1;
  border-radius: 12px;
  flex-direction: column;
  width: 100%;
  margin-bottom: 8px;
  padding: 12px;
  display: none;
}

.af-sticky-chevron {
  background-color: #eef3ed;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  display: flex;
}

.af-sticky-drawer-row {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  display: flex;
}

.of-sticky-drawer-div {
  background-color: #eef3ed;
  width: 100%;
  height: 1px;
  margin-bottom: 10px;
  display: block;
}

.of-upsell-btn-text {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}

.of-upsell-copy {
  color: #31392b;
  letter-spacing: -.1px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.af-sticky-pricing {
  background-color: #fff;
  border: 1px solid #eef3ed;
  border-top-width: 1.2px;
  border-radius: 12px;
  flex-direction: column;
  width: 100%;
  margin-bottom: 12px;
  display: none;
  overflow: hidden;
}

.af-sticky-drawer-hd-inner {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.af-tab-component, .af-tabs-content {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.af-tab-pane {
  flex-direction: column;
  width: 100%;
  display: none;
}

.af-tab-pane.af-tab-pane-on {
  display: block;
}

.af-tab-title {
  text-align: center;
  letter-spacing: -.2px;
  white-space: nowrap;
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.1;
  display: block;
}

.af-tab-title.af-select {
  font-weight: 700;
}

.af-tab-pane-text {
  color: #394133e0;
  letter-spacing: -.14px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 16px;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 14.4px;
  font-weight: 500;
  line-height: 22px;
}

.af-help-drawer-overlay {
  opacity: 0;
  background-color: #31392b73;
  position: absolute;
  inset: 0;
}

.af-help-drawer-wrap {
  z-index: 10050;
  pointer-events: none;
  visibility: hidden;
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
  position: fixed;
  inset: 0;
}

.af-help-drawer {
  z-index: 1;
  background-color: #fff;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  width: 100%;
  max-width: 560px;
  max-height: 88vh;
  margin-left: auto;
  margin-right: auto;
  padding: 8px 16px 16px;
  position: relative;
  overflow: hidden auto;
}

.af-help-drawer-handle {
  background-color: #d8dfd2;
  border-radius: 999px;
  width: 40px;
  height: 4px;
  margin: 4px auto 12px;
}

.af-help-drawer-close {
  color: #454c3f;
  cursor: pointer;
  background-color: #e7ece4;
  border-radius: 999px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 31px;
  height: 31px;
  font-size: 22px;
  line-height: 1;
  display: flex;
}

.af-help-drawer-header {
  grid-column-gap: 12px;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 12px;
  display: flex;
}

.af-help-drawer-title {
  color: #31392b;
  letter-spacing: -.3px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.25;
}

.af-help-drawer-body {
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.af-help-drawer-option-title {
  color: #31392b;
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
}

.af-help-drawer-tag {
  color: #577d38;
  letter-spacing: .02em;
  text-transform: uppercase;
  background-color: #eef4e8;
  border-radius: 6px;
  margin-bottom: 8px;
  padding: 3px 8px;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
}

.af-help-drawer-option-text {
  color: #454c3fe0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
}

.af-help-drawer-option {
  text-align: left;
  cursor: pointer;
  width: 100%;
  color: inherit;
  background-color: #fff;
  border: 1px solid #e3e8dc;
  border-radius: 12px;
  flex-direction: column;
  align-items: flex-start;
  padding: 14px;
  text-decoration: none;
  display: flex;
}

.af-li13-page {
  color: #31392b;
  background-color: #fafcf8;
  overflow: hidden;
}

.af-li13-top {
  z-index: 999;
  position: sticky;
  top: 0;
}

.af-li13-announce {
  background-color: #394c2c;
  justify-content: center;
  align-items: center;
  height: 33px;
  display: flex;
}

.af-li13-announce-txt {
  color: #fff;
  letter-spacing: .6px;
  margin: 0;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 13px;
  display: none;
}

.af-li13-progress {
  background-color: #fcfefc;
  align-items: center;
  height: 39px;
  display: flex;
  box-shadow: 0 4px 12px #0000000f;
}

.af-li13-progress-in {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  position: relative;
}

.af-li13-segs {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: center;
  display: flex;
}

.af-li13-seg {
  background-color: #e4eae0;
  border-radius: 60px;
  width: 20px;
  height: 6px;
  display: block;
}

.af-li13-seg.is-on {
  background-color: #577d38;
}

.af-li13-count {
  background-color: #fff;
  border: 1px solid #f3f6f0;
  border-radius: 60px;
  justify-content: center;
  align-items: center;
  height: 30px;
  padding: 0 12px;
  font-family: Circular Std, Gilroy, sans-serif;
  font-size: 14px;
  display: flex;
  position: absolute;
  right: 20px;
}

.af-li13-count-c {
  color: #31392b;
}

.af-li13-count-t {
  color: #31392b8c;
}

.af-li13-wrap {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 50px;
}

.af-li13-hero {
  padding: 36px 0 64px;
}

.af-li13-hero-grid {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.06fr);
  align-items: start;
  display: grid;
}

.af-li13-meta {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: center;
  margin-bottom: 26px;
  display: flex;
}

.af-li13-badge {
  color: #fff;
  letter-spacing: .4px;
  background-color: #394c2c;
  border-radius: 6px;
  padding: 8px 10px 6px;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
}

.af-li13-date {
  color: #31392bd6;
  letter-spacing: 0;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.af-li13-h1 {
  color: #31392b;
  letter-spacing: -.72px;
  text-transform: capitalize;
  max-width: 701px;
  margin: 0 0 20px;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 42px;
}

.af-li13-acc {
  color: #567240;
}

.af-li13-author {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}

.af-li13-avatar {
  background-image: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/6a452a073d9c0d53d7d0318a_hf-stride-video-2.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 50%;
  flex: none;
  width: 46px;
  min-width: 46px;
  height: 46px;
}

.af-li13-aname {
  color: #253319;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 14px;
  line-height: 21px;
}

.af-li13-atag {
  color: #31392b;
  text-align: center;
  background-color: #eef3ea;
  border-radius: 6px;
  width: 160px;
  margin-top: 5px;
  padding: 2px 6px;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 21px;
  display: inline-block;
}

.af-li13-lede {
  color: #31392bf0;
  max-width: 596px;
  margin: 0 0 28px;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 28px;
}

.af-li13-ctarow {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  flex-flow: row;
  align-items: center;
  width: 100%;
  display: flex;
}

.af-li13-cta {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  color: #fff;
  letter-spacing: .19px;
  background-color: #577d38;
  border: 2.44px solid #537439cc;
  border-radius: 60px;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  width: 290px;
  min-width: 0;
  height: 56px;
  padding: 0 10px 0 26px;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  display: inline-flex;
  position: relative;
}

.af-li13-cta-icn {
  background-color: #f8f2e21a;
  border-radius: 100px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.af-li13-see {
  opacity: .75;
  color: #394133;
  text-underline-offset: 2px;
  width: 100%;
  font-family: Figtree, sans-serif;
  font-size: 16px;
  font-weight: 600;
  -webkit-text-decoration: underline #39413357;
  text-decoration: underline #39413357;
  text-decoration-thickness: 1px;
}

.af-li13-hero-r {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  display: grid;
}

.af-li13-vcard {
  aspect-ratio: 337 / 470;
  background-image: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/6a452a0723f5cb9d737ad016_hf-stride-video-4.png");
  background-position: 0 0;
  background-size: cover;
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.af-li13-play {
  z-index: 2;
  background-color: #272d22bf;
  border-radius: 60px;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 2px #0000001f;
}

.af-li13-offer {
  grid-column: 1 / -1;
  padding: 60px 0 120px;
}

.af-li13-owrap {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 20px;
}

.af-li13-odash {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Crect width='100%25' height='100%25' fill='none' rx='28' ry='28' stroke='rgba(68%2C76%2C49%2C0.18)' stroke-width='4' stroke-dasharray='8 8'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-radius: 28px;
  padding: 16px;
}

.af-li13-ocard {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #f3f6f1;
  border-radius: 22px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 1.1fr;
  align-items: center;
  padding: 24px 48px;
  display: grid;
}

.af-li13-oimg {
  background-image: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/6a452a06fa20843420737bfe_hf-stride-hero-shoe.png");
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  height: 320px;
  display: flex;
  position: relative;
}

.af-li13-ocircle {
  background-color: #ecf5ec;
  background-image: none;
  border-radius: 250px;
  width: 280px;
  height: 277px;
  display: block;
}

.af-li13-oprod {
  background-image: linear-gradient(140deg, #d9e3cd, #b3c49e);
  border-radius: 30px;
  width: 72%;
  height: 52%;
  position: absolute;
  top: 26%;
  left: 9%;
  box-shadow: 0 24px 40px #31392b2e;
}

.af-li13-orev {
  background-color: #fff;
  border-radius: 12px;
  max-width: 487px;
  margin-top: 10px;
  padding: 16px 20px;
}

.af-li13-stars {
  color: #577d38;
  letter-spacing: 3px;
  margin-bottom: 6px;
  font-size: 18px;
  display: block;
}

.af-li13-orev-txt {
  color: #31392bd9;
  margin: 0;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}

.af-li13-oright {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.af-li13-odeco {
  justify-content: space-between;
  width: 100%;
  max-width: 420px;
  margin-bottom: 14px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.af-li13-odeco-l {
  background-color: #444c3138;
  border-radius: 2px;
  width: 96px;
  height: 2px;
  display: block;
}

.af-li13-oh {
  color: #31392b;
  letter-spacing: -.72px;
  text-transform: capitalize;
  max-width: 509px;
  margin: 0;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 44px;
}

.af-li13-oh-acc {
  color: #567240;
}

.af-li13-cta2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #fff;
  letter-spacing: .23px;
  background-color: #577d38;
  border: 2.44px solid #537439cc;
  border-radius: 60px;
  justify-content: center;
  align-items: center;
  width: 310px;
  min-width: 0;
  height: 60px;
  padding: 0 12px 0 30px;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  display: inline-flex;
}

.af-li13-cta2-icn {
  background-color: #f8f2e21a;
  border-radius: 100px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  display: flex;
}

.af-li13-stock {
  font-family: Circular Std, Gilroy, sans-serif;
  font-size: 15px;
}

.af-li13-stock-low {
  color: #b0534a;
  font-weight: 500;
}

.af-li13-stock-fs {
  color: #31392be6;
}

.af-li13-reasons {
  padding: 10px 0 40px;
}

.af-li13-rwrap {
  grid-column-gap: 55px;
  grid-template-columns: 10px minmax(0, 1fr);
  align-items: stretch;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 50px;
  display: grid;
  position: relative;
}

.af-li13-rail {
  background-color: #e4eae0;
  border-radius: 60px;
  grid-area: 1 / 1 / span 11;
  width: 100%;
  margin-top: 90px;
  margin-bottom: 40px;
  display: block;
  position: relative;
}

.af-li13-reason {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  background-image: repeating-linear-gradient(90deg, #d4dccf 0 7px, #0000 7px 14px);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 1.44px;
  grid-column: 2;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
  align-items: center;
  padding: 32px 0;
  display: grid;
  position: relative;
}

.af-li13-dot {
  background-color: #577d38;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  display: none;
  position: absolute;
  top: 96px;
  left: -10px;
  box-shadow: 0 0 0 5px #889e7852;
}

.af-li13-dot-off {
  box-shadow: none;
  background-color: #c9d4c2;
}

.af-li13-rhead {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.af-li13-num {
  color: #567240;
  letter-spacing: -.72px;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 38px;
  font-weight: 700;
  line-height: 52px;
}

.af-li13-rpill {
  color: #31392ba6;
  letter-spacing: -.72px;
  text-transform: capitalize;
  border: 1.3px solid #444c311f;
  border-radius: 60px;
  align-items: center;
  height: 38px;
  padding: 0 18px;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  display: inline-flex;
}

.af-li13-h2 {
  color: #31392b;
  letter-spacing: -.72px;
  text-transform: capitalize;
  max-width: 617px;
  margin: 0 0 16px;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 40px;
}

.af-li13-copy {
  color: #31392bf0;
  max-width: 544px;
  margin: 0;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 28px;
}

.af-li13-rmedia {
  aspect-ratio: 693 / 503;
  background-image: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/6a452a07c4d2978b5af29d12_hf-stride-video-1.png");
  background-position: 50%;
  background-size: cover;
  border: 2px #fff;
  border-radius: 14px;
  width: 100%;
  position: relative;
}

.af-li13-rmedia.li13-fade {
  background-size: cover;
}

.af-li13-play2 {
  background-color: #272d22bf;
  border-radius: 60px;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 2px #0000001f;
}

.af-li13-fade {
  opacity: .55;
  transition: opacity .45s;
}

.af-li13-verified {
  vertical-align: middle;
  background-color: #1d9bf0;
  border-radius: 100px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  display: inline-flex;
}

.af-li13-mute {
  z-index: 2;
  background-color: #272d228c;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  display: flex;
  position: absolute;
  top: 12px;
  right: 12px;
}

.af-li13-stars-svg {
  grid-column-gap: 4px;
  margin-bottom: 8px;
  display: flex;
}

.af-li13-oprice {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: baseline;
  margin-top: 14px;
  margin-bottom: 18px;
  display: flex;
}

.af-li13-oprice-new {
  color: #31392b;
  font-family: Circular Std, sans-serif;
  font-size: 26px;
  font-weight: 700;
}

.af-li13-oprice-old {
  color: #31392b73;
  font-family: Circular Std, sans-serif;
  font-size: 17px;
  text-decoration: line-through;
}

.af-li13-osave {
  color: #577d38;
  letter-spacing: .4px;
  background-color: #eef3ea;
  border-radius: 100px;
  padding: 4px 10px;
  font-family: Circular Std, sans-serif;
  font-size: 12px;
  font-weight: 700;
}

.af-li13-orating {
  grid-column-gap: 8px;
  color: #31392bb3;
  justify-content: center;
  align-items: center;
  margin-top: 12px;
  font-family: Circular Std, sans-serif;
  font-size: 13px;
  font-weight: 500;
  display: flex;
}

.af-li13-orating-stars {
  grid-column-gap: 2px;
  display: flex;
}

.af-li13-otrust {
  grid-column-gap: 18px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 16px;
  display: flex;
}

.af-li13-otrust-item {
  grid-column-gap: 6px;
  color: #31392bbf;
  align-items: center;
  font-family: Circular Std, sans-serif;
  font-size: 13px;
  font-weight: 500;
  display: flex;
}

.af-li13-otrust-icn {
  background-color: #eef3ea;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.af-li13-verified2 {
  vertical-align: middle;
  flex-shrink: 0;
  width: 17px;
  height: 17px;
  margin-left: 4px;
  display: inline-flex;
}

.af-li13-mute2 {
  z-index: 2;
  background-color: #272d22bf;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
  position: absolute;
  top: 14px;
  right: 14px;
}

.af-li13-tilestars {
  grid-column-gap: 3px;
  margin-bottom: 8px;
  display: flex;
}

.af-li13-orating2 {
  grid-column-gap: 8px;
  color: #31392bb3;
  justify-content: center;
  align-items: center;
  margin-top: 12px;
  font-family: Circular Std, sans-serif;
  font-size: 13px;
  font-weight: 500;
  display: flex;
}

.af-li13-orating2-stars {
  grid-column-gap: 3px;
  display: flex;
}

.div-block-2576 {
  flex-flow: column;
  display: flex;
}

.div-block-2577 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  display: flex;
}

.af-li13-moffer {
  background-color: #f6f9f5;
  border: 1px solid #eef0ea;
  border-radius: 20px;
  flex-wrap: wrap;
  grid-column: 2;
  justify-content: space-between;
  align-items: center;
  gap: 18px 28px;
  padding: 26px 30px;
  display: flex;
}

.af-li13-moffer-txt {
  grid-row-gap: 10px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.af-li13-moffer-h {
  color: #31392b;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
}

.af-li13-moffer-act {
  grid-row-gap: 10px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.af-li13-offer-final {
  position: relative;
}

.container-1755 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.lucker-wrap-2 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-width: 380px;
  padding-top: 6px;
  padding-bottom: 10px;
  display: flex;
  position: relative;
  top: -.35rem;
}

.lucker-wrap-2._2 {
  background-color: #f2f4e900;
}

.div-block-2609 {
  background-color: #f2f3ee;
  border-radius: 10px;
  margin-bottom: 4px;
  padding: 8px;
}

.text-417 {
  color: #444c31;
  letter-spacing: -.01em;
  justify-content: flex-end;
  align-self: center;
  align-items: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 800;
  line-height: 19.89px;
  text-decoration: none;
  display: flex;
}

.af-shipping__fill-2 {
  background-color: #548125;
  width: 75%;
  height: 100%;
  transition: width .8s;
  display: flex;
  position: relative;
}

.text-415 {
  color: #344a23d9;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
}

.text-415.authority {
  color: #273c17c9;
}

.pair-circle-4 {
  color: #273c17;
  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;
}

.pair-circle-4.is-active {
  color: #fff;
  background-color: #3f631a;
  flex: none;
}

.pb-booster {
  color: #000;
  letter-spacing: -.02em;
  background-color: #f7f7f7;
  border-radius: 4px;
  font-size: clamp(.625rem, 3vw, .875rem);
}

.pb-booster.cc-blank {
  background-color: #f7f7f700;
  border-radius: 0;
  align-self: center;
  width: 90%;
}

.af-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%;
}

.progressss-5 {
  font-size: .725rem;
  font-weight: 700;
  line-height: 1;
  display: flex;
  position: relative;
  top: -1px;
}

.selector-label-3 {
  color: #454c31;
  letter-spacing: -.02em;
  font-family: Figtree, sans-serif;
  font-size: .725rem;
  font-weight: 600;
}

.summary-row {
  justify-content: space-between;
  font-size: 14px;
  display: flex;
}

.summary-row.cc-light {
  color: #3e6c18;
}

.background-21 {
  background-color: #d0ebc2de;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 6px;
  padding-bottom: 6px;
  text-decoration: none;
  display: flex;
}

.container-1754 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.os-slot_card-2 {
  height: 95px;
  min-height: 95px;
  max-height: 95px;
  box-shadow: none;
  color: #273c17;
  letter-spacing: -.03em;
  background-color: #fff;
  border: 1.4px solid #ececec;
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  font-size: 1rem;
  transition: background-color .2s;
  display: none;
  position: relative;
  overflow: hidden;
}

.os-slot_card-2.os--active {
  box-shadow: none;
  outline-offset: 0px;
  background-color: #fff;
  border: 1.4px #eef0ee;
  outline: 1.4px #d3ddd3;
  display: flex;
}

.pb-modal_header-2 {
  border-bottom: .5px solid #eee;
  justify-content: space-between;
  align-items: center;
  min-height: 2.5rem;
  padding: .5rem 1rem;
  display: flex;
}

.grid_shoes-3 {
  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;
}

.div-block-2607 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.div-block-2607.new {
  background-color: #f2f4e900;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: none;
}

.swiper__button-3 {
  color: #273c17;
  cursor: pointer;
  background-color: #4b782600;
  border: 2px solid #273c17;
  transition: box-shadow .2s, color .2s, border-color .2s, transform .2s;
}

.swiper__button-3:active {
  transform: scale(.92);
}

.swiper__button-3.swiper__button--next {
  z-index: 1;
  transform-origin: 50%;
  background-color: #fff;
  border: 1px solid #0000001f;
  border-radius: 17%;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  position: absolute;
  inset: 50% 1.25rem auto auto;
  transform: translate(0, -50%);
  box-shadow: 0 0 1rem #1d4ed800;
}

.swiper__button-3.swiper__button--next:hover {
  border-color: #0000001f;
}

.swiper__button-3.swiper__button--next:active {
  box-shadow: 0 0 1rem #2a255236;
}

.swiper__button-3.swiper__button--prev {
  z-index: 1;
  transform-origin: 50%;
  color: #273c17;
  background-color: #fff;
  border: 1px solid #0000001f;
  border-radius: 17%;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  position: absolute;
  inset: 50% auto auto 1.2rem;
  transform: translate(0, -50%);
  box-shadow: 0 0 1rem #1d4ed800;
}

.swiper__button-3.swiper__button--prev:hover {
  border-color: #0000001f;
}

.swiper__button-3.swiper__button--prev:active {
  box-shadow: 0 0 1rem #2a255236;
}

.c_features-text-2 {
  color: #25400fe6;
  margin-bottom: 0;
  padding-left: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}

.swiper-button_icon-4 {
  justify-content: center;
  align-items: center;
  width: 1.2rem;
  height: 1.2rem;
  display: flex;
}

.frame-1484580682 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-top: 7px;
  padding-bottom: 7px;
  text-decoration: none;
  display: flex;
}

.pb-component__fe1--badge {
  color: #3b5328;
  letter-spacing: 0;
  background-color: #bee0b1;
  border-radius: 4px;
  padding: .25rem .5rem;
  font-size: .8rem;
  font-weight: 700;
  line-height: 1;
}

.u-text-no-wrap-3 {
  color: #273c17e6;
  white-space: nowrap;
  font-size: 13.4px;
  font-weight: 500;
}

.image-465 {
  width: 100%;
  max-width: 100%;
}

.swiper-slide_image-wrap-2 {
  aspect-ratio: auto;
  object-fit: cover;
  background-color: #f3f6f0;
  border-right: 1px dashed #25400f1f;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: visible;
}

.booster__wrapper-2 {
  pointer-events: none;
  padding: 0 1rem;
}

.booster__wrapper-2.cc-0 {
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.step-middless-4 {
  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-4.os-active {
  color: #273c17;
  font-weight: 600;
}

.step-middless-4.os-peding {
  color: #344a23;
}

.flavor_card-image {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
}

.price-summaries {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-flow: column;
  padding-bottom: 5px;
  display: flex;
}

.text-span-231 {
  font-weight: 700;
}

.margin-5 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 8px;
  text-decoration: none;
  display: flex;
}

.slider_component-2 {
  position: relative;
}

.slider_component-2.is-sw20 {
  height: 70%;
}

.os-card__content-3 {
  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;
  position: relative;
}

.af-swiper-imgwrap-2 {
  aspect-ratio: 3 / 2;
  background-color: #f8f8f8;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.af-swiper-imgwrap-2.af-is-hero-b {
  background-color: #f3f6f0;
  padding: 4rem;
}

.text-add-4 {
  font-size: 1rem;
  font-weight: 600;
}

.os-card__variant-label-link-2 {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  color: #273c17;
  align-items: center;
  font-size: .785rem;
  font-weight: 700;
  display: flex;
}

.cc-summary-title-3 {
  font-weight: 700;
}

.review_divider-2 {
  border-left: 1px solid #c7c7c7;
  padding-left: .6em;
}

.c_features-item {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 1rem;
  display: flex;
}

.c_features-item.text-black.mb-30 {
  margin-bottom: 0;
}

.cart2_back-icon-2 {
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
}

.cart2_back-icon-2.v1 {
  color: #344a23;
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  min-height: 1.5rem;
  font-weight: 700;
}

.c_features {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-top: 1rem;
  padding-bottom: 0;
  display: grid;
}

.text-418 {
  color: #385030;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
}

.pb-quantity__media-3 {
  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-3.pb--large {
  aspect-ratio: 1;
  background-color: #ecf1ec00;
  flex: none;
  width: 95px;
  min-width: 95px;
  max-width: none;
  height: 95px;
  min-height: 95px;
  max-height: none;
  padding: 0;
}

.text-block-948 {
  color: #454c31;
  align-self: center;
  font-size: 14px;
  font-weight: 500;
}

.c_divider-text-3 {
  color: #273c17e6;
  text-align: center;
  white-space: nowrap;
  width: auto;
  margin-left: 12px;
  margin-right: 12px;
  font-size: .85rem;
  font-weight: 700;
  line-height: 24px;
}

.text-block-943 {
  font-family: Figtree, sans-serif;
  font-size: .9rem;
}

.input-flds-3 {
  letter-spacing: 0;
  background-color: #fff;
  border: .5px solid #afafaf;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 3.5rem;
  margin-bottom: 0;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 1rem;
  transition-property: box-shadow;
  transition-duration: .12s;
  transition-timing-function: ease;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #2b392040;
  border: .5px solid #afafaf !important;
}

.input-flds-3:hover {
  background-color: #fdfdfd;
}

.input-flds-3:focus {
  z-index: 10;
  border: 1px solid #000;
}

.input-flds-3.select-field {
  color: #273c17;
  letter-spacing: -.02em;
  cursor: pointer;
  background-color: #fff;
  height: 2.5rem;
  padding: 0 2rem 0 12px;
  font-size: .8725rem;
  font-weight: 600;
}

.quiz_review-2 {
  color: #fff;
  text-align: left;
  background-color: #2b3920;
  justify-content: center;
  align-items: center;
  height: 30px;
  display: flex;
}

.quiz_review-2._2 {
  background-color: #2b3921;
}

.c_features-info {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  display: flex;
}

.review_stars-wrapper-4 {
  color: #ffb700;
  align-items: center;
  display: flex;
}

.c_features-title-3 {
  color: #454c31;
  margin-bottom: 0;
  padding-left: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.swiper__image-2 {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
}

.swiper__image-2.af-mw70-b {
  max-width: 580px;
  height: auto;
  max-height: none;
}

.locker-wrap-2 {
  z-index: 1;
  color: #344a2340;
  border: 2px solid #344a2340;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-left: 4px;
  margin-right: 4px;
  display: flex;
  position: relative;
}

.locker-wrap-2.is-inactive {
  color: #d0d5dd;
  border-color: #d0d5dd;
}

.locker-wrap-2.is-inactive.active {
  color: #fff;
  background-color: #273c17;
  border-style: none;
  border-radius: 4px;
  box-shadow: 0 0 0 5px #4164253b;
}

.locker-wrap-2.is-inactive.active._2 {
  box-shadow: none;
  border-style: none;
  border-radius: 4px;
}

.locker-wrap-2.active {
  color: #fff;
  background-color: #273c17;
  border-style: none;
  border-radius: 4px;
  box-shadow: 0 0 0 5px #4164253b;
}

.locker-wrap-2.active._2 {
  box-shadow: none;
  border-style: none;
  border-radius: 4px;
}

.pb-component__stack {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  display: flex;
}

.price_flex {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  display: flex;
}

.pb-component__fe1--price {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.os-card__wrapper-3 {
  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-3.pb--0 {
  background-color: #fff;
  border-radius: 6px;
  height: 95px;
  padding: 0 1rem 0 .75rem;
  overflow: clip;
}

.text-420 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  text-decoration: none;
}

.text-span-230 {
  font-weight: 600;
}

.custom-code-2 {
  display: none;
}

.swiper-wrapper-2 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
}

.swiper-wrapper-2.sw20 {
  height: 100%;
}

.button-text-16 {
  margin-left: 0;
  margin-right: 0;
  font-size: 1.04rem;
  font-weight: 800;
}

.button-text-16.new {
  font-size: 1.2rem;
  font-weight: 700;
}

.locker-bar-2 {
  background-color: #344a2333;
  border-radius: 100px;
  flex: 1;
  height: 2px;
}

.locker-bar-2.os-active {
  background-color: #273c17;
}

.pb-modal_button-2 {
  background-color: #f0f0f0;
  border-radius: 20px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  min-width: 2.5rem;
  height: 2.5rem;
  min-height: 2.5rem;
  display: flex;
}

.div-block-2611 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-direction: column;
  align-items: center;
  display: block;
}

.div-block-2611.new {
  background-color: #f2f4e900;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

.pageblock-component-wrapper-2 {
  justify-content: center;
  align-items: center;
  height: 0;
  display: flex;
  position: relative;
}

.swiper-slide-2 {
  z-index: 1;
  text-align: left;
  place-content: center;
  align-items: center;
  display: block;
  position: relative;
}

.swiper-slide-2.sw20 {
  height: 100%;
}

.text-419 {
  color: #25400fb3;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-decoration: none;
}

.booster__content {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  pointer-events: auto;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.booster__content.flex-left {
  grid-column-gap: .1rem;
  grid-row-gap: .1rem;
  flex: 1;
  align-self: center;
  align-items: center;
  display: flex;
}

.booster__content.flex-left.gap-md {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}

.booster__content.cc-center {
  grid-column-gap: .6rem;
  grid-row-gap: .6rem;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
}

.reviews {
  font-size: .9rem;
  font-weight: 500;
}

.pb-component__fe1--text {
  flex: 1;
}

.swiper-2 {
  width: 100%;
  display: flex;
  overflow: hidden;
}

.swiper-2.is-sw20 {
  height: 100%;
}

.footer_legal-link-2 {
  color: #fff;
  font-weight: 600;
  text-decoration: underline;
}

.text-416 {
  color: #244708b3;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
}

.select-pairs-3 {
  color: #444c31;
  font-size: 1rem;
  font-weight: 600;
}

.select-pairs-3._2 {
  font-family: Figtree, sans-serif;
  font-weight: 700;
}

.c_features-image-container {
  width: 52px;
  min-width: 52px;
  height: 52px;
  min-height: 52px;
  margin-right: 1rem;
}

.text-save-3 {
  color: #25400fe6;
  font-size: .785rem;
  font-weight: 500;
}

.image-468 {
  opacity: 1;
  width: 6px;
}

.text-2xs-3 {
  color: #3b5328;
  text-align: justify;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.4em;
  text-decoration: none;
}

.text-2xs-3._2 {
  color: #3b5328bf;
  text-align: right;
  font-size: .8rem;
  font-weight: 600;
  text-decoration: line-through;
}

.pb-modal-3 {
  z-index: 2147483647;
  opacity: 0;
  visibility: hidden;
  background-color: #fff;
  border-radius: 8px;
  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%;
}

.review_component-star-4 {
  color: #f9bc4b;
  width: 1.2rem;
  height: 1.2rem;
}

.review_component-star-4.cc-height {
  width: auto;
  height: 18px;
  display: block;
}

.review_component-star-4.cc-height._2 {
  display: none;
}

.c_features-image-block {
  object-fit: fill;
  border-radius: 0%;
  width: 80%;
  min-width: auto;
  max-width: none;
  height: 80%;
  min-height: auto;
}

.swiper10__thumbnails-2 {
  z-index: 2;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
  position: absolute;
  inset: 240px 0% 0%;
}

.af-shipping__track-2 {
  object-fit: fill;
  background-color: #fff;
  border: 1px #e1e7eea8;
  border-radius: 100px;
  width: 100%;
  height: 14px;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  overflow: hidden;
}

.div-block-2606 {
  display: none;
}

.caret-down-3 {
  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%;
}

.frame-1484580684 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 31.4167px;
  text-decoration: none;
  display: flex;
}

.text-block-947 {
  font-family: Figtree, sans-serif;
  font-size: .9rem;
}

.over-26-people-have-this-in-their-carts-now-3 {
  color: #25400fb3;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  text-decoration: none;
}

.pb-component__fe1--image {
  background-color: #f9fff5;
  border-right: 1px #eed8c4;
  border-top-left-radius: 8px;
  width: 5rem;
  max-width: 5rem;
  padding: .25rem;
}

.u-font-bold-4 {
  color: #fff;
  font-size: .9rem;
  font-weight: 700;
}

.button-107 {
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  background-color: #548125;
  border: 2px solid #537439cc;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 4.5rem;
  padding: .75rem 2rem 1rem;
  font-size: 1.25rem;
  font-weight: 700;
  text-decoration: none;
  transition: border .12s;
  display: flex;
  position: relative;
}

.button-107:hover {
  background-color: #577d38;
}

.pb-component__icon {
  color: #537f24;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  display: flex;
}

.clock-badge-2 {
  color: #a32428de;
  background-color: #f8e5e6;
  border-radius: 8px;
  padding-left: .5rem;
  padding-right: .5rem;
  font-weight: 600;
  display: inline-flex;
}

.clock-badge-2.white {
  color: #a32428de;
  background-color: #a3242824;
  border-radius: 6px;
  padding-left: .5rem;
  padding-right: .5rem;
  font-weight: 700;
}

.review_component-wrapper-3 {
  grid-column-gap: .6em;
  grid-row-gap: .6em;
  align-items: center;
  display: flex;
}

.text-block-944 {
  color: #273c17e6;
  font-size: 13.4px;
  font-weight: 500;
}

.cta1_button-content-5 {
  grid-column-gap: .5rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-weight: 900;
  display: flex;
}

.text-block-945 {
  font-size: .9rem;
  font-weight: 500;
}

.button-108 {
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  background-color: #517c2e;
  border: 2px solid #57882e;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 4.5rem;
  padding: 1rem 2rem;
  font-size: 1.25rem;
  font-weight: 700;
  text-decoration: none;
  transition: background-color .12s, border .12s;
  display: flex;
  position: relative;
}

.button-108:hover {
  background-color: #57882e;
}

.button-108.is-slot {
  color: #fff;
  background-color: #444c31;
  border: 1px #444c31;
  width: auto;
  min-height: 0;
  padding: .44rem .9rem;
  font-size: .825rem;
}

.container-1756 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.over-26-people-have-this-in-their-carts-now-5 {
  color: #25400fb3;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  text-decoration: none;
}

.background-22 {
  background-color: #3e6c18;
  border-radius: 10px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 20px;
  min-width: 20px;
  height: 20px;
  padding: 3.5px 8.39px 4.5px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: -10px;
  left: 14px;
}

.container-1753 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-right: 10px;
  text-decoration: none;
  display: flex;
}

.container-1737 {
  z-index: 1;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  display: block;
  position: relative;
}

.container-1737.cc-full {
  max-width: none;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.cs-components {
  flex-flow: column;
  width: 100%;
  min-width: 420px;
  max-width: 420px;
  display: flex;
}

.c_features-item-wrapper {
  width: 100%;
  display: flex;
}

.group-1000010300 {
  object-fit: cover;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 28px;
  max-width: 100%;
  height: 28px;
  text-decoration: none;
  display: flex;
}

.summary-price-3 {
  font-weight: 600;
}

.summary-price-3.cc-compare {
  color: gray;
  font-weight: 500;
  text-decoration: line-through;
}

.summary-price-3._2 {
  color: #161816f0;
  background-color: #f1d744;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 12px;
  font-weight: 700;
  display: flex;
}

.button-backss-2 {
  color: #273c17;
  background-color: #edf4e8;
  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-2.v1 {
  background-color: #eff5dd;
  width: 2.5rem;
  height: 2.5rem;
}

.button-backss-2.v1.test {
  display: none;
}

.text-block-946 {
  color: #344a23b3;
  font-weight: 600;
  text-decoration: underline;
}

.progressss-4 {
  font-size: .725rem;
  font-weight: 700;
  line-height: 1;
  display: flex;
  position: relative;
  top: -1px;
}

.progressss-4.is-active {
  display: flex;
}

.step-middless-2 {
  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-2.os-active {
  color: #273c17;
  font-weight: 600;
}

.step-middless-2.os-peding {
  color: #344a23;
}

.pb-component__fe1--content {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  padding: .785rem 1rem;
  display: flex;
}

.list-person-item {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 0;
  display: flex;
}

.list-person-item.text-black.mb-30 {
  margin-bottom: 0;
}

.swiper8__thumbnail-image-2 {
  object-fit: cover;
  border-radius: 5px;
  width: 100%;
  max-width: 100%;
  height: 100%;
}

.text-xs-3 {
  font-size: .875rem;
  line-height: 1.4em;
}

.text-xs-3.u-font-bold.u-text-no-wrap-3 {
  color: #3b5328;
  font-size: .9rem;
}

.pb-quantity__image-3 {
  z-index: 1;
  pointer-events: auto;
  object-fit: contain;
  width: 75%;
  max-width: none;
  height: 100%;
  display: block;
  position: relative;
}

.pb-quantity__image-3.card {
  opacity: 1;
  width: 100%;
}

.pb-quantity__image-3.card.test {
  width: 80%;
}

.current-steps-2 {
  justify-content: center;
  align-items: center;
  width: .65rem;
  height: .65rem;
  display: flex;
}

.pb-component__fe1 {
  background-color: #f9fff5;
  border: 1.4px dashed #96a789;
  border-radius: 8px;
  min-width: 365px;
  padding: 0;
  display: flex;
}

.svg-6 {
  object-fit: cover;
  max-width: 100%;
}

.component-2 {
  height: 100%;
  position: relative;
}

.component-2.is-sw20 {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.pb-modal_title-2 {
  color: #2f3523;
  font-family: Figtree, sans-serif;
  font-weight: 700;
}

.footer1__credit-text-2 {
  font-weight: 600;
  display: flex;
}

.frame-1484580683 {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.div-block-2610 {
  letter-spacing: -.14px;
  width: 100%;
}

.container-1757 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.lucker-wrap-3 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-width: 380px;
  padding-top: 6px;
  padding-bottom: 10px;
  display: flex;
  position: relative;
  top: -.35rem;
}

.lucker-wrap-3._2 {
  background-color: #f2f4e900;
}

.div-block-2613 {
  background-color: #f2f3ee;
  border-radius: 10px;
  margin-bottom: 4px;
  padding: 8px;
}

.text-421 {
  color: #344a23d9;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
}

.text-421.authority {
  color: #273c17c9;
}

.progressss-6 {
  font-size: .725rem;
  font-weight: 700;
  line-height: 1;
  display: flex;
  position: relative;
  top: -1px;
}

.container-1748 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.background-23 {
  background-color: #d0ebc2de;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 6px;
  padding-bottom: 6px;
  text-decoration: none;
  display: flex;
}

.container-1758 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.os-slot_card-3 {
  height: 95px;
  min-height: 95px;
  max-height: 95px;
  box-shadow: none;
  color: #273c17;
  letter-spacing: -.03em;
  background-color: #fff;
  border: 1.4px solid #ececec;
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  font-size: 1rem;
  transition: background-color .2s;
  display: none;
  position: relative;
  overflow: hidden;
}

.os-slot_card-3.os--active {
  box-shadow: none;
  outline-offset: 0px;
  background-color: #fff;
  border: 1.4px #eef0ee;
  outline: 1.4px #d3ddd3;
  display: flex;
}

.pb-modal_header-3 {
  border-bottom: .5px solid #eee;
  justify-content: space-between;
  align-items: center;
  min-height: 2.5rem;
  padding: .5rem 1rem;
  display: flex;
}

.div-block-2614 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.div-block-2614.new {
  background-color: #f2f4e900;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: none;
}

.swiper__button-4 {
  color: #273c17;
  cursor: pointer;
  background-color: #4b782600;
  border: 2px solid #273c17;
  transition: box-shadow .2s, color .2s, border-color .2s, transform .2s;
}

.swiper__button-4:active {
  transform: scale(.92);
}

.swiper__button-4.swiper__button--next {
  z-index: 1;
  transform-origin: 50%;
  background-color: #fff;
  border: 1px solid #0000001f;
  border-radius: 17%;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  position: absolute;
  inset: 50% 1.25rem auto auto;
  transform: translate(0, -50%);
  box-shadow: 0 0 1rem #1d4ed800;
}

.swiper__button-4.swiper__button--next:hover {
  border-color: #0000001f;
}

.swiper__button-4.swiper__button--next:active {
  box-shadow: 0 0 1rem #2a255236;
}

.swiper__button-4.swiper__button--prev {
  z-index: 1;
  transform-origin: 50%;
  color: #273c17;
  background-color: #fff;
  border: 1px solid #0000001f;
  border-radius: 17%;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  position: absolute;
  inset: 50% auto auto 1.2rem;
  transform: translate(0, -50%);
  box-shadow: 0 0 1rem #1d4ed800;
}

.swiper__button-4.swiper__button--prev:hover {
  border-color: #0000001f;
}

.swiper__button-4.swiper__button--prev:active {
  box-shadow: 0 0 1rem #2a255236;
}

.frame-1484580685 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-top: 7px;
  padding-bottom: 7px;
  text-decoration: none;
  display: flex;
}

.u-text-no-wrap-4 {
  color: #273c17e6;
  white-space: nowrap;
  font-size: 13.4px;
  font-weight: 500;
}

.image-469 {
  width: 100%;
  max-width: 100%;
}

.step-middless-5 {
  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-5.os-active {
  color: #273c17;
  font-weight: 600;
}

.step-middless-5.os-peding {
  color: #344a23;
}

.text-span-232 {
  font-weight: 700;
}

.margin-6 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 8px;
  text-decoration: none;
  display: flex;
}

.slider_component-3 {
  position: relative;
}

.slider_component-3.is-sw20 {
  height: 70%;
}

.swiper-slide__image-wrap-3 {
  aspect-ratio: 3 / 2;
  background-color: #f8f8f8;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.swiper-slide__image-wrap-3.af-is-hero-c {
  background-color: #f3f6f0;
  padding: 4rem;
}

.text-add-5 {
  font-size: 1rem;
  font-weight: 600;
}

.text-422 {
  color: #385030;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
}

.text-block-949 {
  color: #454c31;
  align-self: center;
  font-size: 14px;
  font-weight: 500;
}

.text-block-950 {
  font-family: Figtree, sans-serif;
  font-size: .9rem;
}

.input-flds-4 {
  letter-spacing: 0;
  background-color: #fff;
  border: .5px solid #afafaf;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 3.5rem;
  margin-bottom: 0;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 1rem;
  transition-property: box-shadow;
  transition-duration: .12s;
  transition-timing-function: ease;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #2b392040;
  border: .5px solid #afafaf !important;
}

.input-flds-4:hover {
  background-color: #fdfdfd;
}

.input-flds-4:focus {
  z-index: 10;
  border: 1px solid #000;
}

.input-flds-4.select-field {
  color: #273c17;
  letter-spacing: -.02em;
  cursor: pointer;
  background-color: #fff;
  height: 2.5rem;
  padding: 0 2rem 0 12px;
  font-size: .8725rem;
  font-weight: 600;
}

.review_stars-wrapper-5 {
  color: #ffb700;
  align-items: center;
  display: flex;
}

.af-swiper-image-3 {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
}

.af-swiper-image-3.af-mw70-c {
  max-width: 580px;
  height: auto;
  max-height: none;
}

.text-423 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  text-decoration: none;
}

.text-span-233 {
  font-weight: 600;
}

.custom-code-3 {
  display: none;
}

.swiper-wrapper-3 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
}

.swiper-wrapper-3.sw20 {
  height: 100%;
}

.locker-bar-3 {
  background-color: #344a2333;
  border-radius: 100px;
  flex: 1;
  height: 2px;
}

.locker-bar-3.os-active {
  background-color: #273c17;
}

.pb-modal_button-3 {
  background-color: #f0f0f0;
  border-radius: 20px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  min-width: 2.5rem;
  height: 2.5rem;
  min-height: 2.5rem;
  display: flex;
}

.div-block-2615 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-direction: column;
  align-items: center;
  display: block;
}

.div-block-2615.new {
  background-color: #f2f4e900;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

.pageblock-component-wrapper-3 {
  justify-content: center;
  align-items: center;
  height: 0;
  display: flex;
  position: relative;
}

.swiper-slide-3 {
  z-index: 1;
  text-align: left;
  place-content: center;
  align-items: center;
  display: block;
  position: relative;
}

.swiper-slide-3.sw20 {
  height: 100%;
}

.text-424 {
  color: #25400fb3;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-decoration: none;
}

.text-425 {
  color: #244708b3;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
}

.image-470 {
  opacity: 1;
  width: 6px;
}

.review_component-star-5 {
  color: #f9bc4b;
  width: 1.2rem;
  height: 1.2rem;
}

.review_component-star-5.cc-height {
  width: auto;
  height: 18px;
  display: block;
}

.review_component-star-5.cc-height._2 {
  display: none;
}

.swiper10__thumbnails-3 {
  z-index: 2;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
  position: absolute;
  inset: 240px 0% 0%;
}

.div-block-2616 {
  display: none;
}

.caret-down-4 {
  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%;
}

.frame-1484580686 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 31.4167px;
  text-decoration: none;
  display: flex;
}

.text-block-951 {
  font-family: Figtree, sans-serif;
  font-size: .9rem;
}

.u-font-bold-5 {
  color: #fff;
  font-size: .9rem;
  font-weight: 700;
}

.clock-badge-3 {
  color: #a32428de;
  background-color: #f8e5e6;
  border-radius: 8px;
  padding-left: .5rem;
  padding-right: .5rem;
  font-weight: 600;
  display: inline-flex;
}

.clock-badge-3.white {
  color: #a32428de;
  background-color: #a3242824;
  border-radius: 6px;
  padding-left: .5rem;
  padding-right: .5rem;
  font-weight: 700;
}

.review_component-wrapper-4 {
  grid-column-gap: .6em;
  grid-row-gap: .6em;
  align-items: center;
  display: flex;
}

.text-block-952 {
  color: #273c17e6;
  font-size: 13.4px;
  font-weight: 500;
}

.cta1_button-content-6 {
  grid-column-gap: .5rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-weight: 900;
  display: flex;
}

.text-block-953 {
  font-size: .9rem;
  font-weight: 500;
}

.button-109 {
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  background-color: #517c2e;
  border: 2px solid #57882e;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 4.5rem;
  padding: 1rem 2rem;
  font-size: 1.25rem;
  font-weight: 700;
  text-decoration: none;
  transition: background-color .12s, border .12s;
  display: flex;
  position: relative;
}

.button-109:hover {
  background-color: #57882e;
}

.button-109.is-slot {
  color: #fff;
  background-color: #444c31;
  border: 1px #444c31;
  width: auto;
  min-height: 0;
  padding: .44rem .9rem;
  font-size: .825rem;
}

.container-1759 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.over-26-people-have-this-in-their-carts-now-6 {
  color: #25400fb3;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  text-decoration: none;
}

.background-24 {
  background-color: #3e6c18;
  border-radius: 10px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 20px;
  min-width: 20px;
  height: 20px;
  padding: 3.5px 8.39px 4.5px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: -10px;
  left: 14px;
}

.group-1000010301 {
  object-fit: cover;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 28px;
  max-width: 100%;
  height: 28px;
  text-decoration: none;
  display: flex;
}

.text-block-954 {
  color: #344a23b3;
  font-weight: 600;
  text-decoration: underline;
}

.progressss-7 {
  font-size: .725rem;
  font-weight: 700;
  line-height: 1;
  display: flex;
  position: relative;
  top: -1px;
}

.progressss-7.is-active {
  display: flex;
}

.step-middless-6 {
  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-6.os-active {
  color: #273c17;
  font-weight: 600;
}

.step-middless-6.os-peding {
  color: #344a23;
}

.pb-quantity__image-4 {
  z-index: 1;
  pointer-events: auto;
  object-fit: contain;
  width: 75%;
  max-width: none;
  height: 100%;
  display: block;
  position: relative;
}

.pb-quantity__image-4.card {
  opacity: 1;
  width: 100%;
}

.pb-quantity__image-4.card.test {
  width: 80%;
}

.current-steps-3 {
  justify-content: center;
  align-items: center;
  width: .65rem;
  height: .65rem;
  display: flex;
}

.footer1__credit-text-3 {
  font-weight: 600;
  display: flex;
}

.frame-1484580687 {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.div-block-2618 {
  letter-spacing: -.14px;
  width: 100%;
}

.af-bb01-page {
  color: #31392b;
  background-color: #fdfffb;
  flex-direction: column;
  align-items: center;
  min-height: 100vh;
  padding-bottom: 0;
  font-family: Circular Std, Arial, sans-serif;
  display: flex;
}

.af-bb01-top {
  z-index: 100;
  color: #fff;
  background-color: #2b3921;
  justify-content: center;
  width: 100%;
  height: 34px;
  display: flex;
  position: sticky;
  top: 0;
}

.af-bb01-topin {
  grid-column-gap: 4px;
  letter-spacing: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  padding: 4px 16px;
  font-size: 13.5px;
  line-height: 20px;
  display: flex;
}

.af-bb01-shell {
  background-color: #fdfffb;
  width: 100%;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  padding: 24px 48px 0;
}

.af-bb01-back {
  grid-column-gap: 9px;
  color: #454c3f;
  cursor: pointer;
  background-color: #fff;
  border: 1.5px solid #444c311f;
  border-radius: 999px;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding: 7px 18px 7px 8px;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
  position: absolute;
  top: 50%;
  left: 24px;
  transform: translateY(-50%);
}

.af-bb01-back.af-v2 {
  display: none;
}

.af-bb01-backc {
  background-color: #ecf2e3;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
}

.af-bb01-h {
  color: #31392b;
  letter-spacing: -.5px;
  margin-top: 0;
  margin-bottom: 12px;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 30px;
}

.af-bb01-cards {
  grid-row-gap: 7px;
  flex-direction: column;
  display: flex;
}

.af-bb01-card {
  z-index: 1;
  grid-column-gap: 8px;
  background-color: #fff;
  border: 1.5px solid #eef3ed;
  border-radius: 14px;
  flex-wrap: nowrap;
  align-items: center;
  min-height: 82px;
  padding: 1px 12px 1px 1px;
  transition: border-color .2s, box-shadow .2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.af-bb01-card:hover {
  border-color: #cdd6c6;
  box-shadow: 0 4px 16px #31392b0f;
}

.af-bb01-card.af-bb-color-active {
  border-color: #577d38;
  box-shadow: 0 0 0 1.5px #577d38;
}

.af-bb01-cimgw {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 80px;
  min-width: 80px;
  height: 76px;
  display: flex;
  position: relative;
  overflow: visible;
}

.af-bb01-ccircle {
  background-color: #ecf5ec00;
  border-radius: 11%;
  width: 52px;
  height: 52px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.af-bb01-cimg {
  z-index: 1;
  width: 66px;
  height: 60px;
  position: relative;
}

.af-bb01-cinfo {
  z-index: 2;
  color: #444c3ea6;
  border: 1.2px #444c3e66;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-size: 0;
  font-weight: 500;
  line-height: 1;
  display: flex;
  position: absolute;
  top: 4px;
  right: 4px;
}

.af-bb01-cmid {
  grid-row-gap: 3px;
  flex-direction: column;
  flex: 1 1 0;
  min-width: 0;
  padding-right: 8px;
  display: flex;
}

.af-bb01-cname {
  color: #3f473a;
  letter-spacing: -.28px;
  font-family: Circular Std, Arial, sans-serif;
  font-size: .94em;
  font-weight: 700;
  line-height: 19px;
}

.af-bb01-cstock {
  color: #b0605d;
  letter-spacing: -.1px;
  margin-top: 2px;
  margin-bottom: 0;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 13px;
}

.af-bb01-cstock.af-bb01-cstock-hi {
  font-size: 10.5px;
  font-weight: 500;
}

.af-bb01-cstock-hi {
  color: #577d38;
}

.af-bb01-ctrack {
  background-color: #e9e9e9;
  border-radius: 60px;
  width: 112px;
  height: 4px;
  margin-top: 3px;
  position: relative;
  overflow: hidden;
}

.af-bb01-cfill {
  background-color: #b0605d;
  border-radius: 60px;
  width: 30px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.af-bb01-cfill-hi {
  background-color: #577d38;
  width: 54px;
}

.af-bb01-crate {
  grid-column-gap: 5px;
  color: #444c3ebf;
  align-items: center;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.af-bb01-climited {
  color: #444c3ecc;
  letter-spacing: -.1px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 11px;
  font-weight: 500;
}

.af-bb01-badge {
  color: #fff;
  letter-spacing: -.24px;
  background-color: #dc7c58;
  border: 2px solid #d86d45;
  border-radius: 8px;
  padding: 4px 8px 2px;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 11px;
  font-weight: 900;
  line-height: 15px;
  position: absolute;
  top: -5px;
  right: -79.7422px;
}

.af-bb01-badge.af-bb01-badge-g {
  letter-spacing: -.24px;
  background-color: #859c72;
  border-color: #789162;
  justify-content: center;
  align-items: center;
  width: 92px;
  margin-bottom: -19px;
  padding-bottom: 1px;
  padding-left: 0;
  padding-right: 0;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 10.5px;
  font-weight: 900;
  display: flex;
  right: -87.0078px;
}

.af-bb01-badge-g {
  background-color: #93a67b;
  border-color: #839a67;
}

.af-bb01-step {
  background-color: #f3f6f0;
  border-radius: 25px;
  justify-content: space-between;
  align-items: center;
  width: 100px;
  min-width: 100px;
  height: 42px;
  margin-top: 0;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
}

.af-bb01-step.af-badge {
  margin-top: 10px;
}

.af-bb01-sminus {
  color: #444c3e;
  cursor: pointer;
  background-color: #fff;
  border-style: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 25px;
  min-width: 25px;
  height: 25px;
  padding: 0;
  display: flex;
}

.af-bb01-splus {
  color: #fff;
  cursor: pointer;
  background-color: #444c3e;
  border-style: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 25px;
  min-width: 25px;
  height: 25px;
  padding: 0;
  display: flex;
}

.af-bb01-sqty {
  color: #31392b;
  text-align: center;
  min-width: 18px;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 16.6px;
  font-weight: 700;
}

.af-bb01-footer {
  z-index: 10;
  width: 100%;
  max-width: none;
  box-shadow: none;
  background-color: #fff;
  background-image: linear-gradient(#fdfefa, #fefffb 10% 29%);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 14px 0 18px;
  position: sticky;
  bottom: 0;
  left: auto;
  transform: none;
}

.af-bb01-cta {
  grid-column-gap: 10px;
  color: #b7bdb0;
  cursor: pointer;
  background-color: #e9ede3;
  border-style: none;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 67px;
  padding: 18px 0;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 17px;
  font-weight: 700;
  display: flex;
  position: relative;
}

.af-bb01-fnote {
  grid-column-gap: 7px;
  color: #444c3ebf;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 12.5px;
  font-weight: 500;
  display: flex;
}

.af-bb01-fdot {
  width: 24px;
  min-width: 24px;
  height: 24px;
  box-shadow: none;
  background-color: #0000;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.af-bb01-ftotals {
  margin-bottom: 12px;
  display: none;
}

.af-bb01-setrow {
  grid-column-gap: 10px;
  align-items: center;
  margin-top: 22px;
  margin-bottom: 12px;
  display: flex;
}

.af-bb01-setcount {
  color: #fff;
  background-color: #577d38;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-size: 18px;
  font-weight: 700;
  display: flex;
}

.af-bb01-items {
  background-color: #fff;
  border: 1.2px solid #eef3ed;
  border-radius: 14px;
  flex-direction: column;
  padding: 4px 14px;
  display: flex;
}

.af-bb01-trustbox {
  grid-column-gap: 8px;
  border: 1.44px dashed #d4d8cf;
  border-radius: 12px;
  justify-content: space-around;
  align-items: center;
  column-gap: 8px;
  margin-top: 14px;
  padding: 10px 12px;
  display: none;
}

.af-bb01-tbi {
  grid-row-gap: 3px;
  text-align: center;
  flex-direction: column;
  flex: 1;
  align-items: center;
  row-gap: 2px;
  display: flex;
}

.af-bb01-tbt {
  color: #394133;
  font-size: 12.5px;
  font-weight: 700;
}

.af-bb01-tbs {
  color: #444c3ea6;
  font-size: 11.5px;
  font-weight: 500;
}

.af-bb01-hide {
  display: none;
}

.af-bb01-v1, .af-bb01-v3 {
  display: block;
}

.af-bb01-cta-on {
  color: #fff;
  background-color: #577d38;
}

.af-bb01-ftotals-on {
  display: block;
}

.af-bb01-cfill-3 {
  width: 14px;
}

.af-bb01-veil {
  z-index: 960;
  opacity: 0;
  pointer-events: none;
  background-color: #2b312675;
  transition: opacity .35s;
  position: fixed;
  inset: 0;
}

.af-bb01-veil-on {
  opacity: 1;
  pointer-events: auto;
}

.af-bb01-sheet {
  z-index: 970;
  background-color: #fdfffb;
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  width: 100%;
  transition: transform .45s;
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 110%);
  box-shadow: 0 -14px 44px #31392b2e;
}

.af-bb01-sheet-on {
  transform: translate(-50%);
}

.af-bb01-sheetin {
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  max-height: 76vh;
  padding: 18px 16px 20px;
  overflow: auto;
}

.af-bb01-shx {
  opacity: 0;
  pointer-events: none;
  color: #fff;
  cursor: pointer;
  background-color: #394133;
  border-style: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  transition: opacity .3s;
  display: flex;
  position: absolute;
  top: -56px;
  right: 14px;
  box-shadow: 0 8px 24px #0000002e;
}

.af-bb01-srow1 {
  grid-column-gap: 10px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
  display: flex;
}

.af-bb01-gender {
  background-color: #fff;
  border: 1px solid #e9ede4;
  border-radius: 999px;
  padding: 4px;
  display: flex;
}

.af-bb01-gseg {
  color: #444c3e99;
  cursor: pointer;
  background-color: #0000;
  border-style: none;
  border-radius: 999px;
  padding: 9px 18px;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  transition: background-color .25s, color .25s;
}

.af-bb01-gseg-on {
  color: #fff;
  background-color: #394133;
}

.af-bb01-sguide {
  grid-column-gap: 7px;
  color: #394133;
  cursor: pointer;
  background-color: #0000;
  border-style: none;
  align-items: center;
  padding: 0;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-decoration: underline;
  display: inline-flex;
}

.af-bb01-modes {
  background-color: #f3f6f0;
  border-radius: 12px;
  margin-bottom: 16px;
  padding: 4px;
  display: flex;
}

.af-bb01-mode {
  color: #444c3e99;
  text-align: center;
  cursor: pointer;
  background-color: #0000;
  border-style: none;
  border-radius: 9px;
  flex: 1 1 0;
  justify-content: center;
  align-items: center;
  padding: 12px 8px;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 15px;
  font-weight: 700;
  display: flex;
}

.af-bb01-mode.af-bb01-mode-on {
  font-size: 15px;
}

.af-bb01-mode-on {
  color: #31392b;
  background-color: #fff;
  box-shadow: 0 2px 8px #31392b14;
}

.af-bb01-sh2 {
  color: #31392b;
  letter-spacing: -.5px;
  margin-top: 2px;
  margin-bottom: 12px;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
}

.af-bb01-pairs {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 10px;
  display: none;
}

.af-bb01-pairs-on {
  display: flex;
}

.af-bb01-pair {
  cursor: pointer;
  background-color: #0000;
  border: 1.44px dashed #ccd1c9;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 58px;
  min-width: 58px;
  height: 58px;
  padding: 0;
  display: flex;
  position: relative;
}

.af-bb01-pair-on {
  border: 2.4px solid #577d38;
}

.af-bb01-pcheck {
  background-color: #577d38;
  border: 2px solid #fdfffb;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  position: absolute;
  top: -6px;
  right: -6px;
}

.af-bb01-pimg {
  background-color: #0000;
  border-radius: 8px;
  width: 52px;
  height: 48px;
}

.af-bb01-pairlbl {
  color: #444c3ecc;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 500;
  display: none;
}

.af-bb01-pairlbl-on {
  display: block;
}

.af-bb01-sizes {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-bottom: 16px;
  display: grid;
}

.af-bb01-size {
  color: #444c3ebf;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border: 1.5px solid #eef3ed;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 45px;
  padding: 0;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  transition: background-color .2s, border-color .2s, color .2s;
  display: flex;
}

.af-bb01-size-on {
  color: #577d38;
  background-color: #f6fbf1;
  border-color: #577d38;
}

.af-bb01-doc {
  grid-column-gap: 14px;
  background-color: #f5f8f2;
  border-radius: 14px;
  align-items: stretch;
  column-gap: 12px;
  min-height: 130px;
  padding: 0 12px 0 0;
  display: flex;
  overflow: hidden;
}

.af-bb01-docimg {
  object-fit: cover;
  object-position: 50% 0%;
  background-color: #0000;
  border-radius: 0;
  width: 92px;
  min-width: 92px;
  height: 130px;
}

.af-bb01-docb {
  grid-row-gap: 6px;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 13px;
  padding-bottom: 12px;
  display: flex;
}

.af-bb01-docn {
  color: #394133f0;
  font-size: 13px;
  font-weight: 700;
}

.af-bb01-doct {
  color: #394133d6;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 19px;
}

.af-bb01-docbadge {
  grid-column-gap: 6px;
  color: #444c3ef0;
  border: 1px solid #e9ede4;
  border-radius: 60px;
  align-items: center;
  padding: 5px 11px;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
}

.af-bb01-item {
  grid-column-gap: 12px;
  border-bottom: 1px solid #f0f3ec;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.af-bb01-item-end {
  border-bottom-style: none;
}

.af-bb01-iimg {
  background-color: #0000;
  border-radius: 50%;
  width: 46px;
  min-width: 46px;
  height: 46px;
}

.af-bb01-ib {
  flex: 1 1 0;
  min-width: 0;
}

.af-bb01-in {
  color: #3f473a;
  letter-spacing: -.28px;
  font-size: 15.5px;
  font-weight: 700;
  line-height: 23px;
}

.af-bb01-is {
  color: #444c3eb3;
  margin-top: 2px;
  font-size: 12px;
  font-weight: 500;
}

.af-bb01-ip {
  text-align: right;
}

.af-bb01-ipn {
  color: #31392b;
  font-size: 16.5px;
  font-weight: 700;
}

.af-bb01-ipo {
  color: #444c3e80;
  margin-top: 2px;
  font-size: 13.5px;
  font-weight: 500;
  text-decoration: line-through;
}

.af-bb01-trow {
  color: #394133;
  justify-content: space-between;
  align-items: center;
  padding: 3px 2px;
  font-size: 15.5px;
  font-weight: 500;
  display: flex;
}

.af-bb01-trow.af-bb01-trow-pay {
  font-size: 18px;
}

.af-bb01-trow-save {
  color: #577d38;
}

.af-bb01-trow-pay {
  color: #394133d6;
}

.af-bb01-tl {
  align-items: center;
  font-size: 15px;
  display: flex;
}

.af-bb01-tdiv {
  background-color: #eceee8;
  height: 1px;
  margin-top: 8px;
  margin-bottom: 8px;
}

.af-bb01-toff {
  color: #fff;
  background-color: #c96e46;
  border-radius: 5px;
  margin-left: 8px;
  padding: 2.5px 7px;
  font-size: 11px;
  font-weight: 700;
}

.af-bb01-tval {
  background-color: #ffffff29;
  border-radius: 6px;
  padding: 2px 8px;
  font-weight: 700;
}

.af-bb01-cta-arr {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 46px;
  min-width: 46px;
  height: 46px;
  margin-left: 0;
  display: flex;
  position: relative;
  top: 0%;
  right: 7px;
  transform: none;
}

.af-bb01-cta-arr-on {
  background-color: #212c1a40;
}

.af-bb01-none, .af-embed-05 {
  display: none;
}

.af-bb01-shx-on {
  opacity: 1;
  pointer-events: auto;
}

.af-bb-page {
  box-sizing: border-box;
  color: #31392b;
  background-color: #fff;
  width: 100%;
  max-width: 390px;
  min-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 140px;
  font-family: Circular Std, Helvetica Neue, Arial, sans-serif;
  position: relative;
}

.af-bb-trust-bar {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  white-space: nowrap;
  background-color: #394133;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 40px;
  padding: 4px 16px;
  font-size: 12px;
  font-weight: 600;
  display: flex;
  overflow-x: auto;
}

.af-bb-trust-bar.af-bb-trust-step {
  color: #fff;
  background-color: #394133;
}

.af-bb-reserve-bar {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #31392b;
  background-color: #fef7f4;
  justify-content: center;
  align-items: center;
  min-height: 29px;
  padding: 4px 16px;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.af-bb-reserve-bar.is-hidden {
  display: none;
}

.af-bb-step {
  padding: 16px 20px 24px;
  display: none;
}

.af-bb-step.is-active, .af-bb-step.af-bb-step-active {
  display: block;
}

.af-bb-hd {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  margin-bottom: 12px;
  display: flex;
}

.af-bb-title {
  color: #31392b;
  letter-spacing: -.4px;
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
}

.af-bb-back {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #394c2c;
  background-color: #f3f6f0;
  border-radius: 999px;
  align-items: center;
  padding: 8px 16px 8px 12px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
}

.af-bb-back-icon {
  color: #454c3f;
  background-color: #e7ece4;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 31px;
  height: 31px;
  display: flex;
}

.af-bb-size-link {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #577d38;
  align-items: center;
  margin-left: auto;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
}

.af-bb-gender {
  background-color: #fff;
  border: 1px solid #e3e8dc;
  border-radius: 999px;
  max-width: 146px;
  margin-bottom: 14px;
  padding: 3px;
  display: flex;
}

.af-bb-gender-btn {
  color: #454c3f94;
  border-radius: 999px;
  flex: 1;
  justify-content: center;
  align-items: center;
  min-height: 38px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
}

.af-bb-gender-btn.af-on {
  color: #454c3f;
  background-color: #e6eddbbd;
}

.af-bb-gender-btn.af-bb-gender-on {
  color: #454c3f;
  background-color: #e6eddbbd;
  font-weight: 700;
}

.af-bb-size-grid {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: repeat(4, 1fr);
  margin-bottom: 16px;
  display: grid;
}

.af-bb-size {
  color: #31392b;
  cursor: pointer;
  background-color: #fff;
  border: 1.5px solid #d8dfd2;
  border-radius: 10px;
  min-height: 45px;
  font-size: 14px;
  font-weight: 700;
}

.af-bb-size.af-bb-size-active {
  color: #fff;
  background-color: #394133;
  border-color: #394133;
}

.af-bb-dr-card {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #f5f8f2;
  border-radius: 12px;
  margin-bottom: 16px;
  padding: 14px;
  display: flex;
}

.af-bb-dr-img {
  object-fit: cover;
  border-radius: 8px;
  flex-shrink: 0;
  width: 88px;
  height: 133px;
}

.af-bb-sticky {
  z-index: 900;
  box-sizing: border-box;
  background-color: #fff;
  border-top: 1px solid #e3e8dc;
  width: 100%;
  max-width: 390px;
  margin-left: auto;
  margin-right: auto;
  padding: 12px 16px 16px;
  position: fixed;
  bottom: 0;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  box-shadow: 0 -8px 24px #31392b1a;
}

.af-bb-sticky-cta {
  color: #fff;
  background-color: #577d38;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 50px;
  font-size: 15px;
  font-weight: 800;
  text-decoration: none;
  display: flex;
}

.af-bb-sticky-cta.af-bb-sticky-cta-disabled {
  pointer-events: none;
  color: #b7bdb0;
  background-color: #e9ede3;
}

.af-embed-01 {
  line-height: 0;
}

.bold-text-1791 {
  color: #fffffff7;
  padding-right: 4px;
  font-weight: 400;
}

.af-bb-colors {
  grid-row-gap: 10px;
  flex-direction: column;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.af-bb-hint {
  color: #454c3fb8;
  margin-bottom: 12px;
  font-size: 13px;
}

.af-bb-stepper {
  background-color: #f3f6f0;
  border-radius: 25px;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  width: 100px;
  height: 42px;
  margin-left: auto;
  display: flex;
}

.af-bb-sticky-note {
  color: #454c3fa6;
  text-align: center;
  margin-top: 8px;
  font-size: 12px;
}

.af-bb-stepper-btn {
  color: #394133;
  cursor: pointer;
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  font-size: 18px;
  font-weight: 700;
  display: flex;
}

.af-bb-stepper-val {
  text-align: center;
  font-size: 16px;
  font-weight: 700;
}

.af-bb-reserve-timer {
  font-weight: 800;
}

.af-bb-pair-panel {
  margin-top: 8px;
}

.af-bb-summary {
  border-top: 1px solid #e3e8dc;
  margin-top: 16px;
  padding-top: 16px;
}

.af-bb-cart-lines {
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.code-embed-17 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.code-embed-18 {
  line-height: 12px;
}

.af-bb-cart-line {
  border-bottom: 1px solid #e8e8e8;
  align-items: center;
  column-gap: 12px;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.af-bb-cart-line-meta {
  flex: 1;
}

.af-bb-cart-line-title {
  margin-bottom: 2px;
  font-size: 14px;
  font-weight: 600;
}

.af-bb-cart-line-sub {
  color: #666;
  font-size: 12px;
}

.af-bb-cart-line-price {
  font-size: 14px;
  font-weight: 600;
}

.af-bb-swatch {
  background-color: #fff;
  border-top: 2px solid #0000;
  border-radius: 12px;
  width: 56px;
  height: 56px;
  padding: 4px;
}

.af-bb-swatch.af-bb-swatch-active {
  border-color: #394133;
}

.af-bb-cart-line-img {
  object-fit: cover;
  border-radius: 8px;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
}

.af-bb-pair-swatches {
  column-gap: 8px;
  margin-bottom: 16px;
  display: flex;
}

.af-bb-save {
  color: #2d6a4f;
  margin-left: 4px;
  margin-right: 12px;
  font-weight: 600;
}

.af-bb-total {
  margin-left: 4px;
  font-size: 18px;
  font-weight: 700;
}

.af-bb-retail {
  color: #999;
  margin-left: 4px;
  margin-right: 12px;
  text-decoration-line: line-through;
}

.af-embed-03 {
  line-height: 0;
}

.text-span-234 {
  text-align: center;
  flex: 1;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  font-size: 18px;
  display: flex;
}

.af-bb01-iedit {
  color: #444c3eb3;
  cursor: pointer;
  align-self: flex-start;
  margin-top: 4px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: underline;
  display: inline-block;
}

.af-bb01-cta-sp {
  flex: none;
  width: 46px;
  min-width: 46px;
  height: 4px;
}

.af-embed-02 {
  line-height: 0;
}

.af-card {
  z-index: 27;
  justify-content: center;
  align-items: center;
  height: 1.1rem;
  padding-left: .5rem;
  padding-right: .5rem;
  display: flex;
  position: absolute;
  inset: -.1rem 29px auto auto;
}

.af-bb01-pimgel {
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: block;
}

.af-bb01-ctalock {
  flex: none;
  align-items: center;
  margin-left: 10px;
  display: none;
}

.bold-text-1792 {
  color: #fffffff7;
  font-weight: 700;
}

.text-span-235 {
  font-weight: 500;
}

.af-bb-cta {
  color: #fff;
  background-color: #577d38;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 54px;
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 800;
  text-decoration: none;
  display: flex;
}

.af-bb-pair-tabs {
  background-color: #fff;
  border: 1px solid #e3e8dc;
  border-radius: 999px;
  margin-bottom: 16px;
  padding: 3px;
  display: flex;
}

.af-bb-pair-tab {
  color: #454c3fb8;
  border-radius: 999px;
  flex: 1;
  justify-content: center;
  align-items: center;
  min-height: 34px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
}

.af-bb-pair-tab.af-bb-pair-on {
  color: #fff;
  background-color: #394133;
}

.is-inactive-parent.is-inactive {
  color: #d0d5dd;
  border-color: #d0d5dd;
}

.text-span-236, .text-span-237 {
  font-size: 15px;
}

.div-block-2619 {
  position: absolute;
}

.af-badge-wrap {
  position: absolute;
  top: 0;
}

.text-span-238 {
  color: #ffffff5c;
}

.af-bb01-iveil {
  z-index: 120;
  opacity: .44;
  cursor: pointer;
  background-color: #181d0f;
  display: none;
  position: fixed;
  inset: 0;
}

.af-bb01-iveil-on {
  display: block;
}

.af-bb01-info {
  z-index: 121;
  background-color: #fdfffb;
  border-radius: 14px;
  width: calc(100% - 26px);
  max-width: 364px;
  max-height: calc(100vh - 24px);
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  overflow: visible;
  transform: translateY(-50%);
  box-shadow: 0 0 44px #0000001f;
}

.af-bb01-info-on {
  display: block;
}

.af-bb01-imedia {
  background-color: #e8ece5;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  height: 262px;
  position: relative;
  overflow: hidden;
}

.af-bb01-imediaimg {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.af-bb01-imshade {
  pointer-events: none;
  background-color: #181d0f1a;
  position: absolute;
  inset: 0;
}

.af-bb01-iplay {
  cursor: pointer;
  background-color: #272d22bf;
  border-radius: 60px;
  justify-content: center;
  align-items: center;
  width: 51px;
  height: 51px;
  font-size: 0;
  line-height: 0;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.af-bb01-ix {
  cursor: pointer;
  background-color: #11121070;
  border-radius: 60px;
  justify-content: center;
  align-items: center;
  width: 46px;
  height: 46px;
  font-size: 0;
  line-height: 0;
  display: flex;
  position: absolute;
  top: -60px;
  left: 50%;
  transform: translateX(-50%);
}

.af-bb01-itag {
  grid-column-gap: 6px;
  background-color: #6a8a50;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  align-items: center;
  height: 32px;
  padding-left: 8px;
  padding-right: 6px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 13px;
}

.af-bb01-itagtxt {
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
}

.af-bb01-itagchip {
  color: #fff;
  background-color: #ffffff1f;
  border-radius: 5px;
  padding: 4px 7px 3px;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
}

.af-bb01-ibody {
  padding-top: 14px;
  padding-left: 20px;
  padding-right: 20px;
}

.af-bb01-irow {
  grid-column-gap: 9px;
  align-items: center;
  display: flex;
}

.af-bb01-iava {
  object-fit: cover;
  border-radius: 100px;
  width: 27px;
  min-width: 27px;
  height: 27px;
}

.af-bb01-istory {
  color: #4d5749;
  font-size: 14.4px;
  font-weight: 700;
  line-height: 24.4px;
}

.af-bb01-irate {
  grid-column-gap: 4px;
  color: #4d5749;
  background-color: #e6ece48c;
  border-radius: 6px;
  align-items: center;
  height: 22px;
  padding-left: 7px;
  padding-right: 8px;
  font-size: 12px;
  font-weight: 700;
  line-height: 10px;
  display: flex;
}

.af-bb01-iquote {
  color: #4d5749;
  letter-spacing: -.14px;
  margin-top: 10px;
  margin-bottom: 0;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 14.4px;
  font-weight: 500;
  line-height: 24.4px;
}

.af-bb01-icta {
  color: #fff;
  cursor: pointer;
  background-color: #444c3e;
  border-radius: 60px;
  justify-content: center;
  align-items: center;
  height: 59px;
  margin: 20px 7px 14px 9px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.af-bb01-ictatxt {
  color: #fff;
  letter-spacing: .17px;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 17.4px;
  font-weight: 800;
  line-height: 28.8px;
}

.af-bb01-ictaplus {
  background-color: #f8f2e21a;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 46px;
  height: 46px;
  display: flex;
  position: absolute;
  top: 50%;
  right: 7px;
  transform: translateY(-50%);
}

.text-span-239 {
  color: #fffffff7;
  font-weight: 400;
}

.af-bb01-gtabs {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: #fdfffb;
  border: 1.2px solid #eef3ed;
  border-radius: 999px;
  width: fit-content;
  margin-bottom: 18px;
  padding: 4px;
  display: flex;
}

.af-bb01-gtab {
  color: #444c3e;
  cursor: pointer;
  border-radius: 999px;
  padding: 9px 18px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
}

.af-bb01-gtab-on {
  color: #fff;
  background-color: #444c3e;
}

.af-bb01-grow1 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.af-bb01-gswitch {
  color: #31392b;
  font-size: 16px;
  font-weight: 700;
}

.af-bb01-gselect {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #31392b;
  background-color: #fff;
  border: 1.2px solid #e7ece3;
  border-radius: 12px;
  align-items: center;
  padding: 10px 14px;
  font-size: 15px;
  font-weight: 600;
  display: flex;
}

.af-bb01-gunits {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  background-color: #fff;
  border: 1.2px solid #eef3ed;
  border-radius: 12px;
  padding: 3px;
  display: flex;
}

.af-bb01-gunit {
  color: #444c3e;
  cursor: pointer;
  border-radius: 9px;
  padding: 6px 12px;
  font-size: 13px;
  font-weight: 700;
  line-height: 16px;
  text-decoration: none;
}

.af-bb01-gunit-on {
  color: #fff;
  background-color: #444c3e;
}

.af-bb01-gtable {
  background-color: #fff;
  border: 1.2px solid #eef3ed;
  border-radius: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1.2fr 1.1fr;
  display: grid;
  overflow: hidden;
}

.af-bb01-gth {
  color: #31392b;
  text-align: center;
  background-color: #f6f8f3;
  border-bottom: 1px solid #eef3ed;
  border-right: 1px solid #f0f3ee;
  padding: 10px 4px;
  font-size: 13.5px;
  font-weight: 700;
}

.af-bb01-gtd {
  color: #3f473a;
  text-align: center;
  border-bottom: 1px solid #f0f3ee;
  border-right: 1px solid #f0f3ee;
  padding: 10px 4px;
  font-size: 14px;
  font-weight: 600;
}

.af-bb01-gtd-end {
  border-bottom-style: none;
}

.af-bb01-ghead {
  color: #31392b;
  margin-top: 4px;
  margin-bottom: 14px;
  font-size: 18px;
  font-weight: 700;
}

.af-bb01-gstep {
  color: #31392b;
  margin-top: 12px;
  margin-bottom: 4px;
  font-size: 15px;
  font-weight: 700;
}

.af-bb01-gtxt {
  color: #394133d6;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14.5px;
  line-height: 22px;
}

.af-bb01-gdiagram {
  color: #9aa394;
  border: 1.44px dashed #e3e8df;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  min-height: 200px;
  margin-top: 18px;
  font-size: 12px;
  display: flex;
}

.af-bb01-gcell-endc {
  border-right-style: none;
}

.af-bb01-gdiagimg {
  border-radius: 12px;
  flex: 1;
  width: 100%;
  min-width: 0;
  margin-top: 0;
  display: block;
}

.af-bb01-gdiagrow {
  grid-column-gap: 16px;
  align-items: center;
  margin-top: 18px;
  display: flex;
}

.af-bb01-upsell {
  border-top: 1px solid #f0f3ee;
  margin-top: 12px;
  padding-top: 13px;
  padding-bottom: 4px;
}

.af-bb01-upmain {
  grid-column-gap: 8px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
}

.af-bb01-uptxt {
  color: #31392b;
  flex: 1;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.af-bb01-upamt {
  color: #d3764b;
  font-weight: 700;
}

.af-bb01-upbtn {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  color: #fff;
  white-space: nowrap;
  cursor: pointer;
  background-color: #444c3e;
  border-radius: 60px;
  align-items: center;
  padding: 12px 16px;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  text-decoration: none;
  display: flex;
}

.af-bb01-uppick {
  padding-top: 2px;
}

.af-bb01-uplbl {
  color: #394133b3;
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 600;
}

.af-bb01-upchips {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  display: flex;
}

.af-bb01-upchip {
  cursor: pointer;
  background-color: #fff;
  border: 1.4px solid #e7ece3;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 58px;
  height: 58px;
  padding: 1px;
  display: flex;
  overflow: hidden;
}

.af-mx01-page {
  color: #1c1f2e;
  background-color: #fff;
  min-height: 100vh;
  font-family: Circular Std, Arial, sans-serif;
}

.af-mx01-announce {
  color: #fff;
  text-align: center;
  background-color: #24357e;
  padding: 12px 16px;
  font-size: 15px;
  font-weight: 700;
}

.af-mx01-header {
  justify-content: space-between;
  align-items: center;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding: 18px 24px;
  display: flex;
}

.af-mx01-logo {
  color: #4b3ec8;
  letter-spacing: -.5px;
  font-size: 26px;
  font-weight: 800;
}

.af-mx01-htitle {
  color: #4b3ec8;
  font-size: 24px;
  font-weight: 800;
}

.af-mx01-cartbtn {
  cursor: pointer;
  border: 1.5px solid #e4e1f0;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  display: flex;
  position: relative;
}

.af-mx01-cartcount {
  color: #fff;
  background-color: #4c2ec9;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  font-size: 11px;
  font-weight: 800;
  display: flex;
  position: absolute;
  top: -7px;
  right: -7px;
}

.af-mx01-wrap {
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

.af-mx01-sale {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-image: linear-gradient(90deg, #e9e2fb, #d9cdf8);
  border-radius: 16px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
  padding: 22px 28px;
  display: flex;
}

.af-mx01-saletitle {
  color: #4b3ec8;
  letter-spacing: -.5px;
  font-size: 32px;
  font-weight: 800;
}

.af-mx01-salemeta {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.af-mx01-endsoon {
  color: #24357e;
  letter-spacing: .4px;
  background-color: #fff;
  border: 1.5px solid #24357e;
  border-radius: 999px;
  padding: 8px 16px;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
}

.af-mx01-salesub {
  color: #3c3f52;
  margin-top: 6px;
  font-size: 13.5px;
  font-weight: 600;
}

.af-mx01-timer {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #fff;
  border-radius: 12px;
  align-items: center;
  padding: 10px 14px;
  display: flex;
  box-shadow: 0 4px 14px #242b5e1a;
}

.af-mx01-tunit {
  text-align: center;
}

.af-mx01-tval {
  color: #1c1f2e;
  font-variant-numeric: tabular-nums;
  font-size: 22px;
  font-weight: 800;
}

.af-mx01-tlbl {
  color: #8a8da0;
  letter-spacing: .6px;
  font-size: 9.5px;
  font-weight: 700;
}

.af-mx01-tsep {
  color: #1c1f2e;
  margin-top: -10px;
  font-size: 20px;
  font-weight: 800;
}

.af-mx01-deals {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #0000;
  grid-template-rows: auto;
  grid-template-columns: repeat(4, 1fr);
  max-width: 1240px;
  margin: 22px auto 0;
  padding: 0 24px 8px;
  display: grid;
  overflow-x: visible;
}

.af-mx01-deal {
  background-color: #fff;
  border: 1.5px solid #ecebf4;
  border-radius: 16px;
  flex: 1;
  min-width: 250px;
  padding: 14px;
  position: relative;
}

.af-mx01-dbadge {
  z-index: 2;
  letter-spacing: .3px;
  border-radius: 8px;
  padding: 5px 10px;
  font-size: 11.5px;
  font-weight: 800;
  position: absolute;
  top: 22px;
  left: 22px;
}

.af-mx01-dbadge-best {
  color: #fff;
  background-color: #6a55e0;
}

.af-mx01-dbadge-new {
  color: #3f7a33;
  background-color: #dcf3d8;
}

.af-mx01-dbadge-pop {
  color: #4b3ec8;
  background-color: #e4ddfa;
}

.af-mx01-dimg {
  color: #b9b4a4;
  background-color: #f5f2ea;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  height: 230px;
  font-size: 12px;
  font-weight: 600;
  display: flex;
}

.af-mx01-dname {
  color: #1c1f2e;
  margin-top: 12px;
  font-size: 16.5px;
  font-weight: 800;
}

.af-mx01-dprices {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  margin-top: 10px;
  display: flex;
}

.af-mx01-dpr {
  border: 1.5px solid #ecebf4;
  border-radius: 10px;
  flex: 1;
  padding: 7px 10px;
}

.af-mx01-dpr-deal {
  background-color: #fbf7e8;
  border-color: #24357e;
}

.af-mx01-dprlbl {
  color: #8a8da0;
  letter-spacing: .5px;
  font-size: 9.5px;
  font-weight: 800;
}

.af-mx01-dprval {
  color: #1c1f2e;
  font-size: 16px;
  font-weight: 800;
}

.af-mx01-dprval-strike {
  color: #8a8da0;
  font-weight: 700;
  text-decoration: line-through;
}

.af-mx01-dcta {
  color: #fff;
  letter-spacing: .4px;
  cursor: pointer;
  background-color: #4c2ec9;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  height: 48px;
  margin-top: 12px;
  font-size: 14.5px;
  font-weight: 800;
  text-decoration: none;
  display: flex;
}

.af-mx01-dsave {
  color: #1c1f2e;
  text-align: center;
  border: 1.5px solid #ecebf4;
  border-radius: 10px;
  margin-top: 10px;
  padding: 8px 12px;
  font-size: 13px;
  font-weight: 700;
}

.af-mx01-dclaimrow {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: center;
  margin-top: 12px;
  display: flex;
}

.af-mx01-dtrack {
  background-color: #e8e5f5;
  border-radius: 9px;
  flex: 1;
  height: 9px;
  overflow: hidden;
}

.af-mx01-dfill {
  background-image: linear-gradient(90deg, #a394ef, #6a55e0);
  border-radius: 9px;
  width: 0%;
  height: 100%;
}

.af-mx01-dclaimtxt {
  color: #1c1f2e;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 800;
}

.af-mx01-cath {
  color: #1c1f2e;
  max-width: 1240px;
  margin: 34px auto 14px;
  padding: 0 24px;
  font-size: 26px;
  font-weight: 800;
}

.af-mx01-cats {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  grid-template-rows: auto;
  grid-template-columns: repeat(7, 1fr);
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 24px 8px;
  display: grid;
  overflow-x: visible;
}

.af-mx01-cat {
  color: #1c1f2e;
  cursor: pointer;
  flex: 1;
  min-width: 120px;
  text-decoration: none;
}

.af-mx01-cattile {
  color: #b9b4a4;
  background-color: #f5f2ea;
  border: 2px solid #0000;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  height: 150px;
  font-size: 11px;
  font-weight: 600;
  display: flex;
}

.af-mx01-cattile-on {
  border-color: #24357e;
}

.af-mx01-catlbl {
  text-align: center;
  margin-top: 8px;
  font-size: 14.5px;
  font-weight: 700;
}

.af-mx01-cattile-mega {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #4b3ec8;
  background-image: linear-gradient(160deg, #e9e2fb, #d9cdf8);
  flex-direction: column;
}

.af-mx01-megalbl {
  color: #483185;
  text-align: center;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 16px;
  font-weight: 800;
  line-height: 19px;
}

.af-mx01-megatimer {
  color: #1c1f2e;
  font-variant-numeric: tabular-nums;
  background-color: #fff;
  border-radius: 9px;
  padding: 5px 9px;
  font-size: 13px;
  font-weight: 800;
}

.af-mx01-pdp {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 47fr 53fr;
  max-width: 1240px;
  margin: 40px auto 0;
  padding: 0 24px;
  display: grid;
}

.af-mx01-gal {
  align-self: start;
  min-width: 0;
  position: sticky;
  top: 16px;
}

.af-mx01-galmain {
  aspect-ratio: 1;
  color: #b9b4a4;
  background-color: #f5f2ea;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  height: auto;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.af-mx01-galthumbs {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  margin-top: 12px;
  display: flex;
}

.af-mx01-galthumb {
  cursor: pointer;
  background-color: #f5f2ea;
  border: 1.5px solid #ecebf4;
  border-radius: 9px;
  width: 72px;
  height: 58px;
}

.af-mx01-ptitle {
  color: #1c1f2e;
  letter-spacing: -.4px;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 30px;
  font-weight: 800;
}

.af-mx01-prev {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #1c1f2e;
  align-items: center;
  margin-top: 8px;
  font-size: 14px;
  font-weight: 700;
  display: flex;
}

.af-mx01-pstars {
  color: #f5a623;
  letter-spacing: 1px;
  font-size: 15px;
}

.af-mx01-prevcount {
  color: #6a6d80;
  font-weight: 600;
}

.af-mx01-pricerow {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 10px;
  display: flex;
}

.af-mx01-pstrike {
  color: #8a8da0;
  font-size: 17px;
  font-weight: 700;
  text-decoration: line-through;
}

.af-mx01-pdeal {
  color: #e02d2d;
  font-size: 22px;
  font-weight: 800;
}

.af-mx01-psavebadge {
  color: #fff;
  background-color: #e02d2d;
  border-radius: 999px;
  padding: 5px 12px;
  font-size: 12.5px;
  font-weight: 800;
}

.af-mx01-pwith {
  color: #1c1f2e;
  font-size: 14.5px;
  font-weight: 700;
}

.af-mx01-pusp {
  color: #3c3f52;
  margin-top: 12px;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 15.5px;
  line-height: 24px;
}

.af-mx01-buytoggle {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  margin-top: 18px;
  display: grid;
}

.af-mx01-buyopt {
  color: #1c1f2e;
  cursor: pointer;
  border: 1.5px solid #ecebf4;
  border-radius: 12px;
  padding: 16px;
  text-decoration: none;
  position: relative;
}

.af-mx01-buyopt-on {
  border-width: 2px;
  border-color: #4c2ec9;
}

.af-mx01-buyflag {
  color: #fff;
  background-color: #4c2ec9;
  border-radius: 999px;
  padding: 3px 10px;
  font-size: 10.5px;
  font-weight: 800;
  position: absolute;
  top: -11px;
  left: 14px;
}

.af-mx01-buyname {
  font-family: Circular Std, Arial, sans-serif;
  font-size: 16px;
  font-weight: 800;
}

.af-mx01-buysub {
  color: #6a6d80;
  margin-top: 3px;
  font-size: 12.5px;
  font-weight: 600;
}

.af-mx01-shipnote {
  color: #1c1f2e;
  text-align: center;
  margin-top: 14px;
  font-size: 14px;
  font-weight: 700;
}

.af-mx01-tiers {
  border: 1.5px solid #ecebf4;
  border-radius: 14px;
  grid-template-rows: auto;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 14px;
  padding: 18px 22px 16px;
  display: grid;
  position: relative;
}

.af-mx01-tierline {
  background-color: #e4e1f0;
  height: 2px;
  position: absolute;
  top: 56px;
  left: 12%;
  right: 12%;
}

.af-mx01-tier {
  text-align: center;
  cursor: pointer;
  position: relative;
}

.af-mx01-tierlbl {
  color: #1c1f2e;
  letter-spacing: .3px;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 13.5px;
  font-weight: 800;
}

.af-mx01-tierdot {
  background-color: #fff;
  border: 2px solid #c9c5dd;
  border-radius: 16px;
  width: 16px;
  height: 16px;
  margin: 10px auto;
}

.af-mx01-tierdot-on {
  background-color: #4c2ec9;
  border-color: #4c2ec9;
  box-shadow: 0 0 0 4px #4c2ec926;
}

.af-mx01-tierprice {
  color: #6a6d80;
  font-size: 14px;
  font-weight: 700;
}

.af-mx01-tierprice-hot {
  color: #e02d2d;
  font-weight: 800;
}

.af-mx01-flavh {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  color: #1c1f2e;
  letter-spacing: 1px;
  align-items: center;
  margin-top: 26px;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 15px;
  font-weight: 800;
  display: flex;
}

.af-mx01-flavhline {
  background-color: #ecebf4;
  flex: 1;
  height: 1.5px;
}

.af-mx01-flavgrid {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  grid-template-rows: auto;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 16px;
  display: grid;
}

.af-mx01-flav {
  text-align: center;
  border: 1.5px solid #ecebf4;
  border-radius: 14px;
  padding: 10px 10px 12px;
  position: relative;
}

.af-mx01-flavbadge {
  color: #8a6d1d;
  background-color: #fbeecb;
  border-radius: 999px;
  padding: 3px 10px;
  font-size: 10.5px;
  font-weight: 800;
  position: absolute;
  top: -10px;
  left: 10px;
}

.af-mx01-flavinfo {
  color: #4c2ec9;
  cursor: pointer;
  background-color: #fff;
  border: 1.5px solid #4c2ec9;
  border-radius: 22px;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  font-size: 12px;
  font-weight: 800;
  display: flex;
  position: absolute;
  top: 8px;
  right: 8px;
}

.af-mx01-flavimg {
  color: #b9b4a4;
  background-color: #f5f2ea;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  height: 110px;
  font-size: 10.5px;
  font-weight: 600;
  display: flex;
}

.af-mx01-flavname {
  justify-content: center;
  align-items: center;
  min-height: 36px;
  margin-top: 9px;
  font-size: 14px;
  font-weight: 800;
  display: flex;
}

.af-mx01-flavadd {
  color: #fff;
  cursor: pointer;
  background-color: #4c2ec9;
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  height: 36px;
  font-size: 13.5px;
  font-weight: 800;
  text-decoration: none;
  display: flex;
}

.af-mx01-flavstep {
  border: 1.5px solid #4c2ec9;
  border-radius: 9px;
  justify-content: space-between;
  align-items: center;
  height: 36px;
  padding: 0 4px;
  display: none;
}

.af-mx01-flavstep-on {
  display: flex;
}

.af-mx01-flavadd-off {
  display: none;
}

.af-mx01-fsbtn {
  color: #4c2ec9;
  cursor: pointer;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 28px;
  font-size: 17px;
  font-weight: 800;
  text-decoration: none;
  display: flex;
}

.af-mx01-fsqty {
  color: #1c1f2e;
  font-size: 14.5px;
  font-weight: 800;
}

.af-mx01-showmore {
  color: #1c1f2e;
  cursor: pointer;
  border: 1.5px solid #ecebf4;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  height: 46px;
  margin-top: 16px;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
  display: flex;
}

.af-mx01-cveil {
  z-index: 140;
  cursor: pointer;
  background-color: #14162873;
  display: none;
  position: fixed;
  inset: 0;
}

.af-mx01-cveil-on {
  display: block;
}

.af-mx01-drawer {
  z-index: 141;
  background-color: #fff;
  border-radius: 18px 18px 0 0;
  flex-direction: column;
  width: auto;
  max-width: none;
  height: 86vh;
  transition: bottom .3s;
  display: flex;
  position: fixed;
  inset: auto 0 -90vh;
  box-shadow: 0 -8px 40px #1416282e;
}

.af-mx01-drawer-on {
  bottom: 0;
  right: 0;
}

.af-mx01-chead {
  border-bottom: 1.5px solid #ecebf4;
  justify-content: space-between;
  align-items: center;
  padding: 18px 20px;
  display: flex;
}

.af-mx01-ctitle {
  color: #1c1f2e;
  font-size: 18px;
  font-weight: 800;
}

.af-mx01-cx {
  color: #1c1f2e;
  cursor: pointer;
  background-color: #f2f1f8;
  border-radius: 34px;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  font-size: 15px;
  font-weight: 800;
  text-decoration: none;
  display: flex;
}

.af-mx01-clines {
  flex: 1;
  padding: 14px 20px;
  overflow-y: auto;
}

.af-mx01-cempty {
  color: #8a8da0;
  text-align: center;
  padding: 34px 10px;
  font-size: 14px;
  font-weight: 600;
}

.af-mx01-cline {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-bottom: 1px solid #f2f1f8;
  align-items: center;
  padding: 12px 0;
  display: flex;
}

.af-mx01-climg {
  background-color: #f5f2ea;
  border-radius: 10px;
  flex-shrink: 0;
  width: 54px;
  height: 54px;
}

.af-mx01-clinfo {
  flex: 1;
  min-width: 0;
}

.af-mx01-clname {
  color: #1c1f2e;
  font-size: 14px;
  font-weight: 800;
}

.af-mx01-clmeta {
  color: #8a8da0;
  margin-top: 2px;
  font-size: 12px;
  font-weight: 600;
}

.af-mx01-clprice {
  color: #1c1f2e;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 800;
}

.af-mx01-clqty {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border: 1.5px solid #ecebf4;
  border-radius: 8px;
  align-items: center;
  padding: 2px 4px;
  display: flex;
}

.af-mx01-clqbtn {
  color: #4c2ec9;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: 15px;
  font-weight: 800;
  text-decoration: none;
  display: flex;
}

.af-mx01-clqval {
  text-align: center;
  min-width: 16px;
  font-size: 13px;
  font-weight: 800;
}

.af-mx01-csummary {
  border-top: 1.5px solid #ecebf4;
  padding: 16px 20px 20px;
}

.af-mx01-csrow {
  color: #3c3f52;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
  font-size: 14px;
  font-weight: 600;
  display: flex;
}

.af-mx01-csval {
  color: #1c1f2e;
  font-weight: 800;
}

.af-mx01-csval-green {
  color: #1e8a4a;
}

.af-mx01-csdivider {
  background-color: #ecebf4;
  height: 1.5px;
  margin: 14px 0 6px;
}

.af-mx01-cstotal {
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
  display: flex;
}

.af-mx01-cstotallbl {
  color: #1c1f2e;
  font-size: 16px;
  font-weight: 800;
}

.af-mx01-cstotalsave {
  color: #fff;
  background-color: #e02d2d;
  border-radius: 999px;
  margin-left: 8px;
  padding: 3px 10px;
  font-size: 11.5px;
  font-weight: 800;
}

.af-mx01-cstotalval {
  color: #1c1f2e;
  font-size: 19px;
  font-weight: 800;
}

.af-mx01-checkout {
  color: #fff;
  letter-spacing: .3px;
  cursor: pointer;
  background-color: #4c2ec9;
  border-radius: 11px;
  justify-content: center;
  align-items: center;
  height: 52px;
  margin-top: 14px;
  font-size: 15.5px;
  font-weight: 800;
  text-decoration: none;
  display: flex;
}

.af-mx01-instock {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #3c3f52;
  justify-content: center;
  align-items: center;
  margin-top: 18px;
  font-size: 14.5px;
  display: flex;
}

.af-mx01-instockdot {
  background-color: #4c2ec9;
  border-radius: 10px;
  width: 10px;
  height: 10px;
}

.af-mx01-instockb {
  color: #1c1f2e;
  font-weight: 800;
}

.af-mx01-atc {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #5a5578;
  letter-spacing: 1.5px;
  cursor: pointer;
  background-color: #cfc8ea;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  height: 58px;
  margin-top: 14px;
  font-size: 17px;
  font-weight: 800;
  text-decoration: none;
  transition: background-color .2s, color .2s;
  display: flex;
}

.af-mx01-atc-on {
  color: #fff;
  background-color: #4c2ec9;
}

.af-mx01-guars {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  margin-top: 22px;
  display: grid;
}

.af-mx01-guar {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: flex-start;
  display: flex;
}

.af-mx01-guarico {
  border-radius: 10px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-size: 20px;
  display: flex;
}

.af-mx01-guartitle {
  color: #1c1f2e;
  font-size: 15.5px;
  font-weight: 800;
}

.af-mx01-guartxt {
  color: #5a5d70;
  margin-top: 2px;
  font-size: 13.5px;
  line-height: 19px;
}

.af-mx01-accs {
  margin-top: 24px;
}

.af-mx01-acc {
  border: 1.5px solid #ecebf4;
  border-radius: 12px;
  margin-top: 12px;
  overflow: hidden;
}

.af-mx01-acchead {
  color: #1c1f2e;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding: 17px 18px;
  font-size: 16px;
  font-weight: 800;
  text-decoration: none;
  display: flex;
}

.af-mx01-accplus {
  color: #1c1f2e;
  font-size: 22px;
  font-weight: 600;
  line-height: 20px;
}

.af-mx01-accbody {
  color: #3c3f52;
  padding: 0 18px 16px;
  font-size: 14.5px;
  line-height: 23px;
  display: none;
}

.af-mx01-accbody-on {
  display: block;
}

.af-mx01-drawer-1 {
  z-index: 141;
  background-color: #fff;
  flex-direction: column;
  width: 460px;
  max-width: 94vw;
  transition: right .3s;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  right: -480px;
  box-shadow: -8px 0 40px #1416282e;
}

.af-mx01-drawer-on-1 {
  right: 0;
}

.af-mx01-chead-1 {
  background-color: #f6f6f9;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px;
  display: flex;
}

.af-mx01-ctitle-1 {
  color: #1c1f2e;
  font-size: 26px;
  font-weight: 800;
}

.af-mx01-cx-1 {
  color: #4b3192;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  font-size: 22px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
}

.af-mx01-clines-1 {
  padding: 18px 24px 6px;
  overflow-y: auto;
}

.af-mx01-cempty-1 {
  color: #8a8da0;
  text-align: center;
  padding: 30px 10px;
  font-size: 14px;
  font-weight: 600;
}

.af-mx01-cgroup {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  color: #1c1f2e;
  align-items: center;
  margin: 6px 0 14px;
  font-size: 17px;
  font-weight: 800;
  display: flex;
}

.af-mx01-cgline {
  background-color: #e4e1f0;
  flex: 1;
  height: 1px;
}

.af-mx01-cline-1 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: flex-start;
  padding: 6px 0 18px;
  display: flex;
}

.af-mx01-climg-1 {
  background-color: #f5f2ea;
  border-radius: 12px;
  flex-shrink: 0;
  width: 100px;
  height: 100px;
}

.af-mx01-clinfo-1 {
  flex: 1;
  min-width: 0;
  padding-top: 4px;
}

.af-mx01-clname-1 {
  color: #1c1f2e;
  font-size: 19px;
  font-weight: 800;
  line-height: 24px;
}

.af-mx01-clmeta-1 {
  color: #5a5d70;
  margin-top: 2px;
  font-size: 14.5px;
  font-weight: 500;
}

.af-mx01-clprice2 {
  color: #1c1f2e;
  margin-top: 10px;
  font-size: 17px;
  font-weight: 700;
}

.af-mx01-clright {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  align-items: flex-end;
  padding-top: 4px;
  display: flex;
}

.af-mx01-clqlbl {
  color: #3c3f52;
  font-size: 14px;
  font-weight: 600;
}

.af-mx01-clqty-1 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  background-color: #f6f6f9;
  border-radius: 999px;
  align-items: center;
  padding: 3px;
  display: flex;
}

.af-mx01-clqbtn2 {
  color: #fff;
  cursor: pointer;
  background-color: #4b3192;
  border-radius: 32px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  font-size: 15px;
  font-weight: 800;
  text-decoration: none;
  display: flex;
}

.af-mx01-clqval-1 {
  color: #1c1f2e;
  text-align: center;
  min-width: 26px;
  font-size: 15px;
  font-weight: 800;
}

.af-mx01-clremove {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #4b3192;
  cursor: pointer;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  text-decoration: underline;
  display: flex;
}

.af-mx01-xsell {
  background-color: #ecebfa;
  padding: 22px 24px 16px;
}

.af-mx01-xtitle {
  color: #1c1f2e;
  font-size: 22px;
  font-weight: 800;
  line-height: 27px;
}

.af-mx01-xsub {
  color: #1c1f2e;
  margin-top: 4px;
  font-size: 14.5px;
  font-weight: 500;
}

.af-mx01-xcards {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  scrollbar-width: none;
  margin-top: 14px;
  display: flex;
  overflow-x: auto;
}

.af-mx01-xcard {
  background-color: #fff;
  border: 1.5px solid #4b3192;
  border-radius: 10px;
  flex-shrink: 0;
  min-width: 262px;
  display: flex;
  overflow: hidden;
}

.af-mx01-ximg {
  background-color: #f5f2ea;
  flex-shrink: 0;
  width: 112px;
}

.af-mx01-xinfo {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-direction: column;
  padding: 12px 12px 12px 14px;
  display: flex;
}

.af-mx01-xname {
  color: #1c1f2e;
  font-size: 15.5px;
  font-weight: 800;
  line-height: 19px;
}

.af-mx01-xtype {
  color: #5a5d70;
  font-size: 13px;
  font-weight: 500;
}

.af-mx01-xprice {
  color: #1c1f2e;
  font-size: 14.5px;
  font-weight: 700;
}

.af-mx01-xadd {
  color: #fff;
  cursor: pointer;
  background-color: #4b3192;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 92px;
  height: 34px;
  margin-top: 6px;
  font-size: 13.5px;
  font-weight: 800;
  text-decoration: none;
  display: flex;
}

.af-mx01-xdots {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  justify-content: center;
  align-items: center;
  margin-top: 12px;
  display: flex;
}

.af-mx01-xdot {
  background-color: #b9b3dd;
  border-radius: 8px;
  width: 8px;
  height: 8px;
  transition: width .2s, background-color .2s;
}

.af-mx01-xdot-on {
  background-color: #4b3192;
  width: 26px;
}

.af-mx01-csummary-1 {
  border-top: 1px solid #ecebf4;
  margin-top: auto;
  padding: 18px 24px 20px;
}

.af-mx01-cstitle {
  color: #1c1f2e;
  margin-bottom: 8px;
  font-size: 24px;
  font-weight: 800;
}

.af-mx01-csrow-1 {
  color: #3c3f52;
  justify-content: space-between;
  align-items: center;
  margin-top: 6px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.af-mx01-csval-1 {
  color: #1c1f2e;
  font-weight: 700;
}

.af-mx01-csval-red {
  color: #e02d2d;
  font-weight: 700;
}

.af-mx01-csdivider-1 {
  background-color: #e4e1f0;
  height: 1px;
  margin: 14px 0 10px;
}

.af-mx01-cstotal-1 {
  justify-content: space-between;
  align-items: baseline;
  display: flex;
}

.af-mx01-cstotallbl-1 {
  color: #1c1f2e;
  font-size: 24px;
  font-weight: 800;
}

.af-mx01-cstotalfor {
  color: #3c3f52;
  margin-left: 8px;
  font-size: 15px;
  font-weight: 600;
}

.af-mx01-cstotalval-1 {
  color: #1c1f2e;
  font-size: 26px;
  font-weight: 800;
}

.af-mx01-checkout-1 {
  color: #fff;
  letter-spacing: .6px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #4b3192;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  height: 56px;
  margin-top: 16px;
  font-size: 16.5px;
  font-weight: 800;
  text-decoration: none;
  display: flex;
}

.af-mx01-continue {
  color: #4b3192;
  letter-spacing: .6px;
  text-transform: uppercase;
  cursor: pointer;
  border: 2px solid #4b3192;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  height: 54px;
  margin-top: 12px;
  font-size: 16px;
  font-weight: 800;
  text-decoration: none;
  display: flex;
}

.af-mx01-ctrust {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: #1c1f2e;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 14px;
  font-size: 13.5px;
  font-weight: 600;
  display: flex;
}

.af-mx01-ctrustitem {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  align-items: center;
  display: flex;
}

.af-mx01-garr {
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border-radius: 56px;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  margin-top: -28px;
  transition: transform .15s, box-shadow .15s;
  display: flex;
  position: absolute;
  top: 50%;
  box-shadow: 0 2px 12px #14162824;
}

.af-mx01-garr.af-mx01-garr-l, .af-mx01-garr.af-mx01-garr-r {
  width: 44px;
  height: 44px;
}

.af-mx01-garr-l {
  left: 22px;
}

.af-mx01-garr-r {
  right: 22px;
}

.af-mx01-rvbars {
  margin-top: 6px;
}

.af-mx01-rvrow {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: center;
  margin-top: 8px;
  display: flex;
}

.af-mx01-rvstar {
  color: #1c1f2e;
  white-space: nowrap;
  width: 34px;
  font-size: 14px;
  font-weight: 800;
}

.af-mx01-rvtrack {
  background-color: #f0eef7;
  border-radius: 12px;
  flex: 1;
  height: 12px;
  overflow: hidden;
}

.af-mx01-rvfill {
  background-color: #3b2b7a;
  border-radius: 12px;
  height: 12px;
}

.af-mx01-rvcount {
  color: #1c1f2e;
  text-align: right;
  width: 52px;
  font-size: 14px;
  font-weight: 700;
}

.af-mx01-rvdivider {
  background-color: #e4e1f0;
  height: 1px;
  margin: 18px 0 4px;
}

.af-mx01-rvcard {
  border-bottom: 1px solid #f0eef7;
  padding: 16px 0 14px;
}

.af-mx01-rvhead {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.af-mx01-rvname {
  color: #1c1f2e;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 15px;
  font-weight: 800;
}

.af-mx01-rvverified {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #4b3192;
  align-items: center;
  margin-top: 2px;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 13.5px;
  font-weight: 700;
  display: flex;
}

.af-mx01-rvdate {
  color: #8a8da0;
  font-size: 13.5px;
  font-weight: 600;
}

.af-mx01-rvstars {
  color: #f5a623;
  letter-spacing: 2px;
  margin-top: 10px;
  font-size: 16px;
}

.af-mx01-rvtitle {
  color: #1c1f2e;
  margin-top: 8px;
  font-size: 16.5px;
  font-weight: 800;
}

.af-mx01-rvtxt {
  color: #3c3f52;
  margin-top: 6px;
  font-size: 14.5px;
  line-height: 22px;
}

.af-mx01-rvfoot {
  color: #5a5d70;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.af-mx01-rvhelpful {
  color: #4b3192;
  font-weight: 700;
}

.af-mx01-rvmore {
  color: #fff;
  cursor: pointer;
  background-color: #4b3192;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 44px;
  margin: 16px auto 0;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
  display: flex;
}

.af-mx01-thumbarrow {
  color: #4b3192;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #e4e1f0;
  border-radius: 12px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 56px;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
  display: flex;
  box-shadow: 0 1px 6px #1416280f;
}

.af-mx01-galtrack {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: 1;
  min-width: 0;
  display: flex;
  overflow: auto;
}

.af-mx01-galthumb-1 {
  cursor: pointer;
  background-color: #f5f2ea;
  border: 1.5px solid #ecebf4;
  border-radius: 10px;
  flex-shrink: 0;
  width: 86px;
  height: 86px;
}

.af-mx01-crow {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  border-bottom: 1px solid #f0eef7;
  align-items: flex-start;
  margin-bottom: 12px;
  padding: 6px 0 16px;
  display: flex;
}

.af-mx01-crimg {
  background-color: #f5f2ea;
  border-radius: 12px;
  flex-shrink: 0;
  width: 100px;
  height: 100px;
}

.af-mx01-crinfo {
  flex: 1;
  min-width: 0;
  padding-top: 2px;
}

.af-mx01-crname {
  color: #1c1f2e;
  font-size: 18px;
  font-weight: 800;
  line-height: 23px;
}

.af-mx01-crmeta {
  color: #5a5d70;
  margin-top: 2px;
  font-size: 14px;
  font-weight: 500;
}

.af-mx01-crprices {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 10px;
  display: flex;
}

.af-mx01-crstrike {
  color: #9a9dae;
  font-size: 14px;
  font-weight: 600;
  text-decoration: line-through;
}

.af-mx01-crprice {
  color: #1c1f2e;
  font-size: 16px;
  font-weight: 800;
}

.af-mx01-croff {
  color: #4b3192;
  background-color: #ecebfa;
  border-radius: 999px;
  padding: 3px 9px;
  font-size: 11.5px;
  font-weight: 800;
}

.af-mx01-crright {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  flex-direction: column;
  align-items: flex-end;
  padding-top: 2px;
  display: flex;
}

.af-mx01-crqlbl {
  color: #3c3f52;
  font-size: 13.5px;
  font-weight: 600;
}

.af-mx01-crq {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  background-color: #f6f6f9;
  border-radius: 999px;
  align-items: center;
  padding: 3px;
  display: flex;
}

.af-mx01-crqbtn {
  color: #fff;
  cursor: pointer;
  background-color: #4b3192;
  border-radius: 32px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  font-size: 15px;
  font-weight: 800;
  text-decoration: none;
  display: flex;
}

.af-mx01-crqval {
  color: #1c1f2e;
  text-align: center;
  min-width: 24px;
  font-size: 14.5px;
  font-weight: 800;
}

.af-mx01-crremove {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #4b3192;
  cursor: pointer;
  align-items: center;
  font-size: 13.5px;
  font-weight: 600;
  text-decoration: underline;
  display: flex;
}

.af-mx01-tierfillel {
  background-color: #4b3192;
  width: 0%;
  height: 2px;
  position: absolute;
  top: 56px;
  left: 12%;
}

.code-embed-21, .code-embed-22 {
  display: none;
}

.af-mx01-thstrip {
  grid-column-gap: 10px;
  align-items: center;
  width: 100%;
  min-width: 0;
  display: flex;
}

.div-block-2621 {
  font-family: Circular Std, Arial, sans-serif;
}

.code-embed-23, .code-embed-24 {
  display: none;
}

.af-mx01-gar2 {
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border-radius: 56px;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  margin-top: -28px;
  display: flex;
  position: absolute;
  top: 50%;
  box-shadow: 0 2px 12px #14162824;
}

.af-mx01-gar2.af-mx01-gar2-l {
  width: 44px;
  height: 44px;
  left: 14px;
  box-shadow: 0 2px 19px #1416281c;
}

.af-mx01-gar2.af-mx01-gar2-r {
  width: 44px;
  height: 44px;
  right: 14px;
  box-shadow: 0 2px 19px #1416281c;
}

.af-mx01-gar2-l {
  left: 22px;
}

.af-mx01-gar2-r {
  right: 22px;
}

.af-mx01-gar2flip {
  display: flex;
  transform: scaleX(-1);
}

.af-mx01-thbtn {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #e4e1f0;
  border-radius: 7px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 56px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 1px 6px #1416280f;
}

.af-mx01-thflip {
  display: flex;
  transform: scaleX(-1);
}

.af-mx01-atc2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #5a5578;
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #cfc8ea;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  height: 65px;
  margin-top: 14px;
  font-size: 17px;
  font-weight: 800;
  text-decoration: none;
  display: flex;
}

.af-mx01-cartbtn2 {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding: 6px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.af-mx01-ccount2 {
  color: #fff;
  background-color: #4b3192;
  border-radius: 18px;
  justify-content: center;
  align-items: center;
  min-width: 18px;
  height: 18px;
  padding-left: 4px;
  padding-right: 4px;
  font-size: 11px;
  font-weight: 800;
  display: flex;
  position: absolute;
  top: -3px;
  right: -5px;
}

.af-mx01-g2 {
  grid-column-gap: 12px;
  align-items: flex-start;
  display: flex;
}

.af-mx01-g2ico {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  display: flex;
}

.af-mx01-g2title {
  color: #1c1f2e;
  font-size: 15px;
  font-weight: 800;
}

.af-mx01-g2txt {
  color: #6f7286;
  margin-top: 2px;
  font-size: 13px;
  line-height: 18px;
}

.af-mx01-g2wrap {
  display: contents;
}

.af-mx01-smarr {
  align-items: center;
  margin-left: 8px;
  display: inline-flex;
  transform: rotate(90deg);
}

.text-span-240 {
  padding-left: 2px;
}

.tl01-section {
  background-color: #171b10;
  padding: 72px 20px;
  font-family: Helvetica Neue, Arial, sans-serif;
}

.tl01-wrap {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

.tl01-eyebrow {
  color: #9db36a;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 12px;
  font-family: monospace;
  font-size: 12px;
}

.tl01-title {
  color: #f3f2ea;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 34px;
  font-weight: 700;
  line-height: 1.15;
}

.tl01-sub {
  color: #b9bfa8;
  margin-top: 0;
  margin-bottom: 28px;
  font-size: 16px;
  line-height: 1.5;
}

.tl01-card {
  background-color: #faf9f3;
  border-radius: 16px;
  padding: 24px;
}

.tl01-note {
  color: #7d8470;
  margin-top: 14px;
  font-family: monospace;
  font-size: 12px;
}

.afl-page {
  background-color: #fdfffb;
  padding: 56px 20px 24px;
  font-family: Inter, Helvetica Neue, Arial, sans-serif;
}

.afl-wrap {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

.afl-eyebrow {
  color: #7a7f6d;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: monospace;
  font-size: 12px;
}

.afl-title {
  color: #20241b;
  letter-spacing: -.5px;
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 32px;
  font-weight: 800;
}

.afl-sub {
  color: #6d7260;
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
}

.afl-sec {
  background-color: #fdfffb;
  padding: 24px 20px;
  font-family: Inter, Helvetica Neue, Arial, sans-serif;
}

.afl-secwrap {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

.afl-lab {
  color: #7a7f6d;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-bottom: 14px;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.afl-secb, .afl-secc {
  background-color: #fdfffb;
  padding: 24px 20px 72px;
  font-family: Inter, Helvetica Neue, Arial, sans-serif;
}

.afl-secd {
  background-color: #fdfffb;
  padding: 24px 20px;
  font-family: Inter, Helvetica Neue, Arial, sans-serif;
}

.afl-sece {
  background-color: #fdfffb;
  padding: 24px 20px 72px;
  font-family: Inter, Helvetica Neue, Arial, sans-serif;
}

.afl-secf {
  background-color: #fdfffb;
  padding: 24px 20px;
  font-family: Inter, Helvetica Neue, Arial, sans-serif;
}

.afl-secg {
  background-color: #f4f5ec;
  padding: 24px 20px 72px;
  font-family: Inter, Helvetica Neue, Arial, sans-serif;
}

.afl-sech {
  background-color: #fdfffb;
  padding: 24px 20px 72px;
  font-family: Inter, Helvetica Neue, Arial, sans-serif;
}

.afl-seci {
  background-color: #f4f5ec;
  padding: 24px 20px 72px;
  font-family: Inter, Helvetica Neue, Arial, sans-serif;
}

.afl-secj {
  background-color: #fdfdf7;
  padding: 24px 20px 72px;
  font-family: Inter, Helvetica Neue, Arial, sans-serif;
}

.afl-seck {
  background-color: #f4f5ec;
  padding: 24px 20px 72px;
  font-family: Inter, Helvetica Neue, Arial, sans-serif;
}

.afl-secl {
  background-color: #fdfdf7;
  padding: 24px 20px 72px;
  font-family: Inter, Helvetica Neue, Arial, sans-serif;
}

.os-card__selector-star-3 {
  color: #ffa600;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.2em;
  height: 1.2em;
  margin-top: 1px;
  font-size: .7rem;
  display: flex;
  position: relative;
  top: 0;
}

.div-block-2622 {
  position: absolute;
  top: 0;
}

.bold-text-1793 {
  color: #fffffff7;
  padding-right: 4px;
  font-weight: 400;
}

.text-span-241 {
  color: #fffffff7;
  font-weight: 400;
}

.text-span-242 {
  color: #ffffff5c;
}

.text-span-243 {
  font-weight: 500;
}

.bold-text-1794 {
  color: #fffffff7;
  font-weight: 700;
}

.code-embed-25 {
  line-height: 0;
}

.code-embed-26 {
  line-height: 0;
}

.text-span-244 {
  font-size: 15px;
}

.text-span-245 {
  text-align: center;
  flex: 1;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  font-size: 18px;
  display: flex;
}

.text-span-246 {
  font-size: 15px;
}

.af-bb01-dhead {
  z-index: 50;
  background-color: #fefffb;
  border-bottom: 1px #edf0ea;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 60px;
  padding: 10px 24px;
  display: flex;
  position: relative;
  box-shadow: 0 4px 4px #0000000f;
}

.af-bb01-dtitle {
  color: #31392b;
  letter-spacing: -.3px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}

.af-bb01-main {
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
  width: 100%;
  display: grid;
}

.af-bb01-gal {
  grid-row-gap: 30px;
  background-color: #f2f5ef;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: calc(100vh - 34px);
  padding: 40px;
  display: flex;
  position: sticky;
  top: 34px;
  overflow: hidden;
}

.af-bb01-galhero {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 640px;
  display: flex;
  position: relative;
}

.af-bb01-galimg {
  width: 100%;
  max-width: 560px;
  height: 52vh;
  min-height: 320px;
  display: block;
}

.af-bb01-galarr {
  cursor: pointer;
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  font-size: 0;
  line-height: 0;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  box-shadow: 0 4px 16px #31392b1a;
}

.af-bb01-galarr:hover {
  box-shadow: 0 6px 20px #31392b29;
}

.af-bb01-galthumbs {
  grid-column-gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.af-bb01-galthumb {
  cursor: pointer;
  background-color: #fff;
  border: 1.5px solid #e3e8de;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 76px;
  height: 66px;
  padding: 5px;
  display: flex;
  overflow: hidden;
}

.af-bb01-galthumb:hover {
  border-color: #b9c4ae;
}

.af-bb01-galthumb-on {
  border-width: 2px;
  border-color: #577d38;
}

.af-bb01-galthumbimg {
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: block;
}

.af-bb01-galarr-l {
  left: 16px;
}

.af-bb01-galarr-r {
  right: 16px;
}

.af-bb01-dtimer {
  grid-column-gap: 6px;
  color: #394133;
  background-color: #0000;
  border-style: none;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  margin-top: 2px;
  margin-bottom: 10px;
  padding: 0;
  font-size: 14.5px;
  font-weight: 500;
  display: flex;
}

.af-bb01-dtval {
  color: #b0605d;
  background-color: #f6dcd8;
  border-radius: 6px;
  padding: 1px 7px;
  font-weight: 700;
}

.af-bb01-galslider {
  width: 100%;
  min-width: 0;
  max-width: 560px;
  overflow: hidden;
}

.af-bb01-iselrow {
  grid-column-gap: 10px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  margin-top: 3px;
  display: flex;
}

.af-bb01-iselwrap {
  grid-row-gap: 6px;
  flex-direction: column;
  flex: 1;
  min-width: 120px;
  display: flex;
}

.af-bb01-isellbl {
  color: #394133;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 600;
  line-height: 14px;
}

.af-bb01-isel {
  background-color: #fff;
  border: 1.2px solid #e7ece3;
  border-radius: 10px;
  align-items: center;
  min-width: 150px;
  height: 38px;
  display: flex;
  position: relative;
}

.af-bb01-micro {
  grid-column-gap: 10px;
  color: #394133;
  background-color: #f2f4ee;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  margin-top: 14px;
  padding: 10px 14px;
  font-size: 14.5px;
  font-weight: 500;
  display: flex;
}

.af-bb01-microava {
  object-fit: cover;
  border-radius: 50%;
  width: 30px;
  min-width: 30px;
  height: 30px;
}

.af-bb01-ftimer {
  grid-column-gap: 5px;
  color: #394133;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  font-size: 14px;
  display: flex;
}

.af-bb01-ftv {
  color: #b04a3f;
  background-color: #f8e3e0;
  border-radius: 6px;
  padding: 1px 7px;
  font-weight: 700;
  display: inline-block;
}

.af-bb01-fchecks {
  grid-column-gap: 28px;
  color: #394133;
  background-color: #0000;
  border-style: none;
  border-radius: 0;
  justify-content: center;
  margin-top: 12px;
  padding: 0;
  font-size: 13.5px;
  font-weight: 600;
  display: flex;
}

.af-bb01-fcheck {
  grid-column-gap: 7px;
  align-items: center;
  display: flex;
}

.af-bb01-why {
  margin-top: 28px;
  display: block;
}

.af-bb01-whyh {
  grid-column-gap: 14px;
  color: #31392b;
  text-align: center;
  letter-spacing: .2px;
  align-items: center;
  font-size: 13px;
  font-weight: 800;
  display: flex;
}

.af-bb01-whyline {
  border-top: 1.44px dashed #d4d8cf;
  flex: 1;
  height: 0;
}

.af-bb01-whyi {
  grid-column-gap: 14px;
  align-items: flex-start;
  margin-top: 22px;
  display: flex;
}

.af-bb01-whyic {
  background-color: #eef3ea;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 46px;
  min-width: 46px;
  height: 46px;
  display: flex;
}

.af-bb01-whyt {
  color: #31392b;
  margin-top: 0;
  margin-bottom: 4px;
  font-size: 15.5px;
  font-weight: 500;
}

.af-bb01-whyd {
  color: #3d473acc;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 22px;
}

.af-bb01-pfooter {
  color: #ffffffd9;
  background-color: #2b3921;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 22px 40px;
  font-size: 13px;
  display: flex;
}

.af-bb01-pflink {
  color: #ffffffe6;
  margin-left: 24px;
  font-size: 13px;
  font-weight: 500;
  text-decoration: underline;
}

.af-embed-06 {
  display: none;
}

.af-bb01-swbtnwrap {
  z-index: 2;
  pointer-events: none;
  justify-content: space-between;
  align-items: center;
  padding-left: 14px;
  padding-right: 14px;
  display: flex;
  position: absolute;
  inset: 0;
}

.af-bb01-swbtn {
  pointer-events: auto;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #0000001a;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  display: flex;
  box-shadow: 0 0 1px #1d4ed800;
}

.af-bb01-swthumbs {
  width: 100%;
  margin-top: 18px;
}

.af-bb01-swthumbrow {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.af-bb01-swthumb {
  cursor: pointer;
  background-color: #fff;
  border: 1.4px solid #e7ece3;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  padding: 6px;
  display: flex;
}

.af-bb01-swthumbimg {
  object-fit: contain;
  max-width: 100%;
  max-height: 100%;
}

.af-bb01-dtxt {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

.af-bb01-dtxt.af-timer-txt {
  font-weight: 700;
}

.af-bb01-dtxt.af-footer-txt {
  font-weight: 500;
}

.af-bb01-dtin {
  grid-column-gap: 6px;
  align-items: center;
  display: flex;
}

.af-bb01-dsg {
  grid-column-gap: 6px;
  color: #394133bf;
  cursor: pointer;
  align-items: center;
  margin-left: auto;
  font-size: 13.5px;
  font-weight: 500;
  text-decoration: underline;
  display: flex;
}

.code-embed-28 {
  color: #31392b;
  justify-content: center;
  align-items: center;
  display: flex;
}

.code-embed-29 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-span-247, .text-span-248 {
  font-weight: 700;
}

.af-scratch-section {
  justify-content: center;
  padding: 56px 20px;
  display: flex;
}

.af-scratch {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 460px;
  font-family: Circular Std, Arial, sans-serif;
  display: flex;
  position: relative;
}

.af-scratch__title {
  color: #1c2118;
  text-align: center;
  letter-spacing: -.01em;
  margin: 0;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
}

.af-scratch__sub {
  color: #5c6455;
  text-align: center;
  margin: 0;
  font-size: 14.5px;
}

.af-scratch__card {
  aspect-ratio: 290 / 150;
  background-color: #41483b;
  background-image: linear-gradient(150deg, #c8a25c 0%, #eddba4 25%, #a97f36 50%, #e3cd94 75%, #8f6c2c 100%);
  border-radius: 11.5px;
  width: 100%;
  max-width: 400px;
  margin-top: 6px;
  padding: 1.5px;
  position: relative;
}

.af-scratch__face {
  background-color: #fdfffb;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.af-scratch__frame {
  background-color: #41483b;
  padding: 2.59% 3.45%;
  display: flex;
  position: absolute;
  inset: 0;
}

.af-scratch__ticket {
  background-color: #fdfffb;
  border-radius: 9px;
  flex: 1;
  display: flex;
  position: relative;
}

.af-scratch__corner {
  aspect-ratio: 1;
  background-color: #41483b;
  border-radius: 50%;
  width: 11.1%;
  height: auto;
  position: absolute;
}

.af-scratch__corner--tl {
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
}

.af-scratch__corner--tr {
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
}

.af-scratch__corner--bl {
  bottom: 0;
  left: 0;
  transform: translate(-50%, 50%);
}

.af-scratch__corner--br {
  bottom: 0;
  right: 0;
  transform: translate(50%, 50%);
}

.af-scratch__stub {
  flex: 0 0 37.9%;
  justify-content: center;
  align-items: center;
  padding: 14px 8px 14px 16px;
  display: flex;
  position: relative;
}

.af-scratch__shoe {
  object-fit: contain;
  max-width: 96%;
  max-height: 88%;
  padding-right: 0;
}

.af-scratch__perf {
  border-left: 3px dashed #41483b;
  position: absolute;
  top: 22%;
  bottom: 22%;
  left: 37.9%;
}

.af-scratch__notch {
  aspect-ratio: 1;
  background-color: #41483b;
  border-radius: 50%;
  width: 7.1%;
  height: auto;
  position: absolute;
  left: 37.9%;
  transform: translateX(-50%);
}

.af-scratch__notch.af-scratch__notch--top {
  top: 0;
  transform: translate(-50%, -50%);
}

.af-scratch__notch.af-scratch__notch--bottom {
  bottom: 0;
  transform: translate(-50%, 50%);
}

.hks-nt {
  top: -29px;
}

.hks-nb {
  bottom: -29px;
}

.af-scratch__main {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  text-align: center;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.af-scratch__pct {
  color: #41483b;
  letter-spacing: -.05em;
  font-size: 66px;
  font-weight: 900;
  line-height: .94;
}

.af-scratch__label {
  color: #41483b;
  margin-top: 2px;
  font-size: 17.5px;
  font-weight: 500;
}

.af-scratch__chip {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  background-color: #577d380a;
  border: 1.5px dashed #577d38;
  border-radius: 7px;
  align-items: center;
  margin-top: 14px;
  padding: 6px 12px 7px;
  display: inline-flex;
}

.af-scratch__chip-label {
  color: #577d38;
  letter-spacing: .08em;
  font-size: 16.5px;
  font-weight: 700;
}

.af-scratch__chip-code {
  color: #4a5144;
  letter-spacing: .08em;
  font-size: 18px;
  font-weight: 700;
}

.af-scratch__hint {
  color: #8a9382;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
}

.af-scratch__cta {
  color: #fff;
  text-align: center;
  background-color: #4d7a2c;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 400px;
  padding: 16px 24px;
  font-size: 16.5px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
}

.af-scratch__fine {
  color: #8a9382;
  text-align: center;
  font-size: 11.5px;
}

.af-scratch__foil {
  z-index: 3;
  background-image: linear-gradient(135.79deg, #5c7a2e 13%, #58752b 32%, #4c6825 50%, #5e7f2c 71%, #4f6826 87%);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}

.af-scratch__foil-border {
  border: 2px dashed #ffffff3d;
  border-radius: 16.5px;
  position: absolute;
  inset: 9.7px 12.4px;
}

.af-scratch__foil-label {
  color: #fff;
  letter-spacing: 2.75px;
  font-size: 19px;
  font-weight: 700;
}

.code-embed-30 {
  display: none;
}

.af-scratch__foil-tex {
  opacity: .1;
  background-image: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/6a763d9e8c8e339fea9f7304_Foil%20panel%20AF.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 10px;
  position: absolute;
  inset: 0;
}

.af-flip-section {
  background-color: #17402a;
  justify-content: center;
  padding: 56px 20px;
  display: flex;
}

.af-flip {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #fff7df;
  border-radius: 8px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 528px;
  padding: 56px 24px 28px;
  font-family: Work Sans, Manrope, sans-serif;
  display: flex;
  position: relative;
  overflow: hidden;
}

.af-flip__title {
  color: #2e7d3b;
  text-align: center;
  letter-spacing: 0;
  text-transform: uppercase;
  margin: 0;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 34px;
  font-weight: 900;
}

.af-flip__sub {
  color: #1c2a1e;
  text-align: center;
  letter-spacing: .05em;
  text-transform: none;
  margin: 0;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.af-flip__legend {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  width: 100%;
  margin-top: 6px;
  display: none;
}

.af-flip__prize {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-direction: column;
  flex: 1;
  align-items: center;
  min-width: 0;
  display: flex;
}

.af-flip__prize-box {
  aspect-ratio: 1;
  background-color: #f4f6ef;
  border: 1.5px dashed #9aa58e;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 10px;
  display: flex;
  position: relative;
}

.af-flip__prize-tag {
  color: #fff;
  white-space: nowrap;
  background-color: #c0392b;
  border-radius: 4px;
  padding: 2px 7px;
  font-size: 10.5px;
  font-weight: 700;
  position: absolute;
  top: -9px;
  left: 50%;
  transform: translateX(-50%);
}

.af-flip__prize-img {
  object-fit: contain;
  max-width: 82%;
  max-height: 72%;
}

.af-flip__prize-name {
  color: #3a4132;
  text-align: center;
  font-size: 11.5px;
  font-weight: 600;
}

.af-flip__progress {
  color: #1c2a1e;
  text-align: center;
  margin-top: 4px;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 14.5px;
  font-weight: 700;
}

.af-flip__grid {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  max-width: 440px;
  display: grid;
}

.af-flip__cell {
  aspect-ratio: 104 / 120;
  cursor: pointer;
  position: relative;
}

.af-flip__card3d {
  width: 100%;
  height: 100%;
  position: relative;
}

.af-flip__face {
  border: 1px solid #c8a25c;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.af-flip__face.af-flip__face--front {
  background-color: #fdefd1;
  background-image: none;
  border-width: 1.5px;
  border-color: #00572c;
}

.af-flip__face--front {
  background-image: linear-gradient(135.79deg, #5c7a2e 13%, #58752b 32%, #4c6825 50%, #5e7f2c 71%, #4f6826 87%);
}

.af-flip__front-border {
  border: 2px dashed #ffffff3d;
  border-radius: 9px;
  font-family: Circular Std, Arial, sans-serif;
  font-weight: 700;
  display: none;
  position: absolute;
  inset: 7px;
}

.af-flip__q {
  color: #2e5b33;
  font-size: 44px;
  font-weight: 700;
}

.af-flip__face--back {
  grid-row-gap: 6px;
  background-color: #1e4a2c;
  border-width: 2px;
  border-color: #f2c744;
  flex-direction: column;
  padding: 10px;
}

.af-flip__win-img {
  object-fit: contain;
  max-width: 72%;
  max-height: 56%;
}

.af-flip__win-name {
  color: #fff;
  text-align: center;
  letter-spacing: .02em;
  text-transform: uppercase;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 14px;
  font-weight: 900;
}

.af-flip__cta {
  color: #fff;
  text-align: center;
  background-color: #2e7d3b;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 360px;
  margin-top: 6px;
  padding: 16px 24px;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 16.5px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
}

.af-flip__fine {
  color: #8a9382;
  text-align: center;
  font-size: 11.5px;
  display: none;
}

.code-embed-31 {
  display: none;
}

.af-flip__checker {
  height: 28px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.af-reel-section {
  background-color: #41483b;
  justify-content: center;
  padding: 56px 20px;
  display: flex;
}

.af-reel {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 380px;
  font-family: Manrope;
  display: flex;
  position: relative;
}

.af-reel__frame {
  background-color: #fdfffb;
  border-radius: 18px;
  padding: 16px;
  position: relative;
}

.af-reel__bulbs {
  pointer-events: none;
  border-radius: 14px;
  position: absolute;
  inset: 5px;
}

.af-reel__window {
  background-color: #fdfffb;
  border-radius: 10px;
  width: 230px;
  height: 430px;
  position: relative;
  overflow: hidden;
}

.af-reel__strip {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.af-reel__seg {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 143px;
  display: flex;
}

.af-reel__seg--green {
  color: #fff;
  background-image: linear-gradient(#5c7a2e, #4c6825);
}

.af-reel__seg--dark {
  color: #f2e9c8;
  background-image: linear-gradient(#4a5144, #41483b);
}

.af-reel__seg--cream {
  color: #577d38;
  background-color: #fdfffb;
}

.af-reel__pct {
  font-size: 44px;
  font-weight: 900;
  line-height: 1;
}

.af-reel__lb {
  letter-spacing: .04em;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.05;
}

.af-reel__arrow {
  width: 74px;
  height: 60px;
  position: absolute;
  top: 50%;
  right: -46px;
  transform: translateY(-50%);
}

.af-reel__btn {
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #4d7a2c;
  border-radius: 999px;
  padding: 15px 34px;
  font-size: 17px;
  font-weight: 800;
  text-decoration: none;
  box-shadow: 0 4px #3a5c20;
}

.af-reel__left {
  color: #fff;
  text-align: center;
  font-size: 14.5px;
  font-weight: 700;
}

.af-reel__count {
  background-color: #4d7a2c;
  border-radius: 6px;
  padding: 2px 9px;
  display: inline-block;
}

.af-reel__overlay {
  z-index: 50;
  background-color: #141a0c73;
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: none;
  position: fixed;
  inset: 0;
}

.af-reel__card {
  text-align: center;
  background-color: #fdfffb;
  border-radius: 16px;
  width: 100%;
  max-width: 330px;
  padding: 22px 20px 24px;
}

.af-reel__card-img {
  width: 60%;
  margin: 0 auto 10px;
  display: block;
}

.af-reel__valid {
  color: #577d38;
  font-size: 13px;
  font-weight: 700;
}

.af-reel__name {
  color: #41483b;
  margin-top: 2px;
  margin-bottom: 10px;
  font-size: 19px;
  font-weight: 800;
}

.af-reel__badge {
  border: 1.5px dashed #577d38;
  border-radius: 7px;
  font-size: 13.5px;
  font-weight: 800;
  display: inline-flex;
  overflow: hidden;
}

.af-reel__badge-l {
  color: #577d38;
  background-color: #fdfffb;
  padding: 4px 9px;
}

.af-reel__badge-r {
  color: #fff;
  background-color: #577d38;
  padding: 4px 9px;
}

.af-reel__claim {
  color: #fff;
  text-align: center;
  background-color: #4d7a2c;
  border-radius: 999px;
  margin-top: 14px;
  padding: 13px;
  font-weight: 800;
  text-decoration: none;
  display: block;
}

.af-reel__again {
  color: #577d38;
  text-align: center;
  cursor: pointer;
  margin-top: 8px;
  font-size: 13px;
  font-weight: 700;
  display: block;
}

.af-slot-section {
  background-color: #41483b;
  justify-content: center;
  padding: 56px 20px;
  display: flex;
}

.af-slot {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff7df;
  border-radius: 14px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 420px;
  padding: 30px 22px 26px;
  font-family: Manrope;
  display: flex;
  position: relative;
}

.af-slot__title {
  color: #2e7d3b;
  letter-spacing: .05em;
  margin: 0;
  font-size: 27px;
  font-weight: 900;
}

.af-slot__sub {
  color: #1c2a1e;
  text-align: center;
  margin: -8px 0 0;
  font-size: 13.5px;
  font-weight: 600;
}

.af-slot__machine {
  background-color: #41483b;
  border-radius: 14px;
  width: 100%;
  padding: 14px;
  position: relative;
  box-shadow: inset 0 0 0 1.5px #c8a25c;
}

.af-slot__bulbs {
  pointer-events: none;
  border-radius: 11px;
  position: absolute;
  inset: 5px;
}

.af-slot__reels {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #2c3128;
  border-radius: 9px;
  padding: 10px;
  display: flex;
}

.af-slot__window {
  background-color: #fdfffb;
  border-radius: 7px;
  flex: 1;
  height: 210px;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 8px 14px #00000024, inset 0 -8px 14px #00000024;
}

.af-slot__strip {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.af-slot__sym {
  justify-content: center;
  align-items: center;
  height: 70px;
  font-size: 42px;
  display: flex;
}

.af-slot__prize {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 52px;
  display: flex;
}

.af-slot__prize-name {
  color: #41483b;
  letter-spacing: -.01em;
  font-size: 21px;
  font-weight: 900;
}

.af-slot__chip {
  color: #577d38;
  background-color: #577d380d;
  border: 1.5px dashed #577d38;
  border-radius: 7px;
  padding: 4px 12px;
  font-size: 14px;
  font-weight: 700;
}

.af-slot__chip.inline-span-0 {
  display: none;
}

.af-slot__btn {
  color: #fff;
  text-align: center;
  letter-spacing: .02em;
  cursor: pointer;
  background-color: #4d7a2c;
  border-radius: 999px;
  width: 100%;
  max-width: 300px;
  padding: 16px;
  font-size: 16.5px;
  font-weight: 800;
  text-decoration: none;
}

.af-slot__left {
  color: #8a9382;
  text-align: center;
  margin: 0;
  font-size: 12.5px;
  font-weight: 600;
}

.code-embed-32, .code-embed-33 {
  display: none;
}

.af-up01-wrap {
  z-index: 9000;
  flex-direction: column;
  justify-content: flex-end;
  display: none;
  position: fixed;
  inset: 0;
}

.af-up01-wrap.af-bb01-none {
  display: none;
}

.af-up01-veil {
  opacity: .44;
  background-color: #181d0f;
  position: absolute;
  inset: 0;
}

.af-up01 {
  z-index: 2;
  background-color: #fcfff9;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  width: 100%;
  margin-top: -29px;
  padding: 0;
  font-family: Circular Std, Arial, sans-serif;
  position: relative;
  box-shadow: 0 0 18px 2px #363e361a;
}

.af-up01-head {
  justify-content: center;
  align-items: center;
  height: 34px;
  margin-top: 10px;
  margin-bottom: 38px;
  display: flex;
  position: relative;
}

.af-up01-title {
  color: #31392b;
  text-align: center;
  letter-spacing: -.94px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 34px;
}

.af-up01-x {
  color: #31392b;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M17.1875%204.8125L4.8125%2017.1875%22%20stroke%3D%22%23444C3E%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M17.1875%2017.1875L4.8125%204.8125%22%20stroke%3D%22%23444C3E%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px 22px;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  font-size: 0;
  line-height: 22px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 7px;
  right: -7px;
}

.af-up01-row {
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.af-up01-card {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22c%22%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20rx%3D%228%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20rx%3D%228%22%20fill%3D%22none%22%20stroke%3D%22%23C0CBBE%22%20stroke-width%3D%222.8%22%20stroke-dasharray%3D%224%203%22%20clip-path%3D%22url%28%23c%29%22%2F%3E%3C%2Fsvg%3E");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-radius: 8px;
  flex-direction: column;
  flex: 0;
  width: 100%;
  max-width: 196px;
  height: 179px;
  padding: 7px 13px 13px 6px;
  display: flex;
  position: relative;
}

.af-up01-card.af-up01-offer {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22c%22%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20rx%3D%228%22%2F%3E%3Crect%20width%3D%2212%22%20height%3D%2212%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20rx%3D%228%22%20fill%3D%22none%22%20stroke%3D%22%23577D38%22%20stroke-width%3D%222.8%22%20stroke-dasharray%3D%224%203%22%20clip-path%3D%22url%28%23c%29%22%2F%3E%3Crect%20width%3D%2210%22%20height%3D%2210%22%20fill%3D%22%23F5FAF1%22%2F%3E%3Cpath%20d%3D%22M0.7%2010V0.7H10%22%20fill%3D%22none%22%20stroke%3D%22%23577D38%22%20stroke-width%3D%221.4%22%20stroke-dasharray%3D%224%203%22%2F%3E%3C%2Fsvg%3E");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 181px;
  margin-top: -1px;
}

.af-up01-offer {
  background-color: #577d380a;
  border-color: #577d38;
  border-top-left-radius: 0;
  padding: 8px 14px 14px 5px;
}

.af-up01-badge {
  color: #fff;
  text-transform: uppercase;
  background-color: #577d38;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  flex-direction: column;
  justify-content: center;
  height: 23px;
  padding: 5px 8px 6px 5px;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 10px;
  font-weight: 900;
  line-height: 12px;
  display: flex;
  position: absolute;
  top: -23px;
  left: -1px;
}

.af-up01-cardh {
  color: #2b3921e6;
  letter-spacing: -.056px;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.af-up01-base {
  color: #14230870;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.af-up01-prices {
  align-items: center;
  column-gap: 4px;
  display: flex;
}

.af-up01-was {
  color: #14230870;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-decoration: line-through;
}

.af-up01-now {
  color: #577d38;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
}

.af-up01-imgwrap {
  justify-content: center;
  align-items: center;
  width: 76px;
  height: 58px;
  margin: 12px auto 6px;
  display: flex;
}

.af-up01-imgoff {
  width: 75px;
  height: 64px;
  margin-top: 8px;
}

.af-up01-feat {
  align-items: center;
  margin-bottom: 4px;
  display: flex;
}

.af-up01-ico {
  color: #577d38;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  display: flex;
}

.af-up01-featx {
  color: #2b3921e6;
  padding-left: 4px;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 12px;
}

.af-up01-plus {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2023%2023%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20x%3D%220.65%22%20y%3D%220.65%22%20width%3D%2221.7%22%20height%3D%2221.7%22%20rx%3D%223.35%22%20fill%3D%22%23F5FAF1%22%20stroke%3D%22%23577D38%22%20stroke-width%3D%221.3%22%2F%3E%3Cpath%20d%3D%22M15.7381%2010.7381C16.1589%2010.7381%2016.5%2011.0792%2016.5%2011.5C16.5%2011.9208%2016.1589%2012.2619%2015.7381%2012.2619H12.2619V15.7381C12.2619%2016.1589%2011.9208%2016.5%2011.5%2016.5C11.0792%2016.5%2010.7381%2016.1589%2010.7381%2015.7381V12.2619H7.2619C6.84112%2012.2619%206.5%2011.9208%206.5%2011.5C6.5%2011.0792%206.84112%2010.7381%207.26191%2010.7381H10.7381V7.26191C10.7381%206.84112%2011.0792%206.5%2011.5%206.5C11.9208%206.5%2012.2619%206.84112%2012.2619%207.26191V10.7381H15.7381Z%22%20fill%3D%22%23577D38%22%2F%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 23px 23px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 23px;
  height: 23px;
  margin: auto 9px;
  font-size: 0;
  display: flex;
}

.af-up01-sum {
  background-color: #f5f8f2;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  height: 60px;
  margin-top: 15px;
  padding: 16px;
  display: flex;
}

.af-up01-sumt {
  color: #444c3e;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.af-up01-sums {
  color: #2b3921b3;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.af-up01-sumr {
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

.af-up01-sumwas {
  color: #14230870;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: line-through;
}

.af-up01-sumnow {
  color: #577d38;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.af-up01-cta {
  color: #fff;
  text-align: center;
  background-color: #577d38;
  border: 2.44px solid #537439cc;
  border-radius: 60px;
  justify-content: center;
  align-items: center;
  height: 67px;
  margin-top: 17px;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 17.44px;
  font-weight: 700;
  line-height: 18px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.af-up01-bag {
  background-color: #f8f2e21a;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 46px;
  height: 46px;
  display: flex;
  position: absolute;
  top: 8px;
  right: 9px;
}

.af-up01-bagi {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2023%2023%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M2.66147%205C2.2547%205%201.90932%205.32681%201.84971%205.76811L0.0330899%2019.2164C-0.236175%2021.2097%201.17218%2023%203.00956%2023H15.9904C17.8278%2023%2019.2362%2021.2097%2018.9669%2019.2164L17.1503%205.76811C17.0907%205.32681%2016.7453%205%2016.3385%205H2.66147ZM1.65662%2019.4802L3.36948%206.8H15.6305L17.3434%2019.4802C17.4658%2020.3862%2016.8256%2021.2%2015.9904%2021.2H3.00956C2.17438%2021.2%201.53422%2020.3862%201.65662%2019.4802ZM7.31167%2010.2937C7.48191%2010.0822%207.58521%209.80433%207.58521%209.5C7.58521%208.83726%207.09534%208.3%206.49105%208.3C5.88676%208.3%205.39688%208.83726%205.39688%209.5C5.39688%209.80433%205.50018%2010.0822%205.67042%2010.2937V11.6C5.67042%2013.9196%207.38498%2015.8%209.5%2015.8C11.615%2015.8%2013.3296%2013.9196%2013.3296%2011.6V10.2937C13.4998%2010.0822%2013.6031%209.80433%2013.6031%209.5C13.6031%208.83726%2013.1132%208.3%2012.509%208.3C11.9047%208.3%2011.4148%208.83726%2011.4148%209.5C11.4148%209.80433%2011.5181%2010.0822%2011.6883%2010.2937V11.6C11.6883%2012.9255%2010.7086%2014%209.5%2014C8.29142%2014%207.31167%2012.9255%207.31167%2011.6V10.2937Z%22%20fill%3D%22white%22%2F%3E%3Ccircle%20cx%3D%2216.5%22%20cy%3D%226.5%22%20r%3D%226.5%22%20fill%3D%22%2374A64B%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M20%206.5C20%206.70711%2019.8321%206.875%2019.625%206.875H16.875V9.625C16.875%209.83211%2016.7071%2010%2016.5%2010C16.2929%2010%2016.125%209.83211%2016.125%209.625V6.875L13.375%206.875C13.1679%206.875%2013%206.70711%2013%206.5C13%206.29289%2013.1679%206.125%2013.375%206.125L16.125%206.125V3.375C16.125%203.16789%2016.2929%203%2016.5%203C16.7071%203%2016.875%203.16789%2016.875%203.375V6.125H19.625C19.8321%206.125%2020%206.29289%2020%206.5Z%22%20fill%3D%22white%22%20stroke%3D%22white%22%20stroke-width%3D%220.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 23px 23px;
  width: 23px;
  height: 23px;
  display: block;
  position: absolute;
  top: 11px;
  left: 13px;
}

.af-up01-skip {
  color: #8d9083;
  text-align: center;
  letter-spacing: -.14px;
  margin-top: 8px;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 28.8px;
  text-decoration: underline;
  display: block;
}

.af-up01-bar {
  z-index: 1;
  background-color: #394c2c;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 62px;
  padding-bottom: 28px;
  display: flex;
  position: relative;
}

.af-up01-barin {
  align-items: center;
  column-gap: 8px;
  display: flex;
}

.af-up01-clock {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5.6001%202.59998V5.59998L7.6001%206.59998M10.6001%205.59998C10.6001%208.3614%208.36152%2010.6%205.6001%2010.6C2.83867%2010.6%200.600098%208.3614%200.600098%205.59998C0.600098%202.83855%202.83867%200.599976%205.6001%200.599976C8.36152%200.599976%2010.6001%202.83855%2010.6001%205.59998Z%22%20stroke%3D%22white%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px 12px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  display: flex;
}

.af-up01-bartx {
  color: #fff;
  letter-spacing: -.12px;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.af-up01-timer {
  color: #fff;
  text-align: center;
  letter-spacing: -.28px;
  background-color: #af5f5d;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 37px;
  height: 18px;
  padding: 0 4px 4px;
  font-family: Circular Std, Arial, sans-serif;
  font-size: 13.4px;
  font-weight: 500;
  line-height: 13.44px;
  display: flex;
}

.af-up01-ick {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6%2011.0185L8.44444%2014L14%207%22%20stroke%3D%22%23577D38%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  font-size: 0;
}

.af-up01-icp {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16.2536%2012.3327H11.2536V17.3327H9.58691V12.3327H4.58691V10.666H9.58691V5.66602H11.2536V10.666H16.2536V12.3327Z%22%20fill%3D%22%23577D38%22%2F%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  font-size: 0;
}

.af-up01-img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.code-embed-34 {
  display: none;
}

.af-up01-in {
  width: 100%;
  max-width: 391px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 20px 29px 24px;
}

@media screen and (min-width: 1280px) {
  .bb-mini-cart {
    max-width: 560px;
  }
}

@media screen and (min-width: 1440px) {
  .page-wrapper.padding-110.v1 {
    overflow: visible;
  }

  .recommend-by.cart.mobile {
    background-color: #f9fcf2;
  }

  .pair-circle-4.is-active {
    background-color: #577d38;
  }

  .booster__wrapper-2 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .button-text-16.new {
    font-size: 1.1rem;
  }

  .button-107 {
    background-color: #577d38;
  }

  .pb-quantity__image-3 {
    width: 75%;
  }

  .pb-quantity__image-3.card.test {
    width: 100%;
  }

  .pb-quantity__image-4 {
    width: 75%;
  }

  .pb-quantity__image-4.card.test {
    width: 100%;
  }
}

@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, .page-wrapper.padding-110.v1 {
    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\<deleted\|variable-b14adad4-8c52-d5fc-9fc1-43e2f35f97c9\>);
    padding-bottom: var(--spacing--2\<deleted\|variable-212323c1-050b-ed8e-73a6-c2150f09975c\>);
  }

  .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\<deleted\|variable-212323c1-050b-ed8e-73a6-c2150f09975c\>);
    grid-row-gap: var(--spacing--2\<deleted\|variable-212323c1-050b-ed8e-73a6-c2150f09975c\>);
    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\<deleted\|variable-2bb5452d-a58a-9972-fa8e-d8631beee124\>);
    grid-row-gap: var(--spacing--1-5\<deleted\|variable-2bb5452d-a58a-9972-fa8e-d8631beee124\>);
  }

  .u-grid-4col-wide, .u-grid-4col-standard {
    grid-column-gap: var(--spacing--1\<deleted\|variable-98e065b6-da0d-fa98-65c5-4c83b61b6f4e\>);
    grid-row-gap: var(--spacing--1\<deleted\|variable-98e065b6-da0d-fa98-65c5-4c83b61b6f4e\>);
    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));
  }

  .af-swiper-wrapper.is-product, .af-swiper-wrapper.sw20 {
    height: 390px;
  }

  .af-swiper-image {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .af-swiper-image.af-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;
    z-index: 1;
  }

  .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;
  }

  .cart-hero__content.cars.new._2 {
    background-color: #fefffa;
    padding-top: 1rem;
  }

  .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;
  }

  .button-holder.is-sticky.is-active {
    transform: translate(0);
  }

  .button-holder.is-sticky.is-active.new {
    box-shadow: none;
    box-shadow: none;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    position: fixed;
    top: 0;
  }

  .pb-form-price__wrapper {
    border-top-style: none;
    font-size: 1rem;
  }

  .footer_section.cc-0 {
    z-index: 0;
    z-index: 0;
    position: relative;
  }

  .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;
    height: 100%;
    max-height: none;
    padding-top: 0;
    padding-bottom: 0;
    display: none;
    position: relative;
  }

  .co-summary-card {
    min-height: 30vh;
  }

  .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-bottom-color: #667085;
    border-right-color: #667085;
    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;
  }

  .bb-steps-bar {
    grid-column-gap: 32px;
  }

  .bb-grid {
    grid-template-columns: 1fr 1fr;
  }

  .quiz-cta {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .nav-foots-2 {
    max-width: 100%;
  }

  .testimonial1_text {
    margin-left: .125rem;
  }

  .attribute_component {
    width: 100%;
  }

  .quiz_content {
    max-width: 100%;
  }

  .quiz_step, .container-1714, .container-1714.cc-small {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .quiz_review {
    display: flex;
  }

  .ty-wrap {
    grid-template-rows: auto 1fr;
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .ty-main {
    max-width: 100%;
    padding-left: 24px;
    padding-right: 24px;
  }

  .ty-sidebar {
    border-bottom: 1px solid #e0e0e0;
    border-left-width: 0;
    order: -1;
    min-height: auto;
    padding: 0 20px 20px;
    display: none;
  }

  .ty-logo {
    display: none;
  }

  .ty-msb {
    display: flex;
  }

  .ty-logo-mobile {
    background-color: #fff;
    justify-content: center;
    padding-top: 24px;
    padding-bottom: 16px;
    display: flex;
  }

  .af-hf-page {
    max-width: 100vw;
    overflow-x: hidden;
  }

  .of-wrap {
    grid-template-columns: 1fr;
    padding-left: 20px;
    padding-right: 20px;
    display: grid;
  }

  .af-hf-gallery {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  .af-videos {
    display: none;
  }

  .af-side {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  .af-qty {
    border: 1.44px dashed #ccd1c9;
    border-radius: 10px;
  }

  .af-qty.af-qty-on, .af-selected {
    border: 2px solid #577d38;
  }

  .af-trust {
    border: 1.44px dashed #d4dccf;
  }

  .af-quote {
    justify-content: flex-start;
    align-items: center;
  }

  .of-sticky {
    display: none;
  }

  .af-sticky-price-row {
    color: #43493c;
    font-size: 13px;
    font-weight: 500;
  }

  .af-wrap-1 {
    grid-template-columns: 1fr;
    gap: 28px 0;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    padding: 24px 20px 260px;
    display: grid;
    overflow-x: hidden;
  }

  .af-hero-1 {
    height: 380px;
  }

  .af-h1-1 {
    font-size: 28px;
    line-height: 38px;
  }

  .af-pricing-1 {
    display: grid;
  }

  .af-pricing-1.af-pricing-page {
    display: none;
  }

  .af-save-1 {
    width: auto;
    padding: 12px 16px;
  }

  .af-save-1.af-sticky-save {
    color: #43493c;
    background-color: #0000;
    border-radius: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
  }

  .af-total-1 {
    grid-column: 2;
    width: auto;
    padding: 12px 16px 12px 0;
  }

  .af-total-1.af-sticky-total {
    text-align: right;
    grid-column: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    font-size: 13px;
    line-height: 16px;
  }

  .af-new-1.af-sticky-price {
    color: #43493c;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
  }

  .af-upsell-1 {
    grid-column-gap: 8px;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    column-gap: 8px;
    width: 100%;
    max-width: 100%;
    min-height: 52px;
    padding: 4px 16px;
    display: flex;
  }

  .af-upsell-1.af-sticky-upsell {
    width: 100%;
    padding: 8px 16px;
    font-size: 13px;
    line-height: 16px;
  }

  .af-upsell-btn-1 {
    box-sizing: border-box;
    border-radius: 999px;
    flex-grow: 0;
    flex-shrink: 0;
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 109px;
    min-width: 109px;
    max-width: 109px;
    height: 36px;
    min-height: 36px;
    max-height: 36px;
    margin-left: 8px;
    padding: 0 14px;
    font-size: 13px;
    line-height: 1;
    display: inline-flex;
    overflow: hidden;
  }

  .af-cta-1 {
    border-radius: 99px;
    max-width: 100%;
    min-height: 65px;
  }

  .af-sticky-1 {
    box-sizing: border-box;
    background-color: #fdfffc;
    border-top: 1px #eef3ed;
    border-left: 1px #eef3ed;
    border-right: 1px #eef3ed;
    border-radius: 12px 12px 0 0;
    row-gap: 12px;
    width: 100%;
    max-width: 100%;
    min-height: auto;
    padding: 16px;
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: 0 -12px 32px #0003;
  }

  .af-sticky-cta-1 {
    border-radius: 99px;
    width: 100%;
    max-width: 100%;
    min-height: 65px;
    margin-left: 0;
    margin-right: 0;
  }

  .af-upsell-left {
    flex-direction: row;
    flex-grow: 1;
    flex-shrink: 1;
    align-items: center;
    column-gap: 8px;
    min-width: 0;
    max-width: calc(100% - 117px);
    display: flex;
  }

  .af-benefits-card {
    width: 100%;
    max-width: 100%;
  }

  .text-span-169 {
    font-size: 14px;
    line-height: 16px;
  }

  .af-sticky-top, .af-sticky-stock-row {
    display: none;
  }

  .af-sticky-stock-row.af-bb {
    display: flex;
  }

  .af-qty-border-embed {
    display: none;
  }

  .af-hero-badge {
    display: block;
    top: 0;
  }

  .af-hero-thumbs {
    display: flex;
  }

  .af-hero-thumb {
    border-width: 1px;
  }

  .af-hero-thumb.af-hero-thumb-active {
    border-color: #31392b24;
  }

  .af-hero-nav {
    display: block;
  }

  .af-sticky-drawer-hd {
    border-bottom: 0 #eef3ed;
    flex-flow: column;
    justify-content: center;
    margin-bottom: 0;
    padding-bottom: 0;
    display: flex;
  }

  .af-sticky-drawer-title {
    color: #394133;
    letter-spacing: -.15px;
    font-size: 15px;
    line-height: 32px;
  }

  .of-sticky-drawer-panel {
    background-color: #fff;
    border-radius: 0;
    margin-bottom: 10px;
    padding-top: 12px;
    padding-bottom: 0;
    display: flex;
  }

  .af-sticky-drawer-row {
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    column-gap: 8px;
    width: 100%;
    margin-bottom: 0;
    padding: 12px 16px;
    display: flex;
  }

  .div-block-2574 {
    grid-column-gap: 42px;
    grid-row-gap: 42px;
    width: 100%;
    padding-bottom: 4px;
    display: flex;
  }

  .div-block-2575 {
    justify-content: center;
    width: 100%;
    display: flex;
  }

  .af-sticky-pricing {
    box-sizing: border-box;
    flex-direction: column;
    grid-template-columns: none;
    width: 100%;
    max-width: 100%;
    min-height: 90px;
    margin-bottom: 12px;
    display: flex;
  }

  .af-li13-hero-grid, .af-li13-ocard {
    grid-template-columns: 1fr;
  }

  .af-li13-rwrap {
    grid-column-gap: 28px;
    grid-template-columns: 8px minmax(0, 1fr);
  }

  .af-li13-rail {
    width: 100%;
  }

  .af-li13-reason {
    grid-template-columns: 1fr;
    padding-left: 0;
  }

  .lucker-wrap-2._2 {
    min-width: 700px;
  }

  .text-417 {
    justify-content: center;
    align-items: center;
  }

  .pb-booster {
    max-width: 100%;
    display: none;
  }

  .div-block-2607.new {
    display: flex;
  }

  .c_features-text-2 {
    line-height: 18px;
  }

  .price-summaries {
    padding-bottom: 5px;
  }

  .af-swiper-imgwrap-2 {
    border-radius: 0;
  }

  .c_features {
    margin-left: -1rem;
    margin-right: -1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .quiz_review-2 {
    display: flex;
  }

  .c_features-title-3 {
    line-height: 18px;
  }

  .swiper__image-2 {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .locker-wrap-2.is-inactive {
    border-color: #cfd6ca;
  }

  .custom-code-2 {
    display: none;
  }

  .swiper-wrapper-2.sw20 {
    height: 390px;
  }

  .button-text-16 {
    font-weight: 900;
  }

  .booster__content.flex-left {
    justify-content: center;
    align-self: center;
    align-items: center;
  }

  .text-2xs-3 {
    font-size: .875rem;
  }

  .swiper10__thumbnails-2 {
    display: none;
  }

  .container-1737, .container-1737.cc-full {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .button-backss-2 {
    margin-left: 1rem;
  }

  .text-xs-3 {
    font-size: .875rem;
  }

  .div-block-2612 {
    padding-top: 5px;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .div-block-2610 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .lucker-wrap-3._2 {
    min-width: 700px;
  }

  .div-block-2614.new {
    display: flex;
  }

  .swiper-slide__image-wrap-3 {
    border-radius: 0;
  }

  .af-swiper-image-3 {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .custom-code-3 {
    display: none;
  }

  .swiper-wrapper-3.sw20 {
    height: 390px;
  }

  .swiper10__thumbnails-3 {
    display: none;
  }

  .div-block-2618 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .af-bb01-page {
    padding-bottom: 170px;
  }

  .af-bb01-shell {
    order: 0;
    width: 100%;
    max-width: 430px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 16px;
  }

  .af-bb01-back {
    background-color: #0000;
    margin-top: 0;
    margin-bottom: 0;
    position: absolute;
    top: 50%;
    left: 24px;
  }

  .af-bb01-backc {
    background-color: #ecf2e3;
  }

  .af-bb01-h {
    margin-top: 10px;
    font-size: 1.1rem;
    line-height: 34px;
  }

  .af-bb01-footer {
    z-index: 60;
    background-color: #fff;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    width: 100%;
    max-width: 100%;
    padding: 14px 1rem;
    position: fixed;
    bottom: 0;
    left: 0%;
    box-shadow: 0 -10px 34px #31392b1a;
  }

  .af-bb01-trustbox {
    display: flex;
  }

  .af-bb01-dhead {
    background-color: #0000;
    border-bottom-style: none;
    max-width: 100%;
    min-height: 60px;
    margin-left: auto;
    padding: 0 16px;
    display: flex;
  }

  .af-bb01-dtitle, .af-bb01-main {
    display: block;
  }

  .af-bb01-gal, .af-bb01-dtimer, .af-bb01-iselrow, .af-bb01-micro, .af-bb01-ftimer, .af-bb01-fchecks, .af-bb01-why, .af-bb01-pfooter {
    display: none;
  }
}

@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;
  }

  .page-wrapper.padding-110.v1 {
    padding-top: 0;
  }

  .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;
  }

  .af-swiper-wrapper.is-product, .af-swiper-wrapper.sw20 {
    height: 64vw;
  }

  .af-swiper-image {
    object-fit: cover;
    width: 100%;
  }

  .af-swiper-image.af-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;
  }

  .divider-5.reviews {
    margin-top: 0;
    margin-bottom: 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;
  }

  .af-swiper-thumb {
    border-radius: 6px;
  }

  .cart-hero__content.cars.new._2 {
    background-color: #fefffa;
  }

  .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;
    display: none;
  }

  .co-summary-card {
    display: flex;
  }

  .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;
  }

  .input-flds-2 {
    font-size: .875rem;
  }

  .attribute_component {
    aspect-ratio: auto;
  }

  .quiz_content {
    max-width: 100%;
  }

  .ty-details {
    grid-template-columns: 1fr;
  }

  .ty-sidebar {
    grid-row-gap: 0px;
    padding: 0;
  }

  .ty-logo {
    display: none;
  }

  .ty-summary__title {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .ty-msb {
    display: flex;
  }

  .ty-logo-mobile {
    background-color: #fff;
    justify-content: center;
    padding-top: 20px;
    padding-bottom: 12px;
    display: flex;
  }

  .af-h1 {
    font-size: 1.75rem;
  }

  .af-buybox-grid {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }

  .af-gallery {
    position: static;
  }

  .af-reviews-grid {
    grid-template-columns: 1fr;
  }

  .af-hf-page {
    max-width: 100vw;
    overflow-x: hidden;
  }

  .af-hf-gallery {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  .af-videos {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    display: none;
  }

  .af-side {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  .of-qty-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .af-qty {
    border: 1.44px dashed #ccd1c9;
    border-radius: 10px;
    min-height: 130px;
    padding-top: 48px;
  }

  .af-qty.af-qty-on, .af-selected {
    border: 2px solid #577d38;
  }

  .af-trust {
    border: 1.44px dashed #d4dccf;
    grid-auto-flow: row;
    width: 100%;
    max-width: 100%;
  }

  .af-trust-title, .af-trust-sub {
    white-space: normal;
  }

  .af-quote {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 100%;
    padding: 0 12px;
  }

  .of-sticky {
    z-index: 999;
    display: flex;
    position: fixed;
    bottom: 16px;
    left: 16px;
    right: 16px;
  }

  .af-promo-text-1 {
    font-size: 14px;
  }

  .af-wrap-1 {
    grid-template-columns: 1fr;
    row-gap: 20px;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    padding: 20px 16px 280px;
    display: grid;
    overflow-x: hidden;
  }

  .af-hero-1 {
    width: 100%;
    max-width: 100%;
    height: 297px;
  }

  .af-reviews-1 {
    flex-wrap: wrap;
    width: 100%;
  }

  .af-h1-1 {
    overflow-wrap: break-word;
    word-break: break-word;
    max-width: 100%;
    font-size: 26px;
    line-height: 34px;
  }

  .af-qty-grid-1 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .af-pricing-1 {
    width: 100%;
    max-width: 100%;
    display: grid;
  }

  .af-save-1 {
    padding-left: 0;
  }

  .af-save-1.af-sticky-save {
    color: #43493c;
    background-color: #0000;
    border-radius: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
  }

  .af-total-1.af-sticky-total {
    padding: 0;
    font-size: 13px;
  }

  .af-new-1.af-sticky-price {
    color: #43493c;
    font-size: 14px;
    font-weight: 500;
  }

  .af-upsell-1 {
    flex-flow: row;
    width: 100%;
    padding: 4px 16px;
    display: flex;
  }

  .af-upsell-1.af-sticky-upsell {
    padding: 8px 16px;
  }

  .af-upsell-btn-1 {
    box-sizing: border-box;
    white-space: nowrap;
    border-radius: 999px;
    flex-shrink: 0;
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 109px;
    min-width: 109px;
    max-width: 109px;
    height: 36px;
    min-height: 36px;
    max-height: 36px;
    padding: 0 14px;
    line-height: 1;
    display: inline-flex;
    overflow: hidden;
  }

  .af-cta-1 {
    border-radius: 99px;
    width: 100%;
    max-width: 100%;
    min-height: 65px;
    font-size: 16px;
  }

  .af-sticky-1 {
    background-color: #fdfffc;
    border-top: 1px #eef3ed;
    border-left: 1px #eef3ed;
    border-right: 1px #eef3ed;
    border-radius: 12px 12px 0 0;
    row-gap: 12px;
    width: 100%;
    max-width: 100%;
    min-height: auto;
    padding: 16px;
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: 0 -12px 32px #0003;
  }

  .af-sticky-cta-1 {
    border-radius: 99px;
    width: 100%;
    max-width: 100%;
    min-height: 65px;
    margin-left: 0;
    margin-right: 0;
  }

  .af-upsell-left {
    flex-direction: row;
    flex-grow: 1;
    align-items: center;
    column-gap: 8px;
    min-width: 0;
    max-width: calc(100% - 117px);
    display: flex;
  }

  .af-benefits-card {
    width: 100%;
    max-width: 100%;
  }

  .text-span-169 {
    font-size: 14px;
    line-height: 16px;
  }

  .af-sticky-top, .af-sticky-stock-row, .af-qty-border-embed {
    display: none;
  }

  .af-hero-badge {
    display: block;
  }

  .af-hero-thumbs {
    display: flex;
  }

  .af-hero-nav {
    display: block;
  }

  .af-sticky-drawer-hd {
    border-bottom: 1px #eef3ed;
    flex-flow: column;
    margin-bottom: 0;
    padding-bottom: 0;
    display: flex;
  }

  .af-sticky-drawer-title {
    letter-spacing: -.15px;
    font-size: 15px;
    line-height: 32px;
  }

  .of-sticky-drawer-panel {
    background-color: #fff;
    border-radius: 0;
    margin-bottom: 10px;
    padding-top: 12px;
    padding-bottom: 0;
    display: flex;
  }

  .af-sticky-drawer-row {
    min-height: 44px;
    margin-bottom: 0;
    padding: 10px 16px;
  }

  .af-sticky-pricing {
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    min-height: 90px;
    display: flex;
  }

  .af-li13-wrap {
    padding-left: 24px;
    padding-right: 24px;
  }

  .af-li13-h1 {
    font-size: 26px;
    line-height: 34px;
  }

  .af-li13-lede {
    font-size: 15px;
    line-height: 24px;
  }

  .af-li13-cta {
    width: 100%;
  }

  .af-li13-oh {
    font-size: 26px;
    line-height: 36px;
  }

  .af-li13-cta2 {
    width: 100%;
  }

  .af-li13-rwrap {
    grid-column-gap: 28px;
    grid-template-columns: 6px minmax(0, 1fr);
    padding-left: 12px;
    padding-right: 24px;
  }

  .af-li13-rail {
    width: 100%;
  }

  .af-li13-reason {
    padding-left: 0;
  }

  .af-li13-num {
    font-size: 32px;
    line-height: 42px;
  }

  .af-li13-h2 {
    font-size: 24px;
    line-height: 32px;
  }

  .af-li13-copy {
    font-size: 15px;
    line-height: 24px;
  }

  .af-li13-moffer {
    padding: 20px;
  }

  .lucker-wrap-2._2 {
    min-width: 380px;
  }

  .text-417 {
    text-align: center;
    padding-right: 0;
  }

  .div-block-2607.new {
    display: block;
  }

  .swiper-button_icon-4 {
    width: .8rem;
    height: .8rem;
  }

  .input-flds-3 {
    font-size: .875rem;
  }

  .swiper__image-2 {
    object-fit: cover;
    width: 100%;
  }

  .swiper-wrapper-2.sw20 {
    height: 64vw;
  }

  .swiper-slide-2 {
    width: 100%;
  }

  .text-2xs-3 {
    font-size: .725rem;
  }

  .cs-components {
    min-width: 0;
  }

  .list-person-item {
    margin-bottom: 30px;
  }

  .text-xs-3 {
    font-size: .875rem;
  }

  .lucker-wrap-3._2 {
    min-width: 380px;
  }

  .div-block-2614.new {
    display: block;
  }

  .input-flds-4 {
    font-size: .875rem;
  }

  .af-swiper-image-3 {
    object-fit: cover;
    width: 100%;
  }

  .swiper-wrapper-3.sw20 {
    height: 64vw;
  }

  .swiper-slide-3 {
    width: 100%;
  }

  .af-bb01-back {
    margin-top: 0;
    display: flex;
  }

  .af-bb01-back.af-v2 {
    display: none;
    position: static;
  }

  .af-bb01-footer {
    padding-top: 14px;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .af-bb01-info {
    top: auto;
    bottom: 12px;
    transform: none;
  }

  .af-bb01-dhead {
    max-width: 100%;
    display: flex;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 2.5rem;
  }

  .page-wrapper.padding-110, .page-wrapper.padding-110.v1 {
    padding-top: 0;
  }

  .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\<deleted\|variable-212323c1-050b-ed8e-73a6-c2150f09975c\>);
  }

  .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\<deleted\|variable-98e065b6-da0d-fa98-65c5-4c83b61b6f4e\>);
    grid-row-gap: var(--spacing--1\<deleted\|variable-98e065b6-da0d-fa98-65c5-4c83b61b6f4e\>);
  }

  .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;
  }

  .af-os-rating {
    color: #444c3ecc;
    margin-top: .8px;
  }

  .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;
  }

  .af-os-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;
  }

  .af-os-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;
  }

  .af-swiper-wrapper.is-product, .af-swiper-wrapper.sw20 {
    height: 65vw;
  }

  .af-swiper-image.af-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.cc-sm {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .review_component.cc-sm._2 {
    justify-content: center;
    align-items: center;
  }

  .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-component.is-sticky-desktop-only {
    min-height: 44px;
    box-shadow: none;
    background-color: #fff0;
  }

  .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 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #fff;
    border-bottom: 1px solid #0a0a0a1a;
    border-radius: 0;
    justify-content: center;
    align-items: center;
  }

  .navbar-wrapper.is-center {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #fff;
    border-bottom: 1px solid #0a0a0a1a;
    border-radius: 0;
    justify-content: center;
    align-items: center;
  }

  .navbar-wrapper.is-center.new._2 {
    grid-column-gap: 13px;
    grid-row-gap: 13px;
  }

  .navbar-wrapper.is-center.new._2._3 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: center;
    align-items: center;
  }

  .navbar-wrapper.is-center.new._2._3.test {
    display: none;
  }

  .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%;
  }

  .af-swiper-thumb.is-current {
    border-color: #0000002e;
  }

  .cart-hero__content {
    padding-top: 1.5rem;
  }

  .cart-hero__content.cars.jimmy-joy {
    border-top: 1px #ceebdf;
  }

  .cart-hero__content.cars, .cart-hero__content.cars.new {
    padding-top: 1rem;
  }

  .cart-hero__content.cars, .cart-hero__content.cars.new {
    padding-top: 1rem;
  }

  .cart-hero__content.cars.new._2 {
    background-color: #fcfffc;
    padding-top: 0;
  }

  .padding-section-landing-mobile {
    padding-top: 1.5rem;
  }

  .padding-section-landing-mobile.pt-0 {
    padding-top: 1rem;
    padding-bottom: 8rem;
  }

  .padding-section-landing-mobile.pt-0 {
    padding-top: 1rem;
    padding-bottom: 8rem;
  }

  .padding-section-landing-mobile.pt-0.test {
    padding-top: 0;
    padding-bottom: 14rem;
  }

  .product-hero_content-wrapper {
    position: relative;
  }

  .recommend-by.cart {
    background-color: #edeee9;
    border-top: 1px solid #dddfd49e;
    border-radius: 0;
    justify-content: center;
    align-items: center;
    padding-top: 3px;
    padding-bottom: 3px;
  }

  .recommend-by.cart.desktop {
    display: none;
  }

  .recommend-by.cart.mobile {
    background-color: #ebf1e3;
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .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;
  }

  .step-number.is-active {
    font-family: Figtree, sans-serif;
    font-weight: 700;
  }

  .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;
  }

  .selector_wrap.cc-color {
    width: 100%;
  }

  .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;
  }

  .box_card.is-slot.is-horizontal.os--active {
    border-color: #d3ddd3;
    justify-content: space-between;
  }

  .box_card.is-slot.is-horizontal.os--active.is-disabled {
    pointer-events: auto;
  }

  .text-add {
    font-size: 1rem;
  }

  .button-text-5 {
    font-weight: 700;
  }

  .button-holder.is-sticky.is-active {
    align-items: stretch;
    height: 100px;
  }

  .button-holder.is-sticky.is-active.new {
    border-top: 1px #0000001f;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    padding: 0 0 .1rem;
    box-shadow: 0 -2px 10px #0000001f;
  }

  .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;
  }

  .footer_section.cc-0.new.test {
    display: none;
  }

  .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;
  }

  .checkout-summary-col {
    max-height: 100vh;
    display: none;
  }

  .co-summary-card {
    min-height: 30vh;
    display: flex;
  }

  .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;
  }

  .af-minicart.bb--minicart {
    border: 3px #7bb582;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
  }

  .af-minicart__rewards {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }

  .bb-tier-badge {
    right: 28px;
  }

  .bb-grid {
    grid-template-columns: 1fr;
  }

  .quiz__header {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .quiz-cta-arrow {
    width: 1.5rem;
    height: 1.5rem;
  }

  .text-block-606 {
    -webkit-text-stroke-color: #ffffff05;
    text-underline-offset: 1px;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    text-underline-position: under;
    text-decoration-style: solid;
    text-decoration-color: #ffffff52;
    text-decoration-thickness: 1px;
  }

  .text-386.cf {
    font-size: 13px;
  }

  .text-block-590 {
    font-size: .8rem;
  }

  ._67fbc3e0a7124abc19a2d755_comparisonimg-09ozwebp {
    object-fit: contain;
  }

  .text-block-591 {
    flex: none;
  }

  .input-flds-2 {
    width: 340px;
  }

  .testimonial1_stars.adjust-size {
    width: 72px;
    margin-right: .15rem;
  }

  .button_icon-2 {
    right: 1rem;
  }

  .quiz-cta {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .review_stars-wrapper-2 {
    justify-content: center;
    align-items: center;
    width: auto;
  }

  .nav-foots-2 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-foots-2.publisher.authority {
    justify-content: center;
    align-items: center;
    height: 60px;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  .quiz_title {
    font-size: 1.75rem;
  }

  .quiz_title.cc-intro {
    font-size: 1.35rem;
  }

  .attribute_review-text {
    font-size: 4.5rem;
  }

  .testimonial1_text {
    border-left-style: none;
    padding-left: 0;
    font-size: 2.5vw;
  }

  .video {
    aspect-ratio: auto;
    width: 100%;
    position: relative;
  }

  .quiz_progress-pct-2 {
    height: 4px;
  }

  .attribute_component {
    flex: 0 auto;
    width: 100%;
  }

  .div-block-2567 {
    z-index: 30;
    width: 85%;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 4px;
    position: absolute;
    inset: auto 0 20px 50%;
    transform: translate(-50%);
  }

  .quiz_cta {
    width: auto;
  }

  .quiz_content {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .quiz_progress_wrapper-3 {
    height: 4px;
  }

  .badge-result {
    border-radius: 8px;
  }

  .frame-1321317231 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .quiz_button {
    min-height: 3.75rem;
  }

  .cc-btn-back {
    z-index: 10;
  }

  .background-6 {
    height: 22px;
    padding-top: 1px;
    padding-bottom: 1px;
  }

  .quiz_progress-bar-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    height: 4px;
    display: grid;
  }

  .div-block-1642 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    display: flex;
  }

  .testimonial1_component {
    justify-content: center;
  }

  .testimonial1_component.align-center.flex-vertical-mobile {
    grid-column-gap: .2rem;
    grid-row-gap: 4px;
    flex-flow: row;
    margin-right: 0;
    font-size: .6rem;
  }

  .quiz_item-answers {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .image-463 {
    object-fit: cover;
    display: block;
  }

  .image-463.new {
    width: 100%;
    height: auto;
    margin-bottom: 0;
  }

  .text-385 {
    font-size: 13px;
  }

  .cc-btn-hike.cc-full {
    width: 100%;
  }

  .quiz_step {
    padding-top: 2rem;
  }

  .quiz_step.cc-intro {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .container-1714.cc-small {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .bundle-selector-step-2 {
    font-size: 1rem;
  }

  .div-block-2568 {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  .text-block-599 {
    flex: none;
  }

  .free-gift {
    width: 100%;
  }

  .quiz_review {
    display: flex;
  }

  .image-236 {
    width: 110px;
    max-width: 110px;
  }

  .review_stars-wrapper-3 {
    justify-content: center;
    align-items: center;
    width: auto;
  }

  .af-side {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  .of-tabs {
    border-radius: 12px;
    flex-direction: column;
  }

  .of-qty-grid {
    grid-template-columns: 1fr;
  }

  .af-qty {
    border-style: none;
    border-radius: 10px;
    min-height: 144px;
    padding-top: 44px;
  }

  .af-trust {
    border-style: none;
  }

  .af-quote {
    justify-content: flex-start;
    align-items: flex-end;
    padding-top: 10px;
  }

  .af-dr-text {
    font-weight: 400;
  }

  .af-promo-1 {
    grid-row-gap: 8px;
    flex-flow: row;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .af-wrap-1 {
    grid-template-columns: 1fr;
    row-gap: 20px;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    padding: 16px 16px 300px;
    display: grid;
    overflow-x: hidden;
  }

  .af-hero-1 {
    height: 280px;
  }

  .af-h1-1 {
    font-size: 24px;
    line-height: 32px;
  }

  .af-tabs-1 {
    grid-column-gap: 4px;
    flex-flow: row;
    overflow-x: auto;
  }

  .af-pricing-1 {
    flex-flow: column;
    grid-template-columns: 1fr auto;
    align-items: center;
    display: grid;
  }

  .af-pricing-1.v2 {
    display: none;
  }

  .af-save-1 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    width: auto;
    padding: 12px 16px 12px 0;
    display: flex;
  }

  .af-save-1.af-sticky-save {
    color: #43493c;
    background-color: #0000;
    border-radius: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
  }

  .af-total-1 {
    grid-column: 2;
    width: auto;
    padding: 12px 16px 12px 0;
  }

  .af-total-1.af-sticky-total {
    padding: 0;
    font-size: 13px;
  }

  .af-new-1.af-sticky-price {
    color: #43493c;
    font-size: 14px;
    font-weight: 500;
  }

  .af-upsell-1 {
    padding: 4px 16px;
  }

  .af-upsell-1.af-sticky-upsell {
    padding: 8px 16px;
  }

  .af-upsell-btn-1 {
    width: 109px;
    min-width: 109px;
    max-width: 109px;
    height: 36px;
    min-height: 36px;
    max-height: 36px;
  }

  .af-cta-1 {
    border-radius: 99px;
    min-height: 65px;
  }

  .af-trust-cols-1 {
    flex-direction: row;
    gap: 6px;
  }

  .af-sticky-1 {
    background-color: #fdfffc;
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    row-gap: 12px;
    min-height: auto;
    box-shadow: 0 -12px 32px #0003;
  }

  .af-sticky-cta-1 {
    border-radius: 99px;
    width: 100%;
    min-height: 65px;
  }

  .af-stock-text {
    background-color: #f2f6ef;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .af-benefits-card {
    width: 100%;
    max-width: 100%;
  }

  .af-stock-low {
    padding-right: 3px;
    font-size: 12.44px;
  }

  .af-stock-ship {
    font-size: 12.44px;
  }

  .text-span-169 {
    font-size: 14px;
  }

  .div-block-2572 {
    padding-bottom: 5px;
  }

  .af-qty-border-embed {
    display: block;
  }

  .af-hero-thumb {
    border-width: 1px;
  }

  .af-sticky-drawer-hd {
    border-bottom-style: none;
    flex-flow: column;
    margin-bottom: 0;
    padding-bottom: 0;
    display: flex;
  }

  .af-sticky-drawer-title {
    letter-spacing: -.15px;
    font-size: 15px;
    line-height: 32px;
  }

  .af-sticky-drawer-row {
    min-height: 44px;
    margin-bottom: 0;
    padding: 10px 16px;
  }

  .div-block-2574 {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    justify-content: flex-start;
    width: 100%;
    padding-bottom: 4px;
    display: flex;
  }

  .div-block-2575 {
    justify-content: center;
    align-items: stretch;
    width: 100%;
    display: flex;
  }

  .af-sticky-pricing {
    width: 100%;
    max-width: 100%;
    min-height: 90px;
    display: flex;
  }

  .paragraph-135 {
    font-size: 12.44px;
  }

  .af-li13-wrap.li13-hero-grid {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .af-li13-hero {
    padding-top: 24px;
    padding-bottom: 20px;
  }

  .af-li13-meta {
    margin-bottom: 10px;
  }

  .af-li13-badge {
    letter-spacing: 0;
    font-weight: 700;
  }

  .af-li13-h1, .af-li13-author {
    margin-bottom: 10px;
  }

  .af-li13-lede {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
  }

  .af-li13-cta {
    height: 65px;
  }

  .af-li13-owrap {
    padding-left: 0;
    padding-right: 0;
  }

  .af-li13-odash {
    padding: 8px;
  }

  .af-li13-ocard {
    background-color: #f3f6f1;
    place-content: center;
    padding-top: 10px;
    padding-bottom: 15px;
  }

  .af-li13-oimg {
    background-image: url("https://cdn.prod.website-files.com/68593534589350cb9cbd783a/6a452a06fa20843420737bfe_hf-stride-hero-shoe.png");
    background-position: 50%;
    background-size: cover;
    height: 240px;
  }

  .af-li13-orev {
    background-color: #fff;
    border: 1px #00000012;
    display: none;
  }

  .af-li13-cta2 {
    font-weight: 700;
  }

  .af-li13-rmedia {
    background-size: cover;
  }

  .lucker-wrap-2 {
    min-width: 340px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .lucker-wrap-2._2 {
    min-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .text-417 {
    color: #444c31;
    justify-content: center;
    align-items: center;
    padding-right: 0;
    font-size: 16px;
  }

  .text-415 {
    font-size: 14px;
  }

  .text-415.authority {
    color: #273c17cc;
    font-size: 13.4px;
  }

  .text-415.authority.new {
    color: #273c17e8;
    font-size: 14px;
  }

  .text-415.authority.new.mobile {
    color: #273c17;
    font-size: 15px;
  }

  .pair-circle-4 {
    width: 1.25rem;
    height: 1.25rem;
  }

  .pair-circle-4.is-active {
    background-color: #3f631a;
  }

  .pb-booster {
    background-color: #f7f7f700;
    display: flex;
    position: absolute;
    top: 25px;
    bottom: auto;
    right: 0;
  }

  .pb-booster.cc-blank {
    justify-content: center;
    align-self: center;
    align-items: center;
    width: auto;
    height: 30px;
    margin-top: 4px;
    display: flex;
    position: static;
  }

  .selector-label-3 {
    color: #444c31;
    letter-spacing: -.01em;
    font-size: .75rem;
    font-weight: 600;
  }

  .summary-row {
    margin-bottom: 4px;
  }

  .background-21 {
    background-color: #d0ebc2a1;
  }

  .os-slot_card-2 {
    height: auto;
    min-height: 0;
    max-height: none;
  }

  .os-slot_card-2.os--active {
    outline-offset: 0px;
    outline: 1.4px #d3ddd3;
  }

  .grid_shoes-3 {
    grid-column-gap: .7rem;
    grid-row-gap: .7rem;
    flex-flow: column;
  }

  .div-block-2607.new {
    align-self: center;
    width: 90%;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
  }

  .swiper__button-3.swiper__button--next {
    background-color: #fff;
    border-width: 1px;
    border-color: #0000001f;
    border-radius: 14%;
    width: 1.5rem;
    height: 2.7rem;
    right: .5rem;
    box-shadow: 0 0 8px #0000000f;
  }

  .swiper__button-3.swiper__button--prev {
    width: 1.5rem;
    height: 2.7rem;
    box-shadow: none;
    background-color: #fff;
    border-width: 1px;
    border-color: #0000001f;
    border-radius: 14%;
    left: .5rem;
  }

  .c_features-text-2 {
    color: #444c31;
    letter-spacing: 0;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
  }

  .swiper-button_icon-4 {
    color: #00000094;
    width: 1rem;
    height: 1rem;
    font-size: 1.5rem;
  }

  .booster__wrapper-2 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .booster__wrapper-2.cc-0 {
    justify-content: center;
    align-self: center;
  }

  .step-middless-4 {
    color: #d8dad2;
    top: 30px;
  }

  .step-middless-4.os-active {
    padding-top: 0;
    font-weight: 600;
    top: 30px;
  }

  .step-middless-4.os-peding {
    top: 30px;
  }

  .os-card__content-3 {
    grid-column-gap: 1.3rem;
    grid-row-gap: 1.3rem;
    align-items: stretch;
  }

  .af-swiper-imgwrap-2.af-is-hero-b {
    padding-top: 1rem;
  }

  .text-add-4 {
    color: #444c31;
    font-size: 1rem;
    font-weight: 600;
  }

  .cc-summary-title-3 {
    font-weight: 700;
  }

  .cc-summary-title-3._2 {
    color: #577d38;
  }

  .cart2_back-icon-2.v1 {
    width: 1.2rem;
    min-width: 1.2rem;
    height: 1.2rem;
    min-height: 1.2rem;
  }

  .c_features {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    margin-left: 0;
    margin-right: 0;
    padding-top: .5em;
  }

  .text-418 {
    font-size: 14px;
  }

  .pb-quantity__media-3 {
    padding-left: 0;
    padding-right: 0;
    overflow: visible;
  }

  .pb-quantity__media-3.pb--large {
    width: 100px;
    min-width: 100px;
    height: 100px;
    min-height: 100px;
    margin-right: .5rem;
  }

  .text-block-948 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    color: #444c31f2;
    background-color: #fff0;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    width: auto;
    padding: 4px 6px;
    font-size: 14px;
    font-weight: 500;
    display: flex;
  }

  .c_divider-text-3 {
    color: #444c31;
    white-space: normal;
    font-weight: 800;
  }

  .text-block-943 {
    font-family: Figtree, sans-serif;
    font-weight: 500;
  }

  .input-flds-3.select-field {
    color: #444c31;
    border-width: 1px;
    border-color: #d3ddd3;
    height: 2.7rem;
    font-size: .875rem;
    font-weight: 600;
    border: 1px solid #d3ddd3 !important;
  }

  .quiz_review-2, .quiz_review-2._2 {
    display: flex;
  }

  .review_stars-wrapper-4 {
    justify-content: center;
    align-items: center;
    width: auto;
  }

  .c_features-title-3 {
    color: #444c31;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 600;
  }

  .locker-wrap-2.is-inactive {
    border-color: #454c3133;
  }

  .locker-wrap-2.is-inactive.active {
    background-color: #454c31;
  }

  .locker-wrap-2.active {
    background-color: #454c31;
    box-shadow: 0 0 0 4px #4164253b;
  }

  .os-card__wrapper-3 {
    padding-left: 2.25rem;
  }

  .os-card__wrapper-3.pb--0 {
    background-color: #fff;
    height: auto;
    padding: 1rem .75rem;
  }

  .swiper-wrapper-2 {
    margin-left: 0;
    margin-right: 0;
  }

  .swiper-wrapper-2.sw20 {
    height: 80vw;
  }

  .button-text-16 {
    font-size: 1.1rem;
    font-weight: 800;
  }

  .button-text-16.new {
    font-size: 1rem;
  }

  .pb-modal_button-2 {
    width: 2rem;
    min-width: 2rem;
    height: 2rem;
    min-height: 2rem;
  }

  .div-block-2611 {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    padding-top: .2rem;
    padding-bottom: 1rem;
    display: flex;
  }

  .div-block-2611.new {
    padding-top: 1rem;
    padding-bottom: 10px;
  }

  .booster__content {
    grid-column-gap: .75em;
    grid-row-gap: .75em;
  }

  .booster__content.flex-left {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex: none;
    justify-content: center;
    align-self: auto;
    align-items: center;
    width: auto;
    height: 100%;
  }

  .booster__content.flex-left.gap-md {
    width: 100%;
  }

  .booster__content.cc-center {
    flex: 1;
  }

  .text-416 {
    font-size: 14px;
    line-height: 20px;
  }

  .select-pairs-3 {
    font-weight: 600;
  }

  .select-pairs-3._2 {
    font-family: Figtree, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    display: flex;
  }

  .select-pairs-3._2.back {
    color: #444c31e3;
    font-size: .94rem;
    font-weight: 700;
  }

  .select-pairs-3._2.test {
    letter-spacing: -.24px;
    font-weight: 700;
  }

  .c_features-image-container {
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
    margin-right: .85rem;
  }

  .text-save-3 {
    color: #444c31;
  }

  .image-468 {
    border-radius: 0;
    width: 8px;
  }

  .review_component-star-4.cc-height {
    width: auto;
    height: auto;
    display: none;
  }

  .review_component-star-4.cc-height._2 {
    background-color: #fefffb00;
    display: block;
  }

  .c_features-image-block {
    width: 100%;
    height: 100%;
  }

  .swiper10__thumbnails-2 {
    display: block;
    top: 244px;
  }

  .div-block-2606 {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
    align-items: center;
    display: flex;
  }

  .caret-down-3 {
    width: 2.5rem;
    height: 3rem;
  }

  .div-block-2608 {
    padding-left: 0;
  }

  .frame-1484580684 {
    width: 28px;
  }

  .text-block-947 {
    font-family: Figtree, sans-serif;
    font-weight: 500;
  }

  .over-26-people-have-this-in-their-carts-now-3 {
    font-size: 14px;
  }

  .button-107 {
    min-height: 4rem;
    padding: 1.2rem 1.5rem;
    font-size: 1.15rem;
  }

  .pb-component__icon {
    color: #537f24;
  }

  .clock-badge-2.white {
    color: #a32428de;
  }

  .review_component-wrapper-3 {
    font-size: .825rem;
  }

  .text-block-944 {
    color: #273c17e6;
    font-size: 13.4px;
    font-weight: 500;
  }

  .button-108 {
    background-color: #577d38;
    border-style: solid;
    border-color: #577d38;
    border-radius: 11px;
    min-height: 4rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    font-size: 1.15rem;
  }

  .button-108.is-slot {
    background-color: #444c31;
    border-style: none;
    border-radius: 7px;
    padding-top: .55rem;
    padding-bottom: .55rem;
  }

  .over-26-people-have-this-in-their-carts-now-5 {
    font-size: 14px;
  }

  .group-1000010300 {
    border-radius: 20px;
    width: 24px;
    height: 24px;
  }

  .summary-price-3.cc-compare {
    color: #8f8f8f;
    font-weight: 500;
  }

  .summary-price-3._2 {
    color: #161816f0;
    text-align: center;
    background-color: #f1d744;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 12px;
    font-weight: 700;
    display: flex;
  }

  .button-backss-2, .button-backss-2.v1 {
    width: 2rem;
    height: 2rem;
  }

  .button-backss-2.v1.test {
    margin-left: 0;
    display: flex;
    position: static;
  }

  .progressss-4 {
    color: #d9dbd3;
  }

  .progressss-4.is-active {
    color: #fff;
  }

  .step-middless-2 {
    color: #cbd2c5;
  }

  .pb-quantity__image-3 {
    width: 75%;
  }

  .pb-quantity__image-3.card.test {
    width: 100%;
  }

  .current-steps-2 {
    font-weight: 600;
  }

  .pb-component__fe1 {
    min-width: 0;
  }

  .div-block-2612 {
    padding-top: 10px;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .pb-modal_title-2 {
    font-weight: 700;
  }

  .lucker-wrap-3 {
    min-width: 340px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .lucker-wrap-3._2 {
    min-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .text-421 {
    font-size: 14px;
  }

  .text-421.authority {
    color: #273c17cc;
    font-size: 13.4px;
  }

  .text-421.authority.new {
    color: #273c17e8;
    font-size: 14px;
  }

  .text-421.authority.new.mobile {
    color: #273c17;
    font-size: 15px;
  }

  .background-23 {
    background-color: #d0ebc2a1;
  }

  .os-slot_card-3 {
    height: auto;
    min-height: 0;
    max-height: none;
  }

  .os-slot_card-3.os--active {
    outline-offset: 0px;
    outline: 1.4px #d3ddd3;
  }

  .div-block-2614.new {
    align-self: center;
    width: 90%;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
  }

  .swiper__button-4.swiper__button--next {
    background-color: #fff;
    border-width: 1px;
    border-color: #0000001f;
    border-radius: 14%;
    width: 1.5rem;
    height: 2.7rem;
    right: .5rem;
    box-shadow: 0 0 8px #0000000f;
  }

  .swiper__button-4.swiper__button--prev {
    width: 1.5rem;
    height: 2.7rem;
    box-shadow: none;
    background-color: #fff;
    border-width: 1px;
    border-color: #0000001f;
    border-radius: 14%;
    left: .5rem;
  }

  .step-middless-5 {
    color: #d8dad2;
    top: 30px;
  }

  .step-middless-5.os-active {
    padding-top: 0;
    font-weight: 600;
    top: 30px;
  }

  .step-middless-5.os-peding {
    top: 30px;
  }

  .swiper-slide__image-wrap-3.af-is-hero-c {
    padding-top: 1rem;
  }

  .text-add-5 {
    color: #444c31;
    font-size: 1rem;
    font-weight: 600;
  }

  .text-422 {
    font-size: 14px;
  }

  .text-block-949 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    color: #444c31f2;
    background-color: #fff0;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    width: auto;
    padding: 4px 6px;
    font-size: 14px;
    font-weight: 500;
    display: flex;
  }

  .text-block-950 {
    font-family: Figtree, sans-serif;
    font-weight: 500;
  }

  .input-flds-4.select-field {
    color: #444c31;
    border-width: 1px;
    border-color: #d3ddd3;
    height: 2.7rem;
    font-size: .875rem;
    font-weight: 600;
    border: 1px solid #d3ddd3 !important;
  }

  .review_stars-wrapper-5 {
    justify-content: center;
    align-items: center;
    width: auto;
  }

  .swiper-wrapper-3 {
    margin-left: 0;
    margin-right: 0;
  }

  .swiper-wrapper-3.sw20 {
    height: 80vw;
  }

  .pb-modal_button-3 {
    width: 2rem;
    min-width: 2rem;
    height: 2rem;
    min-height: 2rem;
  }

  .div-block-2615 {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    padding-top: .2rem;
    padding-bottom: 1rem;
    display: flex;
  }

  .div-block-2615.new {
    padding-top: 1rem;
    padding-bottom: 10px;
  }

  .text-425 {
    font-size: 14px;
    line-height: 20px;
  }

  .image-470 {
    border-radius: 0;
    width: 8px;
  }

  .review_component-star-5.cc-height {
    width: auto;
    height: auto;
    display: none;
  }

  .review_component-star-5.cc-height._2 {
    background-color: #fefffb00;
    display: block;
  }

  .swiper10__thumbnails-3 {
    display: block;
    top: 244px;
  }

  .div-block-2616 {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
    align-items: center;
    display: flex;
  }

  .caret-down-4 {
    width: 2.5rem;
    height: 3rem;
  }

  .div-block-2617 {
    padding-left: 0;
  }

  .frame-1484580686 {
    width: 28px;
  }

  .text-block-951 {
    font-family: Figtree, sans-serif;
    font-weight: 500;
  }

  .clock-badge-3.white {
    color: #a32428de;
  }

  .review_component-wrapper-4 {
    font-size: .825rem;
  }

  .text-block-952 {
    color: #273c17e6;
    font-size: 13.4px;
    font-weight: 500;
  }

  .button-109 {
    background-color: #577d38;
    border-style: solid;
    border-color: #577d38;
    border-radius: 11px;
    min-height: 4rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    font-size: 1.15rem;
  }

  .button-109.is-slot {
    background-color: #444c31;
    border-style: none;
    border-radius: 7px;
    padding-top: .55rem;
    padding-bottom: .55rem;
  }

  .over-26-people-have-this-in-their-carts-now-6 {
    font-size: 14px;
  }

  .group-1000010301 {
    border-radius: 20px;
    width: 24px;
    height: 24px;
  }

  .progressss-7 {
    color: #d9dbd3;
  }

  .progressss-7.is-active {
    color: #fff;
  }

  .step-middless-6 {
    color: #cbd2c5;
  }

  .pb-quantity__image-4 {
    width: 75%;
  }

  .pb-quantity__image-4.card.test {
    width: 100%;
  }

  .current-steps-3 {
    font-weight: 600;
  }

  .af-bb01-back {
    display: none;
  }

  .af-bb01-back.af-v2 {
    backface-visibility: visible;
    perspective: none;
    perspective-origin: 50%;
    transform-origin: 50%;
    width: 100px;
    margin-top: 10px;
    display: flex;
    position: static;
    transform: none;
  }

  .af-bb01-h {
    margin-top: 10px;
    font-size: 1.1rem;
  }

  .af-bb01-cstock.af-bb01-cstock-hi {
    font-size: 11px;
  }

  .af-bb01-badge {
    letter-spacing: -.24px;
  }

  .af-bb01-badge.af-bb01-badge-g {
    letter-spacing: -.1px;
  }

  .af-bb01-footer {
    padding-left: 1rem;
    padding-right: 1rem;
    display: block;
  }

  .af-bb01-cta-arr {
    position: relative;
  }

  .text-span-234 {
    align-self: center;
  }

  .af-embed-02 {
    padding-right: 4px;
  }

  .af-mx01-flavh {
    font-family: Circular Std, Arial, sans-serif;
  }

  .af-mx01-gar2.af-mx01-gar2-l {
    left: 10px;
  }

  .af-mx01-gar2.af-mx01-gar2-r {
    right: 10px;
  }

  .af-mx01-atc2 {
    height: 70px;
  }

  .os-card__selector-star-3 {
    width: .65rem;
    height: .65rem;
  }

  .div-block-2623 {
    padding-left: 0;
  }

  .text-span-245 {
    align-self: center;
  }

  .af-bb01-dhead {
    display: none;
  }

  .af-scratch__title {
    font-size: 20px;
  }

  .af-scratch__stub {
    flex-basis: 42%;
  }

  .af-scratch__shoe {
    padding-right: 18px;
  }

  .af-scratch__perf, .af-scratch__notch {
    left: 42%;
  }

  .af-scratch__pct {
    font-size: 56px;
  }

  .af-scratch__label {
    font-size: 15px;
  }

  .af-scratch__chip-label {
    font-size: 14px;
  }

  .af-scratch__chip-code {
    font-size: 15.5px;
  }

  .af-flip {
    padding: 48px 16px 24px;
  }

  .af-up01-wrap {
    display: none;
  }

  .af-up01-wrap.af-bb01-none {
    display: flex;
  }

  .af-up01 {
    background-color: #fcfff9;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    max-width: 100%;
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .af-up01-title {
    font-size: 23px;
    font-weight: 700;
  }

  .af-up01-row {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr .25fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: grid;
  }

  .af-up01-card {
    border: 1px #000;
    width: auto;
    max-width: none;
    height: 195px;
    padding-bottom: 18px;
  }

  .af-up01-card.af-up01-offer {
    height: 195px;
    padding-bottom: 18px;
  }

  .af-up01-badge {
    padding-left: 8px;
    font-size: 11px;
    font-weight: 900;
    top: -21.5px;
    left: 0;
  }

  .af-up01-cardh {
    padding-bottom: 2px;
    padding-left: 2px;
    font-size: 15px;
  }

  .af-up01-base {
    padding-left: 2px;
    font-size: 14px;
  }

  .af-up01-was {
    -webkit-text-decoration-skip-ink: auto;
    text-decoration-skip-ink: auto;
    padding-left: 2px;
    font-size: 14px;
    text-decoration-style: solid;
    text-decoration-color: #14230870;
  }

  .af-up01-now {
    font-size: 14px;
  }

  .af-up01-ico.af-up01-ick {
    background-size: 22px 22px;
    width: 22px;
    height: 22px;
  }

  .af-up01-featx {
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
  }

  .af-up01-sum {
    height: 65px;
  }

  .af-up01-sumt {
    padding-bottom: 2px;
    font-size: 15px;
  }

  .af-up01-sums, .af-up01-sumwas {
    font-size: 13px;
  }

  .af-up01-sumnow {
    font-size: 16px;
  }

  .af-up01-cta {
    font-size: 18.44px;
  }

  .af-up01-bagi {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .af-up01-skip {
    font-size: 15px;
  }

  .af-up01-bar {
    max-width: 100%;
    height: 68px;
    display: none;
  }

  .af-up01-bartx {
    font-size: 14px;
  }

  .af-up01-timer {
    width: 44px;
    height: 22px;
    padding-top: 4px;
    font-size: 14px;
  }

  .code-embed-34 {
    display: none;
  }

  .af-up01-in {
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 12px;
  }
}

#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-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-_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, #w-node-_80d05a50-a811-6e27-7d62-db36efac814b-58fd6c2c, #w-node-f7709989-ad9e-f8b1-2979-b89220228955-76b3826d {
  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;
  }
}