.tooltipster-fall,.tooltipster-grow.tooltipster-show{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-base{display:flex;pointer-events:none;position:absolute}.tooltipster-box{flex:1 1 auto}.tooltipster-content{box-sizing:border-box;max-height:100%;max-width:100%;overflow:auto}.tooltipster-ruler{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;visibility:hidden}.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity}.tooltipster-fade.tooltipster-show{opacity:1}.tooltipster-grow{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-backface-visibility:hidden}.tooltipster-grow.tooltipster-show{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-moz-transform:rotateZ(4deg);-o-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform}.tooltipster-swing.tooltipster-show{opacity:1;-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-o-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,1);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-moz-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-ms-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-o-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);transition-timing-function:cubic-bezier(.23,.635,.495,2.4)}.tooltipster-fall{-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;-ms-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-fall.tooltipster-initial{top:0!important}.tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;top:0!important;opacity:0}.tooltipster-slide{-webkit-transition-property:left;-moz-transition-property:left;-o-transition-property:left;-ms-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-slide.tooltipster-initial{left:-40px!important}.tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;left:0!important;opacity:0}@keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}.tooltipster-update-fade{animation:tooltipster-fading .4s}@keyframes tooltipster-rotating{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}100%{transform:rotate(0)}}.tooltipster-update-rotate{animation:tooltipster-rotating .6s}@keyframes tooltipster-scaling{50%{transform:scale(1.1)}100%{transform:scale(1)}}.tooltipster-update-scale{animation:tooltipster-scaling .6s}.tooltipster-sidetip .tooltipster-box{background:#565656;border:2px solid #000;border-radius:4px}.tooltipster-sidetip.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip .tooltipster-content{color:#fff;line-height:18px;padding:6px 14px}.tooltipster-sidetip .tooltipster-arrow{overflow:hidden;position:absolute}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{height:10px;margin-left:-10px;top:0;width:20px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow{height:20px;margin-top:-10px;right:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{height:20px;margin-top:-10px;left:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow{bottom:0;height:10px;margin-left:-10px;width:20px}.tooltipster-sidetip .tooltipster-arrow-background,.tooltipster-sidetip .tooltipster-arrow-border{height:0;position:absolute;width:0}.tooltipster-sidetip .tooltipster-arrow-background{border:10px solid transparent}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#565656;left:0;top:3px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{border-left-color:#565656;left:-3px;top:0}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{border-right-color:#565656;left:3px;top:0}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:#565656;left:0;top:-3px}.tooltipster-sidetip .tooltipster-arrow-border{border:10px solid transparent;left:0;top:0}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#000}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{border-left-color:#000}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{border-right-color:#000}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{border-top-color:#000}.tooltipster-sidetip .tooltipster-arrow-uncropped{position:relative}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{top:-10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{left:-10px}
:root,
[data-theme=light] {
  --navbar-height-desktop-full: 64px;
  --navbar-height-desktop-simple: 64px;
  --navbar-height-mobile-full: 110px;
  --navbar-height-mobile-simple: 82px;
  --timebar-height: 32px;
  --wr-header-height-desktop: 300px;
  --wr-header-height-mobile: 240px;
  --mobile-subnav-height: 40px;
  --desktop-subnav-height: 46px;
  --navbar-height: var(--navbar-height-mobile-full);
  --color-afton-black: #000000;
  --color-afton-white: #ffffff;
  --color-afton-purple: #d2affa;
  --color-gray-100: #e6e6f0;
  --color-purple-500: #7f37f5;
  --color-gray-500: #9399a5;
  --color-verification: #d2affa;
  --color-alert: #e54866;
  --color-discount-typography: #b4ff78;
  --color-discount-light: #449a00;
  --text-primary: #000000;
  --text-secondary: #7f37f5;
  --text-tertiary: #9399a5;
  --text-inverse: #ffffff;
  --text-disabled: rgba(0, 0, 0, 0.4);
  --text-success: #449a00;
  --link-color: #7F37F5;
  --link-hover-color: #610ced;
  --bg-primary: #ffffff;
  --bg-secondary: #e6e6f0;
  --bg-tertiary: #f3f3f3;
  --bg-overlay: rgba(0, 0, 0, 0.5);
  --card-bg: var(--bg-tertiary);
  --btn-primary-bg: #000000;
  --btn-primary-text: #ffffff;
  --btn-primary-border: transparent;
  --btn-primary-hover-bg: #ffffff;
  --btn-primary-hover-text: #000000;
  --btn-primary-hover-border: #000000;
  --btn-secondary-bg: transparent;
  --btn-secondary-text: #7f37f5;
  --btn-secondary-border: #7f37f5;
  --btn-secondary-hover-bg: #7f37f5;
  --btn-secondary-hover-text: #ffffff;
  --btn-secondary-hover-border: #7f37f5;
  --btn-secondary-solid-bg: transparent;
  --btn-secondary-solid-text: #7f37f5;
  --btn-secondary-solid-border: #7f37f5;
  --btn-secondary-solid-hover-bg: #7f37f5;
  --btn-secondary-solid-hover-text: #ffffff;
  --btn-secondary-solid-hover-border: #7f37f5;
  --btn-contrast-bg: #000000;
  --btn-contrast-text: #ffffff;
  --btn-contrast-border: transparent;
  --btn-contrast-hover-bg: #ffffff;
  --btn-contrast-hover-text: #000000;
  --btn-contrast-hover-border: #000000;
  --btn-inverse-bg: #ffffff;
  --btn-inverse-text: #000000;
  --btn-inverse-border: transparent;
  --btn-inverse-hover-bg: #e6e6f0;
  --btn-inverse-hover-text: #000000;
  --btn-inverse-hover-border: transparent;
  --btn-purple-bg: #d2affa;
  --btn-purple-text: #000000;
  --btn-purple-border: transparent;
  --btn-purple-hover-bg: #bf9ef5;
  --btn-purple-hover-text: #000000;
  --btn-purple-hover-border: transparent;
  --btn-disabled-bg: #9399a5;
  --btn-disabled-text: rgba(0, 0, 0, 0.35);
  --btn-disabled-border: transparent;
  --border-primary: #d2d2dc;
  --border-secondary: #9399a5;
  --border-focus: #d2affa;
  --input-bg: #e6e6f0;
  --input-border: #e6e6f0;
  --input-text: #000000;
  --input-placeholder: #9399a5;
  --input-focus-border: #d2affa;
  --input-focus-bg: #ffffff;
  --input-focus-shadow: rgba(210, 175, 250, 0.2);
  --input-error-border: #e54866;
  --input-success-border: #449a00;
  --select-bg: #ffffff;
  --select-arrow-color: #000000;
  --tab-active-bg: #000000;
  --tab-active-text: #ffffff;
  --tab-inactive-bg: #d2d2dc;
  --tab-inactive-text: #000000;
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
      0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
      0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
      0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

[data-theme=dark] {
  --color-afton-black: #000000;
  --color-afton-white: #ffffff;
  --color-afton-purple: #d2affa;
  --color-gray-900: #161616;
  --color-gray-800: #262626;
  --color-gray-500: #9399a5;
  --color-purple-500: #7f37f5;
  --color-verification: #d2affa;
  --color-alert: #e54866;
  --color-discount-typography: #b4ff78;
  --text-primary: #ffffff;
  --text-secondary: #7f37f5;
  --text-tertiary: #9399a5;
  --text-inverse: #000000;
  --text-disabled: rgba(255, 255, 255, 0.4);
  --text-success: #b4ff78;
  --link-color: #d2affa;
  --link-hover-color: #b77ff7;
  --bg-primary: #000000;
  --bg-secondary: #161616;
  --bg-tertiary: #262626;
  --bg-overlay: rgba(0, 0, 0, 0.8);
  --card-bg: var(--bg-tertiary);
  --btn-primary-bg: #d2affa;
  --btn-primary-text: #000000;
  --btn-primary-border: transparent;
  --btn-primary-hover-bg: #bf9ef5;
  --btn-primary-hover-text: #000000;
  --btn-primary-hover-border: transparent;
  --btn-secondary-bg: transparent;
  --btn-secondary-text: #7f37f5;
  --btn-secondary-border: #7f37f5;
  --btn-secondary-hover-bg: #7f37f5;
  --btn-secondary-hover-text: #ffffff;
  --btn-secondary-hover-border: #7f37f5;
  --btn-secondary-solid-bg: transparent;
  --btn-secondary-solid-text: #d2affa;
  --btn-secondary-solid-border: #d2affa;
  --btn-secondary-solid-hover-bg: transparent;
  --btn-secondary-solid-hover-text: #d2affa;
  --btn-secondary-solid-hover-border: #d2affa;
  --btn-contrast-bg: #ffffff;
  --btn-contrast-text: #000000;
  --btn-contrast-border: transparent;
  --btn-contrast-hover-bg: #e6e6f0;
  --btn-contrast-hover-text: #000000;
  --btn-contrast-hover-border: transparent;
  --btn-inverse-bg: #000000;
  --btn-inverse-text: #ffffff;
  --btn-inverse-border: transparent;
  --btn-inverse-hover-bg: #ffffff;
  --btn-inverse-hover-text: #000000;
  --btn-inverse-hover-border: #000000;
  --btn-purple-bg: #d2affa;
  --btn-purple-text: #000000;
  --btn-purple-border: transparent;
  --btn-purple-hover-bg: #bf9ef5;
  --btn-purple-hover-text: #000000;
  --btn-purple-hover-border: transparent;
  --btn-disabled-bg: #9399a5;
  --btn-disabled-text: rgba(255, 255, 255, 0.3);
  --btn-disabled-border: transparent;
  --border-primary: #404040;
  --border-secondary: #9399a5;
  --border-focus: #d2affa;
  --input-bg: #262626;
  --input-border: #404040;
  --input-text: #ffffff;
  --input-placeholder: #9399a5;
  --input-focus-border: #d2affa;
  --input-focus-bg: #333333;
  --input-focus-shadow: rgba(210, 175, 250, 0.2);
  --input-error-border: #e54866;
  --input-success-border: #b4ff78;
  --select-bg: #2a2a2a;
  --select-arrow-color: #ffffff;
  --tab-active-bg: #d2affa;
  --tab-active-text: #000000;
  --tab-inactive-bg: #262626;
  --tab-inactive-text: #ffffff;
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4),
      0 2px 4px -1px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5),
      0 4px 6px -2px rgba(0, 0, 0, 0.4);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.6),
      0 10px 10px -5px rgba(0, 0, 0, 0.5);
}

html {
  -webkit-transition: background-color 0.3s ease, color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.af-icon-btn,
.af-search-btn {
  color: var(--text-primary);
}

.af-icon-btn svg,
.af-search-btn svg {
  stroke: currentColor;
  fill: none;
}

.af-icon-btn img,
.af-search-btn img {
  -webkit-transition: -webkit-filter 0.3s ease;
  transition: -webkit-filter 0.3s ease;
  transition: filter 0.3s ease;
  transition: filter 0.3s ease, -webkit-filter 0.3s ease;
}

.theme-icon {
  -webkit-transition: -webkit-filter 0.3s ease;
  transition: -webkit-filter 0.3s ease;
  transition: filter 0.3s ease;
  transition: filter 0.3s ease, -webkit-filter 0.3s ease;
}

[data-theme=dark] .theme-icon {
  -webkit-filter: invert(1) brightness(1);
          filter: invert(1) brightness(1);
}

.theme-logo {
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.brand-logo,
.no-filter {
  -webkit-filter: none !important;
          filter: none !important;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

[data-theme=light] .social-media a img {
  -webkit-filter: brightness(0) saturate(100%);
          filter: brightness(0) saturate(100%);
  -webkit-transition: -webkit-filter 0.3s ease;
  transition: -webkit-filter 0.3s ease;
  transition: filter 0.3s ease;
  transition: filter 0.3s ease, -webkit-filter 0.3s ease;
}

[data-theme=dark] .social-media a img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
  -webkit-transition: -webkit-filter 0.3s ease;
  transition: -webkit-filter 0.3s ease;
  transition: filter 0.3s ease;
  transition: filter 0.3s ease, -webkit-filter 0.3s ease;
}

body {
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: clamp(1rem, calc(0.18vw + 1.08rem), 1.25rem);
  line-height: 1.35;
  padding-top: var(--navbar-height-mobile-simple);
}

@media (min-width: 992px) {
  body {
    padding-top: var(--navbar-height-desktop-simple);
  }
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4 {
  font-family: "PP Right Compact", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 900;
  margin-bottom: 0;
}

h1,
.h1 {
  font-size: clamp(2rem, calc(3.75vw + 2.08rem), 5.625rem);
  line-height: 0.9;
}

h2,
.h2 {
  font-size: clamp(2rem, calc(1.43vw + 2.65rem), 4rem);
  line-height: 0.9;
}

h3,
.h3 {
  font-size: clamp(2rem, calc(1.43vw + 2.65rem), 4rem);
  line-height: 0.9;
}

h4,
.h4 {
  font-size: clamp(1.25rem, calc(1.07vw + 1.24rem), 2.25rem);
  line-height: 1;
}

h5,
.h5 {
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: clamp(1rem, calc(0.18vw + 1.08rem), 1.25rem);
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 0;
}

h6,
.h6 {
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 0;
}

p {
  line-height: 1.35;
}

button {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.invalid-feedback {
  color: var(--color-alert);
  padding-left: 1rem;
  text-align: left;
}

.invalid-feedback a {
  color: var(--color-alert);
  text-decoration: underline;
}

.auth-data-frame {
  position: relative;
  width: 100%;
  float: left;
}

.auth-data-frame .left-section {
  position: relative;
  width: 35%;
  height: 100vh;
  padding: 0 32px;
  float: left;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
          align-items: center;
}

.auth-data-frame .left-section h3 {
  font-size: 2rem;
  color: #1c2331;
  line-height: 1.2;
  font-weight: 500;
  text-transform: uppercase;
  margin: 40px 0 7px 0;
}

.auth-data-frame .left-section p {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.3;
  color: var(--text-tertiary);
  margin-top: 1rem;
}

.auth-data-frame .left-section p a {
  font-weight: 400;
  font-size: 0.938rem;
  line-height: 1.3;
  text-decoration: none;
}

.auth-data-frame .left-section p.sub-text {
  font-size: 0.75rem;
  line-height: 1.3;
}

.auth-data-frame .right-section {
  position: relative;
  width: 65%;
  height: 100vh;
  float: left;
  background: #6b4efd url("/img/auth/auth-hero-bg.jpg") no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  text-align: center;
}

.auth-data-frame .right-section h1 {
  font-size: 2.75rem;
  line-height: 3rem;
  color: #ffffff;
  font-weight: 400;
}

.auth-data-frame .right-section h1 strong {
  font-weight: 600;
}

.auth-data-frame.mecum-auth-login .btn-mecum {
  background: #ffffff;
  min-width: 100%;
  height: 44px;
  border-radius: 4px;
  border: 1px solid #ed1c23;
  box-sizing: border-box;
  box-shadow: 0px 0 0 rgba(0, 0, 0, 0);
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.125rem;
  padding: 10px 0;
  color: #e70008;
  position: relative;
  margin: 0 0 10px 0px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  gap: 10px;
  -webkit-box-align: center;
          align-items: center;
}

.auth-data-frame.mecum-auth-login .btn-mecum:hover {
  opacity: 1;
  box-shadow: 0px 5px 11px rgba(209, 25, 25, 0.1);
  color: #e70008 !important;
  background: rgba(220, 53, 69, 0.03);
}

.auth-data-frame.mecum-auth-login .btn-mecum:focus {
  box-shadow: 0 0 0 rgba(209, 25, 25, 0.2);
  background: rgba(220, 53, 69, 0.05);
}

.auth-data-frame.mecum-auth-login .btn-mecum .mecum-icon {
  float: left;
  padding-left: 10px;
  width: 30px;
  height: 20px;
}

.auth-data-frame.mecum-auth-login .btn-mecum .spinner {
  display: none;
}

.auth-data-frame.mecum-auth-login .btn-mecum.mecum-loading .spinner {
  width: 20px;
  height: 20px;
  border: 2px solid transparent;
  border-top: 3px solid #e70008;
  border-radius: 100%;
  -webkit-animation: spinButton 1s infinite linear;
          animation: spinButton 1s infinite linear;
  display: block;
  margin-right: 20px;
}

.auth-data-frame.mecum-auth-login .btn-mecum-content {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
}

.auth-data-frame.mecum-auth-login .auth-form .form-control {
  height: 42px;
}

.auth-data-frame.mecum-auth-login .btn-green {
  padding: 10px 0;
}

.auth-data-frame.mecum-auth-login .btn-fb {
  padding: 9px 0;
}

.auth-data-frame .auth-header {
  position: absolute;
  top: 50px;
  left: 50px;
}

.auth-data-frame .auth-header img {
  -webkit-filter: invert(1) brightness(0);
          filter: invert(1) brightness(0);
}

.auth-data-frame .auth-form .form-group__input .form-control {
  background-color: var(--input-bg);
  border: 1px solid var(--input-border);
  color: var(--text-primary);
  height: 56px;
  border-radius: 1rem;
  padding: 16px 24px;
  font-size: 1rem;
}

.auth-data-frame .auth-form .form-group__input .form-control::-webkit-input-placeholder {
  color: var(--input-placeholder);
}

.auth-data-frame .auth-form .form-group__input .form-control::-moz-placeholder {
  color: var(--input-placeholder);
}

.auth-data-frame .auth-form .form-group__input .form-control:-ms-input-placeholder {
  color: var(--input-placeholder);
}

.auth-data-frame .auth-form .form-group__input .form-control::-ms-input-placeholder {
  color: var(--input-placeholder);
}

.auth-data-frame .auth-form .form-group__input .form-control::placeholder {
  color: var(--input-placeholder);
}

.auth-data-frame .auth-form .form-group__input .form-control:focus {
  background-color: var(--input-focus-bg);
  border-color: var(--input-focus-border);
  color: var(--text-primary);
  box-shadow: none;
  outline: none;
}

.auth-data-frame .auth-form .form-group__input .form-control.is-invalid {
  border-color: var(--color-alert);
  background-color: var(--input-bg);
}

.auth-data-frame .auth-form .form-group__input .invalid-feedback {
  display: none;
  color: var(--color-alert);
  font-size: 0.875rem;
  margin-top: 0.5rem;
  text-align: left;
  padding-left: 0.5rem;
}

.auth-data-frame .auth-form .form-group__input .form-control.is-invalid ~ .invalid-feedback {
  display: block;
}

.auth-data-frame .country-code-phone-number .iti {
  width: 100%;
}

.auth-data-frame .country-code-phone-number .iti__selected-flag {
  background-color: transparent !important;
}

.auth-data-frame .country-code-phone-number .iti__selected-flag:hover {
  background-color: transparent !important;
}

.auth-data-frame .country-code-phone-number .iti__flag-container {
  background-color: transparent !important;
}

.auth-data-wrapper {
  position: relative;
  width: 100%;
  float: left;
}

@-webkit-keyframes spinButton {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spinButton {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.auth-form label {
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 0.75rem;
  color: #777b83;
  margin-left: 15px;
}

.auth-form .form-control {
  height: 48px;
  font-size: 0.875rem;
}

.auth-form .form-control:focus {
  border-color: #6b4efd;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(107, 78, 253, 0.25);
}

.auth-form .form-control.is-invalid,
.auth-form .form-control.is-valid {
  background-image: none !important;
  border-color: var(--color-alert);
}

.auth-form ::-webkit-input-placeholder {
  color: var(--input-placeholder);
  opacity: 1;
}

.auth-form ::-moz-placeholder {
  color: var(--input-placeholder);
  opacity: 1;
}

.auth-form :-ms-input-placeholder {
  color: var(--input-placeholder);
  opacity: 1;
}

.auth-form ::-ms-input-placeholder {
  color: var(--input-placeholder);
  opacity: 1;
}

.auth-form ::placeholder {
  color: var(--input-placeholder);
  opacity: 1;
}

.auth-form :-ms-input-placeholder {
  color: var(--input-placeholder);
}

.auth-form ::-ms-input-placeholder {
  color: var(--input-placeholder);
}

.auth-form.was-validated .form-control:invalid,
.auth-form.was-validated .form-control:valid {
  background-image: none !important;
  border-color: var(--color-alert);
}

.form-group__input {
  position: relative;
  float: left;
  width: 100%;
}

.form-group__input input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.tooltip_templates {
  display: none;
}

.view-password-ico {
  display: inline-block;
  color: #bebebe;
  padding: 7px 10px;
  font-size: 1.125rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

.view-password-ico:hover,
.view-password-ico:active,
.view-password-ico:focus {
  color: #3a74e9;
}

.abs-form-group__elements {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

.security-levels-hints {
  position: relative;
  display: inline-block;
  vertical-align: top;
  list-style: none;
  padding: 0;
  margin: 0;
  width: 4px;
  margin-right: 10px;
}

.security-levels-hints__item {
  width: 100%;
  list-style: none;
  float: left;
  position: relative;
  margin-top: 4px;
}

.security-levels-hints__item:first-child {
  margin-top: 0;
}

.security-levels-hints__node {
  float: left;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  cursor: pointer;
  background: #bebebe;
}

.security-levels-hints__node--1 {
  background: #27b310;
}

.security-levels-hints__node--2 {
  background: #aac463;
}

.security-levels-hints__node--3 {
  background: #fbac1e;
}

.security-levels-hints__node--4 {
  background: #c81818;
}

.tooltipster-sidetip .tooltipster-box {
  max-width: 195px !important;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(44, 44, 44, 0.6)), to(rgba(44, 44, 44, 0.6)));
  background: linear-gradient(0deg, rgba(44, 44, 44, 0.6), rgba(44, 44, 44, 0.6));
  border: 1px solid #babdc1;
  box-sizing: border-box;
  -webkit-backdrop-filter: blur(21.7463px);
          backdrop-filter: blur(21.7463px);
  border-radius: 4px !important;
}

.tooltipster-sidetip .tooltipster-arrow-border {
  border: 9px solid transparent !important;
}

.tooltipster-sidetip .tooltipster-arrow-background {
  border: 9px solid transparent !important;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
  border-right-color: rgba(44, 44, 44, 0.4) !important;
}

.security-levels-tooltip-content__header {
  font-size: 0.875rem !important;
  margin: 5px 0 8px 0 !important;
}

.security-levels-tooltip-content p {
  color: #ffffff !important;
  font-size: 0.75rem !important;
}

.security-levels-tooltip-content p:last-child {
  margin-bottom: 0 !important;
}

#security-levels-tooltip-1 .security-levels-tooltip-content__header {
  color: #27b310 !important;
}

#security-levels-tooltip-2 .security-levels-tooltip-content__header {
  color: #aac463 !important;
}

#security-levels-tooltip-3 .security-levels-tooltip-content__header {
  color: #fbac1e !important;
}

#security-levels-tooltip-4 .security-levels-tooltip-content__header {
  color: #c81818 !important;
}

.minimal-footer {
  font-size: 1rem !important;
  font-weight: 500;
  line-height: 125% !important;
  margin-top: 15px !important;
  color: var(--text-tertiary);
}

.minimal-footer a {
  font-size: 1rem !important;
  font-weight: 500;
  line-height: 125% !important;
  color: var(--link-color) !important;
  text-decoration: underline;
}

.minimal-footer--abs-pos {
  position: relative !important;
  width: 100% !important;
  margin-top: 20px !important;
}

.minimal-footer--abs-pos p {
  font-size: clamp(1rem, calc(0.18vw + 1.08rem), 1.25rem) !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  letter-spacing: -0.2px !important;
  color: var(--text-tertiary) !important;
  margin: 0 !important;
}

.minimal-footer--abs-pos a {
  color: var(--link-color) !important;
  text-decoration: none !important;
  font-weight: 500 !important;
}

.minimal-footer--abs-pos a:hover {
  color: var(--link-hover-color) !important;
  text-decoration: underline !important;
}

.btn-green {
  background: #41d96a;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  box-shadow: 0px 4px 12px rgba(65, 217, 106, 0.3);
  border-radius: 4px;
  font-weight: 400;
  font-size: 0.938rem;
  line-height: 1.125rem;
  text-align: center;
  letter-spacing: -0.1875px;
  padding: 12px 0;
  color: #ffffff;
}

.btn-green:hover {
  color: #ffffff;
  opacity: 0.8;
}

.btn-disabled {
  background: #cdcdcd;
  mix-blend-mode: normal;
  opacity: 0.6;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  box-shadow: 0px 6px 18px #cdcdcd;
  border-radius: 4px;
  font-weight: 400;
  font-size: 0.938rem;
  line-height: 1.125rem;
  text-align: center;
  letter-spacing: -0.1875px;
  padding: 12px 0;
  color: #ffffff;
}

.btn-disabled:hover {
  color: #ffffff;
  opacity: 0.8;
}

.btn-fb {
  background: #4567b2;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  box-shadow: 0px 4px 10px rgba(69, 103, 178, 0.3);
  border-radius: 4px;
  font-weight: 400;
  font-size: 0.938rem;
  line-height: 1.125rem;
  text-align: center;
  letter-spacing: -0.1875px;
  padding: 12px 0;
  color: #ffffff;
}

.btn-fb:hover {
  color: #ffffff;
  opacity: 0.8;
}

.btn-green-sm {
  background: #41d96a;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  border-radius: 4px;
  font-weight: 400;
  font-size: 0.938rem;
  line-height: 1.125rem;
  text-align: center;
  letter-spacing: -0.1875px;
  padding: 12px 45px;
  color: #ffffff;
}

.btn-green-sm:hover {
  color: #ffffff;
  opacity: 0.8;
}

.fb-icon {
  float: left;
  padding-left: 10px;
}

.or {
  position: relative;
  width: 100%;
  margin: 1rem 0;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1rem;
  text-align: center;
  color: #7f838b;
  display: inline-block;
}

.or span {
  background-color: var(--bg-primary);
  padding: 0 6px;
  z-index: 999;
  position: relative;
  border-radius: 30px;
}

.or:after {
  position: absolute;
  content: "";
  top: 14px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #6d51ff;
  opacity: 0.2;
}

.forgot-wrap {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: space-evenly;
          justify-content: space-evenly;
  float: left;
}

.forgot-wrap a {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 20px;
  text-align: center;
  color: var(--link-color);
  text-decoration: none;
}

.auth-reset-actions {
  position: relative;
  width: 100%;
  float: left;
  margin-top: 10px;
}

.auth-reset-actions .btn {
  margin-right: 1rem;
}

.reset-block {
  position: relative;
  width: 100%;
  float: left;
}

.back-to-af {
  color: #1c2331;
  font-size: 0.875rem;
  margin-bottom: 30px;
  display: inline-block;
}

.back-to-af svg {
  position: relative;
  top: -1px;
}

.back-to-af:hover,
.back-to-af:focus {
  color: #1c2331;
  opacity: 0.8;
  text-decoration: none;
}

.oauth-login-box {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
}

.oauth-login-box .left-section {
  border: 1px solid #e4deff;
  box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.1);
}

.af-auth-page {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  width: 100%;
  min-height: 100%;
  padding: 0;
  background-color: var(--bg-primary);
  color: var(--text-primary);
}

.af-auth-page .invalid-feedback {
  display: block;
  color: var(--color-alert);
  font-size: 0.75rem;
  margin-top: 4px;
  text-align: left;
  padding-left: 1em;
}

.af-auth-page .form-control.is-invalid {
  border-color: var(--color-alert);
  background-image: none !important;
}

.af-auth-page .form-control.is-invalid:focus {
  border-color: var(--color-alert);
  box-shadow: 0 0 0 0.2rem rgba(229, 72, 102, 0.25);
}

.af-auth {
  text-align: center;
  max-width: 500px;
  width: 100%;
  padding: 0 15px;
}

.af-auth h3 {
  color: var(--text-primary);
  font-size: 3rem;
  font-weight: 500;
}

.af-auth .have-account {
  text-align: center;
}

.af-auth .have-account p {
  font-size: 0.875rem;
  color: var(--text-primary);
  margin: 0;
}

.af-auth .have-account a {
  color: var(--link-color) !important;
  text-decoration: none;
}

.af-auth .have-account a:hover {
  color: var(--link-hover-color) !important;
  text-decoration: underline;
}

.af-auth .legal {
  width: 100%;
}

.af-auth .legal p {
  font-size: clamp(1rem, calc(0.18vw + 1.08rem), 1.25rem);
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.2px;
  margin: 0;
}

.af-auth .legal span {
  color: var(--text-tertiary);
}

.af-auth .legal a {
  color: var(--link-color) !important;
  text-decoration: none;
}

.af-auth .legal a:hover {
  color: var(--link-hover-color) !important;
  text-decoration: underline;
}

.af-auth-form {
  width: 100%;
  max-width: 355px;
  margin: auto;
  margin-top: 64px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  flex-wrap: wrap;
}

.af-auth-form .form-control {
  background-color: var(--input-bg);
  border: 1px solid var(--input-border);
  color: var(--text-primary);
  height: 56px;
  border-radius: 1rem;
  padding: 1rem 1.5rem;
  font-size: 1rem;
}

.af-auth-form .form-control::-webkit-input-placeholder {
  color: var(--input-placeholder);
}

.af-auth-form .form-control::-moz-placeholder {
  color: var(--input-placeholder);
}

.af-auth-form .form-control:-ms-input-placeholder {
  color: var(--input-placeholder);
}

.af-auth-form .form-control::-ms-input-placeholder {
  color: var(--input-placeholder);
}

.af-auth-form .form-control::placeholder {
  color: var(--input-placeholder);
}

.af-auth-form .form-control:focus {
  background-color: var(--input-focus-bg);
  border-color: var(--input-focus-border);
  color: var(--text-primary);
  box-shadow: none;
  outline: none;
}

.af-auth-form .form-group.mb-2,
.af-auth-form .form-group.mb-3 {
  margin-bottom: 1.5rem;
}

.af-auth-form .form-group.mb-3 {
  margin-bottom: 1rem;
}

.af-auth-form .mb-2,
.af-auth-form .mb-3 {
  margin-bottom: 1.5rem;
}

.af-auth-form .mb-3 {
  margin-bottom: 1rem;
}

.af-auth-form .row {
  margin-left: 0;
  margin-right: 0;
}

.af-auth-form .row > [class*=col-] {
  padding-left: 6px;
  padding-right: 6px;
}

.af-auth-form .row > [class*=col-] .form-group {
  margin-bottom: 0;
}

.af-auth-form .row > [class*=col-]:first-child {
  padding-left: 0;
}

.af-auth-form .row > [class*=col-]:last-child {
  padding-right: 0;
}

.button {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  font-weight: 600;
  text-align: center;
  border: none;
  cursor: pointer;
  border-radius: 50px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.button span {
  position: relative;
  z-index: 1;
}

.button.button-l {
  height: 62px;
  font-size: 1rem;
  padding: 19px 40px;
  gap: 1rem;
}

.button.primary {
  color: var(--btn-primary-text);
  background: var(--btn-primary-bg);
  border: 1px solid var(--btn-primary-border);
}

.button.primary:hover {
  background: var(--btn-primary-hover-bg);
  color: var(--btn-primary-hover-text);
  border-color: var(--btn-primary-hover-border);
}

.button.secondary {
  color: var(--btn-secondary-text);
  background: var(--btn-secondary-bg);
  border: 1px solid var(--btn-secondary-border);
}

.button.secondary:hover {
  opacity: 0.8;
  background: var(--btn-secondary-hover-bg);
  color: var(--btn-secondary-hover-text);
}

.button.secondary:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(107, 78, 253, 0.25);
}

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

.button:disabled,
.button.disabled {
  opacity: 0.2;
  pointer-events: none;
  cursor: not-allowed;
}

.continue-label {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  margin: 54px 0;
}

.continue-label::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  background-color: var(--border-secondary);
}

.continue-label span {
  background-color: var(--bg-primary);
  z-index: 10;
  padding: 0 10px;
  font-size: clamp(1rem, calc(0.18vw + 1.08rem), 1.25rem);
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.2px;
  color: var(--text-tertiary);
}

.af-modal__auth .modal-content {
  border-radius: 1rem;
  scrollbar-width: none;
  -ms-overflow-style: none;
  background-color: var(--bg-primary);
}

.af-modal__auth .modal-content::-webkit-scrollbar {
  display: none;
}

.af-modal__auth .modal-dialog {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.af-modal__auth .modal-dialog::-webkit-scrollbar {
  display: none;
}

.af-modal__auth .af-auth-form {
  margin-top: 20px !important;
}

.af-modal__auth .continue-label {
  margin: 32px 0;
}

.af-modal__auth .social-actions {
  margin-bottom: 1rem;
}

.af-modal__auth .legal p {
  font-size: 0.75rem !important;
}

.af-modal__auth .form-control.is-invalid {
  border-color: var(--color-alert);
  background-image: none !important;
}

.modal-open {
  overflow: hidden;
}

.af-modal .modal-dialog {
  overflow-y: auto;
  max-height: 100vh;
}

.af-modal .modal-content {
  overflow-y: auto;
  max-height: calc(100vh - 60px);
}

.social-actions {
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  gap: 12px;
  margin-bottom: 32px;
}

.button-outline {
  padding: 12px;
  border: solid 1px var(--border-secondary);
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  border-radius: 1rem;
  background: var(--bg-primary);
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.button-outline:hover {
  opacity: 0.8;
  background-color: var(--bg-secondary);
}

.button-outline:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(107, 78, 253, 0.5);
}

.button-outline.facebook-login-btn {
  background: #4267b2;
  border-color: #4267b2;
  border-radius: 100px !important;
}

.button-outline.facebook-login-btn:hover {
  background: #3b5c9f;
  opacity: 1;
}

.button-outline.mecum-login-btn {
  background: #ffffff;
  border-color: var(--border-secondary);
  border-radius: 100px !important;
}

.button-outline.mecum-login-btn:hover {
  background: #f8f9fa;
  opacity: 1;
}

.bird-icon-auth {
  position: fixed;
  bottom: -1px;
  left: 10%;
  display: none;
  color: #ffffff;
}

.body-m {
  font-size: 0.875rem;
  line-height: 1.5;
}

.w-100 {
  width: 100%;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mt-3 {
  margin-top: 1rem;
}

.mt-4 {
  margin-top: 1.5rem;
}

.input-wrapper {
  position: relative;
  width: 100%;
}

.input-wrapper .form-control {
  padding-right: 45px;
}

.password-input-wrapper {
  position: relative;
  width: 100%;
}

.password-input-wrapper .form-control {
  padding-right: 45px;
}

.clear-input-btn {
  position: absolute;
  right: 18px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  z-index: 10;
  outline: none;
}

.clear-input-btn:hover {
  opacity: 0.7;
}

.clear-input-btn:focus {
  outline: none;
}

.clear-input-btn img {
  width: 16px;
  height: 16px;
  -webkit-filter: brightness(0) saturate(100%) invert(49%) sepia(77%) saturate(2476%) hue-rotate(326deg) brightness(101%) contrast(101%);
          filter: brightness(0) saturate(100%) invert(49%) sepia(77%) saturate(2476%) hue-rotate(326deg) brightness(101%) contrast(101%);
}

.view-password-btn {
  position: absolute;
  right: 18px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  outline: none;
}

.view-password-btn:hover {
  opacity: 0.7;
}

.view-password-btn:focus {
  outline: none;
}

.view-password-btn img {
  width: 20px;
  height: 20px;
}

.password-controls {
  position: absolute;
  right: 18px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  gap: 0.5rem;
}

.password-controls .security-levels-hints {
  position: relative;
  margin: 0;
  right: auto;
  top: auto;
  -webkit-transform: none;
          transform: none;
}

.password-controls .view-password-btn {
  position: relative;
  right: auto;
  top: auto;
  -webkit-transform: none;
          transform: none;
}

.link-purple {
  color: var(--color-afton-purple) !important;
  text-decoration: none;
}

.link-purple:hover {
  text-decoration: underline;
  color: var(--color-afton-purple) !important;
}

.auth-reset-actions-new {
  width: 100%;
  display: -webkit-box;
  display: flex;
  gap: 12px;
}

.auth-reset-actions-new .mb-3 {
  margin-bottom: 0 !important;
}

.auth-reset-actions-new .button {
  -webkit-box-flex: 1;
          flex: 1;
}

@media (min-width: 992px) {
  .af-auth-page {
    min-height: 80vh;
    padding: 0 20px;
  }

  .bird-icon-auth {
    display: block;
  }
}

@media (min-width: 1200px) {
  .af-auth-form {
    margin-top: 30px;
  }

  .social-actions {
    margin-bottom: 1.5rem;
  }
}

@media (min-width: 768px) {
  .af-modal__auth .af-auth {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  #signupCheckout .af-auth-form {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 1199.98px) {
  .auth-data-frame .left-section {
    width: 50%;
  }

  .auth-data-frame .right-section {
    width: 50%;
  }

  .minimal-footer--abs-pos {
    width: 50%;
  }
}

@media (max-width: 991.98px) {
  .auth-data-frame .right-section h1 {
    font-size: 2rem;
    line-height: 2.5rem;
  }

  .btn-green-sm {
    padding: 12px 35px;
    margin-right: 10px !important;
  }
}

@media (max-width: 767.98px) {
  .auth-data-frame .left-section {
    width: 100%;
    padding: 20px;
    display: block;
  }

  .auth-data-frame .left-section h2 {
    margin: 0px 0 7px 0;
  }

  .auth-data-frame .right-section {
    display: none;
  }

  .auth-data-frame .auth-header {
    left: 20px !important;
  }

  .auth-data-wrapper {
    margin-top: 36px;
  }

  .minimal-footer--abs-pos {
    width: 100%;
  }

  .minimal-footer--abs-pos p {
    font-size: 1.125rem !important;
  }

  .btn-green-sm {
    padding: 12px 36px;
    margin-right: 6px !important;
  }

  .af-auth {
    padding: 0 15px;
  }

  .af-auth h3 {
    font-size: 2rem;
  }

  .af-auth .legal p {
    font-size: 1.125rem;
  }

  .af-auth-form {
    margin-top: 40px !important;
    padding-bottom: 110px;
  }

  .continue-label {
    margin: 40px 0;
  }

  .auth-reset-actions-new {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }

  .auth-reset-actions-new .mb-3 {
    margin-bottom: 12px !important;
  }
}

@media (max-width: 575.98px) {
  .auth-data-frame.mecum-auth-login .btn-mecum.mecum-loading .spinner {
    margin-right: 10px;
  }
}

@media (max-width: 374px) {
  body:has([data-page=reset-password]) .af-auth h3 {
    font-size: 1.5rem;
  }
}

body:has(#RegisterForm) .af-auth .legal.mt-4 {
  margin-top: 1rem !important;
}

body:has(#RegisterForm) .af-auth-form {
  max-width: 400px;
  margin-top: 36px !important;
}

body:has(#RegisterForm) .social-actions {
  margin-bottom: 1.5rem;
}

body:has([data-page=reset-password]) .af-auth h3 {
  white-space: nowrap;
}

@media (max-width: 767.98px) {
  body:has([data-page=reset-password]) .af-auth h3 {
    font-size: 1.75rem;
  }
}

@media (max-width: 374px) {
  body:has([data-page=reset-password]) .af-auth h3 {
    font-size: 1.5rem;
  }
}

body:has([data-page=reset-password]) .af-auth-page {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  padding: 0;
}

body:has([data-page=reset-password]) .af-auth {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  max-width: 600px;
}

@media (max-width: 767.98px) {
  body:has([data-page=reset-password]) .af-auth-form {
    margin-top: 40px;
  }
}

body:has([data-page=reset-password]) .af-auth-form .legal {
  position: fixed;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  max-width: 500px;
  padding: 20px;
  margin-top: 0 !important;
  background: var(--bg-primary);
  z-index: 10;
}

@media (max-width: 767.98px) {
  body:has([data-page=reset-password]) .af-auth-form .legal {
    padding: 0 15px;
  }
}


.swal2-popup.swal2-toast{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center;width:auto;padding:.625em;overflow-y:hidden;background:#fff;box-shadow:0 0 .625em #d9d9d9}.swal2-popup.swal2-toast .swal2-header{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.swal2-popup.swal2-toast .swal2-title{-webkit-box-flex:1;flex-grow:1;-webkit-box-pack:start;justify-content:flex-start;margin:0 .6em;font-size:1em}.swal2-popup.swal2-toast .swal2-footer{margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-popup.swal2-toast .swal2-close{position:static;width:.8em;height:.8em;line-height:.8}.swal2-popup.swal2-toast .swal2-content{-webkit-box-pack:start;justify-content:flex-start;font-size:1em}.swal2-popup.swal2-toast .swal2-icon{width:2em;min-width:2em;height:2em;margin:0}.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;font-size:1.8em;font-weight:700}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content{font-size:.25em}}.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-popup.swal2-toast .swal2-actions{flex-basis:auto!important;width:auto;height:auto;margin:0 .3125em}.swal2-popup.swal2-toast .swal2-styled{margin:0 .3125em;padding:.3125em .625em;font-size:1em}.swal2-popup.swal2-toast .swal2-styled:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px rgba(50,100,150,.4)}.swal2-popup.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:1.6em;height:3em;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:50%}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.8em;left:-.5em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:2em 2em;transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.25em;left:.9375em;-webkit-transform-origin:0 1.5em;transform-origin:0 1.5em;border-radius:0 4em 4em 0}.swal2-popup.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip{-webkit-animation:swal2-toast-animate-success-line-tip .75s;animation:swal2-toast-animate-success-line-tip .75s}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{-webkit-animation:swal2-toast-animate-success-line-long .75s;animation:swal2-toast-animate-success-line-long .75s}.swal2-popup.swal2-toast.swal2-show{-webkit-animation:swal2-toast-show .5s;animation:swal2-toast-show .5s}.swal2-popup.swal2-toast.swal2-hide{-webkit-animation:swal2-toast-hide .1s forwards;animation:swal2-toast-hide .1s forwards}.swal2-container{display:-webkit-box;display:flex;position:fixed;z-index:1060;top:0;right:0;bottom:0;left:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;padding:.625em;overflow-x:hidden;-webkit-transition:background-color .1s;transition:background-color .1s;-webkit-overflow-scrolling:touch}.swal2-container.swal2-backdrop-show{background:rgba(0,0,0,.4)}.swal2-container.swal2-backdrop-hide{background:0 0!important}.swal2-container.swal2-top{-webkit-box-align:start;align-items:flex-start}.swal2-container.swal2-top-left,.swal2-container.swal2-top-start{-webkit-box-align:start;align-items:flex-start;-webkit-box-pack:start;justify-content:flex-start}.swal2-container.swal2-top-end,.swal2-container.swal2-top-right{-webkit-box-align:start;align-items:flex-start;-webkit-box-pack:end;justify-content:flex-end}.swal2-container.swal2-center{-webkit-box-align:center;align-items:center}.swal2-container.swal2-center-left,.swal2-container.swal2-center-start{-webkit-box-align:center;align-items:center;-webkit-box-pack:start;justify-content:flex-start}.swal2-container.swal2-center-end,.swal2-container.swal2-center-right{-webkit-box-align:center;align-items:center;-webkit-box-pack:end;justify-content:flex-end}.swal2-container.swal2-bottom{-webkit-box-align:end;align-items:flex-end}.swal2-container.swal2-bottom-left,.swal2-container.swal2-bottom-start{-webkit-box-align:end;align-items:flex-end;-webkit-box-pack:start;justify-content:flex-start}.swal2-container.swal2-bottom-end,.swal2-container.swal2-bottom-right{-webkit-box-align:end;align-items:flex-end;-webkit-box-pack:end;justify-content:flex-end}.swal2-container.swal2-bottom-end>:first-child,.swal2-container.swal2-bottom-left>:first-child,.swal2-container.swal2-bottom-right>:first-child,.swal2-container.swal2-bottom-start>:first-child,.swal2-container.swal2-bottom>:first-child{margin-top:auto}.swal2-container.swal2-grow-fullscreen>.swal2-modal{display:-webkit-box!important;display:flex!important;-webkit-box-flex:1;flex:1;align-self:stretch;-webkit-box-pack:center;justify-content:center}.swal2-container.swal2-grow-row>.swal2-modal{display:-webkit-box!important;display:flex!important;-webkit-box-flex:1;flex:1;align-content:center;-webkit-box-pack:center;justify-content:center}.swal2-container.swal2-grow-column{-webkit-box-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.swal2-container.swal2-grow-column.swal2-bottom,.swal2-container.swal2-grow-column.swal2-center,.swal2-container.swal2-grow-column.swal2-top{-webkit-box-align:center;align-items:center}.swal2-container.swal2-grow-column.swal2-bottom-left,.swal2-container.swal2-grow-column.swal2-bottom-start,.swal2-container.swal2-grow-column.swal2-center-left,.swal2-container.swal2-grow-column.swal2-center-start,.swal2-container.swal2-grow-column.swal2-top-left,.swal2-container.swal2-grow-column.swal2-top-start{-webkit-box-align:start;align-items:flex-start}.swal2-container.swal2-grow-column.swal2-bottom-end,.swal2-container.swal2-grow-column.swal2-bottom-right,.swal2-container.swal2-grow-column.swal2-center-end,.swal2-container.swal2-grow-column.swal2-center-right,.swal2-container.swal2-grow-column.swal2-top-end,.swal2-container.swal2-grow-column.swal2-top-right{-webkit-box-align:end;align-items:flex-end}.swal2-container.swal2-grow-column>.swal2-modal{display:-webkit-box!important;display:flex!important;-webkit-box-flex:1;flex:1;align-content:center;-webkit-box-pack:center;justify-content:center}.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen)>.swal2-modal{margin:auto}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-container .swal2-modal{margin:0!important}}.swal2-popup{display:none;position:relative;box-sizing:border-box;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;justify-content:center;width:32em;max-width:100%;padding:1.25em;border:none;border-radius:.3125em;background:#fff;font-family:inherit;font-size:1rem}.swal2-popup:focus{outline:0}.swal2-popup.swal2-loading{overflow-y:hidden}.swal2-header{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center}.swal2-title{position:relative;max-width:100%;margin:0 0 .4em;padding:0;color:#595959;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;word-wrap:break-word}.swal2-actions{display:-webkit-box;display:flex;z-index:1;flex-wrap:wrap;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;width:100%;margin:1.25em auto 0}.swal2-actions:not(.swal2-loading) .swal2-styled[disabled]{opacity:.4}.swal2-actions:not(.swal2-loading) .swal2-styled:hover{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.1)),to(rgba(0,0,0,.1)));background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))}.swal2-actions:not(.swal2-loading) .swal2-styled:active{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.2)),to(rgba(0,0,0,.2)));background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2))}.swal2-actions.swal2-loading .swal2-styled.swal2-confirm{box-sizing:border-box;width:2.5em;height:2.5em;margin:.46875em;padding:0;-webkit-animation:swal2-rotate-loading 1.5s linear 0s infinite normal;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border:.25em solid transparent;border-radius:100%;border-color:transparent;background-color:transparent!important;color:transparent;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.swal2-actions.swal2-loading .swal2-styled.swal2-cancel{margin-right:30px;margin-left:30px}.swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after{content:"";display:inline-block;width:15px;height:15px;margin-left:5px;-webkit-animation:swal2-rotate-loading 1.5s linear 0s infinite normal;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border:3px solid #999;border-radius:50%;border-right-color:transparent;box-shadow:1px 1px 1px #fff}.swal2-styled{margin:.3125em;padding:.625em 2em;box-shadow:none;font-weight:500}.swal2-styled:not([disabled]){cursor:pointer}.swal2-styled.swal2-confirm{border:0;border-radius:.25em;background:initial;background-color:#3085d6;color:#fff;font-size:1.0625em}.swal2-styled.swal2-cancel{border:0;border-radius:.25em;background:initial;background-color:#aaa;color:#fff;font-size:1.0625em}.swal2-styled:focus{outline:0;box-shadow:0 0 0 1px #fff,0 0 0 3px rgba(50,100,150,.4)}.swal2-styled::-moz-focus-inner{border:0}.swal2-footer{-webkit-box-pack:center;justify-content:center;margin:1.25em 0 0;padding:1em 0 0;border-top:1px solid #eee;color:#545454;font-size:1em}.swal2-timer-progress-bar{position:absolute;bottom:0;left:0;width:100%;height:.25em;background:rgba(0,0,0,.2)}.swal2-image{max-width:100%;margin:1.25em auto}.swal2-close{position:absolute;z-index:2;top:0;right:0;-webkit-box-pack:center;justify-content:center;width:1.2em;height:1.2em;padding:0;overflow:hidden;-webkit-transition:color .1s ease-out;transition:color .1s ease-out;border:none;border-radius:0;outline:initial;background:0 0;color:#ccc;font-family:serif;font-size:2.5em;line-height:1.2;cursor:pointer}.swal2-close:hover{-webkit-transform:none;transform:none;background:0 0;color:#f27474}.swal2-close::-moz-focus-inner{border:0}.swal2-content{z-index:1;-webkit-box-pack:center;justify-content:center;margin:0;padding:0;color:#545454;font-size:1.125em;font-weight:400;line-height:normal;text-align:center;word-wrap:break-word}.swal2-checkbox,.swal2-file,.swal2-input,.swal2-radio,.swal2-select,.swal2-textarea{margin:1em auto}.swal2-file,.swal2-input,.swal2-textarea{box-sizing:border-box;width:100%;-webkit-transition:border-color .3s,box-shadow .3s;transition:border-color .3s,box-shadow .3s;border:1px solid #d9d9d9;border-radius:.1875em;background:inherit;box-shadow:inset 0 1px 1px rgba(0,0,0,.06);color:inherit;font-size:1.125em}.swal2-file.swal2-inputerror,.swal2-input.swal2-inputerror,.swal2-textarea.swal2-inputerror{border-color:#f27474!important;box-shadow:0 0 2px #f27474!important}.swal2-file:focus,.swal2-input:focus,.swal2-textarea:focus{border:1px solid #b4dbed;outline:0;box-shadow:0 0 3px #c4e6f5}.swal2-file::-webkit-input-placeholder,.swal2-input::-webkit-input-placeholder,.swal2-textarea::-webkit-input-placeholder{color:#ccc}.swal2-file::-moz-placeholder,.swal2-input::-moz-placeholder,.swal2-textarea::-moz-placeholder{color:#ccc}.swal2-file:-ms-input-placeholder,.swal2-input:-ms-input-placeholder,.swal2-textarea:-ms-input-placeholder{color:#ccc}.swal2-file::-ms-input-placeholder,.swal2-input::-ms-input-placeholder,.swal2-textarea::-ms-input-placeholder{color:#ccc}.swal2-file::placeholder,.swal2-input::placeholder,.swal2-textarea::placeholder{color:#ccc}.swal2-range{margin:1em auto;background:#fff}.swal2-range input{width:80%}.swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}.swal2-range input,.swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}.swal2-input{height:2.625em;padding:0 .75em}.swal2-input[type=number]{max-width:10em}.swal2-file{background:inherit;font-size:1.125em}.swal2-textarea{height:6.75em;padding:.75em}.swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:inherit;color:inherit;font-size:1.125em}.swal2-checkbox,.swal2-radio{-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;background:#fff;color:inherit}.swal2-checkbox label,.swal2-radio label{margin:0 .6em;font-size:1.125em}.swal2-checkbox input,.swal2-radio input{margin:0 .4em}.swal2-validation-message{display:none;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;padding:.625em;overflow:hidden;background:#f0f0f0;color:#666;font-size:1em;font-weight:300}.swal2-validation-message::before{content:"!";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center}.swal2-icon{position:relative;box-sizing:content-box;-webkit-box-pack:center;justify-content:center;width:5em;height:5em;margin:1.25em auto 1.875em;border:.25em solid transparent;border-radius:50%;font-family:inherit;line-height:5em;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.swal2-icon .swal2-icon-content{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;font-size:3.75em}.swal2-icon.swal2-error{border-color:#f27474;color:#f27474}.swal2-icon.swal2-error .swal2-x-mark{position:relative;-webkit-box-flex:1;flex-grow:1}.swal2-icon.swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal2-icon.swal2-error.swal2-icon-show{-webkit-animation:swal2-animate-error-icon .5s;animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark{-webkit-animation:swal2-animate-error-x-mark .5s;animation:swal2-animate-error-x-mark .5s}.swal2-icon.swal2-warning{border-color:#facea8;color:#f8bb86}.swal2-icon.swal2-info{border-color:#9de0f6;color:#3fc3ee}.swal2-icon.swal2-question{border-color:#c9dae1;color:#87adbd}.swal2-icon.swal2-success{border-color:#a5dc86;color:#a5dc86}.swal2-icon.swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:50%}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.4375em;left:-2.0635em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:3.75em 3.75em;transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.6875em;left:1.875em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 3.75em;transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}.swal2-icon.swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-.25em;left:-.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%}.swal2-icon.swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal2-icon.swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86}.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.875em;width:1.5625em;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.swal2-icon.swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip{-webkit-animation:swal2-animate-success-line-tip .75s;animation:swal2-animate-success-line-tip .75s}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long{-webkit-animation:swal2-animate-success-line-long .75s;animation:swal2-animate-success-line-long .75s}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right{-webkit-animation:swal2-rotate-success-circular-line 4.25s ease-in;animation:swal2-rotate-success-circular-line 4.25s ease-in}.swal2-progress-steps{-webkit-box-align:center;align-items:center;margin:0 0 1.25em;padding:0;background:inherit;font-weight:600}.swal2-progress-steps li{display:inline-block;position:relative}.swal2-progress-steps .swal2-progress-step{z-index:20;width:2em;height:2em;border-radius:2em;background:#3085d6;color:#fff;line-height:2em;text-align:center}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#3085d6}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:#add8e6;color:#fff}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:#add8e6}.swal2-progress-steps .swal2-progress-step-line{z-index:10;width:2.5em;height:.4em;margin:0 -1px;background:#3085d6}[class^=swal2]{-webkit-tap-highlight-color:transparent}.swal2-show{-webkit-animation:swal2-show .3s;animation:swal2-show .3s}.swal2-hide{-webkit-animation:swal2-hide .15s forwards;animation:swal2-hide .15s forwards}.swal2-noanimation{-webkit-transition:none;transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{right:auto;left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}@supports (-ms-accelerator:true){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@-moz-document url-prefix(){.swal2-close:focus{outline:2px solid rgba(50,100,150,.4)}}@-webkit-keyframes swal2-toast-show{0%{-webkit-transform:translateY(-.625em) rotateZ(2deg);transform:translateY(-.625em) rotateZ(2deg)}33%{-webkit-transform:translateY(0) rotateZ(-2deg);transform:translateY(0) rotateZ(-2deg)}66%{-webkit-transform:translateY(.3125em) rotateZ(2deg);transform:translateY(.3125em) rotateZ(2deg)}100%{-webkit-transform:translateY(0) rotateZ(0);transform:translateY(0) rotateZ(0)}}@keyframes swal2-toast-show{0%{-webkit-transform:translateY(-.625em) rotateZ(2deg);transform:translateY(-.625em) rotateZ(2deg)}33%{-webkit-transform:translateY(0) rotateZ(-2deg);transform:translateY(0) rotateZ(-2deg)}66%{-webkit-transform:translateY(.3125em) rotateZ(2deg);transform:translateY(.3125em) rotateZ(2deg)}100%{-webkit-transform:translateY(0) rotateZ(0);transform:translateY(0) rotateZ(0)}}@-webkit-keyframes swal2-toast-hide{100%{-webkit-transform:rotateZ(1deg);transform:rotateZ(1deg);opacity:0}}@keyframes swal2-toast-hide{100%{-webkit-transform:rotateZ(1deg);transform:rotateZ(1deg);opacity:0}}@-webkit-keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@-webkit-keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@-webkit-keyframes swal2-show{0%{-webkit-transform:scale(.7);transform:scale(.7)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes swal2-show{0%{-webkit-transform:scale(.7);transform:scale(.7)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes swal2-hide{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}}@keyframes swal2-hide{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}}@-webkit-keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.875em;width:1.5625em}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.875em;width:1.5625em}}@-webkit-keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@-webkit-keyframes swal2-rotate-success-circular-line{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}100%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@keyframes swal2-rotate-success-circular-line{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}100%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@-webkit-keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}50%{margin-top:1.625em;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}80%{margin-top:-.375em;-webkit-transform:scale(1.15);transform:scale(1.15)}100%{margin-top:0;-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}50%{margin-top:1.625em;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}80%{margin-top:-.375em;-webkit-transform:scale(1.15);transform:scale(1.15)}100%{margin-top:0;-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes swal2-animate-error-icon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}@keyframes swal2-animate-error-icon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}@-webkit-keyframes swal2-rotate-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swal2-rotate-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto!important}body.swal2-no-backdrop .swal2-container{top:auto;right:auto;bottom:auto;left:auto;max-width:calc(100% - .625em * 2);background-color:transparent!important}body.swal2-no-backdrop .swal2-container>.swal2-modal{box-shadow:0 0 10px rgba(0,0,0,.4)}body.swal2-no-backdrop .swal2-container.swal2-top{top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.swal2-no-backdrop .swal2-container.swal2-top-left,body.swal2-no-backdrop .swal2-container.swal2-top-start{top:0;left:0}body.swal2-no-backdrop .swal2-container.swal2-top-end,body.swal2-no-backdrop .swal2-container.swal2-top-right{top:0;right:0}body.swal2-no-backdrop .swal2-container.swal2-center{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}body.swal2-no-backdrop .swal2-container.swal2-center-left,body.swal2-no-backdrop .swal2-container.swal2-center-start{top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-no-backdrop .swal2-container.swal2-center-end,body.swal2-no-backdrop .swal2-container.swal2-center-right{top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-no-backdrop .swal2-container.swal2-bottom{bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.swal2-no-backdrop .swal2-container.swal2-bottom-left,body.swal2-no-backdrop .swal2-container.swal2-bottom-start{bottom:0;left:0}body.swal2-no-backdrop .swal2-container.swal2-bottom-end,body.swal2-no-backdrop .swal2-container.swal2-bottom-right{right:0;bottom:0}@media print{body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow-y:scroll!important}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container{position:static!important}}body.swal2-toast-shown .swal2-container{background-color:transparent}body.swal2-toast-shown .swal2-container.swal2-top{top:0;right:auto;bottom:auto;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{top:0;right:0;bottom:auto;left:auto}body.swal2-toast-shown .swal2-container.swal2-top-left,body.swal2-toast-shown .swal2-container.swal2-top-start{top:0;right:auto;bottom:auto;left:0}body.swal2-toast-shown .swal2-container.swal2-center-left,body.swal2-toast-shown .swal2-container.swal2-center-start{top:50%;right:auto;bottom:auto;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{top:50%;right:auto;bottom:auto;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{top:50%;right:0;bottom:auto;left:auto;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-left,body.swal2-toast-shown .swal2-container.swal2-bottom-start{top:auto;right:auto;bottom:0;left:0}body.swal2-toast-shown .swal2-container.swal2-bottom{top:auto;right:auto;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{top:auto;right:0;bottom:0;left:auto}body.swal2-toast-column .swal2-toast{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:stretch;align-items:stretch}body.swal2-toast-column .swal2-toast .swal2-actions{-webkit-box-flex:1;flex:1;align-self:stretch;height:2.2em;margin-top:.3125em}body.swal2-toast-column .swal2-toast .swal2-loading{-webkit-box-pack:center;justify-content:center}body.swal2-toast-column .swal2-toast .swal2-input{height:2em;margin:.3125em auto;font-size:1em}body.swal2-toast-column .swal2-toast .swal2-validation-message{font-size:1em}

:root,
[data-theme=light] {
  --navbar-height-desktop-full: 64px;
  --navbar-height-desktop-simple: 64px;
  --navbar-height-mobile-full: 110px;
  --navbar-height-mobile-simple: 82px;
  --timebar-height: 32px;
  --wr-header-height-desktop: 300px;
  --wr-header-height-mobile: 240px;
  --mobile-subnav-height: 40px;
  --desktop-subnav-height: 46px;
  --navbar-height: var(--navbar-height-mobile-full);
  --color-afton-black: #000000;
  --color-afton-white: #ffffff;
  --color-afton-purple: #d2affa;
  --color-gray-100: #e6e6f0;
  --color-purple-500: #7f37f5;
  --color-gray-500: #9399a5;
  --color-verification: #d2affa;
  --color-alert: #e54866;
  --color-discount-typography: #b4ff78;
  --color-discount-light: #449a00;
  --text-primary: #000000;
  --text-secondary: #7f37f5;
  --text-tertiary: #9399a5;
  --text-inverse: #ffffff;
  --text-disabled: rgba(0, 0, 0, 0.4);
  --text-success: #449a00;
  --link-color: #7F37F5;
  --link-hover-color: #610ced;
  --bg-primary: #ffffff;
  --bg-secondary: #e6e6f0;
  --bg-tertiary: #f3f3f3;
  --bg-overlay: rgba(0, 0, 0, 0.5);
  --card-bg: var(--bg-tertiary);
  --btn-primary-bg: #000000;
  --btn-primary-text: #ffffff;
  --btn-primary-border: transparent;
  --btn-primary-hover-bg: #ffffff;
  --btn-primary-hover-text: #000000;
  --btn-primary-hover-border: #000000;
  --btn-secondary-bg: transparent;
  --btn-secondary-text: #7f37f5;
  --btn-secondary-border: #7f37f5;
  --btn-secondary-hover-bg: #7f37f5;
  --btn-secondary-hover-text: #ffffff;
  --btn-secondary-hover-border: #7f37f5;
  --btn-secondary-solid-bg: transparent;
  --btn-secondary-solid-text: #7f37f5;
  --btn-secondary-solid-border: #7f37f5;
  --btn-secondary-solid-hover-bg: #7f37f5;
  --btn-secondary-solid-hover-text: #ffffff;
  --btn-secondary-solid-hover-border: #7f37f5;
  --btn-contrast-bg: #000000;
  --btn-contrast-text: #ffffff;
  --btn-contrast-border: transparent;
  --btn-contrast-hover-bg: #ffffff;
  --btn-contrast-hover-text: #000000;
  --btn-contrast-hover-border: #000000;
  --btn-inverse-bg: #ffffff;
  --btn-inverse-text: #000000;
  --btn-inverse-border: transparent;
  --btn-inverse-hover-bg: #e6e6f0;
  --btn-inverse-hover-text: #000000;
  --btn-inverse-hover-border: transparent;
  --btn-purple-bg: #d2affa;
  --btn-purple-text: #000000;
  --btn-purple-border: transparent;
  --btn-purple-hover-bg: #bf9ef5;
  --btn-purple-hover-text: #000000;
  --btn-purple-hover-border: transparent;
  --btn-disabled-bg: #9399a5;
  --btn-disabled-text: rgba(0, 0, 0, 0.35);
  --btn-disabled-border: transparent;
  --border-primary: #d2d2dc;
  --border-secondary: #9399a5;
  --border-focus: #d2affa;
  --input-bg: #e6e6f0;
  --input-border: #e6e6f0;
  --input-text: #000000;
  --input-placeholder: #9399a5;
  --input-focus-border: #d2affa;
  --input-focus-bg: #ffffff;
  --input-focus-shadow: rgba(210, 175, 250, 0.2);
  --input-error-border: #e54866;
  --input-success-border: #449a00;
  --select-bg: #ffffff;
  --select-arrow-color: #000000;
  --tab-active-bg: #000000;
  --tab-active-text: #ffffff;
  --tab-inactive-bg: #d2d2dc;
  --tab-inactive-text: #000000;
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
      0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
      0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
      0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

[data-theme=dark] {
  --color-afton-black: #000000;
  --color-afton-white: #ffffff;
  --color-afton-purple: #d2affa;
  --color-gray-900: #161616;
  --color-gray-800: #262626;
  --color-gray-500: #9399a5;
  --color-purple-500: #7f37f5;
  --color-verification: #d2affa;
  --color-alert: #e54866;
  --color-discount-typography: #b4ff78;
  --text-primary: #ffffff;
  --text-secondary: #7f37f5;
  --text-tertiary: #9399a5;
  --text-inverse: #000000;
  --text-disabled: rgba(255, 255, 255, 0.4);
  --text-success: #b4ff78;
  --link-color: #d2affa;
  --link-hover-color: #b77ff7;
  --bg-primary: #000000;
  --bg-secondary: #161616;
  --bg-tertiary: #262626;
  --bg-overlay: rgba(0, 0, 0, 0.8);
  --card-bg: var(--bg-tertiary);
  --btn-primary-bg: #d2affa;
  --btn-primary-text: #000000;
  --btn-primary-border: transparent;
  --btn-primary-hover-bg: #bf9ef5;
  --btn-primary-hover-text: #000000;
  --btn-primary-hover-border: transparent;
  --btn-secondary-bg: transparent;
  --btn-secondary-text: #7f37f5;
  --btn-secondary-border: #7f37f5;
  --btn-secondary-hover-bg: #7f37f5;
  --btn-secondary-hover-text: #ffffff;
  --btn-secondary-hover-border: #7f37f5;
  --btn-secondary-solid-bg: transparent;
  --btn-secondary-solid-text: #d2affa;
  --btn-secondary-solid-border: #d2affa;
  --btn-secondary-solid-hover-bg: transparent;
  --btn-secondary-solid-hover-text: #d2affa;
  --btn-secondary-solid-hover-border: #d2affa;
  --btn-contrast-bg: #ffffff;
  --btn-contrast-text: #000000;
  --btn-contrast-border: transparent;
  --btn-contrast-hover-bg: #e6e6f0;
  --btn-contrast-hover-text: #000000;
  --btn-contrast-hover-border: transparent;
  --btn-inverse-bg: #000000;
  --btn-inverse-text: #ffffff;
  --btn-inverse-border: transparent;
  --btn-inverse-hover-bg: #ffffff;
  --btn-inverse-hover-text: #000000;
  --btn-inverse-hover-border: #000000;
  --btn-purple-bg: #d2affa;
  --btn-purple-text: #000000;
  --btn-purple-border: transparent;
  --btn-purple-hover-bg: #bf9ef5;
  --btn-purple-hover-text: #000000;
  --btn-purple-hover-border: transparent;
  --btn-disabled-bg: #9399a5;
  --btn-disabled-text: rgba(255, 255, 255, 0.3);
  --btn-disabled-border: transparent;
  --border-primary: #404040;
  --border-secondary: #9399a5;
  --border-focus: #d2affa;
  --input-bg: #262626;
  --input-border: #404040;
  --input-text: #ffffff;
  --input-placeholder: #9399a5;
  --input-focus-border: #d2affa;
  --input-focus-bg: #333333;
  --input-focus-shadow: rgba(210, 175, 250, 0.2);
  --input-error-border: #e54866;
  --input-success-border: #b4ff78;
  --select-bg: #2a2a2a;
  --select-arrow-color: #ffffff;
  --tab-active-bg: #d2affa;
  --tab-active-text: #000000;
  --tab-inactive-bg: #262626;
  --tab-inactive-text: #ffffff;
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4),
      0 2px 4px -1px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5),
      0 4px 6px -2px rgba(0, 0, 0, 0.4);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.6),
      0 10px 10px -5px rgba(0, 0, 0, 0.5);
}

html {
  -webkit-transition: background-color 0.3s ease, color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.af-icon-btn,
.af-search-btn {
  color: var(--text-primary);
}

.af-icon-btn svg,
.af-search-btn svg {
  stroke: currentColor;
  fill: none;
}

.af-icon-btn img,
.af-search-btn img {
  -webkit-transition: -webkit-filter 0.3s ease;
  transition: -webkit-filter 0.3s ease;
  transition: filter 0.3s ease;
  transition: filter 0.3s ease, -webkit-filter 0.3s ease;
}

.theme-icon {
  -webkit-transition: -webkit-filter 0.3s ease;
  transition: -webkit-filter 0.3s ease;
  transition: filter 0.3s ease;
  transition: filter 0.3s ease, -webkit-filter 0.3s ease;
}

[data-theme=dark] .theme-icon {
  -webkit-filter: invert(1) brightness(1);
          filter: invert(1) brightness(1);
}

.theme-logo {
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.brand-logo,
.no-filter {
  -webkit-filter: none !important;
          filter: none !important;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

[data-theme=light] .social-media a img {
  -webkit-filter: brightness(0) saturate(100%);
          filter: brightness(0) saturate(100%);
  -webkit-transition: -webkit-filter 0.3s ease;
  transition: -webkit-filter 0.3s ease;
  transition: filter 0.3s ease;
  transition: filter 0.3s ease, -webkit-filter 0.3s ease;
}

[data-theme=dark] .social-media a img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
  -webkit-transition: -webkit-filter 0.3s ease;
  transition: -webkit-filter 0.3s ease;
  transition: filter 0.3s ease;
  transition: filter 0.3s ease, -webkit-filter 0.3s ease;
}

.swal2-popup {
  background: var(--bg-tertiary) !important;
  border-radius: 1rem !important;
  padding: 1.5rem !important;
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
  box-shadow: var(--shadow-xl) !important;
  border: none !important;
  overflow: hidden !important;
}

@media (max-width: 575.98px) {
  .swal2-popup {
    padding: 1rem !important;
    margin: 1rem !important;
    max-width: calc(100% - 1.5rem) !important;
  }
}

.swal2-title {
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
  font-size: clamp(1rem, calc(0.18vw + 1.08rem), 1.25rem) !important;
  font-weight: 600 !important;
  color: var(--text-primary) !important;
  line-height: 1.3 !important;
  margin: 0 0 0.5rem 0 !important;
  padding: 0 !important;
}

.swal2-content,
.swal2-html-container {
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  color: var(--text-tertiary) !important;
  line-height: 1.35 !important;
  margin: 0 !important;
  padding: 0 0.5rem !important;
}

.swal2-content a,
.swal2-html-container a {
  color: var(--color-afton-purple) !important;
  text-decoration: underline !important;
}

.swal2-content a:hover,
.swal2-html-container a:hover {
  -webkit-filter: brightness(0.85);
          filter: brightness(0.85);
}

.swal2-actions {
  margin-top: 1rem !important;
  gap: 1rem !important;
  width: 100% !important;
  padding: 0 !important;
  flex-wrap: nowrap !important;
}

.swal2-styled.swal2-confirm {
  background: var(--btn-primary-bg) !important;
  color: var(--btn-primary-text) !important;
  border: 2px solid var(--btn-primary-border, transparent) !important;
  border-radius: 100px !important;
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  -webkit-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
  -webkit-box-flex: 1 !important;
          flex: 1 !important;
  margin: 0 !important;
  padding: 1rem 1.5rem !important;
  font-size: 1rem !important;
  letter-spacing: 0.16px !important;
  gap: 0.5rem !important;
}

@media (max-width: 991.98px) {
  .swal2-styled.swal2-confirm {
    padding: 10px 1rem !important;
    font-size: 0.875rem !important;
    letter-spacing: 0 !important;
    gap: 10px !important;
  }
}

.swal2-styled.swal2-confirm:hover,
.swal2-styled.swal2-confirm:focus {
  background: var(--btn-primary-hover-bg) !important;
  color: var(--btn-primary-hover-text) !important;
  border-color: var(--btn-primary-hover-border, transparent) !important;
  box-shadow: none !important;
}

.swal2-styled.swal2-confirm:focus {
  outline: none !important;
}

.swal2-styled.swal2-cancel {
  background: var(--btn-secondary-bg) !important;
  color: var(--btn-secondary-text) !important;
  border: 2px solid var(--btn-secondary-border) !important;
  border-radius: 100px !important;
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  -webkit-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
  -webkit-box-flex: 1 !important;
          flex: 1 !important;
  margin: 0 !important;
  padding: 1rem 1.5rem !important;
  font-size: 1rem !important;
  letter-spacing: 0.16px !important;
  gap: 0.5rem !important;
}

@media (max-width: 991.98px) {
  .swal2-styled.swal2-cancel {
    padding: 10px 1rem !important;
    font-size: 0.875rem !important;
    letter-spacing: 0 !important;
    gap: 10px !important;
  }
}

.swal2-styled.swal2-cancel:hover,
.swal2-styled.swal2-cancel:focus {
  background: var(--btn-secondary-hover-bg) !important;
  color: var(--btn-secondary-hover-text) !important;
  border-color: var(--btn-secondary-hover-border) !important;
  box-shadow: none !important;
}

.swal2-styled.swal2-cancel:focus {
  outline: none !important;
}

.swal2-styled.swal2-deny {
  background: var(--btn-secondary-bg) !important;
  color: var(--color-alert) !important;
  border: 2px solid var(--color-alert) !important;
  border-radius: 100px !important;
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  -webkit-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
  -webkit-box-flex: 1 !important;
          flex: 1 !important;
  margin: 0 !important;
  padding: 1rem 1.5rem !important;
  font-size: 1rem !important;
  letter-spacing: 0.16px !important;
  gap: 0.5rem !important;
}

@media (max-width: 991.98px) {
  .swal2-styled.swal2-deny {
    padding: 10px 1rem !important;
    font-size: 0.875rem !important;
    letter-spacing: 0 !important;
    gap: 10px !important;
  }
}

.swal2-styled.swal2-deny:hover,
.swal2-styled.swal2-deny:focus {
  background: var(--color-alert) !important;
  color: #ffffff !important;
  border-color: var(--color-alert) !important;
  box-shadow: none !important;
}

.swal2-styled.swal2-deny:focus {
  outline: none !important;
}

.swal2-icon {
  margin: 0 auto 1rem !important;
  border-width: 3px !important;
  width: 48px !important;
  height: 48px !important;
}

@media (max-width: 575.98px) {
  .swal2-icon {
    width: 32px !important;
    height: 32px !important;
  }
}

.swal2-icon.swal2-success {
  border: none !important;
  background: url("/img_v2/purchase/check-icon.svg") no-repeat center center !important;
  background-size: contain !important;
}

.swal2-icon.swal2-success [class^=swal2-success-line],
.swal2-icon.swal2-success .swal2-success-ring,
.swal2-icon.swal2-success .swal2-success-fix,
.swal2-icon.swal2-success .swal2-success-circular-line-left,
.swal2-icon.swal2-success .swal2-success-circular-line-right {
  display: none !important;
}

.swal2-icon.swal2-error {
  border: none !important;
  background: url("/img_v2/ticket-my-event/error-icon.svg") no-repeat center center !important;
  background-size: contain !important;
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
  display: none !important;
}

.swal2-icon.swal2-warning {
  border: none !important;
  background: url("/img_v2/global/alert-icon.svg") no-repeat center center !important;
  background-size: contain !important;
}

.swal2-icon.swal2-warning .swal2-icon-content {
  display: none !important;
}

.swal2-icon.swal2-info {
  border: none !important;
  background: url("/img_v2/global/info-icon-alert.svg") no-repeat center center !important;
  background-size: contain !important;
}

.swal2-icon.swal2-info .swal2-icon-content {
  display: none !important;
}

.swal2-icon.swal2-question {
  border-color: var(--text-tertiary) !important;
  color: var(--text-tertiary) !important;
}

.swal2-icon.swal2-question .swal2-icon-content {
  color: var(--text-tertiary) !important;
}

.swal2-close {
  color: var(--text-tertiary) !important;
  font-size: 1.75rem !important;
  font-weight: 400 !important;
  -webkit-transition: color 0.3s ease !important;
  transition: color 0.3s ease !important;
  width: 36px !important;
  height: 36px !important;
  top: 1rem !important;
  right: 1rem !important;
}

.swal2-close:hover {
  color: var(--text-primary) !important;
}

.swal2-close:focus {
  outline: none !important;
  box-shadow: none !important;
}

.swal2-popup.swal2-toast {
  border-radius: 0.5rem !important;
  padding: 1rem !important;
  box-shadow: none !important;
}

.swal2-popup.swal2-toast .swal2-title {
  font-size: 0.875rem !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--text-primary) !important;
}

.swal2-popup.swal2-toast .swal2-html-container {
  font-size: 0.875rem !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--text-tertiary) !important;
}

.swal2-popup.swal2-toast .swal2-icon {
  width: 1.5em !important;
  height: 1.5em !important;
  margin: 0 0.5rem 0 0 !important;
  border: none !important;
  background-color: transparent !important;
}

.swal2-popup.swal2-toast .swal2-icon.swal2-success {
  background: url("/img_v2/ticket-my-event/success-icon.svg") no-repeat center center !important;
  background-size: contain !important;
  background-color: transparent !important;
  -webkit-filter: none !important;
          filter: none !important;
}

.swal2-popup.swal2-toast .swal2-icon.swal2-success * {
  display: none !important;
  background: transparent !important;
}

.swal2-popup.swal2-toast .swal2-icon.swal2-success::before,
.swal2-popup.swal2-toast .swal2-icon.swal2-success::after {
  display: none !important;
}

.swal2-timer-progress-bar {
  background: var(--color-afton-purple) !important;
  opacity: 0.6 !important;
}

.swal2-input,
.swal2-textarea,
.swal2-select {
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 1rem !important;
  color: var(--input-text) !important;
  background: var(--input-bg) !important;
  border: 2px solid var(--input-border) !important;
  border-radius: 100px !important;
  padding: 1rem 1.5rem !important;
  margin: 0.5rem 0 !important;
}

.swal2-input:focus,
.swal2-textarea:focus,
.swal2-select:focus {
  border-color: var(--input-focus-border) !important;
  box-shadow: 0 0 0 4px var(--input-focus-shadow) !important;
  outline: none !important;
}

.swal2-input::-webkit-input-placeholder, .swal2-textarea::-webkit-input-placeholder, .swal2-select::-webkit-input-placeholder {
  color: var(--input-placeholder) !important;
}

.swal2-input::-moz-placeholder, .swal2-textarea::-moz-placeholder, .swal2-select::-moz-placeholder {
  color: var(--input-placeholder) !important;
}

.swal2-input:-ms-input-placeholder, .swal2-textarea:-ms-input-placeholder, .swal2-select:-ms-input-placeholder {
  color: var(--input-placeholder) !important;
}

.swal2-input::-ms-input-placeholder, .swal2-textarea::-ms-input-placeholder, .swal2-select::-ms-input-placeholder {
  color: var(--input-placeholder) !important;
}

.swal2-input::placeholder,
.swal2-textarea::placeholder,
.swal2-select::placeholder {
  color: var(--input-placeholder) !important;
}

.swal2-textarea {
  border-radius: 1.5rem !important;
  min-height: 100px !important;
}

.swal2-select {
  -moz-appearance: none !important;
       appearance: none !important;
  -webkit-appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 20px center !important;
  background-size: 20px !important;
  padding-right: 50px !important;
}

.swal2-validation-message {
  background: rgba(229, 70, 102, 0.1) !important;
  color: var(--color-alert) !important;
  font-size: 0.875rem !important;
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
  border-radius: 0.5rem !important;
  margin: 0.5rem 0 !important;
  padding: 0.5rem 1rem !important;
}

.swal2-validation-message::before {
  background-color: var(--color-alert) !important;
}

.swal2-loading .swal2-styled.swal2-confirm {
  background: var(--btn-disabled-bg) !important;
  border-color: var(--btn-disabled-border) !important;
  color: var(--btn-disabled-text) !important;
}

.swal2-show {
  -webkit-animation: swal2-afton-show 0.3s ease !important;
          animation: swal2-afton-show 0.3s ease !important;
}

@-webkit-keyframes swal2-afton-show {
  0% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes swal2-afton-show {
  0% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

.swal2-hide {
  -webkit-animation: swal2-afton-hide 0.2s ease forwards !important;
          animation: swal2-afton-hide 0.2s ease forwards !important;
}

@-webkit-keyframes swal2-afton-hide {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    opacity: 0;
  }
}

@keyframes swal2-afton-hide {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    opacity: 0;
  }
}

[data-theme=light] .swal2-icon.swal2-warning {
  -webkit-filter: invert(1) !important;
          filter: invert(1) !important;
}

[data-theme=light] .swal2-icon.swal2-success {
  -webkit-filter: invert(1) !important;
          filter: invert(1) !important;
}

[data-theme=light] .swal2-icon.swal2-error {
  -webkit-filter: none !important;
          filter: none !important;
}

[data-theme=light] .swal2-icon.swal2-info {
  -webkit-filter: none !important;
          filter: none !important;
}

[data-theme=dark] .swal2-select {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

[data-theme=dark] .swal2-icon.swal2-warning {
  -webkit-filter: none !important;
          filter: none !important;
}

[data-theme=dark] .swal2-icon.swal2-success {
  -webkit-filter: none !important;
          filter: none !important;
}

[data-theme=dark] .swal2-icon.swal2-error {
  -webkit-filter: none !important;
          filter: none !important;
}

[data-theme=dark] .swal2-icon.swal2-info {
  -webkit-filter: none !important;
          filter: none !important;
}

[data-theme=dark] .swal2-icon.swal2-question {
  border-color: var(--text-secondary) !important;
  color: var(--text-secondary) !important;
}

[data-theme=dark] .swal2-icon.swal2-question .swal2-icon-content {
  color: var(--text-secondary) !important;
}

@media (max-width: 575.98px) {
  .swal2-title {
    font-size: 1rem !important;
  }
}