/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-3.use[3]!./src/styles/layout/theme.scss ***!
  \*****************************************************************************************************************************************************************************************************************/
/*
 * Basic file with global styles.
 * Files imported here will be available on every page.
 */
html {
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
}

main {
  display: block;
}

details {
  display: block;
}

pre {
  overflow: auto;
}

progress {
  display: inline-block;
}

summary {
  display: block;
}

template {
  display: none;
}

*,
::before,
::after {
  border-style: solid;
  border-width: 0;
  box-sizing: border-box;
}

* {
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

audio :not([controls]) {
  display: none;
}

[aria-busy=true] {
  cursor: progress;
}

[aria-controls] {
  cursor: pointer;
}

[aria-disabled] {
  cursor: default;
}

[hidden] {
  display: none;
}

button {
  overflow: visible;
}

input {
  border-radius: 0;
  line-height: normal;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
     -moz-appearance: button;
          appearance: button;
  cursor: pointer;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border: 0 none !important;
  padding: 0 !important;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number] {
  width: auto;
}

[type=search] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}

button,
input,
select,
textarea {
  background-color: transparent;
  color: inherit;
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
}

textarea {
  overflow: auto;
  resize: vertical;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

audio,
canvas,
iframe,
img,
svg,
video {
  max-width: 100%;
  vertical-align: middle;
}

a {
  background-color: transparent;
}
a:active, a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

code,
kbd,
pre,
samp {
  font-family: monospace;
  font-size: inherit;
}

dfn {
  font-style: italic;
}

nav ol,
nav ul {
  list-style: none;
}

small {
  font-size: 0.75em;
}

sub,
sup {
  font-size: 0.75em;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* stylelint-disable declaration-block-no-redundant-longhand-properties */
/* stylelint-enable declaration-block-no-redundant-longhand-properties */
/*
 * The file collects all global styles.
 */
html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
  box-sizing: border-box;
}

html {
  background-color: #fff;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -ms-overflow-style: auto;
}
html.nav-open {
  overflow: hidden;
}

body {
  font-family: Inter, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 1;
  color: #454f5b;
}
body::after {
  transition: opacity ease-in 0.1s, background-color ease-out 0.1s;
  background-color: #1a1a1a;
  opacity: 0;
  visibility: hidden;
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
}
body.mobile-nav-open {
  position: relative;
  overflow: hidden;
}
body.mobile-nav-open::after {
  transition: opacity ease-in 0.3s, background-color ease-out 0.3s;
  opacity: 0.8;
  visibility: visible;
}
body.mobile-nav-open .header {
  border: none;
}
body.overflow-hidden {
  overflow: hidden;
}

body,
input,
textarea,
button,
select {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
}

h1,
h2,
h3,
h4 {
  font-family: Inter, Helvetica, Arial, sans-serif;
  font-weight: 700;
  margin-bottom: 16px;
}

h1 {
  font-size: 40px;
}

h2 {
  font-size: 32px;
}

h3 {
  font-size: 28px;
}

h4 {
  font-size: 24px;
}

p {
  font-size: 16px;
  line-height: 1.5;
  margin-top: 0;
  margin-bottom: 16px;
}

ol,
ul,
dl {
  margin-bottom: 16px;
  padding-left: 32px;
}
ol li,
ul li,
dl li {
  font-size: 16px;
  line-height: 1.5;
}

a {
  color: #1a1a1a;
  text-decoration: underline;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
          text-decoration-skip: objects;
}
a:hover {
  color: #1a1a1a;
}

table {
  width: 100%;
  max-width: 100%;
}
table th,
table td {
  padding-top: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  border: 1px solid #d3d3d3;
  vertical-align: top;
}

.hide {
  display: none;
}

.placeholder-svg {
  display: inherit;
  background-color: #f2f2f2;
  margin: 0 auto;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.container,
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}

@media (min-width: 1080px) {
  .container {
    max-width: 783.75px;
  }
}

.row {
  display: flex;
  align-items: center;
  flex-flow: wrap;
  margin-right: -size("gutter");
  margin-left: -size("gutter");
}
@media (min-width: 1080px) {
  .row {
    display: flex;
    align-items: center;
    flex-flow: nowrap;
  }
}

.col,
.cell {
  margin-right: 15px;
  margin-left: 15px;
}

.col {
  flex: inherit;
  width: 100%;
}
@media (min-width: 1080px) {
  .col {
    flex: 1;
  }
}

.content {
  margin-top: 40px;
}

.hide {
  display: none;
}

.no-list {
  display: flex;
  align-items: center;
  flex-flow: wrap;
  padding: 0;
  margin: 0;
  list-style: none;
}

.table-responsive {
  overflow-x: auto;
}

.responsive-image__image {
  width: 100%;
}

.wrapper {
  max-width: 1920px;
  margin: 0 auto;
}

.wrapper-small {
  max-width: 1440px;
  margin: 0 auto;
}

input[type=email]:not(.gift-form-input),
input[type=password]:not(.gift-form-input),
input[type=tel]:not(.gift-form-input),
input[type=text]:not(.gift-form-input) {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #1a1a1a;
  display: block;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0;
  border-bottom: 1px solid #ececec;
  padding: 14px 0;
  width: 100%;
  background-color: transparent;
  outline: none;
}
input[type=email]:not(.gift-form-input)::-moz-placeholder, input[type=password]:not(.gift-form-input)::-moz-placeholder, input[type=tel]:not(.gift-form-input)::-moz-placeholder, input[type=text]:not(.gift-form-input)::-moz-placeholder {
  color: #9e9e9e;
}
input[type=email]:not(.gift-form-input)::placeholder,
input[type=password]:not(.gift-form-input)::placeholder,
input[type=tel]:not(.gift-form-input)::placeholder,
input[type=text]:not(.gift-form-input)::placeholder {
  color: #9e9e9e;
}

input[type=email]:not(.gift-form-input):focus,
input[type=password]:not(.gift-form-input):focus,
input[type=tel]:not(.gift-form-input):focus,
input[type=text]:not(.gift-form-input):focus {
  outline: none;
  border-color: #ececec;
}

input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
  background: none !important;
  box-shadow: 0 0 0 50px #fff inset !important;
  -webkit-text-fill-color: #1a1a1a !important;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}

.input-group {
  margin-bottom: 20px;
  text-align: center;
  position: relative;
}

.js-toggle-password {
  position: absolute;
  right: 10px;
  top: 20px;
}

.input-info {
  color: #9e9e9e;
  display: block;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  margin-top: 8px;
  text-align: left;
}

.errors {
  margin-bottom: 20px;
  text-align: left;
}
.errors ul {
  padding-left: 0;
  list-style: none;
}
.errors ul li {
  font-size: 12px;
  color: #F45048;
  margin-bottom: 10px;
  line-height: 1.4;
}
.errors ul li::before {
  content: "!";
  display: inline-block;
  width: 10px;
  min-width: 10px;
  height: 10px;
  line-height: 10px;
  background: #c2a07c;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  font-size: 7.5px;
  vertical-align: middle;
  margin-right: 4px;
  margin-top: stripUnit(4px)/stripUnit(16px)rem;
}
.errors ul a {
  padding-bottom: 2px;
  color: #F45048;
}

.label-hidden {
  display: none;
}

.btn,
button,
input[type=button] {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-radius: 4px;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  border: 1px solid transparent;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  text-decoration: none;
  cursor: pointer;
  padding: 7px 16px;
}
@media (min-width: 1080px) {
  .btn,
  button,
  input[type=button] {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
  }
}

.btn-primary {
  color: white;
  background-color: #F45048;
}
.btn-primary:hover {
  color: white;
  background-color: #e12b22;
}

.btn-secondary {
  color: white;
  background-color: #006fbb;
}
.btn-secondary:hover {
  color: white;
  background-color: #0689e2;
}

.btn-border, .btn-brand {
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  padding: 8px 16px;
  border-radius: 4px;
  border: 1.4px solid #1a1a1a;
  color: #1a1a1a;
  background-color: white;
  width: 100%;
}
@media (min-width: 480px) {
  .btn-border, .btn-brand {
    width: 254px;
  }
}

.btn-brand {
  color: white;
  border-color: #f53c32;
  background-color: #f53c32;
  width: 100%;
}
@media (min-width: 480px) {
  .btn-brand {
    max-width: 254px;
  }
}

.btn-white {
  background-color: #fff;
  color: #1a1a1a;
  border-color: #1a1a1a;
}
.btn-white:hover {
  background-color: #4F4F52;
  color: #fff;
  border-color: #4F4F52;
}

.btn-black {
  background-color: #252525;
  color: #fff;
  border-color: #252525;
}
.btn-black:hover {
  background-color: #4F4F52;
  color: #fff;
  border-color: #4F4F52;
}

.btn-outline {
  background-color: transparent;
  color: #252525;
  border-color: #252525;
}
.btn-outline:hover {
  background-color: #4F4F52;
  color: #fff;
  border-color: #4F4F52;
}

.btn-default {
  color: white;
  background-color: #808080;
}
.btn-default:hover {
  color: white;
}

.btn-width-310 {
  width: 310px;
}

.btn-disable {
  cursor: not-allowed;
  color: #fff;
  background: #9e9e9e;
  border-color: #9e9e9e;
}
.btn-disable:hover {
  color: #fff;
}

.btn-medium {
  padding: 13px 24px;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
}

.btn-full {
  max-width: 100% !important;
  width: 100% !important;
}

.btn-flex {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
}

.announcement {
  padding-top: 7px;
  padding-bottom: 10px;
  text-align: center;
  height: 36px;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
}
.announcement p > a {
  color: inherit;
  cursor: pointer;
  text-decoration: none;
}
.announcement p > a:hover {
  text-decoration: underline;
}
.announcement p {
  font-size: 14px;
  line-height: 1.5;
  font-weight: 400;
  margin: 0 auto;
  text-align: center;
}

.announcement__section {
  position: relative;
  z-index: 101;
}

.header {
  background-color: #fff;
  border-bottom: 1px solid rgba(37, 37, 37, 0.25);
  padding-top: 12px;
  padding-right: 16px;
  padding-bottom: 12px;
  padding-left: 16px;
}
@media (min-width: 480px) {
  .header {
    padding-top: 15px;
    padding-right: 24px;
    padding-bottom: 15px;
    padding-left: 24px;
  }
}
@media (min-width: 1080px) {
  .header {
    padding-top: 12px;
    padding-right: 44px;
    padding-bottom: 12px;
    padding-left: 44px;
  }
}
.header::after {
  position: relative;
  content: "";
  height: 1px;
  width: 100%;
}

.header__section {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 102;
}
@media (min-width: 1080px) {
  .header__section {
    z-index: 100;
  }
}

.header__wrapper {
  max-width: 1920px;
  margin: auto;
}

.header__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 1080px) {
  .header__content {
    height: 47px;
  }
}
.header__content ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.header__logo {
  width: 72px;
  height: 20px;
}
@media (min-width: 1080px) {
  .header__logo {
    width: 74px;
  }
}
.header__logo svg,
.header__logo g,
.header__logo path,
.header__logo mask {
  width: 72px;
}
@media (min-width: 1080px) {
  .header__logo svg,
  .header__logo g,
  .header__logo path,
  .header__logo mask {
    width: 74px;
  }
  .header__logo--mobile {
    display: none;
  }
}

.header__logo--desktop {
  display: none;
}
@media (min-width: 1080px) {
  .header__logo--desktop {
    display: flex;
    flex-grow: 0;
    align-items: center;
    justify-content: center;
    margin: 0;
  }
  .header__logo--desktop img {
    width: 74px;
  }
  .header__logo--desktop-left {
    margin: 0 14px 0 0;
  }
  .header__leftMenu {
    display: flex;
    align-items: center;
    flex-grow: 1;
    flex-basis: 0;
    margin-left: -14px;
  }
}
.header__leftMenu .header__list {
  display: none;
}
@media (min-width: 1080px) {
  .header__leftMenu .header__list {
    display: flex;
    margin-left: 50px;
  }
}

.header__rightMenu {
  display: flex;
  align-items: center;
}
@media (min-width: 1080px) {
  .header__rightMenu {
    flex-grow: 1;
    flex-basis: 0;
    justify-content: flex-end;
  }
}
.header__rightMenu .header__list {
  display: none;
}
@media (min-width: 1080px) {
  .header__rightMenu .header__list {
    display: flex;
  }
}

.header__getStartBtn {
  height: 32px;
  font-weight: 400;
}
@media (max-width: 1079px) {
  .header__getStartBtn {
    font-size: 12px;
    line-height: 18px;
  }
}
@media (max-width: 379px) {
  .header__getStartBtn {
    font-size: 12px;
    line-height: 18px;
  }
}
@media (min-width: 480px) {
  .header__getStartBtn {
    left: -8px;
  }
}
@media (min-width: 1080px) {
  .header__getStartBtn {
    height: 40px;
    margin: 0 0 0 24px;
    padding: 8px 12px;
    border-radius: 8px;
    min-width: 90px;
    background-color: #1a1a1a;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
  }
}

.header__list,
.header__icons {
  display: flex;
  flex-direction: row;
  gap: 12px;
}

.header__iconCart {
  position: relative;
}
.header__iconCart svg {
  width: 32px;
  height: 32px;
}

.header__itemCount {
  position: absolute;
  z-index: 10;
  background-color: #f53c32;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: -0.6px;
  text-transform: uppercase;
  right: -2px;
  top: -2px;
}
@media (min-width: 1080px) {
  .header__itemCount {
    right: -10px;
    top: -4px;
  }
}

.header__linkItem {
  display: flex;
  cursor: pointer;
  position: relative;
  align-items: center;
  padding-top: 22px;
  padding-right: 0;
  padding-bottom: 20px;
  padding-left: 0;
}
@media (min-width: 1080px) {
  .header__linkItem:not(:last-child) {
    margin-right: 33px;
  }
  .header__linkItem {
    padding-top: 12px;
    padding-right: 0;
    padding-bottom: 12px;
    padding-left: 0;
  }
}
.header__linkItem:hover .header__linkList::after {
  width: 100%;
}
.header__linkItem--hidden {
  display: none;
}
.header__linkItem:has(.header__linkList--disabled) {
  cursor: pointer;
}

.header__linkList {
  display: inline-block;
  text-decoration: none;
  white-space: nowrap;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  position: relative;
}
.header__linkList::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #252525;
  transition: width ease-in 0.3s;
}
.header__linkList--disabled {
  cursor: pointer;
}

.header__icon {
  display: inline-block;
}
.header__icon:not(.header__iconClose) {
  width: 32px;
}
@media (min-width: 1080px) {
  .header__icon {
    margin: 0 0 0 14px;
    padding: 0;
  }
}

.header__iconHamburger {
  top: -1px;
  right: -1px;
  position: relative;
}
@media (min-width: 1080px) {
  .header__iconHamburger {
    display: none;
  }
}

.header__accountMenu {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #fff;
  width: 375px;
  min-height: 100vh;
  z-index: 103;
  padding: 18px 16px;
  display: none;
  visibility: hidden;
}
@media (min-width: 480px) {
  .header__accountMenu {
    padding: 20px 24px 32px;
  }
}
@media (min-width: 1080px) {
  .header__accountMenu {
    width: 328px;
    padding: 16px 29px 25px;
    border-radius: 0 0 4px 4px;
    margin-left: 90px;
    top: 100%;
    right: initial;
    min-height: initial;
  }
}

.header__accounLink {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  border-bottom: 1px solid #f2f2f2;
  padding: 14px 0;
  display: block;
  text-decoration: none;
}
@media (min-width: 480px) {
  .header__accounLink {
    padding: 14px 0 17px;
  }
}
@media (min-width: 1080px) {
  .header__accounLink {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    padding: 16px 0;
  }
}
.header__accounLink--red {
  border: none;
  color: #F45048;
  padding-bottom: 0;
}
@media (min-width: 480px) {
  .header__accounLink--red {
    margin-top: 9px;
  }
}

.header__accountHeader {
  display: flex;
  justify-content: right;
  align-items: center;
  margin-bottom: 0;
}
@media (min-width: 480px) {
  .header__accountHeader {
    margin-bottom: 39px;
  }
}
@media (min-width: 1080px) {
  .header__accountHeader {
    display: none;
  }
}

.header__accountHeading {
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
}

.header__iconAccount--login {
  display: flex;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  text-decoration: none;
}
@media (max-width: 1079px) {
  .header__iconAccount--login {
    display: none;
  }
}
.header__iconAccount--login span {
  position: relative;
  top: 1px;
}
.header__iconAccount--login span::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 2px;
  z-index: 9;
  background-color: #1a1a1a;
  transition: width ease-in 0.2s;
}
.header__iconAccount--login:hover span::after {
  width: 100%;
}

@media (max-width: 1079px) {
  .header__iconAccount-mobile {
    display: none;
  }
  .header__desktop-only {
    display: none !important;
  }
}

@media (min-width: 1080px) {
  .header__getStartBtn--mobile-only {
    display: none !important;
  }
}

.search {
  position: fixed;
  width: 100%;
  height: 100%;
  background: white;
  top: 0;
  left: 0;
  padding: 16px;
  transition: opacity ease-in 0.1s, visibility ease-out 0.1s;
  opacity: 0;
  visibility: hidden;
  z-index: 102;
}
.search.is-active {
  opacity: 1;
  visibility: visible;
}
@media (min-width: 480px) {
  .search {
    padding: 32px;
  }
}

.search__wrapper {
  max-width: 864px;
  margin: 0 auto;
}

.search__content {
  position: relative;
  padding-right: 30px;
}
@media (min-width: 480px) {
  .search__content {
    padding-right: 0;
  }
}

.search__input {
  color: #9e9e9e;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  padding: 13px 10px;
  width: 100%;
  outline: none;
  background: #f2f2f2;
}

.search__button {
  position: absolute;
  right: 30px;
  top: 12px;
}
@media (min-width: 480px) {
  .search__button {
    right: 14px;
    top: 12px;
  }
}

.search__close {
  position: absolute;
  right: 0;
  top: 15px;
}
@media (min-width: 480px) {
  .search__close {
    right: -35px;
    top: 13px;
  }
}

.accountModal {
  position: fixed;
  width: 100%;
  height: 100vh;
  background: #fff;
  top: 0;
  left: 0;
  overflow-y: auto;
  transition: opacity ease-in 0.1s, visibility ease-out 0.1s;
  opacity: 0;
  visibility: hidden;
  z-index: 102;
}
@media (min-width: 480px) {
  .accountModal {
    background: rgba(26, 26, 26, 0.8);
  }
}
.accountModal.is-active {
  opacity: 1;
  visibility: visible;
}
@media (min-width: 480px) {
  .accountModal {
    padding: 32px;
  }
}

.accountModal__wrapper {
  max-width: 652px;
  margin: 0 auto;
  background: #fff;
  padding: 56px 20px;
}
@media (min-width: 480px) {
  .accountModal__wrapper {
    padding: 50px;
    width: 100%;
    min-height: 564px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

.accountModal__main {
  max-width: 380px;
  margin: 0 auto;
  text-align: center;
}

.accountModal__content {
  display: none;
}
.accountModal__content.is-active {
  display: block;
}

.accountModal__close {
  position: absolute;
  right: 20px;
  top: 20px;
}

.accountModal__header {
  margin-bottom: 30px;
}

.accountModal__heading {
  font-size: 32px;
  line-height: 34px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 24px;
  text-align: center;
}

.accountModal__text,
.accountModal__label {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #1a1a1a;
}
.accountModal__text a,
.accountModal__label a {
  font-weight: 700;
}

.accountModal__text {
  text-align: center;
}

.accountModal__btn {
  width: 100%;
  padding: 13px 24px;
}

.accountModal__link {
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
}

.accountModal__form {
  text-align: left;
}
.accountModal__form input[type=email],
.accountModal__form input[type=password],
.accountModal__form input[type=tel],
.accountModal__form input[type=text] {
  border-radius: 4px;
  border: 1px solid #ececec;
  padding: 16px 22px;
  color: #1a1a1a;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}
.accountModal__form input[type=email]::-moz-placeholder, .accountModal__form input[type=password]::-moz-placeholder, .accountModal__form input[type=tel]::-moz-placeholder, .accountModal__form input[type=text]::-moz-placeholder {
  color: #9e9e9e;
}
.accountModal__form input[type=email]::placeholder,
.accountModal__form input[type=password]::placeholder,
.accountModal__form input[type=tel]::placeholder,
.accountModal__form input[type=text]::placeholder {
  color: #9e9e9e;
}

.accountModal__label {
  margin: 10px 0 0;
  text-align: left;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  display: block;
}

.accountModal__formError {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #F45048;
  text-align: left;
  display: none;
  margin-top: 5px;
}
.accountModal__formError.js-form-error--active {
  display: block;
}

.accountAttention--info, .accountAttention--danger {
  background: #f4f1e8;
  border-radius: 4px;
  text-align: left;
  padding: 16px;
  margin-bottom: 32px;
}

.accountAttention--danger {
  background: rgba(255, 169, 165, 0.5019607843);
}

.accountAttention {
  border-radius: 4px;
  padding: 16px;
  text-align: left;
  border: 2px solid #f53c32;
}

.accountAttention__heading {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 4px;
}

.accountAttention__text {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #1a1a1a;
  margin-bottom: 4px;
}

.accountAttention__link {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #1a1a1a;
}

.accountAttention__btn {
  margin-top: 20px;
}

.accountAttention__success {
  padding-top: 24px;
  display: none;
}
@media (min-width: 1080px) {
  .accountAttention__success {
    padding-top: 40px;
  }
}

.accountAttention__successContent {
  text-align: center;
  background: linear-gradient(0deg, rgba(28, 124, 84, 0.15) 0%, rgba(28, 124, 84, 0.15) 100%), #fff;
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  padding: 16px;
  border-radius: 4px;
}
.accountAttention__successContent strong {
  font-weight: 700;
}
.accountAttention__successContent span {
  font-weight: 400;
  color: #1a1a1a;
}
.accountAttention__successContent .img {
  margin-right: 8px;
  vertical-align: text-bottom;
}
.accountAttention__successContent.withMarginBottom {
  margin-bottom: 24px;
}
.accountAttention__successContent--info {
  background: #d5e7ef;
}

.accountAttention__reset {
  display: block;
  margin-top: 4px;
}
.accountAttention__reset a {
  font-weight: 700;
}

.accountForgot {
  margin: 24px 0;
  text-align: center;
}

.accountFooter {
  border-top: 1px solid #ececec;
  padding-top: 24px;
  text-align: center;
}

.accountFooter__text {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #1a1a1a;
  margin-bottom: 20px;
}

.accountError {
  margin: 32px 0;
  border-radius: 8px;
  background: rgba(255, 169, 165, 0.5);
  padding: 16px;
}
.accountError p,
.accountError li {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #1a1a1a;
  margin-bottom: 8px;
}
.accountError p strong,
.accountError p a,
.accountError li strong,
.accountError li a {
  font-weight: 700;
}
.accountError ol {
  margin: 0;
}
.accountError ol li {
  margin-bottom: 8px;
}

.centered {
  text-align: center;
}

.megaMenu {
  position: absolute;
  left: -30px;
  top: calc(100% + 27px);
  transform: translateY(-10px) scale(0.98);
  transform-origin: top left;
  width: auto;
  min-width: 750px;
  background-color: #fff;
  z-index: -1;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s ease-out, visibility 0.25s;
  opacity: 0;
  visibility: hidden;
  padding: 32px;
  border-radius: 24px;
  cursor: initial;
  box-shadow: 0 8px 48px 0 rgba(37, 37, 37, 0.1);
}
.megaMenu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.megaMenu__wrapper {
  margin: auto;
}

.megaMenu__header {
  font-family: "Geist Mono", "Courier New", monospace;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 2.52px;
  text-transform: uppercase;
  color: #b8b8bc;
  margin: 0 0 10px;
}

.megaMenu__row {
  display: flex;
}

.megaMenu__nav {
  display: flex;
  justify-content: space-between;
  margin: 0 -21px;
}
@media (min-width: 850px) {
  .megaMenu__nav {
    max-width: 684px;
  }
}

.megaMenu__promotion {
  display: flex;
  height: 240px;
  gap: 16px;
  justify-content: right;
  margin-top: -25px;
  width: 100%;
}

.megaMenu__promotionItem {
  display: flex;
  flex-direction: column; /* Stack image and text vertically */
  max-width: 300px;
}

.megaMenu__promotionImage {
  height: 118px;
  width: 222px;
  border-radius: 16px;
  overflow: hidden;
}
.megaMenu__promotionImage img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 16px;
}

.megaMenu__promotionHeading {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.12;
  margin-top: 16px; /* Space between the image and heading */
  color: #252525;
}

.megaMenu__promotionText {
  font-size: 12px;
  line-height: 1.6;
  margin-top: 4px; /* Space between the heading and text */
  color: #252525;
  max-width: 222px;
}

.megaMenu__leftNav {
  min-width: 229px;
}

.megaMenu__leftNavItem {
  margin-bottom: 5px;
}
.megaMenu__leftNavItem:hover .megaMenu__leftNavLink::after {
  width: 100%;
}

.megaMenu__leftNavLink,
.megaMenu__navLink {
  font-size: 16px;
  line-height: 2.1;
  font-weight: 400;
  text-decoration: none;
  color: #4f4f52;
}

.megaMenu__leftNavLink {
  position: relative;
  font-weight: 500;
}
.megaMenu__leftNavLink::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 0;
  height: 1px;
  z-index: 9;
  background-color: #252525;
  transition: width ease-in 0.3s;
}

.megaMenu__navLink {
  padding-top: 8px;
  padding-bottom: 8px;
  display: block;
}

.megaMenu__navContent {
  margin: 0 21px;
}
@media (min-width: 850px) {
  .megaMenu__navContent {
    min-width: 300px;
  }
}

.megaMenu__navItem {
  border-bottom: 1px solid #f2f2f2;
}

.megaMenu__navHeading {
  font-family: "Geist Mono", "Courier New", monospace;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 2.52px;
  text-transform: uppercase;
  color: #b8b8bc;
  margin: 2px 0 10px;
}

.megaMenu__navText {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  margin: 2px 0;
  padding: 0;
}

.megaMenu__promotionUrl {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: red;
}

.megaMenu__mostPopular {
  background-color: #446bb0;
  color: white;
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
  border-radius: 20px;
  padding: 3px 10px;
  margin-left: 4px;
  position: relative;
  top: -1px;
}

.header__linkItem:hover .megaMenu {
  transform: translateY(0) scale(1);
  opacity: 1;
  visibility: visible;
}

.mobileNav {
  position: fixed;
  right: 0;
  top: 0;
  overflow: hidden;
  width: 100%;
  z-index: 102;
  pointer-events: none;
}
.mobileNav.is-active {
  overflow: auto;
  pointer-events: all;
}
.mobileNav.is-active .mobileNav__wrapper {
  transform: translate(0);
  opacity: 1;
}

.mobileNav__wrapper {
  width: 100%;
  height: 100vh;
  background-color: #fff;
  overflow: hidden;
  z-index: -1;
  transform: translate(100%);
  transition: transform ease 0.5s, opacity ease 0.5s;
  opacity: 0;
  padding: 18px 16px;
  display: flex;
  flex-direction: column;
}
@media (min-width: 480px) {
  .mobileNav__wrapper {
    padding: 32px 24px;
  }
}

.mobileNav__row {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.mobileNav__content {
  overflow-x: hidden;
  overflow-y: auto;
  pointer-events: all;
  flex: 1;
  margin: 0 -16px;
  padding: 0 0 0 16px;
  display: flex;
  flex-direction: column;
}

.mobileNav__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
}
@media (min-width: 480px) {
  .mobileNav__header {
    justify-content: right;
    margin-bottom: 23px;
  }
  .mobileNav__logo {
    display: none;
  }
}

.mobileNav__icons {
  display: flex;
  align-items: center;
}
.mobileNav.is-active .mobileNav__icons .header__iconCart,
.mobileNav.is-active .mobileNav__icons .header__iconSearch,
.mobileNav.is-active .mobileNav__icons .header__iconAccount {
  display: none;
}

.mobileNav__getStarted {
  margin-bottom: 20px;
}

.mobileNav__getStartedlink {
  border-bottom: 1px solid #ececec;
  padding: 8px 0 20px;
  text-decoration: none;
  display: block;
  position: relative;
}
.mobileNav__getStartedlink span {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  color: #F45048;
}
.mobileNav__getStartedlink svg {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.mobileNav__getStartedDesc {
  color: #4d4d4d;
  margin: 4px 0 0;
  max-width: 220px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}

.mobileNav__auth {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px;
  background-color: #fff;
  border: none;
  margin: 0 0 0 -16px;
  width: calc(100% + 16px);
  min-height: 64px;
}

.mobileNav__authLink {
  font-family: Inter, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #252525;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-underline-offset: 30%;
}

.mobileNav__authSeparator {
  font-family: Inter, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  color: #252525;
}

.mobileNav__logout {
  display: flex;
  align-items: center;
  padding: 16px;
  background-color: #fff;
  border: none;
  margin: 0 0 0 -16px;
  width: calc(100% + 16px);
}

.mobileNav__logoutLink {
  font-family: Inter, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #252525;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-underline-offset: 30%;
}

.mobileNav__list {
  list-style: none;
  margin: 0 0 24px;
  padding: 0;
}
@media (min-width: 480px) {
  .mobileNav__list {
    margin-bottom: 20px;
  }
}
.mobileNav__list li {
  border: none;
  border-bottom: none;
}

.mobileNav__linkList,
.mobileNav__linkSmall {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
  position: relative;
  height: 64px;
  gap: 10px;
  padding-right: 16px;
  border: none;
  border-bottom: none;
}
.mobileNav__linkList svg,
.mobileNav__linkSmall svg {
  display: none;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

.mobileNav__linkList {
  font-size: 24px;
  line-height: normal;
  font-weight: 400;
}

.mobileNav__linkSmall {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  margin-bottom: 2px;
}

.mobileNav__linkIcon {
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  display: block;
  text-decoration: none;
  padding: 11px 0;
  position: relative;
}
.mobileNav__linkIcon svg {
  margin-right: 7px;
}

.mobileNav__linkIconEmail {
  padding-top: 28px;
  margin-top: 25px;
  border-top: 1px solid #ececec;
}
@media (min-width: 480px) {
  .mobileNav__linkIconEmail {
    padding-top: 24px;
    margin-top: 15px;
  }
}

.mobileNav__linkArrow .mobileNav__linkList svg,
.mobileNav__linkArrow .mobileNav__linkSmall svg {
  display: block;
}

.mobileNav__linkAccordion .mobileNav__accordionIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.mobileNav__linkAccordion .mobileNav__accordionIcon svg {
  display: block;
  width: 24px;
  height: 24px;
}
.mobileNav__linkAccordion .mobileNav__accordionContent {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}
.mobileNav__linkAccordion.is-open .mobileNav__accordionContent {
  max-height: 2000px;
  transition: max-height 0.5s ease-in;
}

.mobileNav__accordionList {
  list-style: none;
  margin: 0;
}

.mobileNav__accordionLink {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  display: block;
  text-decoration: none;
  padding-bottom: 8px;
  margin-top: 8px;
}

.mobileNav__accordionPromotion {
  display: flex;
  gap: 16px;
  margin: 16px 0 0;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}
.mobileNav__accordionPromotion::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}

.mobileNav__accordionPromotionItem {
  display: flex;
  flex-direction: column;
  width: 222px;
  flex-shrink: 0;
}

.mobileNav__accordionPromotionImage {
  width: 222px;
  height: 118px;
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 16px;
}
.mobileNav__accordionPromotionImage img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

.mobileNav__accordionPromotionHeading {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  color: #252525;
  margin: 0 0 8px;
}

.mobileNav__accordionPromotionText {
  font-size: 12px;
  line-height: 1.6;
  color: #252525;
  margin: 0;
}

.mobileNav__promotion {
  display: none;
  margin: 0 0 24px;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}
.mobileNav__promotion::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}
.mobileNav__promotion .swiper-wrapper {
  display: flex;
  gap: 16px;
}

.mobileNav__promotionContent {
  display: flex;
  flex-direction: column;
  width: 222px;
  flex-shrink: 0;
}

.mobileNav__promotionImage {
  width: 222px;
  height: 118px;
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 16px;
}
.mobileNav__promotionImage img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 16px;
}

.mobileNav__promotionHeading {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  color: #252525;
  margin: 0 0 8px;
}

.mobileNav__promotionText {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  color: #252525;
  margin: 0;
  max-width: 222px;
}

.mobileNav__promotionLink {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  text-decoration: none;
}
.mobileNav__promotionLink svg {
  margin-left: 4px;
}

.mobileMenu {
  position: absolute;
  width: 100%;
  background: #fff;
  min-height: 100vh;
  top: 0;
  left: 0;
  z-index: 102;
  transform: translate(100%);
  transition: transform ease 0.5s;
  overflow: overlay;
  padding: 18px 16px;
}
@media (min-width: 480px) {
  .mobileMenu {
    transform: translate(375px);
    padding: 32px 24px;
  }
}
.mobileMenu.mobileMenu__level1.is-open, .mobileMenu.mobileMenu__level2.is-open {
  transform: translate(0);
  pointer-events: all;
  overflow-x: hidden;
  overflow-y: auto;
  min-height: 100%;
  height: -webkit-fill-available;
  height: -moz-available;
  height: fill-available;
}

.mobileMenu__heading {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  text-decoration: none;
  position: absolute;
  top: 22px;
  left: 14px;
}
@media (min-width: 480px) {
  .mobileMenu__heading {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    top: 32px;
    left: 24px;
  }
}
.mobileMenu__heading svg {
  margin-right: 5px;
}

.mobileMenu__close {
  position: absolute;
  top: 15px;
  right: 16px;
}
@media (min-width: 480px) {
  .mobileMenu__close {
    top: 28px;
    right: 22px;
  }
}

.mobileMenu__headerTitle {
  font-family: "Geist Mono", "Courier New", monospace;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 2.52px;
  text-transform: uppercase;
  color: #b8b8bc;
  margin: 60px 0 18px;
}

.mobileMenu__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.mobileMenu__linkList {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  display: block;
  text-decoration: none;
  padding: 15px 0 16px;
  border-bottom: 1px solid rgba(37, 37, 37, 0.25);
  position: relative;
  color: #1a1a1a;
}
@media (min-width: 480px) {
  .mobileMenu__linkList {
    padding-bottom: 17px;
  }
}
.mobileMenu__linkList svg {
  display: none;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.mobileMenu__linkArrow .mobileMenu__linkList svg {
  display: block;
}

.mobileMenu__navText {
  margin: 0;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
}
@media (min-width: 480px) {
  .mobileMenu__navText {
    margin-top: 3px;
  }
}

.mobileNav__account {
  padding: 22px 0 24px;
  border-bottom: 1px solid #ececec;
}
.mobileNav__account svg {
  position: relative;
  top: -1px;
  margin-right: 8px;
}

.mobileNav__login,
.mobileNav__logoutInfo {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}

.mobileNav__logoutInfo {
  padding-bottom: 16px;
  display: flex;
  justify-content: space-between;
}

.mobileNav__cta {
  padding: 24px 16px;
  margin-left: -16px;
  width: calc(100% + 16px);
  flex-shrink: 0;
}

.mobileNav__ctaLoggedIn {
  display: flex;
  gap: 16px;
  padding: 24px 16px;
  margin-left: -16px;
  width: calc(100% + 16px);
  flex-shrink: 0;
}

.mobileNav__ctaBtn {
  text-align: center;
  padding: 0 20px;
  height: 48px;
  min-width: 150px;
  font-size: 16px;
  font-weight: 400;
  line-height: 48px;
  letter-spacing: -0.32px;
  text-decoration: none;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #252525;
  color: white;
}
.mobileNav__cta .mobileNav__ctaBtn {
  width: 100%;
}
.mobileNav__ctaLoggedIn .mobileNav__ctaBtn {
  flex: 1;
  width: 170px;
}

.image {
  display: block;
  position: relative;
  max-width: var(--maxw, 100%);
  transition: filter 0.1s ease;
  filter: blur(5px);
}
.image::before {
  content: "";
  display: block;
  padding-top: calc(var(--aspect-ratio) * 100%);
}

.image[data-loaded=true] {
  filter: blur(0);
}

.image__elem {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: var(--image-fit, cover);
     object-fit: var(--image-fit, cover);
  -o-object-position: var(--image-position, center);
     object-position: var(--image-position, center);
}

.swiper-container {
  overflow: hidden;
}

.swiper-wrapper {
  display: flex;
  flex-wrap: nowrap;
}

.swiper-slide {
  flex-shrink: 0;
}

.swiper-slide--overflow {
  overflow-y: auto !important;
}

.swiper-button-lock,
.swiper-pagination-lock {
  /* !important is required */
  display: none !important;
}

.swiper-button-disabled {
  display: none !important;
}

.swiper__carousel {
  position: relative;
  overflow: hidden;
  flex: 1 0 0;
}

.swiper__row {
  display: flex;
  flex-flow: row nowrap;
}

.swiper__col {
  flex-shrink: 0;
  align-self: stretch;
  overflow: hidden;
}

.carousel-container .swiper-button-prev,
.carousel-container .swiper-button-next {
  color: #1A1A1A;
}
@media (max-width: 768px) {
  .carousel-container .swiper-button-prev,
  .carousel-container .swiper-button-next {
    display: none;
  }
}

.carousel-container .swiper-button-prev::after,
.carousel-container .swiper-button-next::after {
  font-size: 20px;
}

.carousel-container .swiper-pagination-bullet {
  background-color: #FAFAFA;
  opacity: 1;
}

.carousel-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #1A1A1A;
}

.carousel-container > .swiper-wrapper > .swiper-slide > .hidden {
  display: flex;
}

.ov {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--ov-background, #1a1a1a);
  opacity: var(--ov-opacity, 0.8);
  z-index: 101;
  animation: ov-come-in var(--ov-speed, 0.2s);
}
.ov.ov--hide {
  opacity: 0;
  animation: ov-go-out var(--ov-speed, 0.2s);
}
.ov.ov--hidden {
  display: none;
}
.m__nav--open .ov {
  z-index: 1;
}

@keyframes ov-come-in {
  from {
    opacity: 0;
  }
  to {
    opacity: var(--ov-opacity, 0.8);
  }
}
@keyframes ov-go-out {
  from {
    opacity: var(--ov-opacity, 0.8);
  }
  to {
    opacity: 0;
  }
}
.mcart {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  max-width: 340px;
  color: #252525;
  background: #fff;
  overflow: hidden;
  z-index: 9999;
  box-shadow: none;
  transform: translateX(100%);
  transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), box-shadow 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
  border-radius: 0;
  display: flex;
  flex-direction: column;
}
@media (min-width: 480px) {
  .mcart {
    max-width: 440px;
  }
}
.mcart.mcart--open {
  box-shadow: -4px 0 22px rgba(0, 0, 0, 0.2509803922);
  transform: translateX(0);
}

@media (max-width: 767px) {
  body:has(.mcart--open) #chat-button {
    display: none !important;
  }
}
.cart__body {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.cart__upsell-image {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-flow: row;
  width: 60px;
  height: 75px;
  flex-shrink: 0;
}

.cart__upsell-variantTitle {
  display: block;
  font-size: 14px;
  line-height: 1.6;
  font-weight: 400;
  color: #252525;
}

.breadcrumb {
  padding: 20px 14px 24px;
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .breadcrumb {
    padding: 26px 28px 24px;
  }
}
@media (min-width: 1280px) {
  .breadcrumb {
    padding: 34px 44px 24px;
  }
}
@media (min-width: 1600px) {
  .breadcrumb {
    padding: 34px 124px 24px;
  }
}
.breadcrumb .wrapper {
  max-width: none;
  margin: 0 auto;
}
@media (min-width: 1440px) {
  .breadcrumb .wrapper {
    max-width: 1352px;
  }
}
.breadcrumb ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.breadcrumb li {
  display: inline-block;
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: -0.02px;
  font-weight: 400;
  color: #1a1a1a;
}
.breadcrumb li a {
  text-decoration: none;
}
.breadcrumb li i {
  margin: 0 4px;
}
.breadcrumb li:last-child {
  font-weight: 600;
}
.breadcrumb li:last-child i {
  display: none;
}

.pagination {
  color: #1a1a1a;
  padding: 16px;
  display: flex;
  justify-content: center;
}
@media (min-width: 480px) {
  .pagination {
    padding: 24px;
  }
}
@media (min-width: 1080px) {
  .pagination {
    padding: 48px;
  }
}
.pagination ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.pagination li {
  display: inline-block;
  margin: 0 8px;
}
.pagination .pagination__link {
  background-color: #ececec;
  color: #1a1a1a;
  border-radius: 4px;
  display: inline-block;
  padding: 2px 8px;
  text-decoration: none;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}
.pagination .pagination__link--current {
  color: #fff;
  background-color: #1a1a1a;
}
.pagination .pagination__prev svg {
  position: relative;
  transform: rotate(180deg);
}

.instafeed {
  padding: 40px 0 0;
  background-color: #f4f1e8;
}
@media (min-width: 1080px) {
  .instafeed {
    padding: 56px 0 0;
  }
}

.instafeed__header {
  margin-bottom: 16px;
}
@media (min-width: 1080px) {
  .instafeed__header {
    margin-bottom: 32px;
  }
}

.instafeed__heading {
  text-align: center;
  font-size: 32px;
  line-height: 36px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 16px;
}
@media (min-width: 1080px) {
  .instafeed__heading {
    font-size: 40px;
    line-height: 42px;
    font-weight: 700;
  }
}
.instafeed__heading a {
  text-decoration: none;
}

.instafeed__description {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: "grey-30";
  text-align: center;
}
@media (min-width: 1080px) {
  .instafeed__description {
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
  }
}

.content-for-layout .shopify-policy__container {
  max-width: 1440px;
  margin: 0 auto;
  padding: 56px 16px;
}
@media (min-width: 480px) {
  .content-for-layout .shopify-policy__container {
    padding: 64px 24px;
  }
}
@media (min-width: 1080px) {
  .content-for-layout .shopify-policy__container {
    padding: 80px 48px 88px;
  }
}
.content-for-layout .shopify-policy__title {
  color: #1a1a1a;
  text-align: left;
  font-size: 30px;
  letter-spacing: 0;
  line-height: 34px;
  font-weight: 700;
}
@media (min-width: 480px) {
  .content-for-layout .shopify-policy__title {
    font-size: 40px;
    letter-spacing: 0;
    line-height: 42px;
    font-weight: 700;
  }
}
@media (min-width: 1080px) {
  .content-for-layout .shopify-policy__title {
    font-size: 42px;
    letter-spacing: 0;
    line-height: 48px;
    font-weight: 700;
  }
}
.content-for-layout .shopify-policy__body h1,
.content-for-layout .shopify-policy__body h2,
.content-for-layout .shopify-policy__body h3,
.content-for-layout .shopify-policy__body h4,
.content-for-layout .shopify-policy__body h5,
.content-for-layout .shopify-policy__body h6 {
  margin: 24px 0 16px;
  color: #1a1a1a;
}
@media (min-width: 1080px) {
  .content-for-layout .shopify-policy__body h1,
  .content-for-layout .shopify-policy__body h2,
  .content-for-layout .shopify-policy__body h3,
  .content-for-layout .shopify-policy__body h4,
  .content-for-layout .shopify-policy__body h5,
  .content-for-layout .shopify-policy__body h6 {
    margin: 40px 0 24px;
  }
}
.content-for-layout .shopify-policy__body ul li,
.content-for-layout .shopify-policy__body ol li {
  margin-bottom: 16px;
  color: #1a1a1a;
}
.content-for-layout .shopify-policy__body p {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
  font-weight: 400;
  margin-bottom: 16px;
  color: #1a1a1a;
}
@media (min-width: 1080px) {
  .content-for-layout .shopify-policy__body p {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 24px;
  }
}
.content-for-layout .shopify-policy__body img {
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  display: block;
  margin: 16px 0;
}
.content-for-layout .shopify-policy__body a:hover {
  text-decoration: none;
}
.content-for-layout .shopify-policy__body table {
  margin-bottom: 16px;
}
@media (min-width: 1080px) {
  .content-for-layout .shopify-policy__body table {
    margin-bottom: 24px;
  }
}
.content-for-layout .shopify-policy__body table th,
.content-for-layout .shopify-policy__body table td {
  padding: 8px;
}
@media (min-width: 480px) {
  .content-for-layout .shopify-policy__body table th,
  .content-for-layout .shopify-policy__body table td {
    padding: 12px;
  }
}
@media (min-width: 1080px) {
  .content-for-layout .shopify-policy__body table th,
  .content-for-layout .shopify-policy__body table td {
    padding: 16px;
  }
}
.content-for-layout .shopify-policy__body table th {
  text-align: left;
  background: #f2f2f2;
  color: #1a1a1a;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
  font-weight: 700;
}
@media (min-width: 1080px) {
  .content-for-layout .shopify-policy__body table th {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 24px;
    font-weight: 700;
  }
}
.content-for-layout .shopify-policy__body table td {
  color: #1a1a1a;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
  font-weight: 400;
}
@media (min-width: 1080px) {
  .content-for-layout .shopify-policy__body table td {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 24px;
    font-weight: 400;
  }
}

.recentDeliveryStatus {
  flex: 1;
  width: 100%;
}
@media (min-width: 1080px) {
  .recentDeliveryStatus--mobile {
    display: none;
  }
}
.recentDeliveryStatus--desktop {
  display: none;
}
@media (min-width: 1080px) {
  .recentDeliveryStatus--desktop {
    display: block;
  }
}
.recentDeliveryStatus--bg {
  border-radius: 8px;
  background-color: #f6f6f6;
  padding: 24px;
  margin-bottom: 16px;
}
@media (min-width: 1080px) {
  .recentDeliveryStatus--bg {
    margin-bottom: 24px;
  }
}
.recentDeliveryStatus--account {
  width: 100%;
}
@media (min-width: 480px) {
  .recentDeliveryStatus--account {
    width: 100%;
    min-width: 262px;
  }
}

.recentDeliveryStatusBarBG {
  height: 8px;
  background-color: #dfdfdf;
  border-radius: 4px;
  width: 100%;
}

.recentDeliveryStatusBar33 {
  height: 8px;
  background: #f53c32;
  border-radius: 4px;
  width: 33.33%;
}

.recentDeliveryStatusBar66 {
  height: 8px;
  background: #f53c32;
  border-radius: 4px;
  width: 66.66%;
}

.recentDeliveryStatusLabels {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 16px;
}

.recentDeliveryStatusHeader {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 16px;
}

.recentDeliveryStatusLabel {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #4d4d4d;
}

.recentDeliveryStatusLabelActive {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  color: #1a1a1a;
}

.trackPackageCTA {
  margin-top: 16px;
}

.footer__form {
  position: relative;
}
.footer__form.is-error .footer__formError {
  display: block;
}
.footer__form .klaviyo-form.klaviyo-form.klaviyo-form {
  max-width: initial !important;
}
@media (min-width: 768px) {
  .footer__form .klaviyo-form.klaviyo-form.klaviyo-form {
    padding: 4px 0 !important;
  }
}
@media (min-width: 1280px) {
  .footer__form .klaviyo-form.klaviyo-form.klaviyo-form {
    padding: 6px 0 8px !important;
  }
}
.footer__form .kl-private-reset-css-Xuajs1 input[type=email] {
  padding-left: 0 !important;
  border: none !important;
  font-family: Inter, Helvetica, Arial, sans-serif;
  font-weight: normal;
  line-height: 1;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 16px !important;
  line-height: 20px !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
.footer__form .kl-private-reset-css-Xuajs1 input:-webkit-autofill,
.footer__form .kl-private-reset-css-Xuajs1 input:-webkit-autofill:focus,
.footer__form .kl-private-reset-css-Xuajs1 input:-webkit-autofill:hover {
  background: none !important;
  box-shadow: 0 0 0 50px #1a1a1a inset !important;
  -webkit-text-fill-color: #fff !important;
}
.footer__form button.kl-private-reset-css-Xuajs1 {
  padding-right: 0 !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  font-weight: 700 !important;
  position: relative;
  top: 2px;
  right: 4px;
}
@media (min-width: 768px) {
  .footer__form button.kl-private-reset-css-Xuajs1 {
    top: 0;
    right: 1px;
  }
}
@media (min-width: 1280px) {
  .footer__form button.kl-private-reset-css-Xuajs1 {
    line-height: 1.5 !important;
    top: -2px;
    right: 2px;
  }
}

.footer__formError {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #ECECEE;
  display: none;
  position: absolute;
  bottom: -21px;
  left: 0;
}

.alert__container--mobile {
  padding: 24px 16px 0;
  background: #f6f6f6;
}
@media (min-width: 1080px) {
  .alert__container--mobile {
    display: none;
  }
}

.alert__container--desktop {
  padding: 0;
  margin-bottom: 24px;
  background: #f6f6f6;
  display: block;
  position: relative;
}
@media (max-width: 1079px) {
  .alert__container--desktop {
    display: none;
  }
}

.alert, .alert__hidden {
  width: 96%;
  position: fixed;
  bottom: 16px;
  left: 2%;
  padding: 16px 36px 16px 16px;
  border-radius: 8px;
  background: linear-gradient(0deg, rgba(28, 124, 84, 0.08) 0%, rgba(28, 124, 84, 0.08) 100%), #fff;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.16);
  z-index: 1001;
  transform: translateY(100%);
  transition: transform 0.3s ease;
  animation: slideIn 0.3s ease 0s forwards;
}
@keyframes slideIn {
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@media (min-width: 1080px) {
  .alert, .alert__hidden {
    max-width: 1116px;
    left: 40%;
    translate: -38.5%;
    padding: 16px 36px 16px 16px;
  }
}
.alert--relative {
  width: 100%;
  position: relative;
  padding: 16px 36px 16px 16px;
  border-radius: 8px;
  background: linear-gradient(0deg, rgba(28, 124, 84, 0.08) 0%, rgba(28, 124, 84, 0.08) 100%), #fff;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.16);
  transform: translateY(100%);
  transition: transform 0.3s ease;
  animation: slideIn 0.3s ease 0s forwards;
}
@keyframes slideIn {
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.alert--error {
  background: linear-gradient(0deg, rgba(242, 214, 145, 0.56) 0%, rgba(242, 214, 145, 0.56) 100%), #fff;
}
.alert--error .alert__icon--error {
  display: inline-block;
}
.alert--error .alert__icon--tick {
  display: none;
}

.alert__content {
  padding: 0;
  position: relative;
  padding-left: 36px;
}
@media (min-width: 480px) {
  .alert__content {
    text-align: center;
    padding: 0;
  }
}

.alert__icon {
  margin-right: 16px;
}
@media (max-width: 479px) {
  .alert__icon {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}
.alert__icon--error {
  display: none;
}

.alert__message {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #1a1a1a;
  margin-right: 16px;
}
.alert__message strong {
  font-weight: 700;
}
@media (min-width: 480px) {
  .alert__message {
    display: inline;
  }
}

.alert__closeIcon {
  position: absolute;
  right: 16px;
  top: 50%;
  cursor: pointer;
  transform: translateY(-50%);
}

.alert__hidden {
  transform: translateY(0);
  transition: transform 0.3s ease;
  animation: slideOut 0.3s ease 0s forwards;
}
@keyframes slideOut {
  to {
    transform: translateY(100%);
    opacity: 0;
  }
}

@media (max-width: 479px) {
  .alert__next {
    display: block;
  }
}

.loader,
.loader::after {
  border-radius: 50%;
  width: 22px;
  height: 22px;
}

.loader {
  margin-left: 8px;
  font-size: 10px;
  position: relative;
  /* text-indent: -9999em; */
  border-top: 4px solid rgba(255, 255, 255, 0.2);
  border-right: 4px solid rgba(255, 255, 255, 0.2);
  border-bottom: 4px solid rgba(255, 255, 255, 0.2);
  border-left: 4px solid #fff;
  transform: translateZ(0);
  animation: loading 1.1s infinite linear;
  display: inline-block;
}
.loader.dark {
  border-top: 4px solid #9e9e9e;
  border-right: 4px solid #9e9e9e;
  border-bottom: 4px solid #9e9e9e;
  border-left: 4px solid #fff;
}
.loader.brand {
  border-top: 4px solid #f53c32;
  border-right: 4px solid #f53c32;
  border-bottom: 4px solid #f53c32;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
:root {
  --gray-10: #FAFAFA;
  --gray-30: #F2F2F2;
  --gray-60: #ECECEC;
  --gray-80: #DFDFDF;
  --gray-90: #9E9E9E;
  --gray-95: #4D4D4D;
  --trade-black: #1A1A1A;
  --neutral: #f6f6f6;
  --neutral-10: #FFF9F1;
  --neutral-20: #FBEFE3;
  --neutral-30: #F6E4D4;
  --neutral-40: #EED7C1;
  --neutral-50: #E4C8AD;
  --alert: #F2D691;
  --error: #FFA9A5;
  --verified-green: #3B8457;
  --primary: #FFD0A0;
  --trade-red: #F53C32;
  --secondary: #5D0000;
  --tertiary: #D5E7EF;
  --tertiary-50: #487E97;
}
/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-3.use[3]!./src/styles/templates/customers/account.scss ***!
  \********************************************************************************************************************************************************************************************************************************/
/* stylelint-disable declaration-block-no-redundant-longhand-properties */
/* stylelint-enable declaration-block-no-redundant-longhand-properties */
.account__Innerwrapper {
  position: relative;
}

@media (min-width: 1080px) {
  .account__container {
    display: flex;
    border-bottom: 1px solid #ececec;
    padding: 0 48px;
  }
}
@media (min-width: 850px) {
  .account__container {
    padding: 0;
  }
}
.account__container vue-sidebar {
  width: 100%;
}
@media (min-width: 1080px) {
  .account__container vue-sidebar {
    min-width: 220px;
    max-width: 220px;
    width: 15%;
  }
}
@media (min-width: 850px) {
  .account__container vue-sidebar {
    min-width: 276px;
    max-width: 276px;
  }
}

.account__sidebar {
  padding: 23px 0;
  width: 100%;
  background: #f6f6f6;
}
@media (min-width: 480px) {
  .account__sidebar {
    padding: 23px 0 4px;
  }
}
@media (min-width: 1080px) {
  .account__sidebar {
    padding: 64px 24px 64px 0;
    background: #fff;
    margin: 0;
    position: relative;
    min-height: 100%;
    max-width: 276px;
    padding: 64px 48px;
  }
  .account__sidebar::before {
    content: "";
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: -1;
  }
}
.account__sidebar .cf-edit-account-link-spacer,
.account__sidebar .cf-edit-account-link {
  display: none;
}

@media (min-width: 1080px) {
  .account__sidebarContent {
    margin: 0 0 0 auto;
    max-width: 260px;
  }
}
@media (min-width: 850px) {
  .account__sidebarContent {
    max-width: 278px;
  }
}

.account__main {
  width: 100%;
}
@media (min-width: 1080px) {
  .account__main {
    max-width: 1165px;
    padding: 0 0 80px;
    border-left: 1px solid #ececec;
    width: 85%;
  }
}
@media (min-width: 850px) {
  .account__main {
    padding-right: 0;
  }
}

.account__content {
  background: #f6f6f6;
  padding: 0 16px 42px;
}
@media (min-width: 480px) {
  .account__content {
    padding: 0 24px 42px;
    min-height: 360px;
  }
}
@media (min-width: 1080px) {
  .account__content {
    padding: 64px 64px 25px;
    position: relative;
    padding: 64px 138px 25px 114px;
  }
  .account__content::after {
    position: absolute;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: #f6f6f6;
    z-index: -1;
    right: -100%;
  }
}
.account__content .account__heading {
  gap: 15px;
  align-items: center;
}
.account__content .account__heading.flex {
  display: flex;
}
@media (min-width: 1080px) {
  .account__content .account__heading {
    margin-bottom: 18px;
  }
  .account__content .account__headingPast {
    margin-bottom: 15px;
  }
}

.account__heading {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 16px;
  text-transform: capitalize;
}
.account__heading--preferences {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
}

@media (max-width: 1079px) {
  .account__name {
    display: none;
  }
}

.account__nav,
.account_subnav {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 80vw;
}

@media (min-width: 480px) {
  .account__navMain {
    padding: 0 16px;
  }
}
@media (max-width: 479px) {
  .account__navMain {
    overflow-y: scroll;
    white-space: nowrap;
    padding-bottom: 7px;
    padding-left: 12px;
  }
}
@media (min-width: 480px) {
  .account__navMain {
    padding: 0 24px 5px;
  }
}
@media (min-width: 1080px) {
  .account__navMain {
    padding: 0;
  }
}

.account__navItem {
  padding: 0 4px;
  display: inline-block;
  cursor: pointer;
}
@media (min-width: 480px) {
  .account__navItem {
    padding: 0 6px 0 0;
  }
}
@media (min-width: 1080px) {
  .account__navItem {
    display: block;
  }
}
.account__navItem > a,
.account__navItem > button {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #1a1a1a;
  border-radius: 50px;
  display: inline-block;
  padding: 8px 16px;
  text-decoration: none;
}
@media (min-width: 1080px) {
  .account__navItem > a,
  .account__navItem > button {
    padding: 12px 0;
    background: none;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    border-radius: initial;
    display: block;
  }
}
.account__navItem > button {
  width: 100%;
  text-align: left;
}
.account__navItem.is_active > a, .account__navItem.is_active > button {
  background: #1a1a1a;
  color: white;
}
@media (min-width: 1080px) {
  .account__navItem.is_active > a, .account__navItem.is_active > button {
    font-weight: 700;
    color: #1a1a1a;
    background: transparent;
    text-decoration: underline;
    text-decoration-color: #1a1a1a;
    text-decoration-thickness: 1.5px;
    text-underline-offset: 6px;
  }
}
.account__navItem .account__navItemBtn {
  display: none;
}
@media (min-width: 1080px) {
  .account__navItem .account__navItemBtn {
    display: inline-block;
    font-weight: 700;
    border-radius: 4px;
    border: 1px solid #1a1a1a;
    padding: 6px 12px;
    margin-top: 28px;
  }
}
.account__navItem .cf-edit-account-link-spacer,
.account__navItem .cf-edit-account-link {
  display: none;
}
.account__navItem.account__navItemHidden {
  display: none !important;
}

.account__navItem--sub > a {
  margin-left: 0;
}

.account_subnav {
  display: none;
}
@media (min-width: 1080px) {
  .account_subnav {
    display: block;
    padding: 0 0 0 16px;
  }
}

.account_subnavItem > a,
.account_subnavItem > button {
  color: #1a1a1a;
  padding: 12px 0;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  text-decoration: none;
  display: block;
}
.account_subnavItem.is_active > a,
.account_subnavItem.is_active > button {
  font-weight: 700;
}

.account__returnLink {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  position: relative;
  top: -2px;
  margin-bottom: 16px;
  color: #1a1a1a;
}
@media (min-width: 1080px) {
  .account__returnLink {
    display: none;
  }
}
.account__returnLink a {
  text-decoration: none;
}
.account__returnLink svg {
  margin-right: 7px;
}

.account {
  overflow: hidden;
}
.account .pdpCollection {
  overflow: hidden;
  padding: 40px 16px;
}
@media (min-width: 480px) {
  .account .pdpCollection {
    padding: 40px 24px;
  }
}
@media (min-width: 1080px) {
  .account .pdpCollection {
    padding: 40px 64px 90px;
  }
}
@media (min-width: 850px) {
  .account .pdpCollection {
    padding: 40px 138px 90px 114px;
  }
}
.account .pdpCollection__header {
  margin-bottom: 16px;
}
@media (min-width: 1080px) {
  .account .pdpCollection__header {
    margin-bottom: 24px;
  }
}
.account .pdpCollection__heading {
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 8px;
}
.account .pdpCollection__description {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}
@media (min-width: 1080px) {
  .account .productCard__title {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
  }
}
.account .accountQueue__Btn {
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
  gap: 5px;
}
@media (min-width: 1080px) {
  .account .accountQueue__Btn {
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
  }
}
.account .swiper-wrapper {
  display: flex;
}
.account .swiper-slide {
  height: auto;
}
.account .productCard {
  height: 100%;
  margin-bottom: 0;
  padding-bottom: 45px;
}

.accountPopup {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #fff;
  top: 0;
  left: 0;
  transition: opacity ease-in 0.1s, visibility ease-out 0.1s;
  opacity: 1;
  visibility: visible;
  z-index: 102;
  overflow-y: scroll;
}
.accountPopup.hide {
  opacity: 0;
  visibility: hidden;
  transition: opacity ease-in 0.1s, visibility ease-out 0.1s;
}
@media (min-width: 480px) {
  .accountPopup {
    background: rgba(26, 26, 26, 0.8);
  }
}
.accountPopup .pdpCollection {
  padding: 0;
}
.accountPopup .pdpCollection .swiper-button-prev,
.accountPopup .pdpCollection .swiper-button-next {
  display: none;
}
.accountPopup .pdpCollection .pdpCollection__container,
.accountPopup .pdpCollection .productCard__selection {
  margin-bottom: 0;
}

.pdpCollection__container {
  overflow: hidden;
}

.accountPopup__container {
  max-width: 375px;
  margin: 40px auto;
  background: white;
  padding: 0;
  position: relative;
}
@media (min-width: 1080px) {
  .accountPopup__container {
    border-radius: 8px;
  }
}

.accountPopup__header {
  text-align: center;
  border-bottom: 1px solid #ececec;
  position: relative;
  padding: 16px 0;
  margin-bottom: 40px;
}
.accountPopup__header.mb_16 {
  margin-bottom: 16px;
}

.accountPopup__heading {
  margin: auto;
  max-width: 248px;
  margin-bottom: 0 !important;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  color: #1a1a1a;
}

.accountPopup__close {
  position: absolute;
  right: 16px;
  top: 14px;
  cursor: pointer;
}

.accountPopup__content {
  padding: 0 16px 16px;
}
.accountPopup__content.flex-center {
  display: flex;
  flex: 1;
  place-content: center;
}
.accountPopup__content .dashboard__sectionCardProductCard {
  justify-content: flex-start;
  -o-object-fit: contain;
     object-fit: contain;
}
.accountPopup__content .dashboard__sectionCardProductCardImage {
  width: 120px;
  max-width: 100px;
}
.accountPopup__content .dashboard__sectionCardProductCardImage img {
  width: 100px;
  height: auto;
  max-width: 100px;
}
.accountPopup__content .dashboard__sectionCardProductDetails {
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
}
.accountPopup__content .dashboard__sectionCardTextPrimary {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
}

.accountProduct__item {
  border-radius: 4px;
  padding: 20px 16px;
  border: 1px solid #dfdfdf;
  margin-bottom: 24px;
}

.accountProduct__description {
  margin-bottom: 24px;
}

.accountProduct__btnArea .btn-primary {
  margin-bottom: 8px;
}
.accountProduct__btnArea .buyBox__dropdownFreqWrap {
  margin-bottom: 23px;
}

.accountProduct__btnAreaSubAndSave {
  margin-top: 16px;
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.accountPopup__list {
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.accountPopup__listItem {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px;
  border-radius: 16px;
  border: 1.4px solid #dfdfdf;
  overflow: hidden;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  position: relative;
  color: #1a1a1a;
}
.accountPopup__listItem::after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  background: url("https://cdn.shopify.com/s/files/1/0794/7128/0447/files/icon-white-tick.svg") no-repeat center center #F45048;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  display: none;
}
.accountPopup__listItem.is_active {
  border-color: #F45048;
  background: linear-gradient(0deg, rgba(245, 60, 50, 0.05) 0%, rgba(245, 60, 50, 0.05) 100%), #fff;
}
.accountPopup__listItem.is_active::after {
  display: block;
}
.accountPopup__listItem.is_hidden {
  display: none;
}
.accountPopup__listItem.accountPopup__listItem--withoutCheckMark {
  display: block;
}
.accountPopup__listItem.accountPopup__listItem--withoutCheckMark::after {
  display: none;
}
.accountPopup__listItem .item__flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.accountPopup__listItem .secondaryText {
  margin-top: 4px;
  color: #4d4d4d;
  max-width: 90%;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}
.accountPopup__listItem svg {
  margin-right: 8px;
}
.accountPopup__listItem--header {
  padding-top: 0;
}
.accountPopup__listItem > div {
  width: 100%;
}
.accountPopup__listItem p {
  color: #4d4d4d;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  margin: 5px 0 0;
  max-width: 270px;
}
.accountPopup__listItem.has_badge {
  padding-top: 44px;
}
.accountPopup__listItem.has_badge .badge {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  background: #000;
  border-radius: 16px 16px 0 0;
  color: #fff;
  height: 28px;
  left: 0;
  order: 0;
  padding: 6px 16px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
}
.accountPopup__listItem.has_badge.is_active .badge {
  background: #f53c32;
}
.accountPopup__listItem.has_badge.is_active::after {
  top: calc(50% + 14px);
}

.accountPopup__listItemSecondaryText {
  margin-top: 4px;
  color: #4d4d4d;
  max-width: 90%;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}

.accountPopup__listHeader {
  border-radius: 16px 16px 0 0;
  background: #F45048;
  text-align: center;
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  padding: 6px 0;
}

.accountPopup__recommendText, .accountPopup__recommendTextCenter {
  margin-bottom: 24px;
}

.accountPopup__recommendTextCenter {
  text-align: center;
}

.accountPopup__form {
  margin-bottom: 16px;
}

.accountPopup__label {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 8px;
  display: block;
}

.accountPopup__textarea {
  border: 1px solid #dfdfdf;
  color: #1a1a1a;
  padding: 8px;
  margin-bottom: 8px;
  border-radius: 4px;
  width: 100%;
  min-height: 87px;
}

.accountPopup__order {
  display: flex;
  justify-content: space-evenly;
  text-align: center;
  margin: 24px 0;
}

.accountPopup__orderInfo {
  width: 50%;
}

.accountPopup__orderText {
  margin-top: 8px;
  margin-bottom: 0;
}

.accountPopup__product {
  text-align: center;
  border: 1px solid #dfdfdf;
  padding: 0 20px 20px;
  border-radius: 4px;
  margin-bottom: 24px;
}

.accountPopup__productImage {
  max-width: 200px;
  margin: 0 auto;
  scale: 1.3;
  transform: translate(0, -8px);
}

.accountPopup__productVendor {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #4d4d4d;
  margin-bottom: 8px;
}

.accountPopup__productTitle {
  margin: 0;
}

.accountPopup__productCard {
  text-align: center;
  border: 1px solid #dfdfdf;
  padding: 16px 20px;
  border-radius: 4px;
  margin-bottom: 24px;
}

.accountPopup__placed {
  text-align: center;
}

.accountPopup__placedHeading {
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
}
.accountPopup__placedHeading svg {
  margin-left: 10px;
  position: relative;
  top: -2px;
}

.accountPopup__placedText,
.accountPopup__description,
.accountPopup__orderText,
.accountProduct__description {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #4d4d4d;
}

.accountPopup__placedText {
  text-align: center;
  margin-bottom: 24px;
}
.accountPopup__placedText.mb_0 {
  margin-bottom: 0;
}

.accountPopup__productLineItems {
  display: flex;
  gap: 16px;
  align-items: center;
  color: #4d4d4d;
}
.accountPopup__productLineItems .accountPopup__productLineItemsHeader {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
}
.accountPopup__productLineItems .accountPopup__productLineItemsData {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  margin-left: 4px;
}

.btn-with-border-bottom {
  margin: 14px 0 24px;
  border-bottom: 1.4px solid #ececec;
  padding-bottom: 16px;
}

.accountPopup__placedTextBlue {
  padding: 16px 16px 16px 50px;
  background: #d5e7ef;
  border-radius: 8px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #1a1a1a;
  display: flex;
  align-items: center;
  position: relative;
  margin: 16px 0 8px;
}
.accountPopup__placedTextBlue svg {
  margin-right: 16px;
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
}
.accountPopup__placedTextBlue.position_top {
  margin: 16px 0;
}

.accountPopupQueue__loved {
  margin-top: 40px;
}

.accountPopupQueue__header {
  margin-bottom: 24px;
  text-align: center;
}

.accountPopup__productTitle,
.accountPopup__recommendText,
.accountPopup__recommendTextCenter,
.accountPopupQueue__heading,
.accountPopup__placedHeading,
.accountPopupQueue__title {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  color: #1a1a1a;
}

.accountPopupQueue__image {
  max-width: 104px;
}

.accountPopupQueue__vendor {
  color: #4d4d4d;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  margin-bottom: 8px;
}

.accountPopupQueue__heading {
  margin-bottom: 16px;
}

.accountPopupQueue__text {
  color: #4d4d4d;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  margin: 0;
}

.accountPopupQueue__item {
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  padding: 10px 36px 10px 16px;
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 24px;
}
.accountPopupQueue__item::after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  background: #dfdfdf;
  border-radius: 50%;
  color: #fff;
  text-align: center;
}
.accountPopupQueue__item.is_active::after {
  display: block;
  background: url("https://cdn.shopify.com/s/files/1/0794/7128/0447/files/icon-white-tick.svg") no-repeat center center #F45048;
}
.accountPopupQueue__item.is_disable {
  opacity: 0.5;
  pointer-events: none;
}
.accountPopupQueue__item.is_disable::after {
  content: none;
  display: none;
}

.accountPopupQueue__title {
  margin-bottom: 8px;
}

.accountPopup__productCardContainer {
  border-radius: 4px;
  border: 1px solid #dfdfdf;
  padding: 20px 16px;
  margin-bottom: 24px;
  position: relative;
}

.accountPopup__arrives,
.accountPopup__nextDate {
  color: #4d4d4d;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  margin-bottom: 8px;
  text-align: center;
}

.accountPopup__date {
  color: #1a1a1a;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  margin-bottom: 16px;
  text-align: center;
}

.accountPopup__nextDate {
  margin: 16px 0 24px;
}

.accountPopup__note {
  color: #4d4d4d;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  margin-top: 16px;
  text-align: center;
}

.accountPopup__btnArea {
  text-align: center;
  padding: 16px 0 0;
}
.accountPopup__btnArea .accountPopup__listBtn {
  margin-bottom: 16px;
}
@media (max-width: 479px) {
  .accountPopup__btnArea .accountPopup__btnBottomFixed {
    position: fixed;
    bottom: 0;
    left: 16px;
    right: 16px;
  }
  .accountPopup__btnArea .accountPopup__btnBottomFixed.btn-full {
    width: auto !important;
  }
}

.accountPopup__listBtn {
  display: flex;
  justify-content: center;
}

.accountPopup__link {
  color: #1a1a1a;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  cursor: pointer;
}

.accountProduct__learnmore {
  text-align: center;
}

.accountProduct__learnmorelink {
  cursor: pointer;
  font-weight: 700;
}

.accountQueue__Btn {
  margin-top: 8px;
  padding: 7px 12px;
}

.accountPopup__calender .dp__theme_light {
  --dp-background-color: #fff;
  --dp-text-color: #212121;
  --dp-hover-color: #f3f3f3;
  --dp-hover-text-color: #212121;
  --dp-hover-icon-color: #959595;
  --dp-primary-color: #f53c32;
  --dp-primary-text-color: #4d4d4d;
  --dp-secondary-color: #c0c4cc;
  --dp-border-color: #ddd;
  --dp-menu-border-color: #ddd;
  --dp-border-color-hover: #aaaeb7;
  --dp-disabled-color: #f6f6f6;
  --dp-scroll-bar-background: #f3f3f3;
  --dp-scroll-bar-color: #959595;
  --dp-success-color: #76d275;
  --dp-success-color-disabled: #a3d9b1;
  --dp-icon-color: #959595;
  --dp-danger-color: #ff6f60;
  --dp-highlight-color: rgba(25, 118, 210, 0.1);
  --dp-cell-border-radius: 50px;
  --dp-cell-padding: 0;
  --dp-cell-size: 32px;
  --dp-font-weight: 700;
  --dp-font-family: inter, arial, sans-serif;
}
.accountPopup__calender .dp__main {
  display: inherit;
  width: 80%;
  margin: 0 auto;
}
.accountPopup__calender .dp__menu {
  border: none;
}
.accountPopup__calender .dp__cell_inner,
.accountPopup__calender .dp__calendar_header_item,
.accountPopup__calender .dp__month_year_wrap {
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
}
.accountPopup__calender .dp__today {
  background-color: rgba(245, 60, 50, 0.05);
  border: none;
  color: var(--dp-primary-color);
}
.accountPopup__calender .dp__range_end,
.accountPopup__calender .dp__range_start,
.accountPopup__calender .dp__active_date {
  background: #F45048;
  color: white;
}
.accountPopup__calender .dp__inner_nav svg {
  fill: #1a1a1a;
}
.accountPopup__calender .dp__month_year_row {
  margin-bottom: 16px;
  align-items: initial;
}
.accountPopup__calender .dp__month_year_wrap {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 auto;
  width: auto;
}
.accountPopup__calender .dp__btn {
  width: auto;
  padding: 0 2px;
}
.accountPopup__calender .dp__calendar_header_item {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  color: #1a1a1a;
  height: auto;
}
.accountPopup__calender .dp__calendar_header_separator {
  display: none;
}
.accountPopup__calender .dp__cell_inner {
  font-weight: 700;
}
.accountPopup__calender .dp__cell_disabled {
  font-weight: 400;
}
.accountPopup__calender .dp__cell_highlight {
  background-color: rgba(245, 60, 50, 0.0509803922);
  color: #f53c32;
  font-weight: 700;
}

.accountPopupWide {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(26, 26, 26, 0.8);
  top: 0;
  left: 0;
  transition: opacity ease-in 0.1s, visibility ease-out 0.1s;
  opacity: 1;
  visibility: visible;
  z-index: 102;
  overflow-y: scroll;
  padding: 16px;
}

.accountPopupWide__content {
  max-width: 660px;
  margin: 30px auto;
  background: white;
  padding: 40px 16px;
  position: relative;
  text-align: center;
  border-radius: 8px;
}
@media (min-width: 1080px) {
  .accountPopupWide__content {
    margin: 40px auto;
    padding: 56px 64px;
  }
}
.accountPopupWide__content .loaderSmall,
.accountPopupWide__content .loaderSmall::after {
  border-radius: 50%;
  width: 64px;
  height: 64px;
}
@media (min-width: 1080px) {
  .accountPopupWide__content .loaderSmall,
  .accountPopupWide__content .loaderSmall::after {
    width: 90px;
    height: 90px;
  }
}
.accountPopupWide__content .loaderSmall {
  font-size: 10px;
  position: relative;
  border-top: 8px solid #ececec;
  border-right: 8px solid #ececec;
  border-bottom: 8px solid #ececec;
  border-left: 8px solid #f53c32;
  transform: translateZ(0);
  animation: load8 1.1s infinite linear;
  display: inline-block;
}
@keyframes load8 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.accountPopupWide__heading {
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 40px 0 16px;
}

.accountPopupWide__description {
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
  color: #4d4d4d;
  margin-bottom: 40px;
}
.accountPopupWide__description:last-child {
  margin-bottom: 0;
}

.accountPopup__cta--undo {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  color: #1a1a1a;
  text-decoration-line: underline;
  text-align: center;
  margin-top: 24px;
  cursor: pointer;
}

.accountPopup__listFooter {
  padding: 40px 0;
  max-width: 140px;
  margin: auto;
  text-align: center;
}

.productCard {
  margin-bottom: 40px;
}
@media (min-width: 480px) {
  .productCard {
    margin-bottom: 32px;
  }
}
@media (min-width: 1080px) {
  .productCard {
    margin-bottom: 42px;
  }
}

.productCard__selection::after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  right: 12px;
  top: 12px;
  background: #dfdfdf;
  border-radius: 50%;
  color: #fff;
  text-align: center;
}
.productCard__selection.is_active::after {
  display: block;
  background: url("https://cdn.shopify.com/s/files/1/0794/7128/0447/files/icon-white-tick.svg") no-repeat center center #F45048;
}
.productCard__selection.is_disable {
  opacity: 0.5;
  pointer-events: none;
}
.productCard__selection.is_disable::after {
  content: none;
  display: none;
}

.productCard__image {
  position: relative;
  width: 100%;
  background-color: var(--neutral);
  aspect-ratio: 1/1.25;
  border-radius: 4px;
  margin-bottom: 12px;
  overflow: hidden;
}
@media (min-width: 480px) {
  .productCard__image {
    margin-bottom: 16px;
  }
}
.productCard__image picture {
  min-height: 100%;
  width: auto;
  aspect-ratio: initial !important;
  margin: 0 auto;
}
.productCard__image .image__elem {
  height: initial;
  top: 50%;
  left: 50%;
  max-width: 125%;
  transform: translate(-50%, -50%);
  transition: cubic-bezier(0.61, 0, 0.48, 1.05);
  transition-duration: 150ms;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (min-width: 1080px) {
  .productCard__image:hover .image__elem {
    transform: translate(-50%, -56%);
  }
}

.productCard__badges {
  position: absolute;
  top: 8px;
  left: 8px;
}
@media (min-width: 480px) {
  .productCard__badges {
    top: 11px;
    left: 11px;
  }
}
.productCard__badges span {
  background-color: #ffd6ac;
  color: #1a1a1a;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  border-radius: 99px;
  padding: 6px 12px;
  margin: 0 4px 4px 0;
  text-transform: capitalize;
  display: inline-block;
}

.productCard__vendor {
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16px;
  font-weight: 400;
  text-transform: uppercase;
  color: "prmiary";
  margin-bottom: 3px;
}
@media (min-width: 480px) {
  .productCard__vendor {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 14px;
    font-weight: 400;
    margin-bottom: 8px;
  }
}
@media (min-width: 1080px) {
  .productCard__vendor {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 16px;
    font-weight: 400;
    margin-bottom: 6px;
  }
}

.productCard__titleBlock {
  margin-bottom: 8px;
}
@media (min-width: 480px) {
  .productCard__titleBlock {
    margin-bottom: 8px;
  }
}
@media (min-width: 1080px) {
  .productCard__titleBlock {
    display: flex;
    justify-content: space-between;
    margin-bottom: 3px;
  }
}

.productCard__title {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 4px;
}
@media (min-width: 480px) {
  .productCard__title {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 20px;
    font-weight: 700;
    padding-right: 70px;
    margin-bottom: 6px;
  }
}
@media (min-width: 1080px) {
  .productCard__title {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 22px;
    font-weight: 700;
    padding-right: 16px;
  }
}
.productCard__title a {
  text-decoration: none;
}

.productCard__price {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 18px;
  font-weight: 700;
  color: #1a1a1a;
}
@media (min-width: 1080px) {
  .productCard__price {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 22px;
    font-weight: 700;
    text-align: right;
  }
}
.productCard__price span {
  text-decoration: line-through;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 14px;
  font-weight: 400;
  position: relative;
  top: -3px;
  display: block;
  color: #a3a3a3;
  margin-top: 4px;
}
@media (min-width: 1080px) {
  .productCard__price span {
    text-align: right;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 14px;
    font-weight: 400;
  }
}

.productCard__description {
  color: #1a1a1a;
  padding: 0;
  margin-top: 4px;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16px;
  font-weight: 400;
}
@media (min-width: 400px) {
  .productCard__description {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
    font-weight: 400;
  }
}
.productCard__description p {
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16px;
  font-weight: 400;
  margin: 0;
  padding: 0;
}
@media (min-width: 400px) {
  .productCard__description p {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
    font-weight: 400;
  }
}

.productCard__taste {
  font-size: 14px;
  letter-spacing: 0;
  line-height: 16px;
  font-weight: 400;
}
@media (min-width: 1080px) {
  .productCard__taste {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
    font-weight: 400;
  }
}

.productCard__viewDetail {
  font-size: 14px;
  letter-spacing: 0;
  line-height: 18px;
  font-weight: 700;
  margin-top: 11px;
  display: inline-block;
}

.pdpCollection {
  overflow: hidden;
  padding: 15px;
}
@media (min-width: 480px) {
  .pdpCollection {
    padding: 72px 24px 0;
  }
}
@media (min-width: 1080px) {
  .pdpCollection {
    padding: 72px 48px 0;
  }
}
.pdpCollection .swiper-button-prev,
.pdpCollection .swiper-button-next {
  left: initial;
  right: 0;
  top: -46px;
  bottom: initial;
}
@media (min-width: 1080px) {
  .pdpCollection .swiper-button-prev,
  .pdpCollection .swiper-button-next {
    top: -51px;
  }
}
@media (max-width: 479px) {
  .pdpCollection .swiper-button-prev,
  .pdpCollection .swiper-button-next {
    display: none !important;
  }
}
.pdpCollection .swiper-next,
.pdpCollection .swiper-prev {
  left: initial;
  right: 0;
  top: -62px;
  bottom: initial;
  position: absolute;
}
@media (min-width: 1080px) {
  .pdpCollection .swiper-next,
  .pdpCollection .swiper-prev {
    top: -66px;
  }
}
@media (max-width: 479px) {
  .pdpCollection .swiper-next,
  .pdpCollection .swiper-prev {
    display: none !important;
  }
}
.pdpCollection .swiper-prev,
.pdpCollection .swiper-button-prev {
  right: 40px;
}
.pdpCollection .swiper-next::after,
.pdpCollection .swiper-prev::after,
.pdpCollection .swiper-button-next::after,
.pdpCollection .swiper-button-prev::after {
  display: none;
}
.pdpCollection .swiper-prev svg,
.pdpCollection .swiper-button-prev svg {
  transform: rotate(180deg);
}
@media (min-width: 480px) {
  .pdpCollection .swiper-button-disabled {
    display: flex !important;
  }
  .pdpCollection .swiper-button-lock {
    display: none !important;
  }
}

.pdpCollection__header {
  position: relative;
  margin-bottom: 32px;
}
@media (min-width: 1080px) {
  .pdpCollection__header {
    margin-bottom: 40px;
  }
}

.pdpCollection__leftCol {
  min-height: 16px;
}
@media (min-width: 480px) {
  .pdpCollection__leftCol {
    max-width: 370px;
  }
}
@media (min-width: 1080px) {
  .pdpCollection__leftCol {
    max-width: 767px;
  }
}

.pdpCollection__subHeading {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #1a1a1a;
  margin-bottom: 10px;
}
@media (min-width: 1080px) {
  .pdpCollection__subHeading {
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    margin-bottom: 12px;
  }
}

.pdpCollection__heading {
  font-size: 32px;
  line-height: 34px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 9px;
}
@media (min-width: 1080px) {
  .pdpCollection__heading {
    font-size: 40px;
    line-height: 42px;
    font-weight: 700;
    margin-bottom: 12px;
  }
}

.pdpCollection__description {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  margin: 0;
  color: #4d4d4d;
}
@media (min-width: 1080px) {
  .pdpCollection__description {
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
  }
}

.pdpCollection__shopLink {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #1a1a1a;
  position: absolute;
  right: 0;
  bottom: 0;
  display: none;
}
@media (min-width: 480px) {
  .pdpCollection__shopLink {
    display: block;
    right: 100px;
    bottom: 3px;
  }
}

.pdpCollection__shopButton {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  padding: 13px 24px;
}
@media (min-width: 480px) {
  .pdpCollection__shopButton {
    display: none;
  }
}

.pdpCollection__container {
  margin-bottom: 40px;
}
@media (min-width: 1200px) {
  .pdpCollection__container {
    overflow-x: hidden;
  }
}
.pdpCollection__container .productCard__price span {
  display: none;
}

.pdpCollection__slider {
  position: relative;
}

.pdpCollection__tab {
  margin-top: 19px;
  overflow: auto;
  white-space: nowrap;
  padding: 0 0 12px;
}
@media (min-width: 1080px) {
  .pdpCollection__tab {
    margin-top: 32px;
    padding-bottom: 16px;
  }
}

.pdpCollection__tabItem {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #1a1a1a;
  background: #f2f2f2;
  border-radius: 20px;
  display: inline-block;
  padding: 6px 16px;
  text-decoration: none;
  cursor: pointer;
  margin-right: 8px;
}
@media (min-width: 1080px) {
  .pdpCollection__tabItem {
    padding: 8px 16px;
    margin-right: 4px;
  }
}
.pdpCollection__tabItem.is-active {
  background: #1a1a1a;
  color: white;
}

.pdpCollection__home .pdpCollection__header {
  margin-bottom: 20px;
}
@media (min-width: 1080px) {
  .pdpCollection__home .pdpCollection__header {
    margin-bottom: 24px;
  }
}
.pdpCollection__home .pdpCollection__description {
  max-width: 630px;
}
.pdpCollection__home .pdpCollection__container {
  margin-bottom: 0;
}
@media (min-width: 480px) {
  .pdpCollection__home .pdpCollection__shopLink {
    right: 85px;
    bottom: 21px;
  }
}
@media (min-width: 1080px) {
  .pdpCollection__home .pdpCollection__shopLink {
    right: 97px;
    bottom: 21px;
  }
}
@media (min-width: 480px) {
  .pdpCollection__home .pdpCollection__leftCol {
    max-width: 70%;
  }
}
@media (min-width: 1080px) {
  .pdpCollection__home .pdpCollection__leftCol {
    max-width: 76%;
  }
}
.pdpCollection__home .pdpCollection__shopButton {
  margin-top: 23px;
}

.buyBox {
  margin-top: 24px;
}

@media (min-width: 1080px) {
  .buyBox--equipment {
    margin-top: 24px;
  }
}
.buyBox--equipment .buyBox__atc, .buyBox--equipment .buyBox__atc--disabled {
  margin-top: 0;
}

.buyBox__blockShimmerVariant, .buyBox__blockShimmerButton, .buyBox__blockShimmerSubscribeAndSavePDP, .buyBox__blockShimmerSubscribeAndSave, .buyBox__blockShimmerButtonTemplateEquipment, .buyBox__blockShimmerFrequency, .buyBox__blockShimmerSellingPlan, .buyBox__blockShimmerSubscriptionView, .buyBox__blockShimmerVariantFlavourType, .buyBox__blockShimmerVariantBeanType {
  height: 80px;
  margin-top: 32px;
  animation: placeHolderShimmer 2s linear infinite alternate;
  background: linear-gradient(to right, #f6f6f6 10%, rgba(229, 229, 229, 0.7019607843) 72%, #f6f6f6 100%);
}
@keyframes placeHolderShimmer {
  0% {
    background-position: -800px 0;
  }
  100% {
    background-position: 800px 0;
  }
}

.buyBox__blockShimmerVariantBeanType {
  height: 80px;
  margin-top: 24px;
}

.buyBox__blockShimmerVariantFlavourType {
  height: 80px;
  margin-top: 26px;
}

.buyBox__blockShimmerSubscriptionView {
  height: 360px;
  margin-top: 26px;
}

.buyBox__blockShimmerSellingPlan {
  height: 110px;
  margin-top: 26px;
}

.buyBox__blockShimmerFrequency {
  height: 150px;
  margin-top: 30px;
}

.buyBox__blockShimmerButton, .buyBox__blockShimmerSubscribeAndSavePDP, .buyBox__blockShimmerSubscribeAndSave, .buyBox__blockShimmerButtonTemplateEquipment {
  height: 60px;
  margin-top: 24px;
}

.buyBox__blockShimmerButtonTemplateEquipment {
  margin-top: 48px;
}

.buyBox__blockShimmerSubscribeAndSave {
  margin-top: 0;
  height: 134px;
  margin-bottom: 16px;
  border-radius: 8px;
}

.buyBox__blockShimmerSubscribeAndSavePDP {
  margin-top: 0;
  height: 52px;
  border-radius: 8px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.buyBox__blockTitle {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  margin-bottom: 8px;
  text-transform: capitalize;
  color: #4d4d4d;
}
.buyBox__blockTitle span {
  color: #f53c32;
}

.buyBox__blockTitle--lower {
  text-transform: capitalize;
  display: flex;
  align-items: center;
}
.buyBox__blockTitle--lower svg {
  margin-right: 4px;
}

.buyBox__blockTitle--uppercase {
  text-transform: uppercase;
}

.buyBox__guideBtn {
  font-weight: 700;
}

.buyBox__dropdown {
  position: relative;
}

.buyBox__dropdownSelected {
  padding: 16px;
  border-radius: 8px;
  border: 1px solid #dfdfdf;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #1a1a1a;
}
@media (min-width: 1080px) {
  .buyBox__dropdownSelected {
    padding: 15px 16px;
  }
}
.buyBox__dropdownSelected:hover {
  cursor: pointer;
}

.buyBox__dropdownIcon {
  transition: 0.2s all ease;
}

.buyBox__dropdownSelected--active .buyBox__dropdownIcon {
  transform: rotate(180deg);
}

.buyBox__dropdownSelected--disabled {
  color: #dfdfdf !important;
  cursor: not-allowed !important;
}

.buyBox__dropdownSelected--pre-selected {
  color: #1a1a1a !important;
  cursor: not-allowed !important;
  border-radius: 8px;
  border: 1px solid #dfdfdf !important;
  background: #fafafa !important;
}

.buyBox__dropdownSelected--oos-disabled {
  border-color: #dfdfdf !important;
  color: #dfdfdf !important;
  cursor: not-allowed !important;
}
.buyBox__dropdownSelected--oos-disabled svg {
  cursor: not-allowed !important;
}
.buyBox__dropdownSelected--oos-disabled svg path {
  fill: #dfdfdf !important;
}

.buyBox__bordered, .buyBox__purchaseBtn--coffeePDP {
  border: 1px solid #1a1a1a !important;
}

.buyBox__dropdownList {
  position: absolute;
  top: 110%;
  background-color: #fff;
  opacity: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  border-radius: 8px;
  border: 1px solid #ececec;
  overflow: hidden;
  transform: translateY(-10px);
  transition: opacity 0.3s, transform 0.3s;
  z-index: 1;
  visibility: hidden;
}

.buyBox__dropdownListItem {
  padding: 12px 16px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #1a1a1a;
}
.buyBox__dropdownListItem:hover {
  background-color: #ececec;
  cursor: pointer;
}

.buyBox__dropdownListItem--selected {
  background-color: #ececec;
}

.buyBox__dropdownList--open {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}

.buyBox__dropdownListItem--beanType svg {
  margin-right: 8px;
}

.buyBox__dropdownFreqWrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.buyBox__dropdownFreqWrap.withGap {
  gap: 16px;
  margin-bottom: 23px;
}

.buyBox__dropdownFreqTitle {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #1a1a1a;
  margin-bottom: 4px;
}

.buyBox__dropdownFreqSubtitle {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #4d4d4d;
  margin-bottom: 0;
}

.buyBox__dropdownFreqPrice {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #1a1a1a;
  margin-bottom: 6px;
}

.buyBox__dropdownFreqPriceStrike {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #9e9e9e;
  margin-bottom: 0;
  text-decoration: line-through;
}

.buyBox__blockFrequency {
  margin-top: 20px;
}
@media (min-width: 1080px) {
  .buyBox__blockFrequency {
    margin-top: 26px;
  }
}

.buyBox__purchaseBtn, .buyBox__purchaseBtn--coffeePDP {
  transition: 0.2s all ease;
  border-radius: 8px;
  border: 1px solid #dfdfdf;
  display: flex;
  align-items: start;
  gap: 10px;
  margin-bottom: 16px;
}
.buyBox__purchaseBtn:last-child, .buyBox__purchaseBtn--coffeePDP:last-child {
  margin-bottom: 0;
}
.buyBox__purchaseBtn:hover, .buyBox__purchaseBtn--coffeePDP:hover {
  cursor: pointer;
}

.buyBox__purchaseWrap {
  margin-top: 24px;
}
@media (min-width: 1080px) {
  .buyBox__purchaseWrap {
    margin-top: 30px;
  }
}
.buyBox__purchaseWrap.mt_0 {
  margin-top: 0;
}

.buyBox__purchaseBtnContent {
  display: flex;
  flex-flow: column;
  flex-grow: 1;
}

.buyBox__purchaseBtnTop {
  display: flex;
  justify-content: space-between;
  flex-grow: 1;
  padding: 18px 16px;
}

.buyBox__purchaseBtnTextWrap {
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
  padding-left: 16px;
  align-items: flex-start;
  gap: 16px;
}

.buyBox__purchaseBtnBottom {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #1a1a1a;
  padding: 16px 16px 20px;
}
@media (min-width: 480px) {
  .buyBox__purchaseBtnBottom {
    padding: 20px 20px 24px;
  }
}

.buyBox__BlockInner {
  width: 100%;
  height: 100px;
}
.buyBox__BlockInner .buyBox__dropdownSelected {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  height: 65px;
  color: #1a1a1a;
  padding: 15px 16px;
}
@media (min-width: 1080px) {
  .buyBox__BlockInner {
    max-width: 258px;
  }
}

.buyBox__purchaseBtnTitle,
.buyBox__purchaseBtnPrice {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #1a1a1a;
  margin-bottom: 0;
}

.buyBox__purchaseBtnSubtitle,
.buyBox__purchaseBtnPriceStrike {
  margin-top: 4px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  color: #4d4d4d;
  margin-bottom: 0;
  text-align: right;
}
.buyBox__purchaseBtnSubtitle.buyBox__purchaseBtnSubtitleLeft, .buyBox__purchaseBtnSubtitle--left,
.buyBox__purchaseBtnPriceStrike.buyBox__purchaseBtnSubtitleLeft,
.buyBox__purchaseBtnPriceStrike--left {
  text-align: left;
}

.buyBox__purchaseBtnPriceStrike {
  text-decoration: line-through;
}

.buyBox__purchaseBtnPriceContainer {
  display: flex;
  align-items: flex-end;
  gap: 8px;
}
@media (max-width: 399px) {
  .buyBox__purchaseBtnPriceContainer {
    flex-wrap: wrap-reverse;
    justify-content: flex-end;
    gap: 4px;
  }
}
@media (max-width: 379px) {
  .buyBox__purchaseBtnPriceContainer {
    gap: 0;
  }
}

.buyBox__purchaseBtnRadio {
  transform: translateY(-1px);
  width: 15px;
  height: 15px;
  border-radius: 50%;
  outline: 1px solid #1a1a1a;
  outline-offset: 3px;
  background-color: transparent;
  margin-top: 4px;
}

.buyBox__purchaseBtn--active {
  border: 1px solid #1a1a1a;
  background: white !important;
}
.buyBox__purchaseBtn--active .buyBox__purchaseBtnRadio {
  background-color: #f53c32;
}

.buyBox__unavailable {
  display: none;
  padding: 0 16px 2em;
}
@media (min-width: 1080px) {
  .buyBox__unavailable {
    padding: 0 20px 24px;
  }
}

.buyBox__unavailableContent {
  background: #fafafa;
  border: 1px solid #dfdfdf;
  padding: 16px;
  border-radius: 4px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #1a1a1a;
  position: relative;
  padding-left: 52px;
}
.buyBox__unavailableContent svg {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
}
.buyBox__unavailableContent a {
  font-weight: 700;
  pointer-events: initial;
}

.buyBox__purchaseBtn--disable {
  border: 1px solid #ececec;
  background-color: #ececec;
  pointer-events: none;
}
.buyBox__purchaseBtn--disable .buyBox__unavailable {
  display: block;
}
.buyBox__purchaseBtn--disable .buyBox__purchaseBtnRadio {
  outline-color: #9e9e9e;
  background-color: #ececec;
}
.buyBox__purchaseBtn--disable .buyBox__purchaseBtnTitle,
.buyBox__purchaseBtn--disable .buyBox__purchaseBtnSubtitleLeft,
.buyBox__purchaseBtn--disable .buyBox__purchaseBtnPrice {
  color: #9e9e9e;
}

.buyBox__atc, .buyBox__atc--disabled {
  margin-top: 20px;
  padding: 13px 24px;
  background-color: #f53c32;
  width: 100%;
  border-radius: 4px;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  color: #fff;
}
@media (min-width: 1080px) {
  .buyBox__atc, .buyBox__atc--disabled {
    margin-top: 16px;
    padding: 15px 32px;
  }
}
.buyBox__atc.mt_0, .mt_0.buyBox__atc--disabled {
  margin-top: 0;
}

@media (max-width: 479px) {
  .buyBox__atc--pinned {
    position: fixed;
    bottom: 0;
    z-index: 11;
    border-radius: 0;
    transition: 0.2s all ease;
  }
}

.buyBox__atc--disabled {
  background-color: grey;
  cursor: not-allowed;
}

.buyBox__purchaseBtnTitleShipping {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #4d4d4d;
  margin-top: 4px;
}
@media (min-width: 1080px) {
  .buyBox__purchaseBtnTitleShipping {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
  }
}

.buyBox__purchaseBtn--coffeePDP {
  background: #f2f2f2;
  border-radius: 0;
  margin-bottom: 0;
  border-top-width: 0 !important;
}
.buyBox__purchaseBtn--coffeePDP .buyBox__purchaseBtnTitle {
  display: flex;
  flex-flow: column;
}
.buyBox__purchaseBtn--coffeePDP .buyBox__purchaseBtnTop {
  padding: 16px;
}
.buyBox__purchaseBtn--coffeePDP:first-child {
  border-top-width: 1px !important;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.buyBox__purchaseBtn--coffeePDP:last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.buyBox__purchaseBtnCollectionBlock {
  display: flex;
  flex-flow: row;
  align-items: center;
  padding: 12px 16px;
  background-color: #ececec;
  border-radius: 4px;
  width: 100%;
  justify-content: space-between;
}
@media (min-width: 1080px) {
  .buyBox__purchaseBtnCollectionBlock {
    padding: 12px 18px;
  }
}

.buyBox__purchaseBtnCollectionBlockTitle {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  margin-bottom: 3px;
  color: #4d4d4d;
}
@media (min-width: 480px) {
  .buyBox__purchaseBtnCollectionBlockTitle {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    margin-bottom: 4px;
  }
}
.buyBox__purchaseBtnCollectionBlockTitle.font-heavy {
  font-weight: 700;
  color: #1a1a1a;
}

.buyBox__purchaseBtnCollectionDetails {
  display: flex;
  flex-flow: column;
  gap: 8px;
  margin-top: 4px;
  margin-bottom: 16px;
}

.buyBox__purchaseBtnCollectionDetailsItem {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  display: flex;
  flex-flow: row;
  gap: 8px;
}

.buyBox__purchaseBtnCollectionDetailsItem a {
  text-decoration-line: underline;
  color: #1a1a1a;
  margin-left: -4px;
  font-weight: 700;
}

.buyBox__purchaseBtnCollectionBlockHeading {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  margin-bottom: 4px;
  color: #1a1a1a;
}
@media (min-width: 480px) {
  .buyBox__purchaseBtnCollectionBlockHeading {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    margin-bottom: 4px;
  }
}

.buyBox__purchaseBtnCollectionBlockCount {
  color: #4d4d4d;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  margin-bottom: 0;
}
@media (min-width: 480px) {
  .buyBox__purchaseBtnCollectionBlockCount {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
  }
}

.buyBox__purchaseBtnCollectionImage {
  max-width: 90px;
  max-height: 90px;
}

.buyBox__purchaseBtnBottom--coffeeSubs {
  flex-flow: column;
}

.buyBox__purchaseBtnCollectionSubs {
  margin-top: 16px;
}

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

.buyBox__purchaseBtnCollectionSubsTitle,
.buyBox__purchaseBtnCollectionSubsMore {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  margin-bottom: 0;
  color: #1a1a1a;
}
@media (min-width: 480px) {
  .buyBox__purchaseBtnCollectionSubsTitle,
  .buyBox__purchaseBtnCollectionSubsMore {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
  }
}

.buyBox__purchaseBtnCollectionSubsList {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: 12px;
}
@media (min-width: 480px) {
  .buyBox__purchaseBtnCollectionSubsList {
    margin-top: 8px;
  }
}

.buyBox__purchaseBtnCollectionSubsListItem {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  margin-bottom: 8px;
  margin-right: 8px;
  color: #4d4d4d;
}
@media (min-width: 480px) {
  .buyBox__purchaseBtnCollectionSubsListItem {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
  }
}
.buyBox__purchaseBtnCollectionSubsListItem:last-child {
  margin-bottom: 0;
}
.buyBox__purchaseBtnCollectionSubsListItem svg {
  margin-right: 8px;
}

.buyBox__dropdownFlavorTextWrap {
  display: flex;
  text-decoration: none;
  justify-content: space-between;
}

.buyBox__dropdownFlavorTitle,
.buyBox__dropdownFlavorPrice {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #1a1a1a;
}

.buyBox__dropdownFlavorTitle {
  display: flex;
  flex-flow: column;
}

.buyBox__dropdownFlavorDesc {
  margin-top: 4px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #4d4d4d;
}

.buyBox__BlockFlavor {
  margin-bottom: 20px;
  position: relative;
}
@media (min-width: 1080px) {
  .buyBox__BlockFlavor {
    margin-bottom: 24px;
  }
}

.buyBox__featuresWrap {
  display: flex;
  flex-flow: column;
  gap: 8px;
  margin-top: 20px;
  margin-bottom: 24px;
  justify-content: center;
}
@media (min-width: 480px) {
  .buyBox__featuresWrap {
    align-items: center;
    gap: 12px;
    flex-flow: row;
    margin-top: 16px;
    margin-bottom: 42px;
  }
}

.buyBox__featuresText {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  font-family: "GT Alpina", "Times New Roman", serif;
  margin-bottom: 0;
  color: #1a1a1a;
  display: flex;
}
.buyBox__featuresText svg {
  margin-right: 8px;
}

.buyBox__subscriptionPopup {
  visibility: hidden;
  position: fixed;
  height: 100%;
  width: 100vw;
  background: rgba(0, 0, 0, 0.7);
  left: 0;
  top: 0;
  z-index: 9999999;
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
}
@media (min-width: 480px) {
  .buyBox__subscriptionPopup {
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
  }
}
.buyBox__subscriptionPopup:hover {
  cursor: inherit;
}
.buyBox__subscriptionPopup.buyBox__subscriptionPopup--show {
  visibility: visible;
  opacity: 1;
}

.buyBox__subscriptionPopupInner {
  background-color: white;
  padding: 20px 20px 32px;
  transform: translateY(100%);
  transition: 0.3s ease-out;
  height: 356px;
  border-radius: 16px 16px 0 0;
}
@media (min-width: 480px) {
  .buyBox__subscriptionPopupInner {
    min-height: 358px;
    max-width: 622px;
    border-radius: 0;
    transform: inherit;
    transition: inherit;
  }
}

.buyBox__subscriptionPopup--show .buyBox__subscriptionPopupInner {
  transform: translateY(0);
  transition: 0.3s ease-in;
}
@media (min-width: 480px) {
  .buyBox__subscriptionPopup--show .buyBox__subscriptionPopupInner {
    transform: inherit;
    display: block;
  }
}

.buyBox__subscriptionHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 16px;
  border-bottom: 1px solid #ececec;
}

.buyBox__subscriptionTitle {
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  color: #000;
  margin-bottom: 0;
}

.buyBox__subscriptionDesc {
  color: #4d4d4d;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  margin-top: 12px;
  margin-bottom: 20px;
}
@media (min-width: 480px) {
  .buyBox__subscriptionDesc {
    margin-bottom: 24px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
  }
}

.buyBox__subscriptionList {
  list-style: none;
  margin: 0;
  padding: 0;
}

.buyBox__subscriptionListItem {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  margin-bottom: 12px;
  color: #4d4d4d;
}
@media (min-width: 480px) {
  .buyBox__subscriptionListItem {
    margin-bottom: 16px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
  }
}
.buyBox__subscriptionListItem:last-child {
  margin-bottom: 0;
}
.buyBox__subscriptionListItem svg {
  margin-right: 8px;
}

.buyBox__subscriptionListClose {
  margin-top: 16px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  display: inline-block;
}
@media (min-width: 480px) {
  .buyBox__subscriptionListClose {
    margin-top: 24px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
  }
}

.no-scroll {
  overflow: hidden;
}

.buyBox__subscriptionPopupCollecName {
  font-weight: 700;
}

.buyBox__BlockToolTip__icon:hover {
  cursor: pointer;
}

.buyBox__toolTipWrapFlavor {
  position: absolute;
  bottom: 114%;
}

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

.toolTip__wrap {
  background-color: #1a1a1a;
  padding: 12px 16px;
  max-width: 343px;
  border-radius: 16px;
  visibility: hidden;
  opacity: 0;
  transition: 0.2s all ease;
}
.toolTip__wrap:hover {
  cursor: pointer;
}

.toolTip__wrap--show {
  visibility: visible;
  opacity: 1;
  transition: 0.2s all ease;
}

.toolTip__wrapInner {
  display: flex;
  width: 100%;
  position: relative;
}
.toolTip__wrapInner::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 9px 0;
  border-color: #1a1a1a transparent transparent;
  position: absolute;
  top: 113%;
  left: 64px;
}

.toolTip__text {
  color: white;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  margin-bottom: 0;
  width: 95%;
}
@media (min-width: 1080px) {
  .toolTip__text {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
  }
}

.toolTip__iconClose {
  height: 10px;
  width: 4%;
}

.toolTip__iconTriangle {
  position: absolute;
  top: 100%;
}

.buyBox__guidePopup {
  visibility: hidden;
  position: fixed;
  height: 100%;
  width: 100vw;
  background: rgba(0, 0, 0, 0.7);
  left: 0;
  top: 0;
  z-index: 9999999;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  opacity: 0;
  display: flex;
}
.buyBox__guidePopup:hover {
  cursor: inherit;
}
.buyBox__guidePopup.buyBox__guidePopup--show {
  visibility: visible;
  opacity: 1;
}

.buyBox__guidePopupInner {
  background-color: white;
  transition: 0.3s ease-out;
  border-radius: 0;
  width: 375px;
  min-height: 66.7px;
}
@media (min-width: 480px) {
  .buyBox__guidePopupInner {
    border-radius: 8px;
    min-height: 60px;
  }
}

.buyBox__guidePopupHeader {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 22px 16px;
  border-bottom: 1px solid #ececec;
}
@media (min-width: 480px) {
  .buyBox__guidePopupHeader {
    padding: 24px;
  }
}

.buyBox__guideTitle {
  font-size: 16px;
  line-height: 10px;
  font-weight: 700;
  margin-bottom: 0;
  color: #1a1a1a;
  flex-grow: 1;
  text-align: center;
}
@media (min-width: 480px) {
  .buyBox__guideTitle {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
  }
}

.buyBox__guidePopupContent {
  padding: 40px 16px 175px;
}
@media (min-width: 480px) {
  .buyBox__guidePopupContent {
    padding: 18px 16px 118px;
  }
}
.buyBox__guidePopupContent.large {
  padding: 24px 16px 40px;
}

.buyBox__guideHeading {
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  margin-bottom: 12px;
  color: #1a1a1a;
}
.buyBox__guideHeading.large {
  margin-bottom: 8px;
}
@media (min-width: 480px) {
  .buyBox__guideHeading {
    margin-bottom: 16px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
  }
  .buyBox__guideHeading.large {
    margin-bottom: 8px;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
  }
}

.buyBox__guideData {
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
  color: #4d4d4d;
}

.buyBox__learnMore {
  margin-left: 4px;
}

.buyBox__guideBlockInner {
  padding: 16px;
  border: 1px solid #ececec;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
}

.buyBox__guideBlock {
  margin-bottom: 32px;
}
@media (min-width: 1080px) {
  .buyBox__guideBlock {
    margin-bottom: 24px;
  }
}
.buyBox__guideBlock:last-child {
  margin-bottom: 0;
}

.buyBox__guideDesc,
.buyBox__guideAmount {
  display: flex;
  flex-flow: column;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #1a1a1a;
}

.buyBox__guideDeliver {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #9e9e9e;
  margin-top: 4px;
}
@media (min-width: 480px) {
  .buyBox__guideDeliver {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
  }
}

.buyBox__guideBtnBlockMob {
  margin-top: 8px;
  display: flex;
}
@media (min-width: 1080px) {
  .buyBox__guideBtnBlockMob {
    display: none;
  }
  .buyBox__guideBtnBlockMob.large {
    display: flex;
  }
}

.buyBox__guideBtnBlockDesk {
  display: none;
}
@media (min-width: 1080px) {
  .buyBox__guideBtnBlockDesk {
    display: flex;
  }
}

.buyBox__guidePopupClose:hover {
  cursor: pointer;
}

.buyBox__gift {
  margin-bottom: 60px;
}
@media (min-width: 1080px) {
  .buyBox__gift {
    margin-bottom: 80px;
  }
}

.buyBox__giftVariantsList {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}

.buyBox__giftVariantsListItem {
  background-color: #f2f2f2;
  color: #1a1a1a;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  padding: 8px 16px;
  border-radius: 32px;
  margin-right: 8px;
}
.buyBox__giftVariantsListItem:hover {
  cursor: pointer;
  background-color: #1a1a1a;
  color: #f2f2f2;
}

.buyBox__giftVariantsListItem--active {
  background-color: #1a1a1a;
  color: #f2f2f2;
}

.buyBox__blockGift {
  margin-top: 20px;
}
.buyBox__blockGift .buyBox__giftInput {
  padding: 12px 16px;
  border: 1px solid #ececec;
  border-radius: 8px;
  width: 100%;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #1a1a1a;
}
.buyBox__blockGift .buyBox__giftInput::-moz-placeholder {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #9e9e9e;
}
.buyBox__blockGift .buyBox__giftInput::placeholder {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #9e9e9e;
}
.buyBox__blockGift .buyBox__giftInput:disabled {
  cursor: not-allowed;
}
.buyBox__blockGift .buyBox__giftInput:disabled::-moz-placeholder {
  color: #dfdfdf;
}
.buyBox__blockGift .buyBox__giftInput:disabled::placeholder {
  color: #dfdfdf;
}
.buyBox__blockGift .buyBox__giftInputTextArea {
  height: 88px;
}

.buyBox__dropdownFreqSubtitle--giftSelected {
  display: flex;
}

.buyBox__giftSave {
  color: #f53c32;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}

.buyBox__giftSelectedPrice,
.buyBox__giftSelectedPriceStrike {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #4d4d4d;
  margin-right: 4px;
}

.buyBox__giftSelectedPriceStrike {
  color: #9e9e9e;
  text-decoration: line-through;
}

.buyBox__dropdownFreqTitle--giftSelected {
  margin-bottom: 0;
}

.buyBox__blockDeliveryMethodContainer {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-flow: row wrap;
  gap: 12px;
}
@media (min-width: 380px) {
  .buyBox__blockDeliveryMethodContainer {
    gap: 16px;
  }
}
@media (min-width: 400px) {
  .buyBox__blockDeliveryMethodContainer {
    flex-wrap: nowrap;
  }
}

.buyBox__blockDeliveryMethod {
  width: 100%;
  padding: 18px 16px;
  border: 1px solid #ececec;
  border-radius: 8px;
  gap: 8px;
  cursor: pointer;
  color: #1a1a1a;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-flow: row wrap;
}
@media (min-width: 400px) {
  .buyBox__blockDeliveryMethod {
    flex: 1;
  }
}
.buyBox__blockDeliveryMethod.active {
  border: 1px solid #1a1a1a;
}

.buyBox__aqModal {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity ease-in 0.1s, visibility ease-out 0.1s;
  z-index: 102;
  overflow-y: scroll;
  background: rgba(26, 26, 26, 0.8);
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.buyBox__aqModal.open {
  transition: opacity ease-in 0.1s, visibility ease-out 0.1s;
  opacity: 1;
  visibility: visible;
}
@media (min-width: 480px) {
  .buyBox__aqModal {
    align-items: center;
  }
}

.buyBox__aqModalContainer {
  margin: 0 auto;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  background: white;
  padding: 20px 20px 24px;
  position: relative;
  border-radius: 8px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
@media (min-width: 480px) {
  .buyBox__aqModalContainer {
    width: -moz-fit-content;
    width: fit-content;
    max-width: 622px;
    border-radius: 8px;
  }
}
@media (min-width: 1080px) {
  .buyBox__aqModalContainer {
    margin: 40px auto;
    padding: 20px 24px 32px;
  }
}

.buyBox__aqModalHeader {
  text-align: left;
  border-bottom: 1px solid #ececec;
  position: relative;
  padding: 0 0 16px;
  margin-bottom: 16px;
}

.buyBox__aqModalHeading {
  margin: 0;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  color: #1a1a1a;
}

.buyBox__aqModalCloseIcon {
  position: absolute;
  right: 0;
  top: 10px;
  transform: translateY(-50%);
  cursor: pointer;
}

.buyBox__aqModalContent {
  color: #4d4d4d;
}
.buyBox__aqModalContent p,
.buyBox__aqModalContent ol,
.buyBox__aqModalContent ul {
  margin-bottom: 16px;
}
.buyBox__aqModalContent p,
.buyBox__aqModalContent li {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}
.buyBox__aqModalContent a,
.buyBox__aqModalContent strong {
  color: #1a1a1a;
  font-weight: 700;
}
.buyBox__aqModalContent .buyBox__aqModalClose {
  padding-top: 8px;
  cursor: pointer;
}

.buyBox__purchaseBtnSubtitleFlex {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-top: 8px;
  margin-bottom: 0;
}

.buyBox__purchaseBtnContainer {
  padding: 16px;
  margin-left: 32px;
}

.buyBox__purchaseWrapDeliveryDropDown {
  margin-top: -16px;
}

.buyBox__flex-column {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.buyBox__flexAlignCenter {
  display: flex;
  align-items: center;
  gap: 16px;
}

.buyBox__infoStrip {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #1a1a1a;
}
.buyBox__infoStrip .buyBox__infoStrip--bold {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  text-decoration-line: underline;
}
.buyBox__infoStrip.buyBox__infoStrip--borderedTop {
  border-top: 1px solid #ececec;
  padding-top: 16px;
  color: #4d4d4d;
}

.mb_0 {
  margin-bottom: 0;
}

.buyBox__pdpFreeShippingLine {
  margin: 16px auto 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #1a1a1a;
}
@media (min-width: 1080px) {
  .buyBox__pdpFreeShippingLine {
    margin: 16px auto 40px;
  }
}

.buyBox__radio {
  min-width: 20px;
}

.physicalGiftFields {
  margin-bottom: 26px;
}

.isGiftCheckboxContainer {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  margin-bottom: 26px;
}
.isGiftCheckboxContainer .isGiftCheckbox {
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  background: #fff;
  border: 1px solid #1a1a1a;
  border-radius: 4px;
  accent-color: #1a1a1a;
}
.isGiftCheckboxContainer span {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #000;
}

button.buyBox__atc:disabled, button.buyBox__atc--disabled:disabled {
  background: #ececec !important;
  color: #9e9e9e !important;
  border: none !important;
  cursor: not-allowed !important;
}

/* ! tailwindcss v3.4.6 | MIT License | https://tailwindcss.com */

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: Inter, Helvetica, sans-serif; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: Geist Mono, monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden] {
  display: none;
}

*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
.\!container {
  width: 100% !important;
}
.container {
  width: 100%;
}
@media (min-width: 640px) {
  .\!container {
    max-width: 640px !important;
  }
  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .\!container {
    max-width: 768px !important;
  }
  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .\!container {
    max-width: 1024px !important;
  }
  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  .\!container {
    max-width: 1280px !important;
  }
  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1440px) {
  .\!container {
    max-width: 1440px !important;
  }
  .container {
    max-width: 1440px;
  }
}
@media (min-width: 1600px) {
  .\!container {
    max-width: 1600px !important;
  }
  .container {
    max-width: 1600px;
  }
}
.prose {
  color: var(--tw-prose-body);
  max-width: 65ch;
}
.prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}
.prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-lead);
  font-size: 1.25em;
  line-height: 1.6;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}
.prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-links);
  text-decoration: underline;
  font-weight: 500;
}
.prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-bold);
  font-weight: 600;
}
.prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: decimal;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
}
.prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-alpha;
}
.prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-alpha;
}
.prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-alpha;
}
.prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-alpha;
}
.prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-roman;
}
.prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-roman;
}
.prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-roman;
}
.prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-roman;
}
.prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: decimal;
}
.prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: disc;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
}
.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
  font-weight: 400;
  color: var(--tw-prose-counters);
}
.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
  color: var(--tw-prose-bullets);
}
.prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.25em;
}
.prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-color: var(--tw-prose-hr);
  border-top-width: 1px;
  margin-top: 3em;
  margin-bottom: 3em;
}
.prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 500;
  font-style: italic;
  color: var(--tw-prose-quotes);
  border-inline-start-width: 0.25rem;
  border-inline-start-color: var(--tw-prose-quote-borders);
  quotes: "\201C""\201D""\2018""\2019";
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-inline-start: 1em;
}
.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
  content: open-quote;
}
.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
  content: close-quote;
}
.prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 800;
  font-size: 2.25em;
  margin-top: 0;
  margin-bottom: 0.8888889em;
  line-height: 1.1111111;
}
.prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 900;
  color: inherit;
}
.prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 700;
  font-size: 1.5em;
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3333333;
}
.prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 800;
  color: inherit;
}
.prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  font-size: 1.25em;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  line-height: 1.6;
}
.prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 700;
  color: inherit;
}
.prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.5;
}
.prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 700;
  color: inherit;
}
.prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  display: block;
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 500;
  font-family: inherit;
  color: var(--tw-prose-kbd);
  box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
  font-size: 0.875em;
  border-radius: 0.3125rem;
  padding-top: 0.1875em;
  padding-inline-end: 0.375em;
  padding-bottom: 0.1875em;
  padding-inline-start: 0.375em;
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-code);
  font-weight: 600;
  font-size: 0.875em;
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
  content: "`";
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
  content: "`";
}
.prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
  font-size: 0.875em;
}
.prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
  font-size: 0.9em;
}
.prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-pre-code);
  background-color: var(--tw-prose-pre-bg);
  overflow-x: auto;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 1.7142857;
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: 0.375rem;
  padding-top: 0.8571429em;
  padding-inline-end: 1.1428571em;
  padding-bottom: 0.8571429em;
  padding-inline-start: 1.1428571em;
}
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
  content: none;
}
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
  content: none;
}
.prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  width: 100%;
  table-layout: auto;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 0.875em;
  line-height: 1.7142857;
}
.prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-th-borders);
}
.prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  vertical-align: bottom;
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}
.prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-td-borders);
}
.prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-bottom-width: 0;
}
.prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  vertical-align: baseline;
}
.prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-top-width: 1px;
  border-top-color: var(--tw-prose-th-borders);
}
.prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  vertical-align: top;
}
.prose :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  text-align: start;
}
.prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}
.prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-captions);
  font-size: 0.875em;
  line-height: 1.4285714;
  margin-top: 0.8571429em;
}
.prose {
  --tw-prose-body: #374151;
  --tw-prose-headings: #111827;
  --tw-prose-lead: #4b5563;
  --tw-prose-links: #111827;
  --tw-prose-bold: #111827;
  --tw-prose-counters: #6b7280;
  --tw-prose-bullets: #d1d5db;
  --tw-prose-hr: #e5e7eb;
  --tw-prose-quotes: #111827;
  --tw-prose-quote-borders: #e5e7eb;
  --tw-prose-captions: #6b7280;
  --tw-prose-kbd: #111827;
  --tw-prose-kbd-shadows: rgb(17 24 39 / 10%);
  --tw-prose-code: #111827;
  --tw-prose-pre-code: #e5e7eb;
  --tw-prose-pre-bg: #1f2937;
  --tw-prose-th-borders: #d1d5db;
  --tw-prose-td-borders: #e5e7eb;
  --tw-prose-invert-body: #d1d5db;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #9ca3af;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #9ca3af;
  --tw-prose-invert-bullets: #4b5563;
  --tw-prose-invert-hr: #374151;
  --tw-prose-invert-quotes: #f3f4f6;
  --tw-prose-invert-quote-borders: #374151;
  --tw-prose-invert-captions: #9ca3af;
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%);
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d1d5db;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #4b5563;
  --tw-prose-invert-td-borders: #374151;
  font-size: 1rem;
  line-height: 1.75;
}
.prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}
.prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0.375em;
}
.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0.375em;
}
.prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
}
.prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}
.prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
}
.prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}
.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}
.prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.5em;
  padding-inline-start: 1.625em;
}
.prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}
.prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}
.prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}
.prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}
.prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0;
}
.prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-end: 0;
}
.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-top: 0.5714286em;
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}
.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0;
}
.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-end: 0;
}
.prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}
.prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 0;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.pointer-events-none {
  pointer-events: none;
}
.pointer-events-auto {
  pointer-events: auto;
}
.\!visible {
  visibility: visible !important;
}
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
.collapse {
  visibility: collapse;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.\!relative {
  position: relative !important;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.inset-0 {
  inset: 0px;
}
.inset-x-0 {
  left: 0px;
  right: 0px;
}
.inset-y-0 {
  top: 0px;
  bottom: 0px;
}
.-bottom-\[60px\] {
  bottom: -60px;
}
.-bottom-\[6px\] {
  bottom: -6px;
}
.-bottom-\[80px\] {
  bottom: -80px;
}
.-bottom-px {
  bottom: -1px;
}
.-left-1 {
  left: -0.25rem;
}
.-left-3 {
  left: -0.75rem;
}
.-right-1 {
  right: -0.25rem;
}
.-right-\[5px\] {
  right: -5px;
}
.-right-\[6px\] {
  right: -6px;
}
.-top-0\.5 {
  top: -0.125rem;
}
.-top-2\.5 {
  top: -0.625rem;
}
.-top-3 {
  top: -0.75rem;
}
.-top-7 {
  top: -1.75rem;
}
.-top-\[0\.05em\] {
  top: -0.05em;
}
.-top-\[108px\] {
  top: -108px;
}
.-top-\[12px\] {
  top: -12px;
}
.-top-\[52px\] {
  top: -52px;
}
.-top-\[80px\] {
  top: -80px;
}
.-top-\[9px\] {
  top: -9px;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-1 {
  bottom: 0.25rem;
}
.bottom-10 {
  bottom: 2.5rem;
}
.bottom-15 {
  bottom: 3.75rem;
}
.bottom-2 {
  bottom: 0.5rem;
}
.bottom-3 {
  bottom: 0.75rem;
}
.bottom-4 {
  bottom: 1rem;
}
.bottom-6 {
  bottom: 1.5rem;
}
.bottom-8 {
  bottom: 2rem;
}
.bottom-\[-28px\] {
  bottom: -28px;
}
.bottom-\[16px\] {
  bottom: 16px;
}
.bottom-\[25px\] {
  bottom: 25px;
}
.bottom-\[30px\] {
  bottom: 30px;
}
.bottom-\[81px\] {
  bottom: 81px;
}
.bottom-full {
  bottom: 100%;
}
.left-0 {
  left: 0px;
}
.left-1 {
  left: 0.25rem;
}
.left-1\/2 {
  left: 50%;
}
.left-16 {
  left: 4rem;
}
.left-2 {
  left: 0.5rem;
}
.left-2\.5 {
  left: 0.625rem;
}
.left-2\/4 {
  left: 50%;
}
.left-3 {
  left: 0.75rem;
}
.left-4 {
  left: 1rem;
}
.left-5 {
  left: 1.25rem;
}
.left-\[-30px\] {
  left: -30px;
}
.left-\[0px\] {
  left: 0px;
}
.left-\[10\%\] {
  left: 10%;
}
.left-\[11px\] {
  left: 11px;
}
.left-\[14px\] {
  left: 14px;
}
.left-\[15\%\] {
  left: 15%;
}
.left-\[15px\] {
  left: 15px;
}
.left-\[166px\] {
  left: 166px;
}
.left-\[16px\] {
  left: 16px;
}
.left-\[20px\] {
  left: 20px;
}
.left-\[24px\] {
  left: 24px;
}
.left-\[25px\] {
  left: 25px;
}
.left-\[38px\] {
  left: 38px;
}
.left-\[70px\] {
  left: 70px;
}
.left-\[80px\] {
  left: 80px;
}
.left-px {
  left: 1px;
}
.right-0 {
  right: 0px;
}
.right-1\.5 {
  right: 0.375rem;
}
.right-2 {
  right: 0.5rem;
}
.right-3 {
  right: 0.75rem;
}
.right-3\.5 {
  right: 0.875rem;
}
.right-4 {
  right: 1rem;
}
.right-5 {
  right: 1.25rem;
}
.right-6 {
  right: 1.5rem;
}
.right-\[-10px\] {
  right: -10px;
}
.right-\[-2px\] {
  right: -2px;
}
.right-\[-30px\] {
  right: -30px;
}
.right-\[-5px\] {
  right: -5px;
}
.right-\[0\] {
  right: 0;
}
.right-\[10\%\] {
  right: 10%;
}
.right-\[13px\] {
  right: 13px;
}
.right-\[14px\] {
  right: 14px;
}
.right-\[15px\] {
  right: 15px;
}
.right-\[16px\] {
  right: 16px;
}
.right-\[20px\] {
  right: 20px;
}
.right-\[24px\] {
  right: 24px;
}
.right-\[26px\] {
  right: 26px;
}
.right-\[44px\] {
  right: 44px;
}
.right-\[5\%\] {
  right: 5%;
}
.right-\[50px\] {
  right: 50px;
}
.right-\[80px\] {
  right: 80px;
}
.top-0 {
  top: 0px;
}
.top-1 {
  top: 0.25rem;
}
.top-1\.5 {
  top: 0.375rem;
}
.top-1\/2 {
  top: 50%;
}
.top-2 {
  top: 0.5rem;
}
.top-2\.5 {
  top: 0.625rem;
}
.top-2\/4 {
  top: 50%;
}
.top-24 {
  top: 6rem;
}
.top-3 {
  top: 0.75rem;
}
.top-4 {
  top: 1rem;
}
.top-8 {
  top: 2rem;
}
.top-\[-100px\] {
  top: -100px;
}
.top-\[-108px\] {
  top: -108px;
}
.top-\[-10px\] {
  top: -10px;
}
.top-\[-12px\] {
  top: -12px;
}
.top-\[-13px\] {
  top: -13px;
}
.top-\[-2px\] {
  top: -2px;
}
.top-\[-60px\] {
  top: -60px;
}
.top-\[-74px\] {
  top: -74px;
}
.top-\[-80px\] {
  top: -80px;
}
.top-\[110\%\] {
  top: 110%;
}
.top-\[120px\] {
  top: 120px;
}
.top-\[13px\] {
  top: 13px;
}
.top-\[150px\] {
  top: 150px;
}
.top-\[16px\] {
  top: 16px;
}
.top-\[18px\] {
  top: 18px;
}
.top-\[20px\] {
  top: 20px;
}
.top-\[21px\] {
  top: 21px;
}
.top-\[24px\] {
  top: 24px;
}
.top-\[250px\] {
  top: 250px;
}
.top-\[35px\] {
  top: 35px;
}
.top-\[3px\] {
  top: 3px;
}
.top-\[42px\] {
  top: 42px;
}
.top-\[48px\] {
  top: 48px;
}
.top-\[52px\] {
  top: 52px;
}
.top-\[6\.4\%\] {
  top: 6.4%;
}
.top-\[60px\] {
  top: 60px;
}
.top-\[63px\] {
  top: 63px;
}
.top-\[7px\] {
  top: 7px;
}
.top-\[80px\] {
  top: 80px;
}
.top-\[8px\] {
  top: 8px;
}
.top-\[calc\(100\%\+8px\)\] {
  top: calc(100% + 8px);
}
.top-full {
  top: 100%;
}
.isolate {
  isolation: isolate;
}
.z-0 {
  z-index: 0;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-30 {
  z-index: 30;
}
.z-50 {
  z-index: 50;
}
.z-\[10000\] {
  z-index: 10000;
}
.z-\[100\] {
  z-index: 100;
}
.z-\[102\] {
  z-index: 102;
}
.z-\[1\] {
  z-index: 1;
}
.z-\[2\] {
  z-index: 2;
}
.z-\[303\] {
  z-index: 303;
}
.z-\[305\] {
  z-index: 305;
}
.z-\[315\] {
  z-index: 315;
}
.z-\[320\] {
  z-index: 320;
}
.z-\[400\] {
  z-index: 400;
}
.z-\[600\] {
  z-index: 600;
}
.z-\[60\] {
  z-index: 60;
}
.z-\[70\] {
  z-index: 70;
}
.z-\[99998\] {
  z-index: 99998;
}
.z-\[99999\] {
  z-index: 99999;
}
.z-\[9999\] {
  z-index: 9999;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.m-0 {
  margin: 0px;
}
.m-12 {
  margin: 3rem;
}
.m-\[12px\] {
  margin: 12px;
}
.m-auto {
  margin: auto;
}
.-mx-4 {
  margin-left: -1rem;
  margin-right: -1rem;
}
.-mx-5 {
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}
.-mx-6 {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
.-mx-\[40px\] {
  margin-left: -40px;
  margin-right: -40px;
}
.-my-\[60px\] {
  margin-top: -60px;
  margin-bottom: -60px;
}
.mx-0\.5 {
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}
.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-5 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.mx-\[1px\] {
  margin-left: 1px;
  margin-right: 1px;
}
.mx-\[4px\] {
  margin-left: 4px;
  margin-right: 4px;
}
.mx-\[5px\] {
  margin-left: 5px;
  margin-right: 5px;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.my-12 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.my-16 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.my-\[10px\] {
  margin-top: 10px;
  margin-bottom: 10px;
}
.my-\[40px\] {
  margin-top: 40px;
  margin-bottom: 40px;
}
.my-\[4px\] {
  margin-top: 4px;
  margin-bottom: 4px;
}
.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}
.-ml-1 {
  margin-left: -0.25rem;
}
.-ml-px {
  margin-left: -1px;
}
.-mt-6 {
  margin-top: -1.5rem;
}
.-mt-px {
  margin-top: -1px;
}
.mb-0 {
  margin-bottom: 0px;
}
.mb-0\.5 {
  margin-bottom: 0.125rem;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-1\.5 {
  margin-bottom: 0.375rem;
}
.mb-10 {
  margin-bottom: 2.5rem;
}
.mb-12 {
  margin-bottom: 3rem;
}
.mb-14 {
  margin-bottom: 3.5rem;
}
.mb-15 {
  margin-bottom: 3.75rem;
}
.mb-16 {
  margin-bottom: 4rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-2\.5 {
  margin-bottom: 0.625rem;
}
.mb-24 {
  margin-bottom: 6rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-7 {
  margin-bottom: 1.75rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.mb-\[-12px\] {
  margin-bottom: -12px;
}
.mb-\[-24px\] {
  margin-bottom: -24px;
}
.mb-\[10px\] {
  margin-bottom: 10px;
}
.mb-\[12px\] {
  margin-bottom: 12px;
}
.mb-\[15px\] {
  margin-bottom: 15px;
}
.mb-\[16px\] {
  margin-bottom: 16px;
}
.mb-\[19px\] {
  margin-bottom: 19px;
}
.mb-\[21px\] {
  margin-bottom: 21px;
}
.mb-\[24px\] {
  margin-bottom: 24px;
}
.mb-\[30px\] {
  margin-bottom: 30px;
}
.mb-\[39px\] {
  margin-bottom: 39px;
}
.mb-\[40px\] {
  margin-bottom: 40px;
}
.mb-\[48px\] {
  margin-bottom: 48px;
}
.mb-\[50px\] {
  margin-bottom: 50px;
}
.mb-\[5px\] {
  margin-bottom: 5px;
}
.mb-\[60px\] {
  margin-bottom: 60px;
}
.mb-\[84px\] {
  margin-bottom: 84px;
}
.ml-0 {
  margin-left: 0px;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-4 {
  margin-left: 1rem;
}
.ml-6 {
  margin-left: 1.5rem;
}
.ml-\[3px\] {
  margin-left: 3px;
}
.ml-\[5px\] {
  margin-left: 5px;
}
.ml-auto {
  margin-left: auto;
}
.mr-0 {
  margin-right: 0px;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-1\.5 {
  margin-right: 0.375rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-2\.5 {
  margin-right: 0.625rem;
}
.mr-4 {
  margin-right: 1rem;
}
.mr-\[14px\] {
  margin-right: 14px;
}
.mr-\[7px\] {
  margin-right: 7px;
}
.mr-auto {
  margin-right: auto;
}
.mt-0 {
  margin-top: 0px;
}
.mt-0\.5 {
  margin-top: 0.125rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-10 {
  margin-top: 2.5rem;
}
.mt-12 {
  margin-top: 3rem;
}
.mt-14 {
  margin-top: 3.5rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-2\.5 {
  margin-top: 0.625rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-36 {
  margin-top: 9rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-7 {
  margin-top: 1.75rem;
}
.mt-8 {
  margin-top: 2rem;
}
.mt-9 {
  margin-top: 2.25rem;
}
.mt-\[-74px\] {
  margin-top: -74px;
}
.mt-\[10px\] {
  margin-top: 10px;
}
.mt-\[12px\] {
  margin-top: 12px;
}
.mt-\[15px\] {
  margin-top: 15px;
}
.mt-\[16px\] {
  margin-top: 16px;
}
.mt-\[20px\] {
  margin-top: 20px;
}
.mt-\[22px\] {
  margin-top: 22px;
}
.mt-\[24px\] {
  margin-top: 24px;
}
.mt-\[25px\] {
  margin-top: 25px;
}
.mt-\[32px\] {
  margin-top: 32px;
}
.mt-\[37px\] {
  margin-top: 37px;
}
.mt-\[40px\] {
  margin-top: 40px;
}
.mt-\[42px\] {
  margin-top: 42px;
}
.mt-\[44px\] {
  margin-top: 44px;
}
.mt-\[46px\] {
  margin-top: 46px;
}
.mt-\[50px\] {
  margin-top: 50px;
}
.mt-\[52px\] {
  margin-top: 52px;
}
.mt-\[53px\] {
  margin-top: 53px;
}
.mt-\[60px\] {
  margin-top: 60px;
}
.mt-\[78px\] {
  margin-top: 78px;
}
.mt-auto {
  margin-top: auto;
}
.box-border {
  box-sizing: border-box;
}
.box-content {
  box-sizing: content-box;
}
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.\!block {
  display: block !important;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.table-cell {
  display: table-cell;
}
.grid {
  display: grid;
}
.contents {
  display: contents;
}
.hidden {
  display: none;
}
.aspect-\[0\.67\] {
  aspect-ratio: 0.67;
}
.aspect-\[0\.694\] {
  aspect-ratio: 0.694;
}
.aspect-\[0\.89\] {
  aspect-ratio: 0.89;
}
.aspect-\[0\.8\] {
  aspect-ratio: 0.8;
}
.aspect-\[1\.06\] {
  aspect-ratio: 1.06;
}
.aspect-\[1\.88\] {
  aspect-ratio: 1.88;
}
.aspect-\[1\/1\.25\] {
  aspect-ratio: 1/1.25;
}
.aspect-\[171\/224\] {
  aspect-ratio: 171/224;
}
.aspect-\[171\/272\] {
  aspect-ratio: 171/272;
}
.aspect-\[2\] {
  aspect-ratio: 2;
}
.aspect-\[3\/2\] {
  aspect-ratio: 3/2;
}
.aspect-\[342\/192\] {
  aspect-ratio: 342/192;
}
.aspect-\[348\/400\] {
  aspect-ratio: 348/400;
}
.aspect-\[358\/360\] {
  aspect-ratio: 358/360;
}
.aspect-\[586\/457\] {
  aspect-ratio: 586/457;
}
.aspect-square {
  aspect-ratio: 1 / 1;
}
.aspect-video {
  aspect-ratio: 16 / 9;
}
.size-16 {
  width: 4rem;
  height: 4rem;
}
.size-5 {
  width: 1.25rem;
  height: 1.25rem;
}
.size-6 {
  width: 1.5rem;
  height: 1.5rem;
}
.size-\[100px\] {
  width: 100px;
  height: 100px;
}
.size-\[14px\] {
  width: 14px;
  height: 14px;
}
.size-\[240px\] {
  width: 240px;
  height: 240px;
}
.size-\[24px\] {
  width: 24px;
  height: 24px;
}
.size-\[250px\] {
  width: 250px;
  height: 250px;
}
.size-\[29px\] {
  width: 29px;
  height: 29px;
}
.size-\[39px\] {
  width: 39px;
  height: 39px;
}
.size-\[50px\] {
  width: 50px;
  height: 50px;
}
.size-\[60px\] {
  width: 60px;
  height: 60px;
}
.size-\[68px\] {
  width: 68px;
  height: 68px;
}
.size-\[80px\] {
  width: 80px;
  height: 80px;
}
.size-\[86px\] {
  width: 86px;
  height: 86px;
}
.size-\[8px\] {
  width: 8px;
  height: 8px;
}
.size-full {
  width: 100%;
  height: 100%;
}
.\!h-12 {
  height: 3rem !important;
}
.\!h-\[232px\] {
  height: 232px !important;
}
.\!h-\[40px\] {
  height: 40px !important;
}
.\!h-\[52px\] {
  height: 52px !important;
}
.\!h-\[58\.8px\] {
  height: 58.8px !important;
}
.\!h-auto {
  height: auto !important;
}
.\!h-full {
  height: 100% !important;
}
.h-0 {
  height: 0px;
}
.h-0\.5 {
  height: 0.125rem;
}
.h-1\.5 {
  height: 0.375rem;
}
.h-10 {
  height: 2.5rem;
}
.h-12 {
  height: 3rem;
}
.h-14 {
  height: 3.5rem;
}
.h-16 {
  height: 4rem;
}
.h-2 {
  height: 0.5rem;
}
.h-2\.5 {
  height: 0.625rem;
}
.h-20 {
  height: 5rem;
}
.h-24 {
  height: 6rem;
}
.h-25 {
  height: 6.25rem;
}
.h-3 {
  height: 0.75rem;
}
.h-3\.5 {
  height: 0.875rem;
}
.h-32 {
  height: 8rem;
}
.h-4 {
  height: 1rem;
}
.h-48 {
  height: 12rem;
}
.h-5 {
  height: 1.25rem;
}
.h-6 {
  height: 1.5rem;
}
.h-64 {
  height: 16rem;
}
.h-7 {
  height: 1.75rem;
}
.h-8 {
  height: 2rem;
}
.h-9 {
  height: 2.25rem;
}
.h-\[100px\] {
  height: 100px;
}
.h-\[108px\] {
  height: 108px;
}
.h-\[111px\] {
  height: 111px;
}
.h-\[116px\] {
  height: 116px;
}
.h-\[11px\] {
  height: 11px;
}
.h-\[120px\] {
  height: 120px;
}
.h-\[124px\] {
  height: 124px;
}
.h-\[130px\] {
  height: 130px;
}
.h-\[132px\] {
  height: 132px;
}
.h-\[140px\] {
  height: 140px;
}
.h-\[145px\] {
  height: 145px;
}
.h-\[147px\] {
  height: 147px;
}
.h-\[148px\] {
  height: 148px;
}
.h-\[14px\] {
  height: 14px;
}
.h-\[150px\] {
  height: 150px;
}
.h-\[15px\] {
  height: 15px;
}
.h-\[162px\] {
  height: 162px;
}
.h-\[164px\] {
  height: 164px;
}
.h-\[188px\] {
  height: 188px;
}
.h-\[18px\] {
  height: 18px;
}
.h-\[19px\] {
  height: 19px;
}
.h-\[1px\] {
  height: 1px;
}
.h-\[200px\] {
  height: 200px;
}
.h-\[208px\] {
  height: 208px;
}
.h-\[20px\] {
  height: 20px;
}
.h-\[218px\] {
  height: 218px;
}
.h-\[221px\] {
  height: 221px;
}
.h-\[224px\] {
  height: 224px;
}
.h-\[230px\] {
  height: 230px;
}
.h-\[232px\] {
  height: 232px;
}
.h-\[240px\] {
  height: 240px;
}
.h-\[24px\] {
  height: 24px;
}
.h-\[250px\] {
  height: 250px;
}
.h-\[254px\] {
  height: 254px;
}
.h-\[270px\] {
  height: 270px;
}
.h-\[272px\] {
  height: 272px;
}
.h-\[283px\] {
  height: 283px;
}
.h-\[28px\] {
  height: 28px;
}
.h-\[2px\] {
  height: 2px;
}
.h-\[310px\] {
  height: 310px;
}
.h-\[312px\] {
  height: 312px;
}
.h-\[320px\] {
  height: 320px;
}
.h-\[322px\] {
  height: 322px;
}
.h-\[32px\] {
  height: 32px;
}
.h-\[34\.5px\] {
  height: 34.5px;
}
.h-\[340px\] {
  height: 340px;
}
.h-\[35px\] {
  height: 35px;
}
.h-\[360px\] {
  height: 360px;
}
.h-\[376px\] {
  height: 376px;
}
.h-\[38px\] {
  height: 38px;
}
.h-\[396px\] {
  height: 396px;
}
.h-\[3px\] {
  height: 3px;
}
.h-\[400px\] {
  height: 400px;
}
.h-\[405px\] {
  height: 405px;
}
.h-\[40px\] {
  height: 40px;
}
.h-\[423\.6px\] {
  height: 423.6px;
}
.h-\[426px\] {
  height: 426px;
}
.h-\[44px\] {
  height: 44px;
}
.h-\[450px\] {
  height: 450px;
}
.h-\[452px\] {
  height: 452px;
}
.h-\[48px\] {
  height: 48px;
}
.h-\[4px\] {
  height: 4px;
}
.h-\[500px\] {
  height: 500px;
}
.h-\[50px\] {
  height: 50px;
}
.h-\[527px\] {
  height: 527px;
}
.h-\[52px\] {
  height: 52px;
}
.h-\[54px\] {
  height: 54px;
}
.h-\[555px\] {
  height: 555px;
}
.h-\[56px\] {
  height: 56px;
}
.h-\[600px\] {
  height: 600px;
}
.h-\[60px\] {
  height: 60px;
}
.h-\[64px\] {
  height: 64px;
}
.h-\[68px\] {
  height: 68px;
}
.h-\[69px\] {
  height: 69px;
}
.h-\[6px\] {
  height: 6px;
}
.h-\[70px\] {
  height: 70px;
}
.h-\[72px\] {
  height: 72px;
}
.h-\[73px\] {
  height: 73px;
}
.h-\[780px\] {
  height: 780px;
}
.h-\[80px\] {
  height: 80px;
}
.h-\[82px\] {
  height: 82px;
}
.h-\[86px\] {
  height: 86px;
}
.h-\[88px\] {
  height: 88px;
}
.h-\[90px\] {
  height: 90px;
}
.h-\[92px\] {
  height: 92px;
}
.h-\[calc\(100\%-48px\)\] {
  height: calc(100% - 48px);
}
.h-\[calc\(100vh-64px\)\] {
  height: calc(100vh - 64px);
}
.h-auto {
  height: auto;
}
.h-dvh {
  height: 100dvh;
}
.h-fit {
  height: -moz-fit-content;
  height: fit-content;
}
.h-full {
  height: 100%;
}
.h-px {
  height: 1px;
}
.h-screen {
  height: 100vh;
}
.max-h-0 {
  max-height: 0px;
}
.max-h-\[1000px\] {
  max-height: 1000px;
}
.max-h-\[100px\] {
  max-height: 100px;
}
.max-h-\[26px\] {
  max-height: 26px;
}
.max-h-\[300px\] {
  max-height: 300px;
}
.max-h-\[320px\] {
  max-height: 320px;
}
.max-h-\[340px\] {
  max-height: 340px;
}
.max-h-\[500px\] {
  max-height: 500px;
}
.max-h-\[700px\] {
  max-height: 700px;
}
.max-h-\[85vh\] {
  max-height: 85vh;
}
.max-h-\[900px\] {
  max-height: 900px;
}
.max-h-\[90vh\] {
  max-height: 90vh;
}
.max-h-\[92vh\] {
  max-height: 92vh;
}
.max-h-full {
  max-height: 100%;
}
.max-h-none {
  max-height: none;
}
.\!min-h-0 {
  min-height: 0px !important;
}
.\!min-h-\[48px\] {
  min-height: 48px !important;
}
.\!min-h-\[72px\] {
  min-height: 72px !important;
}
.\!min-h-\[unset\] {
  min-height: unset !important;
}
.min-h-0 {
  min-height: 0px;
}
.min-h-\[140px\] {
  min-height: 140px;
}
.min-h-\[18px\] {
  min-height: 18px;
}
.min-h-\[1px\] {
  min-height: 1px;
}
.min-h-\[200px\] {
  min-height: 200px;
}
.min-h-\[20px\] {
  min-height: 20px;
}
.min-h-\[24px\] {
  min-height: 24px;
}
.min-h-\[28px\] {
  min-height: 28px;
}
.min-h-\[300px\] {
  min-height: 300px;
}
.min-h-\[36px\] {
  min-height: 36px;
}
.min-h-\[380px\] {
  min-height: 380px;
}
.min-h-\[400px\] {
  min-height: 400px;
}
.min-h-\[40px\] {
  min-height: 40px;
}
.min-h-\[48px\] {
  min-height: 48px;
}
.min-h-\[527px\] {
  min-height: 527px;
}
.min-h-\[52px\] {
  min-height: 52px;
}
.min-h-\[56px\] {
  min-height: 56px;
}
.min-h-\[616px\] {
  min-height: 616px;
}
.min-h-\[671px\] {
  min-height: 671px;
}
.min-h-\[72px\] {
  min-height: 72px;
}
.min-h-\[73px\] {
  min-height: 73px;
}
.min-h-\[76px\] {
  min-height: 76px;
}
.min-h-\[80px\] {
  min-height: 80px;
}
.min-h-\[calc\(100vh-72px\)\] {
  min-height: calc(100vh - 72px);
}
.min-h-dvh {
  min-height: 100dvh;
}
.min-h-screen {
  min-height: 100vh;
}
.\!w-\[263px\] {
  width: 263px !important;
}
.\!w-\[58\.8px\] {
  width: 58.8px !important;
}
.w-1\.5 {
  width: 0.375rem;
}
.w-1\/2 {
  width: 50%;
}
.w-1\/3 {
  width: 33.333333%;
}
.w-10 {
  width: 2.5rem;
}
.w-12 {
  width: 3rem;
}
.w-14 {
  width: 3.5rem;
}
.w-16 {
  width: 4rem;
}
.w-2 {
  width: 0.5rem;
}
.w-2\.5 {
  width: 0.625rem;
}
.w-2\/5 {
  width: 40%;
}
.w-20 {
  width: 5rem;
}
.w-24 {
  width: 6rem;
}
.w-25 {
  width: 6.25rem;
}
.w-28 {
  width: 7rem;
}
.w-3 {
  width: 0.75rem;
}
.w-3\.5 {
  width: 0.875rem;
}
.w-3\/4 {
  width: 75%;
}
.w-32 {
  width: 8rem;
}
.w-4 {
  width: 1rem;
}
.w-4\/5 {
  width: 80%;
}
.w-40 {
  width: 10rem;
}
.w-44 {
  width: 11rem;
}
.w-48 {
  width: 12rem;
}
.w-5 {
  width: 1.25rem;
}
.w-5\/6 {
  width: 83.333333%;
}
.w-6 {
  width: 1.5rem;
}
.w-64 {
  width: 16rem;
}
.w-7 {
  width: 1.75rem;
}
.w-72 {
  width: 18rem;
}
.w-8 {
  width: 2rem;
}
.w-80 {
  width: 20rem;
}
.w-9 {
  width: 2.25rem;
}
.w-96 {
  width: 24rem;
}
.w-\[100\%\] {
  width: 100%;
}
.w-\[100px\] {
  width: 100px;
}
.w-\[104px\] {
  width: 104px;
}
.w-\[108px\] {
  width: 108px;
}
.w-\[111px\] {
  width: 111px;
}
.w-\[113px\] {
  width: 113px;
}
.w-\[114px\] {
  width: 114px;
}
.w-\[120px\] {
  width: 120px;
}
.w-\[124px\] {
  width: 124px;
}
.w-\[130px\] {
  width: 130px;
}
.w-\[132px\] {
  width: 132px;
}
.w-\[133px\] {
  width: 133px;
}
.w-\[135px\] {
  width: 135px;
}
.w-\[139\.394px\] {
  width: 139.394px;
}
.w-\[139px\] {
  width: 139px;
}
.w-\[140px\] {
  width: 140px;
}
.w-\[141px\] {
  width: 141px;
}
.w-\[145px\] {
  width: 145px;
}
.w-\[146px\] {
  width: 146px;
}
.w-\[148px\] {
  width: 148px;
}
.w-\[14px\] {
  width: 14px;
}
.w-\[150px\] {
  width: 150px;
}
.w-\[15px\] {
  width: 15px;
}
.w-\[160px\] {
  width: 160px;
}
.w-\[162px\] {
  width: 162px;
}
.w-\[16px\] {
  width: 16px;
}
.w-\[170px\] {
  width: 170px;
}
.w-\[173px\] {
  width: 173px;
}
.w-\[180px\] {
  width: 180px;
}
.w-\[18px\] {
  width: 18px;
}
.w-\[200px\] {
  width: 200px;
}
.w-\[216px\] {
  width: 216px;
}
.w-\[220px\] {
  width: 220px;
}
.w-\[224px\] {
  width: 224px;
}
.w-\[230px\] {
  width: 230px;
}
.w-\[240px\] {
  width: 240px;
}
.w-\[24px\] {
  width: 24px;
}
.w-\[250px\] {
  width: 250px;
}
.w-\[255px\] {
  width: 255px;
}
.w-\[263px\] {
  width: 263px;
}
.w-\[264px\] {
  width: 264px;
}
.w-\[271px\] {
  width: 271px;
}
.w-\[275px\] {
  width: 275px;
}
.w-\[290px\] {
  width: 290px;
}
.w-\[2px\] {
  width: 2px;
}
.w-\[300px\] {
  width: 300px;
}
.w-\[302px\] {
  width: 302px;
}
.w-\[303px\] {
  width: 303px;
}
.w-\[306px\] {
  width: 306px;
}
.w-\[310px\] {
  width: 310px;
}
.w-\[311px\] {
  width: 311px;
}
.w-\[313\.733px\] {
  width: 313.733px;
}
.w-\[318px\] {
  width: 318px;
}
.w-\[321px\] {
  width: 321px;
}
.w-\[325px\] {
  width: 325px;
}
.w-\[32px\] {
  width: 32px;
}
.w-\[34\.5px\] {
  width: 34.5px;
}
.w-\[340px\] {
  width: 340px;
}
.w-\[343px\] {
  width: 343px;
}
.w-\[346px\] {
  width: 346px;
}
.w-\[350px\] {
  width: 350px;
}
.w-\[358px\] {
  width: 358px;
}
.w-\[362px\] {
  width: 362px;
}
.w-\[367px\] {
  width: 367px;
}
.w-\[395px\] {
  width: 395px;
}
.w-\[4\%\] {
  width: 4%;
}
.w-\[400px\] {
  width: 400px;
}
.w-\[40px\] {
  width: 40px;
}
.w-\[432px\] {
  width: 432px;
}
.w-\[44px\] {
  width: 44px;
}
.w-\[450px\] {
  width: 450px;
}
.w-\[454px\] {
  width: 454px;
}
.w-\[45px\] {
  width: 45px;
}
.w-\[489px\] {
  width: 489px;
}
.w-\[4px\] {
  width: 4px;
}
.w-\[50px\] {
  width: 50px;
}
.w-\[512px\] {
  width: 512px;
}
.w-\[518px\] {
  width: 518px;
}
.w-\[52px\] {
  width: 52px;
}
.w-\[540px\] {
  width: 540px;
}
.w-\[54px\] {
  width: 54px;
}
.w-\[552px\] {
  width: 552px;
}
.w-\[56px\] {
  width: 56px;
}
.w-\[60px\] {
  width: 60px;
}
.w-\[645px\] {
  width: 645px;
}
.w-\[64px\] {
  width: 64px;
}
.w-\[666px\] {
  width: 666px;
}
.w-\[68px\] {
  width: 68px;
}
.w-\[6px\] {
  width: 6px;
}
.w-\[705px\] {
  width: 705px;
}
.w-\[70px\] {
  width: 70px;
}
.w-\[82px\] {
  width: 82px;
}
.w-\[85px\] {
  width: 85px;
}
.w-\[86px\] {
  width: 86px;
}
.w-\[90\%\] {
  width: 90%;
}
.w-\[94px\] {
  width: 94px;
}
.w-\[95\%\] {
  width: 95%;
}
.w-\[96px\] {
  width: 96px;
}
.w-\[calc\(100\%\+48px\)\] {
  width: calc(100% + 48px);
}
.w-\[calc\(100\%-20px\)\] {
  width: calc(100% - 20px);
}
.w-\[calc\(50\%-8px\)\] {
  width: calc(50% - 8px);
}
.w-auto {
  width: auto;
}
.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}
.w-full {
  width: 100%;
}
.w-px {
  width: 1px;
}
.w-screen {
  width: 100vw;
}
.\!min-w-\[170px\] {
  min-width: 170px !important;
}
.\!min-w-\[200px\] {
  min-width: 200px !important;
}
.min-w-0 {
  min-width: 0px;
}
.min-w-20 {
  min-width: 5rem;
}
.min-w-5 {
  min-width: 1.25rem;
}
.min-w-\[116px\] {
  min-width: 116px;
}
.min-w-\[120px\] {
  min-width: 120px;
}
.min-w-\[144px\] {
  min-width: 144px;
}
.min-w-\[150px\] {
  min-width: 150px;
}
.min-w-\[160px\] {
  min-width: 160px;
}
.min-w-\[170px\] {
  min-width: 170px;
}
.min-w-\[1px\] {
  min-width: 1px;
}
.min-w-\[200px\] {
  min-width: 200px;
}
.min-w-\[20px\] {
  min-width: 20px;
}
.min-w-\[240px\] {
  min-width: 240px;
}
.min-w-\[250px\] {
  min-width: 250px;
}
.min-w-\[2ch\] {
  min-width: 2ch;
}
.min-w-\[300px\] {
  min-width: 300px;
}
.min-w-\[318px\] {
  min-width: 318px;
}
.min-w-\[4rem\] {
  min-width: 4rem;
}
.min-w-\[72px\] {
  min-width: 72px;
}
.min-w-\[calc\(50\%-8px\)\] {
  min-width: calc(50% - 8px);
}
.max-w-2xl {
  max-width: 42rem;
}
.max-w-40 {
  max-width: 10rem;
}
.max-w-4xl {
  max-width: 56rem;
}
.max-w-52 {
  max-width: 13rem;
}
.max-w-5xl {
  max-width: 64rem;
}
.max-w-\[1192px\] {
  max-width: 1192px;
}
.max-w-\[1200px\] {
  max-width: 1200px;
}
.max-w-\[1352px\] {
  max-width: 1352px;
}
.max-w-\[1440px\] {
  max-width: 1440px;
}
.max-w-\[144px\] {
  max-width: 144px;
}
.max-w-\[157px\] {
  max-width: 157px;
}
.max-w-\[1600px\] {
  max-width: 1600px;
}
.max-w-\[170px\] {
  max-width: 170px;
}
.max-w-\[1800px\] {
  max-width: 1800px;
}
.max-w-\[180px\] {
  max-width: 180px;
}
.max-w-\[186px\] {
  max-width: 186px;
}
.max-w-\[1920px\] {
  max-width: 1920px;
}
.max-w-\[220px\] {
  max-width: 220px;
}
.max-w-\[242px\] {
  max-width: 242px;
}
.max-w-\[263px\] {
  max-width: 263px;
}
.max-w-\[264px\] {
  max-width: 264px;
}
.max-w-\[268px\] {
  max-width: 268px;
}
.max-w-\[275px\] {
  max-width: 275px;
}
.max-w-\[280px\] {
  max-width: 280px;
}
.max-w-\[290px\] {
  max-width: 290px;
}
.max-w-\[298px\] {
  max-width: 298px;
}
.max-w-\[300px\] {
  max-width: 300px;
}
.max-w-\[301px\] {
  max-width: 301px;
}
.max-w-\[303px\] {
  max-width: 303px;
}
.max-w-\[310px\] {
  max-width: 310px;
}
.max-w-\[318px\] {
  max-width: 318px;
}
.max-w-\[320px\] {
  max-width: 320px;
}
.max-w-\[325px\] {
  max-width: 325px;
}
.max-w-\[342px\] {
  max-width: 342px;
}
.max-w-\[343px\] {
  max-width: 343px;
}
.max-w-\[350px\] {
  max-width: 350px;
}
.max-w-\[358px\] {
  max-width: 358px;
}
.max-w-\[360px\] {
  max-width: 360px;
}
.max-w-\[362px\] {
  max-width: 362px;
}
.max-w-\[375px\] {
  max-width: 375px;
}
.max-w-\[390px\] {
  max-width: 390px;
}
.max-w-\[400px\] {
  max-width: 400px;
}
.max-w-\[420px\] {
  max-width: 420px;
}
.max-w-\[438px\] {
  max-width: 438px;
}
.max-w-\[440px\] {
  max-width: 440px;
}
.max-w-\[450px\] {
  max-width: 450px;
}
.max-w-\[470px\] {
  max-width: 470px;
}
.max-w-\[480px\] {
  max-width: 480px;
}
.max-w-\[496px\] {
  max-width: 496px;
}
.max-w-\[500px\] {
  max-width: 500px;
}
.max-w-\[502px\] {
  max-width: 502px;
}
.max-w-\[511px\] {
  max-width: 511px;
}
.max-w-\[520px\] {
  max-width: 520px;
}
.max-w-\[532px\] {
  max-width: 532px;
}
.max-w-\[550px\] {
  max-width: 550px;
}
.max-w-\[552px\] {
  max-width: 552px;
}
.max-w-\[566px\] {
  max-width: 566px;
}
.max-w-\[568px\] {
  max-width: 568px;
}
.max-w-\[592px\] {
  max-width: 592px;
}
.max-w-\[605px\] {
  max-width: 605px;
}
.max-w-\[620px\] {
  max-width: 620px;
}
.max-w-\[621px\] {
  max-width: 621px;
}
.max-w-\[640px\] {
  max-width: 640px;
}
.max-w-\[65\%\] {
  max-width: 65%;
}
.max-w-\[655px\] {
  max-width: 655px;
}
.max-w-\[660px\] {
  max-width: 660px;
}
.max-w-\[666px\] {
  max-width: 666px;
}
.max-w-\[680px\] {
  max-width: 680px;
}
.max-w-\[684px\] {
  max-width: 684px;
}
.max-w-\[685px\] {
  max-width: 685px;
}
.max-w-\[706px\] {
  max-width: 706px;
}
.max-w-\[720px\] {
  max-width: 720px;
}
.max-w-\[832px\] {
  max-width: 832px;
}
.max-w-\[850px\] {
  max-width: 850px;
}
.max-w-\[864px\] {
  max-width: 864px;
}
.max-w-\[880px\] {
  max-width: 880px;
}
.max-w-\[894px\] {
  max-width: 894px;
}
.max-w-\[900px\] {
  max-width: 900px;
}
.max-w-\[90vw\] {
  max-width: 90vw;
}
.max-w-\[960px\] {
  max-width: 960px;
}
.max-w-\[calc\(100\%-16px\)\] {
  max-width: calc(100% - 16px);
}
.max-w-container-xl {
  max-width: 1800px;
}
.max-w-full {
  max-width: 100%;
}
.max-w-lg {
  max-width: 32rem;
}
.max-w-md {
  max-width: 28rem;
}
.max-w-none {
  max-width: none;
}
.max-w-screen-md {
  max-width: 768px;
}
.max-w-sm {
  max-width: 24rem;
}
.max-w-xl {
  max-width: 36rem;
}
.max-w-xs {
  max-width: 20rem;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-\[1_0_0\] {
  flex: 1 0 0;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.shrink {
  flex-shrink: 1;
}
.shrink-0 {
  flex-shrink: 0;
}
.flex-grow {
  flex-grow: 1;
}
.grow {
  flex-grow: 1;
}
.basis-0 {
  flex-basis: 0px;
}
.basis-6 {
  flex-basis: 1.5rem;
}
.basis-\[35\%\] {
  flex-basis: 35%;
}
.basis-\[65\%\] {
  flex-basis: 65%;
}
.basis-full {
  flex-basis: 100%;
}
.origin-bottom {
  transform-origin: bottom;
}
.origin-center {
  transform-origin: center;
}
.origin-top {
  transform-origin: top;
}
.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-2\/4 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-\[6px\] {
  --tw-translate-x: -6px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-2 {
  --tw-translate-y: -0.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-2\/4 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-\[14px\] {
  --tw-translate-y: -14px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-0 {
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-6 {
  --tw-translate-x: 1.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-0 {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[0\%\] {
  --tw-translate-y: 0%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-full {
  --tw-translate-y: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-45 {
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-90 {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-\[-15deg\] {
  --tw-rotate: -15deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-110 {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-150 {
  --tw-scale-x: 1.5;
  --tw-scale-y: 1.5;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[1\.3\] {
  --tw-scale-x: 1.3;
  --tw-scale-y: 1.3;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[1\.5\] {
  --tw-scale-x: 1.5;
  --tw-scale-y: 1.5;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[1\.8\] {
  --tw-scale-x: 1.8;
  --tw-scale-y: 1.8;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[2\.5\] {
  --tw-scale-x: 2.5;
  --tw-scale-y: 2.5;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[2\] {
  --tw-scale-x: 2;
  --tw-scale-y: 2;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.animate-\[payment-plan-fade-in_240ms_ease-out_both\] {
  animation: payment-plan-fade-in 240ms ease-out both;
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8,0,1,1);
  }
  50% {
    transform: none;
    animation-timing-function: cubic-bezier(0,0,0.2,1);
  }
}
.animate-bounce {
  animation: bounce 1s infinite;
}
@keyframes pulse {
  50% {
    opacity: .5;
  }
}
.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.animate-spin {
  animation: spin 1s linear infinite;
}
.cursor-default {
  cursor: default;
}
.cursor-grab {
  cursor: grab;
}
.cursor-grabbing {
  cursor: grabbing;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-wait {
  cursor: wait;
}
.touch-pan-x {
  --tw-pan-x: pan-x;
  touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom);
}
.select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.resize-none {
  resize: none;
}
.resize {
  resize: both;
}
.snap-x {
  scroll-snap-type: x var(--tw-scroll-snap-strictness);
}
.snap-mandatory {
  --tw-scroll-snap-strictness: mandatory;
}
.snap-start {
  scroll-snap-align: start;
}
.scroll-px-\[40px\] {
  scroll-padding-left: 40px;
  scroll-padding-right: 40px;
}
.list-decimal {
  list-style-type: decimal;
}
.list-none {
  list-style-type: none;
}
.appearance-none {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.items-stretch {
  align-items: stretch;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}
.justify-items-center {
  justify-items: center;
}
.gap-0 {
  gap: 0px;
}
.gap-0\.5 {
  gap: 0.125rem;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-1\.5 {
  gap: 0.375rem;
}
.gap-10 {
  gap: 2.5rem;
}
.gap-12 {
  gap: 3rem;
}
.gap-14 {
  gap: 3.5rem;
}
.gap-16 {
  gap: 4rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-2\.5 {
  gap: 0.625rem;
}
.gap-20 {
  gap: 5rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-3\.5 {
  gap: 0.875rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-5 {
  gap: 1.25rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-7 {
  gap: 1.75rem;
}
.gap-8 {
  gap: 2rem;
}
.gap-9 {
  gap: 2.25rem;
}
.gap-\[100px\] {
  gap: 100px;
}
.gap-\[10px\] {
  gap: 10px;
}
.gap-\[12px\] {
  gap: 12px;
}
.gap-\[14px\] {
  gap: 14px;
}
.gap-\[15px\] {
  gap: 15px;
}
.gap-\[16px\] {
  gap: 16px;
}
.gap-\[1px\] {
  gap: 1px;
}
.gap-\[2\.68px\] {
  gap: 2.68px;
}
.gap-\[20px\] {
  gap: 20px;
}
.gap-\[22px\] {
  gap: 22px;
}
.gap-\[23px\] {
  gap: 23px;
}
.gap-\[24px\] {
  gap: 24px;
}
.gap-\[29px\] {
  gap: 29px;
}
.gap-\[2px\] {
  gap: 2px;
}
.gap-\[3\.5px\] {
  gap: 3.5px;
}
.gap-\[32px\] {
  gap: 32px;
}
.gap-\[34px\] {
  gap: 34px;
}
.gap-\[39\.6px\] {
  gap: 39.6px;
}
.gap-\[3px\] {
  gap: 3px;
}
.gap-\[40px\] {
  gap: 40px;
}
.gap-\[48px\] {
  gap: 48px;
}
.gap-\[4px\] {
  gap: 4px;
}
.gap-\[52px\] {
  gap: 52px;
}
.gap-\[54px\] {
  gap: 54px;
}
.gap-\[56px\] {
  gap: 56px;
}
.gap-\[5px\] {
  gap: 5px;
}
.gap-\[60px\] {
  gap: 60px;
}
.gap-\[62px\] {
  gap: 62px;
}
.gap-\[6px\] {
  gap: 6px;
}
.gap-\[7\.2px\] {
  gap: 7.2px;
}
.gap-\[72px\] {
  gap: 72px;
}
.gap-\[7px\] {
  gap: 7px;
}
.gap-\[8px\] {
  gap: 8px;
}
.gap-\[96px\] {
  gap: 96px;
}
.gap-px {
  gap: 1px;
}
.gap-x-0 {
  -moz-column-gap: 0px;
       column-gap: 0px;
}
.gap-x-4 {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.gap-x-6 {
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}
.gap-x-\[16px\] {
  -moz-column-gap: 16px;
       column-gap: 16px;
}
.gap-x-\[72px\] {
  -moz-column-gap: 72px;
       column-gap: 72px;
}
.gap-y-10 {
  row-gap: 2.5rem;
}
.gap-y-2 {
  row-gap: 0.5rem;
}
.gap-y-8 {
  row-gap: 2rem;
}
.gap-y-\[40px\] {
  row-gap: 40px;
}
.gap-y-\[60px\] {
  row-gap: 60px;
}
.gap-y-\[72px\] {
  row-gap: 72px;
}
.space-x-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-0 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0px * var(--tw-space-y-reverse));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.space-y-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.self-start {
  align-self: flex-start;
}
.self-end {
  align-self: flex-end;
}
.self-center {
  align-self: center;
}
.self-stretch {
  align-self: stretch;
}
.justify-self-center {
  justify-self: center;
}
.\!overflow-hidden {
  overflow: hidden !important;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-clip {
  overflow: clip;
}
.overflow-visible {
  overflow: visible;
}
.overflow-scroll {
  overflow: scroll;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-x-clip {
  overflow-x: clip;
}
.overflow-x-scroll {
  overflow-x: scroll;
}
.overflow-y-scroll {
  overflow-y: scroll;
}
.scroll-smooth {
  scroll-behavior: smooth;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.whitespace-normal {
  white-space: normal;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.text-nowrap {
  text-wrap: nowrap;
}
.break-all {
  word-break: break-all;
}
.\!rounded {
  border-radius: 0.25rem !important;
}
.\!rounded-lg {
  border-radius: 0.5rem !important;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-18 {
  border-radius: 18px;
}
.rounded-20 {
  border-radius: 20px;
}
.rounded-24 {
  border-radius: 24px;
}
.rounded-28 {
  border-radius: 28px;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-3xl {
  border-radius: 1.5rem;
}
.rounded-\[100px\] {
  border-radius: 100px;
}
.rounded-\[12px\] {
  border-radius: 12px;
}
.rounded-\[14px\] {
  border-radius: 14px;
}
.rounded-\[16px\] {
  border-radius: 16px;
}
.rounded-\[20px\] {
  border-radius: 20px;
}
.rounded-\[24px\] {
  border-radius: 24px;
}
.rounded-\[27px\] {
  border-radius: 27px;
}
.rounded-\[28px\] {
  border-radius: 28px;
}
.rounded-\[30px\] {
  border-radius: 30px;
}
.rounded-\[42px\] {
  border-radius: 42px;
}
.rounded-\[4px\] {
  border-radius: 4px;
}
.rounded-\[50px\] {
  border-radius: 50px;
}
.rounded-\[5px\] {
  border-radius: 5px;
}
.rounded-\[66px\] {
  border-radius: 66px;
}
.rounded-\[6px\] {
  border-radius: 6px;
}
.rounded-\[8px\] {
  border-radius: 8px;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-none {
  border-radius: 0px;
}
.rounded-sm {
  border-radius: 0.125rem;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.rounded-b {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.rounded-b-2xl {
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
.rounded-b-3xl {
  border-bottom-right-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
}
.rounded-b-\[27px\] {
  border-bottom-right-radius: 27px;
  border-bottom-left-radius: 27px;
}
.rounded-b-md {
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}
.rounded-r-full {
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}
.rounded-t {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.rounded-t-20 {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.rounded-t-24 {
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
}
.rounded-t-2xl {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
.rounded-t-3xl {
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
}
.rounded-t-\[20px\] {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.rounded-t-\[27px\] {
  border-top-left-radius: 27px;
  border-top-right-radius: 27px;
}
.rounded-t-lg {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.rounded-t-xl {
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}
.rounded-bl-2xl {
  border-bottom-left-radius: 1rem;
}
.rounded-bl-lg {
  border-bottom-left-radius: 0.5rem;
}
.rounded-br-2xl {
  border-bottom-right-radius: 1rem;
}
.rounded-br-\[3px\] {
  border-bottom-right-radius: 3px;
}
.rounded-br-lg {
  border-bottom-right-radius: 0.5rem;
}
.rounded-tl-lg {
  border-top-left-radius: 0.5rem;
}
.rounded-tr-2xl {
  border-top-right-radius: 1rem;
}
.rounded-tr-\[3px\] {
  border-top-right-radius: 3px;
}
.rounded-tr-lg {
  border-top-right-radius: 0.5rem;
}
.\!border {
  border-width: 1px !important;
}
.border {
  border-width: 1px;
}
.border-0 {
  border-width: 0px;
}
.border-2 {
  border-width: 2px;
}
.border-\[1\.4px\] {
  border-width: 1.4px;
}
.border-\[1\.5px\] {
  border-width: 1.5px;
}
.border-\[2px\] {
  border-width: 2px;
}
.border-\[5px\] {
  border-width: 5px;
}
.border-x {
  border-left-width: 1px;
  border-right-width: 1px;
}
.border-y {
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-b-\[1\.4px\] {
  border-bottom-width: 1.4px;
}
.border-t {
  border-top-width: 1px;
}
.border-t-0 {
  border-top-width: 0px;
}
.border-t-\[1px\] {
  border-top-width: 1px;
}
.border-t-\[2px\] {
  border-top-width: 2px;
}
.\!border-solid {
  border-style: solid !important;
}
.border-solid {
  border-style: solid;
}
.border-dashed {
  border-style: dashed;
}
.border-none {
  border-style: none;
}
.\!border-charcoal-400 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(122 122 127 / var(--tw-border-opacity)) !important;
}
.border-\[\#1A1A1A\] {
  --tw-border-opacity: 1;
  border-color: rgb(26 26 26 / var(--tw-border-opacity));
}
.border-\[\#1a1a1a\] {
  --tw-border-opacity: 1;
  border-color: rgb(26 26 26 / var(--tw-border-opacity));
}
.border-\[\#1d1d1d\] {
  --tw-border-opacity: 1;
  border-color: rgb(29 29 29 / var(--tw-border-opacity));
}
.border-\[\#252525\] {
  --tw-border-opacity: 1;
  border-color: rgb(37 37 37 / var(--tw-border-opacity));
}
.border-\[\#252525\]\/15 {
  border-color: rgb(37 37 37 / 0.15);
}
.border-\[\#252525\]\/20 {
  border-color: rgb(37 37 37 / 0.2);
}
.border-\[\#252525\]\/\[0\.07\] {
  border-color: rgb(37 37 37 / 0.07);
}
.border-\[\#4D4D4D\] {
  --tw-border-opacity: 1;
  border-color: rgb(77 77 77 / var(--tw-border-opacity));
}
.border-\[\#7A4B3E\] {
  --tw-border-opacity: 1;
  border-color: rgb(122 75 62 / var(--tw-border-opacity));
}
.border-\[\#CCCCCC\] {
  --tw-border-opacity: 1;
  border-color: rgb(204 204 204 / var(--tw-border-opacity));
}
.border-\[\#D7D7DA\] {
  --tw-border-opacity: 1;
  border-color: rgb(215 215 218 / var(--tw-border-opacity));
}
.border-\[\#D97706\]\/40 {
  border-color: rgb(217 119 6 / 0.4);
}
.border-\[\#DEDEDE\] {
  --tw-border-opacity: 1;
  border-color: rgb(222 222 222 / var(--tw-border-opacity));
}
.border-\[\#DFDFDF\] {
  --tw-border-opacity: 1;
  border-color: rgb(223 223 223 / var(--tw-border-opacity));
}
.border-\[\#E0E0E0\] {
  --tw-border-opacity: 1;
  border-color: rgb(224 224 224 / var(--tw-border-opacity));
}
.border-\[\#E5E5E5\] {
  --tw-border-opacity: 1;
  border-color: rgb(229 229 229 / var(--tw-border-opacity));
}
.border-\[\#F4F1E8\] {
  --tw-border-opacity: 1;
  border-color: rgb(244 241 232 / var(--tw-border-opacity));
}
.border-\[\#F53C32\] {
  --tw-border-opacity: 1;
  border-color: rgb(245 60 50 / var(--tw-border-opacity));
}
.border-\[\#F59E0B\]\/15 {
  border-color: rgb(245 158 11 / 0.15);
}
.border-\[\#F59E0B\]\/30 {
  border-color: rgb(245 158 11 / 0.3);
}
.border-\[\#F5E6B8\] {
  --tw-border-opacity: 1;
  border-color: rgb(245 230 184 / var(--tw-border-opacity));
}
.border-\[\#F6E4D4\] {
  --tw-border-opacity: 1;
  border-color: rgb(246 228 212 / var(--tw-border-opacity));
}
.border-\[\#F6E4D4\]\/30 {
  border-color: rgb(246 228 212 / 0.3);
}
.border-\[\#ccc\] {
  --tw-border-opacity: 1;
  border-color: rgb(204 204 204 / var(--tw-border-opacity));
}
.border-\[\#d51c27\] {
  --tw-border-opacity: 1;
  border-color: rgb(213 28 39 / var(--tw-border-opacity));
}
.border-\[\#d7d7da\] {
  --tw-border-opacity: 1;
  border-color: rgb(215 215 218 / var(--tw-border-opacity));
}
.border-\[\#dfdfdf\] {
  --tw-border-opacity: 1;
  border-color: rgb(223 223 223 / var(--tw-border-opacity));
}
.border-\[\#ececec\] {
  --tw-border-opacity: 1;
  border-color: rgb(236 236 236 / var(--tw-border-opacity));
}
.border-\[\#eed7c1\] {
  --tw-border-opacity: 1;
  border-color: rgb(238 215 193 / var(--tw-border-opacity));
}
.border-\[rgba\(37\2c 37\2c 37\2c 0\.06\)\] {
  border-color: rgba(37,37,37,0.06);
}
.border-\[rgba\(37\2c 37\2c 37\2c 0\.15\)\] {
  border-color: rgba(37,37,37,0.15);
}
.border-\[rgba\(37\2c 37\2c 37\2c 0\.2\)\] {
  border-color: rgba(37,37,37,0.2);
}
.border-\[rgba\(37\2c 37\2c 37\2c 0\.25\)\] {
  border-color: rgba(37,37,37,0.25);
}
.border-\[rgba\(37\2c 37\2c 37\2c 0\.5\)\] {
  border-color: rgba(37,37,37,0.5);
}
.border-black {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.border-charcoal-100 {
  --tw-border-opacity: 1;
  border-color: rgb(236 236 238 / var(--tw-border-opacity));
}
.border-charcoal-200 {
  --tw-border-opacity: 1;
  border-color: rgb(215 215 218 / var(--tw-border-opacity));
}
.border-charcoal-300 {
  --tw-border-opacity: 1;
  border-color: rgb(184 184 188 / var(--tw-border-opacity));
}
.border-charcoal-400 {
  --tw-border-opacity: 1;
  border-color: rgb(122 122 127 / var(--tw-border-opacity));
}
.border-charcoal-500 {
  --tw-border-opacity: 1;
  border-color: rgb(79 79 82 / var(--tw-border-opacity));
}
.border-charcoal-600 {
  --tw-border-opacity: 1;
  border-color: rgb(37 37 37 / var(--tw-border-opacity));
}
.border-charcoal-600\/10 {
  border-color: rgb(37 37 37 / 0.1);
}
.border-charcoal-600\/25 {
  border-color: rgb(37 37 37 / 0.25);
}
.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.border-gray-900 {
  --tw-border-opacity: 1;
  border-color: rgb(17 24 39 / var(--tw-border-opacity));
}
.border-green-400 {
  --tw-border-opacity: 1;
  border-color: rgb(74 222 128 / var(--tw-border-opacity));
}
.border-neutral-50 {
  --tw-border-opacity: 1;
  border-color: rgb(228 200 173 / var(--tw-border-opacity));
}
.border-red-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity));
}
.border-red-300 {
  --tw-border-opacity: 1;
  border-color: rgb(252 165 165 / var(--tw-border-opacity));
}
.border-red-400 {
  --tw-border-opacity: 1;
  border-color: rgb(248 113 113 / var(--tw-border-opacity));
}
.border-trade-black {
  --tw-border-opacity: 1;
  border-color: rgb(37 37 37 / var(--tw-border-opacity));
}
.border-trade-maroon {
  --tw-border-opacity: 1;
  border-color: rgb(83 12 24 / var(--tw-border-opacity));
}
.border-trade-red {
  --tw-border-opacity: 1;
  border-color: rgb(244 80 72 / var(--tw-border-opacity));
}
.border-transparent {
  border-color: transparent;
}
.border-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.border-white\/20 {
  border-color: rgb(255 255 255 / 0.2);
}
.border-zinc-900 {
  --tw-border-opacity: 1;
  border-color: rgb(24 24 27 / var(--tw-border-opacity));
}
.border-t-black {
  --tw-border-opacity: 1;
  border-top-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.border-t-transparent {
  border-top-color: transparent;
}
.border-t-zinc-100 {
  --tw-border-opacity: 1;
  border-top-color: rgb(244 244 245 / var(--tw-border-opacity));
}
.\!bg-white {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}
.bg-\[\#1A1A1A\] {
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 26 / var(--tw-bg-opacity));
}
.bg-\[\#1a1a1a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 26 / var(--tw-bg-opacity));
}
.bg-\[\#252525\] {
  --tw-bg-opacity: 1;
  background-color: rgb(37 37 37 / var(--tw-bg-opacity));
}
.bg-\[\#252525\]\/15 {
  background-color: rgb(37 37 37 / 0.15);
}
.bg-\[\#252525\]\/20 {
  background-color: rgb(37 37 37 / 0.2);
}
.bg-\[\#252525\]\/30 {
  background-color: rgb(37 37 37 / 0.3);
}
.bg-\[\#252525\]\/5 {
  background-color: rgb(37 37 37 / 0.05);
}
.bg-\[\#252525\]\/50 {
  background-color: rgb(37 37 37 / 0.5);
}
.bg-\[\#252525\]\/\[0\.04\] {
  background-color: rgb(37 37 37 / 0.04);
}
.bg-\[\#252525\]\/\[0\.06\] {
  background-color: rgb(37 37 37 / 0.06);
}
.bg-\[\#446BB0\] {
  --tw-bg-opacity: 1;
  background-color: rgb(68 107 176 / var(--tw-bg-opacity));
}
.bg-\[\#530C18\] {
  --tw-bg-opacity: 1;
  background-color: rgb(83 12 24 / var(--tw-bg-opacity));
}
.bg-\[\#7A4B3E\] {
  --tw-bg-opacity: 1;
  background-color: rgb(122 75 62 / var(--tw-bg-opacity));
}
.bg-\[\#7a3f47\] {
  --tw-bg-opacity: 1;
  background-color: rgb(122 63 71 / var(--tw-bg-opacity));
}
.bg-\[\#999999\] {
  --tw-bg-opacity: 1;
  background-color: rgb(153 153 153 / var(--tw-bg-opacity));
}
.bg-\[\#9C3912\] {
  --tw-bg-opacity: 1;
  background-color: rgb(156 57 18 / var(--tw-bg-opacity));
}
.bg-\[\#D5E7EF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(213 231 239 / var(--tw-bg-opacity));
}
.bg-\[\#E4C8AD\] {
  --tw-bg-opacity: 1;
  background-color: rgb(228 200 173 / var(--tw-bg-opacity));
}
.bg-\[\#E5E5E5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(229 229 229 / var(--tw-bg-opacity));
}
.bg-\[\#E7E7E7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(231 231 231 / var(--tw-bg-opacity));
}
.bg-\[\#E8F4FD\] {
  --tw-bg-opacity: 1;
  background-color: rgb(232 244 253 / var(--tw-bg-opacity));
}
.bg-\[\#EBEBEB\] {
  --tw-bg-opacity: 1;
  background-color: rgb(235 235 235 / var(--tw-bg-opacity));
}
.bg-\[\#EBFF88\] {
  --tw-bg-opacity: 1;
  background-color: rgb(235 255 136 / var(--tw-bg-opacity));
}
.bg-\[\#EFF2F6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(239 242 246 / var(--tw-bg-opacity));
}
.bg-\[\#F0F0F0\] {
  --tw-bg-opacity: 1;
  background-color: rgb(240 240 240 / var(--tw-bg-opacity));
}
.bg-\[\#F4EEE6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(244 238 230 / var(--tw-bg-opacity));
}
.bg-\[\#F53C32\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 60 50 / var(--tw-bg-opacity));
}
.bg-\[\#F5F0EB\]\/50 {
  background-color: rgb(245 240 235 / 0.5);
}
.bg-\[\#F5F4EF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 244 239 / var(--tw-bg-opacity));
}
.bg-\[\#F5F5F5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}
.bg-\[\#F6E4D4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(246 228 212 / var(--tw-bg-opacity));
}
.bg-\[\#F6E4D4\]\/40 {
  background-color: rgb(246 228 212 / 0.4);
}
.bg-\[\#F7F7F8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 248 / var(--tw-bg-opacity));
}
.bg-\[\#F9F9F9\] {
  --tw-bg-opacity: 1;
  background-color: rgb(249 249 249 / var(--tw-bg-opacity));
}
.bg-\[\#FAF8F5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 248 245 / var(--tw-bg-opacity));
}
.bg-\[\#FAFAF8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 248 / var(--tw-bg-opacity));
}
.bg-\[\#FDF9F4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(253 249 244 / var(--tw-bg-opacity));
}
.bg-\[\#FE3533\] {
  --tw-bg-opacity: 1;
  background-color: rgb(254 53 51 / var(--tw-bg-opacity));
}
.bg-\[\#FEF3C7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity));
}
.bg-\[\#FF5D39\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 93 57 / var(--tw-bg-opacity));
}
.bg-\[\#FFD6AC\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 214 172 / var(--tw-bg-opacity));
}
.bg-\[\#FFF8F0\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 240 / var(--tw-bg-opacity));
}
.bg-\[\#FFF9DB\]\/60 {
  background-color: rgb(255 249 219 / 0.6);
}
.bg-\[\#FFFBEB\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity));
}
.bg-\[\#FFFFFF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-\[\#c4949a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(196 148 154 / var(--tw-bg-opacity));
}
.bg-\[\#d51c27\] {
  --tw-bg-opacity: 1;
  background-color: rgb(213 28 39 / var(--tw-bg-opacity));
}
.bg-\[\#dc2626\] {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
}
.bg-\[\#e4c8ad\] {
  --tw-bg-opacity: 1;
  background-color: rgb(228 200 173 / var(--tw-bg-opacity));
}
.bg-\[\#e5e7eb\] {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.bg-\[\#e5e7ff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 255 / var(--tw-bg-opacity));
}
.bg-\[\#ebff88\] {
  --tw-bg-opacity: 1;
  background-color: rgb(235 255 136 / var(--tw-bg-opacity));
}
.bg-\[\#ececee\] {
  --tw-bg-opacity: 1;
  background-color: rgb(236 236 238 / var(--tw-bg-opacity));
}
.bg-\[\#eed7c1\] {
  --tw-bg-opacity: 1;
  background-color: rgb(238 215 193 / var(--tw-bg-opacity));
}
.bg-\[\#eff2f6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(239 242 246 / var(--tw-bg-opacity));
}
.bg-\[\#f0f0f0\] {
  --tw-bg-opacity: 1;
  background-color: rgb(240 240 240 / var(--tw-bg-opacity));
}
.bg-\[\#f2e1cf\] {
  --tw-bg-opacity: 1;
  background-color: rgb(242 225 207 / var(--tw-bg-opacity));
}
.bg-\[\#f2f2f2\] {
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 242 / var(--tw-bg-opacity));
}
.bg-\[\#f53c32\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 60 50 / var(--tw-bg-opacity));
}
.bg-\[\#f5f5f5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}
.bg-\[\#f6e4d4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(246 228 212 / var(--tw-bg-opacity));
}
.bg-\[\#f7f7f8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 248 / var(--tw-bg-opacity));
}
.bg-\[\#fafafa\] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}
.bg-\[\#fbefe3\] {
  --tw-bg-opacity: 1;
  background-color: rgb(251 239 227 / var(--tw-bg-opacity));
}
.bg-\[\#fff9f1\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 249 241 / var(--tw-bg-opacity));
}
.bg-\[rgba\(28\2c 124\2c 84\2c 0\.15\)\] {
  background-color: rgba(28,124,84,0.15);
}
.bg-\[rgba\(28\2c 124\2c 84\2c 0\.25\)\] {
  background-color: rgba(28,124,84,0.25);
}
.bg-\[rgba\(37\2c 37\2c 37\2c 0\.1\)\] {
  background-color: rgba(37,37,37,0.1);
}
.bg-\[rgba\(37\2c 37\2c 37\2c 0\.5\)\] {
  background-color: rgba(37,37,37,0.5);
}
.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-black\/40 {
  background-color: rgb(0 0 0 / 0.4);
}
.bg-black\/80 {
  background-color: rgb(0 0 0 / 0.8);
}
.bg-blurple-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 255 / var(--tw-bg-opacity));
}
.bg-charcoal-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 236 238 / var(--tw-bg-opacity));
}
.bg-charcoal-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(215 215 218 / var(--tw-bg-opacity));
}
.bg-charcoal-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(122 122 127 / var(--tw-bg-opacity));
}
.bg-charcoal-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 248 / var(--tw-bg-opacity));
}
.bg-charcoal-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(79 79 82 / var(--tw-bg-opacity));
}
.bg-charcoal-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(37 37 37 / var(--tw-bg-opacity));
}
.bg-charcoal-600\/25 {
  background-color: rgb(37 37 37 / 0.25);
}
.bg-gray-10 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}
.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.bg-gray-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}
.bg-gray-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
}
.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.bg-gray-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity));
}
.bg-gray-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
.bg-gray-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}
.bg-green-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity));
}
.bg-green-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}
.bg-green-500\/90 {
  background-color: rgb(34 197 94 / 0.9);
}
.bg-green-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(21 128 61 / var(--tw-bg-opacity));
}
.bg-highlighter-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(235 255 136 / var(--tw-bg-opacity));
}
.bg-ice-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(197 232 252 / var(--tw-bg-opacity));
}
.bg-inherit {
  background-color: inherit;
}
.bg-neutral {
  --tw-bg-opacity: 1;
  background-color: rgb(246 246 246 / var(--tw-bg-opacity));
}
.bg-neutral-10 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 249 241 / var(--tw-bg-opacity));
}
.bg-neutral-30 {
  --tw-bg-opacity: 1;
  background-color: rgb(246 228 212 / var(--tw-bg-opacity));
}
.bg-neutral-40 {
  --tw-bg-opacity: 1;
  background-color: rgb(238 215 193 / var(--tw-bg-opacity));
}
.bg-neutral-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(228 200 173 / var(--tw-bg-opacity));
}
.bg-orange-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 215 170 / var(--tw-bg-opacity));
}
.bg-red-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity));
}
.bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}
.bg-red-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
}
.bg-roast {
  --tw-bg-opacity: 1;
  background-color: rgb(156 57 18 / var(--tw-bg-opacity));
}
.bg-roast\/20 {
  background-color: rgb(156 57 18 / 0.2);
}
.bg-roast\/40 {
  background-color: rgb(156 57 18 / 0.4);
}
.bg-roast\/60 {
  background-color: rgb(156 57 18 / 0.6);
}
.bg-roast\/80 {
  background-color: rgb(156 57 18 / 0.8);
}
.bg-stone-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 244 / var(--tw-bg-opacity));
}
.bg-stone-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 249 / var(--tw-bg-opacity));
}
.bg-surface-warm {
  --tw-bg-opacity: 1;
  background-color: rgb(249 246 246 / var(--tw-bg-opacity));
}
.bg-surface-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-tertiary {
  --tw-bg-opacity: 1;
  background-color: rgb(213 231 239 / var(--tw-bg-opacity));
}
.bg-trade-black {
  --tw-bg-opacity: 1;
  background-color: rgb(37 37 37 / var(--tw-bg-opacity));
}
.bg-trade-highlighter-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(235 255 136 / var(--tw-bg-opacity));
}
.bg-trade-maroon {
  --tw-bg-opacity: 1;
  background-color: rgb(83 12 24 / var(--tw-bg-opacity));
}
.bg-trade-red {
  --tw-bg-opacity: 1;
  background-color: rgb(244 80 72 / var(--tw-bg-opacity));
}
.bg-transparent {
  background-color: transparent;
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-white\/80 {
  background-color: rgb(255 255 255 / 0.8);
}
.bg-zinc-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 245 / var(--tw-bg-opacity));
}
.bg-zinc-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(24 24 27 / var(--tw-bg-opacity));
}
.bg-opacity-50 {
  --tw-bg-opacity: 0.5;
}
.bg-opacity-80 {
  --tw-bg-opacity: 0.8;
}
.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.from-\[\#530c18\] {
  --tw-gradient-from: #530c18 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(83 12 24 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#D5E7EF\] {
  --tw-gradient-from: #D5E7EF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(213 231 239 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#F8F8F6\] {
  --tw-gradient-from: #F8F8F6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(248 248 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#FFF8F0\] {
  --tw-gradient-from: #FFF8F0 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 248 240 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-100 {
  --tw-gradient-from: #fef3c7 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(254 243 199 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-transparent {
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-yellow-400 {
  --tw-gradient-from: #facc15 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(250 204 21 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.via-\[\#8B4A56\] {
  --tw-gradient-to: rgb(139 74 86 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #8B4A56 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.to-\[\#F5F4ED\] {
  --tw-gradient-to: #F5F4ED var(--tw-gradient-to-position);
}
.to-\[\#e4c8ad\] {
  --tw-gradient-to: #e4c8ad var(--tw-gradient-to-position);
}
.to-\[rgba\(119\2c 47\2c 19\2c 0\.3\)\] {
  --tw-gradient-to: rgba(119,47,19,0.3) var(--tw-gradient-to-position);
}
.to-amber-50 {
  --tw-gradient-to: #fffbeb var(--tw-gradient-to-position);
}
.to-orange-400 {
  --tw-gradient-to: #fb923c var(--tw-gradient-to-position);
}
.to-white {
  --tw-gradient-to: #FFFFFF var(--tw-gradient-to-position);
}
.fill-\[\#FF5D39\] {
  fill: #FF5D39;
}
.fill-current {
  fill: currentColor;
}
.fill-green-700 {
  fill: #15803d;
}
.fill-zinc-900 {
  fill: #18181b;
}
.stroke-\[\#FFA9A5\] {
  stroke: #FFA9A5;
}
.stroke-zinc-900 {
  stroke: #18181b;
}
.stroke-\[1px\] {
  stroke-width: 1px;
}
.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}
.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
.object-bottom {
  -o-object-position: bottom;
     object-position: bottom;
}
.object-center {
  -o-object-position: center;
     object-position: center;
}
.object-top {
  -o-object-position: top;
     object-position: top;
}
.\!p-0 {
  padding: 0px !important;
}
.p-0 {
  padding: 0px;
}
.p-1 {
  padding: 0.25rem;
}
.p-10 {
  padding: 2.5rem;
}
.p-12 {
  padding: 3rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-8 {
  padding: 2rem;
}
.p-\[14px_12px_16px_14px\] {
  padding: 14px 12px 16px 14px;
}
.p-\[15px\] {
  padding: 15px;
}
.p-\[16px\] {
  padding: 16px;
}
.p-\[18px_18px_36px_18px\] {
  padding: 18px 18px 36px 18px;
}
.p-\[20px\] {
  padding: 20px;
}
.p-\[20px_24px_20px_12px\] {
  padding: 20px 24px 20px 12px;
}
.p-\[40px_30px_52px\] {
  padding: 40px 30px 52px;
}
.p-\[5px\] {
  padding: 5px;
}
.p-\[8px\] {
  padding: 8px;
}
.\!px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.\!px-5 {
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}
.\!px-\[11px\] {
  padding-left: 11px !important;
  padding-right: 11px !important;
}
.\!px-\[24px\] {
  padding-left: 24px !important;
  padding-right: 24px !important;
}
.\!py-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}
.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.px-0\.5 {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-1\.5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.px-11 {
  padding-left: 2.75rem;
  padding-right: 2.75rem;
}
.px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}
.px-16 {
  padding-left: 4rem;
  padding-right: 4rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-20 {
  padding-left: 5rem;
  padding-right: 5rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-3\.5 {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.px-32 {
  padding-left: 8rem;
  padding-right: 8rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-\[0\.15em\] {
  padding-left: 0.15em;
  padding-right: 0.15em;
}
.px-\[10px\] {
  padding-left: 10px;
  padding-right: 10px;
}
.px-\[11px\] {
  padding-left: 11px;
  padding-right: 11px;
}
.px-\[12px\] {
  padding-left: 12px;
  padding-right: 12px;
}
.px-\[14px\] {
  padding-left: 14px;
  padding-right: 14px;
}
.px-\[15px\] {
  padding-left: 15px;
  padding-right: 15px;
}
.px-\[16px\] {
  padding-left: 16px;
  padding-right: 16px;
}
.px-\[20px\] {
  padding-left: 20px;
  padding-right: 20px;
}
.px-\[23px\] {
  padding-left: 23px;
  padding-right: 23px;
}
.px-\[24px\] {
  padding-left: 24px;
  padding-right: 24px;
}
.px-\[28px\] {
  padding-left: 28px;
  padding-right: 28px;
}
.px-\[32px\] {
  padding-left: 32px;
  padding-right: 32px;
}
.px-\[3px\] {
  padding-left: 3px;
  padding-right: 3px;
}
.px-\[40px\] {
  padding-left: 40px;
  padding-right: 40px;
}
.px-\[44px\] {
  padding-left: 44px;
  padding-right: 44px;
}
.px-\[48px\] {
  padding-left: 48px;
  padding-right: 48px;
}
.px-\[4px\] {
  padding-left: 4px;
  padding-right: 4px;
}
.px-\[50px\] {
  padding-left: 50px;
  padding-right: 50px;
}
.px-\[52px\] {
  padding-left: 52px;
  padding-right: 52px;
}
.px-\[5px\] {
  padding-left: 5px;
  padding-right: 5px;
}
.px-\[6px\] {
  padding-left: 6px;
  padding-right: 6px;
}
.px-\[74px\] {
  padding-left: 74px;
  padding-right: 74px;
}
.px-\[8px\] {
  padding-left: 8px;
  padding-right: 8px;
}
.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-14 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}
.py-15 {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
}
.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-3\.5 {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-56 {
  padding-top: 14rem;
  padding-bottom: 14rem;
}
.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-9 {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}
.py-\[10px\] {
  padding-top: 10px;
  padding-bottom: 10px;
}
.py-\[14px\] {
  padding-top: 14px;
  padding-bottom: 14px;
}
.py-\[15px\] {
  padding-top: 15px;
  padding-bottom: 15px;
}
.py-\[18px\] {
  padding-top: 18px;
  padding-bottom: 18px;
}
.py-\[19px\] {
  padding-top: 19px;
  padding-bottom: 19px;
}
.py-\[28px\] {
  padding-top: 28px;
  padding-bottom: 28px;
}
.py-\[30px\] {
  padding-top: 30px;
  padding-bottom: 30px;
}
.py-\[3px\] {
  padding-top: 3px;
  padding-bottom: 3px;
}
.py-\[40px\] {
  padding-top: 40px;
  padding-bottom: 40px;
}
.py-\[48px\] {
  padding-top: 48px;
  padding-bottom: 48px;
}
.py-\[4px\] {
  padding-top: 4px;
  padding-bottom: 4px;
}
.py-\[50px\] {
  padding-top: 50px;
  padding-bottom: 50px;
}
.py-\[60px\] {
  padding-top: 60px;
  padding-bottom: 60px;
}
.py-\[7px\] {
  padding-top: 7px;
  padding-bottom: 7px;
}
.py-\[8px\] {
  padding-top: 8px;
  padding-bottom: 8px;
}
.\!pb-\[16\.5px\] {
  padding-bottom: 16.5px !important;
}
.\!pb-\[28px\] {
  padding-bottom: 28px !important;
}
.\!pb-\[37\.5px\] {
  padding-bottom: 37.5px !important;
}
.\!pb-\[7px\] {
  padding-bottom: 7px !important;
}
.\!pl-\[15px\] {
  padding-left: 15px !important;
}
.\!pr-\[15px\] {
  padding-right: 15px !important;
}
.\!pt-\[15\.5px\] {
  padding-top: 15.5px !important;
}
.\!pt-\[25px\] {
  padding-top: 25px !important;
}
.pb-0 {
  padding-bottom: 0px;
}
.pb-0\.5 {
  padding-bottom: 0.125rem;
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.pb-10 {
  padding-bottom: 2.5rem;
}
.pb-12 {
  padding-bottom: 3rem;
}
.pb-14 {
  padding-bottom: 3.5rem;
}
.pb-16 {
  padding-bottom: 4rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pb-20 {
  padding-bottom: 5rem;
}
.pb-24 {
  padding-bottom: 6rem;
}
.pb-25 {
  padding-bottom: 6.25rem;
}
.pb-3 {
  padding-bottom: 0.75rem;
}
.pb-3\.5 {
  padding-bottom: 0.875rem;
}
.pb-30 {
  padding-bottom: 7.5rem;
}
.pb-32 {
  padding-bottom: 8rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-40 {
  padding-bottom: 10rem;
}
.pb-5 {
  padding-bottom: 1.25rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pb-7 {
  padding-bottom: 1.75rem;
}
.pb-8 {
  padding-bottom: 2rem;
}
.pb-\[1\.016px\] {
  padding-bottom: 1.016px;
}
.pb-\[100px\] {
  padding-bottom: 100px;
}
.pb-\[104px\] {
  padding-bottom: 104px;
}
.pb-\[12px\] {
  padding-bottom: 12px;
}
.pb-\[15px\] {
  padding-bottom: 15px;
}
.pb-\[16px\] {
  padding-bottom: 16px;
}
.pb-\[23px\] {
  padding-bottom: 23px;
}
.pb-\[24px\] {
  padding-bottom: 24px;
}
.pb-\[2px\] {
  padding-bottom: 2px;
}
.pb-\[30px\] {
  padding-bottom: 30px;
}
.pb-\[35px\] {
  padding-bottom: 35px;
}
.pb-\[40px\] {
  padding-bottom: 40px;
}
.pb-\[48px\] {
  padding-bottom: 48px;
}
.pb-\[4px\] {
  padding-bottom: 4px;
}
.pb-\[5px\] {
  padding-bottom: 5px;
}
.pb-\[60px\] {
  padding-bottom: 60px;
}
.pb-\[65px\] {
  padding-bottom: 65px;
}
.pl-0 {
  padding-left: 0px;
}
.pl-1 {
  padding-left: 0.25rem;
}
.pl-2 {
  padding-left: 0.5rem;
}
.pl-3 {
  padding-left: 0.75rem;
}
.pl-4 {
  padding-left: 1rem;
}
.pl-6 {
  padding-left: 1.5rem;
}
.pl-\[20px\] {
  padding-left: 20px;
}
.pl-\[4px\] {
  padding-left: 4px;
}
.pl-\[52px\] {
  padding-left: 52px;
}
.pr-0 {
  padding-right: 0px;
}
.pr-10 {
  padding-right: 2.5rem;
}
.pr-12 {
  padding-right: 3rem;
}
.pr-2 {
  padding-right: 0.5rem;
}
.pr-4 {
  padding-right: 1rem;
}
.pr-5 {
  padding-right: 1.25rem;
}
.pr-6 {
  padding-right: 1.5rem;
}
.pr-8 {
  padding-right: 2rem;
}
.pr-\[10px\] {
  padding-right: 10px;
}
.pt-0 {
  padding-top: 0px;
}
.pt-10 {
  padding-top: 2.5rem;
}
.pt-12 {
  padding-top: 3rem;
}
.pt-16 {
  padding-top: 4rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-2\.5 {
  padding-top: 0.625rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pt-5 {
  padding-top: 1.25rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.pt-7 {
  padding-top: 1.75rem;
}
.pt-8 {
  padding-top: 2rem;
}
.pt-9 {
  padding-top: 2.25rem;
}
.pt-\[14px\] {
  padding-top: 14px;
}
.pt-\[16px\] {
  padding-top: 16px;
}
.pt-\[20px\] {
  padding-top: 20px;
}
.pt-\[24px\] {
  padding-top: 24px;
}
.pt-\[32px\] {
  padding-top: 32px;
}
.pt-\[35px\] {
  padding-top: 35px;
}
.pt-\[40px\] {
  padding-top: 40px;
}
.pt-\[52px\] {
  padding-top: 52px;
}
.pt-\[65px\] {
  padding-top: 65px;
}
.pt-\[6px\] {
  padding-top: 6px;
}
.pt-\[72px\] {
  padding-top: 72px;
}
.pt-\[8px\] {
  padding-top: 8px;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.align-baseline {
  vertical-align: baseline;
}
.align-top {
  vertical-align: top;
}
.align-middle {
  vertical-align: middle;
}
.font-\[\'Inter\'\] {
  font-family: 'Inter';
}
.font-mono {
  font-family: Geist Mono, monospace;
}
.font-sans {
  font-family: Inter, Helvetica, sans-serif;
}
.font-serif {
  font-family: GT Alpina, serif;
}
.font-serif-alt {
  font-family: GT Alpina, serif;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-5xl {
  font-size: 3rem;
  line-height: 1;
}
.text-6xl {
  font-size: 3.75rem;
  line-height: 1;
}
.text-\[0\.5rem\] {
  font-size: 0.5rem;
}
.text-\[10\.4px\] {
  font-size: 10.4px;
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[11px\] {
  font-size: 11px;
}
.text-\[12px\] {
  font-size: 12px;
}
.text-\[13px\] {
  font-size: 13px;
}
.text-\[14px\] {
  font-size: 14px;
}
.text-\[15px\] {
  font-size: 15px;
}
.text-\[16px\] {
  font-size: 16px;
}
.text-\[17px\] {
  font-size: 17px;
}
.text-\[18px\] {
  font-size: 18px;
}
.text-\[20px\] {
  font-size: 20px;
}
.text-\[21px\] {
  font-size: 21px;
}
.text-\[22px\] {
  font-size: 22px;
}
.text-\[24px\] {
  font-size: 24px;
}
.text-\[28px\] {
  font-size: 28px;
}
.text-\[30px\] {
  font-size: 30px;
}
.text-\[31px\] {
  font-size: 31px;
}
.text-\[32px\] {
  font-size: 32px;
}
.text-\[36px\] {
  font-size: 36px;
}
.text-\[40px\] {
  font-size: 40px;
}
.text-\[60px\] {
  font-size: 60px;
}
.text-\[8px\] {
  font-size: 8px;
}
.text-\[9px\] {
  font-size: 9px;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-body-12 {
  font-size: 12px;
  line-height: 1.6;
  letter-spacing: normal;
  font-weight: 400;
}
.text-body-14 {
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: -0.02px;
  font-weight: 400;
}
.text-body-16 {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: normal;
  font-weight: 400;
}
.text-body-18 {
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: 0.12px;
  font-weight: 400;
}
.text-body-20 {
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0.16px;
  font-weight: 400;
}
.text-body-24 {
  font-size: 24px;
  line-height: 1.5;
  letter-spacing: 0.42px;
  font-weight: 400;
}
.text-body-font-2-bold {
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0px;
  font-weight: 700;
}
.text-body-font-4-bold {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0px;
  font-weight: 700;
}
.text-display-28 {
  font-size: 28px;
  line-height: 1;
  letter-spacing: -0.84px;
  font-weight: 500;
}
.text-display-36 {
  font-size: 36px;
  line-height: 1;
  letter-spacing: -1.08px;
  font-weight: 500;
}
.text-display-40 {
  font-size: 40px;
  line-height: 1;
  letter-spacing: -1.2px;
  font-weight: 500;
}
.text-display-48 {
  font-size: 48px;
  line-height: 1;
  letter-spacing: -1.44px;
  font-weight: 500;
}
.text-display-52 {
  font-size: 52px;
  line-height: 1;
  letter-spacing: -1.56px;
  font-weight: 500;
}
.text-display-60 {
  font-size: 60px;
  line-height: 1;
  letter-spacing: -1.8px;
  font-weight: 500;
}
.text-display-68 {
  font-size: 68px;
  line-height: 0.98;
  letter-spacing: -2.04px;
  font-weight: 500;
}
.text-display-72 {
  font-size: 72px;
  line-height: 0.98;
  letter-spacing: -2.16px;
  font-weight: 500;
}
.text-eyebrow-lg {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 2.56px;
  font-weight: 500;
}
.text-eyebrow-md {
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 2.52px;
  font-weight: 500;
}
.text-eyebrow-sm {
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 2.4px;
  font-weight: 500;
}
.text-eyebrow-xs {
  font-size: 11px;
  line-height: 1.5;
  letter-spacing: 0.66px;
  font-weight: 500;
}
.text-headline-18 {
  font-size: 18px;
  line-height: 1.12;
  letter-spacing: -0.54px;
  font-weight: 700;
}
.text-headline-20 {
  font-size: 20px;
  line-height: 1.12;
  letter-spacing: -0.5px;
  font-weight: 700;
}
.text-headline-24 {
  font-size: 24px;
  line-height: 1.1;
  letter-spacing: -0.42px;
  font-weight: 700;
}
.text-headline-28 {
  font-size: 28px;
  line-height: 1.1;
  letter-spacing: -0.284px;
  font-weight: 700;
}
.text-headline-32 {
  font-size: 32px;
  line-height: 1.1;
  letter-spacing: -0.2px;
  font-weight: 700;
}
.text-headline-36 {
  font-size: 36px;
  line-height: 1.1;
  letter-spacing: -0.18px;
  font-weight: 700;
}
.text-headline-44 {
  font-size: 44px;
  line-height: 1.1;
  letter-spacing: -0.2px;
  font-weight: 700;
}
.text-label-font-2 {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0px;
  font-weight: 400;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.\!font-bold {
  font-weight: 700 !important;
}
.\!font-medium {
  font-weight: 500 !important;
}
.\!font-semibold {
  font-weight: 600 !important;
}
.font-\[700\] {
  font-weight: 700;
}
.font-bold {
  font-weight: 700;
}
.font-light {
  font-weight: 300;
}
.font-medium {
  font-weight: 500;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.capitalize {
  text-transform: capitalize;
}
.italic {
  font-style: italic;
}
.not-italic {
  font-style: normal;
}
.tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.\!leading-\[1\.2\] {
  line-height: 1.2 !important;
}
.\!leading-\[1\.5\] {
  line-height: 1.5 !important;
}
.\!leading-\[24px\] {
  line-height: 24px !important;
}
.\!leading-normal {
  line-height: 1.5 !important;
}
.leading-10 {
  line-height: 2.5rem;
}
.leading-4 {
  line-height: 1rem;
}
.leading-5 {
  line-height: 1.25rem;
}
.leading-6 {
  line-height: 1.5rem;
}
.leading-8 {
  line-height: 2rem;
}
.leading-9 {
  line-height: 2.25rem;
}
.leading-\[1\.05\] {
  line-height: 1.05;
}
.leading-\[1\.12\] {
  line-height: 1.12;
}
.leading-\[1\.1\] {
  line-height: 1.1;
}
.leading-\[1\.2\] {
  line-height: 1.2;
}
.leading-\[1\.3\] {
  line-height: 1.3;
}
.leading-\[1\.4\] {
  line-height: 1.4;
}
.leading-\[1\.55\] {
  line-height: 1.55;
}
.leading-\[1\.5\] {
  line-height: 1.5;
}
.leading-\[1\.65\] {
  line-height: 1.65;
}
.leading-\[1\.6\] {
  line-height: 1.6;
}
.leading-\[120\%\] {
  line-height: 120%;
}
.leading-\[140\%\] {
  line-height: 140%;
}
.leading-\[14px\] {
  line-height: 14px;
}
.leading-\[150\%\] {
  line-height: 150%;
}
.leading-\[16px\] {
  line-height: 16px;
}
.leading-\[18px\] {
  line-height: 18px;
}
.leading-\[19\.2px\] {
  line-height: 19.2px;
}
.leading-\[19px\] {
  line-height: 19px;
}
.leading-\[20px\] {
  line-height: 20px;
}
.leading-\[22px\] {
  line-height: 22px;
}
.leading-\[24px\] {
  line-height: 24px;
}
.leading-\[27\.938px\] {
  line-height: 27.938px;
}
.leading-\[30px\] {
  line-height: 30px;
}
.leading-\[34px\] {
  line-height: 34px;
}
.leading-\[38px\] {
  line-height: 38px;
}
.leading-\[48px\] {
  line-height: 48px;
}
.leading-\[50px\] {
  line-height: 50px;
}
.leading-\[54px\] {
  line-height: 54px;
}
.leading-none {
  line-height: 1;
}
.leading-normal {
  line-height: 1.5;
}
.leading-relaxed {
  line-height: 1.625;
}
.leading-snug {
  line-height: 1.375;
}
.leading-tight {
  line-height: 1.25;
}
.tracking-\[-0\.02em\] {
  letter-spacing: -0.02em;
}
.tracking-\[-0\.03em\] {
  letter-spacing: -0.03em;
}
.tracking-\[-0\.16px\] {
  letter-spacing: -0.16px;
}
.tracking-\[-0\.24px\] {
  letter-spacing: -0.24px;
}
.tracking-\[-0\.2px\] {
  letter-spacing: -0.2px;
}
.tracking-\[-0\.32px\] {
  letter-spacing: -0.32px;
}
.tracking-\[-0\.36px\] {
  letter-spacing: -0.36px;
}
.tracking-\[-0\.3px\] {
  letter-spacing: -0.3px;
}
.tracking-\[-0\.42px\] {
  letter-spacing: -0.42px;
}
.tracking-\[-0\.48px\] {
  letter-spacing: -0.48px;
}
.tracking-\[-0\.4px\] {
  letter-spacing: -0.4px;
}
.tracking-\[-0\.54px\] {
  letter-spacing: -0.54px;
}
.tracking-\[-0\.56px\] {
  letter-spacing: -0.56px;
}
.tracking-\[-0\.5px\] {
  letter-spacing: -0.5px;
}
.tracking-\[-0\.63px\] {
  letter-spacing: -0.63px;
}
.tracking-\[-0\.64px\] {
  letter-spacing: -0.64px;
}
.tracking-\[-0\.66px\] {
  letter-spacing: -0.66px;
}
.tracking-\[-0\.6px\] {
  letter-spacing: -0.6px;
}
.tracking-\[-0\.72px\] {
  letter-spacing: -0.72px;
}
.tracking-\[-0\.84px\] {
  letter-spacing: -0.84px;
}
.tracking-\[-0\.88px\] {
  letter-spacing: -0.88px;
}
.tracking-\[-0\.93px\] {
  letter-spacing: -0.93px;
}
.tracking-\[-0\.96px\] {
  letter-spacing: -0.96px;
}
.tracking-\[-0\.9px\] {
  letter-spacing: -0.9px;
}
.tracking-\[-1\.08px\] {
  letter-spacing: -1.08px;
}
.tracking-\[-1\.2px\] {
  letter-spacing: -1.2px;
}
.tracking-\[-1\.8px\] {
  letter-spacing: -1.8px;
}
.tracking-\[-1px\] {
  letter-spacing: -1px;
}
.tracking-\[0\.02em\] {
  letter-spacing: 0.02em;
}
.tracking-\[0\.06em\] {
  letter-spacing: 0.06em;
}
.tracking-\[0\.08em\] {
  letter-spacing: 0.08em;
}
.tracking-\[0\.12em\] {
  letter-spacing: 0.12em;
}
.tracking-\[0\.15em\] {
  letter-spacing: 0.15em;
}
.tracking-\[0\.18em\] {
  letter-spacing: 0.18em;
}
.tracking-\[0\.1px\] {
  letter-spacing: 0.1px;
}
.tracking-\[0\.2em\] {
  letter-spacing: 0.2em;
}
.tracking-\[0\.2px\] {
  letter-spacing: 0.2px;
}
.tracking-\[0\.5px\] {
  letter-spacing: 0.5px;
}
.tracking-\[0\.624px\] {
  letter-spacing: 0.624px;
}
.tracking-\[0\.66px\] {
  letter-spacing: 0.66px;
}
.tracking-\[0\.6px\] {
  letter-spacing: 0.6px;
}
.tracking-\[1\.5px\] {
  letter-spacing: 1.5px;
}
.tracking-\[2\.4px\] {
  letter-spacing: 2.4px;
}
.tracking-\[2\.52px\] {
  letter-spacing: 2.52px;
}
.tracking-tight {
  letter-spacing: -0.025em;
}
.tracking-tighter {
  letter-spacing: -0.05em;
}
.tracking-wide {
  letter-spacing: 0.025em;
}
.tracking-wider {
  letter-spacing: 0.05em;
}
.tracking-widest {
  letter-spacing: 0.1em;
}
.text-\[\#1A1A1A\] {
  --tw-text-opacity: 1;
  color: rgb(26 26 26 / var(--tw-text-opacity));
}
.text-\[\#1C7C54\] {
  --tw-text-opacity: 1;
  color: rgb(28 124 84 / var(--tw-text-opacity));
}
.text-\[\#1D1D1D\] {
  --tw-text-opacity: 1;
  color: rgb(29 29 29 / var(--tw-text-opacity));
}
.text-\[\#1a1a1a\] {
  --tw-text-opacity: 1;
  color: rgb(26 26 26 / var(--tw-text-opacity));
}
.text-\[\#252525\] {
  --tw-text-opacity: 1;
  color: rgb(37 37 37 / var(--tw-text-opacity));
}
.text-\[\#252525\]\/35 {
  color: rgb(37 37 37 / 0.35);
}
.text-\[\#252525\]\/40 {
  color: rgb(37 37 37 / 0.4);
}
.text-\[\#252525\]\/45 {
  color: rgb(37 37 37 / 0.45);
}
.text-\[\#252525\]\/50 {
  color: rgb(37 37 37 / 0.5);
}
.text-\[\#252525\]\/55 {
  color: rgb(37 37 37 / 0.55);
}
.text-\[\#252525\]\/60 {
  color: rgb(37 37 37 / 0.6);
}
.text-\[\#252525\]\/65 {
  color: rgb(37 37 37 / 0.65);
}
.text-\[\#252525\]\/70 {
  color: rgb(37 37 37 / 0.7);
}
.text-\[\#252525\]\/80 {
  color: rgb(37 37 37 / 0.8);
}
.text-\[\#284374\] {
  --tw-text-opacity: 1;
  color: rgb(40 67 116 / var(--tw-text-opacity));
}
.text-\[\#444\] {
  --tw-text-opacity: 1;
  color: rgb(68 68 68 / var(--tw-text-opacity));
}
.text-\[\#446BB0\] {
  --tw-text-opacity: 1;
  color: rgb(68 107 176 / var(--tw-text-opacity));
}
.text-\[\#454f5b\] {
  --tw-text-opacity: 1;
  color: rgb(69 79 91 / var(--tw-text-opacity));
}
.text-\[\#4D4D4D\] {
  --tw-text-opacity: 1;
  color: rgb(77 77 77 / var(--tw-text-opacity));
}
.text-\[\#4d4d4d\] {
  --tw-text-opacity: 1;
  color: rgb(77 77 77 / var(--tw-text-opacity));
}
.text-\[\#4f4f52\] {
  --tw-text-opacity: 1;
  color: rgb(79 79 82 / var(--tw-text-opacity));
}
.text-\[\#530C1899\] {
  color: #530C1899;
}
.text-\[\#530C18\] {
  --tw-text-opacity: 1;
  color: rgb(83 12 24 / var(--tw-text-opacity));
}
.text-\[\#530c18\] {
  --tw-text-opacity: 1;
  color: rgb(83 12 24 / var(--tw-text-opacity));
}
.text-\[\#555\] {
  --tw-text-opacity: 1;
  color: rgb(85 85 85 / var(--tw-text-opacity));
}
.text-\[\#5a5a5a\] {
  --tw-text-opacity: 1;
  color: rgb(90 90 90 / var(--tw-text-opacity));
}
.text-\[\#666\] {
  --tw-text-opacity: 1;
  color: rgb(102 102 102 / var(--tw-text-opacity));
}
.text-\[\#757575\] {
  --tw-text-opacity: 1;
  color: rgb(117 117 117 / var(--tw-text-opacity));
}
.text-\[\#7A7A7F\] {
  --tw-text-opacity: 1;
  color: rgb(122 122 127 / var(--tw-text-opacity));
}
.text-\[\#7a7a7f\] {
  --tw-text-opacity: 1;
  color: rgb(122 122 127 / var(--tw-text-opacity));
}
.text-\[\#8B7355\] {
  --tw-text-opacity: 1;
  color: rgb(139 115 85 / var(--tw-text-opacity));
}
.text-\[\#92400E\] {
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / var(--tw-text-opacity));
}
.text-\[\#92700C\] {
  --tw-text-opacity: 1;
  color: rgb(146 112 12 / var(--tw-text-opacity));
}
.text-\[\#999999\] {
  --tw-text-opacity: 1;
  color: rgb(153 153 153 / var(--tw-text-opacity));
}
.text-\[\#999\] {
  --tw-text-opacity: 1;
  color: rgb(153 153 153 / var(--tw-text-opacity));
}
.text-\[\#ADADAD\] {
  --tw-text-opacity: 1;
  color: rgb(173 173 173 / var(--tw-text-opacity));
}
.text-\[\#B3B3B3\] {
  --tw-text-opacity: 1;
  color: rgb(179 179 179 / var(--tw-text-opacity));
}
.text-\[\#BBBBBB\] {
  --tw-text-opacity: 1;
  color: rgb(187 187 187 / var(--tw-text-opacity));
}
.text-\[\#CA8A04\] {
  --tw-text-opacity: 1;
  color: rgb(202 138 4 / var(--tw-text-opacity));
}
.text-\[\#D61C27\] {
  --tw-text-opacity: 1;
  color: rgb(214 28 39 / var(--tw-text-opacity));
}
.text-\[\#F53C32\] {
  --tw-text-opacity: 1;
  color: rgb(245 60 50 / var(--tw-text-opacity));
}
.text-\[\#b8b8bc\] {
  --tw-text-opacity: 1;
  color: rgb(184 184 188 / var(--tw-text-opacity));
}
.text-\[\#bfbfbf\] {
  --tw-text-opacity: 1;
  color: rgb(191 191 191 / var(--tw-text-opacity));
}
.text-\[\#d32f2f\] {
  --tw-text-opacity: 1;
  color: rgb(211 47 47 / var(--tw-text-opacity));
}
.text-\[\#d51c27\] {
  --tw-text-opacity: 1;
  color: rgb(213 28 39 / var(--tw-text-opacity));
}
.text-\[\#ececec\] {
  --tw-text-opacity: 1;
  color: rgb(236 236 236 / var(--tw-text-opacity));
}
.text-\[\#f45048\] {
  --tw-text-opacity: 1;
  color: rgb(244 80 72 / var(--tw-text-opacity));
}
.text-\[\#f53c32\] {
  --tw-text-opacity: 1;
  color: rgb(245 60 50 / var(--tw-text-opacity));
}
.text-\[rgb\(83\2c 12\2c 24\)\] {
  --tw-text-opacity: 1;
  color: rgb(83 12 24 / var(--tw-text-opacity));
}
.text-\[rgba\(83\2c 12\2c 24\2c 0\.2\)\] {
  color: rgba(83,12,24,0.2);
}
.text-\[rgba\(83\2c 12\2c 24\2c 0\.6\)\] {
  color: rgba(83,12,24,0.6);
}
.text-\[rgba\(83\2c 12\2c 24\2c 0\.65\)\] {
  color: rgba(83,12,24,0.65);
}
.text-\[rgba\(83\2c 12\2c 24\2c 0\.66\)\] {
  color: rgba(83,12,24,0.66);
}
.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-charcoal-100 {
  --tw-text-opacity: 1;
  color: rgb(236 236 238 / var(--tw-text-opacity));
}
.text-charcoal-300 {
  --tw-text-opacity: 1;
  color: rgb(184 184 188 / var(--tw-text-opacity));
}
.text-charcoal-400 {
  --tw-text-opacity: 1;
  color: rgb(122 122 127 / var(--tw-text-opacity));
}
.text-charcoal-500 {
  --tw-text-opacity: 1;
  color: rgb(79 79 82 / var(--tw-text-opacity));
}
.text-charcoal-600 {
  --tw-text-opacity: 1;
  color: rgb(37 37 37 / var(--tw-text-opacity));
}
.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}
.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}
.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}
.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}
.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}
.text-green-600 {
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity));
}
.text-green-800 {
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity));
}
.text-inherit {
  color: inherit;
}
.text-orange-600 {
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity));
}
.text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}
.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}
.text-red-800 {
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity));
}
.text-roast {
  --tw-text-opacity: 1;
  color: rgb(156 57 18 / var(--tw-text-opacity));
}
.text-surface-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-trade-black {
  --tw-text-opacity: 1;
  color: rgb(37 37 37 / var(--tw-text-opacity));
}
.text-trade-maroon {
  --tw-text-opacity: 1;
  color: rgb(83 12 24 / var(--tw-text-opacity));
}
.text-trade-red {
  --tw-text-opacity: 1;
  color: rgb(244 80 72 / var(--tw-text-opacity));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-zinc-900 {
  --tw-text-opacity: 1;
  color: rgb(24 24 27 / var(--tw-text-opacity));
}
.underline {
  text-decoration-line: underline;
}
.line-through {
  text-decoration-line: line-through;
}
.no-underline {
  text-decoration-line: none;
}
.decoration-solid {
  text-decoration-style: solid;
}
.decoration-1 {
  text-decoration-thickness: 1px;
}
.decoration-2 {
  text-decoration-thickness: 2px;
}
.decoration-\[1\.5px\] {
  text-decoration-thickness: 1.5px;
}
.decoration-auto {
  text-decoration-thickness: auto;
}
.underline-offset-1 {
  text-underline-offset: 1px;
}
.underline-offset-2 {
  text-underline-offset: 2px;
}
.underline-offset-auto {
  text-underline-offset: auto;
}
.accent-\[\#252525\] {
  accent-color: #252525;
}
.opacity-0 {
  opacity: 0;
}
.opacity-100 {
  opacity: 1;
}
.opacity-25 {
  opacity: 0.25;
}
.opacity-30 {
  opacity: 0.3;
}
.opacity-40 {
  opacity: 0.4;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-60 {
  opacity: 0.6;
}
.opacity-70 {
  opacity: 0.7;
}
.opacity-75 {
  opacity: 0.75;
}
.opacity-80 {
  opacity: 0.8;
}
.opacity-\[0\.66\] {
  opacity: 0.66;
}
.mix-blend-multiply {
  mix-blend-mode: multiply;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_-8px_40px_rgba\(0\2c 0\2c 0\2c 0\.12\)\] {
  --tw-shadow: 0 -8px 40px rgba(0,0,0,0.12);
  --tw-shadow-colored: 0 -8px 40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_2px_24px_rgba\(0\2c 0\2c 0\2c 0\.06\)\] {
  --tw-shadow: 0 2px 24px rgba(0,0,0,0.06);
  --tw-shadow-colored: 0 2px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_4px_20px_rgba\(83\2c 12\2c 24\2c 0\.08\)\] {
  --tw-shadow: 0 4px 20px rgba(83,12,24,0.08);
  --tw-shadow-colored: 0 4px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_4px_6px_-1px_rgba\(0\2c 0\2c 0\2c 0\.1\)\2c 0_2px_4px_-1px_rgba\(0\2c 0\2c 0\2c 0\.06\)\2c 0_10px_15px_-3px_rgba\(0\2c 0\2c 0\2c 0\.1\)\] {
  --tw-shadow: 0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06),0 10px 15px -3px rgba(0,0,0,0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color), 0 10px 15px -3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_-8px_31\.5px_0px_rgba\(0\2c 0\2c 0\2c 0\.1\)\] {
  --tw-shadow: 0px -8px 31.5px 0px rgba(0,0,0,0.1);
  --tw-shadow-colored: 0px -8px 31.5px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_-8px_31\.5px_0px_rgba\(83\2c 12\2c 24\2c 0\.15\)\] {
  --tw-shadow: 0px -8px 31.5px 0px rgba(83,12,24,0.15);
  --tw-shadow-colored: 0px -8px 31.5px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_0px_15px_0px_rgba\(83\2c 12\2c 24\2c 0\.3\)\] {
  --tw-shadow: 0px 0px 15px 0px rgba(83,12,24,0.3);
  --tw-shadow-colored: 0px 0px 15px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_0px_8px_0px_rgba\(83\2c 12\2c 24\2c 0\.2\)\] {
  --tw-shadow: 0px 0px 8px 0px rgba(83,12,24,0.2);
  --tw-shadow-colored: 0px 0px 8px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_100px_80px_0px_rgba\(0\2c 0\2c 0\2c 0\.07\)\2c 0px_64\.815px_46\.852px_0px_rgba\(0\2c 0\2c 0\2c 0\.05\)\2c 0px_38\.519px_25\.481px_0px_rgba\(0\2c 0\2c 0\2c 0\.04\)\2c 0px_20px_13px_0px_rgba\(0\2c 0\2c 0\2c 0\.04\)\2c 0px_8\.148px_6\.519px_0px_rgba\(0\2c 0\2c 0\2c 0\.03\)\2c 0px_1\.852px_3\.148px_0px_rgba\(0\2c 0\2c 0\2c 0\.02\)\] {
  --tw-shadow: 0px 100px 80px 0px rgba(0,0,0,0.07),0px 64.815px 46.852px 0px rgba(0,0,0,0.05),0px 38.519px 25.481px 0px rgba(0,0,0,0.04),0px 20px 13px 0px rgba(0,0,0,0.04),0px 8.148px 6.519px 0px rgba(0,0,0,0.03),0px 1.852px 3.148px 0px rgba(0,0,0,0.02);
  --tw-shadow-colored: 0px 100px 80px 0px var(--tw-shadow-color), 0px 64.815px 46.852px 0px var(--tw-shadow-color), 0px 38.519px 25.481px 0px var(--tw-shadow-color), 0px 20px 13px 0px var(--tw-shadow-color), 0px 8.148px 6.519px 0px var(--tw-shadow-color), 0px 1.852px 3.148px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_20px_40px_0px_rgba\(37\2c 37\2c 37\2c 0\.1\)\] {
  --tw-shadow: 0px 20px 40px 0px rgba(37,37,37,0.1);
  --tw-shadow-colored: 0px 20px 40px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_2px_12px_0px_rgba\(0\2c 0\2c 0\2c 0\.08\)\] {
  --tw-shadow: 0px 2px 12px 0px rgba(0,0,0,0.08);
  --tw-shadow-colored: 0px 2px 12px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_40px_76px_0px_rgba\(37\2c 37\2c 37\2c 0\.1\)\] {
  --tw-shadow: 0px 40px 76px 0px rgba(37,37,37,0.1);
  --tw-shadow-colored: 0px 40px 76px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_4px_20px_0px_rgba\(139\2c 69\2c 19\2c 0\.15\)\] {
  --tw-shadow: 0px 4px 20px 0px rgba(139,69,19,0.15);
  --tw-shadow-colored: 0px 4px 20px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_52px_100px_0px_rgba\(37\2c 37\2c 37\2c 0\.15\)\] {
  --tw-shadow: 0px 52px 100px 0px rgba(37,37,37,0.15);
  --tw-shadow-colored: 0px 52px 100px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_-1px_0_0_\#D7D7DA\] {
  --tw-shadow: inset 0 -1px 0 0 #D7D7DA;
  --tw-shadow-colored: inset 0 -1px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_0_0_1px_\#252525\] {
  --tw-shadow: inset 0 0 0 1px #252525;
  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_1px_0_0_\#D7D7DA\] {
  --tw-shadow: inset 0 1px 0 0 #D7D7DA;
  --tw-shadow-colored: inset 0 1px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline {
  outline-style: solid;
}
.outline-1 {
  outline-width: 1px;
}
.outline-2 {
  outline-width: 2px;
}
.outline-\[\.5px\] {
  outline-width: .5px;
}
.outline-\[1\.40px\] {
  outline-width: 1.40px;
}
.outline-offset-\[-0\.50px\] {
  outline-offset: -0.50px;
}
.outline-\[\#252525\] {
  outline-color: #252525;
}
.outline-\[\#DFDFDF\] {
  outline-color: #DFDFDF;
}
.outline-charcoal-600 {
  outline-color: #252525;
}
.outline-gray-200 {
  outline-color: #e5e7eb;
}
.outline-white {
  outline-color: #FFFFFF;
}
.outline-zinc-900 {
  outline-color: #18181b;
}
.ring {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-1 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-\[\#252525\] {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(37 37 37 / var(--tw-ring-opacity));
}
.ring-charcoal-600 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(37 37 37 / var(--tw-ring-opacity));
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-lg {
  --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-md {
  --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-sm {
  --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[border-color\] {
  transition-property: border-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[max-height\2c opacity\] {
  transition-property: max-height,opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[padding\] {
  transition-property: padding;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[width\] {
  transition-property: width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-none {
  transition-property: none;
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-shadow {
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-100 {
  transition-duration: 100ms;
}
.duration-150 {
  transition-duration: 150ms;
}
.duration-200 {
  transition-duration: 200ms;
}
.duration-300 {
  transition-duration: 300ms;
}
.duration-500 {
  transition-duration: 500ms;
}
.duration-700 {
  transition-duration: 700ms;
}
.duration-\[400ms\] {
  transition-duration: 400ms;
}
.ease-\[cubic-bezier\(0\.4\2c 0\2c 0\.2\2c 1\)\] {
  transition-timing-function: cubic-bezier(0.4,0,0.2,1);
}
.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-linear {
  transition-timing-function: linear;
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.\[--image-fit\:cover\] {
  --image-fit: cover;
}
.\[--image-position\:center\] {
  --image-position: center;
}
.\[-ms-overflow-style\:none\] {
  -ms-overflow-style: none;
}
.\[grid-template-columns\:repeat\(3\2c 190px\)\] {
  grid-template-columns: repeat(3,190px);
}
.\[scrollbar-width\:none\] {
  scrollbar-width: none;
}
.\[transition\:opacity_ease-in_0\.1s\2c _visibility_ease-out_0\.1s\] {
  transition: opacity ease-in 0.1s, visibility ease-out 0.1s;
}
@media (max-width: 479px) {
  .accountmain vue-my-matches {
    display: none;
  }
}

.account__information {
  margin-top: 16px;
}

.account__links {
  margin: 0;
  list-style: none;
  border-radius: 4px;
  padding: 0;
}

.account__linksItem a,
.account__linksItem button {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  text-decoration: none;
  color: #1a1a1a;
  display: block;
  padding: 16px;
  border-bottom: 1px solid #dfdfdf;
  position: relative;
  background: #fff;
}
.account__linksItem button {
  width: 100%;
  text-align: left;
}
.account__linksItem svg {
  position: absolute;
  right: 18px;
  top: 17px;
}
.account__linksItem:last-child a {
  border: none;
}

svg,
img {
  display: inline;
}

.placeholder\:text-\[\#B8B8BC\]::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(184 184 188 / var(--tw-text-opacity));
}

.placeholder\:text-\[\#B8B8BC\]::placeholder {
  --tw-text-opacity: 1;
  color: rgb(184 184 188 / var(--tw-text-opacity));
}

.placeholder\:text-charcoal-400::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(122 122 127 / var(--tw-text-opacity));
}

.placeholder\:text-charcoal-400::placeholder {
  --tw-text-opacity: 1;
  color: rgb(122 122 127 / var(--tw-text-opacity));
}

.placeholder\:text-transparent::-moz-placeholder {
  color: transparent;
}

.placeholder\:text-transparent::placeholder {
  color: transparent;
}

.after\:absolute::after {
  content: var(--tw-content);
  position: absolute;
}

.after\:left-0::after {
  content: var(--tw-content);
  left: 0px;
}

.after\:top-\[115\%\]::after {
  content: var(--tw-content);
  top: 115%;
}

.after\:border-l-\[9px\]::after {
  content: var(--tw-content);
  border-left-width: 9px;
}

.after\:border-r-\[9px\]::after {
  content: var(--tw-content);
  border-right-width: 9px;
}

.after\:border-t-\[10px\]::after {
  content: var(--tw-content);
  border-top-width: 10px;
}

.after\:border-solid::after {
  content: var(--tw-content);
  border-style: solid;
}

.after\:border-l-transparent::after {
  content: var(--tw-content);
  border-left-color: transparent;
}

.after\:border-r-transparent::after {
  content: var(--tw-content);
  border-right-color: transparent;
}

.after\:border-t-\[\#1a1a1a\]::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-top-color: rgb(26 26 26 / var(--tw-border-opacity));
}

.after\:content-\[\'\'\]::after {
  --tw-content: '';
  content: var(--tw-content);
}

.first\:rounded-t-\[15px\]:first-child {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.first\:rounded-t-\[16px\]:first-child {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

.last\:mb-0:last-child {
  margin-bottom: 0px;
}

.last\:rounded-b-\[15px\]:last-child {
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}

.last\:rounded-b-\[16px\]:last-child {
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
}

.last\:border-b-0:last-child {
  border-bottom-width: 0px;
}

.first-of-type\:rounded-t-md:first-of-type {
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}

.last-of-type\:rounded-b-md:last-of-type {
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

.visited\:text-charcoal-600:visited {
  color: rgb(37 37 37 );
}

.visited\:text-white:visited {
  color: rgb(255 255 255 );
}

.checked\:border-trade-red:checked {
  --tw-border-opacity: 1;
  border-color: rgb(244 80 72 / var(--tw-border-opacity));
}

.checked\:bg-charcoal-600:checked {
  --tw-bg-opacity: 1;
  background-color: rgb(37 37 37 / var(--tw-bg-opacity));
}

.checked\:after\:absolute:checked::after {
  content: var(--tw-content);
  position: absolute;
}

.checked\:after\:inset-0:checked::after {
  content: var(--tw-content);
  inset: 0px;
}

.checked\:after\:left-1\/2:checked::after {
  content: var(--tw-content);
  left: 50%;
}

.checked\:after\:top-1\/2:checked::after {
  content: var(--tw-content);
  top: 50%;
}

.checked\:after\:h-\[12\.5px\]:checked::after {
  content: var(--tw-content);
  height: 12.5px;
}

.checked\:after\:w-\[12\.5px\]:checked::after {
  content: var(--tw-content);
  width: 12.5px;
}

.checked\:after\:-translate-x-1\/2:checked::after {
  content: var(--tw-content);
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.checked\:after\:-translate-y-1\/2:checked::after {
  content: var(--tw-content);
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.checked\:after\:rounded-full:checked::after {
  content: var(--tw-content);
  border-radius: 9999px;
}

.checked\:after\:bg-trade-red:checked::after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(244 80 72 / var(--tw-bg-opacity));
}

.checked\:after\:bg-\[url\(\'data\:image\/svg\+xml\2c \%3Csvg\%20width\%3D\%2212\%22\%20height\%3D\%229\%22\%20viewBox\%3D\%220\%200\%2012\%209\%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\%22M11\.8579\%200\.162905C12\.0507\%200\.376376\%2012\.0468\%200\.718259\%2011\.8492\%200\.926523L4\.33249\%208\.84652C4\.13825\%209\.05119\%203\.82829\%209\.05115\%203\.63409\%208\.84644L0\.150757\%205\.17453C-0\.0468568\%204\.96621\%20-0\.0506932\%204\.62433\%200\.142188\%204\.41091C0\.33507\%204\.19748\%200\.651629\%204\.19334\%200\.849243\%204\.40165L3\.98341\%207\.7055L11\.1508\%200\.153478C11\.3485\%20-0\.0547858\%2011\.6651\%20-0\.050565\%2011\.8579\%200\.162905Z\%22\%20fill\%3D\%22white\%22\%2F\%3E\%3C\%2Fsvg\%3E\'\)\]:checked::after {
  content: var(--tw-content);
  background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%229%22%20viewBox%3D%220%200%2012%209%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%22M11.8579%200.162905C12.0507%200.376376%2012.0468%200.718259%2011.8492%200.926523L4.33249%208.84652C4.13825%209.05119%203.82829%209.05115%203.63409%208.84644L0.150757%205.17453C-0.0468568%204.96621%20-0.0506932%204.62433%200.142188%204.41091C0.33507%204.19748%200.651629%204.19334%200.849243%204.40165L3.98341%207.7055L11.1508%200.153478C11.3485%20-0.0547858%2011.6651%20-0.050565%2011.8579%200.162905Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');
}

.checked\:after\:bg-center:checked::after {
  content: var(--tw-content);
  background-position: center;
}

.checked\:after\:bg-no-repeat:checked::after {
  content: var(--tw-content);
  background-repeat: no-repeat;
}

.checked\:after\:content-\[\'\'\]:checked::after {
  --tw-content: '';
  content: var(--tw-content);
}

.focus-within\:border-charcoal-600:focus-within {
  --tw-border-opacity: 1;
  border-color: rgb(37 37 37 / var(--tw-border-opacity));
}

.hover\:-translate-y-1:hover {
  --tw-translate-y: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:translate-x-1:hover {
  --tw-translate-x: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:scale-105:hover {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:cursor-pointer:hover {
  cursor: pointer;
}

.hover\:\!border-\[\#1a1a1a\]:hover {
  --tw-border-opacity: 1 !important;
  border-color: rgb(26 26 26 / var(--tw-border-opacity)) !important;
}

.hover\:\!border-charcoal-500:hover {
  --tw-border-opacity: 1 !important;
  border-color: rgb(79 79 82 / var(--tw-border-opacity)) !important;
}

.hover\:\!border-white:hover {
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important;
}

.hover\:border-\[\#1a1a1a\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(26 26 26 / var(--tw-border-opacity));
}

.hover\:border-\[\#252525\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(37 37 37 / var(--tw-border-opacity));
}

.hover\:border-\[\#252525\]\/35:hover {
  border-color: rgb(37 37 37 / 0.35);
}

.hover\:border-\[\#252525\]\/40:hover {
  border-color: rgb(37 37 37 / 0.4);
}

.hover\:border-\[\#4D4D4D\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(77 77 77 / var(--tw-border-opacity));
}

.hover\:border-\[\#C8A882\]\/50:hover {
  border-color: rgb(200 168 130 / 0.5);
}

.hover\:border-\[\#D97706\]\/60:hover {
  border-color: rgb(217 119 6 / 0.6);
}

.hover\:border-\[rgba\(37\2c 37\2c 37\2c 0\.3\)\]:hover {
  border-color: rgba(37,37,37,0.3);
}

.hover\:border-\[rgba\(37\2c 37\2c 37\2c 0\.33\)\]:hover {
  border-color: rgba(37,37,37,0.33);
}

.hover\:border-\[rgba\(37\2c 37\2c 37\2c 0\.35\)\]:hover {
  border-color: rgba(37,37,37,0.35);
}

.hover\:border-\[rgba\(37\2c 37\2c 37\2c 0\.4\)\]:hover {
  border-color: rgba(37,37,37,0.4);
}

.hover\:border-\[rgba\(37\2c 37\2c 37\2c 0\.5\)\]:hover {
  border-color: rgba(37,37,37,0.5);
}

.hover\:border-charcoal-200:hover {
  --tw-border-opacity: 1;
  border-color: rgb(215 215 218 / var(--tw-border-opacity));
}

.hover\:border-charcoal-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(122 122 127 / var(--tw-border-opacity));
}

.hover\:border-charcoal-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(79 79 82 / var(--tw-border-opacity));
}

.hover\:border-charcoal-600:hover {
  --tw-border-opacity: 1;
  border-color: rgb(37 37 37 / var(--tw-border-opacity));
}

.hover\:border-charcoal-600\/35:hover {
  border-color: rgb(37 37 37 / 0.35);
}

.hover\:border-zinc-900:hover {
  --tw-border-opacity: 1;
  border-color: rgb(24 24 27 / var(--tw-border-opacity));
}

.hover\:\!bg-charcoal-500:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(79 79 82 / var(--tw-bg-opacity)) !important;
}

.hover\:\!bg-white:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}

.hover\:bg-\[\#1a1a1a\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 26 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#252525\]\/10:hover {
  background-color: rgb(37 37 37 / 0.1);
}

.hover\:bg-\[\#252525\]\/90:hover {
  background-color: rgb(37 37 37 / 0.9);
}

.hover\:bg-\[\#3a3a3a\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(58 58 58 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#3d3d3d\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(61 61 61 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#404040\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(64 64 64 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#4D4D4D\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(77 77 77 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#5C3B30\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(92 59 48 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#6B1D29\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(107 29 41 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#8b4a52\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(139 74 82 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#D61C27\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(214 28 39 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#E4C8AD\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(228 200 173 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#ECECEC\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(236 236 236 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#EFF2F6\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(239 242 246 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#F6E4D4\]\/20:hover {
  background-color: rgb(246 228 212 / 0.2);
}

.hover\:bg-\[\#b51720\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(181 23 32 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#b91c1c\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#d61c27\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(214 28 39 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#dab89a\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(218 184 154 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#e12b22\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(225 43 34 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#ebebeb\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(235 235 235 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#eed7c1\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(238 215 193 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#f2e1cf\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(242 225 207 / var(--tw-bg-opacity));
}

.hover\:bg-charcoal-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(236 236 238 / var(--tw-bg-opacity));
}

.hover\:bg-charcoal-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 248 / var(--tw-bg-opacity));
}

.hover\:bg-charcoal-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(79 79 82 / var(--tw-bg-opacity));
}

.hover\:bg-gray-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.hover\:bg-gray-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

.hover\:bg-gray-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}

.hover\:bg-neutral-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(228 200 173 / var(--tw-bg-opacity));
}

.hover\:bg-red-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
}

.hover\:bg-red-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity));
}

.hover\:bg-trade-maroon:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(83 12 24 / var(--tw-bg-opacity));
}

.hover\:bg-white\/10:hover {
  background-color: rgb(255 255 255 / 0.1);
}

.hover\:\!text-charcoal-500:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(79 79 82 / var(--tw-text-opacity)) !important;
}

.hover\:\!text-white:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.hover\:text-\[\#252525\]:hover {
  --tw-text-opacity: 1;
  color: rgb(37 37 37 / var(--tw-text-opacity));
}

.hover\:text-charcoal-100:hover {
  --tw-text-opacity: 1;
  color: rgb(236 236 238 / var(--tw-text-opacity));
}

.hover\:text-charcoal-400:hover {
  --tw-text-opacity: 1;
  color: rgb(122 122 127 / var(--tw-text-opacity));
}

.hover\:text-charcoal-500:hover {
  --tw-text-opacity: 1;
  color: rgb(79 79 82 / var(--tw-text-opacity));
}

.hover\:text-charcoal-600:hover {
  --tw-text-opacity: 1;
  color: rgb(37 37 37 / var(--tw-text-opacity));
}

.hover\:text-gray-700:hover {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.hover\:underline:hover {
  text-decoration-line: underline;
}

.hover\:no-underline:hover {
  text-decoration-line: none;
}

.hover\:opacity-70:hover {
  opacity: 0.7;
}

.hover\:opacity-80:hover {
  opacity: 0.8;
}

.hover\:opacity-90:hover {
  opacity: 0.9;
}

.hover\:shadow-lg:hover {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-md:hover {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:brightness-95:hover {
  --tw-brightness: brightness(.95);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.focus\:\!border-charcoal-600:focus {
  --tw-border-opacity: 1 !important;
  border-color: rgb(37 37 37 / var(--tw-border-opacity)) !important;
}

.focus\:border-\[\#252525\]:focus {
  --tw-border-opacity: 1;
  border-color: rgb(37 37 37 / var(--tw-border-opacity));
}

.focus\:border-charcoal-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(79 79 82 / var(--tw-border-opacity));
}

.focus\:border-transparent:focus {
  border-color: transparent;
}

.focus\:bg-\[\#F6E4D4\]\/30:focus {
  background-color: rgb(246 228 212 / 0.3);
}

.focus\:pt-4:focus {
  padding-top: 1rem;
}

.focus\:shadow-\[0_0_0_3px_rgba\(83\2c 12\2c 24\2c 0\.15\)\]:focus {
  --tw-shadow: 0 0 0 3px rgba(83,12,24,0.15);
  --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:ring-0:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-\[\#530c18\]:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(83 12 24 / var(--tw-ring-opacity));
}

.focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
}

.focus-visible\:outline-none:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus-visible\:outline:focus-visible {
  outline-style: solid;
}

.focus-visible\:outline-2:focus-visible {
  outline-width: 2px;
}

.focus-visible\:outline-offset-2:focus-visible {
  outline-offset: 2px;
}

.focus-visible\:outline-charcoal-600:focus-visible {
  outline-color: #252525;
}

.focus-visible\:ring-2:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-visible\:ring-charcoal-600:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(37 37 37 / var(--tw-ring-opacity));
}

.focus-visible\:ring-offset-1:focus-visible {
  --tw-ring-offset-width: 1px;
}

.focus-visible\:ring-offset-2:focus-visible {
  --tw-ring-offset-width: 2px;
}

.active\:scale-110:active {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.active\:scale-\[0\.98\]:active {
  --tw-scale-x: 0.98;
  --tw-scale-y: 0.98;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.active\:border-zinc-900:active {
  --tw-border-opacity: 1;
  border-color: rgb(24 24 27 / var(--tw-border-opacity));
}

.active\:bg-\[\#1a1a1a\]:active {
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 26 / var(--tw-bg-opacity));
}

.active\:bg-\[\#eff2f6\]:active {
  --tw-bg-opacity: 1;
  background-color: rgb(239 242 246 / var(--tw-bg-opacity));
}

.active\:bg-\[\#f2e1cf\]:active {
  --tw-bg-opacity: 1;
  background-color: rgb(242 225 207 / var(--tw-bg-opacity));
}

.active\:brightness-90:active {
  --tw-brightness: brightness(.9);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.disabled\:cursor-default:disabled {
  cursor: default;
}

.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}

.disabled\:\!bg-charcoal-100:disabled {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(236 236 238 / var(--tw-bg-opacity)) !important;
}

.disabled\:\!text-charcoal-300:disabled {
  --tw-text-opacity: 1 !important;
  color: rgb(184 184 188 / var(--tw-text-opacity)) !important;
}

.disabled\:text-gray-500:disabled {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.disabled\:opacity-20:disabled {
  opacity: 0.2;
}

.disabled\:opacity-30:disabled {
  opacity: 0.3;
}

.disabled\:opacity-40:disabled {
  opacity: 0.4;
}

.disabled\:opacity-50:disabled {
  opacity: 0.5;
}

.group:hover .group-hover\:translate-x-1 {
  --tw-translate-x: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:scale-105 {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:text-\[\#666\] {
  --tw-text-opacity: 1;
  color: rgb(102 102 102 / var(--tw-text-opacity));
}

.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}

.group:hover .group-hover\:opacity-90 {
  opacity: 0.9;
}

.peer:checked ~ .peer-checked\:border-\[\#252525\] {
  --tw-border-opacity: 1;
  border-color: rgb(37 37 37 / var(--tw-border-opacity));
}

.peer:checked ~ .peer-checked\:border-charcoal-600 {
  --tw-border-opacity: 1;
  border-color: rgb(37 37 37 / var(--tw-border-opacity));
}

.peer:checked ~ .peer-checked\:bg-charcoal-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(37 37 37 / var(--tw-bg-opacity));
}

.peer:checked ~ .peer-checked\:text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.peer:focus ~ .peer-focus\:top-2 {
  top: 0.5rem;
}

.peer:focus ~ .peer-focus\:translate-y-0 {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.peer:focus ~ .peer-focus\:text-body-12 {
  font-size: 12px;
  line-height: 1.6;
  letter-spacing: normal;
  font-weight: 400;
}

.peer:focus ~ .peer-focus\:text-charcoal-400 {
  --tw-text-opacity: 1;
  color: rgb(122 122 127 / var(--tw-text-opacity));
}

.peer:disabled ~ .peer-disabled\:cursor-not-allowed {
  cursor: not-allowed;
}

.peer:disabled ~ .peer-disabled\:line-through {
  text-decoration-line: line-through;
}

.peer:disabled ~ .peer-disabled\:opacity-40 {
  opacity: 0.4;
}

.peer:disabled ~ .peer-disabled\:opacity-50 {
  opacity: 0.5;
}

.peer:not(:-moz-placeholder-shown) ~ .peer-\[\:not\(\:-moz-placeholder-shown\)\]\:top-2 {
  top: 0.5rem;
}

.peer:not(:placeholder-shown) ~ .peer-\[\:not\(\:placeholder-shown\)\]\:top-2 {
  top: 0.5rem;
}

.peer:not(:-moz-placeholder-shown) ~ .peer-\[\:not\(\:-moz-placeholder-shown\)\]\:translate-y-0 {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.peer:not(:placeholder-shown) ~ .peer-\[\:not\(\:placeholder-shown\)\]\:translate-y-0 {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.peer:not(:-moz-placeholder-shown) ~ .peer-\[\:not\(\:-moz-placeholder-shown\)\]\:text-body-12 {
  font-size: 12px;
  line-height: 1.6;
  letter-spacing: normal;
  font-weight: 400;
}

.peer:not(:placeholder-shown) ~ .peer-\[\:not\(\:placeholder-shown\)\]\:text-body-12 {
  font-size: 12px;
  line-height: 1.6;
  letter-spacing: normal;
  font-weight: 400;
}

.peer:not(:-moz-placeholder-shown) ~ .peer-\[\:not\(\:-moz-placeholder-shown\)\]\:text-charcoal-400 {
  --tw-text-opacity: 1;
  color: rgb(122 122 127 / var(--tw-text-opacity));
}

.peer:not(:placeholder-shown) ~ .peer-\[\:not\(\:placeholder-shown\)\]\:text-charcoal-400 {
  --tw-text-opacity: 1;
  color: rgb(122 122 127 / var(--tw-text-opacity));
}

.prose-headings\:font-bold :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  font-weight: 700;
}

.prose-headings\:text-charcoal-600 :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  --tw-text-opacity: 1;
  color: rgb(37 37 37 / var(--tw-text-opacity));
}

.prose-p\:text-charcoal-600 :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  --tw-text-opacity: 1;
  color: rgb(37 37 37 / var(--tw-text-opacity));
}

.prose-a\:text-charcoal-600 :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  --tw-text-opacity: 1;
  color: rgb(37 37 37 / var(--tw-text-opacity));
}

.prose-a\:underline :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  text-decoration-line: underline;
}

.hover\:prose-a\:no-underline :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))):hover {
  text-decoration-line: none;
}

.prose-img\:my-4 :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.prose-img\:rounded :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  border-radius: 0.25rem;
}

.prose-img\:border :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  border-width: 1px;
}

.prose-img\:border-gray-80 :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  --tw-border-opacity: 1;
  border-color: rgb(223 223 223 / var(--tw-border-opacity));
}

@media (hover: hover) and (pointer: fine) {
  .hover-device\:transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  .hover-device\:duration-300 {
    transition-duration: 300ms;
  }
  .hover-device\:ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
  .hover-device\:hover\:scale-\[1\.01\]:hover {
    --tw-scale-x: 1.01;
    --tw-scale-y: 1.01;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .hover-device\:hover\:border-charcoal-400:hover {
    --tw-border-opacity: 1;
    border-color: rgb(122 122 127 / var(--tw-border-opacity));
  }
  .hover-device\:hover\:shadow-\[0_20px_40px_rgba\(0\2c 0\2c 0\2c 0\.12\)\]:hover {
    --tw-shadow: 0 20px 40px rgba(0,0,0,0.12);
    --tw-shadow-colored: 0 20px 40px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .group\/card:hover .hover-device\:group-hover\/card\:scale-\[1\.03\] {
    --tw-scale-x: 1.03;
    --tw-scale-y: 1.03;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .group:hover .hover-device\:group-hover\:scale-\[1\.02\] {
    --tw-scale-x: 1.02;
    --tw-scale-y: 1.02;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

@media not all and (min-width: 1280px) {
  .max-xl\:mt-\[34px\] {
    margin-top: 34px;
  }
  .max-xl\:w-auto {
    width: auto;
  }
  .max-xl\:flex-1 {
    flex: 1 1 0%;
  }
  .max-xl\:flex-row {
    flex-direction: row;
  }
  .max-xl\:flex-col {
    flex-direction: column;
  }
  .max-xl\:items-center {
    align-items: center;
  }
  .max-xl\:justify-end {
    justify-content: flex-end;
  }
  .max-xl\:justify-between {
    justify-content: space-between;
  }
  .max-xl\:gap-2 {
    gap: 0.5rem;
  }
}

@media not all and (min-width: 1024px) {
  .max-lg\:block {
    display: block;
  }
  .max-lg\:hidden {
    display: none;
  }
  .max-lg\:h-\[100px\] {
    height: 100px;
  }
  .max-lg\:h-\[96px\] {
    height: 96px;
  }
  .max-lg\:h-full {
    height: 100%;
  }
  .max-lg\:flex-row {
    flex-direction: row;
  }
  .max-lg\:flex-col {
    flex-direction: column;
  }
  .max-lg\:items-start {
    align-items: flex-start;
  }
  .max-lg\:items-center {
    align-items: center;
  }
  .max-lg\:whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .max-lg\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .max-lg\:py-\[24px\] {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}

@media not all and (min-width: 768px) {
  .max-md\:pointer-events-none {
    pointer-events: none;
  }
  .max-md\:pointer-events-auto {
    pointer-events: auto;
  }
  .max-md\:fixed {
    position: fixed;
  }
  .max-md\:bottom-0 {
    bottom: 0px;
  }
  .max-md\:bottom-\[147px\] {
    bottom: 147px;
  }
  .max-md\:left-0 {
    left: 0px;
  }
  .max-md\:right-0 {
    right: 0px;
  }
  .max-md\:top-\[12px\] {
    top: 12px;
  }
  .max-md\:m-\[7px\] {
    margin: 7px;
  }
  .max-md\:m-auto {
    margin: auto;
  }
  .max-md\:my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .max-md\:mb-\[24px\] {
    margin-bottom: 24px;
  }
  .max-md\:mt-6 {
    margin-top: 1.5rem;
  }
  .max-md\:mt-\[37px\] {
    margin-top: 37px;
  }
  .max-md\:box-border {
    box-sizing: border-box;
  }
  .max-md\:block {
    display: block;
  }
  .max-md\:flex {
    display: flex;
  }
  .max-md\:hidden {
    display: none;
  }
  .max-md\:h-\[100px\] {
    height: 100px;
  }
  .max-md\:h-\[170px\] {
    height: 170px;
  }
  .max-md\:max-h-5 {
    max-height: 1.25rem;
  }
  .max-md\:w-8 {
    width: 2rem;
  }
  .max-md\:w-\[100px\] {
    width: 100px;
  }
  .max-md\:w-\[165px\] {
    width: 165px;
  }
  .max-md\:w-\[60px\] {
    width: 60px;
  }
  .max-md\:w-auto {
    width: auto;
  }
  .max-md\:w-full {
    width: 100%;
  }
  .max-md\:min-w-0 {
    min-width: 0px;
  }
  .max-md\:max-w-full {
    max-width: 100%;
  }
  .max-md\:max-w-sm {
    max-width: 24rem;
  }
  .max-md\:grow {
    flex-grow: 1;
  }
  .max-md\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .max-md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .max-md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .max-md\:flex-col {
    flex-direction: column;
  }
  .max-md\:items-start {
    align-items: flex-start;
  }
  .max-md\:items-end {
    align-items: flex-end;
  }
  .max-md\:items-center {
    align-items: center;
  }
  .max-md\:justify-start {
    justify-content: flex-start;
  }
  .max-md\:justify-end {
    justify-content: flex-end;
  }
  .max-md\:justify-center {
    justify-content: center;
  }
  .max-md\:gap-1 {
    gap: 0.25rem;
  }
  .max-md\:gap-\[8px\] {
    gap: 8px;
  }
  .max-md\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .max-md\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .max-md\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .max-md\:px-\[16px\] {
    padding-left: 16px;
    padding-right: 16px;
  }
  .max-md\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .max-md\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .max-md\:py-\[16px\] {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .max-md\:py-\[48px\] {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .max-md\:pb-6 {
    padding-bottom: 1.5rem;
  }
  .max-md\:pl-2 {
    padding-left: 0.5rem;
  }
  .max-md\:pr-4 {
    padding-right: 1rem;
  }
  .max-md\:pr-5 {
    padding-right: 1.25rem;
  }
  .max-md\:text-left {
    text-align: left;
  }
  .max-md\:text-center {
    text-align: center;
  }
  .max-md\:text-right {
    text-align: right;
  }
  .max-md\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
  .max-md\:text-\[10px\] {
    font-size: 10px;
  }
  .max-md\:text-\[12px\] {
    font-size: 12px;
  }
  .max-md\:text-\[14px\] {
    font-size: 14px;
  }
  .max-md\:text-\[16px\] {
    font-size: 16px;
  }
  .max-md\:text-\[24px\] {
    font-size: 24px;
  }
  .max-md\:text-\[28px\] {
    font-size: 28px;
  }
  .max-md\:text-headline-18 {
    font-size: 18px;
    line-height: 1.12;
    letter-spacing: -0.54px;
    font-weight: 700;
  }
  .max-md\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .max-md\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .max-md\:leading-10 {
    line-height: 2.5rem;
  }
  .max-md\:leading-\[1\.6\] {
    line-height: 1.6;
  }
  .max-md\:leading-\[16px\] {
    line-height: 16px;
  }
  .max-md\:leading-\[32px\] {
    line-height: 32px;
  }
}

@media not all and (min-width: 640px) {
  .max-sm\:inline-block {
    display: inline-block;
  }
  .max-sm\:hidden {
    display: none;
  }
  .max-sm\:w-full {
    width: 100%;
  }
  .max-sm\:flex-col {
    flex-direction: column;
  }
  .max-sm\:justify-center {
    justify-content: center;
  }
  .max-sm\:gap-4 {
    gap: 1rem;
  }
  .max-sm\:whitespace-nowrap {
    white-space: nowrap;
  }
  .max-sm\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .max-sm\:text-\[12px\] {
    font-size: 12px;
  }
  .max-sm\:text-\[18px\] {
    font-size: 18px;
  }
  .max-sm\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

@media (max-width: 479px) {
  .max-\[479px\]\:left-0 {
    left: 0px;
  }
  .max-\[479px\]\:ml-\[14px\] {
    margin-left: 14px;
  }
  .max-\[479px\]\:mt-\[14px\] {
    margin-top: 14px;
  }
  .max-\[479px\]\:\!hidden {
    display: none !important;
  }
}

@media (min-width: 480px) {
  .min-\[480px\]\:right-0 {
    right: 0px;
  }
  .min-\[480px\]\:mr-\[24px\] {
    margin-right: 24px;
  }
  .min-\[480px\]\:mt-\[16px\] {
    margin-top: 16px;
  }
}

@media (min-width: 640px) {
  .sm\:mb-6 {
    margin-bottom: 1.5rem;
  }
  .sm\:mt-8 {
    margin-top: 2rem;
  }
  .sm\:block {
    display: block;
  }
  .sm\:inline {
    display: inline;
  }
  .sm\:hidden {
    display: none;
  }
  .sm\:h-\[118px\] {
    height: 118px;
  }
  .sm\:h-\[84px\] {
    height: 84px;
  }
  .sm\:w-\[350px\] {
    width: 350px;
  }
  .sm\:w-auto {
    width: auto;
  }
  .sm\:min-w-\[170px\] {
    min-width: 170px;
  }
  .sm\:max-w-none {
    max-width: none;
  }
  .sm\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .sm\:flex-row {
    flex-direction: row;
  }
  .sm\:gap-\[16px\] {
    gap: 16px;
  }
  .sm\:gap-\[20px\] {
    gap: 20px;
  }
  .sm\:gap-\[40px\] {
    gap: 40px;
  }
  .sm\:p-15 {
    padding: 3.75rem;
  }
  .sm\:p-6 {
    padding: 1.5rem;
  }
  .sm\:p-\[24px\] {
    padding: 24px;
  }
  .sm\:p-\[64px\] {
    padding: 64px;
  }
  .sm\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .sm\:px-\[28px\] {
    padding-left: 28px;
    padding-right: 28px;
  }
  .sm\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .sm\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .sm\:text-\[14px\] {
    font-size: 14px;
  }
  .sm\:text-\[16px\] {
    font-size: 16px;
  }
  .sm\:text-\[18px\] {
    font-size: 18px;
  }
  .sm\:text-\[20px\] {
    font-size: 20px;
  }
  .sm\:text-\[32px\] {
    font-size: 32px;
  }
  .sm\:text-\[40px\] {
    font-size: 40px;
  }
  .sm\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .sm\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .sm\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .sm\:leading-5 {
    line-height: 1.25rem;
  }
  .sm\:leading-9 {
    line-height: 2.25rem;
  }
  .sm\:leading-\[18px\] {
    line-height: 18px;
  }
  .sm\:leading-\[22px\] {
    line-height: 22px;
  }
  .sm\:leading-normal {
    line-height: 1.5;
  }
  .sm\:tracking-\[-0\.54px\] {
    letter-spacing: -0.54px;
  }
  .sm\:tracking-\[-0\.6px\] {
    letter-spacing: -0.6px;
  }
  .sm\:tracking-\[-1\.2px\] {
    letter-spacing: -1.2px;
  }
}

@media (min-width: 768px) {
  .md\:absolute {
    position: absolute;
  }
  .md\:relative {
    position: relative;
  }
  .md\:-bottom-\[40px\] {
    bottom: -40px;
  }
  .md\:-top-6 {
    top: -1.5rem;
  }
  .md\:-top-\[108px\] {
    top: -108px;
  }
  .md\:left-0 {
    left: 0px;
  }
  .md\:left-2\.5 {
    left: 0.625rem;
  }
  .md\:left-4 {
    left: 1rem;
  }
  .md\:left-\[-15px\] {
    left: -15px;
  }
  .md\:left-\[136px\] {
    left: 136px;
  }
  .md\:left-\[34px\] {
    left: 34px;
  }
  .md\:left-\[44px\] {
    left: 44px;
  }
  .md\:left-\[5\%\] {
    left: 5%;
  }
  .md\:left-px {
    left: 1px;
  }
  .md\:right-\[-5px\] {
    right: -5px;
  }
  .md\:right-\[10\%\] {
    right: 10%;
  }
  .md\:right-\[44px\] {
    right: 44px;
  }
  .md\:right-\[5\%\] {
    right: 5%;
  }
  .md\:right-\[8\%\] {
    right: 8%;
  }
  .md\:top-2 {
    top: 0.5rem;
  }
  .md\:top-2\.5 {
    top: 0.625rem;
  }
  .md\:top-3 {
    top: 0.75rem;
  }
  .md\:top-4 {
    top: 1rem;
  }
  .md\:top-\[-104px\] {
    top: -104px;
  }
  .md\:top-\[-8px\] {
    top: -8px;
  }
  .md\:top-\[-9px\] {
    top: -9px;
  }
  .md\:top-\[290px\] {
    top: 290px;
  }
  .md\:top-\[30px\] {
    top: 30px;
  }
  .md\:top-\[355px\] {
    top: 355px;
  }
  .md\:top-\[90px\] {
    top: 90px;
  }
  .md\:col-start-1 {
    grid-column-start: 1;
  }
  .md\:col-start-2 {
    grid-column-start: 2;
  }
  .md\:row-start-1 {
    grid-row-start: 1;
  }
  .md\:-mx-8 {
    margin-left: -2rem;
    margin-right: -2rem;
  }
  .md\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .md\:mx-\[20px\] {
    margin-left: 20px;
    margin-right: 20px;
  }
  .md\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .md\:-mt-8 {
    margin-top: -2rem;
  }
  .md\:mb-0 {
    margin-bottom: 0px;
  }
  .md\:mb-1 {
    margin-bottom: 0.25rem;
  }
  .md\:mb-10 {
    margin-bottom: 2.5rem;
  }
  .md\:mb-12 {
    margin-bottom: 3rem;
  }
  .md\:mb-14 {
    margin-bottom: 3.5rem;
  }
  .md\:mb-15 {
    margin-bottom: 3.75rem;
  }
  .md\:mb-16 {
    margin-bottom: 4rem;
  }
  .md\:mb-3 {
    margin-bottom: 0.75rem;
  }
  .md\:mb-4 {
    margin-bottom: 1rem;
  }
  .md\:mb-6 {
    margin-bottom: 1.5rem;
  }
  .md\:mb-8 {
    margin-bottom: 2rem;
  }
  .md\:mb-\[-36px\] {
    margin-bottom: -36px;
  }
  .md\:mb-\[16px\] {
    margin-bottom: 16px;
  }
  .md\:mb-\[23px\] {
    margin-bottom: 23px;
  }
  .md\:mb-\[60px\] {
    margin-bottom: 60px;
  }
  .md\:mb-\[72px\] {
    margin-bottom: 72px;
  }
  .md\:mb-\[87px\] {
    margin-bottom: 87px;
  }
  .md\:mb-\[93px\] {
    margin-bottom: 93px;
  }
  .md\:ml-0 {
    margin-left: 0px;
  }
  .md\:ml-2 {
    margin-left: 0.5rem;
  }
  .md\:ml-4 {
    margin-left: 1rem;
  }
  .md\:ml-auto {
    margin-left: auto;
  }
  .md\:mr-0 {
    margin-right: 0px;
  }
  .md\:mr-4 {
    margin-right: 1rem;
  }
  .md\:mr-6 {
    margin-right: 1.5rem;
  }
  .md\:mr-auto {
    margin-right: auto;
  }
  .md\:mt-0 {
    margin-top: 0px;
  }
  .md\:mt-1 {
    margin-top: 0.25rem;
  }
  .md\:mt-10 {
    margin-top: 2.5rem;
  }
  .md\:mt-12 {
    margin-top: 3rem;
  }
  .md\:mt-15 {
    margin-top: 3.75rem;
  }
  .md\:mt-4 {
    margin-top: 1rem;
  }
  .md\:mt-5 {
    margin-top: 1.25rem;
  }
  .md\:mt-8 {
    margin-top: 2rem;
  }
  .md\:mt-\[16px\] {
    margin-top: 16px;
  }
  .md\:mt-\[373px\] {
    margin-top: 373px;
  }
  .md\:mt-\[40px\] {
    margin-top: 40px;
  }
  .md\:mt-\[42px\] {
    margin-top: 42px;
  }
  .md\:mt-\[56px\] {
    margin-top: 56px;
  }
  .md\:mt-\[70px\] {
    margin-top: 70px;
  }
  .md\:mt-\[72px\] {
    margin-top: 72px;
  }
  .md\:mt-\[8px\] {
    margin-top: 8px;
  }
  .md\:line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .md\:block {
    display: block;
  }
  .md\:inline {
    display: inline;
  }
  .md\:flex {
    display: flex;
  }
  .md\:grid {
    display: grid;
  }
  .md\:hidden {
    display: none;
  }
  .md\:aspect-\[350\/448\] {
    aspect-ratio: 350/448;
  }
  .md\:aspect-\[592\/336\] {
    aspect-ratio: 592/336;
  }
  .md\:aspect-\[592\/360\] {
    aspect-ratio: 592/360;
  }
  .md\:aspect-\[712\/438\] {
    aspect-ratio: 712/438;
  }
  .md\:aspect-auto {
    aspect-ratio: auto;
  }
  .md\:aspect-video {
    aspect-ratio: 16 / 9;
  }
  .md\:\!h-\[129\.6px\] {
    height: 129.6px !important;
  }
  .md\:\!h-\[400px\] {
    height: 400px !important;
  }
  .md\:\!h-\[40px\] {
    height: 40px !important;
  }
  .md\:\!h-\[52px\] {
    height: 52px !important;
  }
  .md\:h-12 {
    height: 3rem;
  }
  .md\:h-15 {
    height: 3.75rem;
  }
  .md\:h-16 {
    height: 4rem;
  }
  .md\:h-20 {
    height: 5rem;
  }
  .md\:h-32 {
    height: 8rem;
  }
  .md\:h-6 {
    height: 1.5rem;
  }
  .md\:h-\[100px\] {
    height: 100px;
  }
  .md\:h-\[108px\] {
    height: 108px;
  }
  .md\:h-\[120px\] {
    height: 120px;
  }
  .md\:h-\[140px\] {
    height: 140px;
  }
  .md\:h-\[180px\] {
    height: 180px;
  }
  .md\:h-\[204px\] {
    height: 204px;
  }
  .md\:h-\[206px\] {
    height: 206px;
  }
  .md\:h-\[236px\] {
    height: 236px;
  }
  .md\:h-\[24px\] {
    height: 24px;
  }
  .md\:h-\[26px\] {
    height: 26px;
  }
  .md\:h-\[270px\] {
    height: 270px;
  }
  .md\:h-\[278px\] {
    height: 278px;
  }
  .md\:h-\[292px\] {
    height: 292px;
  }
  .md\:h-\[300px\] {
    height: 300px;
  }
  .md\:h-\[320px\] {
    height: 320px;
  }
  .md\:h-\[348px\] {
    height: 348px;
  }
  .md\:h-\[357px\] {
    height: 357px;
  }
  .md\:h-\[361px\] {
    height: 361px;
  }
  .md\:h-\[364px\] {
    height: 364px;
  }
  .md\:h-\[388px\] {
    height: 388px;
  }
  .md\:h-\[400px\] {
    height: 400px;
  }
  .md\:h-\[440px\] {
    height: 440px;
  }
  .md\:h-\[460px\] {
    height: 460px;
  }
  .md\:h-\[46px\] {
    height: 46px;
  }
  .md\:h-\[472px\] {
    height: 472px;
  }
  .md\:h-\[52px\] {
    height: 52px;
  }
  .md\:h-\[560px\] {
    height: 560px;
  }
  .md\:h-\[600px\] {
    height: 600px;
  }
  .md\:h-\[640px\] {
    height: 640px;
  }
  .md\:h-\[694px\] {
    height: 694px;
  }
  .md\:h-\[712px\] {
    height: 712px;
  }
  .md\:h-\[80px\] {
    height: 80px;
  }
  .md\:h-\[88px\] {
    height: 88px;
  }
  .md\:h-\[96px\] {
    height: 96px;
  }
  .md\:h-auto {
    height: auto;
  }
  .md\:max-h-\[400px\] {
    max-height: 400px;
  }
  .md\:max-h-\[84px\] {
    max-height: 84px;
  }
  .md\:min-h-\[118px\] {
    min-height: 118px;
  }
  .md\:min-h-\[20px\] {
    min-height: 20px;
  }
  .md\:min-h-\[340px\] {
    min-height: 340px;
  }
  .md\:min-h-\[40px\] {
    min-height: 40px;
  }
  .md\:min-h-\[694px\] {
    min-height: 694px;
  }
  .md\:min-h-\[740px\] {
    min-height: 740px;
  }
  .md\:\!w-\[129\.6px\] {
    width: 129.6px !important;
  }
  .md\:\!w-\[344px\] {
    width: 344px !important;
  }
  .md\:w-1\/2 {
    width: 50%;
  }
  .md\:w-12 {
    width: 3rem;
  }
  .md\:w-15 {
    width: 3.75rem;
  }
  .md\:w-20 {
    width: 5rem;
  }
  .md\:w-32 {
    width: 8rem;
  }
  .md\:w-80 {
    width: 20rem;
  }
  .md\:w-\[120px\] {
    width: 120px;
  }
  .md\:w-\[140px\] {
    width: 140px;
  }
  .md\:w-\[141px\] {
    width: 141px;
  }
  .md\:w-\[151\.515px\] {
    width: 151.515px;
  }
  .md\:w-\[170px\] {
    width: 170px;
  }
  .md\:w-\[175px\] {
    width: 175px;
  }
  .md\:w-\[180px\] {
    width: 180px;
  }
  .md\:w-\[184px\] {
    width: 184px;
  }
  .md\:w-\[198px\] {
    width: 198px;
  }
  .md\:w-\[200px\] {
    width: 200px;
  }
  .md\:w-\[204px\] {
    width: 204px;
  }
  .md\:w-\[24px\] {
    width: 24px;
  }
  .md\:w-\[257\.6px\] {
    width: 257.6px;
  }
  .md\:w-\[258px\] {
    width: 258px;
  }
  .md\:w-\[278px\] {
    width: 278px;
  }
  .md\:w-\[279px\] {
    width: 279px;
  }
  .md\:w-\[280px\] {
    width: 280px;
  }
  .md\:w-\[290px\] {
    width: 290px;
  }
  .md\:w-\[344px\] {
    width: 344px;
  }
  .md\:w-\[355\.967px\] {
    width: 355.967px;
  }
  .md\:w-\[361px\] {
    width: 361px;
  }
  .md\:w-\[385px\] {
    width: 385px;
  }
  .md\:w-\[40\%\] {
    width: 40%;
  }
  .md\:w-\[417px\] {
    width: 417px;
  }
  .md\:w-\[425px\] {
    width: 425px;
  }
  .md\:w-\[438px\] {
    width: 438px;
  }
  .md\:w-\[440px\] {
    width: 440px;
  }
  .md\:w-\[442px\] {
    width: 442px;
  }
  .md\:w-\[480px\] {
    width: 480px;
  }
  .md\:w-\[55\%\] {
    width: 55%;
  }
  .md\:w-\[552px\] {
    width: 552px;
  }
  .md\:w-\[592px\] {
    width: 592px;
  }
  .md\:w-\[594px\] {
    width: 594px;
  }
  .md\:w-\[600px\] {
    width: 600px;
  }
  .md\:w-\[605px\] {
    width: 605px;
  }
  .md\:w-\[60px\] {
    width: 60px;
  }
  .md\:w-\[712px\] {
    width: 712px;
  }
  .md\:w-\[760px\] {
    width: 760px;
  }
  .md\:w-\[94px\] {
    width: 94px;
  }
  .md\:w-\[calc\(100\%\+64px\)\] {
    width: calc(100% + 64px);
  }
  .md\:w-auto {
    width: auto;
  }
  .md\:w-fit {
    width: -moz-fit-content;
    width: fit-content;
  }
  .md\:w-full {
    width: 100%;
  }
  .md\:min-w-0 {
    min-width: 0px;
  }
  .md\:min-w-\[120px\] {
    min-width: 120px;
  }
  .md\:min-w-\[170px\] {
    min-width: 170px;
  }
  .md\:max-w-3xl {
    max-width: 48rem;
  }
  .md\:max-w-60 {
    max-width: 15rem;
  }
  .md\:max-w-\[186px\] {
    max-width: 186px;
  }
  .md\:max-w-\[320px\] {
    max-width: 320px;
  }
  .md\:max-w-\[344px\] {
    max-width: 344px;
  }
  .md\:max-w-\[400px\] {
    max-width: 400px;
  }
  .md\:max-w-\[404px\] {
    max-width: 404px;
  }
  .md\:max-w-\[438px\] {
    max-width: 438px;
  }
  .md\:max-w-\[442px\] {
    max-width: 442px;
  }
  .md\:max-w-\[448px\] {
    max-width: 448px;
  }
  .md\:max-w-\[480px\] {
    max-width: 480px;
  }
  .md\:max-w-\[485px\] {
    max-width: 485px;
  }
  .md\:max-w-\[496px\] {
    max-width: 496px;
  }
  .md\:max-w-\[500px\] {
    max-width: 500px;
  }
  .md\:max-w-\[531px\] {
    max-width: 531px;
  }
  .md\:max-w-\[560px\] {
    max-width: 560px;
  }
  .md\:max-w-\[592px\] {
    max-width: 592px;
  }
  .md\:max-w-\[600px\] {
    max-width: 600px;
  }
  .md\:max-w-\[618px\] {
    max-width: 618px;
  }
  .md\:max-w-\[640px\] {
    max-width: 640px;
  }
  .md\:max-w-\[650px\] {
    max-width: 650px;
  }
  .md\:max-w-\[658px\] {
    max-width: 658px;
  }
  .md\:max-w-\[680px\] {
    max-width: 680px;
  }
  .md\:max-w-\[684px\] {
    max-width: 684px;
  }
  .md\:max-w-\[712px\] {
    max-width: 712px;
  }
  .md\:max-w-fit {
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
  .md\:max-w-full {
    max-width: 100%;
  }
  .md\:max-w-none {
    max-width: none;
  }
  .md\:flex-initial {
    flex: 0 1 auto;
  }
  .md\:flex-none {
    flex: none;
  }
  .md\:shrink-0 {
    flex-shrink: 0;
  }
  .md\:basis-\[50\%\] {
    flex-basis: 50%;
  }
  .md\:scale-\[1\.2\] {
    --tw-scale-x: 1.2;
    --tw-scale-y: 1.2;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .md\:grid-cols-\[repeat\(2\2c 344px\)\] {
    grid-template-columns: repeat(2,344px);
  }
  .md\:flex-row {
    flex-direction: row;
  }
  .md\:flex-row-reverse {
    flex-direction: row-reverse;
  }
  .md\:flex-col {
    flex-direction: column;
  }
  .md\:flex-col-reverse {
    flex-direction: column-reverse;
  }
  .md\:flex-wrap {
    flex-wrap: wrap;
  }
  .md\:items-start {
    align-items: flex-start;
  }
  .md\:items-end {
    align-items: flex-end;
  }
  .md\:items-center {
    align-items: center;
  }
  .md\:items-stretch {
    align-items: stretch;
  }
  .md\:justify-start {
    justify-content: flex-start;
  }
  .md\:justify-end {
    justify-content: flex-end;
  }
  .md\:justify-center {
    justify-content: center;
  }
  .md\:justify-between {
    justify-content: space-between;
  }
  .md\:gap-0 {
    gap: 0px;
  }
  .md\:gap-1 {
    gap: 0.25rem;
  }
  .md\:gap-1\.5 {
    gap: 0.375rem;
  }
  .md\:gap-10 {
    gap: 2.5rem;
  }
  .md\:gap-12 {
    gap: 3rem;
  }
  .md\:gap-15 {
    gap: 3.75rem;
  }
  .md\:gap-2 {
    gap: 0.5rem;
  }
  .md\:gap-2\.5 {
    gap: 0.625rem;
  }
  .md\:gap-3 {
    gap: 0.75rem;
  }
  .md\:gap-4 {
    gap: 1rem;
  }
  .md\:gap-5 {
    gap: 1.25rem;
  }
  .md\:gap-6 {
    gap: 1.5rem;
  }
  .md\:gap-7 {
    gap: 1.75rem;
  }
  .md\:gap-8 {
    gap: 2rem;
  }
  .md\:gap-\[12px\] {
    gap: 12px;
  }
  .md\:gap-\[13px\] {
    gap: 13px;
  }
  .md\:gap-\[16px\] {
    gap: 16px;
  }
  .md\:gap-\[18px\] {
    gap: 18px;
  }
  .md\:gap-\[19px\] {
    gap: 19px;
  }
  .md\:gap-\[20px\] {
    gap: 20px;
  }
  .md\:gap-\[21px\] {
    gap: 21px;
  }
  .md\:gap-\[24px\] {
    gap: 24px;
  }
  .md\:gap-\[32px\] {
    gap: 32px;
  }
  .md\:gap-\[3px\] {
    gap: 3px;
  }
  .md\:gap-\[40px\] {
    gap: 40px;
  }
  .md\:gap-\[47px\] {
    gap: 47px;
  }
  .md\:gap-\[52px\] {
    gap: 52px;
  }
  .md\:gap-\[59px\] {
    gap: 59px;
  }
  .md\:gap-\[60px\] {
    gap: 60px;
  }
  .md\:gap-\[75px\] {
    gap: 75px;
  }
  .md\:gap-\[80px\] {
    gap: 80px;
  }
  .md\:gap-\[8px\] {
    gap: 8px;
  }
  .md\:gap-x-4 {
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
  .md\:gap-x-5 {
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
  }
  .md\:gap-x-6 {
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }
  .md\:gap-x-\[20px\] {
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
  .md\:gap-y-10 {
    row-gap: 2.5rem;
  }
  .md\:gap-y-12 {
    row-gap: 3rem;
  }
  .md\:gap-y-6 {
    row-gap: 1.5rem;
  }
  .md\:self-start {
    align-self: flex-start;
  }
  .md\:overflow-visible {
    overflow: visible;
  }
  .md\:overflow-x-visible {
    overflow-x: visible;
  }
  .md\:rounded-28 {
    border-radius: 28px;
  }
  .md\:rounded-2xl {
    border-radius: 1rem;
  }
  .md\:rounded-3xl {
    border-radius: 1.5rem;
  }
  .md\:rounded-\[11px\] {
    border-radius: 11px;
  }
  .md\:rounded-\[25px\] {
    border-radius: 25px;
  }
  .md\:rounded-\[28px\] {
    border-radius: 28px;
  }
  .md\:rounded-t-3xl {
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
  }
  .md\:border-2 {
    border-width: 2px;
  }
  .md\:bg-\[rgba\(26\2c 26\2c 26\2c 0\.8\)\] {
    background-color: rgba(26,26,26,0.8);
  }
  .md\:p-10 {
    padding: 2.5rem;
  }
  .md\:p-12 {
    padding: 3rem;
  }
  .md\:p-6 {
    padding: 1.5rem;
  }
  .md\:p-7 {
    padding: 1.75rem;
  }
  .md\:p-8 {
    padding: 2rem;
  }
  .md\:p-\[60px_48px\] {
    padding: 60px 48px;
  }
  .md\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .md\:px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .md\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .md\:px-11 {
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
  .md\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .md\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .md\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .md\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }
  .md\:px-22 {
    padding-left: 5.5rem;
    padding-right: 5.5rem;
  }
  .md\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .md\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .md\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .md\:px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
  .md\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .md\:px-\[104px\] {
    padding-left: 104px;
    padding-right: 104px;
  }
  .md\:px-\[200px\] {
    padding-left: 200px;
    padding-right: 200px;
  }
  .md\:px-\[28px\] {
    padding-left: 28px;
    padding-right: 28px;
  }
  .md\:px-\[40px\] {
    padding-left: 40px;
    padding-right: 40px;
  }
  .md\:px-\[41px\] {
    padding-left: 41px;
    padding-right: 41px;
  }
  .md\:px-\[44px\] {
    padding-left: 44px;
    padding-right: 44px;
  }
  .md\:px-\[48px\] {
    padding-left: 48px;
    padding-right: 48px;
  }
  .md\:px-\[60px\] {
    padding-left: 60px;
    padding-right: 60px;
  }
  .md\:px-\[88px\] {
    padding-left: 88px;
    padding-right: 88px;
  }
  .md\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .md\:py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .md\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .md\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .md\:py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
  .md\:py-15 {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }
  .md\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .md\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .md\:py-25 {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }
  .md\:py-30 {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
  }
  .md\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .md\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .md\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .md\:py-\[27px\] {
    padding-top: 27px;
    padding-bottom: 27px;
  }
  .md\:py-\[60px\] {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .md\:pb-10 {
    padding-bottom: 2.5rem;
  }
  .md\:pb-12 {
    padding-bottom: 3rem;
  }
  .md\:pb-8 {
    padding-bottom: 2rem;
  }
  .md\:pb-\[31px\] {
    padding-bottom: 31px;
  }
  .md\:pb-\[40px\] {
    padding-bottom: 40px;
  }
  .md\:pb-\[60px\] {
    padding-bottom: 60px;
  }
  .md\:pb-\[80px\] {
    padding-bottom: 80px;
  }
  .md\:pl-0 {
    padding-left: 0px;
  }
  .md\:pl-6 {
    padding-left: 1.5rem;
  }
  .md\:pl-\[168px\] {
    padding-left: 168px;
  }
  .md\:pl-\[28px\] {
    padding-left: 28px;
  }
  .md\:pr-0 {
    padding-right: 0px;
  }
  .md\:pt-1 {
    padding-top: 0.25rem;
  }
  .md\:pt-10 {
    padding-top: 2.5rem;
  }
  .md\:pt-12 {
    padding-top: 3rem;
  }
  .md\:pt-25 {
    padding-top: 6.25rem;
  }
  .md\:pt-8 {
    padding-top: 2rem;
  }
  .md\:pt-\[118px\] {
    padding-top: 118px;
  }
  .md\:pt-\[58px\] {
    padding-top: 58px;
  }
  .md\:pt-\[62px\] {
    padding-top: 62px;
  }
  .md\:pt-\[90px\] {
    padding-top: 90px;
  }
  .md\:text-left {
    text-align: left;
  }
  .md\:text-center {
    text-align: center;
  }
  .md\:text-right {
    text-align: right;
  }
  .md\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .md\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .md\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
  .md\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }
  .md\:text-\[14px\] {
    font-size: 14px;
  }
  .md\:text-\[16px\] {
    font-size: 16px;
  }
  .md\:text-\[18px\] {
    font-size: 18px;
  }
  .md\:text-\[20px\] {
    font-size: 20px;
  }
  .md\:text-\[24px\] {
    font-size: 24px;
  }
  .md\:text-\[28px\] {
    font-size: 28px;
  }
  .md\:text-\[32px\] {
    font-size: 32px;
  }
  .md\:text-\[36px\] {
    font-size: 36px;
  }
  .md\:text-\[40px\] {
    font-size: 40px;
  }
  .md\:text-\[44px\] {
    font-size: 44px;
  }
  .md\:text-\[48px\] {
    font-size: 48px;
  }
  .md\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .md\:text-body-12 {
    font-size: 12px;
    line-height: 1.6;
    letter-spacing: normal;
    font-weight: 400;
  }
  .md\:text-body-14 {
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: -0.02px;
    font-weight: 400;
  }
  .md\:text-body-16 {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: normal;
    font-weight: 400;
  }
  .md\:text-body-18 {
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 0.12px;
    font-weight: 400;
  }
  .md\:text-body-20 {
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 0.16px;
    font-weight: 400;
  }
  .md\:text-body-24 {
    font-size: 24px;
    line-height: 1.5;
    letter-spacing: 0.42px;
    font-weight: 400;
  }
  .md\:text-display-40 {
    font-size: 40px;
    line-height: 1;
    letter-spacing: -1.2px;
    font-weight: 500;
  }
  .md\:text-display-48 {
    font-size: 48px;
    line-height: 1;
    letter-spacing: -1.44px;
    font-weight: 500;
  }
  .md\:text-display-52 {
    font-size: 52px;
    line-height: 1;
    letter-spacing: -1.56px;
    font-weight: 500;
  }
  .md\:text-display-60 {
    font-size: 60px;
    line-height: 1;
    letter-spacing: -1.8px;
    font-weight: 500;
  }
  .md\:text-eyebrow-lg {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 2.56px;
    font-weight: 500;
  }
  .md\:text-eyebrow-md {
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 2.52px;
    font-weight: 500;
  }
  .md\:text-eyebrow-sm {
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 2.4px;
    font-weight: 500;
  }
  .md\:text-headline-18 {
    font-size: 18px;
    line-height: 1.12;
    letter-spacing: -0.54px;
    font-weight: 700;
  }
  .md\:text-headline-24 {
    font-size: 24px;
    line-height: 1.1;
    letter-spacing: -0.42px;
    font-weight: 700;
  }
  .md\:text-headline-32 {
    font-size: 32px;
    line-height: 1.1;
    letter-spacing: -0.2px;
    font-weight: 700;
  }
  .md\:text-headline-44 {
    font-size: 44px;
    line-height: 1.1;
    letter-spacing: -0.2px;
    font-weight: 700;
  }
  .md\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .md\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .md\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .md\:text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }
  .md\:font-bold {
    font-weight: 700;
  }
  .md\:font-medium {
    font-weight: 500;
  }
  .md\:font-normal {
    font-weight: 400;
  }
  .md\:\!leading-\[1\.3\] {
    line-height: 1.3 !important;
  }
  .md\:leading-10 {
    line-height: 2.5rem;
  }
  .md\:leading-6 {
    line-height: 1.5rem;
  }
  .md\:leading-7 {
    line-height: 1.75rem;
  }
  .md\:leading-\[1\.12\] {
    line-height: 1.12;
  }
  .md\:leading-\[1\.1\] {
    line-height: 1.1;
  }
  .md\:leading-\[1\.3\] {
    line-height: 1.3;
  }
  .md\:leading-\[1\.5\] {
    line-height: 1.5;
  }
  .md\:leading-\[1\.6\] {
    line-height: 1.6;
  }
  .md\:leading-\[197\%\] {
    line-height: 197%;
  }
  .md\:leading-\[20px\] {
    line-height: 20px;
  }
  .md\:leading-\[24px\] {
    line-height: 24px;
  }
  .md\:leading-\[25px\] {
    line-height: 25px;
  }
  .md\:leading-\[42px\] {
    line-height: 42px;
  }
  .md\:leading-none {
    line-height: 1;
  }
  .md\:leading-normal {
    line-height: 1.5;
  }
  .md\:leading-relaxed {
    line-height: 1.625;
  }
  .md\:tracking-\[-0\.54px\] {
    letter-spacing: -0.54px;
  }
  .md\:tracking-\[-0\.6px\] {
    letter-spacing: -0.6px;
  }
  .md\:tracking-\[-0\.72px\] {
    letter-spacing: -0.72px;
  }
  .md\:tracking-\[-0\.8px\] {
    letter-spacing: -0.8px;
  }
  .md\:tracking-\[-1\.08px\] {
    letter-spacing: -1.08px;
  }
  .md\:tracking-\[-1\.2px\] {
    letter-spacing: -1.2px;
  }
  .md\:tracking-\[-1\.44px\] {
    letter-spacing: -1.44px;
  }
  .md\:tracking-\[-1\.5px\] {
    letter-spacing: -1.5px;
  }
  .md\:tracking-\[0\.1px\] {
    letter-spacing: 0.1px;
  }
  .md\:tracking-\[0\.2px\] {
    letter-spacing: 0.2px;
  }
  .md\:tracking-\[2\.52px\] {
    letter-spacing: 2.52px;
  }
  .md\:tracking-\[2\.56px\] {
    letter-spacing: 2.56px;
  }
  .md\:text-charcoal-600 {
    --tw-text-opacity: 1;
    color: rgb(37 37 37 / var(--tw-text-opacity));
  }
  .md\:opacity-0 {
    opacity: 0;
  }
  .md\:opacity-100 {
    opacity: 1;
  }
  .group:hover .md\:group-hover\:opacity-0 {
    opacity: 0;
  }
  .group:hover .md\:group-hover\:opacity-100 {
    opacity: 1;
  }
}

@media (min-width: 1024px) {
  .lg\:relative {
    position: relative;
  }
  .lg\:-bottom-\[108px\] {
    bottom: -108px;
  }
  .lg\:-top-\[108px\] {
    top: -108px;
  }
  .lg\:bottom-4 {
    bottom: 1rem;
  }
  .lg\:bottom-auto {
    bottom: auto;
  }
  .lg\:left-1\/2 {
    left: 50%;
  }
  .lg\:left-4 {
    left: 1rem;
  }
  .lg\:right-\[-11px\] {
    right: -11px;
  }
  .lg\:right-\[30px\] {
    right: 30px;
  }
  .lg\:right-\[44px\] {
    right: 44px;
  }
  .lg\:right-auto {
    right: auto;
  }
  .lg\:top-1\/2 {
    top: 50%;
  }
  .lg\:top-\[-104px\] {
    top: -104px;
  }
  .lg\:top-\[-44px\] {
    top: -44px;
  }
  .lg\:top-\[30px\] {
    top: 30px;
  }
  .lg\:order-1 {
    order: 1;
  }
  .lg\:order-2 {
    order: 2;
  }
  .lg\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .lg\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .lg\:my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .lg\:mb-0 {
    margin-bottom: 0px;
  }
  .lg\:mb-10 {
    margin-bottom: 2.5rem;
  }
  .lg\:mb-12 {
    margin-bottom: 3rem;
  }
  .lg\:mb-4 {
    margin-bottom: 1rem;
  }
  .lg\:mb-\[10px\] {
    margin-bottom: 10px;
  }
  .lg\:mb-\[20px\] {
    margin-bottom: 20px;
  }
  .lg\:mb-\[60px\] {
    margin-bottom: 60px;
  }
  .lg\:mb-\[64px\] {
    margin-bottom: 64px;
  }
  .lg\:mt-0 {
    margin-top: 0px;
  }
  .lg\:mt-3 {
    margin-top: 0.75rem;
  }
  .lg\:mt-7 {
    margin-top: 1.75rem;
  }
  .lg\:mt-8 {
    margin-top: 2rem;
  }
  .lg\:mt-9 {
    margin-top: 2.25rem;
  }
  .lg\:mt-auto {
    margin-top: auto;
  }
  .lg\:box-content {
    box-sizing: content-box;
  }
  .lg\:block {
    display: block;
  }
  .lg\:inline {
    display: inline;
  }
  .lg\:flex {
    display: flex;
  }
  .lg\:inline-flex {
    display: inline-flex;
  }
  .lg\:grid {
    display: grid;
  }
  .lg\:hidden {
    display: none;
  }
  .lg\:aspect-\[1352\/600\] {
    aspect-ratio: 1352/600;
  }
  .lg\:aspect-\[576\/737\.561\] {
    aspect-ratio: 576/737.561;
  }
  .lg\:aspect-\[652\/587\] {
    aspect-ratio: 652/587;
  }
  .lg\:size-\[30px\] {
    width: 30px;
    height: 30px;
  }
  .lg\:h-12 {
    height: 3rem;
  }
  .lg\:h-\[132px\] {
    height: 132px;
  }
  .lg\:h-\[148px\] {
    height: 148px;
  }
  .lg\:h-\[150px\] {
    height: 150px;
  }
  .lg\:h-\[190px\] {
    height: 190px;
  }
  .lg\:h-\[228px\] {
    height: 228px;
  }
  .lg\:h-\[26px\] {
    height: 26px;
  }
  .lg\:h-\[300px\] {
    height: 300px;
  }
  .lg\:h-\[380px\] {
    height: 380px;
  }
  .lg\:h-\[460px\] {
    height: 460px;
  }
  .lg\:h-\[60px\] {
    height: 60px;
  }
  .lg\:h-\[64px\] {
    height: 64px;
  }
  .lg\:h-\[781px\] {
    height: 781px;
  }
  .lg\:h-\[80px\] {
    height: 80px;
  }
  .lg\:h-auto {
    height: auto;
  }
  .lg\:h-full {
    height: 100%;
  }
  .lg\:max-h-\[80vh\] {
    max-height: 80vh;
  }
  .lg\:max-h-\[calc\(100vh-32px\)\] {
    max-height: calc(100vh - 32px);
  }
  .lg\:min-h-\[340px\] {
    min-height: 340px;
  }
  .lg\:min-h-\[676px\] {
    min-height: 676px;
  }
  .lg\:min-h-\[680px\] {
    min-height: 680px;
  }
  .lg\:w-1\/2 {
    width: 50%;
  }
  .lg\:w-\[10px\] {
    width: 10px;
  }
  .lg\:w-\[132px\] {
    width: 132px;
  }
  .lg\:w-\[148px\] {
    width: 148px;
  }
  .lg\:w-\[150px\] {
    width: 150px;
  }
  .lg\:w-\[171px\] {
    width: 171px;
  }
  .lg\:w-\[184px\] {
    width: 184px;
  }
  .lg\:w-\[200px\] {
    width: 200px;
  }
  .lg\:w-\[204px\] {
    width: 204px;
  }
  .lg\:w-\[212\.066px\] {
    width: 212.066px;
  }
  .lg\:w-\[221px\] {
    width: 221px;
  }
  .lg\:w-\[256px\] {
    width: 256px;
  }
  .lg\:w-\[280px\] {
    width: 280px;
  }
  .lg\:w-\[300px\] {
    width: 300px;
  }
  .lg\:w-\[333px\] {
    width: 333px;
  }
  .lg\:w-\[360px\] {
    width: 360px;
  }
  .lg\:w-\[397px\] {
    width: 397px;
  }
  .lg\:w-\[400px\] {
    width: 400px;
  }
  .lg\:w-\[430px\] {
    width: 430px;
  }
  .lg\:w-\[460px\] {
    width: 460px;
  }
  .lg\:w-\[520px\] {
    width: 520px;
  }
  .lg\:w-\[552px\] {
    width: 552px;
  }
  .lg\:w-\[64px\] {
    width: 64px;
  }
  .lg\:w-\[900px\] {
    width: 900px;
  }
  .lg\:w-auto {
    width: auto;
  }
  .lg\:min-w-\[135px\] {
    min-width: 135px;
  }
  .lg\:min-w-\[150px\] {
    min-width: 150px;
  }
  .lg\:min-w-\[254px\] {
    min-width: 254px;
  }
  .lg\:max-w-4xl {
    max-width: 56rem;
  }
  .lg\:max-w-\[1060px\] {
    max-width: 1060px;
  }
  .lg\:max-w-\[1200px\] {
    max-width: 1200px;
  }
  .lg\:max-w-\[1352px\] {
    max-width: 1352px;
  }
  .lg\:max-w-\[256px\] {
    max-width: 256px;
  }
  .lg\:max-w-\[340px\] {
    max-width: 340px;
  }
  .lg\:max-w-\[400px\] {
    max-width: 400px;
  }
  .lg\:max-w-\[412px\] {
    max-width: 412px;
  }
  .lg\:max-w-\[416px\] {
    max-width: 416px;
  }
  .lg\:max-w-\[438px\] {
    max-width: 438px;
  }
  .lg\:max-w-\[540px\] {
    max-width: 540px;
  }
  .lg\:max-w-\[649px\] {
    max-width: 649px;
  }
  .lg\:max-w-\[658px\] {
    max-width: 658px;
  }
  .lg\:max-w-\[664px\] {
    max-width: 664px;
  }
  .lg\:max-w-\[706px\] {
    max-width: 706px;
  }
  .lg\:max-w-\[720px\] {
    max-width: 720px;
  }
  .lg\:max-w-\[788px\] {
    max-width: 788px;
  }
  .lg\:max-w-\[800px\] {
    max-width: 800px;
  }
  .lg\:max-w-\[832px\] {
    max-width: 832px;
  }
  .lg\:max-w-\[894px\] {
    max-width: 894px;
  }
  .lg\:max-w-\[900px\] {
    max-width: 900px;
  }
  .lg\:max-w-\[calc\(100vw-32px\)\] {
    max-width: calc(100vw - 32px);
  }
  .lg\:max-w-none {
    max-width: none;
  }
  .lg\:flex-1 {
    flex: 1 1 0%;
  }
  .lg\:flex-none {
    flex: none;
  }
  .lg\:flex-shrink {
    flex-shrink: 1;
  }
  .lg\:flex-shrink-0 {
    flex-shrink: 0;
  }
  .lg\:shrink-0 {
    flex-shrink: 0;
  }
  .lg\:grow-0 {
    flex-grow: 0;
  }
  .lg\:-translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .lg\:-translate-y-1\/2 {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .lg\:translate-y-0 {
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .lg\:scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .lg\:scale-95 {
    --tw-scale-x: .95;
    --tw-scale-y: .95;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .lg\:scale-\[1\.2\] {
    --tw-scale-x: 1.2;
    --tw-scale-y: 1.2;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .lg\:animate-none {
    animation: none;
  }
  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .lg\:flex-row {
    flex-direction: row;
  }
  .lg\:flex-col {
    flex-direction: column;
  }
  .lg\:items-start {
    align-items: flex-start;
  }
  .lg\:items-center {
    align-items: center;
  }
  .lg\:justify-center {
    justify-content: center;
  }
  .lg\:justify-between {
    justify-content: space-between;
  }
  .lg\:gap-0 {
    gap: 0px;
  }
  .lg\:gap-10 {
    gap: 2.5rem;
  }
  .lg\:gap-12 {
    gap: 3rem;
  }
  .lg\:gap-2 {
    gap: 0.5rem;
  }
  .lg\:gap-4 {
    gap: 1rem;
  }
  .lg\:gap-5 {
    gap: 1.25rem;
  }
  .lg\:gap-6 {
    gap: 1.5rem;
  }
  .lg\:gap-8 {
    gap: 2rem;
  }
  .lg\:gap-\[16px\] {
    gap: 16px;
  }
  .lg\:gap-\[17px\] {
    gap: 17px;
  }
  .lg\:gap-\[18px\] {
    gap: 18px;
  }
  .lg\:gap-\[20px\] {
    gap: 20px;
  }
  .lg\:gap-\[28\.918px\] {
    gap: 28.918px;
  }
  .lg\:gap-\[32px\] {
    gap: 32px;
  }
  .lg\:gap-\[52px\] {
    gap: 52px;
  }
  .lg\:gap-x-6 {
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }
  .lg\:overflow-hidden {
    overflow: hidden;
  }
  .lg\:overflow-visible {
    overflow: visible;
  }
  .lg\:overflow-y-auto {
    overflow-y: auto;
  }
  .lg\:rounded-20 {
    border-radius: 20px;
  }
  .lg\:rounded-28 {
    border-radius: 28px;
  }
  .lg\:rounded-3xl {
    border-radius: 1.5rem;
  }
  .lg\:rounded-\[28px\] {
    border-radius: 28px;
  }
  .lg\:border-b-0 {
    border-bottom-width: 0px;
  }
  .lg\:border-l {
    border-left-width: 1px;
  }
  .lg\:border-t-0 {
    border-top-width: 0px;
  }
  .lg\:border-\[\#d7d7da\] {
    --tw-border-opacity: 1;
    border-color: rgb(215 215 218 / var(--tw-border-opacity));
  }
  .lg\:border-\[rgba\(37\2c 37\2c 37\2c 0\.15\)\] {
    border-color: rgba(37,37,37,0.15);
  }
  .lg\:from-\[\#530c18\] {
    --tw-gradient-from: #530c18 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(83 12 24 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .lg\:from-\[10\.116\%\] {
    --tw-gradient-from-position: 10.116%;
  }
  .lg\:via-\[\#e4c8ad\] {
    --tw-gradient-to: rgb(228 200 173 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #e4c8ad var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .lg\:via-\[74\.144\%\] {
    --tw-gradient-via-position: 74.144%;
  }
  .lg\:to-\[\#eed7c1\] {
    --tw-gradient-to: #eed7c1 var(--tw-gradient-to-position);
  }
  .lg\:to-\[101\.98\%\] {
    --tw-gradient-to-position: 101.98%;
  }
  .lg\:p-10 {
    padding: 2.5rem;
  }
  .lg\:p-12 {
    padding: 3rem;
  }
  .lg\:p-6 {
    padding: 1.5rem;
  }
  .lg\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .lg\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .lg\:px-11 {
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
  .lg\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .lg\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }
  .lg\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .lg\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .lg\:px-\[30px\] {
    padding-left: 30px;
    padding-right: 30px;
  }
  .lg\:px-\[44px\] {
    padding-left: 44px;
    padding-right: 44px;
  }
  .lg\:px-\[8px\] {
    padding-left: 8px;
    padding-right: 8px;
  }
  .lg\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .lg\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .lg\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .lg\:py-30 {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
  }
  .lg\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .lg\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .lg\:py-\[60px\] {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .lg\:pb-0 {
    padding-bottom: 0px;
  }
  .lg\:pb-10 {
    padding-bottom: 2.5rem;
  }
  .lg\:pl-10 {
    padding-left: 2.5rem;
  }
  .lg\:pl-\[40px\] {
    padding-left: 40px;
  }
  .lg\:pl-\[44px\] {
    padding-left: 44px;
  }
  .lg\:pl-\[509px\] {
    padding-left: 509px;
  }
  .lg\:pr-10 {
    padding-right: 2.5rem;
  }
  .lg\:pr-\[30px\] {
    padding-right: 30px;
  }
  .lg\:pt-0 {
    padding-top: 0px;
  }
  .lg\:pt-10 {
    padding-top: 2.5rem;
  }
  .lg\:pt-15 {
    padding-top: 3.75rem;
  }
  .lg\:pt-8 {
    padding-top: 2rem;
  }
  .lg\:pt-\[120px\] {
    padding-top: 120px;
  }
  .lg\:pt-\[60px\] {
    padding-top: 60px;
  }
  .lg\:text-left {
    text-align: left;
  }
  .lg\:text-center {
    text-align: center;
  }
  .lg\:text-\[14px\] {
    font-size: 14px;
  }
  .lg\:text-\[16px\] {
    font-size: 16px;
  }
  .lg\:text-\[18px\] {
    font-size: 18px;
  }
  .lg\:text-\[20px\] {
    font-size: 20px;
  }
  .lg\:text-\[24px\] {
    font-size: 24px;
  }
  .lg\:text-\[32px\] {
    font-size: 32px;
  }
  .lg\:text-\[40px\] {
    font-size: 40px;
  }
  .lg\:text-body-14 {
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: -0.02px;
    font-weight: 400;
  }
  .lg\:text-body-16 {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: normal;
    font-weight: 400;
  }
  .lg\:text-body-18 {
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 0.12px;
    font-weight: 400;
  }
  .lg\:text-body-20 {
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 0.16px;
    font-weight: 400;
  }
  .lg\:text-display-36 {
    font-size: 36px;
    line-height: 1;
    letter-spacing: -1.08px;
    font-weight: 500;
  }
  .lg\:text-display-40 {
    font-size: 40px;
    line-height: 1;
    letter-spacing: -1.2px;
    font-weight: 500;
  }
  .lg\:text-display-48 {
    font-size: 48px;
    line-height: 1;
    letter-spacing: -1.44px;
    font-weight: 500;
  }
  .lg\:text-display-60 {
    font-size: 60px;
    line-height: 1;
    letter-spacing: -1.8px;
    font-weight: 500;
  }
  .lg\:text-display-68 {
    font-size: 68px;
    line-height: 0.98;
    letter-spacing: -2.04px;
    font-weight: 500;
  }
  .lg\:text-display-72 {
    font-size: 72px;
    line-height: 0.98;
    letter-spacing: -2.16px;
    font-weight: 500;
  }
  .lg\:text-eyebrow-lg {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 2.56px;
    font-weight: 500;
  }
  .lg\:text-eyebrow-md {
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 2.52px;
    font-weight: 500;
  }
  .lg\:text-headline-28 {
    font-size: 28px;
    line-height: 1.1;
    letter-spacing: -0.284px;
    font-weight: 700;
  }
  .lg\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .lg\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .lg\:font-bold {
    font-weight: 700;
  }
  .lg\:font-normal {
    font-weight: 400;
  }
  .lg\:leading-5 {
    line-height: 1.25rem;
  }
  .lg\:leading-\[1\.1\] {
    line-height: 1.1;
  }
  .lg\:leading-\[1\.4\] {
    line-height: 1.4;
  }
  .lg\:leading-\[1\.6\] {
    line-height: 1.6;
  }
  .lg\:leading-\[42px\] {
    line-height: 42px;
  }
  .lg\:leading-normal {
    line-height: 1.5;
  }
  .lg\:tracking-\[-0\.6px\] {
    letter-spacing: -0.6px;
  }
  .lg\:tracking-\[-0\.72px\] {
    letter-spacing: -0.72px;
  }
  .lg\:tracking-\[-1\.2px\] {
    letter-spacing: -1.2px;
  }
  .lg\:opacity-0 {
    opacity: 0;
  }
  .lg\:opacity-100 {
    opacity: 1;
  }
  .lg\:shadow-\[0_20px_40px_rgba\(0\2c 0\2c 0\2c 0\.15\)\] {
    --tw-shadow: 0 20px 40px rgba(0,0,0,0.15);
    --tw-shadow-colored: 0 20px 40px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .lg\:shadow-\[0px_100px_80px_rgba\(0\2c 0\2c 0\2c 0\.07\)\2c 0px_65px_47px_rgba\(0\2c 0\2c 0\2c 0\.05\)\2c 0px_39px_25px_rgba\(0\2c 0\2c 0\2c 0\.04\)\2c 0px_20px_13px_rgba\(0\2c 0\2c 0\2c 0\.04\)\2c 0px_8px_7px_rgba\(0\2c 0\2c 0\2c 0\.03\)\2c 0px_2px_3px_rgba\(0\2c 0\2c 0\2c 0\.02\)\] {
    --tw-shadow: 0px 100px 80px rgba(0,0,0,0.07),0px 65px 47px rgba(0,0,0,0.05),0px 39px 25px rgba(0,0,0,0.04),0px 20px 13px rgba(0,0,0,0.04),0px 8px 7px rgba(0,0,0,0.03),0px 2px 3px rgba(0,0,0,0.02);
    --tw-shadow-colored: 0px 100px 80px var(--tw-shadow-color), 0px 65px 47px var(--tw-shadow-color), 0px 39px 25px var(--tw-shadow-color), 0px 20px 13px var(--tw-shadow-color), 0px 8px 7px var(--tw-shadow-color), 0px 2px 3px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}

@media (min-width: 1120px) {
  .min-\[1120px\]\:w-\[152px\] {
    width: 152px;
  }
  .min-\[1120px\]\:max-w-\[1064px\] {
    max-width: 1064px;
  }
  .min-\[1120px\]\:flex-1 {
    flex: 1 1 0%;
  }
  .min-\[1120px\]\:flex-initial {
    flex: 0 1 auto;
  }
  .min-\[1120px\]\:flex-row {
    flex-direction: row;
  }
  .min-\[1120px\]\:flex-col {
    flex-direction: column;
  }
  .min-\[1120px\]\:items-center {
    align-items: center;
  }
  .min-\[1120px\]\:gap-5 {
    gap: 1.25rem;
  }
  .min-\[1120px\]\:p-6 {
    padding: 1.5rem;
  }
  .min-\[1120px\]\:text-center {
    text-align: center;
  }
}

@media (min-width: 1280px) {
  .xl\:relative {
    position: relative;
  }
  .xl\:sticky {
    position: sticky;
  }
  .xl\:-right-2 {
    right: -0.5rem;
  }
  .xl\:bottom-\[40px\] {
    bottom: 40px;
  }
  .xl\:left-8 {
    left: 2rem;
  }
  .xl\:left-\[-30px\] {
    left: -30px;
  }
  .xl\:left-\[30px\] {
    left: 30px;
  }
  .xl\:right-\[20px\] {
    right: 20px;
  }
  .xl\:right-\[30px\] {
    right: 30px;
  }
  .xl\:top-5 {
    top: 1.25rem;
  }
  .xl\:top-8 {
    top: 2rem;
  }
  .xl\:top-\[112px\] {
    top: 112px;
  }
  .xl\:top-\[135px\] {
    top: 135px;
  }
  .xl\:top-\[30px\] {
    top: 30px;
  }
  .xl\:top-\[6\.86\%\] {
    top: 6.86%;
  }
  .xl\:top-\[9\.15\%\] {
    top: 9.15%;
  }
  .xl\:order-first {
    order: -9999;
  }
  .xl\:order-last {
    order: 9999;
  }
  .xl\:col-start-1 {
    grid-column-start: 1;
  }
  .xl\:col-start-2 {
    grid-column-start: 2;
  }
  .xl\:row-span-2 {
    grid-row: span 2 / span 2;
  }
  .xl\:row-start-1 {
    grid-row-start: 1;
  }
  .xl\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .xl\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .xl\:-mt-4 {
    margin-top: -1rem;
  }
  .xl\:mb-16 {
    margin-bottom: 4rem;
  }
  .xl\:mb-2 {
    margin-bottom: 0.5rem;
  }
  .xl\:mb-20 {
    margin-bottom: 5rem;
  }
  .xl\:mb-5 {
    margin-bottom: 1.25rem;
  }
  .xl\:mb-\[19px\] {
    margin-bottom: 19px;
  }
  .xl\:ml-0 {
    margin-left: 0px;
  }
  .xl\:ml-auto {
    margin-left: auto;
  }
  .xl\:mr-0 {
    margin-right: 0px;
  }
  .xl\:mr-4 {
    margin-right: 1rem;
  }
  .xl\:mr-7 {
    margin-right: 1.75rem;
  }
  .xl\:mt-0 {
    margin-top: 0px;
  }
  .xl\:mt-4 {
    margin-top: 1rem;
  }
  .xl\:mt-6 {
    margin-top: 1.5rem;
  }
  .xl\:mt-7 {
    margin-top: 1.75rem;
  }
  .xl\:mt-8 {
    margin-top: 2rem;
  }
  .xl\:mt-\[20px\] {
    margin-top: 20px;
  }
  .xl\:mt-\[60px\] {
    margin-top: 60px;
  }
  .xl\:block {
    display: block;
  }
  .xl\:flex {
    display: flex;
  }
  .xl\:grid {
    display: grid;
  }
  .xl\:hidden {
    display: none;
  }
  .xl\:aspect-\[780\/587\] {
    aspect-ratio: 780/587;
  }
  .xl\:size-6 {
    width: 1.5rem;
    height: 1.5rem;
  }
  .xl\:size-\[130px\] {
    width: 130px;
    height: 130px;
  }
  .xl\:\!h-20 {
    height: 5rem !important;
  }
  .xl\:\!h-\[52px\] {
    height: 52px !important;
  }
  .xl\:h-\[111px\] {
    height: 111px;
  }
  .xl\:h-\[120px\] {
    height: 120px;
  }
  .xl\:h-\[132px\] {
    height: 132px;
  }
  .xl\:h-\[220px\] {
    height: 220px;
  }
  .xl\:h-\[280px\] {
    height: 280px;
  }
  .xl\:h-\[300px\] {
    height: 300px;
  }
  .xl\:h-\[32px\] {
    height: 32px;
  }
  .xl\:h-\[336px\] {
    height: 336px;
  }
  .xl\:h-\[400px\] {
    height: 400px;
  }
  .xl\:h-\[484px\] {
    height: 484px;
  }
  .xl\:h-\[509px\] {
    height: 509px;
  }
  .xl\:h-\[555px\] {
    height: 555px;
  }
  .xl\:h-\[605px\] {
    height: 605px;
  }
  .xl\:h-\[650px\] {
    height: 650px;
  }
  .xl\:h-\[664px\] {
    height: 664px;
  }
  .xl\:min-h-\[340px\] {
    min-height: 340px;
  }
  .xl\:min-h-\[52px\] {
    min-height: 52px;
  }
  .xl\:min-h-\[730px\] {
    min-height: 730px;
  }
  .xl\:\!w-20 {
    width: 5rem !important;
  }
  .xl\:w-1\/2 {
    width: 50%;
  }
  .xl\:w-20 {
    width: 5rem;
  }
  .xl\:w-\[200px\] {
    width: 200px;
  }
  .xl\:w-\[212\.066px\] {
    width: 212.066px;
  }
  .xl\:w-\[220px\] {
    width: 220px;
  }
  .xl\:w-\[256px\] {
    width: 256px;
  }
  .xl\:w-\[260px\] {
    width: 260px;
  }
  .xl\:w-\[280px\] {
    width: 280px;
  }
  .xl\:w-\[320px\] {
    width: 320px;
  }
  .xl\:w-\[324px\] {
    width: 324px;
  }
  .xl\:w-\[437px\] {
    width: 437px;
  }
  .xl\:w-\[48\%\] {
    width: 48%;
  }
  .xl\:w-\[480px\] {
    width: 480px;
  }
  .xl\:w-\[509px\] {
    width: 509px;
  }
  .xl\:w-\[584px\] {
    width: 584px;
  }
  .xl\:w-\[605px\] {
    width: 605px;
  }
  .xl\:w-\[647px\] {
    width: 647px;
  }
  .xl\:w-\[85\%\] {
    width: 85%;
  }
  .xl\:w-auto {
    width: auto;
  }
  .xl\:w-full {
    width: 100%;
  }
  .xl\:max-w-\[1116px\] {
    max-width: 1116px;
  }
  .xl\:max-w-\[1124px\] {
    max-width: 1124px;
  }
  .xl\:max-w-\[1192px\] {
    max-width: 1192px;
  }
  .xl\:max-w-\[1440px\] {
    max-width: 1440px;
  }
  .xl\:max-w-\[355px\] {
    max-width: 355px;
  }
  .xl\:max-w-\[400px\] {
    max-width: 400px;
  }
  .xl\:max-w-\[425px\] {
    max-width: 425px;
  }
  .xl\:max-w-\[496px\] {
    max-width: 496px;
  }
  .xl\:max-w-\[520px\] {
    max-width: 520px;
  }
  .xl\:max-w-\[524px\] {
    max-width: 524px;
  }
  .xl\:max-w-\[527px\] {
    max-width: 527px;
  }
  .xl\:max-w-\[605px\] {
    max-width: 605px;
  }
  .xl\:max-w-\[647px\] {
    max-width: 647px;
  }
  .xl\:max-w-\[710px\] {
    max-width: 710px;
  }
  .xl\:max-w-\[832px\] {
    max-width: 832px;
  }
  .xl\:max-w-\[888px\] {
    max-width: 888px;
  }
  .xl\:max-w-\[894px\] {
    max-width: 894px;
  }
  .xl\:max-w-full {
    max-width: 100%;
  }
  .xl\:max-w-none {
    max-width: none;
  }
  .xl\:flex-1 {
    flex: 1 1 0%;
  }
  .xl\:flex-none {
    flex: none;
  }
  .xl\:shrink-0 {
    flex-shrink: 0;
  }
  .xl\:grow-0 {
    flex-grow: 0;
  }
  .xl\:basis-1\/2 {
    flex-basis: 50%;
  }
  .xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .xl\:flex-row {
    flex-direction: row;
  }
  .xl\:flex-row-reverse {
    flex-direction: row-reverse;
  }
  .xl\:flex-col {
    flex-direction: column;
  }
  .xl\:flex-nowrap {
    flex-wrap: nowrap;
  }
  .xl\:items-start {
    align-items: flex-start;
  }
  .xl\:items-end {
    align-items: flex-end;
  }
  .xl\:items-center {
    align-items: center;
  }
  .xl\:justify-start {
    justify-content: flex-start;
  }
  .xl\:justify-end {
    justify-content: flex-end;
  }
  .xl\:justify-center {
    justify-content: center;
  }
  .xl\:justify-between {
    justify-content: space-between;
  }
  .xl\:gap-10 {
    gap: 2.5rem;
  }
  .xl\:gap-12 {
    gap: 3rem;
  }
  .xl\:gap-15 {
    gap: 3.75rem;
  }
  .xl\:gap-20 {
    gap: 5rem;
  }
  .xl\:gap-4 {
    gap: 1rem;
  }
  .xl\:gap-6 {
    gap: 1.5rem;
  }
  .xl\:gap-8 {
    gap: 2rem;
  }
  .xl\:gap-\[12px\] {
    gap: 12px;
  }
  .xl\:gap-\[16px\] {
    gap: 16px;
  }
  .xl\:gap-\[18px\] {
    gap: 18px;
  }
  .xl\:gap-\[28\.918px\] {
    gap: 28.918px;
  }
  .xl\:gap-\[28px\] {
    gap: 28px;
  }
  .xl\:gap-\[40px\] {
    gap: 40px;
  }
  .xl\:gap-x-0 {
    -moz-column-gap: 0px;
         column-gap: 0px;
  }
  .xl\:gap-x-8 {
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
  .xl\:gap-x-\[40px\] {
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
  .xl\:self-start {
    align-self: flex-start;
  }
  .xl\:overflow-hidden {
    overflow: hidden;
  }
  .xl\:overflow-visible {
    overflow: visible;
  }
  .xl\:overflow-x-clip {
    overflow-x: clip;
  }
  .xl\:rounded-20 {
    border-radius: 20px;
  }
  .xl\:rounded-24 {
    border-radius: 24px;
  }
  .xl\:rounded-28 {
    border-radius: 28px;
  }
  .xl\:rounded-3xl {
    border-radius: 1.5rem;
  }
  .xl\:rounded-\[16px\] {
    border-radius: 16px;
  }
  .xl\:rounded-\[20px\] {
    border-radius: 20px;
  }
  .xl\:rounded-\[24px\] {
    border-radius: 24px;
  }
  .xl\:rounded-\[28px\] {
    border-radius: 28px;
  }
  .xl\:rounded-none {
    border-radius: 0px;
  }
  .xl\:rounded-b-3xl {
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
  }
  .xl\:border-\[1\.5px\] {
    border-width: 1.5px;
  }
  .xl\:border-y {
    border-top-width: 1px;
    border-bottom-width: 1px;
  }
  .xl\:border-l {
    border-left-width: 1px;
  }
  .xl\:border-t {
    border-top-width: 1px;
  }
  .xl\:border-t-0 {
    border-top-width: 0px;
  }
  .xl\:border-\[rgba\(37\2c 37\2c 37\2c 0\.15\)\] {
    border-color: rgba(37,37,37,0.15);
  }
  .xl\:border-charcoal-200 {
    --tw-border-opacity: 1;
    border-color: rgb(215 215 218 / var(--tw-border-opacity));
  }
  .xl\:bg-surface-warm {
    --tw-bg-opacity: 1;
    background-color: rgb(249 246 246 / var(--tw-bg-opacity));
  }
  .xl\:bg-transparent {
    background-color: transparent;
  }
  .xl\:p-0 {
    padding: 0px;
  }
  .xl\:p-10 {
    padding: 2.5rem;
  }
  .xl\:p-4 {
    padding: 1rem;
  }
  .xl\:p-\[64px_80px_80px\] {
    padding: 64px 80px 80px;
  }
  .xl\:\!px-6 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .xl\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .xl\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .xl\:px-11 {
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
  .xl\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .xl\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .xl\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .xl\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .xl\:px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
  .xl\:px-\[101px\] {
    padding-left: 101px;
    padding-right: 101px;
  }
  .xl\:px-\[20px\] {
    padding-left: 20px;
    padding-right: 20px;
  }
  .xl\:px-\[44px\] {
    padding-left: 44px;
    padding-right: 44px;
  }
  .xl\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .xl\:py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
  .xl\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .xl\:py-2\.5 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
  .xl\:py-\[120px\] {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .xl\:py-\[20px\] {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .xl\:py-\[48px\] {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .xl\:py-\[93px\] {
    padding-top: 93px;
    padding-bottom: 93px;
  }
  .xl\:pb-0 {
    padding-bottom: 0px;
  }
  .xl\:pb-10 {
    padding-bottom: 2.5rem;
  }
  .xl\:pb-12 {
    padding-bottom: 3rem;
  }
  .xl\:pb-20 {
    padding-bottom: 5rem;
  }
  .xl\:pb-4 {
    padding-bottom: 1rem;
  }
  .xl\:pl-0 {
    padding-left: 0px;
  }
  .xl\:pl-2\.5 {
    padding-left: 0.625rem;
  }
  .xl\:pl-20 {
    padding-left: 5rem;
  }
  .xl\:pl-25 {
    padding-left: 6.25rem;
  }
  .xl\:pl-\[462px\] {
    padding-left: 462px;
  }
  .xl\:pr-0 {
    padding-right: 0px;
  }
  .xl\:pr-10 {
    padding-right: 2.5rem;
  }
  .xl\:pr-9 {
    padding-right: 2.25rem;
  }
  .xl\:pr-\[78px\] {
    padding-right: 78px;
  }
  .xl\:pt-0 {
    padding-top: 0px;
  }
  .xl\:pt-10 {
    padding-top: 2.5rem;
  }
  .xl\:pt-20 {
    padding-top: 5rem;
  }
  .xl\:pt-5 {
    padding-top: 1.25rem;
  }
  .xl\:pt-8 {
    padding-top: 2rem;
  }
  .xl\:pt-\[10px\] {
    padding-top: 10px;
  }
  .xl\:pt-\[153px\] {
    padding-top: 153px;
  }
  .xl\:pt-\[60px\] {
    padding-top: 60px;
  }
  .xl\:text-left {
    text-align: left;
  }
  .xl\:text-center {
    text-align: center;
  }
  .xl\:text-right {
    text-align: right;
  }
  .xl\:text-\[14px\] {
    font-size: 14px;
  }
  .xl\:text-\[16px\] {
    font-size: 16px;
  }
  .xl\:text-\[18px\] {
    font-size: 18px;
  }
  .xl\:text-\[20px\] {
    font-size: 20px;
  }
  .xl\:text-\[36px\] {
    font-size: 36px;
  }
  .xl\:text-\[40px\] {
    font-size: 40px;
  }
  .xl\:text-\[44px\] {
    font-size: 44px;
  }
  .xl\:text-\[52px\] {
    font-size: 52px;
  }
  .xl\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .xl\:text-body-14 {
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: -0.02px;
    font-weight: 400;
  }
  .xl\:text-body-16 {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: normal;
    font-weight: 400;
  }
  .xl\:text-body-18 {
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 0.12px;
    font-weight: 400;
  }
  .xl\:text-body-20 {
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 0.16px;
    font-weight: 400;
  }
  .xl\:text-display-36 {
    font-size: 36px;
    line-height: 1;
    letter-spacing: -1.08px;
    font-weight: 500;
  }
  .xl\:text-display-40 {
    font-size: 40px;
    line-height: 1;
    letter-spacing: -1.2px;
    font-weight: 500;
  }
  .xl\:text-display-60 {
    font-size: 60px;
    line-height: 1;
    letter-spacing: -1.8px;
    font-weight: 500;
  }
  .xl\:text-display-68 {
    font-size: 68px;
    line-height: 0.98;
    letter-spacing: -2.04px;
    font-weight: 500;
  }
  .xl\:text-display-72 {
    font-size: 72px;
    line-height: 0.98;
    letter-spacing: -2.16px;
    font-weight: 500;
  }
  .xl\:text-eyebrow-lg {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 2.56px;
    font-weight: 500;
  }
  .xl\:text-eyebrow-md {
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 2.52px;
    font-weight: 500;
  }
  .xl\:text-eyebrow-sm {
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 2.4px;
    font-weight: 500;
  }
  .xl\:text-headline-18 {
    font-size: 18px;
    line-height: 1.12;
    letter-spacing: -0.54px;
    font-weight: 700;
  }
  .xl\:text-headline-20 {
    font-size: 20px;
    line-height: 1.12;
    letter-spacing: -0.5px;
    font-weight: 700;
  }
  .xl\:text-headline-32 {
    font-size: 32px;
    line-height: 1.1;
    letter-spacing: -0.2px;
    font-weight: 700;
  }
  .xl\:text-headline-36 {
    font-size: 36px;
    line-height: 1.1;
    letter-spacing: -0.18px;
    font-weight: 700;
  }
  .xl\:text-headline-44 {
    font-size: 44px;
    line-height: 1.1;
    letter-spacing: -0.2px;
    font-weight: 700;
  }
  .xl\:font-bold {
    font-weight: 700;
  }
  .xl\:font-semibold {
    font-weight: 600;
  }
  .xl\:leading-7 {
    line-height: 1.75rem;
  }
  .xl\:leading-\[1\.12\] {
    line-height: 1.12;
  }
  .xl\:leading-\[1\.4\] {
    line-height: 1.4;
  }
  .xl\:leading-\[22px\] {
    line-height: 22px;
  }
  .xl\:leading-none {
    line-height: 1;
  }
  .xl\:leading-normal {
    line-height: 1.5;
  }
  .xl\:tracking-\[-0\.2px\] {
    letter-spacing: -0.2px;
  }
  .xl\:tracking-\[-0\.48px\] {
    letter-spacing: -0.48px;
  }
  .xl\:tracking-\[-0\.54px\] {
    letter-spacing: -0.54px;
  }
  .xl\:tracking-\[-0\.6px\] {
    letter-spacing: -0.6px;
  }
  .xl\:tracking-\[-0\.88px\] {
    letter-spacing: -0.88px;
  }
  .xl\:tracking-\[-1\.2px\] {
    letter-spacing: -1.2px;
  }
  .xl\:tracking-\[-1\.56px\] {
    letter-spacing: -1.56px;
  }
  .xl\:tracking-\[0\.1px\] {
    letter-spacing: 0.1px;
  }
  .xl\:tracking-\[2\.52px\] {
    letter-spacing: 2.52px;
  }
  .xl\:tracking-\[2\.56px\] {
    letter-spacing: 2.56px;
  }
  .xl\:tracking-normal {
    letter-spacing: 0em;
  }
  .xl\:text-charcoal-600 {
    --tw-text-opacity: 1;
    color: rgb(37 37 37 / var(--tw-text-opacity));
  }
  .xl\:shadow-none {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .xl\:after\:absolute::after {
    content: var(--tw-content);
    position: absolute;
  }
  .xl\:after\:inset-y-0::after {
    content: var(--tw-content);
    top: 0px;
    bottom: 0px;
  }
  .xl\:after\:left-full::after {
    content: var(--tw-content);
    left: 100%;
  }
  .xl\:after\:w-screen::after {
    content: var(--tw-content);
    width: 100vw;
  }
  .xl\:after\:bg-surface-warm::after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(249 246 246 / var(--tw-bg-opacity));
  }
  .xl\:after\:content-\[\'\'\]::after {
    --tw-content: '';
    content: var(--tw-content);
  }
  .min-\[1280px\]\:mb-10 {
    margin-bottom: 2.5rem;
  }
  .min-\[1280px\]\:mt-2 {
    margin-top: 0.5rem;
  }
  .min-\[1280px\]\:\!w-\[280px\] {
    width: 280px !important;
  }
  .min-\[1280px\]\:w-\[280px\] {
    width: 280px;
  }
  .min-\[1280px\]\:max-w-\[1192px\] {
    max-width: 1192px;
  }
  .min-\[1280px\]\:max-w-\[280px\] {
    max-width: 280px;
  }
  .min-\[1280px\]\:max-w-\[666px\] {
    max-width: 666px;
  }
  .min-\[1280px\]\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .min-\[1280px\]\:grid-cols-\[repeat\(2\2c 280px\)\] {
    grid-template-columns: repeat(2,280px);
  }
  .min-\[1280px\]\:grid-cols-\[repeat\(3\2c 280px\)\] {
    grid-template-columns: repeat(3,280px);
  }
  .min-\[1280px\]\:grid-cols-\[repeat\(4\2c 280px\)\] {
    grid-template-columns: repeat(4,280px);
  }
  .min-\[1280px\]\:pb-0 {
    padding-bottom: 0px;
  }
  .min-\[1280px\]\:text-eyebrow-lg {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 2.56px;
    font-weight: 500;
  }
  .min-\[1280px\]\:text-headline-44 {
    font-size: 44px;
    line-height: 1.1;
    letter-spacing: -0.2px;
    font-weight: 700;
  }
}

@media (min-width: 1440px) {
  .\32xl\:sticky {
    position: sticky;
  }
  .\32xl\:top-10 {
    top: 2.5rem;
  }
  .\32xl\:my-\[42px\] {
    margin-top: 42px;
    margin-bottom: 42px;
  }
  .\32xl\:mb-10 {
    margin-bottom: 2.5rem;
  }
  .\32xl\:block {
    display: block;
  }
  .\32xl\:grid {
    display: grid;
  }
  .\32xl\:hidden {
    display: none;
  }
  .\32xl\:h-\[228px\] {
    height: 228px;
  }
  .\32xl\:h-\[550px\] {
    height: 550px;
  }
  .\32xl\:h-\[646px\] {
    height: 646px;
  }
  .\32xl\:w-\[210px\] {
    width: 210px;
  }
  .\32xl\:w-\[221px\] {
    width: 221px;
  }
  .\32xl\:w-\[550px\] {
    width: 550px;
  }
  .\32xl\:w-\[646px\] {
    width: 646px;
  }
  .\32xl\:w-\[670px\] {
    width: 670px;
  }
  .\32xl\:w-\[768px\] {
    width: 768px;
  }
  .\32xl\:max-w-\[1008px\] {
    max-width: 1008px;
  }
  .\32xl\:max-w-\[1124px\] {
    max-width: 1124px;
  }
  .\32xl\:max-w-\[1352px\] {
    max-width: 1352px;
  }
  .\32xl\:max-w-\[403px\] {
    max-width: 403px;
  }
  .\32xl\:max-w-\[646px\] {
    max-width: 646px;
  }
  .\32xl\:max-w-none {
    max-width: none;
  }
  .\32xl\:max-w-screen-2xl {
    max-width: 1440px;
  }
  .\32xl\:grid-cols-\[480px_1fr\] {
    grid-template-columns: 480px 1fr;
  }
  .\32xl\:items-start {
    align-items: flex-start;
  }
  .\32xl\:gap-10 {
    gap: 2.5rem;
  }
  .\32xl\:gap-14 {
    gap: 3.5rem;
  }
  .\32xl\:gap-16 {
    gap: 4rem;
  }
  .\32xl\:gap-\[168px\] {
    gap: 168px;
  }
  .\32xl\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .\32xl\:px-\[124px\] {
    padding-left: 124px;
    padding-right: 124px;
  }
  .\32xl\:px-\[72px\] {
    padding-left: 72px;
    padding-right: 72px;
  }
  .\32xl\:py-\[60px\] {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .\32xl\:pl-\[616px\] {
    padding-left: 616px;
  }
  .\32xl\:pt-14 {
    padding-top: 3.5rem;
  }
  .\32xl\:pt-25 {
    padding-top: 6.25rem;
  }
  .\32xl\:text-\[40px\] {
    font-size: 40px;
  }
  .\32xl\:text-display-72 {
    font-size: 72px;
    line-height: 0.98;
    letter-spacing: -2.16px;
    font-weight: 500;
  }
  .\32xl\:tracking-\[0\.2px\] {
    letter-spacing: 0.2px;
  }
  .\32xl\:tracking-\[0\.3px\] {
    letter-spacing: 0.3px;
  }
  .min-\[1440px\]\:\!w-\[320px\] {
    width: 320px !important;
  }
  .min-\[1440px\]\:w-\[320px\] {
    width: 320px;
  }
  .min-\[1440px\]\:w-\[664px\] {
    width: 664px;
  }
  .min-\[1440px\]\:max-w-\[1352px\] {
    max-width: 1352px;
  }
  .min-\[1440px\]\:max-w-\[320px\] {
    max-width: 320px;
  }
  .min-\[1440px\]\:grid-cols-\[repeat\(2\2c 320px\)\] {
    grid-template-columns: repeat(2,320px);
  }
  .min-\[1440px\]\:grid-cols-\[repeat\(3\2c 320px\)\] {
    grid-template-columns: repeat(3,320px);
  }
  .min-\[1440px\]\:grid-cols-\[repeat\(4\2c 320px\)\] {
    grid-template-columns: repeat(4,320px);
  }
}

@media (min-width: 1600px) {
  .\33xl\:px-\[124px\] {
    padding-left: 124px;
    padding-right: 124px;
  }
  .\33xl\:pl-\[44px\] {
    padding-left: 44px;
  }
}

.\[\&\.swiper-slide-thumb-active\]\:border-charcoal-600.swiper-slide-thumb-active {
  --tw-border-opacity: 1;
  border-color: rgb(37 37 37 / var(--tw-border-opacity));
}

.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
  display: none;
}

.\[\&\:nth-child\(n\+3\)\]\:mb-0:nth-child(n+3) {
  margin-bottom: 0px;
}

.\[\&\>\*\]\:ml-\[36px\]>* {
  margin-left: 36px;
}

.\[\&\>\*\]\:list-outside>* {
  list-style-position: outside;
}

.\[\&\>\*\]\:list-image-\[url\(\'data\:image\/svg\+xml\;base64\2c PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAyNCAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZyBpZD0iQ2hlY2sgIj4KICA8cGF0aCBpZD0iVmVjdG9yIiBkPSJNMSA4Ljg2NjgzTDcuOTY2NjcgMTUuNjY2N0wyMyAxIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgogIDwvZz4KPC9zdmc\+\'\)\]>* {
  list-style-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAyNCAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZyBpZD0iQ2hlY2sgIj4KICA8cGF0aCBpZD0iVmVjdG9yIiBkPSJNMSA4Ljg2NjgzTDcuOTY2NjcgMTUuNjY2N0wyMyAxIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgogIDwvZz4KPC9zdmc+');
}

.\[\&\>\*\]\:space-y-2>* > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}

.\[\&\>\*\]\:text-center>* {
  text-align: center;
}

.\[\&\>\*\]\:font-sans>* {
  font-family: Inter, Helvetica, sans-serif;
}

.\[\&\>\*\]\:font-serif>* {
  font-family: GT Alpina, serif;
}

.\[\&\>\*\]\:text-\[12px\]>* {
  font-size: 12px;
}

.\[\&\>\*\]\:text-\[14px\]>* {
  font-size: 14px;
}

.\[\&\>\*\]\:text-\[16px\]>* {
  font-size: 16px;
}

.\[\&\>\*\]\:text-\[18px\]>* {
  font-size: 18px;
}

.\[\&\>\*\]\:text-\[20px\]>* {
  font-size: 20px;
}

.\[\&\>\*\]\:text-\[24px\]>* {
  font-size: 24px;
}

.\[\&\>\*\]\:text-\[32px\]>* {
  font-size: 32px;
}

.\[\&\>\*\]\:text-\[40px\]>* {
  font-size: 40px;
}

.\[\&\>\*\]\:text-\[48px\]>* {
  font-size: 48px;
}

.\[\&\>\*\]\:text-\[64px\]>* {
  font-size: 64px;
}

.\[\&\>\*\]\:text-base>* {
  font-size: 1rem;
  line-height: 1.5rem;
}

.\[\&\>\*\]\:text-body-16>* {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: normal;
  font-weight: 400;
}

.\[\&\>\*\]\:text-lg>* {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.\[\&\>\*\]\:text-sm>* {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.\[\&\>\*\]\:text-xs>* {
  font-size: 0.75rem;
  line-height: 1rem;
}

.\[\&\>\*\]\:leading-5>* {
  line-height: 1.25rem;
}

.\[\&\>\*\]\:leading-6>* {
  line-height: 1.5rem;
}

.\[\&\>\*\]\:leading-\[14px\]>* {
  line-height: 14px;
}

.\[\&\>\*\]\:leading-\[16px\]>* {
  line-height: 16px;
}

.\[\&\>\*\]\:leading-\[17px\]>* {
  line-height: 17px;
}

.\[\&\>\*\]\:leading-\[18px\]>* {
  line-height: 18px;
}

.\[\&\>\*\]\:leading-\[20px\]>* {
  line-height: 20px;
}

.\[\&\>\*\]\:leading-\[22px\]>* {
  line-height: 22px;
}

.\[\&\>\*\]\:leading-\[24px\]>* {
  line-height: 24px;
}

.\[\&\>\*\]\:leading-\[32px\]>* {
  line-height: 32px;
}

.\[\&\>\*\]\:leading-\[40px\]>* {
  line-height: 40px;
}

.\[\&\>\*\]\:leading-\[48px\]>* {
  line-height: 48px;
}

.\[\&\>\*\]\:leading-\[56px\]>* {
  line-height: 56px;
}

.\[\&\>\*\]\:leading-\[72px\]>* {
  line-height: 72px;
}

.\[\&\>\*\]\:tracking-\[-1\.08px\]>* {
  letter-spacing: -1.08px;
}

.\[\&\>\*\]\:tracking-\[-1\.2px\]>* {
  letter-spacing: -1.2px;
}

.\[\&\>\*\]\:tracking-\[-1px\]>* {
  letter-spacing: -1px;
}

.\[\&\>\*\]\:tracking-\[-2\.16px\]>* {
  letter-spacing: -2.16px;
}

.\[\&\>\*\]\:tracking-\[0px\]>* {
  letter-spacing: 0px;
}

.\[\&\>\*\]\:text-\[\#1A1A1A\]>* {
  --tw-text-opacity: 1;
  color: rgb(26 26 26 / var(--tw-text-opacity));
}

.\[\&\>\*\]\:text-\[\#4D4D4D\]>* {
  --tw-text-opacity: 1;
  color: rgb(77 77 77 / var(--tw-text-opacity));
}

.\[\&\>\*\]\:text-zinc-900>* {
  --tw-text-opacity: 1;
  color: rgb(24 24 27 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
  .md\:\[\&\>\*\]\:text-\[14px\]>* {
    font-size: 14px;
  }
  .md\:\[\&\>\*\]\:text-\[16px\]>* {
    font-size: 16px;
  }
  .md\:\[\&\>\*\]\:text-\[18px\]>* {
    font-size: 18px;
  }
  .md\:\[\&\>\*\]\:text-\[20px\]>* {
    font-size: 20px;
  }
  .md\:\[\&\>\*\]\:text-\[24px\]>* {
    font-size: 24px;
  }
  .md\:\[\&\>\*\]\:text-\[32px\]>* {
    font-size: 32px;
  }
  .md\:\[\&\>\*\]\:text-\[40px\]>* {
    font-size: 40px;
  }
  .md\:\[\&\>\*\]\:text-\[48px\]>* {
    font-size: 48px;
  }
  .md\:\[\&\>\*\]\:text-\[64px\]>* {
    font-size: 64px;
  }
  .md\:\[\&\>\*\]\:text-\[76px\]>* {
    font-size: 76px;
  }
  .md\:\[\&\>\*\]\:text-sm>* {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .md\:\[\&\>\*\]\:leading-\[18px\]>* {
    line-height: 18px;
  }
  .md\:\[\&\>\*\]\:leading-\[20px\]>* {
    line-height: 20px;
  }
  .md\:\[\&\>\*\]\:leading-\[22px\]>* {
    line-height: 22px;
  }
  .md\:\[\&\>\*\]\:leading-\[24px\]>* {
    line-height: 24px;
  }
  .md\:\[\&\>\*\]\:leading-\[32px\]>* {
    line-height: 32px;
  }
  .md\:\[\&\>\*\]\:leading-\[40px\]>* {
    line-height: 40px;
  }
  .md\:\[\&\>\*\]\:leading-\[48px\]>* {
    line-height: 48px;
  }
  .md\:\[\&\>\*\]\:leading-\[56px\]>* {
    line-height: 56px;
  }
  .md\:\[\&\>\*\]\:leading-\[72px\]>* {
    line-height: 72px;
  }
  .md\:\[\&\>\*\]\:leading-\[84px\]>* {
    line-height: 84px;
  }
  .md\:\[\&\>\*\]\:tracking-\[-1\.08px\]>* {
    letter-spacing: -1.08px;
  }
  .md\:\[\&\>\*\]\:tracking-\[-1\.2px\]>* {
    letter-spacing: -1.2px;
  }
  .md\:\[\&\>\*\]\:tracking-\[-1\.8px\]>* {
    letter-spacing: -1.8px;
  }
  .md\:\[\&\>\*\]\:tracking-\[-2\.04px\]>* {
    letter-spacing: -2.04px;
  }
  .md\:\[\&\>\*\]\:tracking-\[-2\.16px\]>* {
    letter-spacing: -2.16px;
  }
}

@media (min-width: 1280px) {
  .xl\:\[\&\>\*\]\:text-body-20>* {
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 0.16px;
    font-weight: 400;
  }
  .xl\:\[\&\>\*\]\:tracking-\[0\.3px\]>* {
    letter-spacing: 0.3px;
  }
}

.\[\&\>div\>div\]\:flex>div>div {
  display: flex;
}

.\[\&\>div\>div\]\:cursor-pointer>div>div {
  cursor: pointer;
}

.\[\&\>div\>div\]\:items-center>div>div {
  align-items: center;
}

.\[\&\>div\>div\]\:justify-between>div>div {
  justify-content: space-between;
}

.\[\&\>div\>div\]\:text-\[20px\]>div>div {
  font-size: 20px;
}

.\[\&\>div\>div\]\:font-extrabold>div>div {
  font-weight: 800;
}

.\[\&\>div\]\:\!min-w-0>div {
  min-width: 0px !important;
}

.\[\&\>li\]\:mb-1>li {
  margin-bottom: 0.25rem;
}

.\[\&\>p\:last-child\]\:mb-0>p:last-child {
  margin-bottom: 0px;
}

.\[\&\>p\]\:m-0>p {
  margin: 0px;
}

.\[\&\>p\]\:mb-4>p {
  margin-bottom: 1rem;
}

.\[\&\>p\]\:mt-\[8px\]>p {
  margin-top: 8px;
}

.\[\&\>p\]\:text-\[14px\]>p {
  font-size: 14px;
}

.\[\&\>p\]\:font-normal>p {
  font-weight: 400;
}

.\[\&\>p\]\:leading-\[18px\]>p {
  line-height: 18px;
}

.\[\&\>p\]\:text-zinc-900>p {
  --tw-text-opacity: 1;
  color: rgb(24 24 27 / var(--tw-text-opacity));
}

.\[\&\>svg\]\:h-full>svg {
  height: 100%;
}

.\[\&\>svg\]\:w-full>svg {
  width: 100%;
}

.\[\&\>ul\>li\>ul\>li\]\:my-2>ul>li>ul>li {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.\[\&\>ul\>li\>ul\>li\]\:ml-4>ul>li>ul>li {
  margin-left: 1rem;
}

.\[\&\>ul\>li\>ul\]\:list-disc>ul>li>ul {
  list-style-type: disc;
}

.\[\&\>ul\]\:m-0>ul {
  margin: 0px;
}

.\[\&\>ul\]\:ml-4>ul {
  margin-left: 1rem;
}

.\[\&\>ul\]\:mt-2>ul {
  margin-top: 0.5rem;
}

.\[\&\>ul\]\:list-\[inherit\]>ul {
  list-style-type: inherit;
}

.\[\&\>ul\]\:list-disc>ul {
  list-style-type: disc;
}

.\[\&\>ul\]\:pl-5>ul {
  padding-left: 1.25rem;
}

.\[\&_\*\]\:\!text-\[12px\] * {
  font-size: 12px !important;
}

.\[\&_\*\]\:\!leading-\[1\.6\] * {
  line-height: 1.6 !important;
}

.\[\&_\*\]\:\!leading-normal * {
  line-height: 1.5 !important;
}

.\[\&_\.product-image-section__slide\]\:h-full .product-image-section slide {
  height: 100%;
}

.\[\&_\.product-image-section__slide\]\:w-full .product-image-section slide {
  width: 100%;
}

.\[\&_a\:hover\]\:text-charcoal-500 a:hover {
  --tw-text-opacity: 1;
  color: rgb(79 79 82 / var(--tw-text-opacity));
}

.\[\&_a\]\:flex a {
  display: flex;
}

.\[\&_a\]\:hidden a {
  display: none;
}

.\[\&_a\]\:h-6 a {
  height: 1.5rem;
}

.\[\&_a\]\:w-6 a {
  width: 1.5rem;
}

.\[\&_a\]\:items-center a {
  align-items: center;
}

.\[\&_a\]\:justify-center a {
  justify-content: center;
}

.\[\&_a\]\:text-charcoal-600 a {
  --tw-text-opacity: 1;
  color: rgb(37 37 37 / var(--tw-text-opacity));
}

.\[\&_a\]\:underline a {
  text-decoration-line: underline;
}

@media not all and (min-width: 640px) {
  .max-sm\:\[\&_a\]\:hidden a {
    display: none;
  }
}

.\[\&_button\]\:hidden button {
  display: none;
}

.\[\&_h1\]\:mb-4 h1 {
  margin-bottom: 1rem;
}

.\[\&_h1\]\:font-mono h1 {
  font-family: Geist Mono, monospace;
}

.\[\&_h1\]\:text-eyebrow-lg h1 {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 2.56px;
  font-weight: 500;
}

.\[\&_h1\]\:uppercase h1 {
  text-transform: uppercase;
}

.\[\&_h1\]\:text-charcoal-600 h1 {
  --tw-text-opacity: 1;
  color: rgb(37 37 37 / var(--tw-text-opacity));
}

@media (min-width: 1440px) {
  .\32xl\:\[\&_h1\]\:mb-6 h1 {
    margin-bottom: 1.5rem;
  }
}

.\[\&_h2\]\:mb-4 h2 {
  margin-bottom: 1rem;
}

.\[\&_h2\]\:font-mono h2 {
  font-family: Geist Mono, monospace;
}

.\[\&_h2\]\:text-eyebrow-md h2 {
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 2.52px;
  font-weight: 500;
}

.\[\&_h2\]\:uppercase h2 {
  text-transform: uppercase;
}

.\[\&_h2\]\:text-charcoal-600 h2 {
  --tw-text-opacity: 1;
  color: rgb(37 37 37 / var(--tw-text-opacity));
}

@media (min-width: 1440px) {
  .\32xl\:\[\&_h2\]\:mb-6 h2 {
    margin-bottom: 1.5rem;
  }
}

.\[\&_h3\]\:mb-4 h3 {
  margin-bottom: 1rem;
}

.\[\&_h3\]\:font-mono h3 {
  font-family: Geist Mono, monospace;
}

.\[\&_h3\]\:text-eyebrow-sm h3 {
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 2.4px;
  font-weight: 500;
}

.\[\&_h3\]\:uppercase h3 {
  text-transform: uppercase;
}

.\[\&_h3\]\:text-charcoal-600 h3 {
  --tw-text-opacity: 1;
  color: rgb(37 37 37 / var(--tw-text-opacity));
}

@media (min-width: 1440px) {
  .\32xl\:\[\&_h3\]\:mb-6 h3 {
    margin-bottom: 1.5rem;
  }
}

.\[\&_h4\]\:mb-2 h4 {
  margin-bottom: 0.5rem;
}

.\[\&_h4\]\:mb-4 h4 {
  margin-bottom: 1rem;
}

.\[\&_h4\]\:text-base h4 {
  font-size: 1rem;
  line-height: 1.5rem;
}

.\[\&_h4\]\:font-bold h4 {
  font-weight: 700;
}

.\[\&_h4\]\:leading-5 h4 {
  line-height: 1.25rem;
}

@media (min-width: 1440px) {
  .\32xl\:\[\&_h4\]\:mb-6 h4 {
    margin-bottom: 1.5rem;
  }
}

.\[\&_h5\]\:mb-4 h5 {
  margin-bottom: 1rem;
}

@media (min-width: 1440px) {
  .\32xl\:\[\&_h5\]\:mb-6 h5 {
    margin-bottom: 1.5rem;
  }
}

.\[\&_h6\]\:mb-4 h6 {
  margin-bottom: 1rem;
}

@media (min-width: 1440px) {
  .\32xl\:\[\&_h6\]\:mb-6 h6 {
    margin-bottom: 1.5rem;
  }
}

.\[\&_li\]\:mb-1 li {
  margin-bottom: 0.25rem;
}

.\[\&_li\]\:mb-2 li {
  margin-bottom: 0.5rem;
}

.\[\&_li\]\:pl-1 li {
  padding-left: 0.25rem;
}

.\[\&_li\]\:marker\:text-inherit * li::marker {
  color: inherit;
}

.\[\&_li\]\:marker\:text-inherit li::marker {
  color: inherit;
}

@media (min-width: 768px) {
  .md\:\[\&_li\]\:mb-3 li {
    margin-bottom: 0.75rem;
  }
}

.\[\&_ol\]\:mb-5 ol {
  margin-bottom: 1.25rem;
}

.\[\&_ol\]\:ml-5 ol {
  margin-left: 1.25rem;
}

.\[\&_ol\]\:ml-6 ol {
  margin-left: 1.5rem;
}

.\[\&_ol\]\:list-decimal ol {
  list-style-type: decimal;
}

.\[\&_ol\]\:space-y-2 ol > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}

.\[\&_p\:empty\]\:h-4 p:empty {
  height: 1rem;
}

.\[\&_p\:last-child\]\:mb-0 p:last-child {
  margin-bottom: 0px;
}

.\[\&_p\]\:m-0 p {
  margin: 0px;
}

.\[\&_p\]\:mb-0 p {
  margin-bottom: 0px;
}

.\[\&_p\]\:mb-4 p {
  margin-bottom: 1rem;
}

.\[\&_p\]\:text-base p {
  font-size: 1rem;
  line-height: 1.5rem;
}

.\[\&_p\]\:text-body-14 p {
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: -0.02px;
  font-weight: 400;
}

.\[\&_p\]\:leading-5 p {
  line-height: 1.25rem;
}

@media (min-width: 768px) {
  .md\:\[\&_p\]\:text-body-16 p {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: normal;
    font-weight: 400;
  }
}

.\[\&_span\]\:hidden span {
  display: none;
}

.\[\&_strong\]\:font-semibold strong {
  font-weight: 600;
}

.\[\&_svg\]\:h-6 svg {
  height: 1.5rem;
}

.\[\&_svg\]\:h-auto svg {
  height: auto;
}

.\[\&_svg\]\:w-6 svg {
  width: 1.5rem;
}

.\[\&_svg\]\:w-\[12px\] svg {
  width: 12px;
}

.\[\&_svg\]\:w-full svg {
  width: 100%;
}

.\[\&_ul\]\:mb-4 ul {
  margin-bottom: 1rem;
}

.\[\&_ul\]\:mb-5 ul {
  margin-bottom: 1.25rem;
}

.\[\&_ul\]\:ml-4 ul {
  margin-left: 1rem;
}

.\[\&_ul\]\:ml-6 ul {
  margin-left: 1.5rem;
}

.\[\&_ul\]\:list-disc ul {
  list-style-type: disc;
}

.\[\&_ul\]\:space-y-2 ul > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}

.\[\&_ul\]\:pl-5 ul {
  padding-left: 1.25rem;
}

.\[\&_ul\]\:text-base ul {
  font-size: 1rem;
  line-height: 1.5rem;
}
/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-3.use[3]!./src/styles/templates/customers/account.my_trade.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable declaration-block-no-redundant-longhand-properties */
/* stylelint-enable declaration-block-no-redundant-longhand-properties */
.account__Innerwrapper {
  position: relative;
}

@media (min-width: 1080px) {
  .account__container {
    display: flex;
    border-bottom: 1px solid #ececec;
    padding: 0 48px;
  }
}
@media (min-width: 850px) {
  .account__container {
    padding: 0;
  }
}
.account__container vue-sidebar {
  width: 100%;
}
@media (min-width: 1080px) {
  .account__container vue-sidebar {
    min-width: 220px;
    max-width: 220px;
    width: 15%;
  }
}
@media (min-width: 850px) {
  .account__container vue-sidebar {
    min-width: 276px;
    max-width: 276px;
  }
}

.account__sidebar {
  padding: 23px 0;
  width: 100%;
  background: #f6f6f6;
}
@media (min-width: 480px) {
  .account__sidebar {
    padding: 23px 0 4px;
  }
}
@media (min-width: 1080px) {
  .account__sidebar {
    padding: 64px 24px 64px 0;
    background: #fff;
    margin: 0;
    position: relative;
    min-height: 100%;
    max-width: 276px;
    padding: 64px 48px;
  }
  .account__sidebar::before {
    content: "";
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: -1;
  }
}
.account__sidebar .cf-edit-account-link-spacer,
.account__sidebar .cf-edit-account-link {
  display: none;
}

@media (min-width: 1080px) {
  .account__sidebarContent {
    margin: 0 0 0 auto;
    max-width: 260px;
  }
}
@media (min-width: 850px) {
  .account__sidebarContent {
    max-width: 278px;
  }
}

.account__main {
  width: 100%;
}
@media (min-width: 1080px) {
  .account__main {
    max-width: 1165px;
    padding: 0 0 80px;
    border-left: 1px solid #ececec;
    width: 85%;
  }
}
@media (min-width: 850px) {
  .account__main {
    padding-right: 0;
  }
}

.account__content {
  background: #f6f6f6;
  padding: 0 16px 42px;
}
@media (min-width: 480px) {
  .account__content {
    padding: 0 24px 42px;
    min-height: 360px;
  }
}
@media (min-width: 1080px) {
  .account__content {
    padding: 64px 64px 25px;
    position: relative;
    padding: 64px 138px 25px 114px;
  }
  .account__content::after {
    position: absolute;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: #f6f6f6;
    z-index: -1;
    right: -100%;
  }
}
.account__content .account__heading {
  gap: 15px;
  align-items: center;
}
.account__content .account__heading.flex {
  display: flex;
}
@media (min-width: 1080px) {
  .account__content .account__heading {
    margin-bottom: 18px;
  }
  .account__content .account__headingPast {
    margin-bottom: 15px;
  }
}

.account__heading {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 16px;
  text-transform: capitalize;
}
.account__heading--preferences {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
}

@media (max-width: 1079px) {
  .account__name {
    display: none;
  }
}

.account__nav,
.account_subnav {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 80vw;
}

@media (min-width: 480px) {
  .account__navMain {
    padding: 0 16px;
  }
}
@media (max-width: 479px) {
  .account__navMain {
    overflow-y: scroll;
    white-space: nowrap;
    padding-bottom: 7px;
    padding-left: 12px;
  }
}
@media (min-width: 480px) {
  .account__navMain {
    padding: 0 24px 5px;
  }
}
@media (min-width: 1080px) {
  .account__navMain {
    padding: 0;
  }
}

.account__navItem {
  padding: 0 4px;
  display: inline-block;
  cursor: pointer;
}
@media (min-width: 480px) {
  .account__navItem {
    padding: 0 6px 0 0;
  }
}
@media (min-width: 1080px) {
  .account__navItem {
    display: block;
  }
}
.account__navItem > a,
.account__navItem > button {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #1a1a1a;
  border-radius: 50px;
  display: inline-block;
  padding: 8px 16px;
  text-decoration: none;
}
@media (min-width: 1080px) {
  .account__navItem > a,
  .account__navItem > button {
    padding: 12px 0;
    background: none;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    border-radius: initial;
    display: block;
  }
}
.account__navItem > button {
  width: 100%;
  text-align: left;
}
.account__navItem.is_active > a, .account__navItem.is_active > button {
  background: #1a1a1a;
  color: white;
}
@media (min-width: 1080px) {
  .account__navItem.is_active > a, .account__navItem.is_active > button {
    font-weight: 700;
    color: #1a1a1a;
    background: transparent;
    text-decoration: underline;
    text-decoration-color: #1a1a1a;
    text-decoration-thickness: 1.5px;
    text-underline-offset: 6px;
  }
}
.account__navItem .account__navItemBtn {
  display: none;
}
@media (min-width: 1080px) {
  .account__navItem .account__navItemBtn {
    display: inline-block;
    font-weight: 700;
    border-radius: 4px;
    border: 1px solid #1a1a1a;
    padding: 6px 12px;
    margin-top: 28px;
  }
}
.account__navItem .cf-edit-account-link-spacer,
.account__navItem .cf-edit-account-link {
  display: none;
}
.account__navItem.account__navItemHidden {
  display: none !important;
}

.account__navItem--sub > a {
  margin-left: 0;
}

.account_subnav {
  display: none;
}
@media (min-width: 1080px) {
  .account_subnav {
    display: block;
    padding: 0 0 0 16px;
  }
}

.account_subnavItem > a,
.account_subnavItem > button {
  color: #1a1a1a;
  padding: 12px 0;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  text-decoration: none;
  display: block;
}
.account_subnavItem.is_active > a,
.account_subnavItem.is_active > button {
  font-weight: 700;
}

.account__returnLink {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  position: relative;
  top: -2px;
  margin-bottom: 16px;
  color: #1a1a1a;
}
@media (min-width: 1080px) {
  .account__returnLink {
    display: none;
  }
}
.account__returnLink a {
  text-decoration: none;
}
.account__returnLink svg {
  margin-right: 7px;
}

.account {
  overflow: hidden;
}
.account .pdpCollection {
  overflow: hidden;
  padding: 40px 16px;
}
@media (min-width: 480px) {
  .account .pdpCollection {
    padding: 40px 24px;
  }
}
@media (min-width: 1080px) {
  .account .pdpCollection {
    padding: 40px 64px 90px;
  }
}
@media (min-width: 850px) {
  .account .pdpCollection {
    padding: 40px 138px 90px 114px;
  }
}
.account .pdpCollection__header {
  margin-bottom: 16px;
}
@media (min-width: 1080px) {
  .account .pdpCollection__header {
    margin-bottom: 24px;
  }
}
.account .pdpCollection__heading {
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 8px;
}
.account .pdpCollection__description {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}
@media (min-width: 1080px) {
  .account .productCard__title {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
  }
}
.account .accountQueue__Btn {
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
  gap: 5px;
}
@media (min-width: 1080px) {
  .account .accountQueue__Btn {
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
  }
}
.account .swiper-wrapper {
  display: flex;
}
.account .swiper-slide {
  height: auto;
}
.account .productCard {
  height: 100%;
  margin-bottom: 0;
  padding-bottom: 45px;
}

.accountPopup {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #fff;
  top: 0;
  left: 0;
  transition: opacity ease-in 0.1s, visibility ease-out 0.1s;
  opacity: 1;
  visibility: visible;
  z-index: 102;
  overflow-y: scroll;
}
.accountPopup.hide {
  opacity: 0;
  visibility: hidden;
  transition: opacity ease-in 0.1s, visibility ease-out 0.1s;
}
@media (min-width: 480px) {
  .accountPopup {
    background: rgba(26, 26, 26, 0.8);
  }
}
.accountPopup .pdpCollection {
  padding: 0;
}
.accountPopup .pdpCollection .swiper-button-prev,
.accountPopup .pdpCollection .swiper-button-next {
  display: none;
}
.accountPopup .pdpCollection .pdpCollection__container,
.accountPopup .pdpCollection .productCard__selection {
  margin-bottom: 0;
}

.pdpCollection__container {
  overflow: hidden;
}

.accountPopup__container {
  max-width: 375px;
  margin: 40px auto;
  background: white;
  padding: 0;
  position: relative;
}
@media (min-width: 1080px) {
  .accountPopup__container {
    border-radius: 8px;
  }
}

.accountPopup__header {
  text-align: center;
  border-bottom: 1px solid #ececec;
  position: relative;
  padding: 16px 0;
  margin-bottom: 40px;
}
.accountPopup__header.mb_16 {
  margin-bottom: 16px;
}

.accountPopup__heading {
  margin: auto;
  max-width: 248px;
  margin-bottom: 0 !important;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  color: #1a1a1a;
}

.accountPopup__close {
  position: absolute;
  right: 16px;
  top: 14px;
  cursor: pointer;
}

.accountPopup__content {
  padding: 0 16px 16px;
}
.accountPopup__content.flex-center {
  display: flex;
  flex: 1;
  place-content: center;
}
.accountPopup__content .dashboard__sectionCardProductCard {
  justify-content: flex-start;
  -o-object-fit: contain;
     object-fit: contain;
}
.accountPopup__content .dashboard__sectionCardProductCardImage {
  width: 120px;
  max-width: 100px;
}
.accountPopup__content .dashboard__sectionCardProductCardImage img {
  width: 100px;
  height: auto;
  max-width: 100px;
}
.accountPopup__content .dashboard__sectionCardProductDetails {
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
}
.accountPopup__content .dashboard__sectionCardTextPrimary {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
}

.accountProduct__item {
  border-radius: 4px;
  padding: 20px 16px;
  border: 1px solid #dfdfdf;
  margin-bottom: 24px;
}

.accountProduct__description {
  margin-bottom: 24px;
}

.accountProduct__btnArea .btn-primary {
  margin-bottom: 8px;
}
.accountProduct__btnArea .buyBox__dropdownFreqWrap {
  margin-bottom: 23px;
}

.accountProduct__btnAreaSubAndSave {
  margin-top: 16px;
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.accountPopup__list {
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.accountPopup__listItem {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px;
  border-radius: 16px;
  border: 1.4px solid #dfdfdf;
  overflow: hidden;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  position: relative;
  color: #1a1a1a;
}
.accountPopup__listItem::after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  background: url("https://cdn.shopify.com/s/files/1/0794/7128/0447/files/icon-white-tick.svg") no-repeat center center #F45048;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  display: none;
}
.accountPopup__listItem.is_active {
  border-color: #F45048;
  background: linear-gradient(0deg, rgba(245, 60, 50, 0.05) 0%, rgba(245, 60, 50, 0.05) 100%), #fff;
}
.accountPopup__listItem.is_active::after {
  display: block;
}
.accountPopup__listItem.is_hidden {
  display: none;
}
.accountPopup__listItem.accountPopup__listItem--withoutCheckMark {
  display: block;
}
.accountPopup__listItem.accountPopup__listItem--withoutCheckMark::after {
  display: none;
}
.accountPopup__listItem .item__flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.accountPopup__listItem .secondaryText {
  margin-top: 4px;
  color: #4d4d4d;
  max-width: 90%;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}
.accountPopup__listItem svg {
  margin-right: 8px;
}
.accountPopup__listItem--header {
  padding-top: 0;
}
.accountPopup__listItem > div {
  width: 100%;
}
.accountPopup__listItem p {
  color: #4d4d4d;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  margin: 5px 0 0;
  max-width: 270px;
}
.accountPopup__listItem.has_badge {
  padding-top: 44px;
}
.accountPopup__listItem.has_badge .badge {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  background: #000;
  border-radius: 16px 16px 0 0;
  color: #fff;
  height: 28px;
  left: 0;
  order: 0;
  padding: 6px 16px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
}
.accountPopup__listItem.has_badge.is_active .badge {
  background: #f53c32;
}
.accountPopup__listItem.has_badge.is_active::after {
  top: calc(50% + 14px);
}

.accountPopup__listItemSecondaryText {
  margin-top: 4px;
  color: #4d4d4d;
  max-width: 90%;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}

.accountPopup__listHeader {
  border-radius: 16px 16px 0 0;
  background: #F45048;
  text-align: center;
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  padding: 6px 0;
}

.accountPopup__recommendText, .accountPopup__recommendTextCenter {
  margin-bottom: 24px;
}

.accountPopup__recommendTextCenter {
  text-align: center;
}

.accountPopup__form {
  margin-bottom: 16px;
}

.accountPopup__label {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 8px;
  display: block;
}

.accountPopup__textarea {
  border: 1px solid #dfdfdf;
  color: #1a1a1a;
  padding: 8px;
  margin-bottom: 8px;
  border-radius: 4px;
  width: 100%;
  min-height: 87px;
}

.accountPopup__order {
  display: flex;
  justify-content: space-evenly;
  text-align: center;
  margin: 24px 0;
}

.accountPopup__orderInfo {
  width: 50%;
}

.accountPopup__orderText {
  margin-top: 8px;
  margin-bottom: 0;
}

.accountPopup__product {
  text-align: center;
  border: 1px solid #dfdfdf;
  padding: 0 20px 20px;
  border-radius: 4px;
  margin-bottom: 24px;
}

.accountPopup__productImage {
  max-width: 200px;
  margin: 0 auto;
  scale: 1.3;
  transform: translate(0, -8px);
}

.accountPopup__productVendor {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #4d4d4d;
  margin-bottom: 8px;
}

.accountPopup__productTitle {
  margin: 0;
}

.accountPopup__productCard {
  text-align: center;
  border: 1px solid #dfdfdf;
  padding: 16px 20px;
  border-radius: 4px;
  margin-bottom: 24px;
}

.accountPopup__placed {
  text-align: center;
}

.accountPopup__placedHeading {
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
}
.accountPopup__placedHeading svg {
  margin-left: 10px;
  position: relative;
  top: -2px;
}

.accountPopup__placedText,
.accountPopup__description,
.accountPopup__orderText,
.accountProduct__description {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #4d4d4d;
}

.accountPopup__placedText {
  text-align: center;
  margin-bottom: 24px;
}
.accountPopup__placedText.mb_0 {
  margin-bottom: 0;
}

.accountPopup__productLineItems {
  display: flex;
  gap: 16px;
  align-items: center;
  color: #4d4d4d;
}
.accountPopup__productLineItems .accountPopup__productLineItemsHeader {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
}
.accountPopup__productLineItems .accountPopup__productLineItemsData {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  margin-left: 4px;
}

.btn-with-border-bottom {
  margin: 14px 0 24px;
  border-bottom: 1.4px solid #ececec;
  padding-bottom: 16px;
}

.accountPopup__placedTextBlue {
  padding: 16px 16px 16px 50px;
  background: #d5e7ef;
  border-radius: 8px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #1a1a1a;
  display: flex;
  align-items: center;
  position: relative;
  margin: 16px 0 8px;
}
.accountPopup__placedTextBlue svg {
  margin-right: 16px;
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
}
.accountPopup__placedTextBlue.position_top {
  margin: 16px 0;
}

.accountPopupQueue__loved {
  margin-top: 40px;
}

.accountPopupQueue__header {
  margin-bottom: 24px;
  text-align: center;
}

.accountPopup__productTitle,
.accountPopup__recommendText,
.accountPopup__recommendTextCenter,
.accountPopupQueue__heading,
.accountPopup__placedHeading,
.accountPopupQueue__title {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  color: #1a1a1a;
}

.accountPopupQueue__image {
  max-width: 104px;
}

.accountPopupQueue__vendor {
  color: #4d4d4d;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  margin-bottom: 8px;
}

.accountPopupQueue__heading {
  margin-bottom: 16px;
}

.accountPopupQueue__text {
  color: #4d4d4d;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  margin: 0;
}

.accountPopupQueue__item {
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  padding: 10px 36px 10px 16px;
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 24px;
}
.accountPopupQueue__item::after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  background: #dfdfdf;
  border-radius: 50%;
  color: #fff;
  text-align: center;
}
.accountPopupQueue__item.is_active::after {
  display: block;
  background: url("https://cdn.shopify.com/s/files/1/0794/7128/0447/files/icon-white-tick.svg") no-repeat center center #F45048;
}
.accountPopupQueue__item.is_disable {
  opacity: 0.5;
  pointer-events: none;
}
.accountPopupQueue__item.is_disable::after {
  content: none;
  display: none;
}

.accountPopupQueue__title {
  margin-bottom: 8px;
}

.accountPopup__productCardContainer {
  border-radius: 4px;
  border: 1px solid #dfdfdf;
  padding: 20px 16px;
  margin-bottom: 24px;
  position: relative;
}

.accountPopup__arrives,
.accountPopup__nextDate {
  color: #4d4d4d;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  margin-bottom: 8px;
  text-align: center;
}

.accountPopup__date {
  color: #1a1a1a;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  margin-bottom: 16px;
  text-align: center;
}

.accountPopup__nextDate {
  margin: 16px 0 24px;
}

.accountPopup__note {
  color: #4d4d4d;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  margin-top: 16px;
  text-align: center;
}

.accountPopup__btnArea {
  text-align: center;
  padding: 16px 0 0;
}
.accountPopup__btnArea .accountPopup__listBtn {
  margin-bottom: 16px;
}
@media (max-width: 479px) {
  .accountPopup__btnArea .accountPopup__btnBottomFixed {
    position: fixed;
    bottom: 0;
    left: 16px;
    right: 16px;
  }
  .accountPopup__btnArea .accountPopup__btnBottomFixed.btn-full {
    width: auto !important;
  }
}

.accountPopup__listBtn {
  display: flex;
  justify-content: center;
}

.accountPopup__link {
  color: #1a1a1a;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  cursor: pointer;
}

.accountProduct__learnmore {
  text-align: center;
}

.accountProduct__learnmorelink {
  cursor: pointer;
  font-weight: 700;
}

.accountQueue__Btn {
  margin-top: 8px;
  padding: 7px 12px;
}

.accountPopup__calender .dp__theme_light {
  --dp-background-color: #fff;
  --dp-text-color: #212121;
  --dp-hover-color: #f3f3f3;
  --dp-hover-text-color: #212121;
  --dp-hover-icon-color: #959595;
  --dp-primary-color: #f53c32;
  --dp-primary-text-color: #4d4d4d;
  --dp-secondary-color: #c0c4cc;
  --dp-border-color: #ddd;
  --dp-menu-border-color: #ddd;
  --dp-border-color-hover: #aaaeb7;
  --dp-disabled-color: #f6f6f6;
  --dp-scroll-bar-background: #f3f3f3;
  --dp-scroll-bar-color: #959595;
  --dp-success-color: #76d275;
  --dp-success-color-disabled: #a3d9b1;
  --dp-icon-color: #959595;
  --dp-danger-color: #ff6f60;
  --dp-highlight-color: rgba(25, 118, 210, 0.1);
  --dp-cell-border-radius: 50px;
  --dp-cell-padding: 0;
  --dp-cell-size: 32px;
  --dp-font-weight: 700;
  --dp-font-family: inter, arial, sans-serif;
}
.accountPopup__calender .dp__main {
  display: inherit;
  width: 80%;
  margin: 0 auto;
}
.accountPopup__calender .dp__menu {
  border: none;
}
.accountPopup__calender .dp__cell_inner,
.accountPopup__calender .dp__calendar_header_item,
.accountPopup__calender .dp__month_year_wrap {
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
}
.accountPopup__calender .dp__today {
  background-color: rgba(245, 60, 50, 0.05);
  border: none;
  color: var(--dp-primary-color);
}
.accountPopup__calender .dp__range_end,
.accountPopup__calender .dp__range_start,
.accountPopup__calender .dp__active_date {
  background: #F45048;
  color: white;
}
.accountPopup__calender .dp__inner_nav svg {
  fill: #1a1a1a;
}
.accountPopup__calender .dp__month_year_row {
  margin-bottom: 16px;
  align-items: initial;
}
.accountPopup__calender .dp__month_year_wrap {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 auto;
  width: auto;
}
.accountPopup__calender .dp__btn {
  width: auto;
  padding: 0 2px;
}
.accountPopup__calender .dp__calendar_header_item {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  color: #1a1a1a;
  height: auto;
}
.accountPopup__calender .dp__calendar_header_separator {
  display: none;
}
.accountPopup__calender .dp__cell_inner {
  font-weight: 700;
}
.accountPopup__calender .dp__cell_disabled {
  font-weight: 400;
}
.accountPopup__calender .dp__cell_highlight {
  background-color: rgba(245, 60, 50, 0.0509803922);
  color: #f53c32;
  font-weight: 700;
}

.accountPopupWide {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(26, 26, 26, 0.8);
  top: 0;
  left: 0;
  transition: opacity ease-in 0.1s, visibility ease-out 0.1s;
  opacity: 1;
  visibility: visible;
  z-index: 102;
  overflow-y: scroll;
  padding: 16px;
}

.accountPopupWide__content {
  max-width: 660px;
  margin: 30px auto;
  background: white;
  padding: 40px 16px;
  position: relative;
  text-align: center;
  border-radius: 8px;
}
@media (min-width: 1080px) {
  .accountPopupWide__content {
    margin: 40px auto;
    padding: 56px 64px;
  }
}
.accountPopupWide__content .loaderSmall,
.accountPopupWide__content .loaderSmall::after {
  border-radius: 50%;
  width: 64px;
  height: 64px;
}
@media (min-width: 1080px) {
  .accountPopupWide__content .loaderSmall,
  .accountPopupWide__content .loaderSmall::after {
    width: 90px;
    height: 90px;
  }
}
.accountPopupWide__content .loaderSmall {
  font-size: 10px;
  position: relative;
  border-top: 8px solid #ececec;
  border-right: 8px solid #ececec;
  border-bottom: 8px solid #ececec;
  border-left: 8px solid #f53c32;
  transform: translateZ(0);
  animation: load8 1.1s infinite linear;
  display: inline-block;
}
@keyframes load8 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.accountPopupWide__heading {
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 40px 0 16px;
}

.accountPopupWide__description {
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
  color: #4d4d4d;
  margin-bottom: 40px;
}
.accountPopupWide__description:last-child {
  margin-bottom: 0;
}

.accountPopup__cta--undo {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  color: #1a1a1a;
  text-decoration-line: underline;
  text-align: center;
  margin-top: 24px;
  cursor: pointer;
}

.accountPopup__listFooter {
  padding: 40px 0;
  max-width: 140px;
  margin: auto;
  text-align: center;
}

.accountlogin {
  padding: 40px 16px 56px;
}
@media (min-width: 1080px) {
  .accountlogin {
    padding: 64px 48px;
  }
}
.accountlogin input[type=email],
.accountlogin input[type=password],
.accountlogin input[type=tel],
.accountlogin input[type=text] {
  border-radius: 4px;
  border: 1px solid #ececec;
  padding: 16px 22px;
  color: #1a1a1a;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}
.accountlogin input[type=email]::-moz-placeholder, .accountlogin input[type=password]::-moz-placeholder, .accountlogin input[type=tel]::-moz-placeholder, .accountlogin input[type=text]::-moz-placeholder {
  color: #9e9e9e;
}
.accountlogin input[type=email]::placeholder,
.accountlogin input[type=password]::placeholder,
.accountlogin input[type=tel]::placeholder,
.accountlogin input[type=text]::placeholder {
  color: #9e9e9e;
}

.accountlogin__wrapper {
  max-width: 320px;
}
@media (min-width: 1080px) {
  .accountlogin__wrapper {
    max-width: 400px;
  }
}

.accountEmpty {
  padding: 40px 16px;
  border-radius: 4px;
  text-align: center;
  background: #fff;
  margin-bottom: 20px;
}
.accountEmpty.giftSubExpAlert {
  text-align: left;
  padding: 20px 16px;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 24px;
  display: none;
}
.accountEmpty.red {
  border: 1.4px solid #F45048;
  background: linear-gradient(0deg, rgba(245, 60, 50, 0.05) 0%, rgba(245, 60, 50, 0.05) 100%), #fff;
}

.mt_16 {
  margin-top: 16px;
}

.mt_minus_16 {
  margin-top: -16px;
}

.accountEmpty__heading {
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
  margin-bottom: 8px;
  color: #1a1a1a;
}
@media (min-width: 1080px) {
  .accountEmpty__heading {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
  }
  .accountEmpty__heading--small {
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: #1a1a1a;
  }
}

.accountEmpty__description {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  margin-bottom: 32px;
  color: #1a1a1a;
}
.accountEmpty__description a {
  font-weight: 700;
}
.accountEmpty__description.max_440 {
  max-width: 440px;
  margin: auto;
}
.accountEmpty__description.max_470 {
  max-width: 470px;
  margin: auto;
}
.accountEmpty__description.m_0 {
  margin: 0;
}
.accountEmpty__description--small {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #4d4d4d;
}

.accountEmptyBtn--desktop .dashboard__sectionCta {
  display: block;
}
@media (min-width: 480px) {
  .accountEmptyBtn--desktop .dashboard__sectionCta {
    display: none;
  }
}
.accountEmptyBtn--desktop .dashboard__sectionCta a {
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  text-decoration: none;
}
.accountEmptyBtn--desktop .dashboard__sectionCta svg {
  display: none;
}

.shimmerBG {
  animation-duration: 4s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: shimmerDashboard;
  animation-timing-function: linear;
  background: #fff;
  background: linear-gradient(to right, #eee 8%, #f9f9f9 18%, #eee 33%);
  background-size: 100% 100%;
}

@keyframes shimmerDashboard {
  0% {
    background-position: -100% 0;
  }
  100% {
    background-position: 100% 0;
  }
  0% {
    background-position: -1200px 0;
  }
  100% {
    background-position: 1200px 0;
  }
}
.accountShimmer {
  position: relative;
  overflow: hidden;
}
.accountShimmer.with-margin {
  margin-top: 16px;
}

.accountShimmer__flex {
  display: flex;
  justify-content: space-between;
}

.accountShimmer__heading {
  width: 160px;
  height: 22px;
  margin-bottom: 18px;
}

.accountShimmer__productBox {
  width: 100%;
  height: 198px;
  margin-bottom: 24px;
}
@media (min-width: 1080px) {
  .accountShimmer__productBox {
    margin-bottom: 40px;
  }
}

.accountShimmer__singleBox {
  width: 100%;
  height: 80px;
  margin-bottom: 24px;
}
@media (min-width: 1080px) {
  .accountShimmer__singleBox {
    margin-bottom: 40px;
  }
}

.form-success {
  padding: 16px;
  background: #f4f1e8;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  color: "prmiary";
  text-align: left;
  border-radius: 4px;
}

.accountWhiteBox {
  background-color: white;
  border-radius: 8px;
  margin-top: 16px;
  margin-bottom: 24px;
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.accountWhiteBox--boxOne {
  height: 256px;
}
.accountWhiteBox--boxTwo {
  height: 164px;
}
.accountWhiteBox--boxThree {
  height: 90px;
}
.accountWhiteBox--boxFour {
  height: 360px;
}

@media (min-width: 1080px) {
  .accountWhiteBoxGrid {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 24px;
  }
}

.giftSubExpAlert__CTA {
  height: -moz-fit-content;
  height: fit-content;
}

.productCard {
  margin-bottom: 40px;
}
@media (min-width: 480px) {
  .productCard {
    margin-bottom: 32px;
  }
}
@media (min-width: 1080px) {
  .productCard {
    margin-bottom: 42px;
  }
}

.productCard__selection::after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  right: 12px;
  top: 12px;
  background: #dfdfdf;
  border-radius: 50%;
  color: #fff;
  text-align: center;
}
.productCard__selection.is_active::after {
  display: block;
  background: url("https://cdn.shopify.com/s/files/1/0794/7128/0447/files/icon-white-tick.svg") no-repeat center center #F45048;
}
.productCard__selection.is_disable {
  opacity: 0.5;
  pointer-events: none;
}
.productCard__selection.is_disable::after {
  content: none;
  display: none;
}

.productCard__image {
  position: relative;
  width: 100%;
  background-color: var(--neutral);
  aspect-ratio: 1/1.25;
  border-radius: 4px;
  margin-bottom: 12px;
  overflow: hidden;
}
@media (min-width: 480px) {
  .productCard__image {
    margin-bottom: 16px;
  }
}
.productCard__image picture {
  min-height: 100%;
  width: auto;
  aspect-ratio: initial !important;
  margin: 0 auto;
}
.productCard__image .image__elem {
  height: initial;
  top: 50%;
  left: 50%;
  max-width: 125%;
  transform: translate(-50%, -50%);
  transition: cubic-bezier(0.61, 0, 0.48, 1.05);
  transition-duration: 150ms;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (min-width: 1080px) {
  .productCard__image:hover .image__elem {
    transform: translate(-50%, -56%);
  }
}

.productCard__badges {
  position: absolute;
  top: 8px;
  left: 8px;
}
@media (min-width: 480px) {
  .productCard__badges {
    top: 11px;
    left: 11px;
  }
}
.productCard__badges span {
  background-color: #ffd6ac;
  color: #1a1a1a;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  border-radius: 99px;
  padding: 6px 12px;
  margin: 0 4px 4px 0;
  text-transform: capitalize;
  display: inline-block;
}

.productCard__vendor {
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16px;
  font-weight: 400;
  text-transform: uppercase;
  color: "prmiary";
  margin-bottom: 3px;
}
@media (min-width: 480px) {
  .productCard__vendor {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 14px;
    font-weight: 400;
    margin-bottom: 8px;
  }
}
@media (min-width: 1080px) {
  .productCard__vendor {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 16px;
    font-weight: 400;
    margin-bottom: 6px;
  }
}

.productCard__titleBlock {
  margin-bottom: 8px;
}
@media (min-width: 480px) {
  .productCard__titleBlock {
    margin-bottom: 8px;
  }
}
@media (min-width: 1080px) {
  .productCard__titleBlock {
    display: flex;
    justify-content: space-between;
    margin-bottom: 3px;
  }
}

.productCard__title {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 4px;
}
@media (min-width: 480px) {
  .productCard__title {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 20px;
    font-weight: 700;
    padding-right: 70px;
    margin-bottom: 6px;
  }
}
@media (min-width: 1080px) {
  .productCard__title {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 22px;
    font-weight: 700;
    padding-right: 16px;
  }
}
.productCard__title a {
  text-decoration: none;
}

.productCard__price {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 18px;
  font-weight: 700;
  color: #1a1a1a;
}
@media (min-width: 1080px) {
  .productCard__price {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 22px;
    font-weight: 700;
    text-align: right;
  }
}
.productCard__price span {
  text-decoration: line-through;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 14px;
  font-weight: 400;
  position: relative;
  top: -3px;
  display: block;
  color: #a3a3a3;
  margin-top: 4px;
}
@media (min-width: 1080px) {
  .productCard__price span {
    text-align: right;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 14px;
    font-weight: 400;
  }
}

.productCard__description {
  color: #1a1a1a;
  padding: 0;
  margin-top: 4px;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16px;
  font-weight: 400;
}
@media (min-width: 400px) {
  .productCard__description {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
    font-weight: 400;
  }
}
.productCard__description p {
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16px;
  font-weight: 400;
  margin: 0;
  padding: 0;
}
@media (min-width: 400px) {
  .productCard__description p {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
    font-weight: 400;
  }
}

.productCard__taste {
  font-size: 14px;
  letter-spacing: 0;
  line-height: 16px;
  font-weight: 400;
}
@media (min-width: 1080px) {
  .productCard__taste {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
    font-weight: 400;
  }
}

.productCard__viewDetail {
  font-size: 14px;
  letter-spacing: 0;
  line-height: 18px;
  font-weight: 700;
  margin-top: 11px;
  display: inline-block;
}

.pdpCollection {
  overflow: hidden;
  padding: 15px;
}
@media (min-width: 480px) {
  .pdpCollection {
    padding: 72px 24px 0;
  }
}
@media (min-width: 1080px) {
  .pdpCollection {
    padding: 72px 48px 0;
  }
}
.pdpCollection .swiper-button-prev,
.pdpCollection .swiper-button-next {
  left: initial;
  right: 0;
  top: -46px;
  bottom: initial;
}
@media (min-width: 1080px) {
  .pdpCollection .swiper-button-prev,
  .pdpCollection .swiper-button-next {
    top: -51px;
  }
}
@media (max-width: 479px) {
  .pdpCollection .swiper-button-prev,
  .pdpCollection .swiper-button-next {
    display: none !important;
  }
}
.pdpCollection .swiper-next,
.pdpCollection .swiper-prev {
  left: initial;
  right: 0;
  top: -62px;
  bottom: initial;
  position: absolute;
}
@media (min-width: 1080px) {
  .pdpCollection .swiper-next,
  .pdpCollection .swiper-prev {
    top: -66px;
  }
}
@media (max-width: 479px) {
  .pdpCollection .swiper-next,
  .pdpCollection .swiper-prev {
    display: none !important;
  }
}
.pdpCollection .swiper-prev,
.pdpCollection .swiper-button-prev {
  right: 40px;
}
.pdpCollection .swiper-next::after,
.pdpCollection .swiper-prev::after,
.pdpCollection .swiper-button-next::after,
.pdpCollection .swiper-button-prev::after {
  display: none;
}
.pdpCollection .swiper-prev svg,
.pdpCollection .swiper-button-prev svg {
  transform: rotate(180deg);
}
@media (min-width: 480px) {
  .pdpCollection .swiper-button-disabled {
    display: flex !important;
  }
  .pdpCollection .swiper-button-lock {
    display: none !important;
  }
}

.pdpCollection__header {
  position: relative;
  margin-bottom: 32px;
}
@media (min-width: 1080px) {
  .pdpCollection__header {
    margin-bottom: 40px;
  }
}

.pdpCollection__leftCol {
  min-height: 16px;
}
@media (min-width: 480px) {
  .pdpCollection__leftCol {
    max-width: 370px;
  }
}
@media (min-width: 1080px) {
  .pdpCollection__leftCol {
    max-width: 767px;
  }
}

.pdpCollection__subHeading {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #1a1a1a;
  margin-bottom: 10px;
}
@media (min-width: 1080px) {
  .pdpCollection__subHeading {
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    margin-bottom: 12px;
  }
}

.pdpCollection__heading {
  font-size: 32px;
  line-height: 34px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 9px;
}
@media (min-width: 1080px) {
  .pdpCollection__heading {
    font-size: 40px;
    line-height: 42px;
    font-weight: 700;
    margin-bottom: 12px;
  }
}

.pdpCollection__description {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  margin: 0;
  color: #4d4d4d;
}
@media (min-width: 1080px) {
  .pdpCollection__description {
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
  }
}

.pdpCollection__shopLink {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #1a1a1a;
  position: absolute;
  right: 0;
  bottom: 0;
  display: none;
}
@media (min-width: 480px) {
  .pdpCollection__shopLink {
    display: block;
    right: 100px;
    bottom: 3px;
  }
}

.pdpCollection__shopButton {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  padding: 13px 24px;
}
@media (min-width: 480px) {
  .pdpCollection__shopButton {
    display: none;
  }
}

.pdpCollection__container {
  margin-bottom: 40px;
}
@media (min-width: 1200px) {
  .pdpCollection__container {
    overflow-x: hidden;
  }
}
.pdpCollection__container .productCard__price span {
  display: none;
}

.pdpCollection__slider {
  position: relative;
}

.pdpCollection__tab {
  margin-top: 19px;
  overflow: auto;
  white-space: nowrap;
  padding: 0 0 12px;
}
@media (min-width: 1080px) {
  .pdpCollection__tab {
    margin-top: 32px;
    padding-bottom: 16px;
  }
}

.pdpCollection__tabItem {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #1a1a1a;
  background: #f2f2f2;
  border-radius: 20px;
  display: inline-block;
  padding: 6px 16px;
  text-decoration: none;
  cursor: pointer;
  margin-right: 8px;
}
@media (min-width: 1080px) {
  .pdpCollection__tabItem {
    padding: 8px 16px;
    margin-right: 4px;
  }
}
.pdpCollection__tabItem.is-active {
  background: #1a1a1a;
  color: white;
}

.pdpCollection__home .pdpCollection__header {
  margin-bottom: 20px;
}
@media (min-width: 1080px) {
  .pdpCollection__home .pdpCollection__header {
    margin-bottom: 24px;
  }
}
.pdpCollection__home .pdpCollection__description {
  max-width: 630px;
}
.pdpCollection__home .pdpCollection__container {
  margin-bottom: 0;
}
@media (min-width: 480px) {
  .pdpCollection__home .pdpCollection__shopLink {
    right: 85px;
    bottom: 21px;
  }
}
@media (min-width: 1080px) {
  .pdpCollection__home .pdpCollection__shopLink {
    right: 97px;
    bottom: 21px;
  }
}
@media (min-width: 480px) {
  .pdpCollection__home .pdpCollection__leftCol {
    max-width: 70%;
  }
}
@media (min-width: 1080px) {
  .pdpCollection__home .pdpCollection__leftCol {
    max-width: 76%;
  }
}
.pdpCollection__home .pdpCollection__shopButton {
  margin-top: 23px;
}

.dashboard_topModule {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 60px;
}

.dashboard__sectionHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-flow: row;
}

.dashboard__sectionTitle {
  color: #1a1a1a;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
}
.dashboard__sectionTitle.withMarginBottom {
  margin-bottom: 16px;
}

.dashboard__sectionHeader--credit {
  display: block;
}
.dashboard__sectionHeader--credit .dashboard__sectionTitle {
  margin-bottom: 8px;
}

.dashboard__sectionSubDescription {
  color: #4d4d4d;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  margin-bottom: 16px;
}

.dashboard__sectionSmallDescription {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  padding-top: 16px;
  border-top: 1px solid #dfdfdf;
  margin-top: 16px;
  color: #4d4d4d;
}

.dashboard__sectionCard {
  position: relative;
  color: #1a1a1a;
  border-radius: 4px;
  background: white;
  padding: 20px 16px;
  margin: 16px 0 39px;
}
@media (max-width: 479px) {
  .dashboard__sectionCard--product {
    padding-bottom: 0;
  }
}
.dashboard__sectionCard--product .btn-brand {
  width: 100%;
}

.dashboard__sectionCardData {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-flow: row;
}
@media (max-width: 849px) {
  .dashboard__sectionCardData {
    flex-direction: column;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
  }
}

.dashboard__sectionCardProductCard {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-flow: row;
  gap: 16px;
}
.dashboard__sectionCardProductCard img {
  cursor: pointer;
  height: 216px;
  width: 216px;
  scale: 1.4;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 480px) {
  .dashboard__sectionCardProductCard img {
    scale: 1.4;
    transform: translateY(-8px);
    height: 216px;
    width: 216px;
  }
  .dashboard__sectionCardProductCard img.noScale {
    scale: 1;
    transform: translateY(0) !important;
  }
}

.dashboard__sectionCardProductCard--archived {
  filter: grayscale(1);
}

.dashboard__sectionCardProductCardImage {
  margin-bottom: 16px;
  position: relative;
  display: flex;
  justify-content: center;
}
@media (min-width: 480px) {
  .dashboard__sectionCardProductCardImage {
    overflow: hidden;
    margin-bottom: 0;
  }
}
.dashboard__sectionCardProductCardImage .tag {
  position: absolute;
  top: 10px;
  right: 30px;
}
@media (max-width: 479px) {
  .dashboard__sectionCardProductCardImage .tag {
    position: absolute;
    top: -10px;
    left: -5px;
    right: inherit;
  }
}

.dashboard__sectionCardProductDetails {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: row;
  flex-direction: column;
  gap: 8px;
  text-align: left;
  padding-bottom: 0;
}
@media (min-width: 480px) {
  .dashboard__sectionCardProductDetails {
    padding-bottom: 0;
    max-width: 322px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-flow: column;
  }
}

.dashboard__sectionCardTextSecondary {
  color: #4d4d4d;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}
@media (min-width: 480px) {
  .dashboard__sectionCardTextSecondary--tag {
    display: flex;
    flex-flow: row wrap;
    gap: 8px;
  }
  .dashboard__sectionCardTextSecondary--tag.withMarginTop {
    margin-top: 8px;
  }
}
@media (max-width: 479px) {
  .dashboard__sectionCardTextSecondary--tag {
    display: block;
    right: 16px;
    top: 16px;
    text-align: right;
  }
}

.dashboard__sectionCardData--full {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 850px) {
  .dashboard__sectionCardData--full {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: row;
  }
}
.dashboard__sectionCardData--full .dashboard__sectionCardProductCard {
  text-align: center;
  display: block;
}
@media (min-width: 480px) {
  .dashboard__sectionCardData--full .dashboard__sectionCardProductCard {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-flow: row;
    gap: 16px;
    text-align: left;
  }
}
.dashboard__sectionCardData--full .dashboard__sectionCardProductCard img {
  cursor: pointer;
  height: 216px;
  width: auto;
}
@media (min-width: 480px) {
  .dashboard__sectionCardData--full .dashboard__sectionCardProductCard img {
    height: 216px;
    width: 216px;
    transform: translateY(-8px);
  }
}
@media (min-width: 1080px) {
  .dashboard__sectionCardData--full .dashboard__sectionCardProductCard img {
    height: 186px;
    width: 186px;
  }
}
@media (min-width: 850px) {
  .dashboard__sectionCardData--full .dashboard__sectionCardProductCard img {
    height: 216px;
    width: 216px;
  }
}
.dashboard__sectionCardData--full .dashboard__sectionCardProductCard img.noScale {
  transform: translateY(0) !important;
}
.dashboard__sectionCardData--full .dashboard__sectionCardProductDetails {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: row;
  flex-direction: column;
  gap: 8px;
  padding-bottom: 24px;
}
@media (min-width: 480px) {
  .dashboard__sectionCardData--full .dashboard__sectionCardProductDetails {
    padding-bottom: 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-flow: column;
  }
}
@media (max-width: 479px) {
  .dashboard__sectionCardData--full .dashboard__sectionCardButtonsSection {
    display: block;
    background: #fff;
    padding: 0 16px 20px;
    margin: 0 -16px;
  }
}
@media (min-width: 480px) {
  .dashboard__sectionCardData--full .dashboard__sectionCardButtonsSection {
    width: 254px;
  }
}
@media (min-width: 1080px) {
  .dashboard__sectionCardData--full .dashboard__sectionCardButtonsSection {
    width: 220px;
  }
}
@media (min-width: 850px) {
  .dashboard__sectionCardData--full .dashboard__sectionCardButtonsSection {
    width: 254px;
  }
}
@media (min-width: 480px) {
  .dashboard__sectionCardData--full .dashboard__sectionCardButtonsSection--wide {
    width: 286px;
  }
}

@media (max-width: 479px) {
  .dashboard__sectionCard--rate {
    padding-top: 30px;
  }
  .dashboard__sectionCard--rate .dashboard__sectionCardButtonsSection {
    margin-top: 24px;
  }
}
@media (min-width: 480px) {
  .dashboard__sectionCard--rate .btn-border {
    width: auto;
  }
}
.dashboard__sectionCard--rate .dashboard__sectionCardProductCardImage {
  max-width: 100px;
}
@media (max-width: 479px) {
  .dashboard__sectionCard--rate .dashboard__sectionCardProductCardImage {
    position: relative;
    top: 10px;
  }
}
.dashboard__sectionCard--rate .dashboard__sectionCardProductCardImage img {
  height: 100px;
  width: 100px;
  scale: 1.6;
}
.dashboard__sectionCard--rate .dashboard__sectionCardProductCardImage img.noScale {
  scale: 1 !important;
}
.dashboard__sectionCard--rate .dashboard__sectionCardProductDetails {
  justify-content: flex-start;
  align-items: flex-start;
}
.dashboard__sectionCard--rate .dashboard__sectionCardTextPrimary {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
}

.dashboard__sectionCardTextSecondaryBold {
  color: #1a1a1a;
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
}

.dashboard__sectionCardTextPrimary {
  cursor: pointer;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  color: #1a1a1a;
}

.dashboard__sectionCardTextTernary {
  text-transform: uppercase;
  color: #4d4d4d;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.dashboard__sectionCardButtonsSection {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  gap: 8px;
}

@media (min-width: 480px) {
  .dashboard__sectionCardButtonsSection--rate {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-flow: row;
    flex-direction: column;
    gap: 8px;
  }
}

@media (max-width: 479px) {
  .dashboard__sectionCardButtonsArea {
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
    width: 100%;
  }
  .dashboard__sectionCardButtonsArea .btn-border:first-child {
    margin-right: 5px;
  }
}
@media (min-width: 480px) {
  .dashboard__sectionCardButtonsArea {
    width: 100%;
  }
  .dashboard__sectionCardButtonsArea .btn-border {
    width: 100%;
    margin-bottom: 8px;
  }
}

@media (max-width: 479px) {
  .dashboard__sectionCardButtonsArea--column {
    flex-direction: column;
  }
}

.dashboard__sectionCardButtonsAreaAlert {
  border-radius: 4px;
  margin-top: 8px;
  padding: 16px;
  display: flex;
  align-items: center;
  gap: 16px;
  background: linear-gradient(0deg, rgba(242, 214, 145, 0.56) 0%, rgba(242, 214, 145, 0.56) 100%), #fff;
  color: #1a1a1a;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}
.dashboard__sectionCardButtonsAreaAlert .dashboard__sectionCardButtonsAreaAlert--icon {
  transform: scale(2);
}
@media (max-width: 479px) {
  .dashboard__sectionCardButtonsAreaAlert .dashboard__sectionCardButtonsAreaAlert--icon {
    transform: scale(1.5);
  }
}

.dashboard__sectionCardButtonsSectionInfo {
  align-self: center;
  color: #4d4d4d;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
}
.dashboard__sectionCardButtonsSectionInfo--mobile {
  margin: 0 0 8px;
  text-align: center;
}
@media (min-width: 480px) {
  .dashboard__sectionCardButtonsSectionInfo--mobile {
    display: none;
  }
}
@media (max-width: 479px) {
  .dashboard__sectionCardButtonsSectionInfo--desktop {
    display: none;
  }
}
.dashboard__sectionCardButtonsSectionInfo.dashboard__sectionInfoText {
  background-color: rgba(28, 124, 84, 0.0784313725);
  border-radius: 8px;
  text-align: center;
  padding: 16px;
  width: 100%;
}

.dashboard__sectionCardButtonsLighterSectionInfo {
  align-self: center;
  color: #9e9e9e;
  margin-top: 8px;
  margin-bottom: 8px;
  text-align: center;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}
.dashboard__sectionCardButtonsLighterSectionInfo--mobile {
  text-align: center;
}
@media (min-width: 480px) {
  .dashboard__sectionCardButtonsLighterSectionInfo--mobile {
    display: none;
  }
}
@media (max-width: 479px) {
  .dashboard__sectionCardButtonsLighterSectionInfo--desktop {
    display: none;
  }
}

.dashboard__sectionCta {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-flow: row;
  gap: 4px;
}
.dashboard__sectionCta a,
.dashboard__sectionCta button {
  padding: 0;
  color: #1a1a1a;
  text-decoration: underline;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  text-align: right;
}
.dashboard__sectionCta a:hover,
.dashboard__sectionCta button:hover {
  text-decoration: none;
}
@media (max-width: 479px) {
  .dashboard__sectionCta--mhide {
    display: none;
  }
}

@media (min-width: 850px) {
  .dashboard__sectionGrid {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-flow: row;
    gap: 24px;
  }
}
.dashboard__sectionGrid .accountSubDetails__heading {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  margin: 0 0 8px;
}

.accountSubDetails__paymentMethodImage {
  height: 28px;
  margin-left: -4px;
}

@media (min-width: 480px) {
  .dashboard__section {
    flex: 1;
  }
}

.dashboard__sectionSubscriptionHeaderContainer, .dashboard__sectionSubscriptionHeaderContainerWithBG {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-flow: row;
  gap: 16px;
  text-decoration: none;
}
.dashboard__sectionSubscriptionHeaderContainer img, .dashboard__sectionSubscriptionHeaderContainerWithBG img {
  height: 80px;
  width: 80px;
}
.dashboard__sectionSubscriptionHeaderContainer.withBorderBottom, .withBorderBottom.dashboard__sectionSubscriptionHeaderContainerWithBG {
  padding-bottom: 20px;
  border-bottom: 1px solid #dfdfdf;
}
.dashboard__sectionSubscriptionHeaderContainer.clickable, .clickable.dashboard__sectionSubscriptionHeaderContainerWithBG {
  cursor: pointer;
}
.dashboard__sectionSubscriptionHeaderContainer.withMarginBottom, .withMarginBottom.dashboard__sectionSubscriptionHeaderContainerWithBG {
  margin-bottom: 8px;
}
@media (min-width: 480px) {
  .dashboard__sectionSubscriptionHeaderContainer.withMarginBottom, .withMarginBottom.dashboard__sectionSubscriptionHeaderContainerWithBG {
    margin-bottom: 20px;
  }
}

.dashboard__sectionSubscriptionHeaderContainerWithBG {
  background-color: #fff;
  margin-bottom: 16px;
  padding: 16px;
  border-radius: 8px;
}
.dashboard__sectionSubscriptionHeaderContainerWithBG.clickable {
  cursor: pointer;
}

.dashboard__sectionSubscriptionHeader, .dashboard__sectionSubscriptionHeaderSmall {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-flow: row;
  flex-direction: column;
  gap: 8px;
  flex: 1;
}
.dashboard__sectionSubscriptionHeader--noGap {
  gap: 0;
}

.dashboard__sectionSubscriptionHeaderSmall {
  gap: 4px;
}

.dashboard__sectionSubscriptionHeaderSecondary {
  color: #4d4d4d;
  text-transform: capitalize;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
.dashboard__sectionSubscriptionHeaderSecondary.uppercase {
  text-transform: uppercase;
}

.dashboard__sectionSubscriptionHeaderPrimary {
  text-decoration: none;
  color: #1a1a1a;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
}

.dashboard__sectionSubscriptionCredit {
  color: #1a1a1a;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
}
.dashboard__sectionSubscriptionCredit .yotpo-balance,
.dashboard__sectionSubscriptionCredit span {
  color: #1c7c54;
}

.dashboard__sectionSubscriptionData, .dashboard__sectionSubscriptionFooter {
  padding: 16px 0;
  border-bottom: 1px solid #ececec;
  color: #4d4d4d;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-flow: row;
}
.dashboard__sectionSubscriptionData:last-of-type, .dashboard__sectionSubscriptionFooter:last-of-type {
  border-bottom: 0;
  padding-bottom: 0;
}
.dashboard__sectionSubscriptionData:first-of-type, .dashboard__sectionSubscriptionFooter:first-of-type {
  border-top: 1px solid #ececec;
}

.dashboard__sectionSubscriptionFooter {
  border-bottom: 0;
  color: #1a1a1a;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
}

.dashboard__sectionManageSubscriptionButton {
  margin-top: 16px;
}
.dashboard__sectionManageSubscriptionButton .btn-border {
  width: 100%;
}

@media (max-width: 479px) {
  .dashboard__manageAccountbtn--desktop,
  .dashboard__showDesktop {
    display: none;
  }
}

.dashboard__sectionCard--account {
  margin-bottom: 16px;
}

@media (min-width: 480px) {
  .dashboard__manageAccountbtn--mobile {
    display: none;
  }
}
.dashboard__manageAccountbtn--mobile .btn-border {
  background: #1a1a1a;
  color: #fff;
}

.dashboard__vieworderMobile {
  margin-bottom: 40px;
}
@media (min-width: 480px) {
  .dashboard__vieworderMobile {
    display: none;
  }
}

@media (max-width: 479px) {
  .dashboard__sectionCardDeliveryStatusMain {
    padding: 0 16px 20px;
    display: flex;
    justify-content: center;
    margin: 0 -16px;
    flex-wrap: wrap;
  }
}

.dashboard__sectionCardDeliveryStatusContainer {
  margin: 0 16px;
}
@media (min-width: 480px) {
  .dashboard__sectionCardDeliveryStatusContainer {
    margin: 0 26px;
  }
}

.dashboard__sectionCardTrackPackageCTA {
  width: 100%;
  margin-top: 16px;
}

.dashboard__sectionCardDeliveryStatusSection {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 12px;
}

.dashboard__sectionCardDeliveryStatus {
  color: #4d4d4d;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}
.dashboard__sectionCardDeliveryStatus:first-child {
  margin-left: -26px;
}
.dashboard__sectionCardDeliveryStatus:last-child {
  margin-right: -26px;
}
.dashboard__sectionCardDeliveryStatus--active {
  color: #1a1a1a;
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
}
/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-3.use[3]!./src/styles/templates/customers/account.my_queue.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable declaration-block-no-redundant-longhand-properties */
/* stylelint-enable declaration-block-no-redundant-longhand-properties */
.account__Innerwrapper {
  position: relative;
}

@media (min-width: 1080px) {
  .account__container {
    display: flex;
    border-bottom: 1px solid #ececec;
    padding: 0 48px;
  }
}
@media (min-width: 850px) {
  .account__container {
    padding: 0;
  }
}
.account__container vue-sidebar {
  width: 100%;
}
@media (min-width: 1080px) {
  .account__container vue-sidebar {
    min-width: 220px;
    max-width: 220px;
    width: 15%;
  }
}
@media (min-width: 850px) {
  .account__container vue-sidebar {
    min-width: 276px;
    max-width: 276px;
  }
}

.account__sidebar {
  padding: 23px 0;
  width: 100%;
  background: #f6f6f6;
}
@media (min-width: 480px) {
  .account__sidebar {
    padding: 23px 0 4px;
  }
}
@media (min-width: 1080px) {
  .account__sidebar {
    padding: 64px 24px 64px 0;
    background: #fff;
    margin: 0;
    position: relative;
    min-height: 100%;
    max-width: 276px;
    padding: 64px 48px;
  }
  .account__sidebar::before {
    content: "";
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: -1;
  }
}
.account__sidebar .cf-edit-account-link-spacer,
.account__sidebar .cf-edit-account-link {
  display: none;
}

@media (min-width: 1080px) {
  .account__sidebarContent {
    margin: 0 0 0 auto;
    max-width: 260px;
  }
}
@media (min-width: 850px) {
  .account__sidebarContent {
    max-width: 278px;
  }
}

.account__main {
  width: 100%;
}
@media (min-width: 1080px) {
  .account__main {
    max-width: 1165px;
    padding: 0 0 80px;
    border-left: 1px solid #ececec;
    width: 85%;
  }
}
@media (min-width: 850px) {
  .account__main {
    padding-right: 0;
  }
}

.account__content {
  background: #f6f6f6;
  padding: 0 16px 42px;
}
@media (min-width: 480px) {
  .account__content {
    padding: 0 24px 42px;
    min-height: 360px;
  }
}
@media (min-width: 1080px) {
  .account__content {
    padding: 64px 64px 25px;
    position: relative;
    padding: 64px 138px 25px 114px;
  }
  .account__content::after {
    position: absolute;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: #f6f6f6;
    z-index: -1;
    right: -100%;
  }
}
.account__content .account__heading {
  gap: 15px;
  align-items: center;
}
.account__content .account__heading.flex {
  display: flex;
}
@media (min-width: 1080px) {
  .account__content .account__heading {
    margin-bottom: 18px;
  }
  .account__content .account__headingPast {
    margin-bottom: 15px;
  }
}

.account__heading {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 16px;
  text-transform: capitalize;
}
.account__heading--preferences {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
}

@media (max-width: 1079px) {
  .account__name {
    display: none;
  }
}

.account__nav,
.account_subnav {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 80vw;
}

@media (min-width: 480px) {
  .account__navMain {
    padding: 0 16px;
  }
}
@media (max-width: 479px) {
  .account__navMain {
    overflow-y: scroll;
    white-space: nowrap;
    padding-bottom: 7px;
    padding-left: 12px;
  }
}
@media (min-width: 480px) {
  .account__navMain {
    padding: 0 24px 5px;
  }
}
@media (min-width: 1080px) {
  .account__navMain {
    padding: 0;
  }
}

.account__navItem {
  padding: 0 4px;
  display: inline-block;
  cursor: pointer;
}
@media (min-width: 480px) {
  .account__navItem {
    padding: 0 6px 0 0;
  }
}
@media (min-width: 1080px) {
  .account__navItem {
    display: block;
  }
}
.account__navItem > a,
.account__navItem > button {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #1a1a1a;
  border-radius: 50px;
  display: inline-block;
  padding: 8px 16px;
  text-decoration: none;
}
@media (min-width: 1080px) {
  .account__navItem > a,
  .account__navItem > button {
    padding: 12px 0;
    background: none;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    border-radius: initial;
    display: block;
  }
}
.account__navItem > button {
  width: 100%;
  text-align: left;
}
.account__navItem.is_active > a, .account__navItem.is_active > button {
  background: #1a1a1a;
  color: white;
}
@media (min-width: 1080px) {
  .account__navItem.is_active > a, .account__navItem.is_active > button {
    font-weight: 700;
    color: #1a1a1a;
    background: transparent;
    text-decoration: underline;
    text-decoration-color: #1a1a1a;
    text-decoration-thickness: 1.5px;
    text-underline-offset: 6px;
  }
}
.account__navItem .account__navItemBtn {
  display: none;
}
@media (min-width: 1080px) {
  .account__navItem .account__navItemBtn {
    display: inline-block;
    font-weight: 700;
    border-radius: 4px;
    border: 1px solid #1a1a1a;
    padding: 6px 12px;
    margin-top: 28px;
  }
}
.account__navItem .cf-edit-account-link-spacer,
.account__navItem .cf-edit-account-link {
  display: none;
}
.account__navItem.account__navItemHidden {
  display: none !important;
}

.account__navItem--sub > a {
  margin-left: 0;
}

.account_subnav {
  display: none;
}
@media (min-width: 1080px) {
  .account_subnav {
    display: block;
    padding: 0 0 0 16px;
  }
}

.account_subnavItem > a,
.account_subnavItem > button {
  color: #1a1a1a;
  padding: 12px 0;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  text-decoration: none;
  display: block;
}
.account_subnavItem.is_active > a,
.account_subnavItem.is_active > button {
  font-weight: 700;
}

.account__returnLink {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  position: relative;
  top: -2px;
  margin-bottom: 16px;
  color: #1a1a1a;
}
@media (min-width: 1080px) {
  .account__returnLink {
    display: none;
  }
}
.account__returnLink a {
  text-decoration: none;
}
.account__returnLink svg {
  margin-right: 7px;
}

.account {
  overflow: hidden;
}
.account .pdpCollection {
  overflow: hidden;
  padding: 40px 16px;
}
@media (min-width: 480px) {
  .account .pdpCollection {
    padding: 40px 24px;
  }
}
@media (min-width: 1080px) {
  .account .pdpCollection {
    padding: 40px 64px 90px;
  }
}
@media (min-width: 850px) {
  .account .pdpCollection {
    padding: 40px 138px 90px 114px;
  }
}
.account .pdpCollection__header {
  margin-bottom: 16px;
}
@media (min-width: 1080px) {
  .account .pdpCollection__header {
    margin-bottom: 24px;
  }
}
.account .pdpCollection__heading {
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 8px;
}
.account .pdpCollection__description {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}
@media (min-width: 1080px) {
  .account .productCard__title {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
  }
}
.account .accountQueue__Btn {
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
  gap: 5px;
}
@media (min-width: 1080px) {
  .account .accountQueue__Btn {
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
  }
}
.account .swiper-wrapper {
  display: flex;
}
.account .swiper-slide {
  height: auto;
}
.account .productCard {
  height: 100%;
  margin-bottom: 0;
  padding-bottom: 45px;
}

.accountPopup {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #fff;
  top: 0;
  left: 0;
  transition: opacity ease-in 0.1s, visibility ease-out 0.1s;
  opacity: 1;
  visibility: visible;
  z-index: 102;
  overflow-y: scroll;
}
.accountPopup.hide {
  opacity: 0;
  visibility: hidden;
  transition: opacity ease-in 0.1s, visibility ease-out 0.1s;
}
@media (min-width: 480px) {
  .accountPopup {
    background: rgba(26, 26, 26, 0.8);
  }
}
.accountPopup .pdpCollection {
  padding: 0;
}
.accountPopup .pdpCollection .swiper-button-prev,
.accountPopup .pdpCollection .swiper-button-next {
  display: none;
}
.accountPopup .pdpCollection .pdpCollection__container,
.accountPopup .pdpCollection .productCard__selection {
  margin-bottom: 0;
}

.pdpCollection__container {
  overflow: hidden;
}

.accountPopup__container {
  max-width: 375px;
  margin: 40px auto;
  background: white;
  padding: 0;
  position: relative;
}
@media (min-width: 1080px) {
  .accountPopup__container {
    border-radius: 8px;
  }
}

.accountPopup__header {
  text-align: center;
  border-bottom: 1px solid #ececec;
  position: relative;
  padding: 16px 0;
  margin-bottom: 40px;
}
.accountPopup__header.mb_16 {
  margin-bottom: 16px;
}

.accountPopup__heading {
  margin: auto;
  max-width: 248px;
  margin-bottom: 0 !important;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  color: #1a1a1a;
}

.accountPopup__close {
  position: absolute;
  right: 16px;
  top: 14px;
  cursor: pointer;
}

.accountPopup__content {
  padding: 0 16px 16px;
}
.accountPopup__content.flex-center {
  display: flex;
  flex: 1;
  place-content: center;
}
.accountPopup__content .dashboard__sectionCardProductCard {
  justify-content: flex-start;
  -o-object-fit: contain;
     object-fit: contain;
}
.accountPopup__content .dashboard__sectionCardProductCardImage {
  width: 120px;
  max-width: 100px;
}
.accountPopup__content .dashboard__sectionCardProductCardImage img {
  width: 100px;
  height: auto;
  max-width: 100px;
}
.accountPopup__content .dashboard__sectionCardProductDetails {
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
}
.accountPopup__content .dashboard__sectionCardTextPrimary {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
}

.accountProduct__item {
  border-radius: 4px;
  padding: 20px 16px;
  border: 1px solid #dfdfdf;
  margin-bottom: 24px;
}

.accountProduct__description {
  margin-bottom: 24px;
}

.accountProduct__btnArea .btn-primary {
  margin-bottom: 8px;
}
.accountProduct__btnArea .buyBox__dropdownFreqWrap {
  margin-bottom: 23px;
}

.accountProduct__btnAreaSubAndSave {
  margin-top: 16px;
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.accountPopup__list {
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.accountPopup__listItem {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px;
  border-radius: 16px;
  border: 1.4px solid #dfdfdf;
  overflow: hidden;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  position: relative;
  color: #1a1a1a;
}
.accountPopup__listItem::after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  background: url("https://cdn.shopify.com/s/files/1/0794/7128/0447/files/icon-white-tick.svg") no-repeat center center #F45048;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  display: none;
}
.accountPopup__listItem.is_active {
  border-color: #F45048;
  background: linear-gradient(0deg, rgba(245, 60, 50, 0.05) 0%, rgba(245, 60, 50, 0.05) 100%), #fff;
}
.accountPopup__listItem.is_active::after {
  display: block;
}
.accountPopup__listItem.is_hidden {
  display: none;
}
.accountPopup__listItem.accountPopup__listItem--withoutCheckMark {
  display: block;
}
.accountPopup__listItem.accountPopup__listItem--withoutCheckMark::after {
  display: none;
}
.accountPopup__listItem .item__flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.accountPopup__listItem .secondaryText {
  margin-top: 4px;
  color: #4d4d4d;
  max-width: 90%;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}
.accountPopup__listItem svg {
  margin-right: 8px;
}
.accountPopup__listItem--header {
  padding-top: 0;
}
.accountPopup__listItem > div {
  width: 100%;
}
.accountPopup__listItem p {
  color: #4d4d4d;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  margin: 5px 0 0;
  max-width: 270px;
}
.accountPopup__listItem.has_badge {
  padding-top: 44px;
}
.accountPopup__listItem.has_badge .badge {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  background: #000;
  border-radius: 16px 16px 0 0;
  color: #fff;
  height: 28px;
  left: 0;
  order: 0;
  padding: 6px 16px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
}
.accountPopup__listItem.has_badge.is_active .badge {
  background: #f53c32;
}
.accountPopup__listItem.has_badge.is_active::after {
  top: calc(50% + 14px);
}

.accountPopup__listItemSecondaryText {
  margin-top: 4px;
  color: #4d4d4d;
  max-width: 90%;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}

.accountPopup__listHeader {
  border-radius: 16px 16px 0 0;
  background: #F45048;
  text-align: center;
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  padding: 6px 0;
}

.accountPopup__recommendText, .accountPopup__recommendTextCenter {
  margin-bottom: 24px;
}

.accountPopup__recommendTextCenter {
  text-align: center;
}

.accountPopup__form {
  margin-bottom: 16px;
}

.accountPopup__label {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 8px;
  display: block;
}

.accountPopup__textarea {
  border: 1px solid #dfdfdf;
  color: #1a1a1a;
  padding: 8px;
  margin-bottom: 8px;
  border-radius: 4px;
  width: 100%;
  min-height: 87px;
}

.accountPopup__order {
  display: flex;
  justify-content: space-evenly;
  text-align: center;
  margin: 24px 0;
}

.accountPopup__orderInfo {
  width: 50%;
}

.accountPopup__orderText {
  margin-top: 8px;
  margin-bottom: 0;
}

.accountPopup__product {
  text-align: center;
  border: 1px solid #dfdfdf;
  padding: 0 20px 20px;
  border-radius: 4px;
  margin-bottom: 24px;
}

.accountPopup__productImage {
  max-width: 200px;
  margin: 0 auto;
  scale: 1.3;
  transform: translate(0, -8px);
}

.accountPopup__productVendor {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #4d4d4d;
  margin-bottom: 8px;
}

.accountPopup__productTitle {
  margin: 0;
}

.accountPopup__productCard {
  text-align: center;
  border: 1px solid #dfdfdf;
  padding: 16px 20px;
  border-radius: 4px;
  margin-bottom: 24px;
}

.accountPopup__placed {
  text-align: center;
}

.accountPopup__placedHeading {
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
}
.accountPopup__placedHeading svg {
  margin-left: 10px;
  position: relative;
  top: -2px;
}

.accountPopup__placedText,
.accountPopup__description,
.accountPopup__orderText,
.accountProduct__description {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #4d4d4d;
}

.accountPopup__placedText {
  text-align: center;
  margin-bottom: 24px;
}
.accountPopup__placedText.mb_0 {
  margin-bottom: 0;
}

.accountPopup__productLineItems {
  display: flex;
  gap: 16px;
  align-items: center;
  color: #4d4d4d;
}
.accountPopup__productLineItems .accountPopup__productLineItemsHeader {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
}
.accountPopup__productLineItems .accountPopup__productLineItemsData {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  margin-left: 4px;
}

.btn-with-border-bottom {
  margin: 14px 0 24px;
  border-bottom: 1.4px solid #ececec;
  padding-bottom: 16px;
}

.accountPopup__placedTextBlue {
  padding: 16px 16px 16px 50px;
  background: #d5e7ef;
  border-radius: 8px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #1a1a1a;
  display: flex;
  align-items: center;
  position: relative;
  margin: 16px 0 8px;
}
.accountPopup__placedTextBlue svg {
  margin-right: 16px;
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
}
.accountPopup__placedTextBlue.position_top {
  margin: 16px 0;
}

.accountPopupQueue__loved {
  margin-top: 40px;
}

.accountPopupQueue__header {
  margin-bottom: 24px;
  text-align: center;
}

.accountPopup__productTitle,
.accountPopup__recommendText,
.accountPopup__recommendTextCenter,
.accountPopupQueue__heading,
.accountPopup__placedHeading,
.accountPopupQueue__title {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  color: #1a1a1a;
}

.accountPopupQueue__image {
  max-width: 104px;
}

.accountPopupQueue__vendor {
  color: #4d4d4d;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  margin-bottom: 8px;
}

.accountPopupQueue__heading {
  margin-bottom: 16px;
}

.accountPopupQueue__text {
  color: #4d4d4d;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  margin: 0;
}

.accountPopupQueue__item {
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  padding: 10px 36px 10px 16px;
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 24px;
}
.accountPopupQueue__item::after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  background: #dfdfdf;
  border-radius: 50%;
  color: #fff;
  text-align: center;
}
.accountPopupQueue__item.is_active::after {
  display: block;
  background: url("https://cdn.shopify.com/s/files/1/0794/7128/0447/files/icon-white-tick.svg") no-repeat center center #F45048;
}
.accountPopupQueue__item.is_disable {
  opacity: 0.5;
  pointer-events: none;
}
.accountPopupQueue__item.is_disable::after {
  content: none;
  display: none;
}

.accountPopupQueue__title {
  margin-bottom: 8px;
}

.accountPopup__productCardContainer {
  border-radius: 4px;
  border: 1px solid #dfdfdf;
  padding: 20px 16px;
  margin-bottom: 24px;
  position: relative;
}

.accountPopup__arrives,
.accountPopup__nextDate {
  color: #4d4d4d;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  margin-bottom: 8px;
  text-align: center;
}

.accountPopup__date {
  color: #1a1a1a;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  margin-bottom: 16px;
  text-align: center;
}

.accountPopup__nextDate {
  margin: 16px 0 24px;
}

.accountPopup__note {
  color: #4d4d4d;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  margin-top: 16px;
  text-align: center;
}

.accountPopup__btnArea {
  text-align: center;
  padding: 16px 0 0;
}
.accountPopup__btnArea .accountPopup__listBtn {
  margin-bottom: 16px;
}
@media (max-width: 479px) {
  .accountPopup__btnArea .accountPopup__btnBottomFixed {
    position: fixed;
    bottom: 0;
    left: 16px;
    right: 16px;
  }
  .accountPopup__btnArea .accountPopup__btnBottomFixed.btn-full {
    width: auto !important;
  }
}

.accountPopup__listBtn {
  display: flex;
  justify-content: center;
}

.accountPopup__link {
  color: #1a1a1a;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  cursor: pointer;
}

.accountProduct__learnmore {
  text-align: center;
}

.accountProduct__learnmorelink {
  cursor: pointer;
  font-weight: 700;
}

.accountQueue__Btn {
  margin-top: 8px;
  padding: 7px 12px;
}

.accountPopup__calender .dp__theme_light {
  --dp-background-color: #fff;
  --dp-text-color: #212121;
  --dp-hover-color: #f3f3f3;
  --dp-hover-text-color: #212121;
  --dp-hover-icon-color: #959595;
  --dp-primary-color: #f53c32;
  --dp-primary-text-color: #4d4d4d;
  --dp-secondary-color: #c0c4cc;
  --dp-border-color: #ddd;
  --dp-menu-border-color: #ddd;
  --dp-border-color-hover: #aaaeb7;
  --dp-disabled-color: #f6f6f6;
  --dp-scroll-bar-background: #f3f3f3;
  --dp-scroll-bar-color: #959595;
  --dp-success-color: #76d275;
  --dp-success-color-disabled: #a3d9b1;
  --dp-icon-color: #959595;
  --dp-danger-color: #ff6f60;
  --dp-highlight-color: rgba(25, 118, 210, 0.1);
  --dp-cell-border-radius: 50px;
  --dp-cell-padding: 0;
  --dp-cell-size: 32px;
  --dp-font-weight: 700;
  --dp-font-family: inter, arial, sans-serif;
}
.accountPopup__calender .dp__main {
  display: inherit;
  width: 80%;
  margin: 0 auto;
}
.accountPopup__calender .dp__menu {
  border: none;
}
.accountPopup__calender .dp__cell_inner,
.accountPopup__calender .dp__calendar_header_item,
.accountPopup__calender .dp__month_year_wrap {
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
}
.accountPopup__calender .dp__today {
  background-color: rgba(245, 60, 50, 0.05);
  border: none;
  color: var(--dp-primary-color);
}
.accountPopup__calender .dp__range_end,
.accountPopup__calender .dp__range_start,
.accountPopup__calender .dp__active_date {
  background: #F45048;
  color: white;
}
.accountPopup__calender .dp__inner_nav svg {
  fill: #1a1a1a;
}
.accountPopup__calender .dp__month_year_row {
  margin-bottom: 16px;
  align-items: initial;
}
.accountPopup__calender .dp__month_year_wrap {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 auto;
  width: auto;
}
.accountPopup__calender .dp__btn {
  width: auto;
  padding: 0 2px;
}
.accountPopup__calender .dp__calendar_header_item {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  color: #1a1a1a;
  height: auto;
}
.accountPopup__calender .dp__calendar_header_separator {
  display: none;
}
.accountPopup__calender .dp__cell_inner {
  font-weight: 700;
}
.accountPopup__calender .dp__cell_disabled {
  font-weight: 400;
}
.accountPopup__calender .dp__cell_highlight {
  background-color: rgba(245, 60, 50, 0.0509803922);
  color: #f53c32;
  font-weight: 700;
}

.accountPopupWide {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(26, 26, 26, 0.8);
  top: 0;
  left: 0;
  transition: opacity ease-in 0.1s, visibility ease-out 0.1s;
  opacity: 1;
  visibility: visible;
  z-index: 102;
  overflow-y: scroll;
  padding: 16px;
}

.accountPopupWide__content {
  max-width: 660px;
  margin: 30px auto;
  background: white;
  padding: 40px 16px;
  position: relative;
  text-align: center;
  border-radius: 8px;
}
@media (min-width: 1080px) {
  .accountPopupWide__content {
    margin: 40px auto;
    padding: 56px 64px;
  }
}
.accountPopupWide__content .loaderSmall,
.accountPopupWide__content .loaderSmall::after {
  border-radius: 50%;
  width: 64px;
  height: 64px;
}
@media (min-width: 1080px) {
  .accountPopupWide__content .loaderSmall,
  .accountPopupWide__content .loaderSmall::after {
    width: 90px;
    height: 90px;
  }
}
.accountPopupWide__content .loaderSmall {
  font-size: 10px;
  position: relative;
  border-top: 8px solid #ececec;
  border-right: 8px solid #ececec;
  border-bottom: 8px solid #ececec;
  border-left: 8px solid #f53c32;
  transform: translateZ(0);
  animation: load8 1.1s infinite linear;
  display: inline-block;
}
@keyframes load8 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.accountPopupWide__heading {
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 40px 0 16px;
}

.accountPopupWide__description {
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
  color: #4d4d4d;
  margin-bottom: 40px;
}
.accountPopupWide__description:last-child {
  margin-bottom: 0;
}

.accountPopup__cta--undo {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  color: #1a1a1a;
  text-decoration-line: underline;
  text-align: center;
  margin-top: 24px;
  cursor: pointer;
}

.accountPopup__listFooter {
  padding: 40px 0;
  max-width: 140px;
  margin: auto;
  text-align: center;
}

.accountlogin {
  padding: 40px 16px 56px;
}
@media (min-width: 1080px) {
  .accountlogin {
    padding: 64px 48px;
  }
}
.accountlogin input[type=email],
.accountlogin input[type=password],
.accountlogin input[type=tel],
.accountlogin input[type=text] {
  border-radius: 4px;
  border: 1px solid #ececec;
  padding: 16px 22px;
  color: #1a1a1a;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}
.accountlogin input[type=email]::-moz-placeholder, .accountlogin input[type=password]::-moz-placeholder, .accountlogin input[type=tel]::-moz-placeholder, .accountlogin input[type=text]::-moz-placeholder {
  color: #9e9e9e;
}
.accountlogin input[type=email]::placeholder,
.accountlogin input[type=password]::placeholder,
.accountlogin input[type=tel]::placeholder,
.accountlogin input[type=text]::placeholder {
  color: #9e9e9e;
}

.accountlogin__wrapper {
  max-width: 320px;
}
@media (min-width: 1080px) {
  .accountlogin__wrapper {
    max-width: 400px;
  }
}

.accountEmpty {
  padding: 40px 16px;
  border-radius: 4px;
  text-align: center;
  background: #fff;
  margin-bottom: 20px;
}
.accountEmpty.giftSubExpAlert {
  text-align: left;
  padding: 20px 16px;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 24px;
  display: none;
}
.accountEmpty.red {
  border: 1.4px solid #F45048;
  background: linear-gradient(0deg, rgba(245, 60, 50, 0.05) 0%, rgba(245, 60, 50, 0.05) 100%), #fff;
}

.mt_16 {
  margin-top: 16px;
}

.mt_minus_16 {
  margin-top: -16px;
}

.accountEmpty__heading {
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
  margin-bottom: 8px;
  color: #1a1a1a;
}
@media (min-width: 1080px) {
  .accountEmpty__heading {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
  }
  .accountEmpty__heading--small {
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: #1a1a1a;
  }
}

.accountEmpty__description {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  margin-bottom: 32px;
  color: #1a1a1a;
}
.accountEmpty__description a {
  font-weight: 700;
}
.accountEmpty__description.max_440 {
  max-width: 440px;
  margin: auto;
}
.accountEmpty__description.max_470 {
  max-width: 470px;
  margin: auto;
}
.accountEmpty__description.m_0 {
  margin: 0;
}
.accountEmpty__description--small {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #4d4d4d;
}

.accountEmptyBtn--desktop .dashboard__sectionCta {
  display: block;
}
@media (min-width: 480px) {
  .accountEmptyBtn--desktop .dashboard__sectionCta {
    display: none;
  }
}
.accountEmptyBtn--desktop .dashboard__sectionCta a {
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  text-decoration: none;
}
.accountEmptyBtn--desktop .dashboard__sectionCta svg {
  display: none;
}

.shimmerBG {
  animation-duration: 4s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: shimmerDashboard;
  animation-timing-function: linear;
  background: #fff;
  background: linear-gradient(to right, #eee 8%, #f9f9f9 18%, #eee 33%);
  background-size: 100% 100%;
}

@keyframes shimmerDashboard {
  0% {
    background-position: -100% 0;
  }
  100% {
    background-position: 100% 0;
  }
  0% {
    background-position: -1200px 0;
  }
  100% {
    background-position: 1200px 0;
  }
}
.accountShimmer {
  position: relative;
  overflow: hidden;
}
.accountShimmer.with-margin {
  margin-top: 16px;
}

.accountShimmer__flex {
  display: flex;
  justify-content: space-between;
}

.accountShimmer__heading {
  width: 160px;
  height: 22px;
  margin-bottom: 18px;
}

.accountShimmer__productBox {
  width: 100%;
  height: 198px;
  margin-bottom: 24px;
}
@media (min-width: 1080px) {
  .accountShimmer__productBox {
    margin-bottom: 40px;
  }
}

.accountShimmer__singleBox {
  width: 100%;
  height: 80px;
  margin-bottom: 24px;
}
@media (min-width: 1080px) {
  .accountShimmer__singleBox {
    margin-bottom: 40px;
  }
}

.form-success {
  padding: 16px;
  background: #f4f1e8;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  color: "prmiary";
  text-align: left;
  border-radius: 4px;
}

.accountWhiteBox {
  background-color: white;
  border-radius: 8px;
  margin-top: 16px;
  margin-bottom: 24px;
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.accountWhiteBox--boxOne {
  height: 256px;
}
.accountWhiteBox--boxTwo {
  height: 164px;
}
.accountWhiteBox--boxThree {
  height: 90px;
}
.accountWhiteBox--boxFour {
  height: 360px;
}

@media (min-width: 1080px) {
  .accountWhiteBoxGrid {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 24px;
  }
}

.giftSubExpAlert__CTA {
  height: -moz-fit-content;
  height: fit-content;
}

.accountFrom__item,
.accountPersonal__container .cf-field {
  border: 1px solid #9e9e9e;
  border-radius: 4px;
  padding: 15px 20px;
  position: relative;
  margin-bottom: 24px;
}
.accountFrom__item input,
.accountFrom__item .accountFrom__input,
.accountFrom__item .address-country-option,
.accountPersonal__container .cf-field input,
.accountPersonal__container .cf-field .accountFrom__input,
.accountPersonal__container .cf-field .address-country-option {
  padding: 0;
  background: none;
  border: none;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #1a1a1a;
  width: 100%;
  outline: none;
}
.accountFrom__item input:focus,
.accountFrom__item .accountFrom__input:focus,
.accountFrom__item .address-country-option:focus,
.accountPersonal__container .cf-field input:focus,
.accountPersonal__container .cf-field .accountFrom__input:focus,
.accountPersonal__container .cf-field .address-country-option:focus {
  outline: none;
}

.accountFrom__inputWithError {
  border-color: #f53c32;
}

.accountFrom__label,
.accountPersonal__container .cf-field label {
  display: inline-block;
  position: absolute;
  top: -12px;
  left: 12px;
  padding: 3px 8px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: "gray-30";
  background-color: white;
}

.accountPersonal__container .cf-field .cf-field-errors {
  position: absolute;
  margin: 0 !important;
  bottom: -20px;
}
.accountPersonal__container .cf-field .cf-field-errors li {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
.accountPersonal__container .cf-form-inner .cf-form-actions .cf-step-invalid .cf-error-message,
.accountPersonal__container .cf-fields-wrapper .cf-form-actions .cf-step-invalid .cf-error-message {
  display: block;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
.accountPersonal__container .cf-field-error-list .cf-field-errors li {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
.accountPersonal__container .cf-form-inner .cf-form-actions .cf-step-invalid,
.accountPersonal__container .cf-fields-wrapper .cf-form-actions .cf-step-invalid {
  margin-top: 0;
}

.accountFrom__value {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #1a1a1a;
}

.accountAddresses__setdefault {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.accountPersonal__container .cf-form-inner .cf-fields-container {
  margin: 0;
}

.accountPersonal__container .cf-form-actions {
  margin: 0 !important;
}
.accountPersonal__container .cf-form-actions .cf-button {
  line-height: 1.5;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  color: #fff;
  background-color: #F45048;
  width: 100%;
  padding: 13px 24px;
  margin-bottom: 24px;
}
@media (min-width: 1080px) {
  .accountPersonal__container .cf-form-actions .cf-button {
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
  }
}

.accountPersonal__container .cf-reset-password {
  text-align: center;
}
.accountPersonal__container .cf-reset-password a {
  margin: 0;
  font-weight: 700;
  color: #1a1a1a;
}

.accountPersonal__container .cf-verify-email-message {
  max-width: initial;
  border: 1px solid "color-80";
  background: none;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #1a1a1a;
}

.accountPopup__content .accountFrom__item {
  margin-bottom: 30px;
}

.accountFrom__error {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #F45048;
  margin: 4px 0 0;
  position: absolute;
  bottom: -21px;
  left: 0;
}

.productCard {
  margin-bottom: 40px;
}
@media (min-width: 480px) {
  .productCard {
    margin-bottom: 32px;
  }
}
@media (min-width: 1080px) {
  .productCard {
    margin-bottom: 42px;
  }
}

.productCard__selection::after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  right: 12px;
  top: 12px;
  background: #dfdfdf;
  border-radius: 50%;
  color: #fff;
  text-align: center;
}
.productCard__selection.is_active::after {
  display: block;
  background: url("https://cdn.shopify.com/s/files/1/0794/7128/0447/files/icon-white-tick.svg") no-repeat center center #F45048;
}
.productCard__selection.is_disable {
  opacity: 0.5;
  pointer-events: none;
}
.productCard__selection.is_disable::after {
  content: none;
  display: none;
}

.productCard__image {
  position: relative;
  width: 100%;
  background-color: var(--neutral);
  aspect-ratio: 1/1.25;
  border-radius: 4px;
  margin-bottom: 12px;
  overflow: hidden;
}
@media (min-width: 480px) {
  .productCard__image {
    margin-bottom: 16px;
  }
}
.productCard__image picture {
  min-height: 100%;
  width: auto;
  aspect-ratio: initial !important;
  margin: 0 auto;
}
.productCard__image .image__elem {
  height: initial;
  top: 50%;
  left: 50%;
  max-width: 125%;
  transform: translate(-50%, -50%);
  transition: cubic-bezier(0.61, 0, 0.48, 1.05);
  transition-duration: 150ms;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (min-width: 1080px) {
  .productCard__image:hover .image__elem {
    transform: translate(-50%, -56%);
  }
}

.productCard__badges {
  position: absolute;
  top: 8px;
  left: 8px;
}
@media (min-width: 480px) {
  .productCard__badges {
    top: 11px;
    left: 11px;
  }
}
.productCard__badges span {
  background-color: #ffd6ac;
  color: #1a1a1a;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  border-radius: 99px;
  padding: 6px 12px;
  margin: 0 4px 4px 0;
  text-transform: capitalize;
  display: inline-block;
}

.productCard__vendor {
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16px;
  font-weight: 400;
  text-transform: uppercase;
  color: "prmiary";
  margin-bottom: 3px;
}
@media (min-width: 480px) {
  .productCard__vendor {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 14px;
    font-weight: 400;
    margin-bottom: 8px;
  }
}
@media (min-width: 1080px) {
  .productCard__vendor {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 16px;
    font-weight: 400;
    margin-bottom: 6px;
  }
}

.productCard__titleBlock {
  margin-bottom: 8px;
}
@media (min-width: 480px) {
  .productCard__titleBlock {
    margin-bottom: 8px;
  }
}
@media (min-width: 1080px) {
  .productCard__titleBlock {
    display: flex;
    justify-content: space-between;
    margin-bottom: 3px;
  }
}

.productCard__title {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 4px;
}
@media (min-width: 480px) {
  .productCard__title {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 20px;
    font-weight: 700;
    padding-right: 70px;
    margin-bottom: 6px;
  }
}
@media (min-width: 1080px) {
  .productCard__title {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 22px;
    font-weight: 700;
    padding-right: 16px;
  }
}
.productCard__title a {
  text-decoration: none;
}

.productCard__price {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 18px;
  font-weight: 700;
  color: #1a1a1a;
}
@media (min-width: 1080px) {
  .productCard__price {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 22px;
    font-weight: 700;
    text-align: right;
  }
}
.productCard__price span {
  text-decoration: line-through;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 14px;
  font-weight: 400;
  position: relative;
  top: -3px;
  display: block;
  color: #a3a3a3;
  margin-top: 4px;
}
@media (min-width: 1080px) {
  .productCard__price span {
    text-align: right;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 14px;
    font-weight: 400;
  }
}

.productCard__description {
  color: #1a1a1a;
  padding: 0;
  margin-top: 4px;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16px;
  font-weight: 400;
}
@media (min-width: 400px) {
  .productCard__description {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
    font-weight: 400;
  }
}
.productCard__description p {
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16px;
  font-weight: 400;
  margin: 0;
  padding: 0;
}
@media (min-width: 400px) {
  .productCard__description p {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
    font-weight: 400;
  }
}

.productCard__taste {
  font-size: 14px;
  letter-spacing: 0;
  line-height: 16px;
  font-weight: 400;
}
@media (min-width: 1080px) {
  .productCard__taste {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
    font-weight: 400;
  }
}

.productCard__viewDetail {
  font-size: 14px;
  letter-spacing: 0;
  line-height: 18px;
  font-weight: 700;
  margin-top: 11px;
  display: inline-block;
}

.pdpCollection {
  overflow: hidden;
  padding: 15px;
}
@media (min-width: 480px) {
  .pdpCollection {
    padding: 72px 24px 0;
  }
}
@media (min-width: 1080px) {
  .pdpCollection {
    padding: 72px 48px 0;
  }
}
.pdpCollection .swiper-button-prev,
.pdpCollection .swiper-button-next {
  left: initial;
  right: 0;
  top: -46px;
  bottom: initial;
}
@media (min-width: 1080px) {
  .pdpCollection .swiper-button-prev,
  .pdpCollection .swiper-button-next {
    top: -51px;
  }
}
@media (max-width: 479px) {
  .pdpCollection .swiper-button-prev,
  .pdpCollection .swiper-button-next {
    display: none !important;
  }
}
.pdpCollection .swiper-next,
.pdpCollection .swiper-prev {
  left: initial;
  right: 0;
  top: -62px;
  bottom: initial;
  position: absolute;
}
@media (min-width: 1080px) {
  .pdpCollection .swiper-next,
  .pdpCollection .swiper-prev {
    top: -66px;
  }
}
@media (max-width: 479px) {
  .pdpCollection .swiper-next,
  .pdpCollection .swiper-prev {
    display: none !important;
  }
}
.pdpCollection .swiper-prev,
.pdpCollection .swiper-button-prev {
  right: 40px;
}
.pdpCollection .swiper-next::after,
.pdpCollection .swiper-prev::after,
.pdpCollection .swiper-button-next::after,
.pdpCollection .swiper-button-prev::after {
  display: none;
}
.pdpCollection .swiper-prev svg,
.pdpCollection .swiper-button-prev svg {
  transform: rotate(180deg);
}
@media (min-width: 480px) {
  .pdpCollection .swiper-button-disabled {
    display: flex !important;
  }
  .pdpCollection .swiper-button-lock {
    display: none !important;
  }
}

.pdpCollection__header {
  position: relative;
  margin-bottom: 32px;
}
@media (min-width: 1080px) {
  .pdpCollection__header {
    margin-bottom: 40px;
  }
}

.pdpCollection__leftCol {
  min-height: 16px;
}
@media (min-width: 480px) {
  .pdpCollection__leftCol {
    max-width: 370px;
  }
}
@media (min-width: 1080px) {
  .pdpCollection__leftCol {
    max-width: 767px;
  }
}

.pdpCollection__subHeading {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #1a1a1a;
  margin-bottom: 10px;
}
@media (min-width: 1080px) {
  .pdpCollection__subHeading {
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    margin-bottom: 12px;
  }
}

.pdpCollection__heading {
  font-size: 32px;
  line-height: 34px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 9px;
}
@media (min-width: 1080px) {
  .pdpCollection__heading {
    font-size: 40px;
    line-height: 42px;
    font-weight: 700;
    margin-bottom: 12px;
  }
}

.pdpCollection__description {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  margin: 0;
  color: #4d4d4d;
}
@media (min-width: 1080px) {
  .pdpCollection__description {
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
  }
}

.pdpCollection__shopLink {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #1a1a1a;
  position: absolute;
  right: 0;
  bottom: 0;
  display: none;
}
@media (min-width: 480px) {
  .pdpCollection__shopLink {
    display: block;
    right: 100px;
    bottom: 3px;
  }
}

.pdpCollection__shopButton {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  padding: 13px 24px;
}
@media (min-width: 480px) {
  .pdpCollection__shopButton {
    display: none;
  }
}

.pdpCollection__container {
  margin-bottom: 40px;
}
@media (min-width: 1200px) {
  .pdpCollection__container {
    overflow-x: hidden;
  }
}
.pdpCollection__container .productCard__price span {
  display: none;
}

.pdpCollection__slider {
  position: relative;
}

.pdpCollection__tab {
  margin-top: 19px;
  overflow: auto;
  white-space: nowrap;
  padding: 0 0 12px;
}
@media (min-width: 1080px) {
  .pdpCollection__tab {
    margin-top: 32px;
    padding-bottom: 16px;
  }
}

.pdpCollection__tabItem {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #1a1a1a;
  background: #f2f2f2;
  border-radius: 20px;
  display: inline-block;
  padding: 6px 16px;
  text-decoration: none;
  cursor: pointer;
  margin-right: 8px;
}
@media (min-width: 1080px) {
  .pdpCollection__tabItem {
    padding: 8px 16px;
    margin-right: 4px;
  }
}
.pdpCollection__tabItem.is-active {
  background: #1a1a1a;
  color: white;
}

.pdpCollection__home .pdpCollection__header {
  margin-bottom: 20px;
}
@media (min-width: 1080px) {
  .pdpCollection__home .pdpCollection__header {
    margin-bottom: 24px;
  }
}
.pdpCollection__home .pdpCollection__description {
  max-width: 630px;
}
.pdpCollection__home .pdpCollection__container {
  margin-bottom: 0;
}
@media (min-width: 480px) {
  .pdpCollection__home .pdpCollection__shopLink {
    right: 85px;
    bottom: 21px;
  }
}
@media (min-width: 1080px) {
  .pdpCollection__home .pdpCollection__shopLink {
    right: 97px;
    bottom: 21px;
  }
}
@media (min-width: 480px) {
  .pdpCollection__home .pdpCollection__leftCol {
    max-width: 70%;
  }
}
@media (min-width: 1080px) {
  .pdpCollection__home .pdpCollection__leftCol {
    max-width: 76%;
  }
}
.pdpCollection__home .pdpCollection__shopButton {
  margin-top: 23px;
}

.account__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.accountSubscription__link {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  color: #1a1a1a;
  text-decoration: none;
}
@media (max-width: 479px) {
  .accountSubscription__link {
    display: none;
  }
}
.accountSubscription__link span {
  text-decoration: underline;
}
.accountSubscription__link span :hover {
  text-decoration: none;
}
.accountSubscription__link svg {
  position: relative;
  transform: rotate(180deg);
  top: -1px;
}

@media (min-width: 480px) {
  .accountSubscription__btn {
    display: none;
  }
}

.accountQueue__header {
  padding: 16px;
  background: #fff;
  text-align: left;
  margin-bottom: 16px;
}
@media (min-width: 480px) {
  .accountQueue__header {
    padding: 16px;
  }
}

.accountQueue__headerText {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #4d4d4d;
  margin-bottom: 4px;
}
@media (min-width: 480px) {
  .accountQueue__headerText {
    margin-bottom: 8px;
  }
}

.accountQueue__headerHeading {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  color: #1a1a1a;
}

.accountQueue__item {
  border-radius: 4px;
  position: relative;
  margin-bottom: 16px;
  background: #fff;
}
@media (min-width: 850px) {
  .accountQueue__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

.accountQueue__leftCol {
  padding: 40px 16px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 850px) {
  .accountQueue__leftCol {
    padding: 20px 16px 19px;
    border-bottom: none;
    justify-content: start;
  }
}

.accountQueue__image {
  max-width: 64px;
  max-height: 64px;
  margin-right: 16px;
}
@media (min-width: 480px) {
  .accountQueue__image {
    max-width: 104px;
    max-height: 104px;
  }
}

.accountQueue__vendor {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #1a1a1a;
  margin: 0;
  text-transform: uppercase;
}
@media (min-width: 480px) {
  .accountQueue__vendor {
    margin-bottom: 8px;
  }
}

.accountQueue__productName {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0;
}
@media (min-width: 480px) {
  .accountQueue__productName {
    margin-bottom: 8px;
  }
}

.accountQueue__arrive {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #4d4d4d;
}
@media (max-width: 479px) {
  .accountQueue__arrive {
    position: absolute;
    top: 20px;
    right: 16px;
  }
  .accountQueue__btnArea {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 0 8px;
    align-items: center;
  }
}
@media (min-width: 480px) {
  .accountQueue__btnArea {
    margin-bottom: 8px;
  }
}

.accountQueue__rightText {
  margin: 0 0 16px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  text-align: center;
}
@media (min-width: 480px) {
  .accountQueue__rightText {
    margin-top: 16px;
    margin-bottom: 0;
  }
}

.accountQueue__rightCol {
  padding: 20px 16px 19px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
@media (max-width: 849px) {
  .accountQueue__rightCol {
    flex-flow: column-reverse wrap;
    padding: 0 16px 16px;
  }
}

.accountQueue_btn {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  padding: 8px 16px;
}
@media (min-width: 850px) {
  .accountQueue_btn {
    margin-bottom: 8px;
  }
}

.account__headerDivider {
  width: 1px;
  height: 16px;
  background-color: #dfdfdf;
}
@media (max-width: 479px) {
  .account__headerDivider--mhide {
    display: none;
  }
}

.account__headingCTAContainer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 24px;
}

@media (max-width: 479px) {
  .accountQueue__itemFavorites .dashboard__sectionCardProductCard,
  .accountQueue__itemPast .dashboard__sectionCardProductCard,
  .accountQueue__itemQueue .dashboard__sectionCardProductCard {
    display: initial;
    width: 100%;
  }
}
.accountQueue__itemFavorites .dashboard__sectionCardTextSecondary,
.accountQueue__itemPast .dashboard__sectionCardTextSecondary,
.accountQueue__itemQueue .dashboard__sectionCardTextSecondary {
  position: static;
  top: 0;
  left: 0;
}
@media (min-width: 480px) {
  .accountQueue__itemFavorites .dashboard__sectionCardTextSecondary--tag,
  .accountQueue__itemPast .dashboard__sectionCardTextSecondary--tag,
  .accountQueue__itemQueue .dashboard__sectionCardTextSecondary--tag {
    display: flex;
    flex-flow: row wrap;
    gap: 8px;
  }
}
@media (max-width: 479px) {
  .accountQueue__itemFavorites .dashboard__sectionCardTextSecondary--tag,
  .accountQueue__itemPast .dashboard__sectionCardTextSecondary--tag,
  .accountQueue__itemQueue .dashboard__sectionCardTextSecondary--tag {
    display: block;
  }
  .accountQueue__itemFavorites .dashboard__sectionCardProductCardImage,
  .accountQueue__itemPast .dashboard__sectionCardProductCardImage,
  .accountQueue__itemQueue .dashboard__sectionCardProductCardImage {
    text-align: center;
    display: flex;
    justify-content: center;
  }
}
@media (min-width: 480px) {
  .accountQueue__itemFavorites .dashboard__sectionCardProductCardImage,
  .accountQueue__itemPast .dashboard__sectionCardProductCardImage,
  .accountQueue__itemQueue .dashboard__sectionCardProductCardImage {
    min-width: 180px;
  }
  .accountQueue__itemFavorites .dashboard__sectionCardProductCardImage img,
  .accountQueue__itemPast .dashboard__sectionCardProductCardImage img,
  .accountQueue__itemQueue .dashboard__sectionCardProductCardImage img {
    width: 180px;
    height: 180px;
    scale: 1.2;
  }
  .accountQueue__itemFavorites .dashboard__sectionCardProductCardImage img.noScale,
  .accountQueue__itemPast .dashboard__sectionCardProductCardImage img.noScale,
  .accountQueue__itemQueue .dashboard__sectionCardProductCardImage img.noScale {
    scale: 1 !important;
  }
}

@media (max-width: 479px) {
  .accountFavorites__viewsubscription .dashboard__sectionCta {
    display: none;
  }
}

@media (min-width: 480px) {
  .accountBtnManage--mobile {
    display: none;
  }
}
@media (max-width: 479px) {
  .accountBtnManage--desktop .dashboard__sectionCta {
    display: none;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-3.use[3]!./src/styles/templates/customers/account.subscriptions.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable declaration-block-no-redundant-longhand-properties */
/* stylelint-enable declaration-block-no-redundant-longhand-properties */
.tag {
  padding: 2px 8px;
  border: 1px solid #1a1a1a;
  border-radius: 4px;
  color: #1a1a1a;
  background-color: #fafafa;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  margin-left: 8px;
}
@media (min-width: 480px) {
  .tag {
    margin-left: 0;
  }
}
@media (min-width: 1080px) {
  .tag {
    padding: 3px 8px;
  }
}

.tag--blue {
  border: 1px solid transparent;
  background-color: #446bb0;
  color: #fafafa;
}

.tag--grey {
  border: 1px solid transparent;
  background-color: #f2f2f2;
  color: #1a1a1a;
}

.tag--green {
  border: 1px solid transparent;
  background-color: #1c7c54;
  color: #fff;
}

.tag--archived {
  border: 1px solid transparent;
  background-color: #ececec;
  color: #9e9e9e;
}

.tag--round {
  border-radius: 50px;
}

.account__Innerwrapper {
  position: relative;
}

@media (min-width: 1080px) {
  .account__container {
    display: flex;
    border-bottom: 1px solid #ececec;
    padding: 0 48px;
  }
}
@media (min-width: 850px) {
  .account__container {
    padding: 0;
  }
}
.account__container vue-sidebar {
  width: 100%;
}
@media (min-width: 1080px) {
  .account__container vue-sidebar {
    min-width: 220px;
    max-width: 220px;
    width: 15%;
  }
}
@media (min-width: 850px) {
  .account__container vue-sidebar {
    min-width: 276px;
    max-width: 276px;
  }
}

.account__sidebar {
  padding: 23px 0;
  width: 100%;
  background: #f6f6f6;
}
@media (min-width: 480px) {
  .account__sidebar {
    padding: 23px 0 4px;
  }
}
@media (min-width: 1080px) {
  .account__sidebar {
    padding: 64px 24px 64px 0;
    background: #fff;
    margin: 0;
    position: relative;
    min-height: 100%;
    max-width: 276px;
    padding: 64px 48px;
  }
  .account__sidebar::before {
    content: "";
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: -1;
  }
}
.account__sidebar .cf-edit-account-link-spacer,
.account__sidebar .cf-edit-account-link {
  display: none;
}

@media (min-width: 1080px) {
  .account__sidebarContent {
    margin: 0 0 0 auto;
    max-width: 260px;
  }
}
@media (min-width: 850px) {
  .account__sidebarContent {
    max-width: 278px;
  }
}

.account__main {
  width: 100%;
}
@media (min-width: 1080px) {
  .account__main {
    max-width: 1165px;
    padding: 0 0 80px;
    border-left: 1px solid #ececec;
    width: 85%;
  }
}
@media (min-width: 850px) {
  .account__main {
    padding-right: 0;
  }
}

.account__content {
  background: #f6f6f6;
  padding: 0 16px 42px;
}
@media (min-width: 480px) {
  .account__content {
    padding: 0 24px 42px;
    min-height: 360px;
  }
}
@media (min-width: 1080px) {
  .account__content {
    padding: 64px 64px 25px;
    position: relative;
    padding: 64px 138px 25px 114px;
  }
  .account__content::after {
    position: absolute;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: #f6f6f6;
    z-index: -1;
    right: -100%;
  }
}
.account__content .account__heading {
  gap: 15px;
  align-items: center;
}
.account__content .account__heading.flex {
  display: flex;
}
@media (min-width: 1080px) {
  .account__content .account__heading {
    margin-bottom: 18px;
  }
  .account__content .account__headingPast {
    margin-bottom: 15px;
  }
}

.account__heading {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 16px;
  text-transform: capitalize;
}
.account__heading--preferences {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
}

@media (max-width: 1079px) {
  .account__name {
    display: none;
  }
}

.account__nav,
.account_subnav {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 80vw;
}

@media (min-width: 480px) {
  .account__navMain {
    padding: 0 16px;
  }
}
@media (max-width: 479px) {
  .account__navMain {
    overflow-y: scroll;
    white-space: nowrap;
    padding-bottom: 7px;
    padding-left: 12px;
  }
}
@media (min-width: 480px) {
  .account__navMain {
    padding: 0 24px 5px;
  }
}
@media (min-width: 1080px) {
  .account__navMain {
    padding: 0;
  }
}

.account__navItem {
  padding: 0 4px;
  display: inline-block;
  cursor: pointer;
}
@media (min-width: 480px) {
  .account__navItem {
    padding: 0 6px 0 0;
  }
}
@media (min-width: 1080px) {
  .account__navItem {
    display: block;
  }
}
.account__navItem > a,
.account__navItem > button {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #1a1a1a;
  border-radius: 50px;
  display: inline-block;
  padding: 8px 16px;
  text-decoration: none;
}
@media (min-width: 1080px) {
  .account__navItem > a,
  .account__navItem > button {
    padding: 12px 0;
    background: none;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    border-radius: initial;
    display: block;
  }
}
.account__navItem > button {
  width: 100%;
  text-align: left;
}
.account__navItem.is_active > a, .account__navItem.is_active > button {
  background: #1a1a1a;
  color: white;
}
@media (min-width: 1080px) {
  .account__navItem.is_active > a, .account__navItem.is_active > button {
    font-weight: 700;
    color: #1a1a1a;
    background: transparent;
    text-decoration: underline;
    text-decoration-color: #1a1a1a;
    text-decoration-thickness: 1.5px;
    text-underline-offset: 6px;
  }
}
.account__navItem .account__navItemBtn {
  display: none;
}
@media (min-width: 1080px) {
  .account__navItem .account__navItemBtn {
    display: inline-block;
    font-weight: 700;
    border-radius: 4px;
    border: 1px solid #1a1a1a;
    padding: 6px 12px;
    margin-top: 28px;
  }
}
.account__navItem .cf-edit-account-link-spacer,
.account__navItem .cf-edit-account-link {
  display: none;
}
.account__navItem.account__navItemHidden {
  display: none !important;
}

.account__navItem--sub > a {
  margin-left: 0;
}

.account_subnav {
  display: none;
}
@media (min-width: 1080px) {
  .account_subnav {
    display: block;
    padding: 0 0 0 16px;
  }
}

.account_subnavItem > a,
.account_subnavItem > button {
  color: #1a1a1a;
  padding: 12px 0;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  text-decoration: none;
  display: block;
}
.account_subnavItem.is_active > a,
.account_subnavItem.is_active > button {
  font-weight: 700;
}

.account__returnLink {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  position: relative;
  top: -2px;
  margin-bottom: 16px;
  color: #1a1a1a;
}
@media (min-width: 1080px) {
  .account__returnLink {
    display: none;
  }
}
.account__returnLink a {
  text-decoration: none;
}
.account__returnLink svg {
  margin-right: 7px;
}

.account {
  overflow: hidden;
}
.account .pdpCollection {
  overflow: hidden;
  padding: 40px 16px;
}
@media (min-width: 480px) {
  .account .pdpCollection {
    padding: 40px 24px;
  }
}
@media (min-width: 1080px) {
  .account .pdpCollection {
    padding: 40px 64px 90px;
  }
}
@media (min-width: 850px) {
  .account .pdpCollection {
    padding: 40px 138px 90px 114px;
  }
}
.account .pdpCollection__header {
  margin-bottom: 16px;
}
@media (min-width: 1080px) {
  .account .pdpCollection__header {
    margin-bottom: 24px;
  }
}
.account .pdpCollection__heading {
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 8px;
}
.account .pdpCollection__description {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}
@media (min-width: 1080px) {
  .account .productCard__title {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
  }
}
.account .accountQueue__Btn {
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
  gap: 5px;
}
@media (min-width: 1080px) {
  .account .accountQueue__Btn {
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
  }
}
.account .swiper-wrapper {
  display: flex;
}
.account .swiper-slide {
  height: auto;
}
.account .productCard {
  height: 100%;
  margin-bottom: 0;
  padding-bottom: 45px;
}

.accountPopup {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #fff;
  top: 0;
  left: 0;
  transition: opacity ease-in 0.1s, visibility ease-out 0.1s;
  opacity: 1;
  visibility: visible;
  z-index: 102;
  overflow-y: scroll;
}
.accountPopup.hide {
  opacity: 0;
  visibility: hidden;
  transition: opacity ease-in 0.1s, visibility ease-out 0.1s;
}
@media (min-width: 480px) {
  .accountPopup {
    background: rgba(26, 26, 26, 0.8);
  }
}
.accountPopup .pdpCollection {
  padding: 0;
}
.accountPopup .pdpCollection .swiper-button-prev,
.accountPopup .pdpCollection .swiper-button-next {
  display: none;
}
.accountPopup .pdpCollection .pdpCollection__container,
.accountPopup .pdpCollection .productCard__selection {
  margin-bottom: 0;
}

.pdpCollection__container {
  overflow: hidden;
}

.accountPopup__container {
  max-width: 375px;
  margin: 40px auto;
  background: white;
  padding: 0;
  position: relative;
}
@media (min-width: 1080px) {
  .accountPopup__container {
    border-radius: 8px;
  }
}

.accountPopup__header {
  text-align: center;
  border-bottom: 1px solid #ececec;
  position: relative;
  padding: 16px 0;
  margin-bottom: 40px;
}
.accountPopup__header.mb_16 {
  margin-bottom: 16px;
}

.accountPopup__heading {
  margin: auto;
  max-width: 248px;
  margin-bottom: 0 !important;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  color: #1a1a1a;
}

.accountPopup__close {
  position: absolute;
  right: 16px;
  top: 14px;
  cursor: pointer;
}

.accountPopup__content {
  padding: 0 16px 16px;
}
.accountPopup__content.flex-center {
  display: flex;
  flex: 1;
  place-content: center;
}
.accountPopup__content .dashboard__sectionCardProductCard {
  justify-content: flex-start;
  -o-object-fit: contain;
     object-fit: contain;
}
.accountPopup__content .dashboard__sectionCardProductCardImage {
  width: 120px;
  max-width: 100px;
}
.accountPopup__content .dashboard__sectionCardProductCardImage img {
  width: 100px;
  height: auto;
  max-width: 100px;
}
.accountPopup__content .dashboard__sectionCardProductDetails {
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
}
.accountPopup__content .dashboard__sectionCardTextPrimary {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
}

.accountProduct__item {
  border-radius: 4px;
  padding: 20px 16px;
  border: 1px solid #dfdfdf;
  margin-bottom: 24px;
}

.accountProduct__description {
  margin-bottom: 24px;
}

.accountProduct__btnArea .btn-primary {
  margin-bottom: 8px;
}
.accountProduct__btnArea .buyBox__dropdownFreqWrap {
  margin-bottom: 23px;
}

.accountProduct__btnAreaSubAndSave {
  margin-top: 16px;
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.accountPopup__list {
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.accountPopup__listItem {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px;
  border-radius: 16px;
  border: 1.4px solid #dfdfdf;
  overflow: hidden;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  position: relative;
  color: #1a1a1a;
}
.accountPopup__listItem::after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  background: url("https://cdn.shopify.com/s/files/1/0794/7128/0447/files/icon-white-tick.svg") no-repeat center center #F45048;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  display: none;
}
.accountPopup__listItem.is_active {
  border-color: #F45048;
  background: linear-gradient(0deg, rgba(245, 60, 50, 0.05) 0%, rgba(245, 60, 50, 0.05) 100%), #fff;
}
.accountPopup__listItem.is_active::after {
  display: block;
}
.accountPopup__listItem.is_hidden {
  display: none;
}
.accountPopup__listItem.accountPopup__listItem--withoutCheckMark {
  display: block;
}
.accountPopup__listItem.accountPopup__listItem--withoutCheckMark::after {
  display: none;
}
.accountPopup__listItem .item__flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.accountPopup__listItem .secondaryText {
  margin-top: 4px;
  color: #4d4d4d;
  max-width: 90%;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}
.accountPopup__listItem svg {
  margin-right: 8px;
}
.accountPopup__listItem--header {
  padding-top: 0;
}
.accountPopup__listItem > div {
  width: 100%;
}
.accountPopup__listItem p {
  color: #4d4d4d;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  margin: 5px 0 0;
  max-width: 270px;
}
.accountPopup__listItem.has_badge {
  padding-top: 44px;
}
.accountPopup__listItem.has_badge .badge {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  background: #000;
  border-radius: 16px 16px 0 0;
  color: #fff;
  height: 28px;
  left: 0;
  order: 0;
  padding: 6px 16px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
}
.accountPopup__listItem.has_badge.is_active .badge {
  background: #f53c32;
}
.accountPopup__listItem.has_badge.is_active::after {
  top: calc(50% + 14px);
}

.accountPopup__listItemSecondaryText {
  margin-top: 4px;
  color: #4d4d4d;
  max-width: 90%;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}

.accountPopup__listHeader {
  border-radius: 16px 16px 0 0;
  background: #F45048;
  text-align: center;
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  padding: 6px 0;
}

.accountPopup__recommendText, .accountPopup__recommendTextCenter {
  margin-bottom: 24px;
}

.accountPopup__recommendTextCenter {
  text-align: center;
}

.accountPopup__form {
  margin-bottom: 16px;
}

.accountPopup__label {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 8px;
  display: block;
}

.accountPopup__textarea {
  border: 1px solid #dfdfdf;
  color: #1a1a1a;
  padding: 8px;
  margin-bottom: 8px;
  border-radius: 4px;
  width: 100%;
  min-height: 87px;
}

.accountPopup__order {
  display: flex;
  justify-content: space-evenly;
  text-align: center;
  margin: 24px 0;
}

.accountPopup__orderInfo {
  width: 50%;
}

.accountPopup__orderText {
  margin-top: 8px;
  margin-bottom: 0;
}

.accountPopup__product {
  text-align: center;
  border: 1px solid #dfdfdf;
  padding: 0 20px 20px;
  border-radius: 4px;
  margin-bottom: 24px;
}

.accountPopup__productImage {
  max-width: 200px;
  margin: 0 auto;
  scale: 1.3;
  transform: translate(0, -8px);
}

.accountPopup__productVendor {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #4d4d4d;
  margin-bottom: 8px;
}

.accountPopup__productTitle {
  margin: 0;
}

.accountPopup__productCard {
  text-align: center;
  border: 1px solid #dfdfdf;
  padding: 16px 20px;
  border-radius: 4px;
  margin-bottom: 24px;
}

.accountPopup__placed {
  text-align: center;
}

.accountPopup__placedHeading {
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
}
.accountPopup__placedHeading svg {
  margin-left: 10px;
  position: relative;
  top: -2px;
}

.accountPopup__placedText,
.accountPopup__description,
.accountPopup__orderText,
.accountProduct__description {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #4d4d4d;
}

.accountPopup__placedText {
  text-align: center;
  margin-bottom: 24px;
}
.accountPopup__placedText.mb_0 {
  margin-bottom: 0;
}

.accountPopup__productLineItems {
  display: flex;
  gap: 16px;
  align-items: center;
  color: #4d4d4d;
}
.accountPopup__productLineItems .accountPopup__productLineItemsHeader {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
}
.accountPopup__productLineItems .accountPopup__productLineItemsData {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  margin-left: 4px;
}

.btn-with-border-bottom {
  margin: 14px 0 24px;
  border-bottom: 1.4px solid #ececec;
  padding-bottom: 16px;
}

.accountPopup__placedTextBlue {
  padding: 16px 16px 16px 50px;
  background: #d5e7ef;
  border-radius: 8px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #1a1a1a;
  display: flex;
  align-items: center;
  position: relative;
  margin: 16px 0 8px;
}
.accountPopup__placedTextBlue svg {
  margin-right: 16px;
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
}
.accountPopup__placedTextBlue.position_top {
  margin: 16px 0;
}

.accountPopupQueue__loved {
  margin-top: 40px;
}

.accountPopupQueue__header {
  margin-bottom: 24px;
  text-align: center;
}

.accountPopup__productTitle,
.accountPopup__recommendText,
.accountPopup__recommendTextCenter,
.accountPopupQueue__heading,
.accountPopup__placedHeading,
.accountPopupQueue__title {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  color: #1a1a1a;
}

.accountPopupQueue__image {
  max-width: 104px;
}

.accountPopupQueue__vendor {
  color: #4d4d4d;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  margin-bottom: 8px;
}

.accountPopupQueue__heading {
  margin-bottom: 16px;
}

.accountPopupQueue__text {
  color: #4d4d4d;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  margin: 0;
}

.accountPopupQueue__item {
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  padding: 10px 36px 10px 16px;
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 24px;
}
.accountPopupQueue__item::after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  background: #dfdfdf;
  border-radius: 50%;
  color: #fff;
  text-align: center;
}
.accountPopupQueue__item.is_active::after {
  display: block;
  background: url("https://cdn.shopify.com/s/files/1/0794/7128/0447/files/icon-white-tick.svg") no-repeat center center #F45048;
}
.accountPopupQueue__item.is_disable {
  opacity: 0.5;
  pointer-events: none;
}
.accountPopupQueue__item.is_disable::after {
  content: none;
  display: none;
}

.accountPopupQueue__title {
  margin-bottom: 8px;
}

.accountPopup__productCardContainer {
  border-radius: 4px;
  border: 1px solid #dfdfdf;
  padding: 20px 16px;
  margin-bottom: 24px;
  position: relative;
}

.accountPopup__arrives,
.accountPopup__nextDate {
  color: #4d4d4d;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  margin-bottom: 8px;
  text-align: center;
}

.accountPopup__date {
  color: #1a1a1a;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  margin-bottom: 16px;
  text-align: center;
}

.accountPopup__nextDate {
  margin: 16px 0 24px;
}

.accountPopup__note {
  color: #4d4d4d;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  margin-top: 16px;
  text-align: center;
}

.accountPopup__btnArea {
  text-align: center;
  padding: 16px 0 0;
}
.accountPopup__btnArea .accountPopup__listBtn {
  margin-bottom: 16px;
}
@media (max-width: 479px) {
  .accountPopup__btnArea .accountPopup__btnBottomFixed {
    position: fixed;
    bottom: 0;
    left: 16px;
    right: 16px;
  }
  .accountPopup__btnArea .accountPopup__btnBottomFixed.btn-full {
    width: auto !important;
  }
}

.accountPopup__listBtn {
  display: flex;
  justify-content: center;
}

.accountPopup__link {
  color: #1a1a1a;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  cursor: pointer;
}

.accountProduct__learnmore {
  text-align: center;
}

.accountProduct__learnmorelink {
  cursor: pointer;
  font-weight: 700;
}

.accountQueue__Btn {
  margin-top: 8px;
  padding: 7px 12px;
}

.accountPopup__calender .dp__theme_light {
  --dp-background-color: #fff;
  --dp-text-color: #212121;
  --dp-hover-color: #f3f3f3;
  --dp-hover-text-color: #212121;
  --dp-hover-icon-color: #959595;
  --dp-primary-color: #f53c32;
  --dp-primary-text-color: #4d4d4d;
  --dp-secondary-color: #c0c4cc;
  --dp-border-color: #ddd;
  --dp-menu-border-color: #ddd;
  --dp-border-color-hover: #aaaeb7;
  --dp-disabled-color: #f6f6f6;
  --dp-scroll-bar-background: #f3f3f3;
  --dp-scroll-bar-color: #959595;
  --dp-success-color: #76d275;
  --dp-success-color-disabled: #a3d9b1;
  --dp-icon-color: #959595;
  --dp-danger-color: #ff6f60;
  --dp-highlight-color: rgba(25, 118, 210, 0.1);
  --dp-cell-border-radius: 50px;
  --dp-cell-padding: 0;
  --dp-cell-size: 32px;
  --dp-font-weight: 700;
  --dp-font-family: inter, arial, sans-serif;
}
.accountPopup__calender .dp__main {
  display: inherit;
  width: 80%;
  margin: 0 auto;
}
.accountPopup__calender .dp__menu {
  border: none;
}
.accountPopup__calender .dp__cell_inner,
.accountPopup__calender .dp__calendar_header_item,
.accountPopup__calender .dp__month_year_wrap {
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
}
.accountPopup__calender .dp__today {
  background-color: rgba(245, 60, 50, 0.05);
  border: none;
  color: var(--dp-primary-color);
}
.accountPopup__calender .dp__range_end,
.accountPopup__calender .dp__range_start,
.accountPopup__calender .dp__active_date {
  background: #F45048;
  color: white;
}
.accountPopup__calender .dp__inner_nav svg {
  fill: #1a1a1a;
}
.accountPopup__calender .dp__month_year_row {
  margin-bottom: 16px;
  align-items: initial;
}
.accountPopup__calender .dp__month_year_wrap {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 auto;
  width: auto;
}
.accountPopup__calender .dp__btn {
  width: auto;
  padding: 0 2px;
}
.accountPopup__calender .dp__calendar_header_item {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  color: #1a1a1a;
  height: auto;
}
.accountPopup__calender .dp__calendar_header_separator {
  display: none;
}
.accountPopup__calender .dp__cell_inner {
  font-weight: 700;
}
.accountPopup__calender .dp__cell_disabled {
  font-weight: 400;
}
.accountPopup__calender .dp__cell_highlight {
  background-color: rgba(245, 60, 50, 0.0509803922);
  color: #f53c32;
  font-weight: 700;
}

.accountPopupWide {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(26, 26, 26, 0.8);
  top: 0;
  left: 0;
  transition: opacity ease-in 0.1s, visibility ease-out 0.1s;
  opacity: 1;
  visibility: visible;
  z-index: 102;
  overflow-y: scroll;
  padding: 16px;
}

.accountPopupWide__content {
  max-width: 660px;
  margin: 30px auto;
  background: white;
  padding: 40px 16px;
  position: relative;
  text-align: center;
  border-radius: 8px;
}
@media (min-width: 1080px) {
  .accountPopupWide__content {
    margin: 40px auto;
    padding: 56px 64px;
  }
}
.accountPopupWide__content .loaderSmall,
.accountPopupWide__content .loaderSmall::after {
  border-radius: 50%;
  width: 64px;
  height: 64px;
}
@media (min-width: 1080px) {
  .accountPopupWide__content .loaderSmall,
  .accountPopupWide__content .loaderSmall::after {
    width: 90px;
    height: 90px;
  }
}
.accountPopupWide__content .loaderSmall {
  font-size: 10px;
  position: relative;
  border-top: 8px solid #ececec;
  border-right: 8px solid #ececec;
  border-bottom: 8px solid #ececec;
  border-left: 8px solid #f53c32;
  transform: translateZ(0);
  animation: load8 1.1s infinite linear;
  display: inline-block;
}
@keyframes load8 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.accountPopupWide__heading {
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 40px 0 16px;
}

.accountPopupWide__description {
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
  color: #4d4d4d;
  margin-bottom: 40px;
}
.accountPopupWide__description:last-child {
  margin-bottom: 0;
}

.accountPopup__cta--undo {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  color: #1a1a1a;
  text-decoration-line: underline;
  text-align: center;
  margin-top: 24px;
  cursor: pointer;
}

.accountPopup__listFooter {
  padding: 40px 0;
  max-width: 140px;
  margin: auto;
  text-align: center;
}

.accountlogin {
  padding: 40px 16px 56px;
}
@media (min-width: 1080px) {
  .accountlogin {
    padding: 64px 48px;
  }
}
.accountlogin input[type=email],
.accountlogin input[type=password],
.accountlogin input[type=tel],
.accountlogin input[type=text] {
  border-radius: 4px;
  border: 1px solid #ececec;
  padding: 16px 22px;
  color: #1a1a1a;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}
.accountlogin input[type=email]::-moz-placeholder, .accountlogin input[type=password]::-moz-placeholder, .accountlogin input[type=tel]::-moz-placeholder, .accountlogin input[type=text]::-moz-placeholder {
  color: #9e9e9e;
}
.accountlogin input[type=email]::placeholder,
.accountlogin input[type=password]::placeholder,
.accountlogin input[type=tel]::placeholder,
.accountlogin input[type=text]::placeholder {
  color: #9e9e9e;
}

.accountlogin__wrapper {
  max-width: 320px;
}
@media (min-width: 1080px) {
  .accountlogin__wrapper {
    max-width: 400px;
  }
}

.accountEmpty {
  padding: 40px 16px;
  border-radius: 4px;
  text-align: center;
  background: #fff;
  margin-bottom: 20px;
}
.accountEmpty.giftSubExpAlert {
  text-align: left;
  padding: 20px 16px;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 24px;
  display: none;
}
.accountEmpty.red {
  border: 1.4px solid #F45048;
  background: linear-gradient(0deg, rgba(245, 60, 50, 0.05) 0%, rgba(245, 60, 50, 0.05) 100%), #fff;
}

.mt_16 {
  margin-top: 16px;
}

.mt_minus_16 {
  margin-top: -16px;
}

.accountEmpty__heading {
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
  margin-bottom: 8px;
  color: #1a1a1a;
}
@media (min-width: 1080px) {
  .accountEmpty__heading {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
  }
  .accountEmpty__heading--small {
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: #1a1a1a;
  }
}

.accountEmpty__description {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  margin-bottom: 32px;
  color: #1a1a1a;
}
.accountEmpty__description a {
  font-weight: 700;
}
.accountEmpty__description.max_440 {
  max-width: 440px;
  margin: auto;
}
.accountEmpty__description.max_470 {
  max-width: 470px;
  margin: auto;
}
.accountEmpty__description.m_0 {
  margin: 0;
}
.accountEmpty__description--small {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #4d4d4d;
}

.accountEmptyBtn--desktop .dashboard__sectionCta {
  display: block;
}
@media (min-width: 480px) {
  .accountEmptyBtn--desktop .dashboard__sectionCta {
    display: none;
  }
}
.accountEmptyBtn--desktop .dashboard__sectionCta a {
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  text-decoration: none;
}
.accountEmptyBtn--desktop .dashboard__sectionCta svg {
  display: none;
}

.shimmerBG {
  animation-duration: 4s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: shimmerDashboard;
  animation-timing-function: linear;
  background: #fff;
  background: linear-gradient(to right, #eee 8%, #f9f9f9 18%, #eee 33%);
  background-size: 100% 100%;
}

@keyframes shimmerDashboard {
  0% {
    background-position: -100% 0;
  }
  100% {
    background-position: 100% 0;
  }
  0% {
    background-position: -1200px 0;
  }
  100% {
    background-position: 1200px 0;
  }
}
.accountShimmer {
  position: relative;
  overflow: hidden;
}
.accountShimmer.with-margin {
  margin-top: 16px;
}

.accountShimmer__flex {
  display: flex;
  justify-content: space-between;
}

.accountShimmer__heading {
  width: 160px;
  height: 22px;
  margin-bottom: 18px;
}

.accountShimmer__productBox {
  width: 100%;
  height: 198px;
  margin-bottom: 24px;
}
@media (min-width: 1080px) {
  .accountShimmer__productBox {
    margin-bottom: 40px;
  }
}

.accountShimmer__singleBox {
  width: 100%;
  height: 80px;
  margin-bottom: 24px;
}
@media (min-width: 1080px) {
  .accountShimmer__singleBox {
    margin-bottom: 40px;
  }
}

.form-success {
  padding: 16px;
  background: #f4f1e8;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  color: "prmiary";
  text-align: left;
  border-radius: 4px;
}

.accountWhiteBox {
  background-color: white;
  border-radius: 8px;
  margin-top: 16px;
  margin-bottom: 24px;
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.accountWhiteBox--boxOne {
  height: 256px;
}
.accountWhiteBox--boxTwo {
  height: 164px;
}
.accountWhiteBox--boxThree {
  height: 90px;
}
.accountWhiteBox--boxFour {
  height: 360px;
}

@media (min-width: 1080px) {
  .accountWhiteBoxGrid {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 24px;
  }
}

.giftSubExpAlert__CTA {
  height: -moz-fit-content;
  height: fit-content;
}

.productCard {
  margin-bottom: 40px;
}
@media (min-width: 480px) {
  .productCard {
    margin-bottom: 32px;
  }
}
@media (min-width: 1080px) {
  .productCard {
    margin-bottom: 42px;
  }
}

.productCard__selection::after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  right: 12px;
  top: 12px;
  background: #dfdfdf;
  border-radius: 50%;
  color: #fff;
  text-align: center;
}
.productCard__selection.is_active::after {
  display: block;
  background: url("https://cdn.shopify.com/s/files/1/0794/7128/0447/files/icon-white-tick.svg") no-repeat center center #F45048;
}
.productCard__selection.is_disable {
  opacity: 0.5;
  pointer-events: none;
}
.productCard__selection.is_disable::after {
  content: none;
  display: none;
}

.productCard__image {
  position: relative;
  width: 100%;
  background-color: var(--neutral);
  aspect-ratio: 1/1.25;
  border-radius: 4px;
  margin-bottom: 12px;
  overflow: hidden;
}
@media (min-width: 480px) {
  .productCard__image {
    margin-bottom: 16px;
  }
}
.productCard__image picture {
  min-height: 100%;
  width: auto;
  aspect-ratio: initial !important;
  margin: 0 auto;
}
.productCard__image .image__elem {
  height: initial;
  top: 50%;
  left: 50%;
  max-width: 125%;
  transform: translate(-50%, -50%);
  transition: cubic-bezier(0.61, 0, 0.48, 1.05);
  transition-duration: 150ms;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (min-width: 1080px) {
  .productCard__image:hover .image__elem {
    transform: translate(-50%, -56%);
  }
}

.productCard__badges {
  position: absolute;
  top: 8px;
  left: 8px;
}
@media (min-width: 480px) {
  .productCard__badges {
    top: 11px;
    left: 11px;
  }
}
.productCard__badges span {
  background-color: #ffd6ac;
  color: #1a1a1a;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  border-radius: 99px;
  padding: 6px 12px;
  margin: 0 4px 4px 0;
  text-transform: capitalize;
  display: inline-block;
}

.productCard__vendor {
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16px;
  font-weight: 400;
  text-transform: uppercase;
  color: "prmiary";
  margin-bottom: 3px;
}
@media (min-width: 480px) {
  .productCard__vendor {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 14px;
    font-weight: 400;
    margin-bottom: 8px;
  }
}
@media (min-width: 1080px) {
  .productCard__vendor {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 16px;
    font-weight: 400;
    margin-bottom: 6px;
  }
}

.productCard__titleBlock {
  margin-bottom: 8px;
}
@media (min-width: 480px) {
  .productCard__titleBlock {
    margin-bottom: 8px;
  }
}
@media (min-width: 1080px) {
  .productCard__titleBlock {
    display: flex;
    justify-content: space-between;
    margin-bottom: 3px;
  }
}

.productCard__title {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 4px;
}
@media (min-width: 480px) {
  .productCard__title {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 20px;
    font-weight: 700;
    padding-right: 70px;
    margin-bottom: 6px;
  }
}
@media (min-width: 1080px) {
  .productCard__title {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 22px;
    font-weight: 700;
    padding-right: 16px;
  }
}
.productCard__title a {
  text-decoration: none;
}

.productCard__price {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 18px;
  font-weight: 700;
  color: #1a1a1a;
}
@media (min-width: 1080px) {
  .productCard__price {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 22px;
    font-weight: 700;
    text-align: right;
  }
}
.productCard__price span {
  text-decoration: line-through;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 14px;
  font-weight: 400;
  position: relative;
  top: -3px;
  display: block;
  color: #a3a3a3;
  margin-top: 4px;
}
@media (min-width: 1080px) {
  .productCard__price span {
    text-align: right;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 14px;
    font-weight: 400;
  }
}

.productCard__description {
  color: #1a1a1a;
  padding: 0;
  margin-top: 4px;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16px;
  font-weight: 400;
}
@media (min-width: 400px) {
  .productCard__description {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
    font-weight: 400;
  }
}
.productCard__description p {
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16px;
  font-weight: 400;
  margin: 0;
  padding: 0;
}
@media (min-width: 400px) {
  .productCard__description p {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
    font-weight: 400;
  }
}

.productCard__taste {
  font-size: 14px;
  letter-spacing: 0;
  line-height: 16px;
  font-weight: 400;
}
@media (min-width: 1080px) {
  .productCard__taste {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
    font-weight: 400;
  }
}

.productCard__viewDetail {
  font-size: 14px;
  letter-spacing: 0;
  line-height: 18px;
  font-weight: 700;
  margin-top: 11px;
  display: inline-block;
}

.pdpCollection {
  overflow: hidden;
  padding: 15px;
}
@media (min-width: 480px) {
  .pdpCollection {
    padding: 72px 24px 0;
  }
}
@media (min-width: 1080px) {
  .pdpCollection {
    padding: 72px 48px 0;
  }
}
.pdpCollection .swiper-button-prev,
.pdpCollection .swiper-button-next {
  left: initial;
  right: 0;
  top: -46px;
  bottom: initial;
}
@media (min-width: 1080px) {
  .pdpCollection .swiper-button-prev,
  .pdpCollection .swiper-button-next {
    top: -51px;
  }
}
@media (max-width: 479px) {
  .pdpCollection .swiper-button-prev,
  .pdpCollection .swiper-button-next {
    display: none !important;
  }
}
.pdpCollection .swiper-next,
.pdpCollection .swiper-prev {
  left: initial;
  right: 0;
  top: -62px;
  bottom: initial;
  position: absolute;
}
@media (min-width: 1080px) {
  .pdpCollection .swiper-next,
  .pdpCollection .swiper-prev {
    top: -66px;
  }
}
@media (max-width: 479px) {
  .pdpCollection .swiper-next,
  .pdpCollection .swiper-prev {
    display: none !important;
  }
}
.pdpCollection .swiper-prev,
.pdpCollection .swiper-button-prev {
  right: 40px;
}
.pdpCollection .swiper-next::after,
.pdpCollection .swiper-prev::after,
.pdpCollection .swiper-button-next::after,
.pdpCollection .swiper-button-prev::after {
  display: none;
}
.pdpCollection .swiper-prev svg,
.pdpCollection .swiper-button-prev svg {
  transform: rotate(180deg);
}
@media (min-width: 480px) {
  .pdpCollection .swiper-button-disabled {
    display: flex !important;
  }
  .pdpCollection .swiper-button-lock {
    display: none !important;
  }
}

.pdpCollection__header {
  position: relative;
  margin-bottom: 32px;
}
@media (min-width: 1080px) {
  .pdpCollection__header {
    margin-bottom: 40px;
  }
}

.pdpCollection__leftCol {
  min-height: 16px;
}
@media (min-width: 480px) {
  .pdpCollection__leftCol {
    max-width: 370px;
  }
}
@media (min-width: 1080px) {
  .pdpCollection__leftCol {
    max-width: 767px;
  }
}

.pdpCollection__subHeading {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #1a1a1a;
  margin-bottom: 10px;
}
@media (min-width: 1080px) {
  .pdpCollection__subHeading {
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    margin-bottom: 12px;
  }
}

.pdpCollection__heading {
  font-size: 32px;
  line-height: 34px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 9px;
}
@media (min-width: 1080px) {
  .pdpCollection__heading {
    font-size: 40px;
    line-height: 42px;
    font-weight: 700;
    margin-bottom: 12px;
  }
}

.pdpCollection__description {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  margin: 0;
  color: #4d4d4d;
}
@media (min-width: 1080px) {
  .pdpCollection__description {
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
  }
}

.pdpCollection__shopLink {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #1a1a1a;
  position: absolute;
  right: 0;
  bottom: 0;
  display: none;
}
@media (min-width: 480px) {
  .pdpCollection__shopLink {
    display: block;
    right: 100px;
    bottom: 3px;
  }
}

.pdpCollection__shopButton {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  padding: 13px 24px;
}
@media (min-width: 480px) {
  .pdpCollection__shopButton {
    display: none;
  }
}

.pdpCollection__container {
  margin-bottom: 40px;
}
@media (min-width: 1200px) {
  .pdpCollection__container {
    overflow-x: hidden;
  }
}
.pdpCollection__container .productCard__price span {
  display: none;
}

.pdpCollection__slider {
  position: relative;
}

.pdpCollection__tab {
  margin-top: 19px;
  overflow: auto;
  white-space: nowrap;
  padding: 0 0 12px;
}
@media (min-width: 1080px) {
  .pdpCollection__tab {
    margin-top: 32px;
    padding-bottom: 16px;
  }
}

.pdpCollection__tabItem {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #1a1a1a;
  background: #f2f2f2;
  border-radius: 20px;
  display: inline-block;
  padding: 6px 16px;
  text-decoration: none;
  cursor: pointer;
  margin-right: 8px;
}
@media (min-width: 1080px) {
  .pdpCollection__tabItem {
    padding: 8px 16px;
    margin-right: 4px;
  }
}
.pdpCollection__tabItem.is-active {
  background: #1a1a1a;
  color: white;
}

.pdpCollection__home .pdpCollection__header {
  margin-bottom: 20px;
}
@media (min-width: 1080px) {
  .pdpCollection__home .pdpCollection__header {
    margin-bottom: 24px;
  }
}
.pdpCollection__home .pdpCollection__description {
  max-width: 630px;
}
.pdpCollection__home .pdpCollection__container {
  margin-bottom: 0;
}
@media (min-width: 480px) {
  .pdpCollection__home .pdpCollection__shopLink {
    right: 85px;
    bottom: 21px;
  }
}
@media (min-width: 1080px) {
  .pdpCollection__home .pdpCollection__shopLink {
    right: 97px;
    bottom: 21px;
  }
}
@media (min-width: 480px) {
  .pdpCollection__home .pdpCollection__leftCol {
    max-width: 70%;
  }
}
@media (min-width: 1080px) {
  .pdpCollection__home .pdpCollection__leftCol {
    max-width: 76%;
  }
}
.pdpCollection__home .pdpCollection__shopButton {
  margin-top: 23px;
}

.accountSubscription {
  border-radius: 4px;
  padding: 20px 16px;
  margin-bottom: 24px;
  background: #fff;
}
@media (min-width: 1080px) {
  .accountSubscription {
    margin-bottom: 40px;
  }
}
.accountSubscription--preferences {
  cursor: pointer;
}
.accountSubscription--preferences .accountSubscription__itemBlock {
  border: none;
  margin: 0;
}
.accountSubscription--preferences .accountSubscription__itemBlock .accountSubscription__item:nth-child(1) {
  padding-top: 0;
}
.accountSubscription--mySubscription {
  margin-bottom: 16px;
}
@media (min-width: 480px) {
  .accountSubscription--mySubscription {
    margin-bottom: 40px;
  }
}

.accountSubscription__backIcon {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-flow: row;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  gap: 8px;
  color: #1a1a1a;
  margin-bottom: 16px;
  text-decoration: underline;
  cursor: pointer;
}

.accountSubscription__header {
  position: relative;
}
.accountSubscription__header a {
  text-decoration: none;
}
.accountSubscription__header svg {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
}

.accountSubscription__number {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #4d4d4d;
  margin-bottom: 8px;
}

.accountSubscription__name {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  color: #1a1a1a;
}

.accountSubscription__itemBlock {
  border-top: 1px solid #ececec;
  margin-top: 7px;
}

.accountSubscription__item {
  padding: 15px 0 16px;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #ececec;
}
.accountSubscription__item:last-child {
  border: none;
  padding-bottom: 0;
}

.accountSubscription__label,
.accountSubscription__value {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}
.accountSubscription__label strong,
.accountSubscription__value strong {
  font-weight: 700;
}

.accountSubsDetails {
  margin-bottom: 24px;
}
@media (min-width: 480px) {
  .accountSubsDetails {
    margin-bottom: 40px;
  }
}

.accountSubsDetails__header {
  background: #fafafa;
  padding: 16px;
  border-radius: 4px;
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between;
}
@media (min-width: 1080px) {
  .accountSubsDetails__header {
    padding: 20px 16px;
  }
}

.accountSubscription__cost,
.accountSubsDetails__price,
.accountSubDetails__heading {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 8px;
}

.accountSubscription__properties,
.accountSubDetails_subText {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #4d4d4d;
  margin: 0;
}
.accountSubscription__properties span,
.accountSubDetails_subText span {
  display: block;
  margin-bottom: 4px;
}
.accountSubscription__properties span:last-child,
.accountSubDetails_subText span:last-child {
  margin-bottom: 0;
}
.accountSubscription__properties.lighten,
.accountSubDetails_subText.lighten {
  opacity: 0.8;
  margin-top: 4px;
}
.accountSubscription__properties.addressText,
.accountSubDetails_subText.addressText {
  max-width: 175px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.accountSubDetails__list {
  border-radius: 4px;
}

.accountSubDetails__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #ececec;
  border-radius: 0;
  padding: 16px;
  background: #fff;
}
@media (min-width: 1080px) {
  .accountSubDetails__item {
    padding: 20px 16px;
  }
}
.accountSubDetails__item:last-child {
  border: none;
}
.accountSubDetails__item .hidden {
  display: none;
}
.accountSubDetails__item.clickable {
  cursor: pointer;
}
.accountSubDetails__item:first-of-type {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.accountSubDetails__item:last-of-type {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.accountSubsDetails.spaced {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.accountSubDetails__listRow {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.accountSubDetails__listRow .accountSubDetails__item {
  display: flex;
  flex-basis: 100%;
  border-radius: 4px;
}
.accountSubDetails__listRow .accountSubDetails__item:first-of-type {
  border-radius: 4px;
}
.accountSubDetails__listRow .accountSubDetails__item:last-of-type {
  border-radius: 4px;
}
.accountSubDetails__listRow .accountSubDetails_subText {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.accountSubDetails__heading {
  margin: 8px 0 0;
}

.accountSubDetails__edit {
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  text-decoration: none;
}
.accountSubDetails__edit svg {
  position: relative;
  top: -1px;
}

.accountSubscription__billing .accountSubDetails__heading {
  margin: 0 0 8px;
}

@media (min-width: 480px) {
  .accountSubscription__cardContainer {
    display: flex;
    flex-direction: row;
    gap: 24px;
  }
}

.accountSubscription__card {
  flex: 1;
  align-items: center;
  border-radius: 4px;
  background: white;
  padding: 20px 16px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  text-align: center;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  margin-bottom: 24px;
}
@media (min-width: 480px) {
  .accountSubscription__card {
    margin: 0;
  }
}

.accountSubscription__cardHeader {
  margin-bottom: 4px;
  color: #1a1a1a;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
}

@media (min-width: 1080px) {
  .accountSubscription__cardHeaderText {
    max-width: 275px;
  }
}

@media (min-width: 480px) {
  .dashboard_viweQueue--mobile {
    display: none;
  }
}
@media (max-width: 479px) {
  .dashboard_viweQueue--desktop {
    display: none;
  }
}

.buttonContainer {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.accountPayment .accountSubDetails__list {
  margin-bottom: 16px;
}
.accountPayment .accountSubDetails__heading {
  margin: 0 0 8px;
}
.accountPayment .btn-border {
  width: 194px;
  padding-left: 6px;
  padding-right: 6px;
}

.accountFeedbackMessage {
  display: flex;
  align-items: center;
  gap: 16px;
  border-radius: 8px;
  margin-bottom: 16px;
  padding: 16px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #1a1a1a;
}
.accountFeedbackMessage--success {
  background-color: rgba(28, 124, 84, 0.0784313725);
}
.accountFeedbackMessage--info {
  background-color: #f8e8c1;
}

.accountFeedbackMessage__cta {
  cursor: pointer;
  text-decoration: underline;
  font-weight: 700;
}
/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-3.use[3]!./src/styles/templates/customers/account.order_history.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable declaration-block-no-redundant-longhand-properties */
/* stylelint-enable declaration-block-no-redundant-longhand-properties */
.tag {
  padding: 2px 8px;
  border: 1px solid #1a1a1a;
  border-radius: 4px;
  color: #1a1a1a;
  background-color: #fafafa;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  margin-left: 8px;
}
@media (min-width: 480px) {
  .tag {
    margin-left: 0;
  }
}
@media (min-width: 1080px) {
  .tag {
    padding: 3px 8px;
  }
}

.tag--blue {
  border: 1px solid transparent;
  background-color: #446bb0;
  color: #fafafa;
}

.tag--grey {
  border: 1px solid transparent;
  background-color: #f2f2f2;
  color: #1a1a1a;
}

.tag--green {
  border: 1px solid transparent;
  background-color: #1c7c54;
  color: #fff;
}

.tag--archived {
  border: 1px solid transparent;
  background-color: #ececec;
  color: #9e9e9e;
}

.tag--round {
  border-radius: 50px;
}

.account__Innerwrapper {
  position: relative;
}

@media (min-width: 1080px) {
  .account__container {
    display: flex;
    border-bottom: 1px solid #ececec;
    padding: 0 48px;
  }
}
@media (min-width: 850px) {
  .account__container {
    padding: 0;
  }
}
.account__container vue-sidebar {
  width: 100%;
}
@media (min-width: 1080px) {
  .account__container vue-sidebar {
    min-width: 220px;
    max-width: 220px;
    width: 15%;
  }
}
@media (min-width: 850px) {
  .account__container vue-sidebar {
    min-width: 276px;
    max-width: 276px;
  }
}

.account__sidebar {
  padding: 23px 0;
  width: 100%;
  background: #f6f6f6;
}
@media (min-width: 480px) {
  .account__sidebar {
    padding: 23px 0 4px;
  }
}
@media (min-width: 1080px) {
  .account__sidebar {
    padding: 64px 24px 64px 0;
    background: #fff;
    margin: 0;
    position: relative;
    min-height: 100%;
    max-width: 276px;
    padding: 64px 48px;
  }
  .account__sidebar::before {
    content: "";
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: -1;
  }
}
.account__sidebar .cf-edit-account-link-spacer,
.account__sidebar .cf-edit-account-link {
  display: none;
}

@media (min-width: 1080px) {
  .account__sidebarContent {
    margin: 0 0 0 auto;
    max-width: 260px;
  }
}
@media (min-width: 850px) {
  .account__sidebarContent {
    max-width: 278px;
  }
}

.account__main {
  width: 100%;
}
@media (min-width: 1080px) {
  .account__main {
    max-width: 1165px;
    padding: 0 0 80px;
    border-left: 1px solid #ececec;
    width: 85%;
  }
}
@media (min-width: 850px) {
  .account__main {
    padding-right: 0;
  }
}

.account__content {
  background: #f6f6f6;
  padding: 0 16px 42px;
}
@media (min-width: 480px) {
  .account__content {
    padding: 0 24px 42px;
    min-height: 360px;
  }
}
@media (min-width: 1080px) {
  .account__content {
    padding: 64px 64px 25px;
    position: relative;
    padding: 64px 138px 25px 114px;
  }
  .account__content::after {
    position: absolute;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: #f6f6f6;
    z-index: -1;
    right: -100%;
  }
}
.account__content .account__heading {
  gap: 15px;
  align-items: center;
}
.account__content .account__heading.flex {
  display: flex;
}
@media (min-width: 1080px) {
  .account__content .account__heading {
    margin-bottom: 18px;
  }
  .account__content .account__headingPast {
    margin-bottom: 15px;
  }
}

.account__heading {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 16px;
  text-transform: capitalize;
}
.account__heading--preferences {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
}

@media (max-width: 1079px) {
  .account__name {
    display: none;
  }
}

.account__nav,
.account_subnav {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 80vw;
}

@media (min-width: 480px) {
  .account__navMain {
    padding: 0 16px;
  }
}
@media (max-width: 479px) {
  .account__navMain {
    overflow-y: scroll;
    white-space: nowrap;
    padding-bottom: 7px;
    padding-left: 12px;
  }
}
@media (min-width: 480px) {
  .account__navMain {
    padding: 0 24px 5px;
  }
}
@media (min-width: 1080px) {
  .account__navMain {
    padding: 0;
  }
}

.account__navItem {
  padding: 0 4px;
  display: inline-block;
  cursor: pointer;
}
@media (min-width: 480px) {
  .account__navItem {
    padding: 0 6px 0 0;
  }
}
@media (min-width: 1080px) {
  .account__navItem {
    display: block;
  }
}
.account__navItem > a,
.account__navItem > button {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #1a1a1a;
  border-radius: 50px;
  display: inline-block;
  padding: 8px 16px;
  text-decoration: none;
}
@media (min-width: 1080px) {
  .account__navItem > a,
  .account__navItem > button {
    padding: 12px 0;
    background: none;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    border-radius: initial;
    display: block;
  }
}
.account__navItem > button {
  width: 100%;
  text-align: left;
}
.account__navItem.is_active > a, .account__navItem.is_active > button {
  background: #1a1a1a;
  color: white;
}
@media (min-width: 1080px) {
  .account__navItem.is_active > a, .account__navItem.is_active > button {
    font-weight: 700;
    color: #1a1a1a;
    background: transparent;
    text-decoration: underline;
    text-decoration-color: #1a1a1a;
    text-decoration-thickness: 1.5px;
    text-underline-offset: 6px;
  }
}
.account__navItem .account__navItemBtn {
  display: none;
}
@media (min-width: 1080px) {
  .account__navItem .account__navItemBtn {
    display: inline-block;
    font-weight: 700;
    border-radius: 4px;
    border: 1px solid #1a1a1a;
    padding: 6px 12px;
    margin-top: 28px;
  }
}
.account__navItem .cf-edit-account-link-spacer,
.account__navItem .cf-edit-account-link {
  display: none;
}
.account__navItem.account__navItemHidden {
  display: none !important;
}

.account__navItem--sub > a {
  margin-left: 0;
}

.account_subnav {
  display: none;
}
@media (min-width: 1080px) {
  .account_subnav {
    display: block;
    padding: 0 0 0 16px;
  }
}

.account_subnavItem > a,
.account_subnavItem > button {
  color: #1a1a1a;
  padding: 12px 0;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  text-decoration: none;
  display: block;
}
.account_subnavItem.is_active > a,
.account_subnavItem.is_active > button {
  font-weight: 700;
}

.account__returnLink {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  position: relative;
  top: -2px;
  margin-bottom: 16px;
  color: #1a1a1a;
}
@media (min-width: 1080px) {
  .account__returnLink {
    display: none;
  }
}
.account__returnLink a {
  text-decoration: none;
}
.account__returnLink svg {
  margin-right: 7px;
}

.account {
  overflow: hidden;
}
.account .pdpCollection {
  overflow: hidden;
  padding: 40px 16px;
}
@media (min-width: 480px) {
  .account .pdpCollection {
    padding: 40px 24px;
  }
}
@media (min-width: 1080px) {
  .account .pdpCollection {
    padding: 40px 64px 90px;
  }
}
@media (min-width: 850px) {
  .account .pdpCollection {
    padding: 40px 138px 90px 114px;
  }
}
.account .pdpCollection__header {
  margin-bottom: 16px;
}
@media (min-width: 1080px) {
  .account .pdpCollection__header {
    margin-bottom: 24px;
  }
}
.account .pdpCollection__heading {
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 8px;
}
.account .pdpCollection__description {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}
@media (min-width: 1080px) {
  .account .productCard__title {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
  }
}
.account .accountQueue__Btn {
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
  gap: 5px;
}
@media (min-width: 1080px) {
  .account .accountQueue__Btn {
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
  }
}
.account .swiper-wrapper {
  display: flex;
}
.account .swiper-slide {
  height: auto;
}
.account .productCard {
  height: 100%;
  margin-bottom: 0;
  padding-bottom: 45px;
}

.accountlogin {
  padding: 40px 16px 56px;
}
@media (min-width: 1080px) {
  .accountlogin {
    padding: 64px 48px;
  }
}
.accountlogin input[type=email],
.accountlogin input[type=password],
.accountlogin input[type=tel],
.accountlogin input[type=text] {
  border-radius: 4px;
  border: 1px solid #ececec;
  padding: 16px 22px;
  color: #1a1a1a;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}
.accountlogin input[type=email]::-moz-placeholder, .accountlogin input[type=password]::-moz-placeholder, .accountlogin input[type=tel]::-moz-placeholder, .accountlogin input[type=text]::-moz-placeholder {
  color: #9e9e9e;
}
.accountlogin input[type=email]::placeholder,
.accountlogin input[type=password]::placeholder,
.accountlogin input[type=tel]::placeholder,
.accountlogin input[type=text]::placeholder {
  color: #9e9e9e;
}

.accountlogin__wrapper {
  max-width: 320px;
}
@media (min-width: 1080px) {
  .accountlogin__wrapper {
    max-width: 400px;
  }
}

.accountEmpty {
  padding: 40px 16px;
  border-radius: 4px;
  text-align: center;
  background: #fff;
  margin-bottom: 20px;
}
.accountEmpty.giftSubExpAlert {
  text-align: left;
  padding: 20px 16px;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 24px;
  display: none;
}
.accountEmpty.red {
  border: 1.4px solid #F45048;
  background: linear-gradient(0deg, rgba(245, 60, 50, 0.05) 0%, rgba(245, 60, 50, 0.05) 100%), #fff;
}

.mt_16 {
  margin-top: 16px;
}

.mt_minus_16 {
  margin-top: -16px;
}

.accountEmpty__heading {
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
  margin-bottom: 8px;
  color: #1a1a1a;
}
@media (min-width: 1080px) {
  .accountEmpty__heading {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
  }
  .accountEmpty__heading--small {
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: #1a1a1a;
  }
}

.accountEmpty__description {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  margin-bottom: 32px;
  color: #1a1a1a;
}
.accountEmpty__description a {
  font-weight: 700;
}
.accountEmpty__description.max_440 {
  max-width: 440px;
  margin: auto;
}
.accountEmpty__description.max_470 {
  max-width: 470px;
  margin: auto;
}
.accountEmpty__description.m_0 {
  margin: 0;
}
.accountEmpty__description--small {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #4d4d4d;
}

.accountEmptyBtn--desktop .dashboard__sectionCta {
  display: block;
}
@media (min-width: 480px) {
  .accountEmptyBtn--desktop .dashboard__sectionCta {
    display: none;
  }
}
.accountEmptyBtn--desktop .dashboard__sectionCta a {
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  text-decoration: none;
}
.accountEmptyBtn--desktop .dashboard__sectionCta svg {
  display: none;
}

.shimmerBG {
  animation-duration: 4s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: shimmerDashboard;
  animation-timing-function: linear;
  background: #fff;
  background: linear-gradient(to right, #eee 8%, #f9f9f9 18%, #eee 33%);
  background-size: 100% 100%;
}

@keyframes shimmerDashboard {
  0% {
    background-position: -100% 0;
  }
  100% {
    background-position: 100% 0;
  }
  0% {
    background-position: -1200px 0;
  }
  100% {
    background-position: 1200px 0;
  }
}
.accountShimmer {
  position: relative;
  overflow: hidden;
}
.accountShimmer.with-margin {
  margin-top: 16px;
}

.accountShimmer__flex {
  display: flex;
  justify-content: space-between;
}

.accountShimmer__heading {
  width: 160px;
  height: 22px;
  margin-bottom: 18px;
}

.accountShimmer__productBox {
  width: 100%;
  height: 198px;
  margin-bottom: 24px;
}
@media (min-width: 1080px) {
  .accountShimmer__productBox {
    margin-bottom: 40px;
  }
}

.accountShimmer__singleBox {
  width: 100%;
  height: 80px;
  margin-bottom: 24px;
}
@media (min-width: 1080px) {
  .accountShimmer__singleBox {
    margin-bottom: 40px;
  }
}

.form-success {
  padding: 16px;
  background: #f4f1e8;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  color: "prmiary";
  text-align: left;
  border-radius: 4px;
}

.accountWhiteBox {
  background-color: white;
  border-radius: 8px;
  margin-top: 16px;
  margin-bottom: 24px;
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.accountWhiteBox--boxOne {
  height: 256px;
}
.accountWhiteBox--boxTwo {
  height: 164px;
}
.accountWhiteBox--boxThree {
  height: 90px;
}
.accountWhiteBox--boxFour {
  height: 360px;
}

@media (min-width: 1080px) {
  .accountWhiteBoxGrid {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 24px;
  }
}

.giftSubExpAlert__CTA {
  height: -moz-fit-content;
  height: fit-content;
}

.productCard {
  margin-bottom: 40px;
}
@media (min-width: 480px) {
  .productCard {
    margin-bottom: 32px;
  }
}
@media (min-width: 1080px) {
  .productCard {
    margin-bottom: 42px;
  }
}

.productCard__selection::after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  right: 12px;
  top: 12px;
  background: #dfdfdf;
  border-radius: 50%;
  color: #fff;
  text-align: center;
}
.productCard__selection.is_active::after {
  display: block;
  background: url("https://cdn.shopify.com/s/files/1/0794/7128/0447/files/icon-white-tick.svg") no-repeat center center #F45048;
}
.productCard__selection.is_disable {
  opacity: 0.5;
  pointer-events: none;
}
.productCard__selection.is_disable::after {
  content: none;
  display: none;
}

.productCard__image {
  position: relative;
  width: 100%;
  background-color: var(--neutral);
  aspect-ratio: 1/1.25;
  border-radius: 4px;
  margin-bottom: 12px;
  overflow: hidden;
}
@media (min-width: 480px) {
  .productCard__image {
    margin-bottom: 16px;
  }
}
.productCard__image picture {
  min-height: 100%;
  width: auto;
  aspect-ratio: initial !important;
  margin: 0 auto;
}
.productCard__image .image__elem {
  height: initial;
  top: 50%;
  left: 50%;
  max-width: 125%;
  transform: translate(-50%, -50%);
  transition: cubic-bezier(0.61, 0, 0.48, 1.05);
  transition-duration: 150ms;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (min-width: 1080px) {
  .productCard__image:hover .image__elem {
    transform: translate(-50%, -56%);
  }
}

.productCard__badges {
  position: absolute;
  top: 8px;
  left: 8px;
}
@media (min-width: 480px) {
  .productCard__badges {
    top: 11px;
    left: 11px;
  }
}
.productCard__badges span {
  background-color: #ffd6ac;
  color: #1a1a1a;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  border-radius: 99px;
  padding: 6px 12px;
  margin: 0 4px 4px 0;
  text-transform: capitalize;
  display: inline-block;
}

.productCard__vendor {
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16px;
  font-weight: 400;
  text-transform: uppercase;
  color: "prmiary";
  margin-bottom: 3px;
}
@media (min-width: 480px) {
  .productCard__vendor {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 14px;
    font-weight: 400;
    margin-bottom: 8px;
  }
}
@media (min-width: 1080px) {
  .productCard__vendor {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 16px;
    font-weight: 400;
    margin-bottom: 6px;
  }
}

.productCard__titleBlock {
  margin-bottom: 8px;
}
@media (min-width: 480px) {
  .productCard__titleBlock {
    margin-bottom: 8px;
  }
}
@media (min-width: 1080px) {
  .productCard__titleBlock {
    display: flex;
    justify-content: space-between;
    margin-bottom: 3px;
  }
}

.productCard__title {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 4px;
}
@media (min-width: 480px) {
  .productCard__title {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 20px;
    font-weight: 700;
    padding-right: 70px;
    margin-bottom: 6px;
  }
}
@media (min-width: 1080px) {
  .productCard__title {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 22px;
    font-weight: 700;
    padding-right: 16px;
  }
}
.productCard__title a {
  text-decoration: none;
}

.productCard__price {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 18px;
  font-weight: 700;
  color: #1a1a1a;
}
@media (min-width: 1080px) {
  .productCard__price {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 22px;
    font-weight: 700;
    text-align: right;
  }
}
.productCard__price span {
  text-decoration: line-through;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 14px;
  font-weight: 400;
  position: relative;
  top: -3px;
  display: block;
  color: #a3a3a3;
  margin-top: 4px;
}
@media (min-width: 1080px) {
  .productCard__price span {
    text-align: right;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 14px;
    font-weight: 400;
  }
}

.productCard__description {
  color: #1a1a1a;
  padding: 0;
  margin-top: 4px;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16px;
  font-weight: 400;
}
@media (min-width: 400px) {
  .productCard__description {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
    font-weight: 400;
  }
}
.productCard__description p {
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16px;
  font-weight: 400;
  margin: 0;
  padding: 0;
}
@media (min-width: 400px) {
  .productCard__description p {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
    font-weight: 400;
  }
}

.productCard__taste {
  font-size: 14px;
  letter-spacing: 0;
  line-height: 16px;
  font-weight: 400;
}
@media (min-width: 1080px) {
  .productCard__taste {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
    font-weight: 400;
  }
}

.productCard__viewDetail {
  font-size: 14px;
  letter-spacing: 0;
  line-height: 18px;
  font-weight: 700;
  margin-top: 11px;
  display: inline-block;
}

.pdpCollection {
  overflow: hidden;
  padding: 15px;
}
@media (min-width: 480px) {
  .pdpCollection {
    padding: 72px 24px 0;
  }
}
@media (min-width: 1080px) {
  .pdpCollection {
    padding: 72px 48px 0;
  }
}
.pdpCollection .swiper-button-prev,
.pdpCollection .swiper-button-next {
  left: initial;
  right: 0;
  top: -46px;
  bottom: initial;
}
@media (min-width: 1080px) {
  .pdpCollection .swiper-button-prev,
  .pdpCollection .swiper-button-next {
    top: -51px;
  }
}
@media (max-width: 479px) {
  .pdpCollection .swiper-button-prev,
  .pdpCollection .swiper-button-next {
    display: none !important;
  }
}
.pdpCollection .swiper-next,
.pdpCollection .swiper-prev {
  left: initial;
  right: 0;
  top: -62px;
  bottom: initial;
  position: absolute;
}
@media (min-width: 1080px) {
  .pdpCollection .swiper-next,
  .pdpCollection .swiper-prev {
    top: -66px;
  }
}
@media (max-width: 479px) {
  .pdpCollection .swiper-next,
  .pdpCollection .swiper-prev {
    display: none !important;
  }
}
.pdpCollection .swiper-prev,
.pdpCollection .swiper-button-prev {
  right: 40px;
}
.pdpCollection .swiper-next::after,
.pdpCollection .swiper-prev::after,
.pdpCollection .swiper-button-next::after,
.pdpCollection .swiper-button-prev::after {
  display: none;
}
.pdpCollection .swiper-prev svg,
.pdpCollection .swiper-button-prev svg {
  transform: rotate(180deg);
}
@media (min-width: 480px) {
  .pdpCollection .swiper-button-disabled {
    display: flex !important;
  }
  .pdpCollection .swiper-button-lock {
    display: none !important;
  }
}

.pdpCollection__header {
  position: relative;
  margin-bottom: 32px;
}
@media (min-width: 1080px) {
  .pdpCollection__header {
    margin-bottom: 40px;
  }
}

.pdpCollection__leftCol {
  min-height: 16px;
}
@media (min-width: 480px) {
  .pdpCollection__leftCol {
    max-width: 370px;
  }
}
@media (min-width: 1080px) {
  .pdpCollection__leftCol {
    max-width: 767px;
  }
}

.pdpCollection__subHeading {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #1a1a1a;
  margin-bottom: 10px;
}
@media (min-width: 1080px) {
  .pdpCollection__subHeading {
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    margin-bottom: 12px;
  }
}

.pdpCollection__heading {
  font-size: 32px;
  line-height: 34px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 9px;
}
@media (min-width: 1080px) {
  .pdpCollection__heading {
    font-size: 40px;
    line-height: 42px;
    font-weight: 700;
    margin-bottom: 12px;
  }
}

.pdpCollection__description {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  margin: 0;
  color: #4d4d4d;
}
@media (min-width: 1080px) {
  .pdpCollection__description {
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
  }
}

.pdpCollection__shopLink {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #1a1a1a;
  position: absolute;
  right: 0;
  bottom: 0;
  display: none;
}
@media (min-width: 480px) {
  .pdpCollection__shopLink {
    display: block;
    right: 100px;
    bottom: 3px;
  }
}

.pdpCollection__shopButton {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  padding: 13px 24px;
}
@media (min-width: 480px) {
  .pdpCollection__shopButton {
    display: none;
  }
}

.pdpCollection__container {
  margin-bottom: 40px;
}
@media (min-width: 1200px) {
  .pdpCollection__container {
    overflow-x: hidden;
  }
}
.pdpCollection__container .productCard__price span {
  display: none;
}

.pdpCollection__slider {
  position: relative;
}

.pdpCollection__tab {
  margin-top: 19px;
  overflow: auto;
  white-space: nowrap;
  padding: 0 0 12px;
}
@media (min-width: 1080px) {
  .pdpCollection__tab {
    margin-top: 32px;
    padding-bottom: 16px;
  }
}

.pdpCollection__tabItem {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #1a1a1a;
  background: #f2f2f2;
  border-radius: 20px;
  display: inline-block;
  padding: 6px 16px;
  text-decoration: none;
  cursor: pointer;
  margin-right: 8px;
}
@media (min-width: 1080px) {
  .pdpCollection__tabItem {
    padding: 8px 16px;
    margin-right: 4px;
  }
}
.pdpCollection__tabItem.is-active {
  background: #1a1a1a;
  color: white;
}

.pdpCollection__home .pdpCollection__header {
  margin-bottom: 20px;
}
@media (min-width: 1080px) {
  .pdpCollection__home .pdpCollection__header {
    margin-bottom: 24px;
  }
}
.pdpCollection__home .pdpCollection__description {
  max-width: 630px;
}
.pdpCollection__home .pdpCollection__container {
  margin-bottom: 0;
}
@media (min-width: 480px) {
  .pdpCollection__home .pdpCollection__shopLink {
    right: 85px;
    bottom: 21px;
  }
}
@media (min-width: 1080px) {
  .pdpCollection__home .pdpCollection__shopLink {
    right: 97px;
    bottom: 21px;
  }
}
@media (min-width: 480px) {
  .pdpCollection__home .pdpCollection__leftCol {
    max-width: 70%;
  }
}
@media (min-width: 1080px) {
  .pdpCollection__home .pdpCollection__leftCol {
    max-width: 76%;
  }
}
.pdpCollection__home .pdpCollection__shopButton {
  margin-top: 23px;
}

/* ! tailwindcss v3.4.6 | MIT License | https://tailwindcss.com */

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: Inter, Helvetica, sans-serif; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: Geist Mono, monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden] {
  display: none;
}

*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
.\!container {
  width: 100% !important;
}
.container {
  width: 100%;
}
@media (min-width: 640px) {
  .\!container {
    max-width: 640px !important;
  }
  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .\!container {
    max-width: 768px !important;
  }
  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .\!container {
    max-width: 1024px !important;
  }
  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  .\!container {
    max-width: 1280px !important;
  }
  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1440px) {
  .\!container {
    max-width: 1440px !important;
  }
  .container {
    max-width: 1440px;
  }
}
@media (min-width: 1600px) {
  .\!container {
    max-width: 1600px !important;
  }
  .container {
    max-width: 1600px;
  }
}
.prose {
  color: var(--tw-prose-body);
  max-width: 65ch;
}
.prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}
.prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-lead);
  font-size: 1.25em;
  line-height: 1.6;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}
.prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-links);
  text-decoration: underline;
  font-weight: 500;
}
.prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-bold);
  font-weight: 600;
}
.prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: decimal;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
}
.prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-alpha;
}
.prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-alpha;
}
.prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-alpha;
}
.prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-alpha;
}
.prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-roman;
}
.prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-roman;
}
.prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-roman;
}
.prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-roman;
}
.prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: decimal;
}
.prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: disc;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
}
.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
  font-weight: 400;
  color: var(--tw-prose-counters);
}
.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
  color: var(--tw-prose-bullets);
}
.prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.25em;
}
.prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-color: var(--tw-prose-hr);
  border-top-width: 1px;
  margin-top: 3em;
  margin-bottom: 3em;
}
.prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 500;
  font-style: italic;
  color: var(--tw-prose-quotes);
  border-inline-start-width: 0.25rem;
  border-inline-start-color: var(--tw-prose-quote-borders);
  quotes: "\201C""\201D""\2018""\2019";
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-inline-start: 1em;
}
.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
  content: open-quote;
}
.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
  content: close-quote;
}
.prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 800;
  font-size: 2.25em;
  margin-top: 0;
  margin-bottom: 0.8888889em;
  line-height: 1.1111111;
}
.prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 900;
  color: inherit;
}
.prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 700;
  font-size: 1.5em;
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3333333;
}
.prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 800;
  color: inherit;
}
.prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  font-size: 1.25em;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  line-height: 1.6;
}
.prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 700;
  color: inherit;
}
.prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.5;
}
.prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 700;
  color: inherit;
}
.prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  display: block;
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 500;
  font-family: inherit;
  color: var(--tw-prose-kbd);
  box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
  font-size: 0.875em;
  border-radius: 0.3125rem;
  padding-top: 0.1875em;
  padding-inline-end: 0.375em;
  padding-bottom: 0.1875em;
  padding-inline-start: 0.375em;
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-code);
  font-weight: 600;
  font-size: 0.875em;
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
  content: "`";
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
  content: "`";
}
.prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
  font-size: 0.875em;
}
.prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
  font-size: 0.9em;
}
.prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-pre-code);
  background-color: var(--tw-prose-pre-bg);
  overflow-x: auto;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 1.7142857;
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: 0.375rem;
  padding-top: 0.8571429em;
  padding-inline-end: 1.1428571em;
  padding-bottom: 0.8571429em;
  padding-inline-start: 1.1428571em;
}
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
  content: none;
}
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
  content: none;
}
.prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  width: 100%;
  table-layout: auto;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 0.875em;
  line-height: 1.7142857;
}
.prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-th-borders);
}
.prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  vertical-align: bottom;
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}
.prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-td-borders);
}
.prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-bottom-width: 0;
}
.prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  vertical-align: baseline;
}
.prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-top-width: 1px;
  border-top-color: var(--tw-prose-th-borders);
}
.prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  vertical-align: top;
}
.prose :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  text-align: start;
}
.prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}
.prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-captions);
  font-size: 0.875em;
  line-height: 1.4285714;
  margin-top: 0.8571429em;
}
.prose {
  --tw-prose-body: #374151;
  --tw-prose-headings: #111827;
  --tw-prose-lead: #4b5563;
  --tw-prose-links: #111827;
  --tw-prose-bold: #111827;
  --tw-prose-counters: #6b7280;
  --tw-prose-bullets: #d1d5db;
  --tw-prose-hr: #e5e7eb;
  --tw-prose-quotes: #111827;
  --tw-prose-quote-borders: #e5e7eb;
  --tw-prose-captions: #6b7280;
  --tw-prose-kbd: #111827;
  --tw-prose-kbd-shadows: rgb(17 24 39 / 10%);
  --tw-prose-code: #111827;
  --tw-prose-pre-code: #e5e7eb;
  --tw-prose-pre-bg: #1f2937;
  --tw-prose-th-borders: #d1d5db;
  --tw-prose-td-borders: #e5e7eb;
  --tw-prose-invert-body: #d1d5db;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #9ca3af;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #9ca3af;
  --tw-prose-invert-bullets: #4b5563;
  --tw-prose-invert-hr: #374151;
  --tw-prose-invert-quotes: #f3f4f6;
  --tw-prose-invert-quote-borders: #374151;
  --tw-prose-invert-captions: #9ca3af;
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%);
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d1d5db;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #4b5563;
  --tw-prose-invert-td-borders: #374151;
  font-size: 1rem;
  line-height: 1.75;
}
.prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}
.prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0.375em;
}
.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0.375em;
}
.prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
}
.prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}
.prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
}
.prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}
.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}
.prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.5em;
  padding-inline-start: 1.625em;
}
.prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}
.prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}
.prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}
.prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}
.prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0;
}
.prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-end: 0;
}
.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-top: 0.5714286em;
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}
.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0;
}
.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-end: 0;
}
.prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}
.prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 0;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.pointer-events-none {
  pointer-events: none;
}
.pointer-events-auto {
  pointer-events: auto;
}
.\!visible {
  visibility: visible !important;
}
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
.collapse {
  visibility: collapse;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.\!relative {
  position: relative !important;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.inset-0 {
  inset: 0px;
}
.inset-x-0 {
  left: 0px;
  right: 0px;
}
.inset-y-0 {
  top: 0px;
  bottom: 0px;
}
.-bottom-\[60px\] {
  bottom: -60px;
}
.-bottom-\[6px\] {
  bottom: -6px;
}
.-bottom-\[80px\] {
  bottom: -80px;
}
.-bottom-px {
  bottom: -1px;
}
.-left-1 {
  left: -0.25rem;
}
.-left-3 {
  left: -0.75rem;
}
.-right-1 {
  right: -0.25rem;
}
.-right-\[5px\] {
  right: -5px;
}
.-right-\[6px\] {
  right: -6px;
}
.-top-0\.5 {
  top: -0.125rem;
}
.-top-2\.5 {
  top: -0.625rem;
}
.-top-3 {
  top: -0.75rem;
}
.-top-7 {
  top: -1.75rem;
}
.-top-\[0\.05em\] {
  top: -0.05em;
}
.-top-\[108px\] {
  top: -108px;
}
.-top-\[12px\] {
  top: -12px;
}
.-top-\[52px\] {
  top: -52px;
}
.-top-\[80px\] {
  top: -80px;
}
.-top-\[9px\] {
  top: -9px;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-1 {
  bottom: 0.25rem;
}
.bottom-10 {
  bottom: 2.5rem;
}
.bottom-15 {
  bottom: 3.75rem;
}
.bottom-2 {
  bottom: 0.5rem;
}
.bottom-3 {
  bottom: 0.75rem;
}
.bottom-4 {
  bottom: 1rem;
}
.bottom-6 {
  bottom: 1.5rem;
}
.bottom-8 {
  bottom: 2rem;
}
.bottom-\[-28px\] {
  bottom: -28px;
}
.bottom-\[16px\] {
  bottom: 16px;
}
.bottom-\[25px\] {
  bottom: 25px;
}
.bottom-\[30px\] {
  bottom: 30px;
}
.bottom-\[81px\] {
  bottom: 81px;
}
.bottom-full {
  bottom: 100%;
}
.left-0 {
  left: 0px;
}
.left-1 {
  left: 0.25rem;
}
.left-1\/2 {
  left: 50%;
}
.left-16 {
  left: 4rem;
}
.left-2 {
  left: 0.5rem;
}
.left-2\.5 {
  left: 0.625rem;
}
.left-2\/4 {
  left: 50%;
}
.left-3 {
  left: 0.75rem;
}
.left-4 {
  left: 1rem;
}
.left-5 {
  left: 1.25rem;
}
.left-\[-30px\] {
  left: -30px;
}
.left-\[0px\] {
  left: 0px;
}
.left-\[10\%\] {
  left: 10%;
}
.left-\[11px\] {
  left: 11px;
}
.left-\[14px\] {
  left: 14px;
}
.left-\[15\%\] {
  left: 15%;
}
.left-\[15px\] {
  left: 15px;
}
.left-\[166px\] {
  left: 166px;
}
.left-\[16px\] {
  left: 16px;
}
.left-\[20px\] {
  left: 20px;
}
.left-\[24px\] {
  left: 24px;
}
.left-\[25px\] {
  left: 25px;
}
.left-\[38px\] {
  left: 38px;
}
.left-\[70px\] {
  left: 70px;
}
.left-\[80px\] {
  left: 80px;
}
.left-px {
  left: 1px;
}
.right-0 {
  right: 0px;
}
.right-1\.5 {
  right: 0.375rem;
}
.right-2 {
  right: 0.5rem;
}
.right-3 {
  right: 0.75rem;
}
.right-3\.5 {
  right: 0.875rem;
}
.right-4 {
  right: 1rem;
}
.right-5 {
  right: 1.25rem;
}
.right-6 {
  right: 1.5rem;
}
.right-\[-10px\] {
  right: -10px;
}
.right-\[-2px\] {
  right: -2px;
}
.right-\[-30px\] {
  right: -30px;
}
.right-\[-5px\] {
  right: -5px;
}
.right-\[0\] {
  right: 0;
}
.right-\[10\%\] {
  right: 10%;
}
.right-\[13px\] {
  right: 13px;
}
.right-\[14px\] {
  right: 14px;
}
.right-\[15px\] {
  right: 15px;
}
.right-\[16px\] {
  right: 16px;
}
.right-\[20px\] {
  right: 20px;
}
.right-\[24px\] {
  right: 24px;
}
.right-\[26px\] {
  right: 26px;
}
.right-\[44px\] {
  right: 44px;
}
.right-\[5\%\] {
  right: 5%;
}
.right-\[50px\] {
  right: 50px;
}
.right-\[80px\] {
  right: 80px;
}
.top-0 {
  top: 0px;
}
.top-1 {
  top: 0.25rem;
}
.top-1\.5 {
  top: 0.375rem;
}
.top-1\/2 {
  top: 50%;
}
.top-2 {
  top: 0.5rem;
}
.top-2\.5 {
  top: 0.625rem;
}
.top-2\/4 {
  top: 50%;
}
.top-24 {
  top: 6rem;
}
.top-3 {
  top: 0.75rem;
}
.top-4 {
  top: 1rem;
}
.top-8 {
  top: 2rem;
}
.top-\[-100px\] {
  top: -100px;
}
.top-\[-108px\] {
  top: -108px;
}
.top-\[-10px\] {
  top: -10px;
}
.top-\[-12px\] {
  top: -12px;
}
.top-\[-13px\] {
  top: -13px;
}
.top-\[-2px\] {
  top: -2px;
}
.top-\[-60px\] {
  top: -60px;
}
.top-\[-74px\] {
  top: -74px;
}
.top-\[-80px\] {
  top: -80px;
}
.top-\[110\%\] {
  top: 110%;
}
.top-\[120px\] {
  top: 120px;
}
.top-\[13px\] {
  top: 13px;
}
.top-\[150px\] {
  top: 150px;
}
.top-\[16px\] {
  top: 16px;
}
.top-\[18px\] {
  top: 18px;
}
.top-\[20px\] {
  top: 20px;
}
.top-\[21px\] {
  top: 21px;
}
.top-\[24px\] {
  top: 24px;
}
.top-\[250px\] {
  top: 250px;
}
.top-\[35px\] {
  top: 35px;
}
.top-\[3px\] {
  top: 3px;
}
.top-\[42px\] {
  top: 42px;
}
.top-\[48px\] {
  top: 48px;
}
.top-\[52px\] {
  top: 52px;
}
.top-\[6\.4\%\] {
  top: 6.4%;
}
.top-\[60px\] {
  top: 60px;
}
.top-\[63px\] {
  top: 63px;
}
.top-\[7px\] {
  top: 7px;
}
.top-\[80px\] {
  top: 80px;
}
.top-\[8px\] {
  top: 8px;
}
.top-\[calc\(100\%\+8px\)\] {
  top: calc(100% + 8px);
}
.top-full {
  top: 100%;
}
.isolate {
  isolation: isolate;
}
.z-0 {
  z-index: 0;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-30 {
  z-index: 30;
}
.z-50 {
  z-index: 50;
}
.z-\[10000\] {
  z-index: 10000;
}
.z-\[100\] {
  z-index: 100;
}
.z-\[102\] {
  z-index: 102;
}
.z-\[1\] {
  z-index: 1;
}
.z-\[2\] {
  z-index: 2;
}
.z-\[303\] {
  z-index: 303;
}
.z-\[305\] {
  z-index: 305;
}
.z-\[315\] {
  z-index: 315;
}
.z-\[320\] {
  z-index: 320;
}
.z-\[400\] {
  z-index: 400;
}
.z-\[600\] {
  z-index: 600;
}
.z-\[60\] {
  z-index: 60;
}
.z-\[70\] {
  z-index: 70;
}
.z-\[99998\] {
  z-index: 99998;
}
.z-\[99999\] {
  z-index: 99999;
}
.z-\[9999\] {
  z-index: 9999;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.m-0 {
  margin: 0px;
}
.m-12 {
  margin: 3rem;
}
.m-\[12px\] {
  margin: 12px;
}
.m-auto {
  margin: auto;
}
.-mx-4 {
  margin-left: -1rem;
  margin-right: -1rem;
}
.-mx-5 {
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}
.-mx-6 {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
.-mx-\[40px\] {
  margin-left: -40px;
  margin-right: -40px;
}
.-my-\[60px\] {
  margin-top: -60px;
  margin-bottom: -60px;
}
.mx-0\.5 {
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}
.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-5 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.mx-\[1px\] {
  margin-left: 1px;
  margin-right: 1px;
}
.mx-\[4px\] {
  margin-left: 4px;
  margin-right: 4px;
}
.mx-\[5px\] {
  margin-left: 5px;
  margin-right: 5px;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.my-12 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.my-16 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.my-\[10px\] {
  margin-top: 10px;
  margin-bottom: 10px;
}
.my-\[40px\] {
  margin-top: 40px;
  margin-bottom: 40px;
}
.my-\[4px\] {
  margin-top: 4px;
  margin-bottom: 4px;
}
.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}
.-ml-1 {
  margin-left: -0.25rem;
}
.-ml-px {
  margin-left: -1px;
}
.-mt-6 {
  margin-top: -1.5rem;
}
.-mt-px {
  margin-top: -1px;
}
.mb-0 {
  margin-bottom: 0px;
}
.mb-0\.5 {
  margin-bottom: 0.125rem;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-1\.5 {
  margin-bottom: 0.375rem;
}
.mb-10 {
  margin-bottom: 2.5rem;
}
.mb-12 {
  margin-bottom: 3rem;
}
.mb-14 {
  margin-bottom: 3.5rem;
}
.mb-15 {
  margin-bottom: 3.75rem;
}
.mb-16 {
  margin-bottom: 4rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-2\.5 {
  margin-bottom: 0.625rem;
}
.mb-24 {
  margin-bottom: 6rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-7 {
  margin-bottom: 1.75rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.mb-\[-12px\] {
  margin-bottom: -12px;
}
.mb-\[-24px\] {
  margin-bottom: -24px;
}
.mb-\[10px\] {
  margin-bottom: 10px;
}
.mb-\[12px\] {
  margin-bottom: 12px;
}
.mb-\[15px\] {
  margin-bottom: 15px;
}
.mb-\[16px\] {
  margin-bottom: 16px;
}
.mb-\[19px\] {
  margin-bottom: 19px;
}
.mb-\[21px\] {
  margin-bottom: 21px;
}
.mb-\[24px\] {
  margin-bottom: 24px;
}
.mb-\[30px\] {
  margin-bottom: 30px;
}
.mb-\[39px\] {
  margin-bottom: 39px;
}
.mb-\[40px\] {
  margin-bottom: 40px;
}
.mb-\[48px\] {
  margin-bottom: 48px;
}
.mb-\[50px\] {
  margin-bottom: 50px;
}
.mb-\[5px\] {
  margin-bottom: 5px;
}
.mb-\[60px\] {
  margin-bottom: 60px;
}
.mb-\[84px\] {
  margin-bottom: 84px;
}
.ml-0 {
  margin-left: 0px;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-4 {
  margin-left: 1rem;
}
.ml-6 {
  margin-left: 1.5rem;
}
.ml-\[3px\] {
  margin-left: 3px;
}
.ml-\[5px\] {
  margin-left: 5px;
}
.ml-auto {
  margin-left: auto;
}
.mr-0 {
  margin-right: 0px;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-1\.5 {
  margin-right: 0.375rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-2\.5 {
  margin-right: 0.625rem;
}
.mr-4 {
  margin-right: 1rem;
}
.mr-\[14px\] {
  margin-right: 14px;
}
.mr-\[7px\] {
  margin-right: 7px;
}
.mr-auto {
  margin-right: auto;
}
.mt-0 {
  margin-top: 0px;
}
.mt-0\.5 {
  margin-top: 0.125rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-10 {
  margin-top: 2.5rem;
}
.mt-12 {
  margin-top: 3rem;
}
.mt-14 {
  margin-top: 3.5rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-2\.5 {
  margin-top: 0.625rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-36 {
  margin-top: 9rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-7 {
  margin-top: 1.75rem;
}
.mt-8 {
  margin-top: 2rem;
}
.mt-9 {
  margin-top: 2.25rem;
}
.mt-\[-74px\] {
  margin-top: -74px;
}
.mt-\[10px\] {
  margin-top: 10px;
}
.mt-\[12px\] {
  margin-top: 12px;
}
.mt-\[15px\] {
  margin-top: 15px;
}
.mt-\[16px\] {
  margin-top: 16px;
}
.mt-\[20px\] {
  margin-top: 20px;
}
.mt-\[22px\] {
  margin-top: 22px;
}
.mt-\[24px\] {
  margin-top: 24px;
}
.mt-\[25px\] {
  margin-top: 25px;
}
.mt-\[32px\] {
  margin-top: 32px;
}
.mt-\[37px\] {
  margin-top: 37px;
}
.mt-\[40px\] {
  margin-top: 40px;
}
.mt-\[42px\] {
  margin-top: 42px;
}
.mt-\[44px\] {
  margin-top: 44px;
}
.mt-\[46px\] {
  margin-top: 46px;
}
.mt-\[50px\] {
  margin-top: 50px;
}
.mt-\[52px\] {
  margin-top: 52px;
}
.mt-\[53px\] {
  margin-top: 53px;
}
.mt-\[60px\] {
  margin-top: 60px;
}
.mt-\[78px\] {
  margin-top: 78px;
}
.mt-auto {
  margin-top: auto;
}
.box-border {
  box-sizing: border-box;
}
.box-content {
  box-sizing: content-box;
}
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.\!block {
  display: block !important;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.table-cell {
  display: table-cell;
}
.grid {
  display: grid;
}
.contents {
  display: contents;
}
.hidden {
  display: none;
}
.aspect-\[0\.67\] {
  aspect-ratio: 0.67;
}
.aspect-\[0\.694\] {
  aspect-ratio: 0.694;
}
.aspect-\[0\.89\] {
  aspect-ratio: 0.89;
}
.aspect-\[0\.8\] {
  aspect-ratio: 0.8;
}
.aspect-\[1\.06\] {
  aspect-ratio: 1.06;
}
.aspect-\[1\.88\] {
  aspect-ratio: 1.88;
}
.aspect-\[1\/1\.25\] {
  aspect-ratio: 1/1.25;
}
.aspect-\[171\/224\] {
  aspect-ratio: 171/224;
}
.aspect-\[171\/272\] {
  aspect-ratio: 171/272;
}
.aspect-\[2\] {
  aspect-ratio: 2;
}
.aspect-\[3\/2\] {
  aspect-ratio: 3/2;
}
.aspect-\[342\/192\] {
  aspect-ratio: 342/192;
}
.aspect-\[348\/400\] {
  aspect-ratio: 348/400;
}
.aspect-\[358\/360\] {
  aspect-ratio: 358/360;
}
.aspect-\[586\/457\] {
  aspect-ratio: 586/457;
}
.aspect-square {
  aspect-ratio: 1 / 1;
}
.aspect-video {
  aspect-ratio: 16 / 9;
}
.size-16 {
  width: 4rem;
  height: 4rem;
}
.size-5 {
  width: 1.25rem;
  height: 1.25rem;
}
.size-6 {
  width: 1.5rem;
  height: 1.5rem;
}
.size-\[100px\] {
  width: 100px;
  height: 100px;
}
.size-\[14px\] {
  width: 14px;
  height: 14px;
}
.size-\[240px\] {
  width: 240px;
  height: 240px;
}
.size-\[24px\] {
  width: 24px;
  height: 24px;
}
.size-\[250px\] {
  width: 250px;
  height: 250px;
}
.size-\[29px\] {
  width: 29px;
  height: 29px;
}
.size-\[39px\] {
  width: 39px;
  height: 39px;
}
.size-\[50px\] {
  width: 50px;
  height: 50px;
}
.size-\[60px\] {
  width: 60px;
  height: 60px;
}
.size-\[68px\] {
  width: 68px;
  height: 68px;
}
.size-\[80px\] {
  width: 80px;
  height: 80px;
}
.size-\[86px\] {
  width: 86px;
  height: 86px;
}
.size-\[8px\] {
  width: 8px;
  height: 8px;
}
.size-full {
  width: 100%;
  height: 100%;
}
.\!h-12 {
  height: 3rem !important;
}
.\!h-\[232px\] {
  height: 232px !important;
}
.\!h-\[40px\] {
  height: 40px !important;
}
.\!h-\[52px\] {
  height: 52px !important;
}
.\!h-\[58\.8px\] {
  height: 58.8px !important;
}
.\!h-auto {
  height: auto !important;
}
.\!h-full {
  height: 100% !important;
}
.h-0 {
  height: 0px;
}
.h-0\.5 {
  height: 0.125rem;
}
.h-1\.5 {
  height: 0.375rem;
}
.h-10 {
  height: 2.5rem;
}
.h-12 {
  height: 3rem;
}
.h-14 {
  height: 3.5rem;
}
.h-16 {
  height: 4rem;
}
.h-2 {
  height: 0.5rem;
}
.h-2\.5 {
  height: 0.625rem;
}
.h-20 {
  height: 5rem;
}
.h-24 {
  height: 6rem;
}
.h-25 {
  height: 6.25rem;
}
.h-3 {
  height: 0.75rem;
}
.h-3\.5 {
  height: 0.875rem;
}
.h-32 {
  height: 8rem;
}
.h-4 {
  height: 1rem;
}
.h-48 {
  height: 12rem;
}
.h-5 {
  height: 1.25rem;
}
.h-6 {
  height: 1.5rem;
}
.h-64 {
  height: 16rem;
}
.h-7 {
  height: 1.75rem;
}
.h-8 {
  height: 2rem;
}
.h-9 {
  height: 2.25rem;
}
.h-\[100px\] {
  height: 100px;
}
.h-\[108px\] {
  height: 108px;
}
.h-\[111px\] {
  height: 111px;
}
.h-\[116px\] {
  height: 116px;
}
.h-\[11px\] {
  height: 11px;
}
.h-\[120px\] {
  height: 120px;
}
.h-\[124px\] {
  height: 124px;
}
.h-\[130px\] {
  height: 130px;
}
.h-\[132px\] {
  height: 132px;
}
.h-\[140px\] {
  height: 140px;
}
.h-\[145px\] {
  height: 145px;
}
.h-\[147px\] {
  height: 147px;
}
.h-\[148px\] {
  height: 148px;
}
.h-\[14px\] {
  height: 14px;
}
.h-\[150px\] {
  height: 150px;
}
.h-\[15px\] {
  height: 15px;
}
.h-\[162px\] {
  height: 162px;
}
.h-\[164px\] {
  height: 164px;
}
.h-\[188px\] {
  height: 188px;
}
.h-\[18px\] {
  height: 18px;
}
.h-\[19px\] {
  height: 19px;
}
.h-\[1px\] {
  height: 1px;
}
.h-\[200px\] {
  height: 200px;
}
.h-\[208px\] {
  height: 208px;
}
.h-\[20px\] {
  height: 20px;
}
.h-\[218px\] {
  height: 218px;
}
.h-\[221px\] {
  height: 221px;
}
.h-\[224px\] {
  height: 224px;
}
.h-\[230px\] {
  height: 230px;
}
.h-\[232px\] {
  height: 232px;
}
.h-\[240px\] {
  height: 240px;
}
.h-\[24px\] {
  height: 24px;
}
.h-\[250px\] {
  height: 250px;
}
.h-\[254px\] {
  height: 254px;
}
.h-\[270px\] {
  height: 270px;
}
.h-\[272px\] {
  height: 272px;
}
.h-\[283px\] {
  height: 283px;
}
.h-\[28px\] {
  height: 28px;
}
.h-\[2px\] {
  height: 2px;
}
.h-\[310px\] {
  height: 310px;
}
.h-\[312px\] {
  height: 312px;
}
.h-\[320px\] {
  height: 320px;
}
.h-\[322px\] {
  height: 322px;
}
.h-\[32px\] {
  height: 32px;
}
.h-\[34\.5px\] {
  height: 34.5px;
}
.h-\[340px\] {
  height: 340px;
}
.h-\[35px\] {
  height: 35px;
}
.h-\[360px\] {
  height: 360px;
}
.h-\[376px\] {
  height: 376px;
}
.h-\[38px\] {
  height: 38px;
}
.h-\[396px\] {
  height: 396px;
}
.h-\[3px\] {
  height: 3px;
}
.h-\[400px\] {
  height: 400px;
}
.h-\[405px\] {
  height: 405px;
}
.h-\[40px\] {
  height: 40px;
}
.h-\[423\.6px\] {
  height: 423.6px;
}
.h-\[426px\] {
  height: 426px;
}
.h-\[44px\] {
  height: 44px;
}
.h-\[450px\] {
  height: 450px;
}
.h-\[452px\] {
  height: 452px;
}
.h-\[48px\] {
  height: 48px;
}
.h-\[4px\] {
  height: 4px;
}
.h-\[500px\] {
  height: 500px;
}
.h-\[50px\] {
  height: 50px;
}
.h-\[527px\] {
  height: 527px;
}
.h-\[52px\] {
  height: 52px;
}
.h-\[54px\] {
  height: 54px;
}
.h-\[555px\] {
  height: 555px;
}
.h-\[56px\] {
  height: 56px;
}
.h-\[600px\] {
  height: 600px;
}
.h-\[60px\] {
  height: 60px;
}
.h-\[64px\] {
  height: 64px;
}
.h-\[68px\] {
  height: 68px;
}
.h-\[69px\] {
  height: 69px;
}
.h-\[6px\] {
  height: 6px;
}
.h-\[70px\] {
  height: 70px;
}
.h-\[72px\] {
  height: 72px;
}
.h-\[73px\] {
  height: 73px;
}
.h-\[780px\] {
  height: 780px;
}
.h-\[80px\] {
  height: 80px;
}
.h-\[82px\] {
  height: 82px;
}
.h-\[86px\] {
  height: 86px;
}
.h-\[88px\] {
  height: 88px;
}
.h-\[90px\] {
  height: 90px;
}
.h-\[92px\] {
  height: 92px;
}
.h-\[calc\(100\%-48px\)\] {
  height: calc(100% - 48px);
}
.h-\[calc\(100vh-64px\)\] {
  height: calc(100vh - 64px);
}
.h-auto {
  height: auto;
}
.h-dvh {
  height: 100dvh;
}
.h-fit {
  height: -moz-fit-content;
  height: fit-content;
}
.h-full {
  height: 100%;
}
.h-px {
  height: 1px;
}
.h-screen {
  height: 100vh;
}
.max-h-0 {
  max-height: 0px;
}
.max-h-\[1000px\] {
  max-height: 1000px;
}
.max-h-\[100px\] {
  max-height: 100px;
}
.max-h-\[26px\] {
  max-height: 26px;
}
.max-h-\[300px\] {
  max-height: 300px;
}
.max-h-\[320px\] {
  max-height: 320px;
}
.max-h-\[340px\] {
  max-height: 340px;
}
.max-h-\[500px\] {
  max-height: 500px;
}
.max-h-\[700px\] {
  max-height: 700px;
}
.max-h-\[85vh\] {
  max-height: 85vh;
}
.max-h-\[900px\] {
  max-height: 900px;
}
.max-h-\[90vh\] {
  max-height: 90vh;
}
.max-h-\[92vh\] {
  max-height: 92vh;
}
.max-h-full {
  max-height: 100%;
}
.max-h-none {
  max-height: none;
}
.\!min-h-0 {
  min-height: 0px !important;
}
.\!min-h-\[48px\] {
  min-height: 48px !important;
}
.\!min-h-\[72px\] {
  min-height: 72px !important;
}
.\!min-h-\[unset\] {
  min-height: unset !important;
}
.min-h-0 {
  min-height: 0px;
}
.min-h-\[140px\] {
  min-height: 140px;
}
.min-h-\[18px\] {
  min-height: 18px;
}
.min-h-\[1px\] {
  min-height: 1px;
}
.min-h-\[200px\] {
  min-height: 200px;
}
.min-h-\[20px\] {
  min-height: 20px;
}
.min-h-\[24px\] {
  min-height: 24px;
}
.min-h-\[28px\] {
  min-height: 28px;
}
.min-h-\[300px\] {
  min-height: 300px;
}
.min-h-\[36px\] {
  min-height: 36px;
}
.min-h-\[380px\] {
  min-height: 380px;
}
.min-h-\[400px\] {
  min-height: 400px;
}
.min-h-\[40px\] {
  min-height: 40px;
}
.min-h-\[48px\] {
  min-height: 48px;
}
.min-h-\[527px\] {
  min-height: 527px;
}
.min-h-\[52px\] {
  min-height: 52px;
}
.min-h-\[56px\] {
  min-height: 56px;
}
.min-h-\[616px\] {
  min-height: 616px;
}
.min-h-\[671px\] {
  min-height: 671px;
}
.min-h-\[72px\] {
  min-height: 72px;
}
.min-h-\[73px\] {
  min-height: 73px;
}
.min-h-\[76px\] {
  min-height: 76px;
}
.min-h-\[80px\] {
  min-height: 80px;
}
.min-h-\[calc\(100vh-72px\)\] {
  min-height: calc(100vh - 72px);
}
.min-h-dvh {
  min-height: 100dvh;
}
.min-h-screen {
  min-height: 100vh;
}
.\!w-\[263px\] {
  width: 263px !important;
}
.\!w-\[58\.8px\] {
  width: 58.8px !important;
}
.w-1\.5 {
  width: 0.375rem;
}
.w-1\/2 {
  width: 50%;
}
.w-1\/3 {
  width: 33.333333%;
}
.w-10 {
  width: 2.5rem;
}
.w-12 {
  width: 3rem;
}
.w-14 {
  width: 3.5rem;
}
.w-16 {
  width: 4rem;
}
.w-2 {
  width: 0.5rem;
}
.w-2\.5 {
  width: 0.625rem;
}
.w-2\/5 {
  width: 40%;
}
.w-20 {
  width: 5rem;
}
.w-24 {
  width: 6rem;
}
.w-25 {
  width: 6.25rem;
}
.w-28 {
  width: 7rem;
}
.w-3 {
  width: 0.75rem;
}
.w-3\.5 {
  width: 0.875rem;
}
.w-3\/4 {
  width: 75%;
}
.w-32 {
  width: 8rem;
}
.w-4 {
  width: 1rem;
}
.w-4\/5 {
  width: 80%;
}
.w-40 {
  width: 10rem;
}
.w-44 {
  width: 11rem;
}
.w-48 {
  width: 12rem;
}
.w-5 {
  width: 1.25rem;
}
.w-5\/6 {
  width: 83.333333%;
}
.w-6 {
  width: 1.5rem;
}
.w-64 {
  width: 16rem;
}
.w-7 {
  width: 1.75rem;
}
.w-72 {
  width: 18rem;
}
.w-8 {
  width: 2rem;
}
.w-80 {
  width: 20rem;
}
.w-9 {
  width: 2.25rem;
}
.w-96 {
  width: 24rem;
}
.w-\[100\%\] {
  width: 100%;
}
.w-\[100px\] {
  width: 100px;
}
.w-\[104px\] {
  width: 104px;
}
.w-\[108px\] {
  width: 108px;
}
.w-\[111px\] {
  width: 111px;
}
.w-\[113px\] {
  width: 113px;
}
.w-\[114px\] {
  width: 114px;
}
.w-\[120px\] {
  width: 120px;
}
.w-\[124px\] {
  width: 124px;
}
.w-\[130px\] {
  width: 130px;
}
.w-\[132px\] {
  width: 132px;
}
.w-\[133px\] {
  width: 133px;
}
.w-\[135px\] {
  width: 135px;
}
.w-\[139\.394px\] {
  width: 139.394px;
}
.w-\[139px\] {
  width: 139px;
}
.w-\[140px\] {
  width: 140px;
}
.w-\[141px\] {
  width: 141px;
}
.w-\[145px\] {
  width: 145px;
}
.w-\[146px\] {
  width: 146px;
}
.w-\[148px\] {
  width: 148px;
}
.w-\[14px\] {
  width: 14px;
}
.w-\[150px\] {
  width: 150px;
}
.w-\[15px\] {
  width: 15px;
}
.w-\[160px\] {
  width: 160px;
}
.w-\[162px\] {
  width: 162px;
}
.w-\[16px\] {
  width: 16px;
}
.w-\[170px\] {
  width: 170px;
}
.w-\[173px\] {
  width: 173px;
}
.w-\[180px\] {
  width: 180px;
}
.w-\[18px\] {
  width: 18px;
}
.w-\[200px\] {
  width: 200px;
}
.w-\[216px\] {
  width: 216px;
}
.w-\[220px\] {
  width: 220px;
}
.w-\[224px\] {
  width: 224px;
}
.w-\[230px\] {
  width: 230px;
}
.w-\[240px\] {
  width: 240px;
}
.w-\[24px\] {
  width: 24px;
}
.w-\[250px\] {
  width: 250px;
}
.w-\[255px\] {
  width: 255px;
}
.w-\[263px\] {
  width: 263px;
}
.w-\[264px\] {
  width: 264px;
}
.w-\[271px\] {
  width: 271px;
}
.w-\[275px\] {
  width: 275px;
}
.w-\[290px\] {
  width: 290px;
}
.w-\[2px\] {
  width: 2px;
}
.w-\[300px\] {
  width: 300px;
}
.w-\[302px\] {
  width: 302px;
}
.w-\[303px\] {
  width: 303px;
}
.w-\[306px\] {
  width: 306px;
}
.w-\[310px\] {
  width: 310px;
}
.w-\[311px\] {
  width: 311px;
}
.w-\[313\.733px\] {
  width: 313.733px;
}
.w-\[318px\] {
  width: 318px;
}
.w-\[321px\] {
  width: 321px;
}
.w-\[325px\] {
  width: 325px;
}
.w-\[32px\] {
  width: 32px;
}
.w-\[34\.5px\] {
  width: 34.5px;
}
.w-\[340px\] {
  width: 340px;
}
.w-\[343px\] {
  width: 343px;
}
.w-\[346px\] {
  width: 346px;
}
.w-\[350px\] {
  width: 350px;
}
.w-\[358px\] {
  width: 358px;
}
.w-\[362px\] {
  width: 362px;
}
.w-\[367px\] {
  width: 367px;
}
.w-\[395px\] {
  width: 395px;
}
.w-\[4\%\] {
  width: 4%;
}
.w-\[400px\] {
  width: 400px;
}
.w-\[40px\] {
  width: 40px;
}
.w-\[432px\] {
  width: 432px;
}
.w-\[44px\] {
  width: 44px;
}
.w-\[450px\] {
  width: 450px;
}
.w-\[454px\] {
  width: 454px;
}
.w-\[45px\] {
  width: 45px;
}
.w-\[489px\] {
  width: 489px;
}
.w-\[4px\] {
  width: 4px;
}
.w-\[50px\] {
  width: 50px;
}
.w-\[512px\] {
  width: 512px;
}
.w-\[518px\] {
  width: 518px;
}
.w-\[52px\] {
  width: 52px;
}
.w-\[540px\] {
  width: 540px;
}
.w-\[54px\] {
  width: 54px;
}
.w-\[552px\] {
  width: 552px;
}
.w-\[56px\] {
  width: 56px;
}
.w-\[60px\] {
  width: 60px;
}
.w-\[645px\] {
  width: 645px;
}
.w-\[64px\] {
  width: 64px;
}
.w-\[666px\] {
  width: 666px;
}
.w-\[68px\] {
  width: 68px;
}
.w-\[6px\] {
  width: 6px;
}
.w-\[705px\] {
  width: 705px;
}
.w-\[70px\] {
  width: 70px;
}
.w-\[82px\] {
  width: 82px;
}
.w-\[85px\] {
  width: 85px;
}
.w-\[86px\] {
  width: 86px;
}
.w-\[90\%\] {
  width: 90%;
}
.w-\[94px\] {
  width: 94px;
}
.w-\[95\%\] {
  width: 95%;
}
.w-\[96px\] {
  width: 96px;
}
.w-\[calc\(100\%\+48px\)\] {
  width: calc(100% + 48px);
}
.w-\[calc\(100\%-20px\)\] {
  width: calc(100% - 20px);
}
.w-\[calc\(50\%-8px\)\] {
  width: calc(50% - 8px);
}
.w-auto {
  width: auto;
}
.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}
.w-full {
  width: 100%;
}
.w-px {
  width: 1px;
}
.w-screen {
  width: 100vw;
}
.\!min-w-\[170px\] {
  min-width: 170px !important;
}
.\!min-w-\[200px\] {
  min-width: 200px !important;
}
.min-w-0 {
  min-width: 0px;
}
.min-w-20 {
  min-width: 5rem;
}
.min-w-5 {
  min-width: 1.25rem;
}
.min-w-\[116px\] {
  min-width: 116px;
}
.min-w-\[120px\] {
  min-width: 120px;
}
.min-w-\[144px\] {
  min-width: 144px;
}
.min-w-\[150px\] {
  min-width: 150px;
}
.min-w-\[160px\] {
  min-width: 160px;
}
.min-w-\[170px\] {
  min-width: 170px;
}
.min-w-\[1px\] {
  min-width: 1px;
}
.min-w-\[200px\] {
  min-width: 200px;
}
.min-w-\[20px\] {
  min-width: 20px;
}
.min-w-\[240px\] {
  min-width: 240px;
}
.min-w-\[250px\] {
  min-width: 250px;
}
.min-w-\[2ch\] {
  min-width: 2ch;
}
.min-w-\[300px\] {
  min-width: 300px;
}
.min-w-\[318px\] {
  min-width: 318px;
}
.min-w-\[4rem\] {
  min-width: 4rem;
}
.min-w-\[72px\] {
  min-width: 72px;
}
.min-w-\[calc\(50\%-8px\)\] {
  min-width: calc(50% - 8px);
}
.max-w-2xl {
  max-width: 42rem;
}
.max-w-40 {
  max-width: 10rem;
}
.max-w-4xl {
  max-width: 56rem;
}
.max-w-52 {
  max-width: 13rem;
}
.max-w-5xl {
  max-width: 64rem;
}
.max-w-\[1192px\] {
  max-width: 1192px;
}
.max-w-\[1200px\] {
  max-width: 1200px;
}
.max-w-\[1352px\] {
  max-width: 1352px;
}
.max-w-\[1440px\] {
  max-width: 1440px;
}
.max-w-\[144px\] {
  max-width: 144px;
}
.max-w-\[157px\] {
  max-width: 157px;
}
.max-w-\[1600px\] {
  max-width: 1600px;
}
.max-w-\[170px\] {
  max-width: 170px;
}
.max-w-\[1800px\] {
  max-width: 1800px;
}
.max-w-\[180px\] {
  max-width: 180px;
}
.max-w-\[186px\] {
  max-width: 186px;
}
.max-w-\[1920px\] {
  max-width: 1920px;
}
.max-w-\[220px\] {
  max-width: 220px;
}
.max-w-\[242px\] {
  max-width: 242px;
}
.max-w-\[263px\] {
  max-width: 263px;
}
.max-w-\[264px\] {
  max-width: 264px;
}
.max-w-\[268px\] {
  max-width: 268px;
}
.max-w-\[275px\] {
  max-width: 275px;
}
.max-w-\[280px\] {
  max-width: 280px;
}
.max-w-\[290px\] {
  max-width: 290px;
}
.max-w-\[298px\] {
  max-width: 298px;
}
.max-w-\[300px\] {
  max-width: 300px;
}
.max-w-\[301px\] {
  max-width: 301px;
}
.max-w-\[303px\] {
  max-width: 303px;
}
.max-w-\[310px\] {
  max-width: 310px;
}
.max-w-\[318px\] {
  max-width: 318px;
}
.max-w-\[320px\] {
  max-width: 320px;
}
.max-w-\[325px\] {
  max-width: 325px;
}
.max-w-\[342px\] {
  max-width: 342px;
}
.max-w-\[343px\] {
  max-width: 343px;
}
.max-w-\[350px\] {
  max-width: 350px;
}
.max-w-\[358px\] {
  max-width: 358px;
}
.max-w-\[360px\] {
  max-width: 360px;
}
.max-w-\[362px\] {
  max-width: 362px;
}
.max-w-\[375px\] {
  max-width: 375px;
}
.max-w-\[390px\] {
  max-width: 390px;
}
.max-w-\[400px\] {
  max-width: 400px;
}
.max-w-\[420px\] {
  max-width: 420px;
}
.max-w-\[438px\] {
  max-width: 438px;
}
.max-w-\[440px\] {
  max-width: 440px;
}
.max-w-\[450px\] {
  max-width: 450px;
}
.max-w-\[470px\] {
  max-width: 470px;
}
.max-w-\[480px\] {
  max-width: 480px;
}
.max-w-\[496px\] {
  max-width: 496px;
}
.max-w-\[500px\] {
  max-width: 500px;
}
.max-w-\[502px\] {
  max-width: 502px;
}
.max-w-\[511px\] {
  max-width: 511px;
}
.max-w-\[520px\] {
  max-width: 520px;
}
.max-w-\[532px\] {
  max-width: 532px;
}
.max-w-\[550px\] {
  max-width: 550px;
}
.max-w-\[552px\] {
  max-width: 552px;
}
.max-w-\[566px\] {
  max-width: 566px;
}
.max-w-\[568px\] {
  max-width: 568px;
}
.max-w-\[592px\] {
  max-width: 592px;
}
.max-w-\[605px\] {
  max-width: 605px;
}
.max-w-\[620px\] {
  max-width: 620px;
}
.max-w-\[621px\] {
  max-width: 621px;
}
.max-w-\[640px\] {
  max-width: 640px;
}
.max-w-\[65\%\] {
  max-width: 65%;
}
.max-w-\[655px\] {
  max-width: 655px;
}
.max-w-\[660px\] {
  max-width: 660px;
}
.max-w-\[666px\] {
  max-width: 666px;
}
.max-w-\[680px\] {
  max-width: 680px;
}
.max-w-\[684px\] {
  max-width: 684px;
}
.max-w-\[685px\] {
  max-width: 685px;
}
.max-w-\[706px\] {
  max-width: 706px;
}
.max-w-\[720px\] {
  max-width: 720px;
}
.max-w-\[832px\] {
  max-width: 832px;
}
.max-w-\[850px\] {
  max-width: 850px;
}
.max-w-\[864px\] {
  max-width: 864px;
}
.max-w-\[880px\] {
  max-width: 880px;
}
.max-w-\[894px\] {
  max-width: 894px;
}
.max-w-\[900px\] {
  max-width: 900px;
}
.max-w-\[90vw\] {
  max-width: 90vw;
}
.max-w-\[960px\] {
  max-width: 960px;
}
.max-w-\[calc\(100\%-16px\)\] {
  max-width: calc(100% - 16px);
}
.max-w-container-xl {
  max-width: 1800px;
}
.max-w-full {
  max-width: 100%;
}
.max-w-lg {
  max-width: 32rem;
}
.max-w-md {
  max-width: 28rem;
}
.max-w-none {
  max-width: none;
}
.max-w-screen-md {
  max-width: 768px;
}
.max-w-sm {
  max-width: 24rem;
}
.max-w-xl {
  max-width: 36rem;
}
.max-w-xs {
  max-width: 20rem;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-\[1_0_0\] {
  flex: 1 0 0;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.shrink {
  flex-shrink: 1;
}
.shrink-0 {
  flex-shrink: 0;
}
.flex-grow {
  flex-grow: 1;
}
.grow {
  flex-grow: 1;
}
.basis-0 {
  flex-basis: 0px;
}
.basis-6 {
  flex-basis: 1.5rem;
}
.basis-\[35\%\] {
  flex-basis: 35%;
}
.basis-\[65\%\] {
  flex-basis: 65%;
}
.basis-full {
  flex-basis: 100%;
}
.origin-bottom {
  transform-origin: bottom;
}
.origin-center {
  transform-origin: center;
}
.origin-top {
  transform-origin: top;
}
.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-2\/4 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-\[6px\] {
  --tw-translate-x: -6px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-2 {
  --tw-translate-y: -0.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-2\/4 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-\[14px\] {
  --tw-translate-y: -14px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-0 {
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-6 {
  --tw-translate-x: 1.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-0 {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[0\%\] {
  --tw-translate-y: 0%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-full {
  --tw-translate-y: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-45 {
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-90 {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-\[-15deg\] {
  --tw-rotate: -15deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-110 {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-150 {
  --tw-scale-x: 1.5;
  --tw-scale-y: 1.5;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[1\.3\] {
  --tw-scale-x: 1.3;
  --tw-scale-y: 1.3;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[1\.5\] {
  --tw-scale-x: 1.5;
  --tw-scale-y: 1.5;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[1\.8\] {
  --tw-scale-x: 1.8;
  --tw-scale-y: 1.8;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[2\.5\] {
  --tw-scale-x: 2.5;
  --tw-scale-y: 2.5;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[2\] {
  --tw-scale-x: 2;
  --tw-scale-y: 2;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.animate-\[payment-plan-fade-in_240ms_ease-out_both\] {
  animation: payment-plan-fade-in 240ms ease-out both;
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8,0,1,1);
  }
  50% {
    transform: none;
    animation-timing-function: cubic-bezier(0,0,0.2,1);
  }
}
.animate-bounce {
  animation: bounce 1s infinite;
}
@keyframes pulse {
  50% {
    opacity: .5;
  }
}
.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.animate-spin {
  animation: spin 1s linear infinite;
}
.cursor-default {
  cursor: default;
}
.cursor-grab {
  cursor: grab;
}
.cursor-grabbing {
  cursor: grabbing;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-wait {
  cursor: wait;
}
.touch-pan-x {
  --tw-pan-x: pan-x;
  touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom);
}
.select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.resize-none {
  resize: none;
}
.resize {
  resize: both;
}
.snap-x {
  scroll-snap-type: x var(--tw-scroll-snap-strictness);
}
.snap-mandatory {
  --tw-scroll-snap-strictness: mandatory;
}
.snap-start {
  scroll-snap-align: start;
}
.scroll-px-\[40px\] {
  scroll-padding-left: 40px;
  scroll-padding-right: 40px;
}
.list-decimal {
  list-style-type: decimal;
}
.list-none {
  list-style-type: none;
}
.appearance-none {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.items-stretch {
  align-items: stretch;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}
.justify-items-center {
  justify-items: center;
}
.gap-0 {
  gap: 0px;
}
.gap-0\.5 {
  gap: 0.125rem;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-1\.5 {
  gap: 0.375rem;
}
.gap-10 {
  gap: 2.5rem;
}
.gap-12 {
  gap: 3rem;
}
.gap-14 {
  gap: 3.5rem;
}
.gap-16 {
  gap: 4rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-2\.5 {
  gap: 0.625rem;
}
.gap-20 {
  gap: 5rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-3\.5 {
  gap: 0.875rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-5 {
  gap: 1.25rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-7 {
  gap: 1.75rem;
}
.gap-8 {
  gap: 2rem;
}
.gap-9 {
  gap: 2.25rem;
}
.gap-\[100px\] {
  gap: 100px;
}
.gap-\[10px\] {
  gap: 10px;
}
.gap-\[12px\] {
  gap: 12px;
}
.gap-\[14px\] {
  gap: 14px;
}
.gap-\[15px\] {
  gap: 15px;
}
.gap-\[16px\] {
  gap: 16px;
}
.gap-\[1px\] {
  gap: 1px;
}
.gap-\[2\.68px\] {
  gap: 2.68px;
}
.gap-\[20px\] {
  gap: 20px;
}
.gap-\[22px\] {
  gap: 22px;
}
.gap-\[23px\] {
  gap: 23px;
}
.gap-\[24px\] {
  gap: 24px;
}
.gap-\[29px\] {
  gap: 29px;
}
.gap-\[2px\] {
  gap: 2px;
}
.gap-\[3\.5px\] {
  gap: 3.5px;
}
.gap-\[32px\] {
  gap: 32px;
}
.gap-\[34px\] {
  gap: 34px;
}
.gap-\[39\.6px\] {
  gap: 39.6px;
}
.gap-\[3px\] {
  gap: 3px;
}
.gap-\[40px\] {
  gap: 40px;
}
.gap-\[48px\] {
  gap: 48px;
}
.gap-\[4px\] {
  gap: 4px;
}
.gap-\[52px\] {
  gap: 52px;
}
.gap-\[54px\] {
  gap: 54px;
}
.gap-\[56px\] {
  gap: 56px;
}
.gap-\[5px\] {
  gap: 5px;
}
.gap-\[60px\] {
  gap: 60px;
}
.gap-\[62px\] {
  gap: 62px;
}
.gap-\[6px\] {
  gap: 6px;
}
.gap-\[7\.2px\] {
  gap: 7.2px;
}
.gap-\[72px\] {
  gap: 72px;
}
.gap-\[7px\] {
  gap: 7px;
}
.gap-\[8px\] {
  gap: 8px;
}
.gap-\[96px\] {
  gap: 96px;
}
.gap-px {
  gap: 1px;
}
.gap-x-0 {
  -moz-column-gap: 0px;
       column-gap: 0px;
}
.gap-x-4 {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.gap-x-6 {
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}
.gap-x-\[16px\] {
  -moz-column-gap: 16px;
       column-gap: 16px;
}
.gap-x-\[72px\] {
  -moz-column-gap: 72px;
       column-gap: 72px;
}
.gap-y-10 {
  row-gap: 2.5rem;
}
.gap-y-2 {
  row-gap: 0.5rem;
}
.gap-y-8 {
  row-gap: 2rem;
}
.gap-y-\[40px\] {
  row-gap: 40px;
}
.gap-y-\[60px\] {
  row-gap: 60px;
}
.gap-y-\[72px\] {
  row-gap: 72px;
}
.space-x-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-0 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0px * var(--tw-space-y-reverse));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.space-y-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.self-start {
  align-self: flex-start;
}
.self-end {
  align-self: flex-end;
}
.self-center {
  align-self: center;
}
.self-stretch {
  align-self: stretch;
}
.justify-self-center {
  justify-self: center;
}
.\!overflow-hidden {
  overflow: hidden !important;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-clip {
  overflow: clip;
}
.overflow-visible {
  overflow: visible;
}
.overflow-scroll {
  overflow: scroll;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-x-clip {
  overflow-x: clip;
}
.overflow-x-scroll {
  overflow-x: scroll;
}
.overflow-y-scroll {
  overflow-y: scroll;
}
.scroll-smooth {
  scroll-behavior: smooth;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.whitespace-normal {
  white-space: normal;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.text-nowrap {
  text-wrap: nowrap;
}
.break-all {
  word-break: break-all;
}
.\!rounded {
  border-radius: 0.25rem !important;
}
.\!rounded-lg {
  border-radius: 0.5rem !important;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-18 {
  border-radius: 18px;
}
.rounded-20 {
  border-radius: 20px;
}
.rounded-24 {
  border-radius: 24px;
}
.rounded-28 {
  border-radius: 28px;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-3xl {
  border-radius: 1.5rem;
}
.rounded-\[100px\] {
  border-radius: 100px;
}
.rounded-\[12px\] {
  border-radius: 12px;
}
.rounded-\[14px\] {
  border-radius: 14px;
}
.rounded-\[16px\] {
  border-radius: 16px;
}
.rounded-\[20px\] {
  border-radius: 20px;
}
.rounded-\[24px\] {
  border-radius: 24px;
}
.rounded-\[27px\] {
  border-radius: 27px;
}
.rounded-\[28px\] {
  border-radius: 28px;
}
.rounded-\[30px\] {
  border-radius: 30px;
}
.rounded-\[42px\] {
  border-radius: 42px;
}
.rounded-\[4px\] {
  border-radius: 4px;
}
.rounded-\[50px\] {
  border-radius: 50px;
}
.rounded-\[5px\] {
  border-radius: 5px;
}
.rounded-\[66px\] {
  border-radius: 66px;
}
.rounded-\[6px\] {
  border-radius: 6px;
}
.rounded-\[8px\] {
  border-radius: 8px;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-none {
  border-radius: 0px;
}
.rounded-sm {
  border-radius: 0.125rem;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.rounded-b {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.rounded-b-2xl {
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
.rounded-b-3xl {
  border-bottom-right-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
}
.rounded-b-\[27px\] {
  border-bottom-right-radius: 27px;
  border-bottom-left-radius: 27px;
}
.rounded-b-md {
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}
.rounded-r-full {
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}
.rounded-t {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.rounded-t-20 {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.rounded-t-24 {
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
}
.rounded-t-2xl {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
.rounded-t-3xl {
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
}
.rounded-t-\[20px\] {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.rounded-t-\[27px\] {
  border-top-left-radius: 27px;
  border-top-right-radius: 27px;
}
.rounded-t-lg {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.rounded-t-xl {
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}
.rounded-bl-2xl {
  border-bottom-left-radius: 1rem;
}
.rounded-bl-lg {
  border-bottom-left-radius: 0.5rem;
}
.rounded-br-2xl {
  border-bottom-right-radius: 1rem;
}
.rounded-br-\[3px\] {
  border-bottom-right-radius: 3px;
}
.rounded-br-lg {
  border-bottom-right-radius: 0.5rem;
}
.rounded-tl-lg {
  border-top-left-radius: 0.5rem;
}
.rounded-tr-2xl {
  border-top-right-radius: 1rem;
}
.rounded-tr-\[3px\] {
  border-top-right-radius: 3px;
}
.rounded-tr-lg {
  border-top-right-radius: 0.5rem;
}
.\!border {
  border-width: 1px !important;
}
.border {
  border-width: 1px;
}
.border-0 {
  border-width: 0px;
}
.border-2 {
  border-width: 2px;
}
.border-\[1\.4px\] {
  border-width: 1.4px;
}
.border-\[1\.5px\] {
  border-width: 1.5px;
}
.border-\[2px\] {
  border-width: 2px;
}
.border-\[5px\] {
  border-width: 5px;
}
.border-x {
  border-left-width: 1px;
  border-right-width: 1px;
}
.border-y {
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-b-\[1\.4px\] {
  border-bottom-width: 1.4px;
}
.border-t {
  border-top-width: 1px;
}
.border-t-0 {
  border-top-width: 0px;
}
.border-t-\[1px\] {
  border-top-width: 1px;
}
.border-t-\[2px\] {
  border-top-width: 2px;
}
.\!border-solid {
  border-style: solid !important;
}
.border-solid {
  border-style: solid;
}
.border-dashed {
  border-style: dashed;
}
.border-none {
  border-style: none;
}
.\!border-charcoal-400 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(122 122 127 / var(--tw-border-opacity)) !important;
}
.border-\[\#1A1A1A\] {
  --tw-border-opacity: 1;
  border-color: rgb(26 26 26 / var(--tw-border-opacity));
}
.border-\[\#1a1a1a\] {
  --tw-border-opacity: 1;
  border-color: rgb(26 26 26 / var(--tw-border-opacity));
}
.border-\[\#1d1d1d\] {
  --tw-border-opacity: 1;
  border-color: rgb(29 29 29 / var(--tw-border-opacity));
}
.border-\[\#252525\] {
  --tw-border-opacity: 1;
  border-color: rgb(37 37 37 / var(--tw-border-opacity));
}
.border-\[\#252525\]\/15 {
  border-color: rgb(37 37 37 / 0.15);
}
.border-\[\#252525\]\/20 {
  border-color: rgb(37 37 37 / 0.2);
}
.border-\[\#252525\]\/\[0\.07\] {
  border-color: rgb(37 37 37 / 0.07);
}
.border-\[\#4D4D4D\] {
  --tw-border-opacity: 1;
  border-color: rgb(77 77 77 / var(--tw-border-opacity));
}
.border-\[\#7A4B3E\] {
  --tw-border-opacity: 1;
  border-color: rgb(122 75 62 / var(--tw-border-opacity));
}
.border-\[\#CCCCCC\] {
  --tw-border-opacity: 1;
  border-color: rgb(204 204 204 / var(--tw-border-opacity));
}
.border-\[\#D7D7DA\] {
  --tw-border-opacity: 1;
  border-color: rgb(215 215 218 / var(--tw-border-opacity));
}
.border-\[\#D97706\]\/40 {
  border-color: rgb(217 119 6 / 0.4);
}
.border-\[\#DEDEDE\] {
  --tw-border-opacity: 1;
  border-color: rgb(222 222 222 / var(--tw-border-opacity));
}
.border-\[\#DFDFDF\] {
  --tw-border-opacity: 1;
  border-color: rgb(223 223 223 / var(--tw-border-opacity));
}
.border-\[\#E0E0E0\] {
  --tw-border-opacity: 1;
  border-color: rgb(224 224 224 / var(--tw-border-opacity));
}
.border-\[\#E5E5E5\] {
  --tw-border-opacity: 1;
  border-color: rgb(229 229 229 / var(--tw-border-opacity));
}
.border-\[\#F4F1E8\] {
  --tw-border-opacity: 1;
  border-color: rgb(244 241 232 / var(--tw-border-opacity));
}
.border-\[\#F53C32\] {
  --tw-border-opacity: 1;
  border-color: rgb(245 60 50 / var(--tw-border-opacity));
}
.border-\[\#F59E0B\]\/15 {
  border-color: rgb(245 158 11 / 0.15);
}
.border-\[\#F59E0B\]\/30 {
  border-color: rgb(245 158 11 / 0.3);
}
.border-\[\#F5E6B8\] {
  --tw-border-opacity: 1;
  border-color: rgb(245 230 184 / var(--tw-border-opacity));
}
.border-\[\#F6E4D4\] {
  --tw-border-opacity: 1;
  border-color: rgb(246 228 212 / var(--tw-border-opacity));
}
.border-\[\#F6E4D4\]\/30 {
  border-color: rgb(246 228 212 / 0.3);
}
.border-\[\#ccc\] {
  --tw-border-opacity: 1;
  border-color: rgb(204 204 204 / var(--tw-border-opacity));
}
.border-\[\#d51c27\] {
  --tw-border-opacity: 1;
  border-color: rgb(213 28 39 / var(--tw-border-opacity));
}
.border-\[\#d7d7da\] {
  --tw-border-opacity: 1;
  border-color: rgb(215 215 218 / var(--tw-border-opacity));
}
.border-\[\#dfdfdf\] {
  --tw-border-opacity: 1;
  border-color: rgb(223 223 223 / var(--tw-border-opacity));
}
.border-\[\#ececec\] {
  --tw-border-opacity: 1;
  border-color: rgb(236 236 236 / var(--tw-border-opacity));
}
.border-\[\#eed7c1\] {
  --tw-border-opacity: 1;
  border-color: rgb(238 215 193 / var(--tw-border-opacity));
}
.border-\[rgba\(37\2c 37\2c 37\2c 0\.06\)\] {
  border-color: rgba(37,37,37,0.06);
}
.border-\[rgba\(37\2c 37\2c 37\2c 0\.15\)\] {
  border-color: rgba(37,37,37,0.15);
}
.border-\[rgba\(37\2c 37\2c 37\2c 0\.2\)\] {
  border-color: rgba(37,37,37,0.2);
}
.border-\[rgba\(37\2c 37\2c 37\2c 0\.25\)\] {
  border-color: rgba(37,37,37,0.25);
}
.border-\[rgba\(37\2c 37\2c 37\2c 0\.5\)\] {
  border-color: rgba(37,37,37,0.5);
}
.border-black {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.border-charcoal-100 {
  --tw-border-opacity: 1;
  border-color: rgb(236 236 238 / var(--tw-border-opacity));
}
.border-charcoal-200 {
  --tw-border-opacity: 1;
  border-color: rgb(215 215 218 / var(--tw-border-opacity));
}
.border-charcoal-300 {
  --tw-border-opacity: 1;
  border-color: rgb(184 184 188 / var(--tw-border-opacity));
}
.border-charcoal-400 {
  --tw-border-opacity: 1;
  border-color: rgb(122 122 127 / var(--tw-border-opacity));
}
.border-charcoal-500 {
  --tw-border-opacity: 1;
  border-color: rgb(79 79 82 / var(--tw-border-opacity));
}
.border-charcoal-600 {
  --tw-border-opacity: 1;
  border-color: rgb(37 37 37 / var(--tw-border-opacity));
}
.border-charcoal-600\/10 {
  border-color: rgb(37 37 37 / 0.1);
}
.border-charcoal-600\/25 {
  border-color: rgb(37 37 37 / 0.25);
}
.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.border-gray-900 {
  --tw-border-opacity: 1;
  border-color: rgb(17 24 39 / var(--tw-border-opacity));
}
.border-green-400 {
  --tw-border-opacity: 1;
  border-color: rgb(74 222 128 / var(--tw-border-opacity));
}
.border-neutral-50 {
  --tw-border-opacity: 1;
  border-color: rgb(228 200 173 / var(--tw-border-opacity));
}
.border-red-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity));
}
.border-red-300 {
  --tw-border-opacity: 1;
  border-color: rgb(252 165 165 / var(--tw-border-opacity));
}
.border-red-400 {
  --tw-border-opacity: 1;
  border-color: rgb(248 113 113 / var(--tw-border-opacity));
}
.border-trade-black {
  --tw-border-opacity: 1;
  border-color: rgb(37 37 37 / var(--tw-border-opacity));
}
.border-trade-maroon {
  --tw-border-opacity: 1;
  border-color: rgb(83 12 24 / var(--tw-border-opacity));
}
.border-trade-red {
  --tw-border-opacity: 1;
  border-color: rgb(244 80 72 / var(--tw-border-opacity));
}
.border-transparent {
  border-color: transparent;
}
.border-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.border-white\/20 {
  border-color: rgb(255 255 255 / 0.2);
}
.border-zinc-900 {
  --tw-border-opacity: 1;
  border-color: rgb(24 24 27 / var(--tw-border-opacity));
}
.border-t-black {
  --tw-border-opacity: 1;
  border-top-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.border-t-transparent {
  border-top-color: transparent;
}
.border-t-zinc-100 {
  --tw-border-opacity: 1;
  border-top-color: rgb(244 244 245 / var(--tw-border-opacity));
}
.\!bg-white {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}
.bg-\[\#1A1A1A\] {
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 26 / var(--tw-bg-opacity));
}
.bg-\[\#1a1a1a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 26 / var(--tw-bg-opacity));
}
.bg-\[\#252525\] {
  --tw-bg-opacity: 1;
  background-color: rgb(37 37 37 / var(--tw-bg-opacity));
}
.bg-\[\#252525\]\/15 {
  background-color: rgb(37 37 37 / 0.15);
}
.bg-\[\#252525\]\/20 {
  background-color: rgb(37 37 37 / 0.2);
}
.bg-\[\#252525\]\/30 {
  background-color: rgb(37 37 37 / 0.3);
}
.bg-\[\#252525\]\/5 {
  background-color: rgb(37 37 37 / 0.05);
}
.bg-\[\#252525\]\/50 {
  background-color: rgb(37 37 37 / 0.5);
}
.bg-\[\#252525\]\/\[0\.04\] {
  background-color: rgb(37 37 37 / 0.04);
}
.bg-\[\#252525\]\/\[0\.06\] {
  background-color: rgb(37 37 37 / 0.06);
}
.bg-\[\#446BB0\] {
  --tw-bg-opacity: 1;
  background-color: rgb(68 107 176 / var(--tw-bg-opacity));
}
.bg-\[\#530C18\] {
  --tw-bg-opacity: 1;
  background-color: rgb(83 12 24 / var(--tw-bg-opacity));
}
.bg-\[\#7A4B3E\] {
  --tw-bg-opacity: 1;
  background-color: rgb(122 75 62 / var(--tw-bg-opacity));
}
.bg-\[\#7a3f47\] {
  --tw-bg-opacity: 1;
  background-color: rgb(122 63 71 / var(--tw-bg-opacity));
}
.bg-\[\#999999\] {
  --tw-bg-opacity: 1;
  background-color: rgb(153 153 153 / var(--tw-bg-opacity));
}
.bg-\[\#9C3912\] {
  --tw-bg-opacity: 1;
  background-color: rgb(156 57 18 / var(--tw-bg-opacity));
}
.bg-\[\#D5E7EF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(213 231 239 / var(--tw-bg-opacity));
}
.bg-\[\#E4C8AD\] {
  --tw-bg-opacity: 1;
  background-color: rgb(228 200 173 / var(--tw-bg-opacity));
}
.bg-\[\#E5E5E5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(229 229 229 / var(--tw-bg-opacity));
}
.bg-\[\#E7E7E7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(231 231 231 / var(--tw-bg-opacity));
}
.bg-\[\#E8F4FD\] {
  --tw-bg-opacity: 1;
  background-color: rgb(232 244 253 / var(--tw-bg-opacity));
}
.bg-\[\#EBEBEB\] {
  --tw-bg-opacity: 1;
  background-color: rgb(235 235 235 / var(--tw-bg-opacity));
}
.bg-\[\#EBFF88\] {
  --tw-bg-opacity: 1;
  background-color: rgb(235 255 136 / var(--tw-bg-opacity));
}
.bg-\[\#EFF2F6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(239 242 246 / var(--tw-bg-opacity));
}
.bg-\[\#F0F0F0\] {
  --tw-bg-opacity: 1;
  background-color: rgb(240 240 240 / var(--tw-bg-opacity));
}
.bg-\[\#F4EEE6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(244 238 230 / var(--tw-bg-opacity));
}
.bg-\[\#F53C32\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 60 50 / var(--tw-bg-opacity));
}
.bg-\[\#F5F0EB\]\/50 {
  background-color: rgb(245 240 235 / 0.5);
}
.bg-\[\#F5F4EF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 244 239 / var(--tw-bg-opacity));
}
.bg-\[\#F5F5F5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}
.bg-\[\#F6E4D4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(246 228 212 / var(--tw-bg-opacity));
}
.bg-\[\#F6E4D4\]\/40 {
  background-color: rgb(246 228 212 / 0.4);
}
.bg-\[\#F7F7F8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 248 / var(--tw-bg-opacity));
}
.bg-\[\#F9F9F9\] {
  --tw-bg-opacity: 1;
  background-color: rgb(249 249 249 / var(--tw-bg-opacity));
}
.bg-\[\#FAF8F5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 248 245 / var(--tw-bg-opacity));
}
.bg-\[\#FAFAF8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 248 / var(--tw-bg-opacity));
}
.bg-\[\#FDF9F4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(253 249 244 / var(--tw-bg-opacity));
}
.bg-\[\#FE3533\] {
  --tw-bg-opacity: 1;
  background-color: rgb(254 53 51 / var(--tw-bg-opacity));
}
.bg-\[\#FEF3C7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity));
}
.bg-\[\#FF5D39\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 93 57 / var(--tw-bg-opacity));
}
.bg-\[\#FFD6AC\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 214 172 / var(--tw-bg-opacity));
}
.bg-\[\#FFF8F0\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 240 / var(--tw-bg-opacity));
}
.bg-\[\#FFF9DB\]\/60 {
  background-color: rgb(255 249 219 / 0.6);
}
.bg-\[\#FFFBEB\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity));
}
.bg-\[\#FFFFFF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-\[\#c4949a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(196 148 154 / var(--tw-bg-opacity));
}
.bg-\[\#d51c27\] {
  --tw-bg-opacity: 1;
  background-color: rgb(213 28 39 / var(--tw-bg-opacity));
}
.bg-\[\#dc2626\] {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
}
.bg-\[\#e4c8ad\] {
  --tw-bg-opacity: 1;
  background-color: rgb(228 200 173 / var(--tw-bg-opacity));
}
.bg-\[\#e5e7eb\] {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.bg-\[\#e5e7ff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 255 / var(--tw-bg-opacity));
}
.bg-\[\#ebff88\] {
  --tw-bg-opacity: 1;
  background-color: rgb(235 255 136 / var(--tw-bg-opacity));
}
.bg-\[\#ececee\] {
  --tw-bg-opacity: 1;
  background-color: rgb(236 236 238 / var(--tw-bg-opacity));
}
.bg-\[\#eed7c1\] {
  --tw-bg-opacity: 1;
  background-color: rgb(238 215 193 / var(--tw-bg-opacity));
}
.bg-\[\#eff2f6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(239 242 246 / var(--tw-bg-opacity));
}
.bg-\[\#f0f0f0\] {
  --tw-bg-opacity: 1;
  background-color: rgb(240 240 240 / var(--tw-bg-opacity));
}
.bg-\[\#f2e1cf\] {
  --tw-bg-opacity: 1;
  background-color: rgb(242 225 207 / var(--tw-bg-opacity));
}
.bg-\[\#f2f2f2\] {
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 242 / var(--tw-bg-opacity));
}
.bg-\[\#f53c32\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 60 50 / var(--tw-bg-opacity));
}
.bg-\[\#f5f5f5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}
.bg-\[\#f6e4d4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(246 228 212 / var(--tw-bg-opacity));
}
.bg-\[\#f7f7f8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 248 / var(--tw-bg-opacity));
}
.bg-\[\#fafafa\] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}
.bg-\[\#fbefe3\] {
  --tw-bg-opacity: 1;
  background-color: rgb(251 239 227 / var(--tw-bg-opacity));
}
.bg-\[\#fff9f1\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 249 241 / var(--tw-bg-opacity));
}
.bg-\[rgba\(28\2c 124\2c 84\2c 0\.15\)\] {
  background-color: rgba(28,124,84,0.15);
}
.bg-\[rgba\(28\2c 124\2c 84\2c 0\.25\)\] {
  background-color: rgba(28,124,84,0.25);
}
.bg-\[rgba\(37\2c 37\2c 37\2c 0\.1\)\] {
  background-color: rgba(37,37,37,0.1);
}
.bg-\[rgba\(37\2c 37\2c 37\2c 0\.5\)\] {
  background-color: rgba(37,37,37,0.5);
}
.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-black\/40 {
  background-color: rgb(0 0 0 / 0.4);
}
.bg-black\/80 {
  background-color: rgb(0 0 0 / 0.8);
}
.bg-blurple-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 255 / var(--tw-bg-opacity));
}
.bg-charcoal-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 236 238 / var(--tw-bg-opacity));
}
.bg-charcoal-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(215 215 218 / var(--tw-bg-opacity));
}
.bg-charcoal-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(122 122 127 / var(--tw-bg-opacity));
}
.bg-charcoal-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 248 / var(--tw-bg-opacity));
}
.bg-charcoal-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(79 79 82 / var(--tw-bg-opacity));
}
.bg-charcoal-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(37 37 37 / var(--tw-bg-opacity));
}
.bg-charcoal-600\/25 {
  background-color: rgb(37 37 37 / 0.25);
}
.bg-gray-10 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}
.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.bg-gray-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}
.bg-gray-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
}
.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.bg-gray-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity));
}
.bg-gray-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
.bg-gray-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}
.bg-green-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity));
}
.bg-green-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}
.bg-green-500\/90 {
  background-color: rgb(34 197 94 / 0.9);
}
.bg-green-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(21 128 61 / var(--tw-bg-opacity));
}
.bg-highlighter-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(235 255 136 / var(--tw-bg-opacity));
}
.bg-ice-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(197 232 252 / var(--tw-bg-opacity));
}
.bg-inherit {
  background-color: inherit;
}
.bg-neutral {
  --tw-bg-opacity: 1;
  background-color: rgb(246 246 246 / var(--tw-bg-opacity));
}
.bg-neutral-10 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 249 241 / var(--tw-bg-opacity));
}
.bg-neutral-30 {
  --tw-bg-opacity: 1;
  background-color: rgb(246 228 212 / var(--tw-bg-opacity));
}
.bg-neutral-40 {
  --tw-bg-opacity: 1;
  background-color: rgb(238 215 193 / var(--tw-bg-opacity));
}
.bg-neutral-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(228 200 173 / var(--tw-bg-opacity));
}
.bg-orange-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 215 170 / var(--tw-bg-opacity));
}
.bg-red-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity));
}
.bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}
.bg-red-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
}
.bg-roast {
  --tw-bg-opacity: 1;
  background-color: rgb(156 57 18 / var(--tw-bg-opacity));
}
.bg-roast\/20 {
  background-color: rgb(156 57 18 / 0.2);
}
.bg-roast\/40 {
  background-color: rgb(156 57 18 / 0.4);
}
.bg-roast\/60 {
  background-color: rgb(156 57 18 / 0.6);
}
.bg-roast\/80 {
  background-color: rgb(156 57 18 / 0.8);
}
.bg-stone-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 244 / var(--tw-bg-opacity));
}
.bg-stone-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 249 / var(--tw-bg-opacity));
}
.bg-surface-warm {
  --tw-bg-opacity: 1;
  background-color: rgb(249 246 246 / var(--tw-bg-opacity));
}
.bg-surface-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-tertiary {
  --tw-bg-opacity: 1;
  background-color: rgb(213 231 239 / var(--tw-bg-opacity));
}
.bg-trade-black {
  --tw-bg-opacity: 1;
  background-color: rgb(37 37 37 / var(--tw-bg-opacity));
}
.bg-trade-highlighter-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(235 255 136 / var(--tw-bg-opacity));
}
.bg-trade-maroon {
  --tw-bg-opacity: 1;
  background-color: rgb(83 12 24 / var(--tw-bg-opacity));
}
.bg-trade-red {
  --tw-bg-opacity: 1;
  background-color: rgb(244 80 72 / var(--tw-bg-opacity));
}
.bg-transparent {
  background-color: transparent;
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-white\/80 {
  background-color: rgb(255 255 255 / 0.8);
}
.bg-zinc-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 245 / var(--tw-bg-opacity));
}
.bg-zinc-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(24 24 27 / var(--tw-bg-opacity));
}
.bg-opacity-50 {
  --tw-bg-opacity: 0.5;
}
.bg-opacity-80 {
  --tw-bg-opacity: 0.8;
}
.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.from-\[\#530c18\] {
  --tw-gradient-from: #530c18 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(83 12 24 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#D5E7EF\] {
  --tw-gradient-from: #D5E7EF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(213 231 239 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#F8F8F6\] {
  --tw-gradient-from: #F8F8F6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(248 248 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#FFF8F0\] {
  --tw-gradient-from: #FFF8F0 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 248 240 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-amber-100 {
  --tw-gradient-from: #fef3c7 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(254 243 199 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-transparent {
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-yellow-400 {
  --tw-gradient-from: #facc15 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(250 204 21 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.via-\[\#8B4A56\] {
  --tw-gradient-to: rgb(139 74 86 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #8B4A56 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.to-\[\#F5F4ED\] {
  --tw-gradient-to: #F5F4ED var(--tw-gradient-to-position);
}
.to-\[\#e4c8ad\] {
  --tw-gradient-to: #e4c8ad var(--tw-gradient-to-position);
}
.to-\[rgba\(119\2c 47\2c 19\2c 0\.3\)\] {
  --tw-gradient-to: rgba(119,47,19,0.3) var(--tw-gradient-to-position);
}
.to-amber-50 {
  --tw-gradient-to: #fffbeb var(--tw-gradient-to-position);
}
.to-orange-400 {
  --tw-gradient-to: #fb923c var(--tw-gradient-to-position);
}
.to-white {
  --tw-gradient-to: #FFFFFF var(--tw-gradient-to-position);
}
.fill-\[\#FF5D39\] {
  fill: #FF5D39;
}
.fill-current {
  fill: currentColor;
}
.fill-green-700 {
  fill: #15803d;
}
.fill-zinc-900 {
  fill: #18181b;
}
.stroke-\[\#FFA9A5\] {
  stroke: #FFA9A5;
}
.stroke-zinc-900 {
  stroke: #18181b;
}
.stroke-\[1px\] {
  stroke-width: 1px;
}
.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}
.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
.object-bottom {
  -o-object-position: bottom;
     object-position: bottom;
}
.object-center {
  -o-object-position: center;
     object-position: center;
}
.object-top {
  -o-object-position: top;
     object-position: top;
}
.\!p-0 {
  padding: 0px !important;
}
.p-0 {
  padding: 0px;
}
.p-1 {
  padding: 0.25rem;
}
.p-10 {
  padding: 2.5rem;
}
.p-12 {
  padding: 3rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-8 {
  padding: 2rem;
}
.p-\[14px_12px_16px_14px\] {
  padding: 14px 12px 16px 14px;
}
.p-\[15px\] {
  padding: 15px;
}
.p-\[16px\] {
  padding: 16px;
}
.p-\[18px_18px_36px_18px\] {
  padding: 18px 18px 36px 18px;
}
.p-\[20px\] {
  padding: 20px;
}
.p-\[20px_24px_20px_12px\] {
  padding: 20px 24px 20px 12px;
}
.p-\[40px_30px_52px\] {
  padding: 40px 30px 52px;
}
.p-\[5px\] {
  padding: 5px;
}
.p-\[8px\] {
  padding: 8px;
}
.\!px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.\!px-5 {
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}
.\!px-\[11px\] {
  padding-left: 11px !important;
  padding-right: 11px !important;
}
.\!px-\[24px\] {
  padding-left: 24px !important;
  padding-right: 24px !important;
}
.\!py-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}
.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.px-0\.5 {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-1\.5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.px-11 {
  padding-left: 2.75rem;
  padding-right: 2.75rem;
}
.px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}
.px-16 {
  padding-left: 4rem;
  padding-right: 4rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-20 {
  padding-left: 5rem;
  padding-right: 5rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-3\.5 {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.px-32 {
  padding-left: 8rem;
  padding-right: 8rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-\[0\.15em\] {
  padding-left: 0.15em;
  padding-right: 0.15em;
}
.px-\[10px\] {
  padding-left: 10px;
  padding-right: 10px;
}
.px-\[11px\] {
  padding-left: 11px;
  padding-right: 11px;
}
.px-\[12px\] {
  padding-left: 12px;
  padding-right: 12px;
}
.px-\[14px\] {
  padding-left: 14px;
  padding-right: 14px;
}
.px-\[15px\] {
  padding-left: 15px;
  padding-right: 15px;
}
.px-\[16px\] {
  padding-left: 16px;
  padding-right: 16px;
}
.px-\[20px\] {
  padding-left: 20px;
  padding-right: 20px;
}
.px-\[23px\] {
  padding-left: 23px;
  padding-right: 23px;
}
.px-\[24px\] {
  padding-left: 24px;
  padding-right: 24px;
}
.px-\[28px\] {
  padding-left: 28px;
  padding-right: 28px;
}
.px-\[32px\] {
  padding-left: 32px;
  padding-right: 32px;
}
.px-\[3px\] {
  padding-left: 3px;
  padding-right: 3px;
}
.px-\[40px\] {
  padding-left: 40px;
  padding-right: 40px;
}
.px-\[44px\] {
  padding-left: 44px;
  padding-right: 44px;
}
.px-\[48px\] {
  padding-left: 48px;
  padding-right: 48px;
}
.px-\[4px\] {
  padding-left: 4px;
  padding-right: 4px;
}
.px-\[50px\] {
  padding-left: 50px;
  padding-right: 50px;
}
.px-\[52px\] {
  padding-left: 52px;
  padding-right: 52px;
}
.px-\[5px\] {
  padding-left: 5px;
  padding-right: 5px;
}
.px-\[6px\] {
  padding-left: 6px;
  padding-right: 6px;
}
.px-\[74px\] {
  padding-left: 74px;
  padding-right: 74px;
}
.px-\[8px\] {
  padding-left: 8px;
  padding-right: 8px;
}
.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-14 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}
.py-15 {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
}
.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-3\.5 {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-56 {
  padding-top: 14rem;
  padding-bottom: 14rem;
}
.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-9 {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}
.py-\[10px\] {
  padding-top: 10px;
  padding-bottom: 10px;
}
.py-\[14px\] {
  padding-top: 14px;
  padding-bottom: 14px;
}
.py-\[15px\] {
  padding-top: 15px;
  padding-bottom: 15px;
}
.py-\[18px\] {
  padding-top: 18px;
  padding-bottom: 18px;
}
.py-\[19px\] {
  padding-top: 19px;
  padding-bottom: 19px;
}
.py-\[28px\] {
  padding-top: 28px;
  padding-bottom: 28px;
}
.py-\[30px\] {
  padding-top: 30px;
  padding-bottom: 30px;
}
.py-\[3px\] {
  padding-top: 3px;
  padding-bottom: 3px;
}
.py-\[40px\] {
  padding-top: 40px;
  padding-bottom: 40px;
}
.py-\[48px\] {
  padding-top: 48px;
  padding-bottom: 48px;
}
.py-\[4px\] {
  padding-top: 4px;
  padding-bottom: 4px;
}
.py-\[50px\] {
  padding-top: 50px;
  padding-bottom: 50px;
}
.py-\[60px\] {
  padding-top: 60px;
  padding-bottom: 60px;
}
.py-\[7px\] {
  padding-top: 7px;
  padding-bottom: 7px;
}
.py-\[8px\] {
  padding-top: 8px;
  padding-bottom: 8px;
}
.\!pb-\[16\.5px\] {
  padding-bottom: 16.5px !important;
}
.\!pb-\[28px\] {
  padding-bottom: 28px !important;
}
.\!pb-\[37\.5px\] {
  padding-bottom: 37.5px !important;
}
.\!pb-\[7px\] {
  padding-bottom: 7px !important;
}
.\!pl-\[15px\] {
  padding-left: 15px !important;
}
.\!pr-\[15px\] {
  padding-right: 15px !important;
}
.\!pt-\[15\.5px\] {
  padding-top: 15.5px !important;
}
.\!pt-\[25px\] {
  padding-top: 25px !important;
}
.pb-0 {
  padding-bottom: 0px;
}
.pb-0\.5 {
  padding-bottom: 0.125rem;
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.pb-10 {
  padding-bottom: 2.5rem;
}
.pb-12 {
  padding-bottom: 3rem;
}
.pb-14 {
  padding-bottom: 3.5rem;
}
.pb-16 {
  padding-bottom: 4rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pb-20 {
  padding-bottom: 5rem;
}
.pb-24 {
  padding-bottom: 6rem;
}
.pb-25 {
  padding-bottom: 6.25rem;
}
.pb-3 {
  padding-bottom: 0.75rem;
}
.pb-3\.5 {
  padding-bottom: 0.875rem;
}
.pb-30 {
  padding-bottom: 7.5rem;
}
.pb-32 {
  padding-bottom: 8rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-40 {
  padding-bottom: 10rem;
}
.pb-5 {
  padding-bottom: 1.25rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pb-7 {
  padding-bottom: 1.75rem;
}
.pb-8 {
  padding-bottom: 2rem;
}
.pb-\[1\.016px\] {
  padding-bottom: 1.016px;
}
.pb-\[100px\] {
  padding-bottom: 100px;
}
.pb-\[104px\] {
  padding-bottom: 104px;
}
.pb-\[12px\] {
  padding-bottom: 12px;
}
.pb-\[15px\] {
  padding-bottom: 15px;
}
.pb-\[16px\] {
  padding-bottom: 16px;
}
.pb-\[23px\] {
  padding-bottom: 23px;
}
.pb-\[24px\] {
  padding-bottom: 24px;
}
.pb-\[2px\] {
  padding-bottom: 2px;
}
.pb-\[30px\] {
  padding-bottom: 30px;
}
.pb-\[35px\] {
  padding-bottom: 35px;
}
.pb-\[40px\] {
  padding-bottom: 40px;
}
.pb-\[48px\] {
  padding-bottom: 48px;
}
.pb-\[4px\] {
  padding-bottom: 4px;
}
.pb-\[5px\] {
  padding-bottom: 5px;
}
.pb-\[60px\] {
  padding-bottom: 60px;
}
.pb-\[65px\] {
  padding-bottom: 65px;
}
.pl-0 {
  padding-left: 0px;
}
.pl-1 {
  padding-left: 0.25rem;
}
.pl-2 {
  padding-left: 0.5rem;
}
.pl-3 {
  padding-left: 0.75rem;
}
.pl-4 {
  padding-left: 1rem;
}
.pl-6 {
  padding-left: 1.5rem;
}
.pl-\[20px\] {
  padding-left: 20px;
}
.pl-\[4px\] {
  padding-left: 4px;
}
.pl-\[52px\] {
  padding-left: 52px;
}
.pr-0 {
  padding-right: 0px;
}
.pr-10 {
  padding-right: 2.5rem;
}
.pr-12 {
  padding-right: 3rem;
}
.pr-2 {
  padding-right: 0.5rem;
}
.pr-4 {
  padding-right: 1rem;
}
.pr-5 {
  padding-right: 1.25rem;
}
.pr-6 {
  padding-right: 1.5rem;
}
.pr-8 {
  padding-right: 2rem;
}
.pr-\[10px\] {
  padding-right: 10px;
}
.pt-0 {
  padding-top: 0px;
}
.pt-10 {
  padding-top: 2.5rem;
}
.pt-12 {
  padding-top: 3rem;
}
.pt-16 {
  padding-top: 4rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-2\.5 {
  padding-top: 0.625rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pt-5 {
  padding-top: 1.25rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.pt-7 {
  padding-top: 1.75rem;
}
.pt-8 {
  padding-top: 2rem;
}
.pt-9 {
  padding-top: 2.25rem;
}
.pt-\[14px\] {
  padding-top: 14px;
}
.pt-\[16px\] {
  padding-top: 16px;
}
.pt-\[20px\] {
  padding-top: 20px;
}
.pt-\[24px\] {
  padding-top: 24px;
}
.pt-\[32px\] {
  padding-top: 32px;
}
.pt-\[35px\] {
  padding-top: 35px;
}
.pt-\[40px\] {
  padding-top: 40px;
}
.pt-\[52px\] {
  padding-top: 52px;
}
.pt-\[65px\] {
  padding-top: 65px;
}
.pt-\[6px\] {
  padding-top: 6px;
}
.pt-\[72px\] {
  padding-top: 72px;
}
.pt-\[8px\] {
  padding-top: 8px;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.align-baseline {
  vertical-align: baseline;
}
.align-top {
  vertical-align: top;
}
.align-middle {
  vertical-align: middle;
}
.font-\[\'Inter\'\] {
  font-family: 'Inter';
}
.font-mono {
  font-family: Geist Mono, monospace;
}
.font-sans {
  font-family: Inter, Helvetica, sans-serif;
}
.font-serif {
  font-family: GT Alpina, serif;
}
.font-serif-alt {
  font-family: GT Alpina, serif;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-5xl {
  font-size: 3rem;
  line-height: 1;
}
.text-6xl {
  font-size: 3.75rem;
  line-height: 1;
}
.text-\[0\.5rem\] {
  font-size: 0.5rem;
}
.text-\[10\.4px\] {
  font-size: 10.4px;
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[11px\] {
  font-size: 11px;
}
.text-\[12px\] {
  font-size: 12px;
}
.text-\[13px\] {
  font-size: 13px;
}
.text-\[14px\] {
  font-size: 14px;
}
.text-\[15px\] {
  font-size: 15px;
}
.text-\[16px\] {
  font-size: 16px;
}
.text-\[17px\] {
  font-size: 17px;
}
.text-\[18px\] {
  font-size: 18px;
}
.text-\[20px\] {
  font-size: 20px;
}
.text-\[21px\] {
  font-size: 21px;
}
.text-\[22px\] {
  font-size: 22px;
}
.text-\[24px\] {
  font-size: 24px;
}
.text-\[28px\] {
  font-size: 28px;
}
.text-\[30px\] {
  font-size: 30px;
}
.text-\[31px\] {
  font-size: 31px;
}
.text-\[32px\] {
  font-size: 32px;
}
.text-\[36px\] {
  font-size: 36px;
}
.text-\[40px\] {
  font-size: 40px;
}
.text-\[60px\] {
  font-size: 60px;
}
.text-\[8px\] {
  font-size: 8px;
}
.text-\[9px\] {
  font-size: 9px;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-body-12 {
  font-size: 12px;
  line-height: 1.6;
  letter-spacing: normal;
  font-weight: 400;
}
.text-body-14 {
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: -0.02px;
  font-weight: 400;
}
.text-body-16 {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: normal;
  font-weight: 400;
}
.text-body-18 {
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: 0.12px;
  font-weight: 400;
}
.text-body-20 {
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0.16px;
  font-weight: 400;
}
.text-body-24 {
  font-size: 24px;
  line-height: 1.5;
  letter-spacing: 0.42px;
  font-weight: 400;
}
.text-body-font-2-bold {
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0px;
  font-weight: 700;
}
.text-body-font-4-bold {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0px;
  font-weight: 700;
}
.text-display-28 {
  font-size: 28px;
  line-height: 1;
  letter-spacing: -0.84px;
  font-weight: 500;
}
.text-display-36 {
  font-size: 36px;
  line-height: 1;
  letter-spacing: -1.08px;
  font-weight: 500;
}
.text-display-40 {
  font-size: 40px;
  line-height: 1;
  letter-spacing: -1.2px;
  font-weight: 500;
}
.text-display-48 {
  font-size: 48px;
  line-height: 1;
  letter-spacing: -1.44px;
  font-weight: 500;
}
.text-display-52 {
  font-size: 52px;
  line-height: 1;
  letter-spacing: -1.56px;
  font-weight: 500;
}
.text-display-60 {
  font-size: 60px;
  line-height: 1;
  letter-spacing: -1.8px;
  font-weight: 500;
}
.text-display-68 {
  font-size: 68px;
  line-height: 0.98;
  letter-spacing: -2.04px;
  font-weight: 500;
}
.text-display-72 {
  font-size: 72px;
  line-height: 0.98;
  letter-spacing: -2.16px;
  font-weight: 500;
}
.text-eyebrow-lg {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 2.56px;
  font-weight: 500;
}
.text-eyebrow-md {
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 2.52px;
  font-weight: 500;
}
.text-eyebrow-sm {
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 2.4px;
  font-weight: 500;
}
.text-eyebrow-xs {
  font-size: 11px;
  line-height: 1.5;
  letter-spacing: 0.66px;
  font-weight: 500;
}
.text-headline-18 {
  font-size: 18px;
  line-height: 1.12;
  letter-spacing: -0.54px;
  font-weight: 700;
}
.text-headline-20 {
  font-size: 20px;
  line-height: 1.12;
  letter-spacing: -0.5px;
  font-weight: 700;
}
.text-headline-24 {
  font-size: 24px;
  line-height: 1.1;
  letter-spacing: -0.42px;
  font-weight: 700;
}
.text-headline-28 {
  font-size: 28px;
  line-height: 1.1;
  letter-spacing: -0.284px;
  font-weight: 700;
}
.text-headline-32 {
  font-size: 32px;
  line-height: 1.1;
  letter-spacing: -0.2px;
  font-weight: 700;
}
.text-headline-36 {
  font-size: 36px;
  line-height: 1.1;
  letter-spacing: -0.18px;
  font-weight: 700;
}
.text-headline-44 {
  font-size: 44px;
  line-height: 1.1;
  letter-spacing: -0.2px;
  font-weight: 700;
}
.text-label-font-2 {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0px;
  font-weight: 400;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.\!font-bold {
  font-weight: 700 !important;
}
.\!font-medium {
  font-weight: 500 !important;
}
.\!font-semibold {
  font-weight: 600 !important;
}
.font-\[700\] {
  font-weight: 700;
}
.font-bold {
  font-weight: 700;
}
.font-light {
  font-weight: 300;
}
.font-medium {
  font-weight: 500;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.capitalize {
  text-transform: capitalize;
}
.italic {
  font-style: italic;
}
.not-italic {
  font-style: normal;
}
.tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.\!leading-\[1\.2\] {
  line-height: 1.2 !important;
}
.\!leading-\[1\.5\] {
  line-height: 1.5 !important;
}
.\!leading-\[24px\] {
  line-height: 24px !important;
}
.\!leading-normal {
  line-height: 1.5 !important;
}
.leading-10 {
  line-height: 2.5rem;
}
.leading-4 {
  line-height: 1rem;
}
.leading-5 {
  line-height: 1.25rem;
}
.leading-6 {
  line-height: 1.5rem;
}
.leading-8 {
  line-height: 2rem;
}
.leading-9 {
  line-height: 2.25rem;
}
.leading-\[1\.05\] {
  line-height: 1.05;
}
.leading-\[1\.12\] {
  line-height: 1.12;
}
.leading-\[1\.1\] {
  line-height: 1.1;
}
.leading-\[1\.2\] {
  line-height: 1.2;
}
.leading-\[1\.3\] {
  line-height: 1.3;
}
.leading-\[1\.4\] {
  line-height: 1.4;
}
.leading-\[1\.55\] {
  line-height: 1.55;
}
.leading-\[1\.5\] {
  line-height: 1.5;
}
.leading-\[1\.65\] {
  line-height: 1.65;
}
.leading-\[1\.6\] {
  line-height: 1.6;
}
.leading-\[120\%\] {
  line-height: 120%;
}
.leading-\[140\%\] {
  line-height: 140%;
}
.leading-\[14px\] {
  line-height: 14px;
}
.leading-\[150\%\] {
  line-height: 150%;
}
.leading-\[16px\] {
  line-height: 16px;
}
.leading-\[18px\] {
  line-height: 18px;
}
.leading-\[19\.2px\] {
  line-height: 19.2px;
}
.leading-\[19px\] {
  line-height: 19px;
}
.leading-\[20px\] {
  line-height: 20px;
}
.leading-\[22px\] {
  line-height: 22px;
}
.leading-\[24px\] {
  line-height: 24px;
}
.leading-\[27\.938px\] {
  line-height: 27.938px;
}
.leading-\[30px\] {
  line-height: 30px;
}
.leading-\[34px\] {
  line-height: 34px;
}
.leading-\[38px\] {
  line-height: 38px;
}
.leading-\[48px\] {
  line-height: 48px;
}
.leading-\[50px\] {
  line-height: 50px;
}
.leading-\[54px\] {
  line-height: 54px;
}
.leading-none {
  line-height: 1;
}
.leading-normal {
  line-height: 1.5;
}
.leading-relaxed {
  line-height: 1.625;
}
.leading-snug {
  line-height: 1.375;
}
.leading-tight {
  line-height: 1.25;
}
.tracking-\[-0\.02em\] {
  letter-spacing: -0.02em;
}
.tracking-\[-0\.03em\] {
  letter-spacing: -0.03em;
}
.tracking-\[-0\.16px\] {
  letter-spacing: -0.16px;
}
.tracking-\[-0\.24px\] {
  letter-spacing: -0.24px;
}
.tracking-\[-0\.2px\] {
  letter-spacing: -0.2px;
}
.tracking-\[-0\.32px\] {
  letter-spacing: -0.32px;
}
.tracking-\[-0\.36px\] {
  letter-spacing: -0.36px;
}
.tracking-\[-0\.3px\] {
  letter-spacing: -0.3px;
}
.tracking-\[-0\.42px\] {
  letter-spacing: -0.42px;
}
.tracking-\[-0\.48px\] {
  letter-spacing: -0.48px;
}
.tracking-\[-0\.4px\] {
  letter-spacing: -0.4px;
}
.tracking-\[-0\.54px\] {
  letter-spacing: -0.54px;
}
.tracking-\[-0\.56px\] {
  letter-spacing: -0.56px;
}
.tracking-\[-0\.5px\] {
  letter-spacing: -0.5px;
}
.tracking-\[-0\.63px\] {
  letter-spacing: -0.63px;
}
.tracking-\[-0\.64px\] {
  letter-spacing: -0.64px;
}
.tracking-\[-0\.66px\] {
  letter-spacing: -0.66px;
}
.tracking-\[-0\.6px\] {
  letter-spacing: -0.6px;
}
.tracking-\[-0\.72px\] {
  letter-spacing: -0.72px;
}
.tracking-\[-0\.84px\] {
  letter-spacing: -0.84px;
}
.tracking-\[-0\.88px\] {
  letter-spacing: -0.88px;
}
.tracking-\[-0\.93px\] {
  letter-spacing: -0.93px;
}
.tracking-\[-0\.96px\] {
  letter-spacing: -0.96px;
}
.tracking-\[-0\.9px\] {
  letter-spacing: -0.9px;
}
.tracking-\[-1\.08px\] {
  letter-spacing: -1.08px;
}
.tracking-\[-1\.2px\] {
  letter-spacing: -1.2px;
}
.tracking-\[-1\.8px\] {
  letter-spacing: -1.8px;
}
.tracking-\[-1px\] {
  letter-spacing: -1px;
}
.tracking-\[0\.02em\] {
  letter-spacing: 0.02em;
}
.tracking-\[0\.06em\] {
  letter-spacing: 0.06em;
}
.tracking-\[0\.08em\] {
  letter-spacing: 0.08em;
}
.tracking-\[0\.12em\] {
  letter-spacing: 0.12em;
}
.tracking-\[0\.15em\] {
  letter-spacing: 0.15em;
}
.tracking-\[0\.18em\] {
  letter-spacing: 0.18em;
}
.tracking-\[0\.1px\] {
  letter-spacing: 0.1px;
}
.tracking-\[0\.2em\] {
  letter-spacing: 0.2em;
}
.tracking-\[0\.2px\] {
  letter-spacing: 0.2px;
}
.tracking-\[0\.5px\] {
  letter-spacing: 0.5px;
}
.tracking-\[0\.624px\] {
  letter-spacing: 0.624px;
}
.tracking-\[0\.66px\] {
  letter-spacing: 0.66px;
}
.tracking-\[0\.6px\] {
  letter-spacing: 0.6px;
}
.tracking-\[1\.5px\] {
  letter-spacing: 1.5px;
}
.tracking-\[2\.4px\] {
  letter-spacing: 2.4px;
}
.tracking-\[2\.52px\] {
  letter-spacing: 2.52px;
}
.tracking-tight {
  letter-spacing: -0.025em;
}
.tracking-tighter {
  letter-spacing: -0.05em;
}
.tracking-wide {
  letter-spacing: 0.025em;
}
.tracking-wider {
  letter-spacing: 0.05em;
}
.tracking-widest {
  letter-spacing: 0.1em;
}
.text-\[\#1A1A1A\] {
  --tw-text-opacity: 1;
  color: rgb(26 26 26 / var(--tw-text-opacity));
}
.text-\[\#1C7C54\] {
  --tw-text-opacity: 1;
  color: rgb(28 124 84 / var(--tw-text-opacity));
}
.text-\[\#1D1D1D\] {
  --tw-text-opacity: 1;
  color: rgb(29 29 29 / var(--tw-text-opacity));
}
.text-\[\#1a1a1a\] {
  --tw-text-opacity: 1;
  color: rgb(26 26 26 / var(--tw-text-opacity));
}
.text-\[\#252525\] {
  --tw-text-opacity: 1;
  color: rgb(37 37 37 / var(--tw-text-opacity));
}
.text-\[\#252525\]\/35 {
  color: rgb(37 37 37 / 0.35);
}
.text-\[\#252525\]\/40 {
  color: rgb(37 37 37 / 0.4);
}
.text-\[\#252525\]\/45 {
  color: rgb(37 37 37 / 0.45);
}
.text-\[\#252525\]\/50 {
  color: rgb(37 37 37 / 0.5);
}
.text-\[\#252525\]\/55 {
  color: rgb(37 37 37 / 0.55);
}
.text-\[\#252525\]\/60 {
  color: rgb(37 37 37 / 0.6);
}
.text-\[\#252525\]\/65 {
  color: rgb(37 37 37 / 0.65);
}
.text-\[\#252525\]\/70 {
  color: rgb(37 37 37 / 0.7);
}
.text-\[\#252525\]\/80 {
  color: rgb(37 37 37 / 0.8);
}
.text-\[\#284374\] {
  --tw-text-opacity: 1;
  color: rgb(40 67 116 / var(--tw-text-opacity));
}
.text-\[\#444\] {
  --tw-text-opacity: 1;
  color: rgb(68 68 68 / var(--tw-text-opacity));
}
.text-\[\#446BB0\] {
  --tw-text-opacity: 1;
  color: rgb(68 107 176 / var(--tw-text-opacity));
}
.text-\[\#454f5b\] {
  --tw-text-opacity: 1;
  color: rgb(69 79 91 / var(--tw-text-opacity));
}
.text-\[\#4D4D4D\] {
  --tw-text-opacity: 1;
  color: rgb(77 77 77 / var(--tw-text-opacity));
}
.text-\[\#4d4d4d\] {
  --tw-text-opacity: 1;
  color: rgb(77 77 77 / var(--tw-text-opacity));
}
.text-\[\#4f4f52\] {
  --tw-text-opacity: 1;
  color: rgb(79 79 82 / var(--tw-text-opacity));
}
.text-\[\#530C1899\] {
  color: #530C1899;
}
.text-\[\#530C18\] {
  --tw-text-opacity: 1;
  color: rgb(83 12 24 / var(--tw-text-opacity));
}
.text-\[\#530c18\] {
  --tw-text-opacity: 1;
  color: rgb(83 12 24 / var(--tw-text-opacity));
}
.text-\[\#555\] {
  --tw-text-opacity: 1;
  color: rgb(85 85 85 / var(--tw-text-opacity));
}
.text-\[\#5a5a5a\] {
  --tw-text-opacity: 1;
  color: rgb(90 90 90 / var(--tw-text-opacity));
}
.text-\[\#666\] {
  --tw-text-opacity: 1;
  color: rgb(102 102 102 / var(--tw-text-opacity));
}
.text-\[\#757575\] {
  --tw-text-opacity: 1;
  color: rgb(117 117 117 / var(--tw-text-opacity));
}
.text-\[\#7A7A7F\] {
  --tw-text-opacity: 1;
  color: rgb(122 122 127 / var(--tw-text-opacity));
}
.text-\[\#7a7a7f\] {
  --tw-text-opacity: 1;
  color: rgb(122 122 127 / var(--tw-text-opacity));
}
.text-\[\#8B7355\] {
  --tw-text-opacity: 1;
  color: rgb(139 115 85 / var(--tw-text-opacity));
}
.text-\[\#92400E\] {
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / var(--tw-text-opacity));
}
.text-\[\#92700C\] {
  --tw-text-opacity: 1;
  color: rgb(146 112 12 / var(--tw-text-opacity));
}
.text-\[\#999999\] {
  --tw-text-opacity: 1;
  color: rgb(153 153 153 / var(--tw-text-opacity));
}
.text-\[\#999\] {
  --tw-text-opacity: 1;
  color: rgb(153 153 153 / var(--tw-text-opacity));
}
.text-\[\#ADADAD\] {
  --tw-text-opacity: 1;
  color: rgb(173 173 173 / var(--tw-text-opacity));
}
.text-\[\#B3B3B3\] {
  --tw-text-opacity: 1;
  color: rgb(179 179 179 / var(--tw-text-opacity));
}
.text-\[\#BBBBBB\] {
  --tw-text-opacity: 1;
  color: rgb(187 187 187 / var(--tw-text-opacity));
}
.text-\[\#CA8A04\] {
  --tw-text-opacity: 1;
  color: rgb(202 138 4 / var(--tw-text-opacity));
}
.text-\[\#D61C27\] {
  --tw-text-opacity: 1;
  color: rgb(214 28 39 / var(--tw-text-opacity));
}
.text-\[\#F53C32\] {
  --tw-text-opacity: 1;
  color: rgb(245 60 50 / var(--tw-text-opacity));
}
.text-\[\#b8b8bc\] {
  --tw-text-opacity: 1;
  color: rgb(184 184 188 / var(--tw-text-opacity));
}
.text-\[\#bfbfbf\] {
  --tw-text-opacity: 1;
  color: rgb(191 191 191 / var(--tw-text-opacity));
}
.text-\[\#d32f2f\] {
  --tw-text-opacity: 1;
  color: rgb(211 47 47 / var(--tw-text-opacity));
}
.text-\[\#d51c27\] {
  --tw-text-opacity: 1;
  color: rgb(213 28 39 / var(--tw-text-opacity));
}
.text-\[\#ececec\] {
  --tw-text-opacity: 1;
  color: rgb(236 236 236 / var(--tw-text-opacity));
}
.text-\[\#f45048\] {
  --tw-text-opacity: 1;
  color: rgb(244 80 72 / var(--tw-text-opacity));
}
.text-\[\#f53c32\] {
  --tw-text-opacity: 1;
  color: rgb(245 60 50 / var(--tw-text-opacity));
}
.text-\[rgb\(83\2c 12\2c 24\)\] {
  --tw-text-opacity: 1;
  color: rgb(83 12 24 / var(--tw-text-opacity));
}
.text-\[rgba\(83\2c 12\2c 24\2c 0\.2\)\] {
  color: rgba(83,12,24,0.2);
}
.text-\[rgba\(83\2c 12\2c 24\2c 0\.6\)\] {
  color: rgba(83,12,24,0.6);
}
.text-\[rgba\(83\2c 12\2c 24\2c 0\.65\)\] {
  color: rgba(83,12,24,0.65);
}
.text-\[rgba\(83\2c 12\2c 24\2c 0\.66\)\] {
  color: rgba(83,12,24,0.66);
}
.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-charcoal-100 {
  --tw-text-opacity: 1;
  color: rgb(236 236 238 / var(--tw-text-opacity));
}
.text-charcoal-300 {
  --tw-text-opacity: 1;
  color: rgb(184 184 188 / var(--tw-text-opacity));
}
.text-charcoal-400 {
  --tw-text-opacity: 1;
  color: rgb(122 122 127 / var(--tw-text-opacity));
}
.text-charcoal-500 {
  --tw-text-opacity: 1;
  color: rgb(79 79 82 / var(--tw-text-opacity));
}
.text-charcoal-600 {
  --tw-text-opacity: 1;
  color: rgb(37 37 37 / var(--tw-text-opacity));
}
.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}
.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}
.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}
.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}
.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}
.text-green-600 {
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity));
}
.text-green-800 {
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity));
}
.text-inherit {
  color: inherit;
}
.text-orange-600 {
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity));
}
.text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}
.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}
.text-red-800 {
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity));
}
.text-roast {
  --tw-text-opacity: 1;
  color: rgb(156 57 18 / var(--tw-text-opacity));
}
.text-surface-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-trade-black {
  --tw-text-opacity: 1;
  color: rgb(37 37 37 / var(--tw-text-opacity));
}
.text-trade-maroon {
  --tw-text-opacity: 1;
  color: rgb(83 12 24 / var(--tw-text-opacity));
}
.text-trade-red {
  --tw-text-opacity: 1;
  color: rgb(244 80 72 / var(--tw-text-opacity));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-zinc-900 {
  --tw-text-opacity: 1;
  color: rgb(24 24 27 / var(--tw-text-opacity));
}
.underline {
  text-decoration-line: underline;
}
.line-through {
  text-decoration-line: line-through;
}
.no-underline {
  text-decoration-line: none;
}
.decoration-solid {
  text-decoration-style: solid;
}
.decoration-1 {
  text-decoration-thickness: 1px;
}
.decoration-2 {
  text-decoration-thickness: 2px;
}
.decoration-\[1\.5px\] {
  text-decoration-thickness: 1.5px;
}
.decoration-auto {
  text-decoration-thickness: auto;
}
.underline-offset-1 {
  text-underline-offset: 1px;
}
.underline-offset-2 {
  text-underline-offset: 2px;
}
.underline-offset-auto {
  text-underline-offset: auto;
}
.accent-\[\#252525\] {
  accent-color: #252525;
}
.opacity-0 {
  opacity: 0;
}
.opacity-100 {
  opacity: 1;
}
.opacity-25 {
  opacity: 0.25;
}
.opacity-30 {
  opacity: 0.3;
}
.opacity-40 {
  opacity: 0.4;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-60 {
  opacity: 0.6;
}
.opacity-70 {
  opacity: 0.7;
}
.opacity-75 {
  opacity: 0.75;
}
.opacity-80 {
  opacity: 0.8;
}
.opacity-\[0\.66\] {
  opacity: 0.66;
}
.mix-blend-multiply {
  mix-blend-mode: multiply;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_-8px_40px_rgba\(0\2c 0\2c 0\2c 0\.12\)\] {
  --tw-shadow: 0 -8px 40px rgba(0,0,0,0.12);
  --tw-shadow-colored: 0 -8px 40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_2px_24px_rgba\(0\2c 0\2c 0\2c 0\.06\)\] {
  --tw-shadow: 0 2px 24px rgba(0,0,0,0.06);
  --tw-shadow-colored: 0 2px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_4px_20px_rgba\(83\2c 12\2c 24\2c 0\.08\)\] {
  --tw-shadow: 0 4px 20px rgba(83,12,24,0.08);
  --tw-shadow-colored: 0 4px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_4px_6px_-1px_rgba\(0\2c 0\2c 0\2c 0\.1\)\2c 0_2px_4px_-1px_rgba\(0\2c 0\2c 0\2c 0\.06\)\2c 0_10px_15px_-3px_rgba\(0\2c 0\2c 0\2c 0\.1\)\] {
  --tw-shadow: 0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06),0 10px 15px -3px rgba(0,0,0,0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color), 0 10px 15px -3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_-8px_31\.5px_0px_rgba\(0\2c 0\2c 0\2c 0\.1\)\] {
  --tw-shadow: 0px -8px 31.5px 0px rgba(0,0,0,0.1);
  --tw-shadow-colored: 0px -8px 31.5px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_-8px_31\.5px_0px_rgba\(83\2c 12\2c 24\2c 0\.15\)\] {
  --tw-shadow: 0px -8px 31.5px 0px rgba(83,12,24,0.15);
  --tw-shadow-colored: 0px -8px 31.5px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_0px_15px_0px_rgba\(83\2c 12\2c 24\2c 0\.3\)\] {
  --tw-shadow: 0px 0px 15px 0px rgba(83,12,24,0.3);
  --tw-shadow-colored: 0px 0px 15px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_0px_8px_0px_rgba\(83\2c 12\2c 24\2c 0\.2\)\] {
  --tw-shadow: 0px 0px 8px 0px rgba(83,12,24,0.2);
  --tw-shadow-colored: 0px 0px 8px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_100px_80px_0px_rgba\(0\2c 0\2c 0\2c 0\.07\)\2c 0px_64\.815px_46\.852px_0px_rgba\(0\2c 0\2c 0\2c 0\.05\)\2c 0px_38\.519px_25\.481px_0px_rgba\(0\2c 0\2c 0\2c 0\.04\)\2c 0px_20px_13px_0px_rgba\(0\2c 0\2c 0\2c 0\.04\)\2c 0px_8\.148px_6\.519px_0px_rgba\(0\2c 0\2c 0\2c 0\.03\)\2c 0px_1\.852px_3\.148px_0px_rgba\(0\2c 0\2c 0\2c 0\.02\)\] {
  --tw-shadow: 0px 100px 80px 0px rgba(0,0,0,0.07),0px 64.815px 46.852px 0px rgba(0,0,0,0.05),0px 38.519px 25.481px 0px rgba(0,0,0,0.04),0px 20px 13px 0px rgba(0,0,0,0.04),0px 8.148px 6.519px 0px rgba(0,0,0,0.03),0px 1.852px 3.148px 0px rgba(0,0,0,0.02);
  --tw-shadow-colored: 0px 100px 80px 0px var(--tw-shadow-color), 0px 64.815px 46.852px 0px var(--tw-shadow-color), 0px 38.519px 25.481px 0px var(--tw-shadow-color), 0px 20px 13px 0px var(--tw-shadow-color), 0px 8.148px 6.519px 0px var(--tw-shadow-color), 0px 1.852px 3.148px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_20px_40px_0px_rgba\(37\2c 37\2c 37\2c 0\.1\)\] {
  --tw-shadow: 0px 20px 40px 0px rgba(37,37,37,0.1);
  --tw-shadow-colored: 0px 20px 40px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_2px_12px_0px_rgba\(0\2c 0\2c 0\2c 0\.08\)\] {
  --tw-shadow: 0px 2px 12px 0px rgba(0,0,0,0.08);
  --tw-shadow-colored: 0px 2px 12px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_40px_76px_0px_rgba\(37\2c 37\2c 37\2c 0\.1\)\] {
  --tw-shadow: 0px 40px 76px 0px rgba(37,37,37,0.1);
  --tw-shadow-colored: 0px 40px 76px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_4px_20px_0px_rgba\(139\2c 69\2c 19\2c 0\.15\)\] {
  --tw-shadow: 0px 4px 20px 0px rgba(139,69,19,0.15);
  --tw-shadow-colored: 0px 4px 20px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_52px_100px_0px_rgba\(37\2c 37\2c 37\2c 0\.15\)\] {
  --tw-shadow: 0px 52px 100px 0px rgba(37,37,37,0.15);
  --tw-shadow-colored: 0px 52px 100px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_-1px_0_0_\#D7D7DA\] {
  --tw-shadow: inset 0 -1px 0 0 #D7D7DA;
  --tw-shadow-colored: inset 0 -1px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_0_0_1px_\#252525\] {
  --tw-shadow: inset 0 0 0 1px #252525;
  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_1px_0_0_\#D7D7DA\] {
  --tw-shadow: inset 0 1px 0 0 #D7D7DA;
  --tw-shadow-colored: inset 0 1px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline {
  outline-style: solid;
}
.outline-1 {
  outline-width: 1px;
}
.outline-2 {
  outline-width: 2px;
}
.outline-\[\.5px\] {
  outline-width: .5px;
}
.outline-\[1\.40px\] {
  outline-width: 1.40px;
}
.outline-offset-\[-0\.50px\] {
  outline-offset: -0.50px;
}
.outline-\[\#252525\] {
  outline-color: #252525;
}
.outline-\[\#DFDFDF\] {
  outline-color: #DFDFDF;
}
.outline-charcoal-600 {
  outline-color: #252525;
}
.outline-gray-200 {
  outline-color: #e5e7eb;
}
.outline-white {
  outline-color: #FFFFFF;
}
.outline-zinc-900 {
  outline-color: #18181b;
}
.ring {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-1 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-\[\#252525\] {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(37 37 37 / var(--tw-ring-opacity));
}
.ring-charcoal-600 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(37 37 37 / var(--tw-ring-opacity));
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-lg {
  --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-md {
  --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-sm {
  --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[border-color\] {
  transition-property: border-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[max-height\2c opacity\] {
  transition-property: max-height,opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[padding\] {
  transition-property: padding;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[width\] {
  transition-property: width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-none {
  transition-property: none;
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-shadow {
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-100 {
  transition-duration: 100ms;
}
.duration-150 {
  transition-duration: 150ms;
}
.duration-200 {
  transition-duration: 200ms;
}
.duration-300 {
  transition-duration: 300ms;
}
.duration-500 {
  transition-duration: 500ms;
}
.duration-700 {
  transition-duration: 700ms;
}
.duration-\[400ms\] {
  transition-duration: 400ms;
}
.ease-\[cubic-bezier\(0\.4\2c 0\2c 0\.2\2c 1\)\] {
  transition-timing-function: cubic-bezier(0.4,0,0.2,1);
}
.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-linear {
  transition-timing-function: linear;
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.\[--image-fit\:cover\] {
  --image-fit: cover;
}
.\[--image-position\:center\] {
  --image-position: center;
}
.\[-ms-overflow-style\:none\] {
  -ms-overflow-style: none;
}
.\[grid-template-columns\:repeat\(3\2c 190px\)\] {
  grid-template-columns: repeat(3,190px);
}
.\[scrollbar-width\:none\] {
  scrollbar-width: none;
}
.\[transition\:opacity_ease-in_0\.1s\2c _visibility_ease-out_0\.1s\] {
  transition: opacity ease-in 0.1s, visibility ease-out 0.1s;
}
.accountOrder__item {
  padding: 0;
  margin-bottom: 16px;
  border-radius: 4px;
}

.accountOrder__header {
  position: relative;
  padding: 19px 16px;
  cursor: pointer;
  background: #fff;
}
.accountOrder__header svg {
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
}
.accountOrder__header.is__active svg {
  transform: rotate(180deg);
}

@media (min-width: 480px) {
  .accountOrder__main {
    padding-top: 3px;
  }
}
@media (min-width: 1080px) {
  .accountOrder__main {
    padding-top: 0;
  }
}

.accountOrder__number {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #4d4d4d;
  margin-bottom: 8px;
  padding: 0;
}

.accountOrder__date {
  color: #1a1a1a;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
}

.accountOrder__content {
  border-top: 1px solid #dfdfdf;
  height: 0;
  overflow: hidden;
  background: #fff;
}

.accountOrder__heading {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 11px;
}

.accountOrder__address {
  border-bottom: 1px solid #dfdfdf;
  padding: 30px 16px 17px;
  position: relative;
}

.accountOrder__shippinginfo {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  color: #4d4d4d;
}
.accountOrder__shippinginfo p {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  color: #4d4d4d;
  margin: 0;
  padding: 0;
}

.accountOrder__trackbtn {
  position: absolute;
  right: 16px;
  top: 20px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  padding: 7px 15px;
}

.accountOrder__detials {
  padding: 16px;
}

.accountOrder__row {
  display: flex;
  justify-content: space-between;
  padding: 4px 0;
}

.accountOrder__label,
.accountOrder__value {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  text-transform: capitalize;
}
.accountOrder__label strong,
.accountOrder__value strong {
  font-weight: 700;
}

.accountOrder__product {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ececec;
  padding: 20px 16px;
}

.accountOrder__media {
  max-width: 120px;
  margin-right: 16px;
  overflow: hidden;
  position: relative;
}
.accountOrder__media img {
  scale: 1.5;
  translate: 0 -8px;
}

.accountOrder__tag {
  position: absolute;
  top: 0;
  right: 16px;
  z-index: 1;
}

.accountOrder__vendor {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #1a1a1a;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.accountOrder__title {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 8px;
}
.accountOrder__title a {
  text-decoration: none;
}

.accountOrder__variant {
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  color: #4d4d4d;
  margin-bottom: 8px;
}

.accountOrder__image.noScale {
  scale: 1;
  transform: translateY(0) !important;
}

.placeholder\:text-\[\#B8B8BC\]::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(184 184 188 / var(--tw-text-opacity));
}

.placeholder\:text-\[\#B8B8BC\]::placeholder {
  --tw-text-opacity: 1;
  color: rgb(184 184 188 / var(--tw-text-opacity));
}

.placeholder\:text-charcoal-400::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(122 122 127 / var(--tw-text-opacity));
}

.placeholder\:text-charcoal-400::placeholder {
  --tw-text-opacity: 1;
  color: rgb(122 122 127 / var(--tw-text-opacity));
}

.placeholder\:text-transparent::-moz-placeholder {
  color: transparent;
}

.placeholder\:text-transparent::placeholder {
  color: transparent;
}

.after\:absolute::after {
  content: var(--tw-content);
  position: absolute;
}

.after\:left-0::after {
  content: var(--tw-content);
  left: 0px;
}

.after\:top-\[115\%\]::after {
  content: var(--tw-content);
  top: 115%;
}

.after\:border-l-\[9px\]::after {
  content: var(--tw-content);
  border-left-width: 9px;
}

.after\:border-r-\[9px\]::after {
  content: var(--tw-content);
  border-right-width: 9px;
}

.after\:border-t-\[10px\]::after {
  content: var(--tw-content);
  border-top-width: 10px;
}

.after\:border-solid::after {
  content: var(--tw-content);
  border-style: solid;
}

.after\:border-l-transparent::after {
  content: var(--tw-content);
  border-left-color: transparent;
}

.after\:border-r-transparent::after {
  content: var(--tw-content);
  border-right-color: transparent;
}

.after\:border-t-\[\#1a1a1a\]::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-top-color: rgb(26 26 26 / var(--tw-border-opacity));
}

.after\:content-\[\'\'\]::after {
  --tw-content: '';
  content: var(--tw-content);
}

.first\:rounded-t-\[15px\]:first-child {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.first\:rounded-t-\[16px\]:first-child {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

.last\:mb-0:last-child {
  margin-bottom: 0px;
}

.last\:rounded-b-\[15px\]:last-child {
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}

.last\:rounded-b-\[16px\]:last-child {
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
}

.last\:border-b-0:last-child {
  border-bottom-width: 0px;
}

.first-of-type\:rounded-t-md:first-of-type {
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}

.last-of-type\:rounded-b-md:last-of-type {
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

.visited\:text-charcoal-600:visited {
  color: rgb(37 37 37 );
}

.visited\:text-white:visited {
  color: rgb(255 255 255 );
}

.checked\:border-trade-red:checked {
  --tw-border-opacity: 1;
  border-color: rgb(244 80 72 / var(--tw-border-opacity));
}

.checked\:bg-charcoal-600:checked {
  --tw-bg-opacity: 1;
  background-color: rgb(37 37 37 / var(--tw-bg-opacity));
}

.checked\:after\:absolute:checked::after {
  content: var(--tw-content);
  position: absolute;
}

.checked\:after\:inset-0:checked::after {
  content: var(--tw-content);
  inset: 0px;
}

.checked\:after\:left-1\/2:checked::after {
  content: var(--tw-content);
  left: 50%;
}

.checked\:after\:top-1\/2:checked::after {
  content: var(--tw-content);
  top: 50%;
}

.checked\:after\:h-\[12\.5px\]:checked::after {
  content: var(--tw-content);
  height: 12.5px;
}

.checked\:after\:w-\[12\.5px\]:checked::after {
  content: var(--tw-content);
  width: 12.5px;
}

.checked\:after\:-translate-x-1\/2:checked::after {
  content: var(--tw-content);
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.checked\:after\:-translate-y-1\/2:checked::after {
  content: var(--tw-content);
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.checked\:after\:rounded-full:checked::after {
  content: var(--tw-content);
  border-radius: 9999px;
}

.checked\:after\:bg-trade-red:checked::after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(244 80 72 / var(--tw-bg-opacity));
}

.checked\:after\:bg-\[url\(\'data\:image\/svg\+xml\2c \%3Csvg\%20width\%3D\%2212\%22\%20height\%3D\%229\%22\%20viewBox\%3D\%220\%200\%2012\%209\%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\%22M11\.8579\%200\.162905C12\.0507\%200\.376376\%2012\.0468\%200\.718259\%2011\.8492\%200\.926523L4\.33249\%208\.84652C4\.13825\%209\.05119\%203\.82829\%209\.05115\%203\.63409\%208\.84644L0\.150757\%205\.17453C-0\.0468568\%204\.96621\%20-0\.0506932\%204\.62433\%200\.142188\%204\.41091C0\.33507\%204\.19748\%200\.651629\%204\.19334\%200\.849243\%204\.40165L3\.98341\%207\.7055L11\.1508\%200\.153478C11\.3485\%20-0\.0547858\%2011\.6651\%20-0\.050565\%2011\.8579\%200\.162905Z\%22\%20fill\%3D\%22white\%22\%2F\%3E\%3C\%2Fsvg\%3E\'\)\]:checked::after {
  content: var(--tw-content);
  background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%229%22%20viewBox%3D%220%200%2012%209%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%22M11.8579%200.162905C12.0507%200.376376%2012.0468%200.718259%2011.8492%200.926523L4.33249%208.84652C4.13825%209.05119%203.82829%209.05115%203.63409%208.84644L0.150757%205.17453C-0.0468568%204.96621%20-0.0506932%204.62433%200.142188%204.41091C0.33507%204.19748%200.651629%204.19334%200.849243%204.40165L3.98341%207.7055L11.1508%200.153478C11.3485%20-0.0547858%2011.6651%20-0.050565%2011.8579%200.162905Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');
}

.checked\:after\:bg-center:checked::after {
  content: var(--tw-content);
  background-position: center;
}

.checked\:after\:bg-no-repeat:checked::after {
  content: var(--tw-content);
  background-repeat: no-repeat;
}

.checked\:after\:content-\[\'\'\]:checked::after {
  --tw-content: '';
  content: var(--tw-content);
}

.focus-within\:border-charcoal-600:focus-within {
  --tw-border-opacity: 1;
  border-color: rgb(37 37 37 / var(--tw-border-opacity));
}

.hover\:-translate-y-1:hover {
  --tw-translate-y: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:translate-x-1:hover {
  --tw-translate-x: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:scale-105:hover {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:cursor-pointer:hover {
  cursor: pointer;
}

.hover\:\!border-\[\#1a1a1a\]:hover {
  --tw-border-opacity: 1 !important;
  border-color: rgb(26 26 26 / var(--tw-border-opacity)) !important;
}

.hover\:\!border-charcoal-500:hover {
  --tw-border-opacity: 1 !important;
  border-color: rgb(79 79 82 / var(--tw-border-opacity)) !important;
}

.hover\:\!border-white:hover {
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important;
}

.hover\:border-\[\#1a1a1a\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(26 26 26 / var(--tw-border-opacity));
}

.hover\:border-\[\#252525\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(37 37 37 / var(--tw-border-opacity));
}

.hover\:border-\[\#252525\]\/35:hover {
  border-color: rgb(37 37 37 / 0.35);
}

.hover\:border-\[\#252525\]\/40:hover {
  border-color: rgb(37 37 37 / 0.4);
}

.hover\:border-\[\#4D4D4D\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(77 77 77 / var(--tw-border-opacity));
}

.hover\:border-\[\#C8A882\]\/50:hover {
  border-color: rgb(200 168 130 / 0.5);
}

.hover\:border-\[\#D97706\]\/60:hover {
  border-color: rgb(217 119 6 / 0.6);
}

.hover\:border-\[rgba\(37\2c 37\2c 37\2c 0\.3\)\]:hover {
  border-color: rgba(37,37,37,0.3);
}

.hover\:border-\[rgba\(37\2c 37\2c 37\2c 0\.33\)\]:hover {
  border-color: rgba(37,37,37,0.33);
}

.hover\:border-\[rgba\(37\2c 37\2c 37\2c 0\.35\)\]:hover {
  border-color: rgba(37,37,37,0.35);
}

.hover\:border-\[rgba\(37\2c 37\2c 37\2c 0\.4\)\]:hover {
  border-color: rgba(37,37,37,0.4);
}

.hover\:border-\[rgba\(37\2c 37\2c 37\2c 0\.5\)\]:hover {
  border-color: rgba(37,37,37,0.5);
}

.hover\:border-charcoal-200:hover {
  --tw-border-opacity: 1;
  border-color: rgb(215 215 218 / var(--tw-border-opacity));
}

.hover\:border-charcoal-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(122 122 127 / var(--tw-border-opacity));
}

.hover\:border-charcoal-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(79 79 82 / var(--tw-border-opacity));
}

.hover\:border-charcoal-600:hover {
  --tw-border-opacity: 1;
  border-color: rgb(37 37 37 / var(--tw-border-opacity));
}

.hover\:border-charcoal-600\/35:hover {
  border-color: rgb(37 37 37 / 0.35);
}

.hover\:border-zinc-900:hover {
  --tw-border-opacity: 1;
  border-color: rgb(24 24 27 / var(--tw-border-opacity));
}

.hover\:\!bg-charcoal-500:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(79 79 82 / var(--tw-bg-opacity)) !important;
}

.hover\:\!bg-white:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}

.hover\:bg-\[\#1a1a1a\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 26 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#252525\]\/10:hover {
  background-color: rgb(37 37 37 / 0.1);
}

.hover\:bg-\[\#252525\]\/90:hover {
  background-color: rgb(37 37 37 / 0.9);
}

.hover\:bg-\[\#3a3a3a\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(58 58 58 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#3d3d3d\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(61 61 61 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#404040\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(64 64 64 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#4D4D4D\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(77 77 77 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#5C3B30\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(92 59 48 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#6B1D29\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(107 29 41 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#8b4a52\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(139 74 82 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#D61C27\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(214 28 39 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#E4C8AD\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(228 200 173 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#ECECEC\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(236 236 236 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#EFF2F6\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(239 242 246 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#F6E4D4\]\/20:hover {
  background-color: rgb(246 228 212 / 0.2);
}

.hover\:bg-\[\#b51720\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(181 23 32 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#b91c1c\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#d61c27\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(214 28 39 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#dab89a\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(218 184 154 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#e12b22\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(225 43 34 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#ebebeb\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(235 235 235 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#eed7c1\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(238 215 193 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#f2e1cf\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(242 225 207 / var(--tw-bg-opacity));
}

.hover\:bg-charcoal-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(236 236 238 / var(--tw-bg-opacity));
}

.hover\:bg-charcoal-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 248 / var(--tw-bg-opacity));
}

.hover\:bg-charcoal-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(79 79 82 / var(--tw-bg-opacity));
}

.hover\:bg-gray-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.hover\:bg-gray-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

.hover\:bg-gray-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}

.hover\:bg-neutral-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(228 200 173 / var(--tw-bg-opacity));
}

.hover\:bg-red-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
}

.hover\:bg-red-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity));
}

.hover\:bg-trade-maroon:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(83 12 24 / var(--tw-bg-opacity));
}

.hover\:bg-white\/10:hover {
  background-color: rgb(255 255 255 / 0.1);
}

.hover\:\!text-charcoal-500:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(79 79 82 / var(--tw-text-opacity)) !important;
}

.hover\:\!text-white:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.hover\:text-\[\#252525\]:hover {
  --tw-text-opacity: 1;
  color: rgb(37 37 37 / var(--tw-text-opacity));
}

.hover\:text-charcoal-100:hover {
  --tw-text-opacity: 1;
  color: rgb(236 236 238 / var(--tw-text-opacity));
}

.hover\:text-charcoal-400:hover {
  --tw-text-opacity: 1;
  color: rgb(122 122 127 / var(--tw-text-opacity));
}

.hover\:text-charcoal-500:hover {
  --tw-text-opacity: 1;
  color: rgb(79 79 82 / var(--tw-text-opacity));
}

.hover\:text-charcoal-600:hover {
  --tw-text-opacity: 1;
  color: rgb(37 37 37 / var(--tw-text-opacity));
}

.hover\:text-gray-700:hover {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.hover\:underline:hover {
  text-decoration-line: underline;
}

.hover\:no-underline:hover {
  text-decoration-line: none;
}

.hover\:opacity-70:hover {
  opacity: 0.7;
}

.hover\:opacity-80:hover {
  opacity: 0.8;
}

.hover\:opacity-90:hover {
  opacity: 0.9;
}

.hover\:shadow-lg:hover {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-md:hover {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:brightness-95:hover {
  --tw-brightness: brightness(.95);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.focus\:\!border-charcoal-600:focus {
  --tw-border-opacity: 1 !important;
  border-color: rgb(37 37 37 / var(--tw-border-opacity)) !important;
}

.focus\:border-\[\#252525\]:focus {
  --tw-border-opacity: 1;
  border-color: rgb(37 37 37 / var(--tw-border-opacity));
}

.focus\:border-charcoal-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(79 79 82 / var(--tw-border-opacity));
}

.focus\:border-transparent:focus {
  border-color: transparent;
}

.focus\:bg-\[\#F6E4D4\]\/30:focus {
  background-color: rgb(246 228 212 / 0.3);
}

.focus\:pt-4:focus {
  padding-top: 1rem;
}

.focus\:shadow-\[0_0_0_3px_rgba\(83\2c 12\2c 24\2c 0\.15\)\]:focus {
  --tw-shadow: 0 0 0 3px rgba(83,12,24,0.15);
  --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:ring-0:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-\[\#530c18\]:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(83 12 24 / var(--tw-ring-opacity));
}

.focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
}

.focus-visible\:outline-none:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus-visible\:outline:focus-visible {
  outline-style: solid;
}

.focus-visible\:outline-2:focus-visible {
  outline-width: 2px;
}

.focus-visible\:outline-offset-2:focus-visible {
  outline-offset: 2px;
}

.focus-visible\:outline-charcoal-600:focus-visible {
  outline-color: #252525;
}

.focus-visible\:ring-2:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-visible\:ring-charcoal-600:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(37 37 37 / var(--tw-ring-opacity));
}

.focus-visible\:ring-offset-1:focus-visible {
  --tw-ring-offset-width: 1px;
}

.focus-visible\:ring-offset-2:focus-visible {
  --tw-ring-offset-width: 2px;
}

.active\:scale-110:active {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.active\:scale-\[0\.98\]:active {
  --tw-scale-x: 0.98;
  --tw-scale-y: 0.98;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.active\:border-zinc-900:active {
  --tw-border-opacity: 1;
  border-color: rgb(24 24 27 / var(--tw-border-opacity));
}

.active\:bg-\[\#1a1a1a\]:active {
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 26 / var(--tw-bg-opacity));
}

.active\:bg-\[\#eff2f6\]:active {
  --tw-bg-opacity: 1;
  background-color: rgb(239 242 246 / var(--tw-bg-opacity));
}

.active\:bg-\[\#f2e1cf\]:active {
  --tw-bg-opacity: 1;
  background-color: rgb(242 225 207 / var(--tw-bg-opacity));
}

.active\:brightness-90:active {
  --tw-brightness: brightness(.9);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.disabled\:cursor-default:disabled {
  cursor: default;
}

.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}

.disabled\:\!bg-charcoal-100:disabled {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(236 236 238 / var(--tw-bg-opacity)) !important;
}

.disabled\:\!text-charcoal-300:disabled {
  --tw-text-opacity: 1 !important;
  color: rgb(184 184 188 / var(--tw-text-opacity)) !important;
}

.disabled\:text-gray-500:disabled {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.disabled\:opacity-20:disabled {
  opacity: 0.2;
}

.disabled\:opacity-30:disabled {
  opacity: 0.3;
}

.disabled\:opacity-40:disabled {
  opacity: 0.4;
}

.disabled\:opacity-50:disabled {
  opacity: 0.5;
}

.group:hover .group-hover\:translate-x-1 {
  --tw-translate-x: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:scale-105 {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:text-\[\#666\] {
  --tw-text-opacity: 1;
  color: rgb(102 102 102 / var(--tw-text-opacity));
}

.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}

.group:hover .group-hover\:opacity-90 {
  opacity: 0.9;
}

.peer:checked ~ .peer-checked\:border-\[\#252525\] {
  --tw-border-opacity: 1;
  border-color: rgb(37 37 37 / var(--tw-border-opacity));
}

.peer:checked ~ .peer-checked\:border-charcoal-600 {
  --tw-border-opacity: 1;
  border-color: rgb(37 37 37 / var(--tw-border-opacity));
}

.peer:checked ~ .peer-checked\:bg-charcoal-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(37 37 37 / var(--tw-bg-opacity));
}

.peer:checked ~ .peer-checked\:text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.peer:focus ~ .peer-focus\:top-2 {
  top: 0.5rem;
}

.peer:focus ~ .peer-focus\:translate-y-0 {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.peer:focus ~ .peer-focus\:text-body-12 {
  font-size: 12px;
  line-height: 1.6;
  letter-spacing: normal;
  font-weight: 400;
}

.peer:focus ~ .peer-focus\:text-charcoal-400 {
  --tw-text-opacity: 1;
  color: rgb(122 122 127 / var(--tw-text-opacity));
}

.peer:disabled ~ .peer-disabled\:cursor-not-allowed {
  cursor: not-allowed;
}

.peer:disabled ~ .peer-disabled\:line-through {
  text-decoration-line: line-through;
}

.peer:disabled ~ .peer-disabled\:opacity-40 {
  opacity: 0.4;
}

.peer:disabled ~ .peer-disabled\:opacity-50 {
  opacity: 0.5;
}

.peer:not(:-moz-placeholder-shown) ~ .peer-\[\:not\(\:-moz-placeholder-shown\)\]\:top-2 {
  top: 0.5rem;
}

.peer:not(:placeholder-shown) ~ .peer-\[\:not\(\:placeholder-shown\)\]\:top-2 {
  top: 0.5rem;
}

.peer:not(:-moz-placeholder-shown) ~ .peer-\[\:not\(\:-moz-placeholder-shown\)\]\:translate-y-0 {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.peer:not(:placeholder-shown) ~ .peer-\[\:not\(\:placeholder-shown\)\]\:translate-y-0 {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.peer:not(:-moz-placeholder-shown) ~ .peer-\[\:not\(\:-moz-placeholder-shown\)\]\:text-body-12 {
  font-size: 12px;
  line-height: 1.6;
  letter-spacing: normal;
  font-weight: 400;
}

.peer:not(:placeholder-shown) ~ .peer-\[\:not\(\:placeholder-shown\)\]\:text-body-12 {
  font-size: 12px;
  line-height: 1.6;
  letter-spacing: normal;
  font-weight: 400;
}

.peer:not(:-moz-placeholder-shown) ~ .peer-\[\:not\(\:-moz-placeholder-shown\)\]\:text-charcoal-400 {
  --tw-text-opacity: 1;
  color: rgb(122 122 127 / var(--tw-text-opacity));
}

.peer:not(:placeholder-shown) ~ .peer-\[\:not\(\:placeholder-shown\)\]\:text-charcoal-400 {
  --tw-text-opacity: 1;
  color: rgb(122 122 127 / var(--tw-text-opacity));
}

.prose-headings\:font-bold :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  font-weight: 700;
}

.prose-headings\:text-charcoal-600 :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  --tw-text-opacity: 1;
  color: rgb(37 37 37 / var(--tw-text-opacity));
}

.prose-p\:text-charcoal-600 :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  --tw-text-opacity: 1;
  color: rgb(37 37 37 / var(--tw-text-opacity));
}

.prose-a\:text-charcoal-600 :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  --tw-text-opacity: 1;
  color: rgb(37 37 37 / var(--tw-text-opacity));
}

.prose-a\:underline :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  text-decoration-line: underline;
}

.hover\:prose-a\:no-underline :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))):hover {
  text-decoration-line: none;
}

.prose-img\:my-4 :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.prose-img\:rounded :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  border-radius: 0.25rem;
}

.prose-img\:border :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  border-width: 1px;
}

.prose-img\:border-gray-80 :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  --tw-border-opacity: 1;
  border-color: rgb(223 223 223 / var(--tw-border-opacity));
}

@media (hover: hover) and (pointer: fine) {
  .hover-device\:transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  .hover-device\:duration-300 {
    transition-duration: 300ms;
  }
  .hover-device\:ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
  .hover-device\:hover\:scale-\[1\.01\]:hover {
    --tw-scale-x: 1.01;
    --tw-scale-y: 1.01;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .hover-device\:hover\:border-charcoal-400:hover {
    --tw-border-opacity: 1;
    border-color: rgb(122 122 127 / var(--tw-border-opacity));
  }
  .hover-device\:hover\:shadow-\[0_20px_40px_rgba\(0\2c 0\2c 0\2c 0\.12\)\]:hover {
    --tw-shadow: 0 20px 40px rgba(0,0,0,0.12);
    --tw-shadow-colored: 0 20px 40px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .group\/card:hover .hover-device\:group-hover\/card\:scale-\[1\.03\] {
    --tw-scale-x: 1.03;
    --tw-scale-y: 1.03;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .group:hover .hover-device\:group-hover\:scale-\[1\.02\] {
    --tw-scale-x: 1.02;
    --tw-scale-y: 1.02;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

@media not all and (min-width: 1280px) {
  .max-xl\:mt-\[34px\] {
    margin-top: 34px;
  }
  .max-xl\:w-auto {
    width: auto;
  }
  .max-xl\:flex-1 {
    flex: 1 1 0%;
  }
  .max-xl\:flex-row {
    flex-direction: row;
  }
  .max-xl\:flex-col {
    flex-direction: column;
  }
  .max-xl\:items-center {
    align-items: center;
  }
  .max-xl\:justify-end {
    justify-content: flex-end;
  }
  .max-xl\:justify-between {
    justify-content: space-between;
  }
  .max-xl\:gap-2 {
    gap: 0.5rem;
  }
}

@media not all and (min-width: 1024px) {
  .max-lg\:block {
    display: block;
  }
  .max-lg\:hidden {
    display: none;
  }
  .max-lg\:h-\[100px\] {
    height: 100px;
  }
  .max-lg\:h-\[96px\] {
    height: 96px;
  }
  .max-lg\:h-full {
    height: 100%;
  }
  .max-lg\:flex-row {
    flex-direction: row;
  }
  .max-lg\:flex-col {
    flex-direction: column;
  }
  .max-lg\:items-start {
    align-items: flex-start;
  }
  .max-lg\:items-center {
    align-items: center;
  }
  .max-lg\:whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .max-lg\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .max-lg\:py-\[24px\] {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}

@media not all and (min-width: 768px) {
  .max-md\:pointer-events-none {
    pointer-events: none;
  }
  .max-md\:pointer-events-auto {
    pointer-events: auto;
  }
  .max-md\:fixed {
    position: fixed;
  }
  .max-md\:bottom-0 {
    bottom: 0px;
  }
  .max-md\:bottom-\[147px\] {
    bottom: 147px;
  }
  .max-md\:left-0 {
    left: 0px;
  }
  .max-md\:right-0 {
    right: 0px;
  }
  .max-md\:top-\[12px\] {
    top: 12px;
  }
  .max-md\:m-\[7px\] {
    margin: 7px;
  }
  .max-md\:m-auto {
    margin: auto;
  }
  .max-md\:my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .max-md\:mb-\[24px\] {
    margin-bottom: 24px;
  }
  .max-md\:mt-6 {
    margin-top: 1.5rem;
  }
  .max-md\:mt-\[37px\] {
    margin-top: 37px;
  }
  .max-md\:box-border {
    box-sizing: border-box;
  }
  .max-md\:block {
    display: block;
  }
  .max-md\:flex {
    display: flex;
  }
  .max-md\:hidden {
    display: none;
  }
  .max-md\:h-\[100px\] {
    height: 100px;
  }
  .max-md\:h-\[170px\] {
    height: 170px;
  }
  .max-md\:max-h-5 {
    max-height: 1.25rem;
  }
  .max-md\:w-8 {
    width: 2rem;
  }
  .max-md\:w-\[100px\] {
    width: 100px;
  }
  .max-md\:w-\[165px\] {
    width: 165px;
  }
  .max-md\:w-\[60px\] {
    width: 60px;
  }
  .max-md\:w-auto {
    width: auto;
  }
  .max-md\:w-full {
    width: 100%;
  }
  .max-md\:min-w-0 {
    min-width: 0px;
  }
  .max-md\:max-w-full {
    max-width: 100%;
  }
  .max-md\:max-w-sm {
    max-width: 24rem;
  }
  .max-md\:grow {
    flex-grow: 1;
  }
  .max-md\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .max-md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .max-md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .max-md\:flex-col {
    flex-direction: column;
  }
  .max-md\:items-start {
    align-items: flex-start;
  }
  .max-md\:items-end {
    align-items: flex-end;
  }
  .max-md\:items-center {
    align-items: center;
  }
  .max-md\:justify-start {
    justify-content: flex-start;
  }
  .max-md\:justify-end {
    justify-content: flex-end;
  }
  .max-md\:justify-center {
    justify-content: center;
  }
  .max-md\:gap-1 {
    gap: 0.25rem;
  }
  .max-md\:gap-\[8px\] {
    gap: 8px;
  }
  .max-md\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .max-md\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .max-md\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .max-md\:px-\[16px\] {
    padding-left: 16px;
    padding-right: 16px;
  }
  .max-md\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .max-md\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .max-md\:py-\[16px\] {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .max-md\:py-\[48px\] {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .max-md\:pb-6 {
    padding-bottom: 1.5rem;
  }
  .max-md\:pl-2 {
    padding-left: 0.5rem;
  }
  .max-md\:pr-4 {
    padding-right: 1rem;
  }
  .max-md\:pr-5 {
    padding-right: 1.25rem;
  }
  .max-md\:text-left {
    text-align: left;
  }
  .max-md\:text-center {
    text-align: center;
  }
  .max-md\:text-right {
    text-align: right;
  }
  .max-md\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
  .max-md\:text-\[10px\] {
    font-size: 10px;
  }
  .max-md\:text-\[12px\] {
    font-size: 12px;
  }
  .max-md\:text-\[14px\] {
    font-size: 14px;
  }
  .max-md\:text-\[16px\] {
    font-size: 16px;
  }
  .max-md\:text-\[24px\] {
    font-size: 24px;
  }
  .max-md\:text-\[28px\] {
    font-size: 28px;
  }
  .max-md\:text-headline-18 {
    font-size: 18px;
    line-height: 1.12;
    letter-spacing: -0.54px;
    font-weight: 700;
  }
  .max-md\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .max-md\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .max-md\:leading-10 {
    line-height: 2.5rem;
  }
  .max-md\:leading-\[1\.6\] {
    line-height: 1.6;
  }
  .max-md\:leading-\[16px\] {
    line-height: 16px;
  }
  .max-md\:leading-\[32px\] {
    line-height: 32px;
  }
}

@media not all and (min-width: 640px) {
  .max-sm\:inline-block {
    display: inline-block;
  }
  .max-sm\:hidden {
    display: none;
  }
  .max-sm\:w-full {
    width: 100%;
  }
  .max-sm\:flex-col {
    flex-direction: column;
  }
  .max-sm\:justify-center {
    justify-content: center;
  }
  .max-sm\:gap-4 {
    gap: 1rem;
  }
  .max-sm\:whitespace-nowrap {
    white-space: nowrap;
  }
  .max-sm\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .max-sm\:text-\[12px\] {
    font-size: 12px;
  }
  .max-sm\:text-\[18px\] {
    font-size: 18px;
  }
  .max-sm\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

@media (max-width: 479px) {
  .max-\[479px\]\:left-0 {
    left: 0px;
  }
  .max-\[479px\]\:ml-\[14px\] {
    margin-left: 14px;
  }
  .max-\[479px\]\:mt-\[14px\] {
    margin-top: 14px;
  }
  .max-\[479px\]\:\!hidden {
    display: none !important;
  }
}

@media (min-width: 480px) {
  .min-\[480px\]\:right-0 {
    right: 0px;
  }
  .min-\[480px\]\:mr-\[24px\] {
    margin-right: 24px;
  }
  .min-\[480px\]\:mt-\[16px\] {
    margin-top: 16px;
  }
}

@media (min-width: 640px) {
  .sm\:mb-6 {
    margin-bottom: 1.5rem;
  }
  .sm\:mt-8 {
    margin-top: 2rem;
  }
  .sm\:block {
    display: block;
  }
  .sm\:inline {
    display: inline;
  }
  .sm\:hidden {
    display: none;
  }
  .sm\:h-\[118px\] {
    height: 118px;
  }
  .sm\:h-\[84px\] {
    height: 84px;
  }
  .sm\:w-\[350px\] {
    width: 350px;
  }
  .sm\:w-auto {
    width: auto;
  }
  .sm\:min-w-\[170px\] {
    min-width: 170px;
  }
  .sm\:max-w-none {
    max-width: none;
  }
  .sm\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .sm\:flex-row {
    flex-direction: row;
  }
  .sm\:gap-\[16px\] {
    gap: 16px;
  }
  .sm\:gap-\[20px\] {
    gap: 20px;
  }
  .sm\:gap-\[40px\] {
    gap: 40px;
  }
  .sm\:p-15 {
    padding: 3.75rem;
  }
  .sm\:p-6 {
    padding: 1.5rem;
  }
  .sm\:p-\[24px\] {
    padding: 24px;
  }
  .sm\:p-\[64px\] {
    padding: 64px;
  }
  .sm\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .sm\:px-\[28px\] {
    padding-left: 28px;
    padding-right: 28px;
  }
  .sm\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .sm\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .sm\:text-\[14px\] {
    font-size: 14px;
  }
  .sm\:text-\[16px\] {
    font-size: 16px;
  }
  .sm\:text-\[18px\] {
    font-size: 18px;
  }
  .sm\:text-\[20px\] {
    font-size: 20px;
  }
  .sm\:text-\[32px\] {
    font-size: 32px;
  }
  .sm\:text-\[40px\] {
    font-size: 40px;
  }
  .sm\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .sm\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .sm\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .sm\:leading-5 {
    line-height: 1.25rem;
  }
  .sm\:leading-9 {
    line-height: 2.25rem;
  }
  .sm\:leading-\[18px\] {
    line-height: 18px;
  }
  .sm\:leading-\[22px\] {
    line-height: 22px;
  }
  .sm\:leading-normal {
    line-height: 1.5;
  }
  .sm\:tracking-\[-0\.54px\] {
    letter-spacing: -0.54px;
  }
  .sm\:tracking-\[-0\.6px\] {
    letter-spacing: -0.6px;
  }
  .sm\:tracking-\[-1\.2px\] {
    letter-spacing: -1.2px;
  }
}

@media (min-width: 768px) {
  .md\:absolute {
    position: absolute;
  }
  .md\:relative {
    position: relative;
  }
  .md\:-bottom-\[40px\] {
    bottom: -40px;
  }
  .md\:-top-6 {
    top: -1.5rem;
  }
  .md\:-top-\[108px\] {
    top: -108px;
  }
  .md\:left-0 {
    left: 0px;
  }
  .md\:left-2\.5 {
    left: 0.625rem;
  }
  .md\:left-4 {
    left: 1rem;
  }
  .md\:left-\[-15px\] {
    left: -15px;
  }
  .md\:left-\[136px\] {
    left: 136px;
  }
  .md\:left-\[34px\] {
    left: 34px;
  }
  .md\:left-\[44px\] {
    left: 44px;
  }
  .md\:left-\[5\%\] {
    left: 5%;
  }
  .md\:left-px {
    left: 1px;
  }
  .md\:right-\[-5px\] {
    right: -5px;
  }
  .md\:right-\[10\%\] {
    right: 10%;
  }
  .md\:right-\[44px\] {
    right: 44px;
  }
  .md\:right-\[5\%\] {
    right: 5%;
  }
  .md\:right-\[8\%\] {
    right: 8%;
  }
  .md\:top-2 {
    top: 0.5rem;
  }
  .md\:top-2\.5 {
    top: 0.625rem;
  }
  .md\:top-3 {
    top: 0.75rem;
  }
  .md\:top-4 {
    top: 1rem;
  }
  .md\:top-\[-104px\] {
    top: -104px;
  }
  .md\:top-\[-8px\] {
    top: -8px;
  }
  .md\:top-\[-9px\] {
    top: -9px;
  }
  .md\:top-\[290px\] {
    top: 290px;
  }
  .md\:top-\[30px\] {
    top: 30px;
  }
  .md\:top-\[355px\] {
    top: 355px;
  }
  .md\:top-\[90px\] {
    top: 90px;
  }
  .md\:col-start-1 {
    grid-column-start: 1;
  }
  .md\:col-start-2 {
    grid-column-start: 2;
  }
  .md\:row-start-1 {
    grid-row-start: 1;
  }
  .md\:-mx-8 {
    margin-left: -2rem;
    margin-right: -2rem;
  }
  .md\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .md\:mx-\[20px\] {
    margin-left: 20px;
    margin-right: 20px;
  }
  .md\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .md\:-mt-8 {
    margin-top: -2rem;
  }
  .md\:mb-0 {
    margin-bottom: 0px;
  }
  .md\:mb-1 {
    margin-bottom: 0.25rem;
  }
  .md\:mb-10 {
    margin-bottom: 2.5rem;
  }
  .md\:mb-12 {
    margin-bottom: 3rem;
  }
  .md\:mb-14 {
    margin-bottom: 3.5rem;
  }
  .md\:mb-15 {
    margin-bottom: 3.75rem;
  }
  .md\:mb-16 {
    margin-bottom: 4rem;
  }
  .md\:mb-3 {
    margin-bottom: 0.75rem;
  }
  .md\:mb-4 {
    margin-bottom: 1rem;
  }
  .md\:mb-6 {
    margin-bottom: 1.5rem;
  }
  .md\:mb-8 {
    margin-bottom: 2rem;
  }
  .md\:mb-\[-36px\] {
    margin-bottom: -36px;
  }
  .md\:mb-\[16px\] {
    margin-bottom: 16px;
  }
  .md\:mb-\[23px\] {
    margin-bottom: 23px;
  }
  .md\:mb-\[60px\] {
    margin-bottom: 60px;
  }
  .md\:mb-\[72px\] {
    margin-bottom: 72px;
  }
  .md\:mb-\[87px\] {
    margin-bottom: 87px;
  }
  .md\:mb-\[93px\] {
    margin-bottom: 93px;
  }
  .md\:ml-0 {
    margin-left: 0px;
  }
  .md\:ml-2 {
    margin-left: 0.5rem;
  }
  .md\:ml-4 {
    margin-left: 1rem;
  }
  .md\:ml-auto {
    margin-left: auto;
  }
  .md\:mr-0 {
    margin-right: 0px;
  }
  .md\:mr-4 {
    margin-right: 1rem;
  }
  .md\:mr-6 {
    margin-right: 1.5rem;
  }
  .md\:mr-auto {
    margin-right: auto;
  }
  .md\:mt-0 {
    margin-top: 0px;
  }
  .md\:mt-1 {
    margin-top: 0.25rem;
  }
  .md\:mt-10 {
    margin-top: 2.5rem;
  }
  .md\:mt-12 {
    margin-top: 3rem;
  }
  .md\:mt-15 {
    margin-top: 3.75rem;
  }
  .md\:mt-4 {
    margin-top: 1rem;
  }
  .md\:mt-5 {
    margin-top: 1.25rem;
  }
  .md\:mt-8 {
    margin-top: 2rem;
  }
  .md\:mt-\[16px\] {
    margin-top: 16px;
  }
  .md\:mt-\[373px\] {
    margin-top: 373px;
  }
  .md\:mt-\[40px\] {
    margin-top: 40px;
  }
  .md\:mt-\[42px\] {
    margin-top: 42px;
  }
  .md\:mt-\[56px\] {
    margin-top: 56px;
  }
  .md\:mt-\[70px\] {
    margin-top: 70px;
  }
  .md\:mt-\[72px\] {
    margin-top: 72px;
  }
  .md\:mt-\[8px\] {
    margin-top: 8px;
  }
  .md\:line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .md\:block {
    display: block;
  }
  .md\:inline {
    display: inline;
  }
  .md\:flex {
    display: flex;
  }
  .md\:grid {
    display: grid;
  }
  .md\:hidden {
    display: none;
  }
  .md\:aspect-\[350\/448\] {
    aspect-ratio: 350/448;
  }
  .md\:aspect-\[592\/336\] {
    aspect-ratio: 592/336;
  }
  .md\:aspect-\[592\/360\] {
    aspect-ratio: 592/360;
  }
  .md\:aspect-\[712\/438\] {
    aspect-ratio: 712/438;
  }
  .md\:aspect-auto {
    aspect-ratio: auto;
  }
  .md\:aspect-video {
    aspect-ratio: 16 / 9;
  }
  .md\:\!h-\[129\.6px\] {
    height: 129.6px !important;
  }
  .md\:\!h-\[400px\] {
    height: 400px !important;
  }
  .md\:\!h-\[40px\] {
    height: 40px !important;
  }
  .md\:\!h-\[52px\] {
    height: 52px !important;
  }
  .md\:h-12 {
    height: 3rem;
  }
  .md\:h-15 {
    height: 3.75rem;
  }
  .md\:h-16 {
    height: 4rem;
  }
  .md\:h-20 {
    height: 5rem;
  }
  .md\:h-32 {
    height: 8rem;
  }
  .md\:h-6 {
    height: 1.5rem;
  }
  .md\:h-\[100px\] {
    height: 100px;
  }
  .md\:h-\[108px\] {
    height: 108px;
  }
  .md\:h-\[120px\] {
    height: 120px;
  }
  .md\:h-\[140px\] {
    height: 140px;
  }
  .md\:h-\[180px\] {
    height: 180px;
  }
  .md\:h-\[204px\] {
    height: 204px;
  }
  .md\:h-\[206px\] {
    height: 206px;
  }
  .md\:h-\[236px\] {
    height: 236px;
  }
  .md\:h-\[24px\] {
    height: 24px;
  }
  .md\:h-\[26px\] {
    height: 26px;
  }
  .md\:h-\[270px\] {
    height: 270px;
  }
  .md\:h-\[278px\] {
    height: 278px;
  }
  .md\:h-\[292px\] {
    height: 292px;
  }
  .md\:h-\[300px\] {
    height: 300px;
  }
  .md\:h-\[320px\] {
    height: 320px;
  }
  .md\:h-\[348px\] {
    height: 348px;
  }
  .md\:h-\[357px\] {
    height: 357px;
  }
  .md\:h-\[361px\] {
    height: 361px;
  }
  .md\:h-\[364px\] {
    height: 364px;
  }
  .md\:h-\[388px\] {
    height: 388px;
  }
  .md\:h-\[400px\] {
    height: 400px;
  }
  .md\:h-\[440px\] {
    height: 440px;
  }
  .md\:h-\[460px\] {
    height: 460px;
  }
  .md\:h-\[46px\] {
    height: 46px;
  }
  .md\:h-\[472px\] {
    height: 472px;
  }
  .md\:h-\[52px\] {
    height: 52px;
  }
  .md\:h-\[560px\] {
    height: 560px;
  }
  .md\:h-\[600px\] {
    height: 600px;
  }
  .md\:h-\[640px\] {
    height: 640px;
  }
  .md\:h-\[694px\] {
    height: 694px;
  }
  .md\:h-\[712px\] {
    height: 712px;
  }
  .md\:h-\[80px\] {
    height: 80px;
  }
  .md\:h-\[88px\] {
    height: 88px;
  }
  .md\:h-\[96px\] {
    height: 96px;
  }
  .md\:h-auto {
    height: auto;
  }
  .md\:max-h-\[400px\] {
    max-height: 400px;
  }
  .md\:max-h-\[84px\] {
    max-height: 84px;
  }
  .md\:min-h-\[118px\] {
    min-height: 118px;
  }
  .md\:min-h-\[20px\] {
    min-height: 20px;
  }
  .md\:min-h-\[340px\] {
    min-height: 340px;
  }
  .md\:min-h-\[40px\] {
    min-height: 40px;
  }
  .md\:min-h-\[694px\] {
    min-height: 694px;
  }
  .md\:min-h-\[740px\] {
    min-height: 740px;
  }
  .md\:\!w-\[129\.6px\] {
    width: 129.6px !important;
  }
  .md\:\!w-\[344px\] {
    width: 344px !important;
  }
  .md\:w-1\/2 {
    width: 50%;
  }
  .md\:w-12 {
    width: 3rem;
  }
  .md\:w-15 {
    width: 3.75rem;
  }
  .md\:w-20 {
    width: 5rem;
  }
  .md\:w-32 {
    width: 8rem;
  }
  .md\:w-80 {
    width: 20rem;
  }
  .md\:w-\[120px\] {
    width: 120px;
  }
  .md\:w-\[140px\] {
    width: 140px;
  }
  .md\:w-\[141px\] {
    width: 141px;
  }
  .md\:w-\[151\.515px\] {
    width: 151.515px;
  }
  .md\:w-\[170px\] {
    width: 170px;
  }
  .md\:w-\[175px\] {
    width: 175px;
  }
  .md\:w-\[180px\] {
    width: 180px;
  }
  .md\:w-\[184px\] {
    width: 184px;
  }
  .md\:w-\[198px\] {
    width: 198px;
  }
  .md\:w-\[200px\] {
    width: 200px;
  }
  .md\:w-\[204px\] {
    width: 204px;
  }
  .md\:w-\[24px\] {
    width: 24px;
  }
  .md\:w-\[257\.6px\] {
    width: 257.6px;
  }
  .md\:w-\[258px\] {
    width: 258px;
  }
  .md\:w-\[278px\] {
    width: 278px;
  }
  .md\:w-\[279px\] {
    width: 279px;
  }
  .md\:w-\[280px\] {
    width: 280px;
  }
  .md\:w-\[290px\] {
    width: 290px;
  }
  .md\:w-\[344px\] {
    width: 344px;
  }
  .md\:w-\[355\.967px\] {
    width: 355.967px;
  }
  .md\:w-\[361px\] {
    width: 361px;
  }
  .md\:w-\[385px\] {
    width: 385px;
  }
  .md\:w-\[40\%\] {
    width: 40%;
  }
  .md\:w-\[417px\] {
    width: 417px;
  }
  .md\:w-\[425px\] {
    width: 425px;
  }
  .md\:w-\[438px\] {
    width: 438px;
  }
  .md\:w-\[440px\] {
    width: 440px;
  }
  .md\:w-\[442px\] {
    width: 442px;
  }
  .md\:w-\[480px\] {
    width: 480px;
  }
  .md\:w-\[55\%\] {
    width: 55%;
  }
  .md\:w-\[552px\] {
    width: 552px;
  }
  .md\:w-\[592px\] {
    width: 592px;
  }
  .md\:w-\[594px\] {
    width: 594px;
  }
  .md\:w-\[600px\] {
    width: 600px;
  }
  .md\:w-\[605px\] {
    width: 605px;
  }
  .md\:w-\[60px\] {
    width: 60px;
  }
  .md\:w-\[712px\] {
    width: 712px;
  }
  .md\:w-\[760px\] {
    width: 760px;
  }
  .md\:w-\[94px\] {
    width: 94px;
  }
  .md\:w-\[calc\(100\%\+64px\)\] {
    width: calc(100% + 64px);
  }
  .md\:w-auto {
    width: auto;
  }
  .md\:w-fit {
    width: -moz-fit-content;
    width: fit-content;
  }
  .md\:w-full {
    width: 100%;
  }
  .md\:min-w-0 {
    min-width: 0px;
  }
  .md\:min-w-\[120px\] {
    min-width: 120px;
  }
  .md\:min-w-\[170px\] {
    min-width: 170px;
  }
  .md\:max-w-3xl {
    max-width: 48rem;
  }
  .md\:max-w-60 {
    max-width: 15rem;
  }
  .md\:max-w-\[186px\] {
    max-width: 186px;
  }
  .md\:max-w-\[320px\] {
    max-width: 320px;
  }
  .md\:max-w-\[344px\] {
    max-width: 344px;
  }
  .md\:max-w-\[400px\] {
    max-width: 400px;
  }
  .md\:max-w-\[404px\] {
    max-width: 404px;
  }
  .md\:max-w-\[438px\] {
    max-width: 438px;
  }
  .md\:max-w-\[442px\] {
    max-width: 442px;
  }
  .md\:max-w-\[448px\] {
    max-width: 448px;
  }
  .md\:max-w-\[480px\] {
    max-width: 480px;
  }
  .md\:max-w-\[485px\] {
    max-width: 485px;
  }
  .md\:max-w-\[496px\] {
    max-width: 496px;
  }
  .md\:max-w-\[500px\] {
    max-width: 500px;
  }
  .md\:max-w-\[531px\] {
    max-width: 531px;
  }
  .md\:max-w-\[560px\] {
    max-width: 560px;
  }
  .md\:max-w-\[592px\] {
    max-width: 592px;
  }
  .md\:max-w-\[600px\] {
    max-width: 600px;
  }
  .md\:max-w-\[618px\] {
    max-width: 618px;
  }
  .md\:max-w-\[640px\] {
    max-width: 640px;
  }
  .md\:max-w-\[650px\] {
    max-width: 650px;
  }
  .md\:max-w-\[658px\] {
    max-width: 658px;
  }
  .md\:max-w-\[680px\] {
    max-width: 680px;
  }
  .md\:max-w-\[684px\] {
    max-width: 684px;
  }
  .md\:max-w-\[712px\] {
    max-width: 712px;
  }
  .md\:max-w-fit {
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
  .md\:max-w-full {
    max-width: 100%;
  }
  .md\:max-w-none {
    max-width: none;
  }
  .md\:flex-initial {
    flex: 0 1 auto;
  }
  .md\:flex-none {
    flex: none;
  }
  .md\:shrink-0 {
    flex-shrink: 0;
  }
  .md\:basis-\[50\%\] {
    flex-basis: 50%;
  }
  .md\:scale-\[1\.2\] {
    --tw-scale-x: 1.2;
    --tw-scale-y: 1.2;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .md\:grid-cols-\[repeat\(2\2c 344px\)\] {
    grid-template-columns: repeat(2,344px);
  }
  .md\:flex-row {
    flex-direction: row;
  }
  .md\:flex-row-reverse {
    flex-direction: row-reverse;
  }
  .md\:flex-col {
    flex-direction: column;
  }
  .md\:flex-col-reverse {
    flex-direction: column-reverse;
  }
  .md\:flex-wrap {
    flex-wrap: wrap;
  }
  .md\:items-start {
    align-items: flex-start;
  }
  .md\:items-end {
    align-items: flex-end;
  }
  .md\:items-center {
    align-items: center;
  }
  .md\:items-stretch {
    align-items: stretch;
  }
  .md\:justify-start {
    justify-content: flex-start;
  }
  .md\:justify-end {
    justify-content: flex-end;
  }
  .md\:justify-center {
    justify-content: center;
  }
  .md\:justify-between {
    justify-content: space-between;
  }
  .md\:gap-0 {
    gap: 0px;
  }
  .md\:gap-1 {
    gap: 0.25rem;
  }
  .md\:gap-1\.5 {
    gap: 0.375rem;
  }
  .md\:gap-10 {
    gap: 2.5rem;
  }
  .md\:gap-12 {
    gap: 3rem;
  }
  .md\:gap-15 {
    gap: 3.75rem;
  }
  .md\:gap-2 {
    gap: 0.5rem;
  }
  .md\:gap-2\.5 {
    gap: 0.625rem;
  }
  .md\:gap-3 {
    gap: 0.75rem;
  }
  .md\:gap-4 {
    gap: 1rem;
  }
  .md\:gap-5 {
    gap: 1.25rem;
  }
  .md\:gap-6 {
    gap: 1.5rem;
  }
  .md\:gap-7 {
    gap: 1.75rem;
  }
  .md\:gap-8 {
    gap: 2rem;
  }
  .md\:gap-\[12px\] {
    gap: 12px;
  }
  .md\:gap-\[13px\] {
    gap: 13px;
  }
  .md\:gap-\[16px\] {
    gap: 16px;
  }
  .md\:gap-\[18px\] {
    gap: 18px;
  }
  .md\:gap-\[19px\] {
    gap: 19px;
  }
  .md\:gap-\[20px\] {
    gap: 20px;
  }
  .md\:gap-\[21px\] {
    gap: 21px;
  }
  .md\:gap-\[24px\] {
    gap: 24px;
  }
  .md\:gap-\[32px\] {
    gap: 32px;
  }
  .md\:gap-\[3px\] {
    gap: 3px;
  }
  .md\:gap-\[40px\] {
    gap: 40px;
  }
  .md\:gap-\[47px\] {
    gap: 47px;
  }
  .md\:gap-\[52px\] {
    gap: 52px;
  }
  .md\:gap-\[59px\] {
    gap: 59px;
  }
  .md\:gap-\[60px\] {
    gap: 60px;
  }
  .md\:gap-\[75px\] {
    gap: 75px;
  }
  .md\:gap-\[80px\] {
    gap: 80px;
  }
  .md\:gap-\[8px\] {
    gap: 8px;
  }
  .md\:gap-x-4 {
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
  .md\:gap-x-5 {
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
  }
  .md\:gap-x-6 {
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }
  .md\:gap-x-\[20px\] {
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
  .md\:gap-y-10 {
    row-gap: 2.5rem;
  }
  .md\:gap-y-12 {
    row-gap: 3rem;
  }
  .md\:gap-y-6 {
    row-gap: 1.5rem;
  }
  .md\:self-start {
    align-self: flex-start;
  }
  .md\:overflow-visible {
    overflow: visible;
  }
  .md\:overflow-x-visible {
    overflow-x: visible;
  }
  .md\:rounded-28 {
    border-radius: 28px;
  }
  .md\:rounded-2xl {
    border-radius: 1rem;
  }
  .md\:rounded-3xl {
    border-radius: 1.5rem;
  }
  .md\:rounded-\[11px\] {
    border-radius: 11px;
  }
  .md\:rounded-\[25px\] {
    border-radius: 25px;
  }
  .md\:rounded-\[28px\] {
    border-radius: 28px;
  }
  .md\:rounded-t-3xl {
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
  }
  .md\:border-2 {
    border-width: 2px;
  }
  .md\:bg-\[rgba\(26\2c 26\2c 26\2c 0\.8\)\] {
    background-color: rgba(26,26,26,0.8);
  }
  .md\:p-10 {
    padding: 2.5rem;
  }
  .md\:p-12 {
    padding: 3rem;
  }
  .md\:p-6 {
    padding: 1.5rem;
  }
  .md\:p-7 {
    padding: 1.75rem;
  }
  .md\:p-8 {
    padding: 2rem;
  }
  .md\:p-\[60px_48px\] {
    padding: 60px 48px;
  }
  .md\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .md\:px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .md\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .md\:px-11 {
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
  .md\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .md\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .md\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .md\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }
  .md\:px-22 {
    padding-left: 5.5rem;
    padding-right: 5.5rem;
  }
  .md\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .md\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .md\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .md\:px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
  .md\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .md\:px-\[104px\] {
    padding-left: 104px;
    padding-right: 104px;
  }
  .md\:px-\[200px\] {
    padding-left: 200px;
    padding-right: 200px;
  }
  .md\:px-\[28px\] {
    padding-left: 28px;
    padding-right: 28px;
  }
  .md\:px-\[40px\] {
    padding-left: 40px;
    padding-right: 40px;
  }
  .md\:px-\[41px\] {
    padding-left: 41px;
    padding-right: 41px;
  }
  .md\:px-\[44px\] {
    padding-left: 44px;
    padding-right: 44px;
  }
  .md\:px-\[48px\] {
    padding-left: 48px;
    padding-right: 48px;
  }
  .md\:px-\[60px\] {
    padding-left: 60px;
    padding-right: 60px;
  }
  .md\:px-\[88px\] {
    padding-left: 88px;
    padding-right: 88px;
  }
  .md\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .md\:py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .md\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .md\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .md\:py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
  .md\:py-15 {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }
  .md\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .md\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .md\:py-25 {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }
  .md\:py-30 {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
  }
  .md\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .md\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .md\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .md\:py-\[27px\] {
    padding-top: 27px;
    padding-bottom: 27px;
  }
  .md\:py-\[60px\] {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .md\:pb-10 {
    padding-bottom: 2.5rem;
  }
  .md\:pb-12 {
    padding-bottom: 3rem;
  }
  .md\:pb-8 {
    padding-bottom: 2rem;
  }
  .md\:pb-\[31px\] {
    padding-bottom: 31px;
  }
  .md\:pb-\[40px\] {
    padding-bottom: 40px;
  }
  .md\:pb-\[60px\] {
    padding-bottom: 60px;
  }
  .md\:pb-\[80px\] {
    padding-bottom: 80px;
  }
  .md\:pl-0 {
    padding-left: 0px;
  }
  .md\:pl-6 {
    padding-left: 1.5rem;
  }
  .md\:pl-\[168px\] {
    padding-left: 168px;
  }
  .md\:pl-\[28px\] {
    padding-left: 28px;
  }
  .md\:pr-0 {
    padding-right: 0px;
  }
  .md\:pt-1 {
    padding-top: 0.25rem;
  }
  .md\:pt-10 {
    padding-top: 2.5rem;
  }
  .md\:pt-12 {
    padding-top: 3rem;
  }
  .md\:pt-25 {
    padding-top: 6.25rem;
  }
  .md\:pt-8 {
    padding-top: 2rem;
  }
  .md\:pt-\[118px\] {
    padding-top: 118px;
  }
  .md\:pt-\[58px\] {
    padding-top: 58px;
  }
  .md\:pt-\[62px\] {
    padding-top: 62px;
  }
  .md\:pt-\[90px\] {
    padding-top: 90px;
  }
  .md\:text-left {
    text-align: left;
  }
  .md\:text-center {
    text-align: center;
  }
  .md\:text-right {
    text-align: right;
  }
  .md\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .md\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .md\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
  .md\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }
  .md\:text-\[14px\] {
    font-size: 14px;
  }
  .md\:text-\[16px\] {
    font-size: 16px;
  }
  .md\:text-\[18px\] {
    font-size: 18px;
  }
  .md\:text-\[20px\] {
    font-size: 20px;
  }
  .md\:text-\[24px\] {
    font-size: 24px;
  }
  .md\:text-\[28px\] {
    font-size: 28px;
  }
  .md\:text-\[32px\] {
    font-size: 32px;
  }
  .md\:text-\[36px\] {
    font-size: 36px;
  }
  .md\:text-\[40px\] {
    font-size: 40px;
  }
  .md\:text-\[44px\] {
    font-size: 44px;
  }
  .md\:text-\[48px\] {
    font-size: 48px;
  }
  .md\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .md\:text-body-12 {
    font-size: 12px;
    line-height: 1.6;
    letter-spacing: normal;
    font-weight: 400;
  }
  .md\:text-body-14 {
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: -0.02px;
    font-weight: 400;
  }
  .md\:text-body-16 {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: normal;
    font-weight: 400;
  }
  .md\:text-body-18 {
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 0.12px;
    font-weight: 400;
  }
  .md\:text-body-20 {
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 0.16px;
    font-weight: 400;
  }
  .md\:text-body-24 {
    font-size: 24px;
    line-height: 1.5;
    letter-spacing: 0.42px;
    font-weight: 400;
  }
  .md\:text-display-40 {
    font-size: 40px;
    line-height: 1;
    letter-spacing: -1.2px;
    font-weight: 500;
  }
  .md\:text-display-48 {
    font-size: 48px;
    line-height: 1;
    letter-spacing: -1.44px;
    font-weight: 500;
  }
  .md\:text-display-52 {
    font-size: 52px;
    line-height: 1;
    letter-spacing: -1.56px;
    font-weight: 500;
  }
  .md\:text-display-60 {
    font-size: 60px;
    line-height: 1;
    letter-spacing: -1.8px;
    font-weight: 500;
  }
  .md\:text-eyebrow-lg {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 2.56px;
    font-weight: 500;
  }
  .md\:text-eyebrow-md {
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 2.52px;
    font-weight: 500;
  }
  .md\:text-eyebrow-sm {
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 2.4px;
    font-weight: 500;
  }
  .md\:text-headline-18 {
    font-size: 18px;
    line-height: 1.12;
    letter-spacing: -0.54px;
    font-weight: 700;
  }
  .md\:text-headline-24 {
    font-size: 24px;
    line-height: 1.1;
    letter-spacing: -0.42px;
    font-weight: 700;
  }
  .md\:text-headline-32 {
    font-size: 32px;
    line-height: 1.1;
    letter-spacing: -0.2px;
    font-weight: 700;
  }
  .md\:text-headline-44 {
    font-size: 44px;
    line-height: 1.1;
    letter-spacing: -0.2px;
    font-weight: 700;
  }
  .md\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .md\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .md\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .md\:text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }
  .md\:font-bold {
    font-weight: 700;
  }
  .md\:font-medium {
    font-weight: 500;
  }
  .md\:font-normal {
    font-weight: 400;
  }
  .md\:\!leading-\[1\.3\] {
    line-height: 1.3 !important;
  }
  .md\:leading-10 {
    line-height: 2.5rem;
  }
  .md\:leading-6 {
    line-height: 1.5rem;
  }
  .md\:leading-7 {
    line-height: 1.75rem;
  }
  .md\:leading-\[1\.12\] {
    line-height: 1.12;
  }
  .md\:leading-\[1\.1\] {
    line-height: 1.1;
  }
  .md\:leading-\[1\.3\] {
    line-height: 1.3;
  }
  .md\:leading-\[1\.5\] {
    line-height: 1.5;
  }
  .md\:leading-\[1\.6\] {
    line-height: 1.6;
  }
  .md\:leading-\[197\%\] {
    line-height: 197%;
  }
  .md\:leading-\[20px\] {
    line-height: 20px;
  }
  .md\:leading-\[24px\] {
    line-height: 24px;
  }
  .md\:leading-\[25px\] {
    line-height: 25px;
  }
  .md\:leading-\[42px\] {
    line-height: 42px;
  }
  .md\:leading-none {
    line-height: 1;
  }
  .md\:leading-normal {
    line-height: 1.5;
  }
  .md\:leading-relaxed {
    line-height: 1.625;
  }
  .md\:tracking-\[-0\.54px\] {
    letter-spacing: -0.54px;
  }
  .md\:tracking-\[-0\.6px\] {
    letter-spacing: -0.6px;
  }
  .md\:tracking-\[-0\.72px\] {
    letter-spacing: -0.72px;
  }
  .md\:tracking-\[-0\.8px\] {
    letter-spacing: -0.8px;
  }
  .md\:tracking-\[-1\.08px\] {
    letter-spacing: -1.08px;
  }
  .md\:tracking-\[-1\.2px\] {
    letter-spacing: -1.2px;
  }
  .md\:tracking-\[-1\.44px\] {
    letter-spacing: -1.44px;
  }
  .md\:tracking-\[-1\.5px\] {
    letter-spacing: -1.5px;
  }
  .md\:tracking-\[0\.1px\] {
    letter-spacing: 0.1px;
  }
  .md\:tracking-\[0\.2px\] {
    letter-spacing: 0.2px;
  }
  .md\:tracking-\[2\.52px\] {
    letter-spacing: 2.52px;
  }
  .md\:tracking-\[2\.56px\] {
    letter-spacing: 2.56px;
  }
  .md\:text-charcoal-600 {
    --tw-text-opacity: 1;
    color: rgb(37 37 37 / var(--tw-text-opacity));
  }
  .md\:opacity-0 {
    opacity: 0;
  }
  .md\:opacity-100 {
    opacity: 1;
  }
  .group:hover .md\:group-hover\:opacity-0 {
    opacity: 0;
  }
  .group:hover .md\:group-hover\:opacity-100 {
    opacity: 1;
  }
}

@media (min-width: 1024px) {
  .lg\:relative {
    position: relative;
  }
  .lg\:-bottom-\[108px\] {
    bottom: -108px;
  }
  .lg\:-top-\[108px\] {
    top: -108px;
  }
  .lg\:bottom-4 {
    bottom: 1rem;
  }
  .lg\:bottom-auto {
    bottom: auto;
  }
  .lg\:left-1\/2 {
    left: 50%;
  }
  .lg\:left-4 {
    left: 1rem;
  }
  .lg\:right-\[-11px\] {
    right: -11px;
  }
  .lg\:right-\[30px\] {
    right: 30px;
  }
  .lg\:right-\[44px\] {
    right: 44px;
  }
  .lg\:right-auto {
    right: auto;
  }
  .lg\:top-1\/2 {
    top: 50%;
  }
  .lg\:top-\[-104px\] {
    top: -104px;
  }
  .lg\:top-\[-44px\] {
    top: -44px;
  }
  .lg\:top-\[30px\] {
    top: 30px;
  }
  .lg\:order-1 {
    order: 1;
  }
  .lg\:order-2 {
    order: 2;
  }
  .lg\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .lg\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .lg\:my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .lg\:mb-0 {
    margin-bottom: 0px;
  }
  .lg\:mb-10 {
    margin-bottom: 2.5rem;
  }
  .lg\:mb-12 {
    margin-bottom: 3rem;
  }
  .lg\:mb-4 {
    margin-bottom: 1rem;
  }
  .lg\:mb-\[10px\] {
    margin-bottom: 10px;
  }
  .lg\:mb-\[20px\] {
    margin-bottom: 20px;
  }
  .lg\:mb-\[60px\] {
    margin-bottom: 60px;
  }
  .lg\:mb-\[64px\] {
    margin-bottom: 64px;
  }
  .lg\:mt-0 {
    margin-top: 0px;
  }
  .lg\:mt-3 {
    margin-top: 0.75rem;
  }
  .lg\:mt-7 {
    margin-top: 1.75rem;
  }
  .lg\:mt-8 {
    margin-top: 2rem;
  }
  .lg\:mt-9 {
    margin-top: 2.25rem;
  }
  .lg\:mt-auto {
    margin-top: auto;
  }
  .lg\:box-content {
    box-sizing: content-box;
  }
  .lg\:block {
    display: block;
  }
  .lg\:inline {
    display: inline;
  }
  .lg\:flex {
    display: flex;
  }
  .lg\:inline-flex {
    display: inline-flex;
  }
  .lg\:grid {
    display: grid;
  }
  .lg\:hidden {
    display: none;
  }
  .lg\:aspect-\[1352\/600\] {
    aspect-ratio: 1352/600;
  }
  .lg\:aspect-\[576\/737\.561\] {
    aspect-ratio: 576/737.561;
  }
  .lg\:aspect-\[652\/587\] {
    aspect-ratio: 652/587;
  }
  .lg\:size-\[30px\] {
    width: 30px;
    height: 30px;
  }
  .lg\:h-12 {
    height: 3rem;
  }
  .lg\:h-\[132px\] {
    height: 132px;
  }
  .lg\:h-\[148px\] {
    height: 148px;
  }
  .lg\:h-\[150px\] {
    height: 150px;
  }
  .lg\:h-\[190px\] {
    height: 190px;
  }
  .lg\:h-\[228px\] {
    height: 228px;
  }
  .lg\:h-\[26px\] {
    height: 26px;
  }
  .lg\:h-\[300px\] {
    height: 300px;
  }
  .lg\:h-\[380px\] {
    height: 380px;
  }
  .lg\:h-\[460px\] {
    height: 460px;
  }
  .lg\:h-\[60px\] {
    height: 60px;
  }
  .lg\:h-\[64px\] {
    height: 64px;
  }
  .lg\:h-\[781px\] {
    height: 781px;
  }
  .lg\:h-\[80px\] {
    height: 80px;
  }
  .lg\:h-auto {
    height: auto;
  }
  .lg\:h-full {
    height: 100%;
  }
  .lg\:max-h-\[80vh\] {
    max-height: 80vh;
  }
  .lg\:max-h-\[calc\(100vh-32px\)\] {
    max-height: calc(100vh - 32px);
  }
  .lg\:min-h-\[340px\] {
    min-height: 340px;
  }
  .lg\:min-h-\[676px\] {
    min-height: 676px;
  }
  .lg\:min-h-\[680px\] {
    min-height: 680px;
  }
  .lg\:w-1\/2 {
    width: 50%;
  }
  .lg\:w-\[10px\] {
    width: 10px;
  }
  .lg\:w-\[132px\] {
    width: 132px;
  }
  .lg\:w-\[148px\] {
    width: 148px;
  }
  .lg\:w-\[150px\] {
    width: 150px;
  }
  .lg\:w-\[171px\] {
    width: 171px;
  }
  .lg\:w-\[184px\] {
    width: 184px;
  }
  .lg\:w-\[200px\] {
    width: 200px;
  }
  .lg\:w-\[204px\] {
    width: 204px;
  }
  .lg\:w-\[212\.066px\] {
    width: 212.066px;
  }
  .lg\:w-\[221px\] {
    width: 221px;
  }
  .lg\:w-\[256px\] {
    width: 256px;
  }
  .lg\:w-\[280px\] {
    width: 280px;
  }
  .lg\:w-\[300px\] {
    width: 300px;
  }
  .lg\:w-\[333px\] {
    width: 333px;
  }
  .lg\:w-\[360px\] {
    width: 360px;
  }
  .lg\:w-\[397px\] {
    width: 397px;
  }
  .lg\:w-\[400px\] {
    width: 400px;
  }
  .lg\:w-\[430px\] {
    width: 430px;
  }
  .lg\:w-\[460px\] {
    width: 460px;
  }
  .lg\:w-\[520px\] {
    width: 520px;
  }
  .lg\:w-\[552px\] {
    width: 552px;
  }
  .lg\:w-\[64px\] {
    width: 64px;
  }
  .lg\:w-\[900px\] {
    width: 900px;
  }
  .lg\:w-auto {
    width: auto;
  }
  .lg\:min-w-\[135px\] {
    min-width: 135px;
  }
  .lg\:min-w-\[150px\] {
    min-width: 150px;
  }
  .lg\:min-w-\[254px\] {
    min-width: 254px;
  }
  .lg\:max-w-4xl {
    max-width: 56rem;
  }
  .lg\:max-w-\[1060px\] {
    max-width: 1060px;
  }
  .lg\:max-w-\[1200px\] {
    max-width: 1200px;
  }
  .lg\:max-w-\[1352px\] {
    max-width: 1352px;
  }
  .lg\:max-w-\[256px\] {
    max-width: 256px;
  }
  .lg\:max-w-\[340px\] {
    max-width: 340px;
  }
  .lg\:max-w-\[400px\] {
    max-width: 400px;
  }
  .lg\:max-w-\[412px\] {
    max-width: 412px;
  }
  .lg\:max-w-\[416px\] {
    max-width: 416px;
  }
  .lg\:max-w-\[438px\] {
    max-width: 438px;
  }
  .lg\:max-w-\[540px\] {
    max-width: 540px;
  }
  .lg\:max-w-\[649px\] {
    max-width: 649px;
  }
  .lg\:max-w-\[658px\] {
    max-width: 658px;
  }
  .lg\:max-w-\[664px\] {
    max-width: 664px;
  }
  .lg\:max-w-\[706px\] {
    max-width: 706px;
  }
  .lg\:max-w-\[720px\] {
    max-width: 720px;
  }
  .lg\:max-w-\[788px\] {
    max-width: 788px;
  }
  .lg\:max-w-\[800px\] {
    max-width: 800px;
  }
  .lg\:max-w-\[832px\] {
    max-width: 832px;
  }
  .lg\:max-w-\[894px\] {
    max-width: 894px;
  }
  .lg\:max-w-\[900px\] {
    max-width: 900px;
  }
  .lg\:max-w-\[calc\(100vw-32px\)\] {
    max-width: calc(100vw - 32px);
  }
  .lg\:max-w-none {
    max-width: none;
  }
  .lg\:flex-1 {
    flex: 1 1 0%;
  }
  .lg\:flex-none {
    flex: none;
  }
  .lg\:flex-shrink {
    flex-shrink: 1;
  }
  .lg\:flex-shrink-0 {
    flex-shrink: 0;
  }
  .lg\:shrink-0 {
    flex-shrink: 0;
  }
  .lg\:grow-0 {
    flex-grow: 0;
  }
  .lg\:-translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .lg\:-translate-y-1\/2 {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .lg\:translate-y-0 {
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .lg\:scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .lg\:scale-95 {
    --tw-scale-x: .95;
    --tw-scale-y: .95;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .lg\:scale-\[1\.2\] {
    --tw-scale-x: 1.2;
    --tw-scale-y: 1.2;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .lg\:animate-none {
    animation: none;
  }
  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .lg\:flex-row {
    flex-direction: row;
  }
  .lg\:flex-col {
    flex-direction: column;
  }
  .lg\:items-start {
    align-items: flex-start;
  }
  .lg\:items-center {
    align-items: center;
  }
  .lg\:justify-center {
    justify-content: center;
  }
  .lg\:justify-between {
    justify-content: space-between;
  }
  .lg\:gap-0 {
    gap: 0px;
  }
  .lg\:gap-10 {
    gap: 2.5rem;
  }
  .lg\:gap-12 {
    gap: 3rem;
  }
  .lg\:gap-2 {
    gap: 0.5rem;
  }
  .lg\:gap-4 {
    gap: 1rem;
  }
  .lg\:gap-5 {
    gap: 1.25rem;
  }
  .lg\:gap-6 {
    gap: 1.5rem;
  }
  .lg\:gap-8 {
    gap: 2rem;
  }
  .lg\:gap-\[16px\] {
    gap: 16px;
  }
  .lg\:gap-\[17px\] {
    gap: 17px;
  }
  .lg\:gap-\[18px\] {
    gap: 18px;
  }
  .lg\:gap-\[20px\] {
    gap: 20px;
  }
  .lg\:gap-\[28\.918px\] {
    gap: 28.918px;
  }
  .lg\:gap-\[32px\] {
    gap: 32px;
  }
  .lg\:gap-\[52px\] {
    gap: 52px;
  }
  .lg\:gap-x-6 {
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }
  .lg\:overflow-hidden {
    overflow: hidden;
  }
  .lg\:overflow-visible {
    overflow: visible;
  }
  .lg\:overflow-y-auto {
    overflow-y: auto;
  }
  .lg\:rounded-20 {
    border-radius: 20px;
  }
  .lg\:rounded-28 {
    border-radius: 28px;
  }
  .lg\:rounded-3xl {
    border-radius: 1.5rem;
  }
  .lg\:rounded-\[28px\] {
    border-radius: 28px;
  }
  .lg\:border-b-0 {
    border-bottom-width: 0px;
  }
  .lg\:border-l {
    border-left-width: 1px;
  }
  .lg\:border-t-0 {
    border-top-width: 0px;
  }
  .lg\:border-\[\#d7d7da\] {
    --tw-border-opacity: 1;
    border-color: rgb(215 215 218 / var(--tw-border-opacity));
  }
  .lg\:border-\[rgba\(37\2c 37\2c 37\2c 0\.15\)\] {
    border-color: rgba(37,37,37,0.15);
  }
  .lg\:from-\[\#530c18\] {
    --tw-gradient-from: #530c18 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(83 12 24 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .lg\:from-\[10\.116\%\] {
    --tw-gradient-from-position: 10.116%;
  }
  .lg\:via-\[\#e4c8ad\] {
    --tw-gradient-to: rgb(228 200 173 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #e4c8ad var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .lg\:via-\[74\.144\%\] {
    --tw-gradient-via-position: 74.144%;
  }
  .lg\:to-\[\#eed7c1\] {
    --tw-gradient-to: #eed7c1 var(--tw-gradient-to-position);
  }
  .lg\:to-\[101\.98\%\] {
    --tw-gradient-to-position: 101.98%;
  }
  .lg\:p-10 {
    padding: 2.5rem;
  }
  .lg\:p-12 {
    padding: 3rem;
  }
  .lg\:p-6 {
    padding: 1.5rem;
  }
  .lg\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .lg\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .lg\:px-11 {
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
  .lg\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .lg\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }
  .lg\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .lg\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .lg\:px-\[30px\] {
    padding-left: 30px;
    padding-right: 30px;
  }
  .lg\:px-\[44px\] {
    padding-left: 44px;
    padding-right: 44px;
  }
  .lg\:px-\[8px\] {
    padding-left: 8px;
    padding-right: 8px;
  }
  .lg\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .lg\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .lg\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .lg\:py-30 {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
  }
  .lg\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .lg\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .lg\:py-\[60px\] {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .lg\:pb-0 {
    padding-bottom: 0px;
  }
  .lg\:pb-10 {
    padding-bottom: 2.5rem;
  }
  .lg\:pl-10 {
    padding-left: 2.5rem;
  }
  .lg\:pl-\[40px\] {
    padding-left: 40px;
  }
  .lg\:pl-\[44px\] {
    padding-left: 44px;
  }
  .lg\:pl-\[509px\] {
    padding-left: 509px;
  }
  .lg\:pr-10 {
    padding-right: 2.5rem;
  }
  .lg\:pr-\[30px\] {
    padding-right: 30px;
  }
  .lg\:pt-0 {
    padding-top: 0px;
  }
  .lg\:pt-10 {
    padding-top: 2.5rem;
  }
  .lg\:pt-15 {
    padding-top: 3.75rem;
  }
  .lg\:pt-8 {
    padding-top: 2rem;
  }
  .lg\:pt-\[120px\] {
    padding-top: 120px;
  }
  .lg\:pt-\[60px\] {
    padding-top: 60px;
  }
  .lg\:text-left {
    text-align: left;
  }
  .lg\:text-center {
    text-align: center;
  }
  .lg\:text-\[14px\] {
    font-size: 14px;
  }
  .lg\:text-\[16px\] {
    font-size: 16px;
  }
  .lg\:text-\[18px\] {
    font-size: 18px;
  }
  .lg\:text-\[20px\] {
    font-size: 20px;
  }
  .lg\:text-\[24px\] {
    font-size: 24px;
  }
  .lg\:text-\[32px\] {
    font-size: 32px;
  }
  .lg\:text-\[40px\] {
    font-size: 40px;
  }
  .lg\:text-body-14 {
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: -0.02px;
    font-weight: 400;
  }
  .lg\:text-body-16 {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: normal;
    font-weight: 400;
  }
  .lg\:text-body-18 {
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 0.12px;
    font-weight: 400;
  }
  .lg\:text-body-20 {
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 0.16px;
    font-weight: 400;
  }
  .lg\:text-display-36 {
    font-size: 36px;
    line-height: 1;
    letter-spacing: -1.08px;
    font-weight: 500;
  }
  .lg\:text-display-40 {
    font-size: 40px;
    line-height: 1;
    letter-spacing: -1.2px;
    font-weight: 500;
  }
  .lg\:text-display-48 {
    font-size: 48px;
    line-height: 1;
    letter-spacing: -1.44px;
    font-weight: 500;
  }
  .lg\:text-display-60 {
    font-size: 60px;
    line-height: 1;
    letter-spacing: -1.8px;
    font-weight: 500;
  }
  .lg\:text-display-68 {
    font-size: 68px;
    line-height: 0.98;
    letter-spacing: -2.04px;
    font-weight: 500;
  }
  .lg\:text-display-72 {
    font-size: 72px;
    line-height: 0.98;
    letter-spacing: -2.16px;
    font-weight: 500;
  }
  .lg\:text-eyebrow-lg {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 2.56px;
    font-weight: 500;
  }
  .lg\:text-eyebrow-md {
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 2.52px;
    font-weight: 500;
  }
  .lg\:text-headline-28 {
    font-size: 28px;
    line-height: 1.1;
    letter-spacing: -0.284px;
    font-weight: 700;
  }
  .lg\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .lg\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .lg\:font-bold {
    font-weight: 700;
  }
  .lg\:font-normal {
    font-weight: 400;
  }
  .lg\:leading-5 {
    line-height: 1.25rem;
  }
  .lg\:leading-\[1\.1\] {
    line-height: 1.1;
  }
  .lg\:leading-\[1\.4\] {
    line-height: 1.4;
  }
  .lg\:leading-\[1\.6\] {
    line-height: 1.6;
  }
  .lg\:leading-\[42px\] {
    line-height: 42px;
  }
  .lg\:leading-normal {
    line-height: 1.5;
  }
  .lg\:tracking-\[-0\.6px\] {
    letter-spacing: -0.6px;
  }
  .lg\:tracking-\[-0\.72px\] {
    letter-spacing: -0.72px;
  }
  .lg\:tracking-\[-1\.2px\] {
    letter-spacing: -1.2px;
  }
  .lg\:opacity-0 {
    opacity: 0;
  }
  .lg\:opacity-100 {
    opacity: 1;
  }
  .lg\:shadow-\[0_20px_40px_rgba\(0\2c 0\2c 0\2c 0\.15\)\] {
    --tw-shadow: 0 20px 40px rgba(0,0,0,0.15);
    --tw-shadow-colored: 0 20px 40px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .lg\:shadow-\[0px_100px_80px_rgba\(0\2c 0\2c 0\2c 0\.07\)\2c 0px_65px_47px_rgba\(0\2c 0\2c 0\2c 0\.05\)\2c 0px_39px_25px_rgba\(0\2c 0\2c 0\2c 0\.04\)\2c 0px_20px_13px_rgba\(0\2c 0\2c 0\2c 0\.04\)\2c 0px_8px_7px_rgba\(0\2c 0\2c 0\2c 0\.03\)\2c 0px_2px_3px_rgba\(0\2c 0\2c 0\2c 0\.02\)\] {
    --tw-shadow: 0px 100px 80px rgba(0,0,0,0.07),0px 65px 47px rgba(0,0,0,0.05),0px 39px 25px rgba(0,0,0,0.04),0px 20px 13px rgba(0,0,0,0.04),0px 8px 7px rgba(0,0,0,0.03),0px 2px 3px rgba(0,0,0,0.02);
    --tw-shadow-colored: 0px 100px 80px var(--tw-shadow-color), 0px 65px 47px var(--tw-shadow-color), 0px 39px 25px var(--tw-shadow-color), 0px 20px 13px var(--tw-shadow-color), 0px 8px 7px var(--tw-shadow-color), 0px 2px 3px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}

@media (min-width: 1120px) {
  .min-\[1120px\]\:w-\[152px\] {
    width: 152px;
  }
  .min-\[1120px\]\:max-w-\[1064px\] {
    max-width: 1064px;
  }
  .min-\[1120px\]\:flex-1 {
    flex: 1 1 0%;
  }
  .min-\[1120px\]\:flex-initial {
    flex: 0 1 auto;
  }
  .min-\[1120px\]\:flex-row {
    flex-direction: row;
  }
  .min-\[1120px\]\:flex-col {
    flex-direction: column;
  }
  .min-\[1120px\]\:items-center {
    align-items: center;
  }
  .min-\[1120px\]\:gap-5 {
    gap: 1.25rem;
  }
  .min-\[1120px\]\:p-6 {
    padding: 1.5rem;
  }
  .min-\[1120px\]\:text-center {
    text-align: center;
  }
}

@media (min-width: 1280px) {
  .xl\:relative {
    position: relative;
  }
  .xl\:sticky {
    position: sticky;
  }
  .xl\:-right-2 {
    right: -0.5rem;
  }
  .xl\:bottom-\[40px\] {
    bottom: 40px;
  }
  .xl\:left-8 {
    left: 2rem;
  }
  .xl\:left-\[-30px\] {
    left: -30px;
  }
  .xl\:left-\[30px\] {
    left: 30px;
  }
  .xl\:right-\[20px\] {
    right: 20px;
  }
  .xl\:right-\[30px\] {
    right: 30px;
  }
  .xl\:top-5 {
    top: 1.25rem;
  }
  .xl\:top-8 {
    top: 2rem;
  }
  .xl\:top-\[112px\] {
    top: 112px;
  }
  .xl\:top-\[135px\] {
    top: 135px;
  }
  .xl\:top-\[30px\] {
    top: 30px;
  }
  .xl\:top-\[6\.86\%\] {
    top: 6.86%;
  }
  .xl\:top-\[9\.15\%\] {
    top: 9.15%;
  }
  .xl\:order-first {
    order: -9999;
  }
  .xl\:order-last {
    order: 9999;
  }
  .xl\:col-start-1 {
    grid-column-start: 1;
  }
  .xl\:col-start-2 {
    grid-column-start: 2;
  }
  .xl\:row-span-2 {
    grid-row: span 2 / span 2;
  }
  .xl\:row-start-1 {
    grid-row-start: 1;
  }
  .xl\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .xl\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .xl\:-mt-4 {
    margin-top: -1rem;
  }
  .xl\:mb-16 {
    margin-bottom: 4rem;
  }
  .xl\:mb-2 {
    margin-bottom: 0.5rem;
  }
  .xl\:mb-20 {
    margin-bottom: 5rem;
  }
  .xl\:mb-5 {
    margin-bottom: 1.25rem;
  }
  .xl\:mb-\[19px\] {
    margin-bottom: 19px;
  }
  .xl\:ml-0 {
    margin-left: 0px;
  }
  .xl\:ml-auto {
    margin-left: auto;
  }
  .xl\:mr-0 {
    margin-right: 0px;
  }
  .xl\:mr-4 {
    margin-right: 1rem;
  }
  .xl\:mr-7 {
    margin-right: 1.75rem;
  }
  .xl\:mt-0 {
    margin-top: 0px;
  }
  .xl\:mt-4 {
    margin-top: 1rem;
  }
  .xl\:mt-6 {
    margin-top: 1.5rem;
  }
  .xl\:mt-7 {
    margin-top: 1.75rem;
  }
  .xl\:mt-8 {
    margin-top: 2rem;
  }
  .xl\:mt-\[20px\] {
    margin-top: 20px;
  }
  .xl\:mt-\[60px\] {
    margin-top: 60px;
  }
  .xl\:block {
    display: block;
  }
  .xl\:flex {
    display: flex;
  }
  .xl\:grid {
    display: grid;
  }
  .xl\:hidden {
    display: none;
  }
  .xl\:aspect-\[780\/587\] {
    aspect-ratio: 780/587;
  }
  .xl\:size-6 {
    width: 1.5rem;
    height: 1.5rem;
  }
  .xl\:size-\[130px\] {
    width: 130px;
    height: 130px;
  }
  .xl\:\!h-20 {
    height: 5rem !important;
  }
  .xl\:\!h-\[52px\] {
    height: 52px !important;
  }
  .xl\:h-\[111px\] {
    height: 111px;
  }
  .xl\:h-\[120px\] {
    height: 120px;
  }
  .xl\:h-\[132px\] {
    height: 132px;
  }
  .xl\:h-\[220px\] {
    height: 220px;
  }
  .xl\:h-\[280px\] {
    height: 280px;
  }
  .xl\:h-\[300px\] {
    height: 300px;
  }
  .xl\:h-\[32px\] {
    height: 32px;
  }
  .xl\:h-\[336px\] {
    height: 336px;
  }
  .xl\:h-\[400px\] {
    height: 400px;
  }
  .xl\:h-\[484px\] {
    height: 484px;
  }
  .xl\:h-\[509px\] {
    height: 509px;
  }
  .xl\:h-\[555px\] {
    height: 555px;
  }
  .xl\:h-\[605px\] {
    height: 605px;
  }
  .xl\:h-\[650px\] {
    height: 650px;
  }
  .xl\:h-\[664px\] {
    height: 664px;
  }
  .xl\:min-h-\[340px\] {
    min-height: 340px;
  }
  .xl\:min-h-\[52px\] {
    min-height: 52px;
  }
  .xl\:min-h-\[730px\] {
    min-height: 730px;
  }
  .xl\:\!w-20 {
    width: 5rem !important;
  }
  .xl\:w-1\/2 {
    width: 50%;
  }
  .xl\:w-20 {
    width: 5rem;
  }
  .xl\:w-\[200px\] {
    width: 200px;
  }
  .xl\:w-\[212\.066px\] {
    width: 212.066px;
  }
  .xl\:w-\[220px\] {
    width: 220px;
  }
  .xl\:w-\[256px\] {
    width: 256px;
  }
  .xl\:w-\[260px\] {
    width: 260px;
  }
  .xl\:w-\[280px\] {
    width: 280px;
  }
  .xl\:w-\[320px\] {
    width: 320px;
  }
  .xl\:w-\[324px\] {
    width: 324px;
  }
  .xl\:w-\[437px\] {
    width: 437px;
  }
  .xl\:w-\[48\%\] {
    width: 48%;
  }
  .xl\:w-\[480px\] {
    width: 480px;
  }
  .xl\:w-\[509px\] {
    width: 509px;
  }
  .xl\:w-\[584px\] {
    width: 584px;
  }
  .xl\:w-\[605px\] {
    width: 605px;
  }
  .xl\:w-\[647px\] {
    width: 647px;
  }
  .xl\:w-\[85\%\] {
    width: 85%;
  }
  .xl\:w-auto {
    width: auto;
  }
  .xl\:w-full {
    width: 100%;
  }
  .xl\:max-w-\[1116px\] {
    max-width: 1116px;
  }
  .xl\:max-w-\[1124px\] {
    max-width: 1124px;
  }
  .xl\:max-w-\[1192px\] {
    max-width: 1192px;
  }
  .xl\:max-w-\[1440px\] {
    max-width: 1440px;
  }
  .xl\:max-w-\[355px\] {
    max-width: 355px;
  }
  .xl\:max-w-\[400px\] {
    max-width: 400px;
  }
  .xl\:max-w-\[425px\] {
    max-width: 425px;
  }
  .xl\:max-w-\[496px\] {
    max-width: 496px;
  }
  .xl\:max-w-\[520px\] {
    max-width: 520px;
  }
  .xl\:max-w-\[524px\] {
    max-width: 524px;
  }
  .xl\:max-w-\[527px\] {
    max-width: 527px;
  }
  .xl\:max-w-\[605px\] {
    max-width: 605px;
  }
  .xl\:max-w-\[647px\] {
    max-width: 647px;
  }
  .xl\:max-w-\[710px\] {
    max-width: 710px;
  }
  .xl\:max-w-\[832px\] {
    max-width: 832px;
  }
  .xl\:max-w-\[888px\] {
    max-width: 888px;
  }
  .xl\:max-w-\[894px\] {
    max-width: 894px;
  }
  .xl\:max-w-full {
    max-width: 100%;
  }
  .xl\:max-w-none {
    max-width: none;
  }
  .xl\:flex-1 {
    flex: 1 1 0%;
  }
  .xl\:flex-none {
    flex: none;
  }
  .xl\:shrink-0 {
    flex-shrink: 0;
  }
  .xl\:grow-0 {
    flex-grow: 0;
  }
  .xl\:basis-1\/2 {
    flex-basis: 50%;
  }
  .xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .xl\:flex-row {
    flex-direction: row;
  }
  .xl\:flex-row-reverse {
    flex-direction: row-reverse;
  }
  .xl\:flex-col {
    flex-direction: column;
  }
  .xl\:flex-nowrap {
    flex-wrap: nowrap;
  }
  .xl\:items-start {
    align-items: flex-start;
  }
  .xl\:items-end {
    align-items: flex-end;
  }
  .xl\:items-center {
    align-items: center;
  }
  .xl\:justify-start {
    justify-content: flex-start;
  }
  .xl\:justify-end {
    justify-content: flex-end;
  }
  .xl\:justify-center {
    justify-content: center;
  }
  .xl\:justify-between {
    justify-content: space-between;
  }
  .xl\:gap-10 {
    gap: 2.5rem;
  }
  .xl\:gap-12 {
    gap: 3rem;
  }
  .xl\:gap-15 {
    gap: 3.75rem;
  }
  .xl\:gap-20 {
    gap: 5rem;
  }
  .xl\:gap-4 {
    gap: 1rem;
  }
  .xl\:gap-6 {
    gap: 1.5rem;
  }
  .xl\:gap-8 {
    gap: 2rem;
  }
  .xl\:gap-\[12px\] {
    gap: 12px;
  }
  .xl\:gap-\[16px\] {
    gap: 16px;
  }
  .xl\:gap-\[18px\] {
    gap: 18px;
  }
  .xl\:gap-\[28\.918px\] {
    gap: 28.918px;
  }
  .xl\:gap-\[28px\] {
    gap: 28px;
  }
  .xl\:gap-\[40px\] {
    gap: 40px;
  }
  .xl\:gap-x-0 {
    -moz-column-gap: 0px;
         column-gap: 0px;
  }
  .xl\:gap-x-8 {
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
  .xl\:gap-x-\[40px\] {
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
  .xl\:self-start {
    align-self: flex-start;
  }
  .xl\:overflow-hidden {
    overflow: hidden;
  }
  .xl\:overflow-visible {
    overflow: visible;
  }
  .xl\:overflow-x-clip {
    overflow-x: clip;
  }
  .xl\:rounded-20 {
    border-radius: 20px;
  }
  .xl\:rounded-24 {
    border-radius: 24px;
  }
  .xl\:rounded-28 {
    border-radius: 28px;
  }
  .xl\:rounded-3xl {
    border-radius: 1.5rem;
  }
  .xl\:rounded-\[16px\] {
    border-radius: 16px;
  }
  .xl\:rounded-\[20px\] {
    border-radius: 20px;
  }
  .xl\:rounded-\[24px\] {
    border-radius: 24px;
  }
  .xl\:rounded-\[28px\] {
    border-radius: 28px;
  }
  .xl\:rounded-none {
    border-radius: 0px;
  }
  .xl\:rounded-b-3xl {
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
  }
  .xl\:border-\[1\.5px\] {
    border-width: 1.5px;
  }
  .xl\:border-y {
    border-top-width: 1px;
    border-bottom-width: 1px;
  }
  .xl\:border-l {
    border-left-width: 1px;
  }
  .xl\:border-t {
    border-top-width: 1px;
  }
  .xl\:border-t-0 {
    border-top-width: 0px;
  }
  .xl\:border-\[rgba\(37\2c 37\2c 37\2c 0\.15\)\] {
    border-color: rgba(37,37,37,0.15);
  }
  .xl\:border-charcoal-200 {
    --tw-border-opacity: 1;
    border-color: rgb(215 215 218 / var(--tw-border-opacity));
  }
  .xl\:bg-surface-warm {
    --tw-bg-opacity: 1;
    background-color: rgb(249 246 246 / var(--tw-bg-opacity));
  }
  .xl\:bg-transparent {
    background-color: transparent;
  }
  .xl\:p-0 {
    padding: 0px;
  }
  .xl\:p-10 {
    padding: 2.5rem;
  }
  .xl\:p-4 {
    padding: 1rem;
  }
  .xl\:p-\[64px_80px_80px\] {
    padding: 64px 80px 80px;
  }
  .xl\:\!px-6 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .xl\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .xl\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .xl\:px-11 {
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
  .xl\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .xl\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .xl\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .xl\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .xl\:px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
  .xl\:px-\[101px\] {
    padding-left: 101px;
    padding-right: 101px;
  }
  .xl\:px-\[20px\] {
    padding-left: 20px;
    padding-right: 20px;
  }
  .xl\:px-\[44px\] {
    padding-left: 44px;
    padding-right: 44px;
  }
  .xl\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .xl\:py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
  .xl\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .xl\:py-2\.5 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
  .xl\:py-\[120px\] {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .xl\:py-\[20px\] {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .xl\:py-\[48px\] {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .xl\:py-\[93px\] {
    padding-top: 93px;
    padding-bottom: 93px;
  }
  .xl\:pb-0 {
    padding-bottom: 0px;
  }
  .xl\:pb-10 {
    padding-bottom: 2.5rem;
  }
  .xl\:pb-12 {
    padding-bottom: 3rem;
  }
  .xl\:pb-20 {
    padding-bottom: 5rem;
  }
  .xl\:pb-4 {
    padding-bottom: 1rem;
  }
  .xl\:pl-0 {
    padding-left: 0px;
  }
  .xl\:pl-2\.5 {
    padding-left: 0.625rem;
  }
  .xl\:pl-20 {
    padding-left: 5rem;
  }
  .xl\:pl-25 {
    padding-left: 6.25rem;
  }
  .xl\:pl-\[462px\] {
    padding-left: 462px;
  }
  .xl\:pr-0 {
    padding-right: 0px;
  }
  .xl\:pr-10 {
    padding-right: 2.5rem;
  }
  .xl\:pr-9 {
    padding-right: 2.25rem;
  }
  .xl\:pr-\[78px\] {
    padding-right: 78px;
  }
  .xl\:pt-0 {
    padding-top: 0px;
  }
  .xl\:pt-10 {
    padding-top: 2.5rem;
  }
  .xl\:pt-20 {
    padding-top: 5rem;
  }
  .xl\:pt-5 {
    padding-top: 1.25rem;
  }
  .xl\:pt-8 {
    padding-top: 2rem;
  }
  .xl\:pt-\[10px\] {
    padding-top: 10px;
  }
  .xl\:pt-\[153px\] {
    padding-top: 153px;
  }
  .xl\:pt-\[60px\] {
    padding-top: 60px;
  }
  .xl\:text-left {
    text-align: left;
  }
  .xl\:text-center {
    text-align: center;
  }
  .xl\:text-right {
    text-align: right;
  }
  .xl\:text-\[14px\] {
    font-size: 14px;
  }
  .xl\:text-\[16px\] {
    font-size: 16px;
  }
  .xl\:text-\[18px\] {
    font-size: 18px;
  }
  .xl\:text-\[20px\] {
    font-size: 20px;
  }
  .xl\:text-\[36px\] {
    font-size: 36px;
  }
  .xl\:text-\[40px\] {
    font-size: 40px;
  }
  .xl\:text-\[44px\] {
    font-size: 44px;
  }
  .xl\:text-\[52px\] {
    font-size: 52px;
  }
  .xl\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .xl\:text-body-14 {
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: -0.02px;
    font-weight: 400;
  }
  .xl\:text-body-16 {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: normal;
    font-weight: 400;
  }
  .xl\:text-body-18 {
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 0.12px;
    font-weight: 400;
  }
  .xl\:text-body-20 {
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 0.16px;
    font-weight: 400;
  }
  .xl\:text-display-36 {
    font-size: 36px;
    line-height: 1;
    letter-spacing: -1.08px;
    font-weight: 500;
  }
  .xl\:text-display-40 {
    font-size: 40px;
    line-height: 1;
    letter-spacing: -1.2px;
    font-weight: 500;
  }
  .xl\:text-display-60 {
    font-size: 60px;
    line-height: 1;
    letter-spacing: -1.8px;
    font-weight: 500;
  }
  .xl\:text-display-68 {
    font-size: 68px;
    line-height: 0.98;
    letter-spacing: -2.04px;
    font-weight: 500;
  }
  .xl\:text-display-72 {
    font-size: 72px;
    line-height: 0.98;
    letter-spacing: -2.16px;
    font-weight: 500;
  }
  .xl\:text-eyebrow-lg {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 2.56px;
    font-weight: 500;
  }
  .xl\:text-eyebrow-md {
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 2.52px;
    font-weight: 500;
  }
  .xl\:text-eyebrow-sm {
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 2.4px;
    font-weight: 500;
  }
  .xl\:text-headline-18 {
    font-size: 18px;
    line-height: 1.12;
    letter-spacing: -0.54px;
    font-weight: 700;
  }
  .xl\:text-headline-20 {
    font-size: 20px;
    line-height: 1.12;
    letter-spacing: -0.5px;
    font-weight: 700;
  }
  .xl\:text-headline-32 {
    font-size: 32px;
    line-height: 1.1;
    letter-spacing: -0.2px;
    font-weight: 700;
  }
  .xl\:text-headline-36 {
    font-size: 36px;
    line-height: 1.1;
    letter-spacing: -0.18px;
    font-weight: 700;
  }
  .xl\:text-headline-44 {
    font-size: 44px;
    line-height: 1.1;
    letter-spacing: -0.2px;
    font-weight: 700;
  }
  .xl\:font-bold {
    font-weight: 700;
  }
  .xl\:font-semibold {
    font-weight: 600;
  }
  .xl\:leading-7 {
    line-height: 1.75rem;
  }
  .xl\:leading-\[1\.12\] {
    line-height: 1.12;
  }
  .xl\:leading-\[1\.4\] {
    line-height: 1.4;
  }
  .xl\:leading-\[22px\] {
    line-height: 22px;
  }
  .xl\:leading-none {
    line-height: 1;
  }
  .xl\:leading-normal {
    line-height: 1.5;
  }
  .xl\:tracking-\[-0\.2px\] {
    letter-spacing: -0.2px;
  }
  .xl\:tracking-\[-0\.48px\] {
    letter-spacing: -0.48px;
  }
  .xl\:tracking-\[-0\.54px\] {
    letter-spacing: -0.54px;
  }
  .xl\:tracking-\[-0\.6px\] {
    letter-spacing: -0.6px;
  }
  .xl\:tracking-\[-0\.88px\] {
    letter-spacing: -0.88px;
  }
  .xl\:tracking-\[-1\.2px\] {
    letter-spacing: -1.2px;
  }
  .xl\:tracking-\[-1\.56px\] {
    letter-spacing: -1.56px;
  }
  .xl\:tracking-\[0\.1px\] {
    letter-spacing: 0.1px;
  }
  .xl\:tracking-\[2\.52px\] {
    letter-spacing: 2.52px;
  }
  .xl\:tracking-\[2\.56px\] {
    letter-spacing: 2.56px;
  }
  .xl\:tracking-normal {
    letter-spacing: 0em;
  }
  .xl\:text-charcoal-600 {
    --tw-text-opacity: 1;
    color: rgb(37 37 37 / var(--tw-text-opacity));
  }
  .xl\:shadow-none {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .xl\:after\:absolute::after {
    content: var(--tw-content);
    position: absolute;
  }
  .xl\:after\:inset-y-0::after {
    content: var(--tw-content);
    top: 0px;
    bottom: 0px;
  }
  .xl\:after\:left-full::after {
    content: var(--tw-content);
    left: 100%;
  }
  .xl\:after\:w-screen::after {
    content: var(--tw-content);
    width: 100vw;
  }
  .xl\:after\:bg-surface-warm::after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(249 246 246 / var(--tw-bg-opacity));
  }
  .xl\:after\:content-\[\'\'\]::after {
    --tw-content: '';
    content: var(--tw-content);
  }
  .min-\[1280px\]\:mb-10 {
    margin-bottom: 2.5rem;
  }
  .min-\[1280px\]\:mt-2 {
    margin-top: 0.5rem;
  }
  .min-\[1280px\]\:\!w-\[280px\] {
    width: 280px !important;
  }
  .min-\[1280px\]\:w-\[280px\] {
    width: 280px;
  }
  .min-\[1280px\]\:max-w-\[1192px\] {
    max-width: 1192px;
  }
  .min-\[1280px\]\:max-w-\[280px\] {
    max-width: 280px;
  }
  .min-\[1280px\]\:max-w-\[666px\] {
    max-width: 666px;
  }
  .min-\[1280px\]\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .min-\[1280px\]\:grid-cols-\[repeat\(2\2c 280px\)\] {
    grid-template-columns: repeat(2,280px);
  }
  .min-\[1280px\]\:grid-cols-\[repeat\(3\2c 280px\)\] {
    grid-template-columns: repeat(3,280px);
  }
  .min-\[1280px\]\:grid-cols-\[repeat\(4\2c 280px\)\] {
    grid-template-columns: repeat(4,280px);
  }
  .min-\[1280px\]\:pb-0 {
    padding-bottom: 0px;
  }
  .min-\[1280px\]\:text-eyebrow-lg {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 2.56px;
    font-weight: 500;
  }
  .min-\[1280px\]\:text-headline-44 {
    font-size: 44px;
    line-height: 1.1;
    letter-spacing: -0.2px;
    font-weight: 700;
  }
}

@media (min-width: 1440px) {
  .\32xl\:sticky {
    position: sticky;
  }
  .\32xl\:top-10 {
    top: 2.5rem;
  }
  .\32xl\:my-\[42px\] {
    margin-top: 42px;
    margin-bottom: 42px;
  }
  .\32xl\:mb-10 {
    margin-bottom: 2.5rem;
  }
  .\32xl\:block {
    display: block;
  }
  .\32xl\:grid {
    display: grid;
  }
  .\32xl\:hidden {
    display: none;
  }
  .\32xl\:h-\[228px\] {
    height: 228px;
  }
  .\32xl\:h-\[550px\] {
    height: 550px;
  }
  .\32xl\:h-\[646px\] {
    height: 646px;
  }
  .\32xl\:w-\[210px\] {
    width: 210px;
  }
  .\32xl\:w-\[221px\] {
    width: 221px;
  }
  .\32xl\:w-\[550px\] {
    width: 550px;
  }
  .\32xl\:w-\[646px\] {
    width: 646px;
  }
  .\32xl\:w-\[670px\] {
    width: 670px;
  }
  .\32xl\:w-\[768px\] {
    width: 768px;
  }
  .\32xl\:max-w-\[1008px\] {
    max-width: 1008px;
  }
  .\32xl\:max-w-\[1124px\] {
    max-width: 1124px;
  }
  .\32xl\:max-w-\[1352px\] {
    max-width: 1352px;
  }
  .\32xl\:max-w-\[403px\] {
    max-width: 403px;
  }
  .\32xl\:max-w-\[646px\] {
    max-width: 646px;
  }
  .\32xl\:max-w-none {
    max-width: none;
  }
  .\32xl\:max-w-screen-2xl {
    max-width: 1440px;
  }
  .\32xl\:grid-cols-\[480px_1fr\] {
    grid-template-columns: 480px 1fr;
  }
  .\32xl\:items-start {
    align-items: flex-start;
  }
  .\32xl\:gap-10 {
    gap: 2.5rem;
  }
  .\32xl\:gap-14 {
    gap: 3.5rem;
  }
  .\32xl\:gap-16 {
    gap: 4rem;
  }
  .\32xl\:gap-\[168px\] {
    gap: 168px;
  }
  .\32xl\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .\32xl\:px-\[124px\] {
    padding-left: 124px;
    padding-right: 124px;
  }
  .\32xl\:px-\[72px\] {
    padding-left: 72px;
    padding-right: 72px;
  }
  .\32xl\:py-\[60px\] {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .\32xl\:pl-\[616px\] {
    padding-left: 616px;
  }
  .\32xl\:pt-14 {
    padding-top: 3.5rem;
  }
  .\32xl\:pt-25 {
    padding-top: 6.25rem;
  }
  .\32xl\:text-\[40px\] {
    font-size: 40px;
  }
  .\32xl\:text-display-72 {
    font-size: 72px;
    line-height: 0.98;
    letter-spacing: -2.16px;
    font-weight: 500;
  }
  .\32xl\:tracking-\[0\.2px\] {
    letter-spacing: 0.2px;
  }
  .\32xl\:tracking-\[0\.3px\] {
    letter-spacing: 0.3px;
  }
  .min-\[1440px\]\:\!w-\[320px\] {
    width: 320px !important;
  }
  .min-\[1440px\]\:w-\[320px\] {
    width: 320px;
  }
  .min-\[1440px\]\:w-\[664px\] {
    width: 664px;
  }
  .min-\[1440px\]\:max-w-\[1352px\] {
    max-width: 1352px;
  }
  .min-\[1440px\]\:max-w-\[320px\] {
    max-width: 320px;
  }
  .min-\[1440px\]\:grid-cols-\[repeat\(2\2c 320px\)\] {
    grid-template-columns: repeat(2,320px);
  }
  .min-\[1440px\]\:grid-cols-\[repeat\(3\2c 320px\)\] {
    grid-template-columns: repeat(3,320px);
  }
  .min-\[1440px\]\:grid-cols-\[repeat\(4\2c 320px\)\] {
    grid-template-columns: repeat(4,320px);
  }
}

@media (min-width: 1600px) {
  .\33xl\:px-\[124px\] {
    padding-left: 124px;
    padding-right: 124px;
  }
  .\33xl\:pl-\[44px\] {
    padding-left: 44px;
  }
}

.\[\&\.swiper-slide-thumb-active\]\:border-charcoal-600.swiper-slide-thumb-active {
  --tw-border-opacity: 1;
  border-color: rgb(37 37 37 / var(--tw-border-opacity));
}

.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
  display: none;
}

.\[\&\:nth-child\(n\+3\)\]\:mb-0:nth-child(n+3) {
  margin-bottom: 0px;
}

.\[\&\>\*\]\:ml-\[36px\]>* {
  margin-left: 36px;
}

.\[\&\>\*\]\:list-outside>* {
  list-style-position: outside;
}

.\[\&\>\*\]\:list-image-\[url\(\'data\:image\/svg\+xml\;base64\2c PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAyNCAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZyBpZD0iQ2hlY2sgIj4KICA8cGF0aCBpZD0iVmVjdG9yIiBkPSJNMSA4Ljg2NjgzTDcuOTY2NjcgMTUuNjY2N0wyMyAxIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgogIDwvZz4KPC9zdmc\+\'\)\]>* {
  list-style-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAyNCAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZyBpZD0iQ2hlY2sgIj4KICA8cGF0aCBpZD0iVmVjdG9yIiBkPSJNMSA4Ljg2NjgzTDcuOTY2NjcgMTUuNjY2N0wyMyAxIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgogIDwvZz4KPC9zdmc+');
}

.\[\&\>\*\]\:space-y-2>* > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}

.\[\&\>\*\]\:text-center>* {
  text-align: center;
}

.\[\&\>\*\]\:font-sans>* {
  font-family: Inter, Helvetica, sans-serif;
}

.\[\&\>\*\]\:font-serif>* {
  font-family: GT Alpina, serif;
}

.\[\&\>\*\]\:text-\[12px\]>* {
  font-size: 12px;
}

.\[\&\>\*\]\:text-\[14px\]>* {
  font-size: 14px;
}

.\[\&\>\*\]\:text-\[16px\]>* {
  font-size: 16px;
}

.\[\&\>\*\]\:text-\[18px\]>* {
  font-size: 18px;
}

.\[\&\>\*\]\:text-\[20px\]>* {
  font-size: 20px;
}

.\[\&\>\*\]\:text-\[24px\]>* {
  font-size: 24px;
}

.\[\&\>\*\]\:text-\[32px\]>* {
  font-size: 32px;
}

.\[\&\>\*\]\:text-\[40px\]>* {
  font-size: 40px;
}

.\[\&\>\*\]\:text-\[48px\]>* {
  font-size: 48px;
}

.\[\&\>\*\]\:text-\[64px\]>* {
  font-size: 64px;
}

.\[\&\>\*\]\:text-base>* {
  font-size: 1rem;
  line-height: 1.5rem;
}

.\[\&\>\*\]\:text-body-16>* {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: normal;
  font-weight: 400;
}

.\[\&\>\*\]\:text-lg>* {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.\[\&\>\*\]\:text-sm>* {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.\[\&\>\*\]\:text-xs>* {
  font-size: 0.75rem;
  line-height: 1rem;
}

.\[\&\>\*\]\:leading-5>* {
  line-height: 1.25rem;
}

.\[\&\>\*\]\:leading-6>* {
  line-height: 1.5rem;
}

.\[\&\>\*\]\:leading-\[14px\]>* {
  line-height: 14px;
}

.\[\&\>\*\]\:leading-\[16px\]>* {
  line-height: 16px;
}

.\[\&\>\*\]\:leading-\[17px\]>* {
  line-height: 17px;
}

.\[\&\>\*\]\:leading-\[18px\]>* {
  line-height: 18px;
}

.\[\&\>\*\]\:leading-\[20px\]>* {
  line-height: 20px;
}

.\[\&\>\*\]\:leading-\[22px\]>* {
  line-height: 22px;
}

.\[\&\>\*\]\:leading-\[24px\]>* {
  line-height: 24px;
}

.\[\&\>\*\]\:leading-\[32px\]>* {
  line-height: 32px;
}

.\[\&\>\*\]\:leading-\[40px\]>* {
  line-height: 40px;
}

.\[\&\>\*\]\:leading-\[48px\]>* {
  line-height: 48px;
}

.\[\&\>\*\]\:leading-\[56px\]>* {
  line-height: 56px;
}

.\[\&\>\*\]\:leading-\[72px\]>* {
  line-height: 72px;
}

.\[\&\>\*\]\:tracking-\[-1\.08px\]>* {
  letter-spacing: -1.08px;
}

.\[\&\>\*\]\:tracking-\[-1\.2px\]>* {
  letter-spacing: -1.2px;
}

.\[\&\>\*\]\:tracking-\[-1px\]>* {
  letter-spacing: -1px;
}

.\[\&\>\*\]\:tracking-\[-2\.16px\]>* {
  letter-spacing: -2.16px;
}

.\[\&\>\*\]\:tracking-\[0px\]>* {
  letter-spacing: 0px;
}

.\[\&\>\*\]\:text-\[\#1A1A1A\]>* {
  --tw-text-opacity: 1;
  color: rgb(26 26 26 / var(--tw-text-opacity));
}

.\[\&\>\*\]\:text-\[\#4D4D4D\]>* {
  --tw-text-opacity: 1;
  color: rgb(77 77 77 / var(--tw-text-opacity));
}

.\[\&\>\*\]\:text-zinc-900>* {
  --tw-text-opacity: 1;
  color: rgb(24 24 27 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
  .md\:\[\&\>\*\]\:text-\[14px\]>* {
    font-size: 14px;
  }
  .md\:\[\&\>\*\]\:text-\[16px\]>* {
    font-size: 16px;
  }
  .md\:\[\&\>\*\]\:text-\[18px\]>* {
    font-size: 18px;
  }
  .md\:\[\&\>\*\]\:text-\[20px\]>* {
    font-size: 20px;
  }
  .md\:\[\&\>\*\]\:text-\[24px\]>* {
    font-size: 24px;
  }
  .md\:\[\&\>\*\]\:text-\[32px\]>* {
    font-size: 32px;
  }
  .md\:\[\&\>\*\]\:text-\[40px\]>* {
    font-size: 40px;
  }
  .md\:\[\&\>\*\]\:text-\[48px\]>* {
    font-size: 48px;
  }
  .md\:\[\&\>\*\]\:text-\[64px\]>* {
    font-size: 64px;
  }
  .md\:\[\&\>\*\]\:text-\[76px\]>* {
    font-size: 76px;
  }
  .md\:\[\&\>\*\]\:text-sm>* {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .md\:\[\&\>\*\]\:leading-\[18px\]>* {
    line-height: 18px;
  }
  .md\:\[\&\>\*\]\:leading-\[20px\]>* {
    line-height: 20px;
  }
  .md\:\[\&\>\*\]\:leading-\[22px\]>* {
    line-height: 22px;
  }
  .md\:\[\&\>\*\]\:leading-\[24px\]>* {
    line-height: 24px;
  }
  .md\:\[\&\>\*\]\:leading-\[32px\]>* {
    line-height: 32px;
  }
  .md\:\[\&\>\*\]\:leading-\[40px\]>* {
    line-height: 40px;
  }
  .md\:\[\&\>\*\]\:leading-\[48px\]>* {
    line-height: 48px;
  }
  .md\:\[\&\>\*\]\:leading-\[56px\]>* {
    line-height: 56px;
  }
  .md\:\[\&\>\*\]\:leading-\[72px\]>* {
    line-height: 72px;
  }
  .md\:\[\&\>\*\]\:leading-\[84px\]>* {
    line-height: 84px;
  }
  .md\:\[\&\>\*\]\:tracking-\[-1\.08px\]>* {
    letter-spacing: -1.08px;
  }
  .md\:\[\&\>\*\]\:tracking-\[-1\.2px\]>* {
    letter-spacing: -1.2px;
  }
  .md\:\[\&\>\*\]\:tracking-\[-1\.8px\]>* {
    letter-spacing: -1.8px;
  }
  .md\:\[\&\>\*\]\:tracking-\[-2\.04px\]>* {
    letter-spacing: -2.04px;
  }
  .md\:\[\&\>\*\]\:tracking-\[-2\.16px\]>* {
    letter-spacing: -2.16px;
  }
}

@media (min-width: 1280px) {
  .xl\:\[\&\>\*\]\:text-body-20>* {
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 0.16px;
    font-weight: 400;
  }
  .xl\:\[\&\>\*\]\:tracking-\[0\.3px\]>* {
    letter-spacing: 0.3px;
  }
}

.\[\&\>div\>div\]\:flex>div>div {
  display: flex;
}

.\[\&\>div\>div\]\:cursor-pointer>div>div {
  cursor: pointer;
}

.\[\&\>div\>div\]\:items-center>div>div {
  align-items: center;
}

.\[\&\>div\>div\]\:justify-between>div>div {
  justify-content: space-between;
}

.\[\&\>div\>div\]\:text-\[20px\]>div>div {
  font-size: 20px;
}

.\[\&\>div\>div\]\:font-extrabold>div>div {
  font-weight: 800;
}

.\[\&\>div\]\:\!min-w-0>div {
  min-width: 0px !important;
}

.\[\&\>li\]\:mb-1>li {
  margin-bottom: 0.25rem;
}

.\[\&\>p\:last-child\]\:mb-0>p:last-child {
  margin-bottom: 0px;
}

.\[\&\>p\]\:m-0>p {
  margin: 0px;
}

.\[\&\>p\]\:mb-4>p {
  margin-bottom: 1rem;
}

.\[\&\>p\]\:mt-\[8px\]>p {
  margin-top: 8px;
}

.\[\&\>p\]\:text-\[14px\]>p {
  font-size: 14px;
}

.\[\&\>p\]\:font-normal>p {
  font-weight: 400;
}

.\[\&\>p\]\:leading-\[18px\]>p {
  line-height: 18px;
}

.\[\&\>p\]\:text-zinc-900>p {
  --tw-text-opacity: 1;
  color: rgb(24 24 27 / var(--tw-text-opacity));
}

.\[\&\>svg\]\:h-full>svg {
  height: 100%;
}

.\[\&\>svg\]\:w-full>svg {
  width: 100%;
}

.\[\&\>ul\>li\>ul\>li\]\:my-2>ul>li>ul>li {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.\[\&\>ul\>li\>ul\>li\]\:ml-4>ul>li>ul>li {
  margin-left: 1rem;
}

.\[\&\>ul\>li\>ul\]\:list-disc>ul>li>ul {
  list-style-type: disc;
}

.\[\&\>ul\]\:m-0>ul {
  margin: 0px;
}

.\[\&\>ul\]\:ml-4>ul {
  margin-left: 1rem;
}

.\[\&\>ul\]\:mt-2>ul {
  margin-top: 0.5rem;
}

.\[\&\>ul\]\:list-\[inherit\]>ul {
  list-style-type: inherit;
}

.\[\&\>ul\]\:list-disc>ul {
  list-style-type: disc;
}

.\[\&\>ul\]\:pl-5>ul {
  padding-left: 1.25rem;
}

.\[\&_\*\]\:\!text-\[12px\] * {
  font-size: 12px !important;
}

.\[\&_\*\]\:\!leading-\[1\.6\] * {
  line-height: 1.6 !important;
}

.\[\&_\*\]\:\!leading-normal * {
  line-height: 1.5 !important;
}

.\[\&_\.product-image-section__slide\]\:h-full .product-image-section slide {
  height: 100%;
}

.\[\&_\.product-image-section__slide\]\:w-full .product-image-section slide {
  width: 100%;
}

.\[\&_a\:hover\]\:text-charcoal-500 a:hover {
  --tw-text-opacity: 1;
  color: rgb(79 79 82 / var(--tw-text-opacity));
}

.\[\&_a\]\:flex a {
  display: flex;
}

.\[\&_a\]\:hidden a {
  display: none;
}

.\[\&_a\]\:h-6 a {
  height: 1.5rem;
}

.\[\&_a\]\:w-6 a {
  width: 1.5rem;
}

.\[\&_a\]\:items-center a {
  align-items: center;
}

.\[\&_a\]\:justify-center a {
  justify-content: center;
}

.\[\&_a\]\:text-charcoal-600 a {
  --tw-text-opacity: 1;
  color: rgb(37 37 37 / var(--tw-text-opacity));
}

.\[\&_a\]\:underline a {
  text-decoration-line: underline;
}

@media not all and (min-width: 640px) {
  .max-sm\:\[\&_a\]\:hidden a {
    display: none;
  }
}

.\[\&_button\]\:hidden button {
  display: none;
}

.\[\&_h1\]\:mb-4 h1 {
  margin-bottom: 1rem;
}

.\[\&_h1\]\:font-mono h1 {
  font-family: Geist Mono, monospace;
}

.\[\&_h1\]\:text-eyebrow-lg h1 {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 2.56px;
  font-weight: 500;
}

.\[\&_h1\]\:uppercase h1 {
  text-transform: uppercase;
}

.\[\&_h1\]\:text-charcoal-600 h1 {
  --tw-text-opacity: 1;
  color: rgb(37 37 37 / var(--tw-text-opacity));
}

@media (min-width: 1440px) {
  .\32xl\:\[\&_h1\]\:mb-6 h1 {
    margin-bottom: 1.5rem;
  }
}

.\[\&_h2\]\:mb-4 h2 {
  margin-bottom: 1rem;
}

.\[\&_h2\]\:font-mono h2 {
  font-family: Geist Mono, monospace;
}

.\[\&_h2\]\:text-eyebrow-md h2 {
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 2.52px;
  font-weight: 500;
}

.\[\&_h2\]\:uppercase h2 {
  text-transform: uppercase;
}

.\[\&_h2\]\:text-charcoal-600 h2 {
  --tw-text-opacity: 1;
  color: rgb(37 37 37 / var(--tw-text-opacity));
}

@media (min-width: 1440px) {
  .\32xl\:\[\&_h2\]\:mb-6 h2 {
    margin-bottom: 1.5rem;
  }
}

.\[\&_h3\]\:mb-4 h3 {
  margin-bottom: 1rem;
}

.\[\&_h3\]\:font-mono h3 {
  font-family: Geist Mono, monospace;
}

.\[\&_h3\]\:text-eyebrow-sm h3 {
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 2.4px;
  font-weight: 500;
}

.\[\&_h3\]\:uppercase h3 {
  text-transform: uppercase;
}

.\[\&_h3\]\:text-charcoal-600 h3 {
  --tw-text-opacity: 1;
  color: rgb(37 37 37 / var(--tw-text-opacity));
}

@media (min-width: 1440px) {
  .\32xl\:\[\&_h3\]\:mb-6 h3 {
    margin-bottom: 1.5rem;
  }
}

.\[\&_h4\]\:mb-2 h4 {
  margin-bottom: 0.5rem;
}

.\[\&_h4\]\:mb-4 h4 {
  margin-bottom: 1rem;
}

.\[\&_h4\]\:text-base h4 {
  font-size: 1rem;
  line-height: 1.5rem;
}

.\[\&_h4\]\:font-bold h4 {
  font-weight: 700;
}

.\[\&_h4\]\:leading-5 h4 {
  line-height: 1.25rem;
}

@media (min-width: 1440px) {
  .\32xl\:\[\&_h4\]\:mb-6 h4 {
    margin-bottom: 1.5rem;
  }
}

.\[\&_h5\]\:mb-4 h5 {
  margin-bottom: 1rem;
}

@media (min-width: 1440px) {
  .\32xl\:\[\&_h5\]\:mb-6 h5 {
    margin-bottom: 1.5rem;
  }
}

.\[\&_h6\]\:mb-4 h6 {
  margin-bottom: 1rem;
}

@media (min-width: 1440px) {
  .\32xl\:\[\&_h6\]\:mb-6 h6 {
    margin-bottom: 1.5rem;
  }
}

.\[\&_li\]\:mb-1 li {
  margin-bottom: 0.25rem;
}

.\[\&_li\]\:mb-2 li {
  margin-bottom: 0.5rem;
}

.\[\&_li\]\:pl-1 li {
  padding-left: 0.25rem;
}

.\[\&_li\]\:marker\:text-inherit * li::marker {
  color: inherit;
}

.\[\&_li\]\:marker\:text-inherit li::marker {
  color: inherit;
}

@media (min-width: 768px) {
  .md\:\[\&_li\]\:mb-3 li {
    margin-bottom: 0.75rem;
  }
}

.\[\&_ol\]\:mb-5 ol {
  margin-bottom: 1.25rem;
}

.\[\&_ol\]\:ml-5 ol {
  margin-left: 1.25rem;
}

.\[\&_ol\]\:ml-6 ol {
  margin-left: 1.5rem;
}

.\[\&_ol\]\:list-decimal ol {
  list-style-type: decimal;
}

.\[\&_ol\]\:space-y-2 ol > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}

.\[\&_p\:empty\]\:h-4 p:empty {
  height: 1rem;
}

.\[\&_p\:last-child\]\:mb-0 p:last-child {
  margin-bottom: 0px;
}

.\[\&_p\]\:m-0 p {
  margin: 0px;
}

.\[\&_p\]\:mb-0 p {
  margin-bottom: 0px;
}

.\[\&_p\]\:mb-4 p {
  margin-bottom: 1rem;
}

.\[\&_p\]\:text-base p {
  font-size: 1rem;
  line-height: 1.5rem;
}

.\[\&_p\]\:text-body-14 p {
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: -0.02px;
  font-weight: 400;
}

.\[\&_p\]\:leading-5 p {
  line-height: 1.25rem;
}

@media (min-width: 768px) {
  .md\:\[\&_p\]\:text-body-16 p {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: normal;
    font-weight: 400;
  }
}

.\[\&_span\]\:hidden span {
  display: none;
}

.\[\&_strong\]\:font-semibold strong {
  font-weight: 600;
}

.\[\&_svg\]\:h-6 svg {
  height: 1.5rem;
}

.\[\&_svg\]\:h-auto svg {
  height: auto;
}

.\[\&_svg\]\:w-6 svg {
  width: 1.5rem;
}

.\[\&_svg\]\:w-\[12px\] svg {
  width: 12px;
}

.\[\&_svg\]\:w-full svg {
  width: 100%;
}

.\[\&_ul\]\:mb-4 ul {
  margin-bottom: 1rem;
}

.\[\&_ul\]\:mb-5 ul {
  margin-bottom: 1.25rem;
}

.\[\&_ul\]\:ml-4 ul {
  margin-left: 1rem;
}

.\[\&_ul\]\:ml-6 ul {
  margin-left: 1.5rem;
}

.\[\&_ul\]\:list-disc ul {
  list-style-type: disc;
}

.\[\&_ul\]\:space-y-2 ul > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}

.\[\&_ul\]\:pl-5 ul {
  padding-left: 1.25rem;
}

.\[\&_ul\]\:text-base ul {
  font-size: 1rem;
  line-height: 1.5rem;
}
/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-3.use[3]!./src/styles/templates/customers/account.personal_information.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable declaration-block-no-redundant-longhand-properties */
/* stylelint-enable declaration-block-no-redundant-longhand-properties */
.account__Innerwrapper {
  position: relative;
}

@media (min-width: 1080px) {
  .account__container {
    display: flex;
    border-bottom: 1px solid #ececec;
    padding: 0 48px;
  }
}
@media (min-width: 850px) {
  .account__container {
    padding: 0;
  }
}
.account__container vue-sidebar {
  width: 100%;
}
@media (min-width: 1080px) {
  .account__container vue-sidebar {
    min-width: 220px;
    max-width: 220px;
    width: 15%;
  }
}
@media (min-width: 850px) {
  .account__container vue-sidebar {
    min-width: 276px;
    max-width: 276px;
  }
}

.account__sidebar {
  padding: 23px 0;
  width: 100%;
  background: #f6f6f6;
}
@media (min-width: 480px) {
  .account__sidebar {
    padding: 23px 0 4px;
  }
}
@media (min-width: 1080px) {
  .account__sidebar {
    padding: 64px 24px 64px 0;
    background: #fff;
    margin: 0;
    position: relative;
    min-height: 100%;
    max-width: 276px;
    padding: 64px 48px;
  }
  .account__sidebar::before {
    content: "";
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: -1;
  }
}
.account__sidebar .cf-edit-account-link-spacer,
.account__sidebar .cf-edit-account-link {
  display: none;
}

@media (min-width: 1080px) {
  .account__sidebarContent {
    margin: 0 0 0 auto;
    max-width: 260px;
  }
}
@media (min-width: 850px) {
  .account__sidebarContent {
    max-width: 278px;
  }
}

.account__main {
  width: 100%;
}
@media (min-width: 1080px) {
  .account__main {
    max-width: 1165px;
    padding: 0 0 80px;
    border-left: 1px solid #ececec;
    width: 85%;
  }
}
@media (min-width: 850px) {
  .account__main {
    padding-right: 0;
  }
}

.account__content {
  background: #f6f6f6;
  padding: 0 16px 42px;
}
@media (min-width: 480px) {
  .account__content {
    padding: 0 24px 42px;
    min-height: 360px;
  }
}
@media (min-width: 1080px) {
  .account__content {
    padding: 64px 64px 25px;
    position: relative;
    padding: 64px 138px 25px 114px;
  }
  .account__content::after {
    position: absolute;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: #f6f6f6;
    z-index: -1;
    right: -100%;
  }
}
.account__content .account__heading {
  gap: 15px;
  align-items: center;
}
.account__content .account__heading.flex {
  display: flex;
}
@media (min-width: 1080px) {
  .account__content .account__heading {
    margin-bottom: 18px;
  }
  .account__content .account__headingPast {
    margin-bottom: 15px;
  }
}

.account__heading {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 16px;
  text-transform: capitalize;
}
.account__heading--preferences {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
}

@media (max-width: 1079px) {
  .account__name {
    display: none;
  }
}

.account__nav,
.account_subnav {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 80vw;
}

@media (min-width: 480px) {
  .account__navMain {
    padding: 0 16px;
  }
}
@media (max-width: 479px) {
  .account__navMain {
    overflow-y: scroll;
    white-space: nowrap;
    padding-bottom: 7px;
    padding-left: 12px;
  }
}
@media (min-width: 480px) {
  .account__navMain {
    padding: 0 24px 5px;
  }
}
@media (min-width: 1080px) {
  .account__navMain {
    padding: 0;
  }
}

.account__navItem {
  padding: 0 4px;
  display: inline-block;
  cursor: pointer;
}
@media (min-width: 480px) {
  .account__navItem {
    padding: 0 6px 0 0;
  }
}
@media (min-width: 1080px) {
  .account__navItem {
    display: block;
  }
}
.account__navItem > a,
.account__navItem > button {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #1a1a1a;
  border-radius: 50px;
  display: inline-block;
  padding: 8px 16px;
  text-decoration: none;
}
@media (min-width: 1080px) {
  .account__navItem > a,
  .account__navItem > button {
    padding: 12px 0;
    background: none;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    border-radius: initial;
    display: block;
  }
}
.account__navItem > button {
  width: 100%;
  text-align: left;
}
.account__navItem.is_active > a, .account__navItem.is_active > button {
  background: #1a1a1a;
  color: white;
}
@media (min-width: 1080px) {
  .account__navItem.is_active > a, .account__navItem.is_active > button {
    font-weight: 700;
    color: #1a1a1a;
    background: transparent;
    text-decoration: underline;
    text-decoration-color: #1a1a1a;
    text-decoration-thickness: 1.5px;
    text-underline-offset: 6px;
  }
}
.account__navItem .account__navItemBtn {
  display: none;
}
@media (min-width: 1080px) {
  .account__navItem .account__navItemBtn {
    display: inline-block;
    font-weight: 700;
    border-radius: 4px;
    border: 1px solid #1a1a1a;
    padding: 6px 12px;
    margin-top: 28px;
  }
}
.account__navItem .cf-edit-account-link-spacer,
.account__navItem .cf-edit-account-link {
  display: none;
}
.account__navItem.account__navItemHidden {
  display: none !important;
}

.account__navItem--sub > a {
  margin-left: 0;
}

.account_subnav {
  display: none;
}
@media (min-width: 1080px) {
  .account_subnav {
    display: block;
    padding: 0 0 0 16px;
  }
}

.account_subnavItem > a,
.account_subnavItem > button {
  color: #1a1a1a;
  padding: 12px 0;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  text-decoration: none;
  display: block;
}
.account_subnavItem.is_active > a,
.account_subnavItem.is_active > button {
  font-weight: 700;
}

.account__returnLink {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  position: relative;
  top: -2px;
  margin-bottom: 16px;
  color: #1a1a1a;
}
@media (min-width: 1080px) {
  .account__returnLink {
    display: none;
  }
}
.account__returnLink a {
  text-decoration: none;
}
.account__returnLink svg {
  margin-right: 7px;
}

.account {
  overflow: hidden;
}
.account .pdpCollection {
  overflow: hidden;
  padding: 40px 16px;
}
@media (min-width: 480px) {
  .account .pdpCollection {
    padding: 40px 24px;
  }
}
@media (min-width: 1080px) {
  .account .pdpCollection {
    padding: 40px 64px 90px;
  }
}
@media (min-width: 850px) {
  .account .pdpCollection {
    padding: 40px 138px 90px 114px;
  }
}
.account .pdpCollection__header {
  margin-bottom: 16px;
}
@media (min-width: 1080px) {
  .account .pdpCollection__header {
    margin-bottom: 24px;
  }
}
.account .pdpCollection__heading {
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 8px;
}
.account .pdpCollection__description {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}
@media (min-width: 1080px) {
  .account .productCard__title {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
  }
}
.account .accountQueue__Btn {
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
  gap: 5px;
}
@media (min-width: 1080px) {
  .account .accountQueue__Btn {
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
  }
}
.account .swiper-wrapper {
  display: flex;
}
.account .swiper-slide {
  height: auto;
}
.account .productCard {
  height: 100%;
  margin-bottom: 0;
  padding-bottom: 45px;
}

.accountFrom__item,
.accountPersonal__container .cf-field {
  border: 1px solid #9e9e9e;
  border-radius: 4px;
  padding: 15px 20px;
  position: relative;
  margin-bottom: 24px;
}
.accountFrom__item input,
.accountFrom__item .accountFrom__input,
.accountFrom__item .address-country-option,
.accountPersonal__container .cf-field input,
.accountPersonal__container .cf-field .accountFrom__input,
.accountPersonal__container .cf-field .address-country-option {
  padding: 0;
  background: none;
  border: none;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #1a1a1a;
  width: 100%;
  outline: none;
}
.accountFrom__item input:focus,
.accountFrom__item .accountFrom__input:focus,
.accountFrom__item .address-country-option:focus,
.accountPersonal__container .cf-field input:focus,
.accountPersonal__container .cf-field .accountFrom__input:focus,
.accountPersonal__container .cf-field .address-country-option:focus {
  outline: none;
}

.accountFrom__inputWithError {
  border-color: #f53c32;
}

.accountFrom__label,
.accountPersonal__container .cf-field label {
  display: inline-block;
  position: absolute;
  top: -12px;
  left: 12px;
  padding: 3px 8px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: "gray-30";
  background-color: white;
}

.accountPersonal__container .cf-field .cf-field-errors {
  position: absolute;
  margin: 0 !important;
  bottom: -20px;
}
.accountPersonal__container .cf-field .cf-field-errors li {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
.accountPersonal__container .cf-form-inner .cf-form-actions .cf-step-invalid .cf-error-message,
.accountPersonal__container .cf-fields-wrapper .cf-form-actions .cf-step-invalid .cf-error-message {
  display: block;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
.accountPersonal__container .cf-field-error-list .cf-field-errors li {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
.accountPersonal__container .cf-form-inner .cf-form-actions .cf-step-invalid,
.accountPersonal__container .cf-fields-wrapper .cf-form-actions .cf-step-invalid {
  margin-top: 0;
}

.accountFrom__value {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #1a1a1a;
}

.accountAddresses__setdefault {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.accountPersonal__container .cf-form-inner .cf-fields-container {
  margin: 0;
}

.accountPersonal__container .cf-form-actions {
  margin: 0 !important;
}
.accountPersonal__container .cf-form-actions .cf-button {
  line-height: 1.5;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  color: #fff;
  background-color: #F45048;
  width: 100%;
  padding: 13px 24px;
  margin-bottom: 24px;
}
@media (min-width: 1080px) {
  .accountPersonal__container .cf-form-actions .cf-button {
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
  }
}

.accountPersonal__container .cf-reset-password {
  text-align: center;
}
.accountPersonal__container .cf-reset-password a {
  margin: 0;
  font-weight: 700;
  color: #1a1a1a;
}

.accountPersonal__container .cf-verify-email-message {
  max-width: initial;
  border: 1px solid "color-80";
  background: none;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #1a1a1a;
}

.accountPopup__content .accountFrom__item {
  margin-bottom: 30px;
}

.accountFrom__error {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #F45048;
  margin: 4px 0 0;
  position: absolute;
  bottom: -21px;
  left: 0;
}

.accountlogin {
  padding: 40px 16px 56px;
}
@media (min-width: 1080px) {
  .accountlogin {
    padding: 64px 48px;
  }
}
.accountlogin input[type=email],
.accountlogin input[type=password],
.accountlogin input[type=tel],
.accountlogin input[type=text] {
  border-radius: 4px;
  border: 1px solid #ececec;
  padding: 16px 22px;
  color: #1a1a1a;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}
.accountlogin input[type=email]::-moz-placeholder, .accountlogin input[type=password]::-moz-placeholder, .accountlogin input[type=tel]::-moz-placeholder, .accountlogin input[type=text]::-moz-placeholder {
  color: #9e9e9e;
}
.accountlogin input[type=email]::placeholder,
.accountlogin input[type=password]::placeholder,
.accountlogin input[type=tel]::placeholder,
.accountlogin input[type=text]::placeholder {
  color: #9e9e9e;
}

.accountlogin__wrapper {
  max-width: 320px;
}
@media (min-width: 1080px) {
  .accountlogin__wrapper {
    max-width: 400px;
  }
}

.accountEmpty {
  padding: 40px 16px;
  border-radius: 4px;
  text-align: center;
  background: #fff;
  margin-bottom: 20px;
}
.accountEmpty.giftSubExpAlert {
  text-align: left;
  padding: 20px 16px;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 24px;
  display: none;
}
.accountEmpty.red {
  border: 1.4px solid #F45048;
  background: linear-gradient(0deg, rgba(245, 60, 50, 0.05) 0%, rgba(245, 60, 50, 0.05) 100%), #fff;
}

.mt_16 {
  margin-top: 16px;
}

.mt_minus_16 {
  margin-top: -16px;
}

.accountEmpty__heading {
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
  margin-bottom: 8px;
  color: #1a1a1a;
}
@media (min-width: 1080px) {
  .accountEmpty__heading {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
  }
  .accountEmpty__heading--small {
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: #1a1a1a;
  }
}

.accountEmpty__description {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  margin-bottom: 32px;
  color: #1a1a1a;
}
.accountEmpty__description a {
  font-weight: 700;
}
.accountEmpty__description.max_440 {
  max-width: 440px;
  margin: auto;
}
.accountEmpty__description.max_470 {
  max-width: 470px;
  margin: auto;
}
.accountEmpty__description.m_0 {
  margin: 0;
}
.accountEmpty__description--small {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #4d4d4d;
}

.accountEmptyBtn--desktop .dashboard__sectionCta {
  display: block;
}
@media (min-width: 480px) {
  .accountEmptyBtn--desktop .dashboard__sectionCta {
    display: none;
  }
}
.accountEmptyBtn--desktop .dashboard__sectionCta a {
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  text-decoration: none;
}
.accountEmptyBtn--desktop .dashboard__sectionCta svg {
  display: none;
}

.shimmerBG {
  animation-duration: 4s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: shimmerDashboard;
  animation-timing-function: linear;
  background: #fff;
  background: linear-gradient(to right, #eee 8%, #f9f9f9 18%, #eee 33%);
  background-size: 100% 100%;
}

@keyframes shimmerDashboard {
  0% {
    background-position: -100% 0;
  }
  100% {
    background-position: 100% 0;
  }
  0% {
    background-position: -1200px 0;
  }
  100% {
    background-position: 1200px 0;
  }
}
.accountShimmer {
  position: relative;
  overflow: hidden;
}
.accountShimmer.with-margin {
  margin-top: 16px;
}

.accountShimmer__flex {
  display: flex;
  justify-content: space-between;
}

.accountShimmer__heading {
  width: 160px;
  height: 22px;
  margin-bottom: 18px;
}

.accountShimmer__productBox {
  width: 100%;
  height: 198px;
  margin-bottom: 24px;
}
@media (min-width: 1080px) {
  .accountShimmer__productBox {
    margin-bottom: 40px;
  }
}

.accountShimmer__singleBox {
  width: 100%;
  height: 80px;
  margin-bottom: 24px;
}
@media (min-width: 1080px) {
  .accountShimmer__singleBox {
    margin-bottom: 40px;
  }
}

.form-success {
  padding: 16px;
  background: #f4f1e8;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  color: "prmiary";
  text-align: left;
  border-radius: 4px;
}

.accountWhiteBox {
  background-color: white;
  border-radius: 8px;
  margin-top: 16px;
  margin-bottom: 24px;
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.accountWhiteBox--boxOne {
  height: 256px;
}
.accountWhiteBox--boxTwo {
  height: 164px;
}
.accountWhiteBox--boxThree {
  height: 90px;
}
.accountWhiteBox--boxFour {
  height: 360px;
}

@media (min-width: 1080px) {
  .accountWhiteBoxGrid {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 24px;
  }
}

.giftSubExpAlert__CTA {
  height: -moz-fit-content;
  height: fit-content;
}

.productCard {
  margin-bottom: 40px;
}
@media (min-width: 480px) {
  .productCard {
    margin-bottom: 32px;
  }
}
@media (min-width: 1080px) {
  .productCard {
    margin-bottom: 42px;
  }
}

.productCard__selection::after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  right: 12px;
  top: 12px;
  background: #dfdfdf;
  border-radius: 50%;
  color: #fff;
  text-align: center;
}
.productCard__selection.is_active::after {
  display: block;
  background: url("https://cdn.shopify.com/s/files/1/0794/7128/0447/files/icon-white-tick.svg") no-repeat center center #F45048;
}
.productCard__selection.is_disable {
  opacity: 0.5;
  pointer-events: none;
}
.productCard__selection.is_disable::after {
  content: none;
  display: none;
}

.productCard__image {
  position: relative;
  width: 100%;
  background-color: var(--neutral);
  aspect-ratio: 1/1.25;
  border-radius: 4px;
  margin-bottom: 12px;
  overflow: hidden;
}
@media (min-width: 480px) {
  .productCard__image {
    margin-bottom: 16px;
  }
}
.productCard__image picture {
  min-height: 100%;
  width: auto;
  aspect-ratio: initial !important;
  margin: 0 auto;
}
.productCard__image .image__elem {
  height: initial;
  top: 50%;
  left: 50%;
  max-width: 125%;
  transform: translate(-50%, -50%);
  transition: cubic-bezier(0.61, 0, 0.48, 1.05);
  transition-duration: 150ms;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (min-width: 1080px) {
  .productCard__image:hover .image__elem {
    transform: translate(-50%, -56%);
  }
}

.productCard__badges {
  position: absolute;
  top: 8px;
  left: 8px;
}
@media (min-width: 480px) {
  .productCard__badges {
    top: 11px;
    left: 11px;
  }
}
.productCard__badges span {
  background-color: #ffd6ac;
  color: #1a1a1a;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  border-radius: 99px;
  padding: 6px 12px;
  margin: 0 4px 4px 0;
  text-transform: capitalize;
  display: inline-block;
}

.productCard__vendor {
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16px;
  font-weight: 400;
  text-transform: uppercase;
  color: "prmiary";
  margin-bottom: 3px;
}
@media (min-width: 480px) {
  .productCard__vendor {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 14px;
    font-weight: 400;
    margin-bottom: 8px;
  }
}
@media (min-width: 1080px) {
  .productCard__vendor {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 16px;
    font-weight: 400;
    margin-bottom: 6px;
  }
}

.productCard__titleBlock {
  margin-bottom: 8px;
}
@media (min-width: 480px) {
  .productCard__titleBlock {
    margin-bottom: 8px;
  }
}
@media (min-width: 1080px) {
  .productCard__titleBlock {
    display: flex;
    justify-content: space-between;
    margin-bottom: 3px;
  }
}

.productCard__title {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 4px;
}
@media (min-width: 480px) {
  .productCard__title {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 20px;
    font-weight: 700;
    padding-right: 70px;
    margin-bottom: 6px;
  }
}
@media (min-width: 1080px) {
  .productCard__title {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 22px;
    font-weight: 700;
    padding-right: 16px;
  }
}
.productCard__title a {
  text-decoration: none;
}

.productCard__price {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 18px;
  font-weight: 700;
  color: #1a1a1a;
}
@media (min-width: 1080px) {
  .productCard__price {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 22px;
    font-weight: 700;
    text-align: right;
  }
}
.productCard__price span {
  text-decoration: line-through;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 14px;
  font-weight: 400;
  position: relative;
  top: -3px;
  display: block;
  color: #a3a3a3;
  margin-top: 4px;
}
@media (min-width: 1080px) {
  .productCard__price span {
    text-align: right;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 14px;
    font-weight: 400;
  }
}

.productCard__description {
  color: #1a1a1a;
  padding: 0;
  margin-top: 4px;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16px;
  font-weight: 400;
}
@media (min-width: 400px) {
  .productCard__description {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
    font-weight: 400;
  }
}
.productCard__description p {
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16px;
  font-weight: 400;
  margin: 0;
  padding: 0;
}
@media (min-width: 400px) {
  .productCard__description p {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
    font-weight: 400;
  }
}

.productCard__taste {
  font-size: 14px;
  letter-spacing: 0;
  line-height: 16px;
  font-weight: 400;
}
@media (min-width: 1080px) {
  .productCard__taste {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
    font-weight: 400;
  }
}

.productCard__viewDetail {
  font-size: 14px;
  letter-spacing: 0;
  line-height: 18px;
  font-weight: 700;
  margin-top: 11px;
  display: inline-block;
}

.pdpCollection {
  overflow: hidden;
  padding: 15px;
}
@media (min-width: 480px) {
  .pdpCollection {
    padding: 72px 24px 0;
  }
}
@media (min-width: 1080px) {
  .pdpCollection {
    padding: 72px 48px 0;
  }
}
.pdpCollection .swiper-button-prev,
.pdpCollection .swiper-button-next {
  left: initial;
  right: 0;
  top: -46px;
  bottom: initial;
}
@media (min-width: 1080px) {
  .pdpCollection .swiper-button-prev,
  .pdpCollection .swiper-button-next {
    top: -51px;
  }
}
@media (max-width: 479px) {
  .pdpCollection .swiper-button-prev,
  .pdpCollection .swiper-button-next {
    display: none !important;
  }
}
.pdpCollection .swiper-next,
.pdpCollection .swiper-prev {
  left: initial;
  right: 0;
  top: -62px;
  bottom: initial;
  position: absolute;
}
@media (min-width: 1080px) {
  .pdpCollection .swiper-next,
  .pdpCollection .swiper-prev {
    top: -66px;
  }
}
@media (max-width: 479px) {
  .pdpCollection .swiper-next,
  .pdpCollection .swiper-prev {
    display: none !important;
  }
}
.pdpCollection .swiper-prev,
.pdpCollection .swiper-button-prev {
  right: 40px;
}
.pdpCollection .swiper-next::after,
.pdpCollection .swiper-prev::after,
.pdpCollection .swiper-button-next::after,
.pdpCollection .swiper-button-prev::after {
  display: none;
}
.pdpCollection .swiper-prev svg,
.pdpCollection .swiper-button-prev svg {
  transform: rotate(180deg);
}
@media (min-width: 480px) {
  .pdpCollection .swiper-button-disabled {
    display: flex !important;
  }
  .pdpCollection .swiper-button-lock {
    display: none !important;
  }
}

.pdpCollection__header {
  position: relative;
  margin-bottom: 32px;
}
@media (min-width: 1080px) {
  .pdpCollection__header {
    margin-bottom: 40px;
  }
}

.pdpCollection__leftCol {
  min-height: 16px;
}
@media (min-width: 480px) {
  .pdpCollection__leftCol {
    max-width: 370px;
  }
}
@media (min-width: 1080px) {
  .pdpCollection__leftCol {
    max-width: 767px;
  }
}

.pdpCollection__subHeading {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #1a1a1a;
  margin-bottom: 10px;
}
@media (min-width: 1080px) {
  .pdpCollection__subHeading {
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    margin-bottom: 12px;
  }
}

.pdpCollection__heading {
  font-size: 32px;
  line-height: 34px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 9px;
}
@media (min-width: 1080px) {
  .pdpCollection__heading {
    font-size: 40px;
    line-height: 42px;
    font-weight: 700;
    margin-bottom: 12px;
  }
}

.pdpCollection__description {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  margin: 0;
  color: #4d4d4d;
}
@media (min-width: 1080px) {
  .pdpCollection__description {
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
  }
}

.pdpCollection__shopLink {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #1a1a1a;
  position: absolute;
  right: 0;
  bottom: 0;
  display: none;
}
@media (min-width: 480px) {
  .pdpCollection__shopLink {
    display: block;
    right: 100px;
    bottom: 3px;
  }
}

.pdpCollection__shopButton {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  padding: 13px 24px;
}
@media (min-width: 480px) {
  .pdpCollection__shopButton {
    display: none;
  }
}

.pdpCollection__container {
  margin-bottom: 40px;
}
@media (min-width: 1200px) {
  .pdpCollection__container {
    overflow-x: hidden;
  }
}
.pdpCollection__container .productCard__price span {
  display: none;
}

.pdpCollection__slider {
  position: relative;
}

.pdpCollection__tab {
  margin-top: 19px;
  overflow: auto;
  white-space: nowrap;
  padding: 0 0 12px;
}
@media (min-width: 1080px) {
  .pdpCollection__tab {
    margin-top: 32px;
    padding-bottom: 16px;
  }
}

.pdpCollection__tabItem {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #1a1a1a;
  background: #f2f2f2;
  border-radius: 20px;
  display: inline-block;
  padding: 6px 16px;
  text-decoration: none;
  cursor: pointer;
  margin-right: 8px;
}
@media (min-width: 1080px) {
  .pdpCollection__tabItem {
    padding: 8px 16px;
    margin-right: 4px;
  }
}
.pdpCollection__tabItem.is-active {
  background: #1a1a1a;
  color: white;
}

.pdpCollection__home .pdpCollection__header {
  margin-bottom: 20px;
}
@media (min-width: 1080px) {
  .pdpCollection__home .pdpCollection__header {
    margin-bottom: 24px;
  }
}
.pdpCollection__home .pdpCollection__description {
  max-width: 630px;
}
.pdpCollection__home .pdpCollection__container {
  margin-bottom: 0;
}
@media (min-width: 480px) {
  .pdpCollection__home .pdpCollection__shopLink {
    right: 85px;
    bottom: 21px;
  }
}
@media (min-width: 1080px) {
  .pdpCollection__home .pdpCollection__shopLink {
    right: 97px;
    bottom: 21px;
  }
}
@media (min-width: 480px) {
  .pdpCollection__home .pdpCollection__leftCol {
    max-width: 70%;
  }
}
@media (min-width: 1080px) {
  .pdpCollection__home .pdpCollection__leftCol {
    max-width: 76%;
  }
}
.pdpCollection__home .pdpCollection__shopButton {
  margin-top: 23px;
}

.accountPersonal__container .cf-form-step {
  padding: 20px 16px 10px;
  background-color: #fff;
  border-radius: 8px;
  margin-bottom: 24px;
}
@media (min-width: 1080px) {
  .accountPersonal__container .cf-form-step {
    padding: 28px 24px 5px;
    margin-bottom: 16px;
  }
}

.accountPersonal__form {
  padding: 20px 16px 10px;
  background-color: #fff;
  border-radius: 8px;
  margin-bottom: 24px;
}
@media (min-width: 1080px) {
  .accountPersonal__form {
    padding: 28px 24px 5px;
    margin-bottom: 16px;
  }
}

.accountPersonal__submitBtn {
  line-height: 1.5;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  color: #fff;
  background-color: #F45048;
  width: 100%;
  padding: 13px 24px;
  margin-bottom: 24px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
@media (min-width: 1080px) {
  .accountPersonal__submitBtn {
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
  }
}
.accountPersonal__submitBtn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.accountPersonal__resetPassword {
  text-align: center;
  margin-bottom: 24px;
}
.accountPersonal__resetPassword a {
  margin: 0;
  font-weight: 700;
  color: #1a1a1a;
  text-decoration: underline;
}

.accountPersonal__success {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #1c7c54;
  text-align: center;
  margin-bottom: 16px;
  padding: 12px;
  background-color: rgba(28, 124, 84, 0.08);
  border-radius: 4px;
}

.accountPersonal__errorMsg {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #f53c32;
  text-align: center;
  margin-bottom: 16px;
  padding: 12px;
  background-color: rgba(255, 0, 0, 0.05);
  border-radius: 4px;
}
/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-3.use[3]!./src/styles/templates/customers/account.trade_redeem.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable declaration-block-no-redundant-longhand-properties */
/* stylelint-enable declaration-block-no-redundant-longhand-properties */
.account__Innerwrapper {
  position: relative;
}

@media (min-width: 1080px) {
  .account__container {
    display: flex;
    border-bottom: 1px solid #ececec;
    padding: 0 48px;
  }
}
@media (min-width: 850px) {
  .account__container {
    padding: 0;
  }
}
.account__container vue-sidebar {
  width: 100%;
}
@media (min-width: 1080px) {
  .account__container vue-sidebar {
    min-width: 220px;
    max-width: 220px;
    width: 15%;
  }
}
@media (min-width: 850px) {
  .account__container vue-sidebar {
    min-width: 276px;
    max-width: 276px;
  }
}

.account__sidebar {
  padding: 23px 0;
  width: 100%;
  background: #f6f6f6;
}
@media (min-width: 480px) {
  .account__sidebar {
    padding: 23px 0 4px;
  }
}
@media (min-width: 1080px) {
  .account__sidebar {
    padding: 64px 24px 64px 0;
    background: #fff;
    margin: 0;
    position: relative;
    min-height: 100%;
    max-width: 276px;
    padding: 64px 48px;
  }
  .account__sidebar::before {
    content: "";
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: -1;
  }
}
.account__sidebar .cf-edit-account-link-spacer,
.account__sidebar .cf-edit-account-link {
  display: none;
}

@media (min-width: 1080px) {
  .account__sidebarContent {
    margin: 0 0 0 auto;
    max-width: 260px;
  }
}
@media (min-width: 850px) {
  .account__sidebarContent {
    max-width: 278px;
  }
}

.account__main {
  width: 100%;
}
@media (min-width: 1080px) {
  .account__main {
    max-width: 1165px;
    padding: 0 0 80px;
    border-left: 1px solid #ececec;
    width: 85%;
  }
}
@media (min-width: 850px) {
  .account__main {
    padding-right: 0;
  }
}

.account__content {
  background: #f6f6f6;
  padding: 0 16px 42px;
}
@media (min-width: 480px) {
  .account__content {
    padding: 0 24px 42px;
    min-height: 360px;
  }
}
@media (min-width: 1080px) {
  .account__content {
    padding: 64px 64px 25px;
    position: relative;
    padding: 64px 138px 25px 114px;
  }
  .account__content::after {
    position: absolute;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: #f6f6f6;
    z-index: -1;
    right: -100%;
  }
}
.account__content .account__heading {
  gap: 15px;
  align-items: center;
}
.account__content .account__heading.flex {
  display: flex;
}
@media (min-width: 1080px) {
  .account__content .account__heading {
    margin-bottom: 18px;
  }
  .account__content .account__headingPast {
    margin-bottom: 15px;
  }
}

.account__heading {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 16px;
  text-transform: capitalize;
}
.account__heading--preferences {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
}

@media (max-width: 1079px) {
  .account__name {
    display: none;
  }
}

.account__nav,
.account_subnav {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 80vw;
}

@media (min-width: 480px) {
  .account__navMain {
    padding: 0 16px;
  }
}
@media (max-width: 479px) {
  .account__navMain {
    overflow-y: scroll;
    white-space: nowrap;
    padding-bottom: 7px;
    padding-left: 12px;
  }
}
@media (min-width: 480px) {
  .account__navMain {
    padding: 0 24px 5px;
  }
}
@media (min-width: 1080px) {
  .account__navMain {
    padding: 0;
  }
}

.account__navItem {
  padding: 0 4px;
  display: inline-block;
  cursor: pointer;
}
@media (min-width: 480px) {
  .account__navItem {
    padding: 0 6px 0 0;
  }
}
@media (min-width: 1080px) {
  .account__navItem {
    display: block;
  }
}
.account__navItem > a,
.account__navItem > button {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #1a1a1a;
  border-radius: 50px;
  display: inline-block;
  padding: 8px 16px;
  text-decoration: none;
}
@media (min-width: 1080px) {
  .account__navItem > a,
  .account__navItem > button {
    padding: 12px 0;
    background: none;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    border-radius: initial;
    display: block;
  }
}
.account__navItem > button {
  width: 100%;
  text-align: left;
}
.account__navItem.is_active > a, .account__navItem.is_active > button {
  background: #1a1a1a;
  color: white;
}
@media (min-width: 1080px) {
  .account__navItem.is_active > a, .account__navItem.is_active > button {
    font-weight: 700;
    color: #1a1a1a;
    background: transparent;
    text-decoration: underline;
    text-decoration-color: #1a1a1a;
    text-decoration-thickness: 1.5px;
    text-underline-offset: 6px;
  }
}
.account__navItem .account__navItemBtn {
  display: none;
}
@media (min-width: 1080px) {
  .account__navItem .account__navItemBtn {
    display: inline-block;
    font-weight: 700;
    border-radius: 4px;
    border: 1px solid #1a1a1a;
    padding: 6px 12px;
    margin-top: 28px;
  }
}
.account__navItem .cf-edit-account-link-spacer,
.account__navItem .cf-edit-account-link {
  display: none;
}
.account__navItem.account__navItemHidden {
  display: none !important;
}

.account__navItem--sub > a {
  margin-left: 0;
}

.account_subnav {
  display: none;
}
@media (min-width: 1080px) {
  .account_subnav {
    display: block;
    padding: 0 0 0 16px;
  }
}

.account_subnavItem > a,
.account_subnavItem > button {
  color: #1a1a1a;
  padding: 12px 0;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  text-decoration: none;
  display: block;
}
.account_subnavItem.is_active > a,
.account_subnavItem.is_active > button {
  font-weight: 700;
}

.account__returnLink {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  position: relative;
  top: -2px;
  margin-bottom: 16px;
  color: #1a1a1a;
}
@media (min-width: 1080px) {
  .account__returnLink {
    display: none;
  }
}
.account__returnLink a {
  text-decoration: none;
}
.account__returnLink svg {
  margin-right: 7px;
}

.account {
  overflow: hidden;
}
.account .pdpCollection {
  overflow: hidden;
  padding: 40px 16px;
}
@media (min-width: 480px) {
  .account .pdpCollection {
    padding: 40px 24px;
  }
}
@media (min-width: 1080px) {
  .account .pdpCollection {
    padding: 40px 64px 90px;
  }
}
@media (min-width: 850px) {
  .account .pdpCollection {
    padding: 40px 138px 90px 114px;
  }
}
.account .pdpCollection__header {
  margin-bottom: 16px;
}
@media (min-width: 1080px) {
  .account .pdpCollection__header {
    margin-bottom: 24px;
  }
}
.account .pdpCollection__heading {
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 8px;
}
.account .pdpCollection__description {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}
@media (min-width: 1080px) {
  .account .productCard__title {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
  }
}
.account .accountQueue__Btn {
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
  gap: 5px;
}
@media (min-width: 1080px) {
  .account .accountQueue__Btn {
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
  }
}
.account .swiper-wrapper {
  display: flex;
}
.account .swiper-slide {
  height: auto;
}
.account .productCard {
  height: 100%;
  margin-bottom: 0;
  padding-bottom: 45px;
}

.giftModal {
  position: fixed;
  width: 100%;
  height: 100%;
  display: none;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  transition: opacity ease-in 0.1s, visibility ease-out 0.1s;
  opacity: 0;
  visibility: hidden;
  z-index: 102;
  background: rgba(26, 26, 26, 0.8);
}
.giftModal.is-active {
  opacity: 1;
  visibility: visible;
  display: flex;
}
.giftModal.is-active-no {
  opacity: 1;
  visibility: visible;
  display: flex;
}
@media (min-width: 480px) {
  .giftModal {
    padding: 32px;
  }
}

.giftModal__wrapper {
  max-width: 375px;
  margin: 0 auto;
  background: #fff;
  width: 100%;
  border-radius: 8px;
}
@media (min-width: 480px) {
  .giftModal__wrapper {
    width: 100%;
    min-height: 234px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

.giftModal__main {
  margin: 0 auto;
  text-align: center;
  padding: 24px 16px;
}

.giftModal__label {
  display: inline-block;
  width: 100%;
  text-align: left;
  visibility: hidden;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #9e9e9e;
  background-color: white;
  padding: 11px 11px 0;
}

.giftModal__label--status.js-form-error--active {
  color: #F45048;
}

.giftModal__content {
  display: none;
}

.giftModal__login {
  display: none;
}
.giftModal__login.is-active {
  display: block;
}

.giftModal__signup {
  display: none;
}
.giftModal__signup.is-active {
  display: block;
}

.giftModal__reset {
  display: none;
}
.giftModal__reset.is-active {
  display: block;
}

.giftModal__close {
  right: 20px;
  top: 20px;
}

.giftModal__header {
  text-align: center;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 16px;
  border-bottom: 1px solid #ececec;
}
@media (min-width: 480px) {
  .giftModal__header {
    padding: 20px 24px;
  }
}

.giftModal__heading {
  font-size: 32px;
  line-height: 34px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 16px;
}

.giftModal__text {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #1a1a1a;
}
.giftModal__text a {
  font-weight: 700;
}

.giftModal__btn {
  width: 100%;
  padding: 13px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.giftModal__forgot {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
}

.giftModal__form {
  text-align: left;
}
.is-active .giftModal__form {
  display: block;
}

.giftModal__formError {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #F45048;
  text-align: left;
  display: none;
  padding: 0 11px 11px;
}
.giftModal__formError.js-form-error--active {
  display: block;
}

.giftModal__noCode {
  display: none;
}
.is-active-no .giftModal__noCode {
  display: block;
}

.giftModal__noCodeText {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #4d4d4d;
  margin-bottom: 24px;
}
.giftModal__noCodeText span {
  font-weight: 700;
}

.giftModal__title {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 0;
  flex-grow: 1;
}

.giftModal__inputGroup {
  margin-bottom: 24px;
}
.giftModal__inputGroup:last-child {
  margin-bottom: 0;
}

.giftModal__inputGroupInputType {
  border: 1px solid #ececec;
  border-radius: 8px;
  margin-bottom: 16px;
  position: relative;
  background: #fff;
  overflow: hidden;
}
.giftModal__inputGroupInputType .giftModal__input {
  padding: 0 11px 11px;
  background-color: #fff;
  border-radius: 8px;
  border: 0;
}

.productCard {
  margin-bottom: 40px;
}
@media (min-width: 480px) {
  .productCard {
    margin-bottom: 32px;
  }
}
@media (min-width: 1080px) {
  .productCard {
    margin-bottom: 42px;
  }
}

.productCard__selection::after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  right: 12px;
  top: 12px;
  background: #dfdfdf;
  border-radius: 50%;
  color: #fff;
  text-align: center;
}
.productCard__selection.is_active::after {
  display: block;
  background: url("https://cdn.shopify.com/s/files/1/0794/7128/0447/files/icon-white-tick.svg") no-repeat center center #F45048;
}
.productCard__selection.is_disable {
  opacity: 0.5;
  pointer-events: none;
}
.productCard__selection.is_disable::after {
  content: none;
  display: none;
}

.productCard__image {
  position: relative;
  width: 100%;
  background-color: var(--neutral);
  aspect-ratio: 1/1.25;
  border-radius: 4px;
  margin-bottom: 12px;
  overflow: hidden;
}
@media (min-width: 480px) {
  .productCard__image {
    margin-bottom: 16px;
  }
}
.productCard__image picture {
  min-height: 100%;
  width: auto;
  aspect-ratio: initial !important;
  margin: 0 auto;
}
.productCard__image .image__elem {
  height: initial;
  top: 50%;
  left: 50%;
  max-width: 125%;
  transform: translate(-50%, -50%);
  transition: cubic-bezier(0.61, 0, 0.48, 1.05);
  transition-duration: 150ms;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (min-width: 1080px) {
  .productCard__image:hover .image__elem {
    transform: translate(-50%, -56%);
  }
}

.productCard__badges {
  position: absolute;
  top: 8px;
  left: 8px;
}
@media (min-width: 480px) {
  .productCard__badges {
    top: 11px;
    left: 11px;
  }
}
.productCard__badges span {
  background-color: #ffd6ac;
  color: #1a1a1a;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  border-radius: 99px;
  padding: 6px 12px;
  margin: 0 4px 4px 0;
  text-transform: capitalize;
  display: inline-block;
}

.productCard__vendor {
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16px;
  font-weight: 400;
  text-transform: uppercase;
  color: "prmiary";
  margin-bottom: 3px;
}
@media (min-width: 480px) {
  .productCard__vendor {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 14px;
    font-weight: 400;
    margin-bottom: 8px;
  }
}
@media (min-width: 1080px) {
  .productCard__vendor {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 16px;
    font-weight: 400;
    margin-bottom: 6px;
  }
}

.productCard__titleBlock {
  margin-bottom: 8px;
}
@media (min-width: 480px) {
  .productCard__titleBlock {
    margin-bottom: 8px;
  }
}
@media (min-width: 1080px) {
  .productCard__titleBlock {
    display: flex;
    justify-content: space-between;
    margin-bottom: 3px;
  }
}

.productCard__title {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 4px;
}
@media (min-width: 480px) {
  .productCard__title {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 20px;
    font-weight: 700;
    padding-right: 70px;
    margin-bottom: 6px;
  }
}
@media (min-width: 1080px) {
  .productCard__title {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 22px;
    font-weight: 700;
    padding-right: 16px;
  }
}
.productCard__title a {
  text-decoration: none;
}

.productCard__price {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 18px;
  font-weight: 700;
  color: #1a1a1a;
}
@media (min-width: 1080px) {
  .productCard__price {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 22px;
    font-weight: 700;
    text-align: right;
  }
}
.productCard__price span {
  text-decoration: line-through;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 14px;
  font-weight: 400;
  position: relative;
  top: -3px;
  display: block;
  color: #a3a3a3;
  margin-top: 4px;
}
@media (min-width: 1080px) {
  .productCard__price span {
    text-align: right;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 14px;
    font-weight: 400;
  }
}

.productCard__description {
  color: #1a1a1a;
  padding: 0;
  margin-top: 4px;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16px;
  font-weight: 400;
}
@media (min-width: 400px) {
  .productCard__description {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
    font-weight: 400;
  }
}
.productCard__description p {
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16px;
  font-weight: 400;
  margin: 0;
  padding: 0;
}
@media (min-width: 400px) {
  .productCard__description p {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
    font-weight: 400;
  }
}

.productCard__taste {
  font-size: 14px;
  letter-spacing: 0;
  line-height: 16px;
  font-weight: 400;
}
@media (min-width: 1080px) {
  .productCard__taste {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
    font-weight: 400;
  }
}

.productCard__viewDetail {
  font-size: 14px;
  letter-spacing: 0;
  line-height: 18px;
  font-weight: 700;
  margin-top: 11px;
  display: inline-block;
}

.pdpCollection {
  overflow: hidden;
  padding: 15px;
}
@media (min-width: 480px) {
  .pdpCollection {
    padding: 72px 24px 0;
  }
}
@media (min-width: 1080px) {
  .pdpCollection {
    padding: 72px 48px 0;
  }
}
.pdpCollection .swiper-button-prev,
.pdpCollection .swiper-button-next {
  left: initial;
  right: 0;
  top: -46px;
  bottom: initial;
}
@media (min-width: 1080px) {
  .pdpCollection .swiper-button-prev,
  .pdpCollection .swiper-button-next {
    top: -51px;
  }
}
@media (max-width: 479px) {
  .pdpCollection .swiper-button-prev,
  .pdpCollection .swiper-button-next {
    display: none !important;
  }
}
.pdpCollection .swiper-next,
.pdpCollection .swiper-prev {
  left: initial;
  right: 0;
  top: -62px;
  bottom: initial;
  position: absolute;
}
@media (min-width: 1080px) {
  .pdpCollection .swiper-next,
  .pdpCollection .swiper-prev {
    top: -66px;
  }
}
@media (max-width: 479px) {
  .pdpCollection .swiper-next,
  .pdpCollection .swiper-prev {
    display: none !important;
  }
}
.pdpCollection .swiper-prev,
.pdpCollection .swiper-button-prev {
  right: 40px;
}
.pdpCollection .swiper-next::after,
.pdpCollection .swiper-prev::after,
.pdpCollection .swiper-button-next::after,
.pdpCollection .swiper-button-prev::after {
  display: none;
}
.pdpCollection .swiper-prev svg,
.pdpCollection .swiper-button-prev svg {
  transform: rotate(180deg);
}
@media (min-width: 480px) {
  .pdpCollection .swiper-button-disabled {
    display: flex !important;
  }
  .pdpCollection .swiper-button-lock {
    display: none !important;
  }
}

.pdpCollection__header {
  position: relative;
  margin-bottom: 32px;
}
@media (min-width: 1080px) {
  .pdpCollection__header {
    margin-bottom: 40px;
  }
}

.pdpCollection__leftCol {
  min-height: 16px;
}
@media (min-width: 480px) {
  .pdpCollection__leftCol {
    max-width: 370px;
  }
}
@media (min-width: 1080px) {
  .pdpCollection__leftCol {
    max-width: 767px;
  }
}

.pdpCollection__subHeading {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #1a1a1a;
  margin-bottom: 10px;
}
@media (min-width: 1080px) {
  .pdpCollection__subHeading {
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    margin-bottom: 12px;
  }
}

.pdpCollection__heading {
  font-size: 32px;
  line-height: 34px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 9px;
}
@media (min-width: 1080px) {
  .pdpCollection__heading {
    font-size: 40px;
    line-height: 42px;
    font-weight: 700;
    margin-bottom: 12px;
  }
}

.pdpCollection__description {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  margin: 0;
  color: #4d4d4d;
}
@media (min-width: 1080px) {
  .pdpCollection__description {
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
  }
}

.pdpCollection__shopLink {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #1a1a1a;
  position: absolute;
  right: 0;
  bottom: 0;
  display: none;
}
@media (min-width: 480px) {
  .pdpCollection__shopLink {
    display: block;
    right: 100px;
    bottom: 3px;
  }
}

.pdpCollection__shopButton {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  padding: 13px 24px;
}
@media (min-width: 480px) {
  .pdpCollection__shopButton {
    display: none;
  }
}

.pdpCollection__container {
  margin-bottom: 40px;
}
@media (min-width: 1200px) {
  .pdpCollection__container {
    overflow-x: hidden;
  }
}
.pdpCollection__container .productCard__price span {
  display: none;
}

.pdpCollection__slider {
  position: relative;
}

.pdpCollection__tab {
  margin-top: 19px;
  overflow: auto;
  white-space: nowrap;
  padding: 0 0 12px;
}
@media (min-width: 1080px) {
  .pdpCollection__tab {
    margin-top: 32px;
    padding-bottom: 16px;
  }
}

.pdpCollection__tabItem {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #1a1a1a;
  background: #f2f2f2;
  border-radius: 20px;
  display: inline-block;
  padding: 6px 16px;
  text-decoration: none;
  cursor: pointer;
  margin-right: 8px;
}
@media (min-width: 1080px) {
  .pdpCollection__tabItem {
    padding: 8px 16px;
    margin-right: 4px;
  }
}
.pdpCollection__tabItem.is-active {
  background: #1a1a1a;
  color: white;
}

.pdpCollection__home .pdpCollection__header {
  margin-bottom: 20px;
}
@media (min-width: 1080px) {
  .pdpCollection__home .pdpCollection__header {
    margin-bottom: 24px;
  }
}
.pdpCollection__home .pdpCollection__description {
  max-width: 630px;
}
.pdpCollection__home .pdpCollection__container {
  margin-bottom: 0;
}
@media (min-width: 480px) {
  .pdpCollection__home .pdpCollection__shopLink {
    right: 85px;
    bottom: 21px;
  }
}
@media (min-width: 1080px) {
  .pdpCollection__home .pdpCollection__shopLink {
    right: 97px;
    bottom: 21px;
  }
}
@media (min-width: 480px) {
  .pdpCollection__home .pdpCollection__leftCol {
    max-width: 70%;
  }
}
@media (min-width: 1080px) {
  .pdpCollection__home .pdpCollection__leftCol {
    max-width: 76%;
  }
}
.pdpCollection__home .pdpCollection__shopButton {
  margin-top: 23px;
}

.accountPopup {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #fff;
  top: 0;
  left: 0;
  transition: opacity ease-in 0.1s, visibility ease-out 0.1s;
  opacity: 1;
  visibility: visible;
  z-index: 102;
  overflow-y: scroll;
}
.accountPopup.hide {
  opacity: 0;
  visibility: hidden;
  transition: opacity ease-in 0.1s, visibility ease-out 0.1s;
}
@media (min-width: 480px) {
  .accountPopup {
    background: rgba(26, 26, 26, 0.8);
  }
}
.accountPopup .pdpCollection {
  padding: 0;
}
.accountPopup .pdpCollection .swiper-button-prev,
.accountPopup .pdpCollection .swiper-button-next {
  display: none;
}
.accountPopup .pdpCollection .pdpCollection__container,
.accountPopup .pdpCollection .productCard__selection {
  margin-bottom: 0;
}

.pdpCollection__container {
  overflow: hidden;
}

.accountPopup__container {
  max-width: 375px;
  margin: 40px auto;
  background: white;
  padding: 0;
  position: relative;
}
@media (min-width: 1080px) {
  .accountPopup__container {
    border-radius: 8px;
  }
}

.accountPopup__header {
  text-align: center;
  border-bottom: 1px solid #ececec;
  position: relative;
  padding: 16px 0;
  margin-bottom: 40px;
}
.accountPopup__header.mb_16 {
  margin-bottom: 16px;
}

.accountPopup__heading {
  margin: auto;
  max-width: 248px;
  margin-bottom: 0 !important;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  color: #1a1a1a;
}

.accountPopup__close {
  position: absolute;
  right: 16px;
  top: 14px;
  cursor: pointer;
}

.accountPopup__content {
  padding: 0 16px 16px;
}
.accountPopup__content.flex-center {
  display: flex;
  flex: 1;
  place-content: center;
}
.accountPopup__content .dashboard__sectionCardProductCard {
  justify-content: flex-start;
  -o-object-fit: contain;
     object-fit: contain;
}
.accountPopup__content .dashboard__sectionCardProductCardImage {
  width: 120px;
  max-width: 100px;
}
.accountPopup__content .dashboard__sectionCardProductCardImage img {
  width: 100px;
  height: auto;
  max-width: 100px;
}
.accountPopup__content .dashboard__sectionCardProductDetails {
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
}
.accountPopup__content .dashboard__sectionCardTextPrimary {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
}

.accountProduct__item {
  border-radius: 4px;
  padding: 20px 16px;
  border: 1px solid #dfdfdf;
  margin-bottom: 24px;
}

.accountProduct__description {
  margin-bottom: 24px;
}

.accountProduct__btnArea .btn-primary {
  margin-bottom: 8px;
}
.accountProduct__btnArea .buyBox__dropdownFreqWrap {
  margin-bottom: 23px;
}

.accountProduct__btnAreaSubAndSave {
  margin-top: 16px;
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.accountPopup__list {
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.accountPopup__listItem {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px;
  border-radius: 16px;
  border: 1.4px solid #dfdfdf;
  overflow: hidden;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  position: relative;
  color: #1a1a1a;
}
.accountPopup__listItem::after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  background: url("https://cdn.shopify.com/s/files/1/0794/7128/0447/files/icon-white-tick.svg") no-repeat center center #F45048;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  display: none;
}
.accountPopup__listItem.is_active {
  border-color: #F45048;
  background: linear-gradient(0deg, rgba(245, 60, 50, 0.05) 0%, rgba(245, 60, 50, 0.05) 100%), #fff;
}
.accountPopup__listItem.is_active::after {
  display: block;
}
.accountPopup__listItem.is_hidden {
  display: none;
}
.accountPopup__listItem.accountPopup__listItem--withoutCheckMark {
  display: block;
}
.accountPopup__listItem.accountPopup__listItem--withoutCheckMark::after {
  display: none;
}
.accountPopup__listItem .item__flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.accountPopup__listItem .secondaryText {
  margin-top: 4px;
  color: #4d4d4d;
  max-width: 90%;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}
.accountPopup__listItem svg {
  margin-right: 8px;
}
.accountPopup__listItem--header {
  padding-top: 0;
}
.accountPopup__listItem > div {
  width: 100%;
}
.accountPopup__listItem p {
  color: #4d4d4d;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  margin: 5px 0 0;
  max-width: 270px;
}
.accountPopup__listItem.has_badge {
  padding-top: 44px;
}
.accountPopup__listItem.has_badge .badge {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  background: #000;
  border-radius: 16px 16px 0 0;
  color: #fff;
  height: 28px;
  left: 0;
  order: 0;
  padding: 6px 16px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
}
.accountPopup__listItem.has_badge.is_active .badge {
  background: #f53c32;
}
.accountPopup__listItem.has_badge.is_active::after {
  top: calc(50% + 14px);
}

.accountPopup__listItemSecondaryText {
  margin-top: 4px;
  color: #4d4d4d;
  max-width: 90%;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}

.accountPopup__listHeader {
  border-radius: 16px 16px 0 0;
  background: #F45048;
  text-align: center;
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  padding: 6px 0;
}

.accountPopup__recommendText, .accountPopup__recommendTextCenter {
  margin-bottom: 24px;
}

.accountPopup__recommendTextCenter {
  text-align: center;
}

.accountPopup__form {
  margin-bottom: 16px;
}

.accountPopup__label {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 8px;
  display: block;
}

.accountPopup__textarea {
  border: 1px solid #dfdfdf;
  color: #1a1a1a;
  padding: 8px;
  margin-bottom: 8px;
  border-radius: 4px;
  width: 100%;
  min-height: 87px;
}

.accountPopup__order {
  display: flex;
  justify-content: space-evenly;
  text-align: center;
  margin: 24px 0;
}

.accountPopup__orderInfo {
  width: 50%;
}

.accountPopup__orderText {
  margin-top: 8px;
  margin-bottom: 0;
}

.accountPopup__product {
  text-align: center;
  border: 1px solid #dfdfdf;
  padding: 0 20px 20px;
  border-radius: 4px;
  margin-bottom: 24px;
}

.accountPopup__productImage {
  max-width: 200px;
  margin: 0 auto;
  scale: 1.3;
  transform: translate(0, -8px);
}

.accountPopup__productVendor {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #4d4d4d;
  margin-bottom: 8px;
}

.accountPopup__productTitle {
  margin: 0;
}

.accountPopup__productCard {
  text-align: center;
  border: 1px solid #dfdfdf;
  padding: 16px 20px;
  border-radius: 4px;
  margin-bottom: 24px;
}

.accountPopup__placed {
  text-align: center;
}

.accountPopup__placedHeading {
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
}
.accountPopup__placedHeading svg {
  margin-left: 10px;
  position: relative;
  top: -2px;
}

.accountPopup__placedText,
.accountPopup__description,
.accountPopup__orderText,
.accountProduct__description {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #4d4d4d;
}

.accountPopup__placedText {
  text-align: center;
  margin-bottom: 24px;
}
.accountPopup__placedText.mb_0 {
  margin-bottom: 0;
}

.accountPopup__productLineItems {
  display: flex;
  gap: 16px;
  align-items: center;
  color: #4d4d4d;
}
.accountPopup__productLineItems .accountPopup__productLineItemsHeader {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
}
.accountPopup__productLineItems .accountPopup__productLineItemsData {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  margin-left: 4px;
}

.btn-with-border-bottom {
  margin: 14px 0 24px;
  border-bottom: 1.4px solid #ececec;
  padding-bottom: 16px;
}

.accountPopup__placedTextBlue {
  padding: 16px 16px 16px 50px;
  background: #d5e7ef;
  border-radius: 8px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #1a1a1a;
  display: flex;
  align-items: center;
  position: relative;
  margin: 16px 0 8px;
}
.accountPopup__placedTextBlue svg {
  margin-right: 16px;
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
}
.accountPopup__placedTextBlue.position_top {
  margin: 16px 0;
}

.accountPopupQueue__loved {
  margin-top: 40px;
}

.accountPopupQueue__header {
  margin-bottom: 24px;
  text-align: center;
}

.accountPopup__productTitle,
.accountPopup__recommendText,
.accountPopup__recommendTextCenter,
.accountPopupQueue__heading,
.accountPopup__placedHeading,
.accountPopupQueue__title {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  color: #1a1a1a;
}

.accountPopupQueue__image {
  max-width: 104px;
}

.accountPopupQueue__vendor {
  color: #4d4d4d;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  margin-bottom: 8px;
}

.accountPopupQueue__heading {
  margin-bottom: 16px;
}

.accountPopupQueue__text {
  color: #4d4d4d;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  margin: 0;
}

.accountPopupQueue__item {
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  padding: 10px 36px 10px 16px;
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 24px;
}
.accountPopupQueue__item::after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  background: #dfdfdf;
  border-radius: 50%;
  color: #fff;
  text-align: center;
}
.accountPopupQueue__item.is_active::after {
  display: block;
  background: url("https://cdn.shopify.com/s/files/1/0794/7128/0447/files/icon-white-tick.svg") no-repeat center center #F45048;
}
.accountPopupQueue__item.is_disable {
  opacity: 0.5;
  pointer-events: none;
}
.accountPopupQueue__item.is_disable::after {
  content: none;
  display: none;
}

.accountPopupQueue__title {
  margin-bottom: 8px;
}

.accountPopup__productCardContainer {
  border-radius: 4px;
  border: 1px solid #dfdfdf;
  padding: 20px 16px;
  margin-bottom: 24px;
  position: relative;
}

.accountPopup__arrives,
.accountPopup__nextDate {
  color: #4d4d4d;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  margin-bottom: 8px;
  text-align: center;
}

.accountPopup__date {
  color: #1a1a1a;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  margin-bottom: 16px;
  text-align: center;
}

.accountPopup__nextDate {
  margin: 16px 0 24px;
}

.accountPopup__note {
  color: #4d4d4d;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  margin-top: 16px;
  text-align: center;
}

.accountPopup__btnArea {
  text-align: center;
  padding: 16px 0 0;
}
.accountPopup__btnArea .accountPopup__listBtn {
  margin-bottom: 16px;
}
@media (max-width: 479px) {
  .accountPopup__btnArea .accountPopup__btnBottomFixed {
    position: fixed;
    bottom: 0;
    left: 16px;
    right: 16px;
  }
  .accountPopup__btnArea .accountPopup__btnBottomFixed.btn-full {
    width: auto !important;
  }
}

.accountPopup__listBtn {
  display: flex;
  justify-content: center;
}

.accountPopup__link {
  color: #1a1a1a;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  cursor: pointer;
}

.accountProduct__learnmore {
  text-align: center;
}

.accountProduct__learnmorelink {
  cursor: pointer;
  font-weight: 700;
}

.accountQueue__Btn {
  margin-top: 8px;
  padding: 7px 12px;
}

.accountPopup__calender .dp__theme_light {
  --dp-background-color: #fff;
  --dp-text-color: #212121;
  --dp-hover-color: #f3f3f3;
  --dp-hover-text-color: #212121;
  --dp-hover-icon-color: #959595;
  --dp-primary-color: #f53c32;
  --dp-primary-text-color: #4d4d4d;
  --dp-secondary-color: #c0c4cc;
  --dp-border-color: #ddd;
  --dp-menu-border-color: #ddd;
  --dp-border-color-hover: #aaaeb7;
  --dp-disabled-color: #f6f6f6;
  --dp-scroll-bar-background: #f3f3f3;
  --dp-scroll-bar-color: #959595;
  --dp-success-color: #76d275;
  --dp-success-color-disabled: #a3d9b1;
  --dp-icon-color: #959595;
  --dp-danger-color: #ff6f60;
  --dp-highlight-color: rgba(25, 118, 210, 0.1);
  --dp-cell-border-radius: 50px;
  --dp-cell-padding: 0;
  --dp-cell-size: 32px;
  --dp-font-weight: 700;
  --dp-font-family: inter, arial, sans-serif;
}
.accountPopup__calender .dp__main {
  display: inherit;
  width: 80%;
  margin: 0 auto;
}
.accountPopup__calender .dp__menu {
  border: none;
}
.accountPopup__calender .dp__cell_inner,
.accountPopup__calender .dp__calendar_header_item,
.accountPopup__calender .dp__month_year_wrap {
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
}
.accountPopup__calender .dp__today {
  background-color: rgba(245, 60, 50, 0.05);
  border: none;
  color: var(--dp-primary-color);
}
.accountPopup__calender .dp__range_end,
.accountPopup__calender .dp__range_start,
.accountPopup__calender .dp__active_date {
  background: #F45048;
  color: white;
}
.accountPopup__calender .dp__inner_nav svg {
  fill: #1a1a1a;
}
.accountPopup__calender .dp__month_year_row {
  margin-bottom: 16px;
  align-items: initial;
}
.accountPopup__calender .dp__month_year_wrap {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 auto;
  width: auto;
}
.accountPopup__calender .dp__btn {
  width: auto;
  padding: 0 2px;
}
.accountPopup__calender .dp__calendar_header_item {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  color: #1a1a1a;
  height: auto;
}
.accountPopup__calender .dp__calendar_header_separator {
  display: none;
}
.accountPopup__calender .dp__cell_inner {
  font-weight: 700;
}
.accountPopup__calender .dp__cell_disabled {
  font-weight: 400;
}
.accountPopup__calender .dp__cell_highlight {
  background-color: rgba(245, 60, 50, 0.0509803922);
  color: #f53c32;
  font-weight: 700;
}

.accountPopupWide {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(26, 26, 26, 0.8);
  top: 0;
  left: 0;
  transition: opacity ease-in 0.1s, visibility ease-out 0.1s;
  opacity: 1;
  visibility: visible;
  z-index: 102;
  overflow-y: scroll;
  padding: 16px;
}

.accountPopupWide__content {
  max-width: 660px;
  margin: 30px auto;
  background: white;
  padding: 40px 16px;
  position: relative;
  text-align: center;
  border-radius: 8px;
}
@media (min-width: 1080px) {
  .accountPopupWide__content {
    margin: 40px auto;
    padding: 56px 64px;
  }
}
.accountPopupWide__content .loaderSmall,
.accountPopupWide__content .loaderSmall::after {
  border-radius: 50%;
  width: 64px;
  height: 64px;
}
@media (min-width: 1080px) {
  .accountPopupWide__content .loaderSmall,
  .accountPopupWide__content .loaderSmall::after {
    width: 90px;
    height: 90px;
  }
}
.accountPopupWide__content .loaderSmall {
  font-size: 10px;
  position: relative;
  border-top: 8px solid #ececec;
  border-right: 8px solid #ececec;
  border-bottom: 8px solid #ececec;
  border-left: 8px solid #f53c32;
  transform: translateZ(0);
  animation: load8 1.1s infinite linear;
  display: inline-block;
}
@keyframes load8 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.accountPopupWide__heading {
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 40px 0 16px;
}

.accountPopupWide__description {
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
  color: #4d4d4d;
  margin-bottom: 40px;
}
.accountPopupWide__description:last-child {
  margin-bottom: 0;
}

.accountPopup__cta--undo {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  color: #1a1a1a;
  text-decoration-line: underline;
  text-align: center;
  margin-top: 24px;
  cursor: pointer;
}

.accountPopup__listFooter {
  padding: 40px 0;
  max-width: 140px;
  margin: auto;
  text-align: center;
}

.card__reactivateOptionMain {
  background-color: white;
  padding: 40px 16px;
}
@media (min-width: 480px) {
  .card__reactivateOptionMain {
    padding: 40px 28px;
  }
}
@media (min-width: 850px) {
  .card__reactivateOptionMain {
    padding: 40px 44px;
  }
}
@media (min-width: 1440px) {
  .card__reactivateOptionMain {
    padding: 64px 44px;
  }
}

.card__reactivateOptionWrapper {
  max-width: 1046px;
  margin: 0 auto;
}
@media (max-width: 849px) {
  .card__reactivateOptionWrapper {
    max-width: 390px;
  }
}

.card__reactivateOptionContainer {
  flex-wrap: wrap;
  display: flex;
  gap: 20px;
  justify-content: center;
}
@media (min-width: 850px) {
  .card__reactivateOptionContainer {
    flex-flow: row nowrap;
    gap: 24px;
  }
}

.card__reactivateBadge {
  position: absolute;
  top: -12px;
  right: -10px;
  z-index: 10;
  background-image: url("data:image/svg+xml,%3Csvg width='109' height='24' viewBox='0 0 109 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.462936 3.94276C-0.707224 2.28685 0.476973 0 2.50461 0H106.177C107.557 0 108.677 1.11929 108.677 2.5V21.5C108.677 22.8807 107.557 24 106.177 24H2.50461C0.476972 24 -0.707224 21.7131 0.462936 20.0572L5.1371 13.4428C5.7482 12.578 5.7482 11.422 5.1371 10.5572L0.462936 3.94276Z' fill='%23F45048'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 109px;
  height: 24px;
  font-family: "Geist Mono", monospace;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.66px;
  text-transform: uppercase;
}
@media (min-width: 850px) {
  .card__reactivateBadge {
    top: 10px;
  }
}

.card__reactivateBadgeBlank {
  display: none;
}

.card__reactivateOption {
  width: 100%;
  border-radius: 16px;
  background: white;
  border: 1px solid #D7D7DA;
  position: relative;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 850px) {
  .card__reactivateOption {
    flex: 1 0 0;
    min-width: 0;
    max-width: 322px;
    padding: 20px;
    gap: 20px;
  }
}

.card__reactivateOptionImageContainer {
  display: flex;
  gap: 12px;
  align-items: center;
}
@media (min-width: 850px) {
  .card__reactivateOptionImageContainer {
    flex-direction: column;
    gap: 20px;
    align-items: stretch;
  }
}

.card__reactivateOptionImage {
  background: #F7F7F8;
  border-radius: 16px;
  overflow: hidden;
  flex: 1;
  min-width: 0;
  aspect-ratio: 157/150;
}
.card__reactivateOptionImage img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
@media (min-width: 850px) {
  .card__reactivateOptionImage {
    width: 100%;
    height: 200px;
    flex: 0 0 auto;
    aspect-ratio: auto;
    border-radius: 20px;
  }
}

.card__reactivateOptionContent {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
@media (min-width: 850px) {
  .card__reactivateOptionContent {
    gap: 8px;
    width: 100%;
    flex: 0 0 auto;
  }
}

.card__reactivateOptionContentWrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (min-width: 850px) {
  .card__reactivateOptionContentWrapper {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
  }
}

.card__reactivateOptionTextGroup {
  display: contents;
}
@media (min-width: 850px) {
  .card__reactivateOptionTextGroup {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 16px;
    padding-right: 0;
    min-width: 0;
  }
}

.card__reactivateOptionHeading {
  color: #252525;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.54px;
  margin: 0;
  order: 1;
}
@media (min-width: 850px) {
  .card__reactivateOptionHeading {
    padding-top: 4px;
    order: 0;
  }
}

.card__reactivateOptionPriceGroup {
  display: flex;
  flex-direction: column;
  gap: 4px;
  order: 2;
}
@media (min-width: 850px) {
  .card__reactivateOptionPriceGroup {
    align-items: flex-end;
    text-align: right;
    padding-top: 4px;
    order: 0;
  }
}

.card__reactivateOptionPriceContainer {
  display: flex;
  gap: 8px;
  align-items: baseline;
  flex-wrap: wrap;
}
@media (min-width: 850px) {
  .card__reactivateOptionPriceContainer {
    flex-direction: column;
    gap: 4px;
    align-items: flex-end;
  }
}

.card__reactivateOptionGrossPrice {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #7A7A7F;
  text-decoration: line-through;
}

.card__reactivateOptionNetPrice {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  color: #252525;
}

.card__reactivateOptionPriceDiscount {
  background: #EBFF88;
  padding: 2px 4px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #252525;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
}

.card__reactivateOptionShipping {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  color: #7A7A7F;
}

.card__reactivateOptionList:empty {
  display: none;
}
.card__reactivateOptionList p,
.card__reactivateOptionList li {
  color: #7A7A7F;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}
.card__reactivateOptionList ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.card__reactivateOptionList li {
  display: block;
  padding-left: 28px;
  margin-bottom: 12px;
  position: relative;
}
.card__reactivateOptionList li:last-child {
  margin-bottom: 0;
}
.card__reactivateOptionList li::before {
  content: "";
  display: inline-block;
  background: url("https://cdn.shopify.com/s/files/1/0794/7128/0447/files/Check.svg");
  background-repeat: no-repeat;
  height: 16px;
  width: 20px;
  position: absolute;
  top: 2px;
  left: 0;
}
@media (min-width: 850px) {
  .card__reactivateOptionList {
    margin: 0;
  }
  .card__reactivateOptionButton {
    margin-top: auto;
  }
}
.card__reactivateOptionButton button {
  width: 100%;
  max-width: 220px;
  min-width: 170px;
  height: 52px;
  padding: 0 24px;
  background: #252525;
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -0.32px;
  cursor: pointer;
  transition: background-color 0.15s ease;
}
.card__reactivateOptionButton button:hover {
  background: #4F4F52;
}
.card__reactivateOptionButton button:disabled {
  background: #D7D7DA;
  cursor: not-allowed;
}

.dashboard__sectionSubscriptionHeaderContainer {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-flow: row;
  gap: 16px;
  text-decoration: none;
}
.dashboard__sectionSubscriptionHeaderContainer img {
  height: 80px;
  width: 80px;
}
.dashboard__sectionSubscriptionHeaderContainer.withBorderBottom {
  padding-bottom: 20px;
  border-bottom: 1px solid #dfdfdf;
}
.dashboard__sectionSubscriptionHeaderContainer.clickable {
  cursor: pointer;
}

.dashboard__sectionSubscriptionHeader {
  width: 80%;
}

.dashboard__sectionSubscriptionHeaderSecondary {
  color: #4d4d4d;
  text-transform: capitalize;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
}

.dashboard__sectionSubscriptionHeaderPrimary {
  text-decoration: none;
  color: #1a1a1a;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
}

.dashboard__sectionSubscriptionData {
  padding: 16px 0;
  border-bottom: 1px solid #ececec;
  color: #4d4d4d;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-flow: row;
}
.dashboard__sectionSubscriptionData:last-child {
  border: none;
  padding-bottom: 0;
}
.dashboard__sectionSubscriptionData.withoutMarginTop {
  margin-top: -16px;
}

.dashboard__sectionSubscriptionDataHeader {
  flex: 1;
  text-align: left;
}

.dashboard__sectionSubscriptionDataContent {
  flex: 1.5;
  text-align: right;
  text-transform: capitalize;
}

.dashboard__sectionSubscriptionPrice {
  margin-top: 4px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}
.dashboard__sectionSubscriptionPrice span {
  font-weight: 700;
  color: #1a1a1a;
}
.dashboard__sectionSubscriptionPrice s {
  margin-left: 4px;
  color: #4d4d4d;
}

.accountPopup__contentModal, .accountPopup__Info {
  display: flex;
  flex-direction: column;
  gap: 0 16px;
}

.accountPopup__Info {
  border-radius: 8px;
  border: 1px solid #dfdfdf;
  padding: 20px 16px;
}
.accountPopup__Info.withMarginTop {
  margin-top: 16px;
}

.shimmerBG {
  animation-duration: 4s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: shimmerDashboard;
  animation-timing-function: linear;
  background: #ddd;
  background: linear-gradient(to right, #f6f6f6 8%, #f0f0f0 18%, #f6f6f6 33%);
  background-size: 100% 100%;
}

@keyframes shimmerDashboard {
  0% {
    background-position: -100% 0;
  }
  100% {
    background-position: 100% 0;
  }
  0% {
    background-position: -1200px 0;
  }
  100% {
    background-position: 1200px 0;
  }
}
.upsellShimmer__item {
  padding-bottom: 16px;
  margin: 0 !important;
}

.upsellShimmer__image {
  height: 168px;
  width: 100%;
}

.upsellShimmer__heading {
  height: 24px;
  width: 50%;
  margin-bottom: 12px;
}

.upsellShimmer__price {
  height: 24px;
  width: 70%;
  margin-bottom: 16px;
}

.upsellShimmer__list {
  margin-bottom: 18px;
  height: 16px;
  width: 60%;
}

.upsellShimmer__button {
  height: 36px;
  width: 100%;
}

.account__redeemBar {
  display: grid;
  grid-gap: 8px 0;
}
@media (min-width: 480px) {
  .account__redeemBar {
    grid-gap: 0 24px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.account__redeemBtn {
  width: 100%;
  margin-top: 16px;
  padding: 8px 16px;
}
@media (min-width: 480px) {
  .account__redeemBtn {
    width: auto;
    margin-top: 0;
  }
}

.account__redeemTitle {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 8px;
}

.account__redeemPoints {
  font-size: 18px;
  line-height: 12px;
  font-weight: 700;
  color: #1c7c54;
  margin-bottom: 8px;
}

.account__redeemRes {
  display: none;
  align-items: center;
  background-color: rgba(28, 124, 84, 0.0784313725);
  padding: 16px;
  gap: 16px;
  border-radius: 8px;
  margin-top: 24px;
}
@media (min-width: 480px) {
  .account__redeemRes {
    margin-top: 16px;
  }
}

.account__redeemRes--active {
  display: flex;
}

.account__redeemResText {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #1a1a1a;
  margin-bottom: 8px;
}
.account__redeemResText:last-child {
  margin-bottom: 0;
}
.account__redeemResText span {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
}

.account__redeemResErr {
  background-color: #fae7e7;
  display: none;
}

.account__redeemRes-error {
  display: block;
}

.account__redeemResTextErr {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 0;
  text-transform: capitalize;
}

.account__redeemUpcoming {
  display: none;
}

.account__redeemUpcoming--active {
  display: block;
}

.account__redeemBarLeft {
  background: white;
  border-radius: 0.8;
  padding: 20px 16px;
}

.account__redeemBarRight {
  background: white;
  border-radius: 0.8;
  padding: 20px 16px;
}
@media (min-width: 480px) {
  .account__redeemBarRight {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.account__redeemBarRight h6 {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  margin-bottom: 4px;
  color: #1a1a1a;
}
.account__redeemBarRight p {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #4d4d4d;
  margin-bottom: 0;
}
.account__redeemBarRight a.btn {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  padding: 7px 12px;
}

.account__redeem--loader .loaderSmall,
.account__redeem--loader .loaderSmall::after {
  border-radius: 50%;
  width: 16px;
  height: 16px;
}
.account__redeem--loader .loaderSmall {
  margin-left: 6px;
  font-size: 10px;
  position: relative;
  /* text-indent: -9999em; */
  border-top: 3px solid rgba(255, 255, 255, 0.2);
  border-right: 3px solid rgba(255, 255, 255, 0.2);
  border-bottom: 3px solid rgba(255, 255, 255, 0.2);
  border-left: 3px solid #fff;
  transform: translateZ(0);
  animation: load8 1.1s infinite linear;
  display: inline-block;
}
@keyframes load8 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.account__redeemTransactionContainer {
  margin-top: 24px;
}

.account__redeemTransaction {
  margin-top: 16px;
  padding: 20px 16px;
  border-radius: 4px;
  background: white;
  gap: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-flow: row wrap;
}

.account__redeemTransactionDate {
  color: #4d4d4d;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}

.account__redeemTransactionAction {
  margin-top: 8px;
  color: #1a1a1a;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
}

.account__redeemTransactionAmount {
  color: #1a1a1a;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
}

.account__redeemCTAContainer {
  margin-top: 24px;
  display: flex;
  place-content: center;
}
@media (min-width: 380px) {
  .account__redeemCTAContainer {
    margin-top: 40px;
  }
}

.account__redeemCTA {
  color: #1a1a1a;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
}
/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-3.use[3]!./node_modules/@vuepic/vue-datepicker/dist/main.css ***!
  \**************************************************************************************************************************************************************************************************************************************/
.dp__input_wrap {
  position: relative;
  width: 100%;
  box-sizing: unset;
}

.dp__input_wrap:focus {
  border-color: var(--dp-border-color-hover);
  outline: none;
}

.dp__input {
  background-color: var(--dp-background-color);
  border-radius: var(--dp-border-radius);
  font-family: var(--dp-font-family);
  border: 1px solid var(--dp-border-color);
  outline: none;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
  font-size: var(--dp-font-size);
  line-height: calc(var(--dp-font-size) * 1.5);
  padding: var(--dp-input-padding);
  color: var(--dp-text-color);
  box-sizing: border-box;
}

.dp__input::-moz-placeholder {
  opacity: 0.7;
}

.dp__input::placeholder {
  opacity: 0.7;
}

.dp__input:hover {
  border-color: var(--dp-border-color-hover);
}

.dp__input_reg {
  caret-color: rgba(0, 0, 0, 0);
}

.dp__input_focus {
  border-color: var(--dp-border-color-hover);
}

.dp__disabled {
  background: var(--dp-disabled-color);
}

.dp__disabled::-moz-placeholder {
  color: var(--dp-disabled-color-text);
}

.dp__disabled::placeholder {
  color: var(--dp-disabled-color-text);
}

.dp__input_icons {
  display: inline-block;
  width: var(--dp-font-size);
  height: var(--dp-font-size);
  stroke-width: 0;
  font-size: var(--dp-font-size);
  line-height: calc(var(--dp-font-size) * 1.5);
  padding: 6px 12px;
  color: var(--dp-icon-color);
  box-sizing: content-box;
}

.dp__input_icon {
  cursor: pointer;
  position: absolute;
  top: 50%;
  inset-inline-start: 0;
  transform: translateY(-50%);
  color: var(--dp-icon-color);
}

.dp__clear_icon {
  position: absolute;
  top: 50%;
  inset-inline-end: 0;
  transform: translateY(-50%);
  cursor: pointer;
  color: var(--dp-icon-color);
}

.dp__input_icon_pad {
  padding-inline-start: var(--dp-input-icon-padding);
}

.dp__input_valid {
  box-shadow: 0 0 var(--dp-border-radius) var(--dp-success-color);
  border-color: var(--dp-success-color);
}

.dp__input_valid:hover {
  border-color: var(--dp-success-color);
}

.dp__input_invalid {
  box-shadow: 0 0 var(--dp-border-radius) var(--dp-danger-color);
  border-color: var(--dp-danger-color);
}

.dp__input_invalid:hover {
  border-color: var(--dp-danger-color);
}

.dp__menu {
  background: var(--dp-background-color);
  border-radius: var(--dp-border-radius);
  min-width: var(--dp-menu-min-width);
  font-family: var(--dp-font-family);
  font-size: var(--dp-font-size);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border: 1px solid var(--dp-menu-border-color);
  box-sizing: border-box;
}

.dp__menu::after {
  box-sizing: border-box;
}

.dp__menu::before {
  box-sizing: border-box;
}

.dp__menu:focus {
  border: 1px solid var(--dp-menu-border-color);
  outline: none;
}

.dp--menu-wrapper {
  position: absolute;
  z-index: 99999;
}

.dp__menu_inner {
  padding: var(--dp-menu-padding);
}

.dp--menu--inner-stretched {
  padding: 6px 0;
}

.dp__menu_index {
  z-index: 99999;
}

.dp__menu_readonly, .dp__menu_disabled {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.dp__menu_disabled {
  background: rgba(255, 255, 255, 0.5);
  cursor: not-allowed;
}

.dp__menu_readonly {
  background: rgba(0, 0, 0, 0);
  cursor: default;
}

.dp__arrow_top {
  left: 50%;
  top: 0;
  height: 12px;
  width: 12px;
  background-color: var(--dp-background-color);
  position: absolute;
  border-inline-end: 1px solid var(--dp-menu-border-color);
  border-top: 1px solid var(--dp-menu-border-color);
  transform: translate(-50%, -50%) rotate(-45deg);
}

.dp__arrow_bottom {
  left: 50%;
  bottom: 0;
  height: 12px;
  width: 12px;
  background-color: var(--dp-background-color);
  position: absolute;
  border-inline-end: 1px solid var(--dp-menu-border-color);
  border-bottom: 1px solid var(--dp-menu-border-color);
  transform: translate(-50%, 50%) rotate(45deg);
}

.dp__action_extra {
  text-align: center;
  padding: 2px 0;
}

.dp--preset-dates {
  padding: 5px;
  border-inline-end: 1px solid var(--dp-border-color);
}

@media only screen and (width <= 600px) {
  .dp--preset-dates {
    display: flex;
    align-self: center;
    border: none;
    overflow-x: auto;
    max-width: calc(var(--dp-menu-width) - var(--dp-action-row-padding) * 2);
  }
}
.dp__sidebar_left {
  padding: 5px;
  border-inline-end: 1px solid var(--dp-border-color);
}

.dp__sidebar_right {
  padding: 5px;
  margin-inline-end: 1px solid var(--dp-border-color);
}

.dp--preset-range {
  display: block;
  padding: 5px;
  white-space: nowrap;
  color: var(--dp-text-color);
  border-radius: var(--dp-border-radius);
  transition: var(--dp-common-transition);
}

.dp--preset-range:hover {
  background-color: var(--dp-hover-color);
  cursor: pointer;
}

@media only screen and (width <= 600px) {
  .dp--preset-range {
    border: 1px solid var(--dp-border-color);
    margin: 0 3px;
  }
  .dp--preset-range:first-child {
    margin-left: 0;
  }
  .dp--preset-range:last-child {
    margin-right: 0;
  }
}
.dp__menu_content_wrapper {
  display: flex;
}

@media only screen and (width <= 600px) {
  .dp__menu_content_wrapper {
    flex-direction: column-reverse;
  }
}
.dp__calendar_header {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--dp-text-color);
  white-space: nowrap;
  font-weight: bold;
}

.dp__calendar_header_item {
  text-align: center;
  flex-grow: 1;
  height: var(--dp-cell-size);
  padding: var(--dp-cell-padding);
  width: var(--dp-cell-size);
  box-sizing: border-box;
}

.dp__calendar_row {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: var(--dp-row-maring);
}

.dp__calendar_item {
  text-align: center;
  flex-grow: 1;
  box-sizing: border-box;
  color: var(--dp-text-color);
}

.dp__calendar {
  position: relative;
}

.dp__calendar_header_cell {
  border-bottom: thin solid var(--dp-border-color);
  padding: var(--dp-calendar-header-cell-padding);
}

.dp__cell_inner {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  border-radius: var(--dp-cell-border-radius);
  height: var(--dp-cell-size);
  padding: var(--dp-cell-padding);
  width: var(--dp-cell-size);
  border: 1px solid rgba(0, 0, 0, 0);
  box-sizing: border-box;
  position: relative;
}

.dp__cell_inner:hover {
  transition: all 0.2s;
}

.dp__cell_auto_range_start, .dp__date_hover_start:hover, .dp__range_start {
  border-end-end-radius: 0;
  border-start-end-radius: 0;
}

.dp__cell_auto_range_end, .dp__date_hover_end:hover, .dp__range_end {
  border-end-start-radius: 0;
  border-start-start-radius: 0;
}

.dp__range_end, .dp__range_start, .dp__active_date {
  background: var(--dp-primary-color);
  color: var(--dp-primary-text-color);
}

.dp__cell_auto_range_end, .dp__cell_auto_range_start {
  border-top: 1px dashed var(--dp-primary-color);
  border-bottom: 1px dashed var(--dp-primary-color);
}

.dp__date_hover_end:hover, .dp__date_hover_start:hover, .dp__date_hover:hover {
  background: var(--dp-hover-color);
  color: var(--dp-hover-text-color);
}

.dp__cell_offset {
  color: var(--dp-secondary-color);
}

.dp__cell_disabled {
  color: var(--dp-secondary-color);
  cursor: not-allowed;
}

.dp__range_between {
  background: var(--dp-hover-color);
  border-radius: 0;
  border: 1px solid var(--dp-hover-color);
}

.dp__range_between_week {
  background: var(--dp-primary-color);
  color: var(--dp-primary-text-color);
  border-radius: 0;
  border-top: 1px solid var(--dp-primary-color);
  border-bottom: 1px solid var(--dp-primary-color);
}

.dp__today {
  border: 1px solid var(--dp-primary-color);
}

.dp__week_num {
  color: var(--dp-secondary-color);
  text-align: center;
}

.dp__cell_auto_range {
  border-radius: 0;
  border-top: 1px dashed var(--dp-primary-color);
  border-bottom: 1px dashed var(--dp-primary-color);
}

.dp__cell_auto_range_start {
  border-inline-start: 1px dashed var(--dp-primary-color);
}

.dp__cell_auto_range_end {
  border-inline-end: 1px dashed var(--dp-primary-color);
}

.dp__calendar_header_separator {
  width: 100%;
  height: 1px;
  background: var(--dp-border-color);
}

.dp__calendar_next {
  margin-inline-start: var(--dp-multi-calendars-spacing);
}

.dp__marker_line, .dp__marker_dot {
  height: 5px;
  background-color: var(--dp-marker-color);
  position: absolute;
  bottom: 0;
}

.dp__marker_dot {
  width: 5px;
  border-radius: 50%;
  left: 50%;
  transform: translateX(-50%);
}

.dp__marker_line {
  width: 100%;
  left: 0;
}

.dp__marker_tooltip {
  position: absolute;
  border-radius: var(--dp-border-radius);
  background-color: var(--dp-tooltip-color);
  padding: 5px;
  border: 1px solid var(--dp-border-color);
  z-index: 99999;
  box-sizing: border-box;
  cursor: default;
}

.dp__tooltip_content {
  white-space: nowrap;
}

.dp__tooltip_text {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  color: var(--dp-text-color);
}

.dp__tooltip_mark {
  height: 5px;
  width: 5px;
  border-radius: 50%;
  background-color: var(--dp-text-color);
  color: var(--dp-text-color);
  margin-inline-end: 5px;
}

.dp__arrow_bottom_tp {
  bottom: 0;
  height: 8px;
  width: 8px;
  background-color: var(--dp-tooltip-color);
  position: absolute;
  border-inline-end: 1px solid var(--dp-border-color);
  border-bottom: 1px solid var(--dp-border-color);
  transform: translate(-50%, 50%) rotate(45deg);
}

.dp__instance_calendar {
  position: relative;
  width: 100%;
}

@media only screen and (width <= 600px) {
  .dp__flex_display {
    flex-direction: column;
  }
}
.dp__cell_highlight {
  background-color: var(--dp-highlight-color);
}

.dp__month_year_row {
  display: flex;
  align-items: center;
  height: var(--dp-month-year-row-height);
  color: var(--dp-text-color);
  box-sizing: border-box;
}

.dp__inner_nav {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  height: var(--dp-month-year-row-button-size);
  width: var(--dp-month-year-row-button-size);
  color: var(--dp-icon-color);
  text-align: center;
  border-radius: 50%;
}

.dp__inner_nav svg {
  height: var(--dp-button-icon-height);
  width: var(--dp-button-icon-height);
}

.dp__inner_nav:hover {
  background: var(--dp-hover-color);
  color: var(--dp-hover-icon-color);
}

[dir=rtl] .dp__inner_nav {
  transform: rotate(180deg);
}

.dp__inner_nav_disabled:hover, .dp__inner_nav_disabled {
  background: var(--dp-disabled-color);
  color: var(--dp-disabled-color-text);
  cursor: not-allowed;
}

.dp--year-select, .dp__month_year_select {
  text-align: center;
  cursor: pointer;
  height: var(--dp-month-year-row-height);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--dp-border-radius);
  box-sizing: border-box;
  color: var(--dp-text-color);
}

.dp--year-select:hover, .dp__month_year_select:hover {
  background: var(--dp-hover-color);
  color: var(--dp-hover-text-color);
  transition: var(--dp-common-transition);
}

.dp__month_year_select {
  width: 50%;
}

.dp--year-select {
  width: 100%;
}

.dp__month_year_wrap {
  display: flex;
  width: 100%;
}

.dp__year_disable_select {
  justify-content: space-around;
}

.dp__overlay {
  width: 100%;
  background: var(--dp-background-color);
  transition: opacity 1s ease-out;
  z-index: 99999;
  font-family: var(--dp-font-family);
  color: var(--dp-text-color);
  box-sizing: border-box;
}

.dp--overlay-absolute {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
}

.dp--overlay-relative {
  position: relative;
}

.dp__overlay_container::-webkit-scrollbar-track {
  box-shadow: var(--dp-scroll-bar-background);
  background-color: var(--dp-scroll-bar-background);
}

.dp__overlay_container::-webkit-scrollbar {
  width: 5px;
  background-color: var(--dp-scroll-bar-background);
}

.dp__overlay_container::-webkit-scrollbar-thumb {
  background-color: var(--dp-scroll-bar-color);
  border-radius: 10px;
}

.dp__overlay:focus {
  border: none;
  outline: none;
}

.dp__container_flex {
  display: flex;
}

.dp__container_block {
  display: block;
}

.dp__overlay_container {
  flex-direction: column;
  overflow-y: auto;
}

.dp__time_picker_overlay_container {
  height: 100%;
}

.dp__overlay_row {
  padding: 0;
  box-sizing: border-box;
  display: flex;
  margin-inline-start: auto;
  margin-inline-end: auto;
  flex-wrap: wrap;
  max-width: 100%;
  width: 100%;
  align-items: center;
}

.dp__flex_row {
  flex: 1;
}

.dp__overlay_col {
  box-sizing: border-box;
  width: 33%;
  padding: var(--dp-overlay-col-padding);
  white-space: nowrap;
}

.dp__overlay_cell_pad {
  padding: var(--dp-common-padding) 0;
}

.dp__overlay_cell_active {
  cursor: pointer;
  border-radius: var(--dp-border-radius);
  text-align: center;
  background: var(--dp-primary-color);
  color: var(--dp-primary-text-color);
}

.dp__overlay_cell {
  cursor: pointer;
  border-radius: var(--dp-border-radius);
  text-align: center;
}

.dp__overlay_cell:hover {
  background: var(--dp-hover-color);
  color: var(--dp-hover-text-color);
  transition: var(--dp-common-transition);
}

.dp__cell_in_between {
  background: var(--dp-hover-color);
  color: var(--dp-hover-text-color);
}

.dp__over_action_scroll {
  right: 5px;
  box-sizing: border-box;
}

.dp__overlay_cell_disabled {
  cursor: not-allowed;
  background: var(--dp-disabled-color);
}

.dp__overlay_cell_disabled:hover {
  background: var(--dp-disabled-color);
}

.dp__overlay_cell_active_disabled {
  cursor: not-allowed;
  background: var(--dp-primary-disabled-color);
}

.dp__overlay_cell_active_disabled:hover {
  background: var(--dp-primary-disabled-color);
}

.dp__month_picker_header {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  height: var(--dp-cell-size);
}

.dp__btn, .dp--time-invalid, .dp--time-overlay-btn {
  border: none;
  font: inherit;
  cursor: pointer;
  transition: var(--dp-common-transition);
  line-height: normal;
}

.dp__time_input {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-family: var(--dp-font-family);
  color: var(--dp-text-color);
}

.dp__time_col_reg_block {
  padding: 0 20px;
}

.dp__time_col_reg_inline {
  padding: 0 10px;
}

.dp__time_col_reg_with_button {
  padding: 0 15px;
}

.dp__time_col_sec {
  padding: 0 10px;
}

.dp__time_col_sec_with_button {
  padding: 0 5px;
}

.dp__time_col {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.dp__time_col_block {
  font-size: var(--dp-time-font-size);
}

.dp__time_display {
  cursor: pointer;
  color: var(--dp-text-color);
  border-radius: var(--dp-border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
}

.dp__time_display:hover:enabled {
  background: var(--dp-hover-color);
  color: var(--dp-hover-text-color);
}

.dp__time_display_block {
  padding: 0 3px;
}

.dp__time_display_inline {
  padding: 5px;
}

.dp__time_picker_inline_container {
  display: flex;
  width: 100%;
  justify-content: center;
}

.dp__inc_dec_button {
  padding: 5px;
  margin: 0;
  height: var(--dp-time-inc-dec-button-size);
  width: var(--dp-time-inc-dec-button-size);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 50%;
  color: var(--dp-icon-color);
  box-sizing: border-box;
}

.dp__inc_dec_button svg {
  height: var(--dp-time-inc-dec-button-size);
  width: var(--dp-time-inc-dec-button-size);
}

.dp__inc_dec_button:hover {
  background: var(--dp-hover-color);
  color: var(--dp-primary-color);
}

.dp__inc_dec_button_inline {
  width: 100%;
  padding: 0;
  height: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.dp__inc_dec_button_disabled:hover, .dp__inc_dec_button_disabled {
  background: var(--dp-disabled-color);
  color: var(--dp-disabled-color-text);
  cursor: not-allowed;
}

.dp__pm_am_button {
  background: var(--dp-primary-color);
  color: var(--dp-primary-text-color);
  border: none;
  padding: var(--dp-common-padding);
  border-radius: var(--dp-border-radius);
  cursor: pointer;
}

.dp__tp_inline_btn_bar {
  width: 100%;
  height: 4px;
  background-color: var(--dp-secondary-color);
  transition: var(--dp-common-transition);
  border-collapse: collapse;
}

.dp__tp_inline_btn_top:hover .dp__tp_btn_in_r {
  background-color: var(--dp-primary-color);
  transform: rotate(12deg) scale(1.15) translateY(-2px);
}

.dp__tp_inline_btn_top:hover .dp__tp_btn_in_l {
  background-color: var(--dp-primary-color);
  transform: rotate(-12deg) scale(1.15) translateY(-2px);
}

.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r {
  background-color: var(--dp-primary-color);
  transform: rotate(-12deg) scale(1.15) translateY(-2px);
}

.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l {
  background-color: var(--dp-primary-color);
  transform: rotate(12deg) scale(1.15) translateY(-2px);
}

.dp--time-overlay-btn {
  background: none;
}

.dp--time-invalid {
  background-color: var(--dp-disabled-color);
}

.dp__action_row {
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--dp-action-row-padding);
  box-sizing: border-box;
  color: var(--dp-text-color);
  flex-flow: row nowrap;
}

.dp__action_row svg {
  height: var(--dp-button-icon-height);
  width: auto;
}

.dp__selection_preview {
  display: block;
  color: var(--dp-text-color);
  font-size: var(--dp-preview-font-size);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.dp__action_buttons {
  display: flex;
  flex: 0;
  align-items: center;
  justify-content: flex-end;
  margin-inline-start: auto;
}

.dp__action_button {
  display: inline-flex;
  align-items: center;
  background: rgba(0, 0, 0, 0);
  border: 1px solid rgba(0, 0, 0, 0);
  padding: var(--dp-action-buttons-padding);
  line-height: var(--dp-action-button-height);
  margin-inline-start: 3px;
  height: var(--dp-action-button-height);
  cursor: pointer;
  border-radius: var(--dp-border-radius);
  font-size: var(--dp-preview-font-size);
  font-family: var(--dp-font-family);
}

.dp__action_select {
  background: var(--dp-primary-color);
  color: var(--dp-primary-text-color);
}

.dp__action_select:hover {
  background: var(--dp-primary-color);
  transition: var(--dp-action-row-transtion);
}

.dp__action_select:disabled {
  background: var(--dp-primary-disabled-color);
  cursor: not-allowed;
}

.dp__action_cancel {
  color: var(--dp-text-color);
  border: 1px solid var(--dp-border-color);
}

.dp__action_cancel:hover {
  border-color: var(--dp-primary-color);
  transition: var(--dp-action-row-transtion);
}

.dp__btn, .dp--time-overlay-btn, .dp--time-invalid {
  border: none;
  font: inherit;
  cursor: pointer;
  transition: var(--dp-common-transition);
  line-height: normal;
}

:root {
  --dp-common-transition: all 0.1s ease-in;
  --dp-menu-padding: 6px 8px;
  --dp-animation-duration: 0.1s;
  --dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);
  --dp-transition-timing: ease-out;
  --dp-action-row-transtion: all 0.2s ease-in;
  --dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --dp-border-radius: 4px;
  --dp-cell-border-radius: 4px;
  --dp-transition-length: 22px;
  --dp-transition-timing-general: 0.1s;
  --dp-button-height: 35px;
  --dp-month-year-row-height: 35px;
  --dp-month-year-row-button-size: 25px;
  --dp-button-icon-height: 20px;
  --dp-calendar-wrap-padding: 0 5px;
  --dp-cell-size: 35px;
  --dp-cell-padding: 5px;
  --dp-common-padding: 10px;
  --dp-input-icon-padding: 35px;
  --dp-input-padding: 6px 30px 6px 12px;
  --dp-menu-min-width: 260px;
  --dp-action-buttons-padding: 1px 6px;
  --dp-row-maring: 5px 0;
  --dp-calendar-header-cell-padding: 0.5rem;
  --dp-multi-calendars-spacing: 10px;
  --dp-overlay-col-padding: 3px;
  --dp-time-inc-dec-button-size: 32px;
  --dp-font-size: 1rem;
  --dp-preview-font-size: 0.8rem;
  --dp-time-font-size: 2rem;
  --dp-action-button-height: 22px;
  --dp-action-row-padding: 8px;
}

.dp__theme_dark {
  --dp-background-color: #212121;
  --dp-text-color: #fff;
  --dp-hover-color: #484848;
  --dp-hover-text-color: #fff;
  --dp-hover-icon-color: #959595;
  --dp-primary-color: #005cb2;
  --dp-primary-disabled-color: #61a8ea;
  --dp-primary-text-color: #fff;
  --dp-secondary-color: #a9a9a9;
  --dp-border-color: #2d2d2d;
  --dp-menu-border-color: #2d2d2d;
  --dp-border-color-hover: #aaaeb7;
  --dp-disabled-color: #737373;
  --dp-disabled-color-text: #d0d0d0;
  --dp-scroll-bar-background: #212121;
  --dp-scroll-bar-color: #484848;
  --dp-success-color: #00701a;
  --dp-success-color-disabled: #428f59;
  --dp-icon-color: #959595;
  --dp-danger-color: #e53935;
  --dp-marker-color: #e53935;
  --dp-tooltip-color: #3e3e3e;
  --dp-highlight-color: rgb(0 92 178 / 20%);
}

.dp__theme_light {
  --dp-background-color: #fff;
  --dp-text-color: #212121;
  --dp-hover-color: #f3f3f3;
  --dp-hover-text-color: #212121;
  --dp-hover-icon-color: #959595;
  --dp-primary-color: #1976d2;
  --dp-primary-disabled-color: #6bacea;
  --dp-primary-text-color: #f8f5f5;
  --dp-secondary-color: #c0c4cc;
  --dp-border-color: #ddd;
  --dp-menu-border-color: #ddd;
  --dp-border-color-hover: #aaaeb7;
  --dp-disabled-color: #f6f6f6;
  --dp-scroll-bar-background: #f3f3f3;
  --dp-scroll-bar-color: #959595;
  --dp-success-color: #76d275;
  --dp-success-color-disabled: #a3d9b1;
  --dp-icon-color: #959595;
  --dp-danger-color: #ff6f60;
  --dp-marker-color: #ff6f60;
  --dp-tooltip-color: #fafafa;
  --dp-disabled-color-text: #8e8e8e;
  --dp-highlight-color: rgb(25 118 210 / 10%);
}

.dp__flex {
  display: flex;
  align-items: center;
}

.dp__btn {
  background: none;
}

.dp__main {
  font-family: var(--dp-font-family);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  box-sizing: border-box;
  position: relative;
  width: 100%;
}

.dp__pointer {
  cursor: pointer;
}

.dp__icon {
  stroke: currentcolor;
  fill: currentcolor;
}

.dp__button {
  width: 100%;
  text-align: center;
  color: var(--dp-icon-color);
  cursor: pointer;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  padding: var(--dp-common-padding);
  box-sizing: border-box;
  height: var(--dp-button-height);
}

.dp__button.dp__overlay_action {
  position: absolute;
  bottom: 0;
}

.dp__button:hover {
  background: var(--dp-hover-color);
  color: var(--dp-hover-icon-color);
}

.dp__button svg {
  height: var(--dp-button-icon-height);
  width: auto;
}

.dp__button_bottom {
  border-bottom-left-radius: var(--dp-border-radius);
  border-bottom-right-radius: var(--dp-border-radius);
}

.dp__flex_display {
  display: flex;
}

.dp__flex_display_with_input {
  flex-direction: column;
  align-items: flex-start;
}

.dp__relative {
  position: relative;
}

.calendar-next-enter-active, .calendar-next-leave-active, .calendar-prev-enter-active, .calendar-prev-leave-active {
  transition: all var(--dp-transition-timing-general) ease-out;
}

.calendar-next-enter-from {
  opacity: 0;
  transform: translateX(var(--dp-transition-length));
}

.calendar-next-leave-to {
  opacity: 0;
  transform: translateX(calc(var(--dp-transition-length) * -1));
}

.calendar-prev-enter-from {
  opacity: 0;
  transform: translateX(calc(var(--dp-transition-length) * -1));
}

.calendar-prev-leave-to {
  opacity: 0;
  transform: translateX(var(--dp-transition-length));
}

.dp-menu-appear-bottom-enter-active, .dp-menu-appear-bottom-leave-active, .dp-menu-appear-top-enter-active, .dp-menu-appear-top-leave-active, .dp-slide-up-enter-active, .dp-slide-up-leave-active, .dp-slide-down-enter-active, .dp-slide-down-leave-active {
  transition: all var(--dp-animation-duration) var(--dp-transition-timing);
}

.dp-menu-appear-top-enter-from, .dp-menu-appear-top-leave-to, .dp-slide-down-leave-to, .dp-slide-up-enter-from {
  opacity: 0;
  transform: translateY(var(--dp-transition-length));
}

.dp-menu-appear-bottom-enter-from, .dp-menu-appear-bottom-leave-to, .dp-slide-down-enter-from, .dp-slide-up-leave-to {
  opacity: 0;
  transform: translateY(calc(var(--dp-transition-length) * -1));
}

.dp--arrow-btn-nav {
  transition: var(--dp-common-transition);
} 
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-3.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/js/vue/dashboard/DashboardProductCard.vue?vue&type=style&index=0&id=2bd577cc&scoped=true&lang=css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Custom color for orange pills (OTD/Credits) */
.tag--orange[data-v-2bd577cc] {
  background-color: #f49342;
  color: #ffffff;
  border-color: #f49342;
}
.tag--red[data-v-2bd577cc] {
  background-color: #ff4d4d;
  color: #ffffff;
  border-color: #ff4d4d;
}
.tag--yellow[data-v-2bd577cc] {
  background-color: #ffcc00;
  color: black;
  border-color: #ffcc00;
}

/* Mobile-specific styling to prevent overlap with other pills */
@media (max-width: 767px) {
.dashboard__sectionCardTextSecondary--benefitPills[data-v-2bd577cc] {
    position: relative !important;
    right: auto !important;
    top: auto !important;
    text-align: center !important;
    margin-bottom: 8px;
}
  /* Ensure benefit pills display inline on mobile to save space */
.dashboard__sectionCardTextSecondary--benefitPills .tag[data-v-2bd577cc] {
    display: inline-block;
    margin-right: 8px;
    margin-left: 0;
    margin-top: 10px;
}
}
/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-3.use[3]!./node_modules/@typeform/embed/build/css/popup.css ***!
  \*************************************************************************************************************************************************************************************************************************************/
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.tf-v1-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  transition: opacity 0.25s ease-in-out;
  z-index: 10001;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tf-v1-popup .tf-v1-iframe-wrapper {
  position: relative;
  transition: opacity 0.25s ease-in-out;
  min-width: 360px;
  min-height: 360px;
}

.tf-v1-popup .tf-v1-iframe-wrapper iframe {
  width: 100%;
  height: 100%;
  border: none;
  overflow: hidden;
  border-radius: 8px;
}

.tf-v1-popup .tf-v1-close {
  display: block;
  padding: 0;
  margin: 0;
  position: absolute;
  font-size: 32px;
  font-weight: normal;
  line-height: 24px;
  width: 24px;
  height: 24px;
  text-align: center;
  text-transform: none;
  cursor: pointer;
  opacity: 0.75;
  transition: opacity 0.25s ease-in-out;
  text-decoration: none;
  color: #000;
  top: -34px;
  right: 0;
  background: none;
  border: none;
  border-radius: 0;
}

.tf-v1-popup .tf-v1-close:hover {
  opacity: 1;
}

@media (min-width: 481px) {
  .tf-v1-popup .tf-v1-close {
    color: #fff !important;
  }
}
.tf-v1-popup .tf-v1-spinner {
  border: 3px solid #aaa;
  font-size: 40px;
  width: 1em;
  height: 1em;
  border-radius: 0.5em;
  box-sizing: border-box;
  animation: spin 1s linear infinite;
  border-top-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -20px 0 0 -20px;
}

@media (max-width: 480px) {
  .tf-v1-popup {
    width: 100% !important;
    height: 100% !important;
  }
  .tf-v1-popup .tf-v1-iframe-wrapper {
    position: relative;
    transition: opacity 0.25s ease-in-out;
    min-width: 100%;
    min-height: 100%;
  }
  .tf-v1-popup .tf-v1-iframe-wrapper iframe {
    border-radius: 0;
  }
  .tf-v1-popup .tf-v1-close {
    display: block;
    padding: 0;
    margin: 0;
    position: absolute;
    font-size: 32px;
    font-weight: normal;
    line-height: 24px;
    width: 24px;
    height: 24px;
    text-align: center;
    text-transform: none;
    cursor: pointer;
    opacity: 0.75;
    transition: opacity 0.25s ease-in-out;
    text-decoration: none;
    color: #000;
    top: 6px;
    right: 8px;
    background: none;
    border: none;
    border-radius: 0;
  }
  .tf-v1-popup .tf-v1-close:hover {
    opacity: 1;
  }
}
@media (max-width: 480px) and (min-width: 481px) {
  .tf-v1-popup .tf-v1-close {
    color: #fff !important;
  }
}
/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-3.use[3]!./node_modules/swiper/swiper-bundle.css ***!
  \**************************************************************************************************************************************************************************************************************************/
/**
 * Swiper 12.1.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2026 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 18, 2026
 */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
  .swiper-slide,
  .swiper-cube-shadow {
    transform-style: preserve-3d;
  }
}

/* CSS Mode */
.swiper-css-mode {
  > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
    &::-webkit-scrollbar {
      display: none;
    }
  }
  > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  &.swiper-horizontal {
    > .swiper-wrapper {
      scroll-snap-type: x mandatory;
    }
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-slides-offset-before);
      scroll-margin-inline-start: var(--swiper-slides-offset-before);
    }
    > .swiper-wrapper > .swiper-slide:last-child {
      margin-inline-end: var(--swiper-slides-offset-after);
    }
  }
  &.swiper-vertical {
    > .swiper-wrapper {
      scroll-snap-type: y mandatory;
    }
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-slides-offset-before);
      scroll-margin-block-start: var(--swiper-slides-offset-before);
    }
    > .swiper-wrapper > .swiper-slide:last-child {
      margin-block-end: var(--swiper-slides-offset-after);
    }
  }
  &.swiper-free-mode {
    > .swiper-wrapper {
      scroll-snap-type: none;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }
  }
  &.swiper-centered {
    > .swiper-wrapper::before {
      content: "";
      flex-shrink: 0;
      order: 9999;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
  }
  &.swiper-centered.swiper-horizontal {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }
  }
  &.swiper-centered.swiper-vertical {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      width: 100%;
      min-width: 1px;
      height: var(--swiper-centered-offset-after);
    }
  }
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d {
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom,
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
  .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress),
.swiper-watch-progress .swiper-slide-visible {
  .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode {
  .swiper-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
  }
}

.swiper-virtual.swiper-css-mode.swiper-horizontal {
  .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size);
  }
}

.swiper-virtual.swiper-css-mode.swiper-vertical {
  .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size);
  }
}

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 4px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  width: var(--swiper-navigation-size);
  height: var(--swiper-navigation-size);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  &.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
  }
  &.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
  }
  .swiper-navigation-disabled & {
    display: none !important;
  }
  svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    transform-origin: center;
    fill: currentColor;
    pointer-events: none;
  }
}

.swiper-button-lock {
  display: none;
}

.swiper-button-prev,
.swiper-button-next {
  top: var(--swiper-navigation-top-offset, 50%);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
}

.swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;
  .swiper-navigation-icon {
    transform: rotate(180deg);
  }
}

.swiper-button-next {
  right: var(--swiper-navigation-sides-offset, 4px);
  left: auto;
}

.swiper-horizontal {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    top: var(--swiper-navigation-top-offset, 50%);
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    margin-left: 0;
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 4px);
    right: auto;
  }
  .swiper-button-next,
  & ~ .swiper-button-next,
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 4px);
    left: auto;
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    .swiper-navigation-icon {
      transform: rotate(180deg);
    }
  }
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    .swiper-navigation-icon {
      transform: rotate(0deg);
    }
  }
}

.swiper-vertical {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    left: var(--swiper-navigation-top-offset, 50%);
    right: auto;
    margin-left: calc(0px - var(--swiper-navigation-size) / 2);
    margin-top: 0;
  }
  .swiper-button-prev,
  ~ .swiper-button-prev {
    top: var(--swiper-navigation-sides-offset, 4px);
    bottom: auto;
    .swiper-navigation-icon {
      transform: rotate(-90deg);
    }
  }
  .swiper-button-next,
  ~ .swiper-button-next {
    bottom: var(--swiper-navigation-sides-offset, 4px);
    top: auto;
    .swiper-navigation-icon {
      transform: rotate(90deg);
    }
  }
}

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
  &.swiper-pagination-hidden {
    opacity: 0;
  }
  .swiper-pagination-disabled > &,
  &.swiper-pagination-disabled {
    display: none !important;
  }
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
  .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
  }
  .swiper-pagination-bullet-active {
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-main {
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
  }
  .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
  }
  .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
  }
  .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
  }
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
  button& {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
  .swiper-pagination-clickable & {
    cursor: pointer;
  }
  &:only-child {
    display: none !important;
  }
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
  .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
  }
  &.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    .swiper-pagination-bullet {
      display: inline-block;
      transition: 200ms transform, 200ms top;
    }
  }
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-horizontal.swiper-pagination-bullets {
  .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
  }
  &.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    .swiper-pagination-bullet {
      transition: 200ms transform, 200ms left;
    }
  }
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
  .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
  }
  .swiper-rtl & .swiper-pagination-progressbar-fill {
    transform-origin: right top;
  }
  .swiper-horizontal > &,
  &.swiper-pagination-horizontal,
  .swiper-vertical > &.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
  }
  .swiper-vertical > &,
  &.swiper-pagination-vertical,
  .swiper-horizontal > &.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0;
  }
}

.swiper-pagination-lock {
  display: none;
}

:root {
  /*
  --swiper-scrollbar-border-radius: 10px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 4px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
  --swiper-scrollbar-size: 4px;
  */
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
  .swiper-scrollbar-disabled > &,
  &.swiper-scrollbar-disabled {
    display: none !important;
  }
  .swiper-horizontal > &,
  &.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  }
  .swiper-vertical > &,
  &.swiper-scrollbar-vertical {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  }
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

/* Zoom container styles start */
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  > img,
  > svg,
  > canvas {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

/* Zoom container styles end */
.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}

/* a11y */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-thumbs {
  .swiper-slide-thumb-active {
    /* Styles for active thumb slide */
  }
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-fade {
  &.swiper-free-mode {
    .swiper-slide {
      transition-timing-function: ease-out;
    }
  }
  .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
    .swiper-slide {
      pointer-events: none;
    }
  }
  .swiper-slide-active {
    pointer-events: auto;
    & .swiper-slide-active {
      pointer-events: auto;
    }
  }
}

.swiper.swiper-cube {
  overflow: visible;
}

.swiper-cube {
  .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
    .swiper-slide {
      pointer-events: none;
    }
  }
  &.swiper-rtl .swiper-slide {
    transform-origin: 100% 0;
  }
  .swiper-slide-active {
    &,
    & .swiper-slide-active {
      pointer-events: auto;
    }
  }
  .swiper-slide-active,
  .swiper-slide-next,
  .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
  }
  .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: 0;
    &:before {
      content: "";
      background: #000;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      filter: blur(50px);
    }
  }
  .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible;
  }
}

/* Cube slide shadows start */
.swiper-cube {
  .swiper-slide-shadow-cube.swiper-slide-shadow-top,
  .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
  .swiper-slide-shadow-cube.swiper-slide-shadow-left,
  .swiper-slide-shadow-cube.swiper-slide-shadow-right {
    z-index: 0;
    backface-visibility: hidden;
  }
}

/* Cube slide shadows end */
.swiper.swiper-flip {
  overflow: visible;
}

.swiper-flip {
  .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
    .swiper-slide {
      pointer-events: none;
    }
  }
  .swiper-slide-active {
    &,
    & .swiper-slide-active {
      pointer-events: auto;
    }
  }
}

/* Flip slide shadows start */
.swiper-flip {
  .swiper-slide-shadow-flip.swiper-slide-shadow-top,
  .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
  .swiper-slide-shadow-flip.swiper-slide-shadow-left,
  .swiper-slide-shadow-flip.swiper-slide-shadow-right {
    z-index: 0;
    backface-visibility: hidden;
  }
}

/* Flip slide shadows end */
.swiper-creative {
  .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height;
  }
}

.swiper.swiper-cards {
  overflow: visible;
}

.swiper-cards {
  .swiper-slide {
    transform-origin: center bottom;
    backface-visibility: hidden;
    overflow: hidden;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-3.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/js/vue/dashboard/popup/CancelSubscription.vue?vue&type=style&index=0&id=265b9d5b&scoped=true&lang=css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.cancel-subscription-modal[data-v-265b9d5b] {
  max-width: 600px;
  max-height: 90vh;
  overflow-y: auto;
}
.cancel-subscription__back[data-v-265b9d5b] {
  position: absolute;
  left: 20px;
  top: 20px;
  background: none;
  border: none;
  font-size: 16px;
  cursor: pointer;
  color: #333;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 4px;
  transition: opacity 0.2s;
}
.cancel-subscription__back[data-v-265b9d5b]:hover {
  opacity: 0.7;
}
.cancel-subscription__back--disabled[data-v-265b9d5b],
.cancel-subscription__back[data-v-265b9d5b]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}
.cancel-subscription__back-icon[data-v-265b9d5b] {
  flex-shrink: 0;
}
.cancel-subscription__content[data-v-265b9d5b] {
  padding: 20px;
}

/* Reactivation Card Styles */
.cancel-subscription__reactivation[data-v-265b9d5b] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px 20px;
}
.cancel-subscription__reactivation-card[data-v-265b9d5b] {
  background: linear-gradient(135deg, #f5f5f5 0%, #ffffff 100%);
  border: 2px solid #ddd;
  border-radius: 12px;
  padding: 32px;
  max-width: 500px;
  width: 100%;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.cancel-subscription__reactivation-content[data-v-265b9d5b] {
  text-align: center;
  margin-bottom: 0;
}
.cancel-subscription__reactivation-title[data-v-265b9d5b] {
  font-size: 24px;
  font-weight: 600;
  color: #333;
  margin: 0 0 12px 0;
  line-height: 1.3;
}
.cancel-subscription__reactivation-description[data-v-265b9d5b] {
  font-size: 16px;
  color: #666;
  margin: 0;
  line-height: 1.5;
}
.cancel-subscription__intro[data-v-265b9d5b] {
  margin-bottom: 32px;
}
.cancel-subscription__greeting[data-v-265b9d5b] {
  font-size: 16px;
  line-height: 1.6;
  color: #333;
  margin: 0 0 20px 0;
  padding: 0;
}
.cancel-subscription__perks[data-v-265b9d5b] {
  list-style: none;
  padding: 0;
  margin: 0 0 20px 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.cancel-subscription__perks li[data-v-265b9d5b] {
  position: relative;
  padding-left: 28px;
  font-size: 15px;
  line-height: 1.5;
  color: #333;
}
.cancel-subscription__perks li[data-v-265b9d5b]::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #e53c32;
  font-weight: 700;
  font-size: 18px;
}
.cancel-subscription__prompt[data-v-265b9d5b] {
  font-size: 16px;
  line-height: 1.6;
  color: #333;
  margin: 0;
  padding: 0;
}
.cancel-subscription__reason-section[data-v-265b9d5b] {
  margin-top: 0;
}
.cancel-subscription__reason-buttons[data-v-265b9d5b] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.cancel-subscription__reason-button[data-v-265b9d5b] {
  padding: 16px;
  border: 2px solid #e53c32;
  background: white;
  color: #e53c32;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  text-align: left;
}
.cancel-subscription__reason-button[data-v-265b9d5b]:hover {
  background: #fef5f4;
}
.cancel-subscription__flow[data-v-265b9d5b] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.cancel-subscription__flow p[data-v-265b9d5b] {
  line-height: 1.5;
}
.cancel-subscription__option-button[data-v-265b9d5b] {
  padding: 16px;
  border: 2px solid #e53c32;
  background: white;
  color: #e53c32;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s;
  text-align: left;
}
.cancel-subscription__option-button[data-v-265b9d5b]:hover {
  background: #fef5f4;
}
.cancel-subscription__option-button .option-title[data-v-265b9d5b] {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 4px;
}
.cancel-subscription__option-button .option-desc[data-v-265b9d5b] {
  font-size: 14px;
  font-weight: 400;
}
.cancel-subscription__cancel-anyway[data-v-265b9d5b] {
  margin-top: 8px;
  background: none;
  border: none;
  color: #333;
  text-decoration: underline;
  cursor: pointer;
  font-size: 14px;
  align-self: flex-start;
}
.cancel-subscription__feedback[data-v-265b9d5b] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.cancel-subscription__feedback label[data-v-265b9d5b] {
  font-weight: 500;
}
.cancel-subscription__feedback textarea[data-v-265b9d5b] {
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-family: inherit;
  font-size: 14px;
  resize: vertical;
}
.cancel-subscription__sub-heading[data-v-265b9d5b] {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 8px;
}
.cancel-subscription__sub-subheading[data-v-265b9d5b] {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 16px;
}
.cancel-subscription__current-order[data-v-265b9d5b] {
  display: flex;
  gap: 12px;
  padding: 16px;
  background: #f5f5f5;
  border-radius: 4px;
  margin-bottom: 16px;
}
.cancel-subscription__product-image[data-v-265b9d5b] {
  width: 80px;
  height: 80px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
.cancel-subscription__date-selector[data-v-265b9d5b] {
  margin-bottom: 16px;
}
.cancel-subscription__selected-date[data-v-265b9d5b] {
  margin-bottom: 16px;
}
.cancel-subscription__selected-date .label[data-v-265b9d5b] {
  font-size: 12px;
  text-transform: uppercase;
  color: #e53c32;
  margin-bottom: 4px;
}
.cancel-subscription__selected-date h4[data-v-265b9d5b] {
  font-size: 24px;
  font-weight: 600;
}
.cancel-subscription__footer[data-v-265b9d5b] {
  text-align: center;
  padding: 20px;
  border-top: 1px solid #eee;
}
.cancel-subscription__keep-button[data-v-265b9d5b] {
  width: 100%;
  padding: 12px;
  border: 2px solid #e53c32;
  background: white;
  color: #e53c32;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  margin-bottom: 12px;
}
.cancel-subscription__keep-button[data-v-265b9d5b]:hover {
  background: #fef5f4;
}
.cancel-subscription__reactivate-button[data-v-265b9d5b] {
  width: 100%;
  margin-bottom: 12px;
}

/* Prepay Offer Styles */
.cancel-subscription__offer-card[data-v-265b9d5b] {
  padding: 20px;
  border: 3px solid #e53c32;
  background: #fff5f5;
  color: #333;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s;
  text-align: left;
}
.cancel-subscription__offer-card[data-v-265b9d5b]:hover {
  background: #ffe5e5;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(229, 60, 50, 0.2);
}
.cancel-subscription__offer-card .offer-card__title[data-v-265b9d5b] {
  font-size: 18px;
  font-weight: 700;
  color: #e53c32;
  margin-bottom: 8px;
}
.cancel-subscription__offer-card .offer-card__desc[data-v-265b9d5b] {
  font-size: 14px;
  font-weight: 400;
  color: #666;
}

/* Offer Comparison Table */
.offer-comparison[data-v-265b9d5b] {
  margin: 20px 0;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  overflow: hidden;
}
.offer-comparison__row[data-v-265b9d5b] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  border-bottom: 1px solid #e0e0e0;
}
.offer-comparison__row[data-v-265b9d5b]:last-child {
  border-bottom: none;
}
.offer-comparison__header[data-v-265b9d5b] {
  background: #f5f5f5;
  font-weight: 600;
  font-size: 14px;
}
.offer-comparison__header .offer-comparison__col[data-v-265b9d5b] {
  padding: 12px;
  text-align: center;
}
.offer-comparison__label[data-v-265b9d5b] {
  padding: 12px;
  font-weight: 500;
  font-size: 14px;
  background: #fafafa;
  border-right: 1px solid #e0e0e0;
}
.offer-comparison__col[data-v-265b9d5b] {
  padding: 12px;
  text-align: center;
  font-size: 14px;
  border-right: 1px solid #e0e0e0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.offer-comparison__col[data-v-265b9d5b]:last-child {
  border-right: none;
}
.offer-comparison__col--highlight[data-v-265b9d5b] {
  background: #fff5f5;
  color: #e53c32;
  font-weight: 600;
}
.cancel-subscription__offer-details .btn[data-v-265b9d5b] {
  margin-top: 20px;
}

/* Prepay Options Grid Styles */
.prepay-options__grid[data-v-265b9d5b] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 16px;
  margin: 24px 0;
}
.prepay-option[data-v-265b9d5b] {
  padding: 20px;
  border: 2px solid #ddd;
  border-radius: 8px;
  background: white;
  cursor: pointer;
  transition: all 0.2s;
  text-align: center;
  position: relative;
}
.prepay-option[data-v-265b9d5b]:hover:not(.prepay-option--disabled) {
  border-color: #e53c32;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(229, 60, 50, 0.15);
}
.prepay-option--selected[data-v-265b9d5b] {
  border-color: #e53c32;
  border-width: 3px;
  background: #fff5f5;
}
.prepay-option--disabled[data-v-265b9d5b] {
  cursor: not-allowed;
  opacity: 0.6;
  background: #f5f5f5;
}
.prepay-option__header[data-v-265b9d5b] {
  margin-bottom: 12px;
}
.prepay-option__title[data-v-265b9d5b] {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  margin-bottom: 8px;
}
.prepay-option__badge[data-v-265b9d5b] {
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 12px;
  display: inline-block;
}
.prepay-option__badge--current[data-v-265b9d5b] {
  background: #e0e0e0;
  color: #666;
}
.prepay-option__price[data-v-265b9d5b] {
  font-size: 24px;
  font-weight: 700;
  color: #e53c32;
  margin-bottom: 8px;
}
.prepay-option__strikethrough[data-v-265b9d5b] {
  font-size: 16px;
  color: #999;
  text-decoration: line-through;
  margin-left: 8px;
  font-weight: 400;
}
.prepay-option__description[data-v-265b9d5b] {
  font-size: 14px;
  color: #666;
  font-weight: 500;
}
.cancel-subscription__sub-description[data-v-265b9d5b] {
  font-size: 15px;
  color: #666;
  margin-bottom: 8px;
  line-height: 1.5;
}

/* Hail Mary Offer Styles */
.hail-mary-offer__content[data-v-265b9d5b] {
  margin-bottom: 24px;
}
.hail-mary-offer__message[data-v-265b9d5b] {
  font-size: 15px;
  line-height: 1.6;
  color: #333;
  margin-bottom: 16px;
}
.hail-mary-offer__message[data-v-265b9d5b]:last-child {
  margin-bottom: 0;
}
.hail-mary-offer__message strong[data-v-265b9d5b] {
  color: #1c7c54;
  font-weight: 600;
}

/* Big Bag Comparison Styles */
.big-bag-comparison[data-v-265b9d5b] {
  margin: 24px 0;
}
.big-bag-comparison__current[data-v-265b9d5b] {
  padding: 16px;
  background: #f5f5f5;
  border-radius: 8px;
  margin-bottom: 16px;
}
.big-bag-comparison__recommended[data-v-265b9d5b] {
  padding: 16px;
  background: #fff5f5;
  border: 3px solid #e53c32;
  border-radius: 8px;
}
.big-bag-comparison__label[data-v-265b9d5b] {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 8px;
}
.big-bag-comparison__price[data-v-265b9d5b] {
  font-size: 14px;
  color: #666;
}
.big-bag-comparison__recommended .big-bag-comparison__label[data-v-265b9d5b] {
  color: #e53c32;
}
.big-bag-comparison__recommended .big-bag-comparison__price[data-v-265b9d5b] {
  color: #e53c32;
  font-weight: 500;
}
.big-bag-benefits[data-v-265b9d5b] {
  margin: 24px 0;
}
.big-bag-benefits__heading[data-v-265b9d5b] {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 16px;
}
.big-bag-benefits__list[data-v-265b9d5b] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.big-bag-benefits__list li[data-v-265b9d5b] {
  padding: 8px 0;
  font-size: 14px;
  line-height: 1.5;
}

/* Classics Comparison Styles */
.classics-comparison[data-v-265b9d5b] {
  margin: 24px 0;
}
.classics-comparison__current[data-v-265b9d5b] {
  padding: 16px;
  background: #f5f5f5;
  border-radius: 8px;
  margin-bottom: 16px;
}
.classics-comparison__offer[data-v-265b9d5b] {
  padding: 16px;
  background: #fff5f5;
  border: 3px solid #e53c32;
  border-radius: 8px;
}
.classics-comparison__label[data-v-265b9d5b] {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 8px;
}
.classics-comparison__price[data-v-265b9d5b] {
  font-size: 14px;
  color: #666;
}
.classics-comparison__offer .classics-comparison__label[data-v-265b9d5b] {
  color: #e53c32;
}
.classics-comparison__offer .classics-comparison__price[data-v-265b9d5b] {
  color: #e53c32;
  font-weight: 500;
}
.classics-benefits[data-v-265b9d5b] {
  margin: 24px 0;
}
.classics-benefits__heading[data-v-265b9d5b] {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 16px;
}
.classics-benefits__list[data-v-265b9d5b] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.classics-benefits__list li[data-v-265b9d5b] {
  padding: 8px 0;
  font-size: 14px;
  line-height: 1.5;
}

/* Address Form Styles */
.cancel-subscription__address-form[data-v-265b9d5b] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.address-form[data-v-265b9d5b] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.address-form__row[data-v-265b9d5b] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.address-form__field[data-v-265b9d5b] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.address-form__label[data-v-265b9d5b] {
  font-size: 14px;
  font-weight: 500;
  color: #333;
}
.address-form__input[data-v-265b9d5b] {
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
  font-family: inherit;
  transition: border-color 0.2s;
}
.address-form__input[data-v-265b9d5b]:focus {
  outline: none;
  border-color: #e53c32;
}
.address-form__input--error[data-v-265b9d5b] {
  border-color: #e53c32;
  background-color: #fef5f4;
}
.address-form__error[data-v-265b9d5b] {
  font-size: 12px;
  color: #e53c32;
  margin-top: 4px;
}
@media (max-width: 640px) {
.address-form__row[data-v-265b9d5b] {
    grid-template-columns: 1fr;
}
.cancel-subscription__greeting[data-v-265b9d5b],
  .cancel-subscription__prompt[data-v-265b9d5b] {
    font-size: 15px;
}
.cancel-subscription__perks li[data-v-265b9d5b] {
    font-size: 14px;
    padding-left: 24px;
}
.cancel-subscription__perks li[data-v-265b9d5b]::before {
    font-size: 16px;
}
}