/* ------------------------------------------------------------------
  Plugin LWA Styles
 ------------------------------------------------------------------- */
/* stylelint-disable scss/comment-no-empty */
.lwa-default .lwa-submit-button button::after, div.lwa-modal-overlay .lwa-bones .pixelbones button {
  --cpl-crop--top-left__size: 0%;
  --cpl-crop--top-right__size: 0%;
  --cpl-crop--bottom-right__size: 0%;
  --cpl-crop--bottom-left__size: 0%;
  clip-path: polygon(0 var(--cpl-crop--top-left__size), var(--cpl-crop--top-left__size) 0, calc(100% - var(--cpl-crop--top-right__size)) 0, 100% var(--cpl-crop--top-right__size), 100% calc(100% - var(--cpl-crop--bottom-right__size)), calc(100% - var(--cpl-crop--bottom-right__size)) 100%, var(--cpl-crop--bottom-left__size) 100%, 0 calc(100% - var(--cpl-crop--bottom-left__size)));
}

.lwa-default .lwa-submit-button button::before, .lwa-default .lwa-status::before {
  --cpl-crop--top-left__size: 0%;
  --cpl-crop--top-left__compensate: calc(var(--cpl-crop--top-left__size) + var(--cpl-crop__outline));
  --cpl-crop--top-right__size: 0%;
  --cpl-crop--top-right__compensate: calc(var(--cpl-crop--top-right__size) + var(--cpl-crop__outline));
  --cpl-crop--bottom-right__size: 0%;
  --cpl-crop--bottom-right__compensate: calc(var(--cpl-crop--bottom-right__size) + var(--cpl-crop__outline));
  --cpl-crop--bottom-left__size: 0%;
  --cpl-crop--bottom-left__compensate: calc(var(--cpl-crop--bottom-left__size) + var(--cpl-crop__outline));
  --cpl-crop__outline: 1px;
  clip-path: polygon(var(--cpl-crop__outline) var(--cpl-crop--top-left__compensate), var(--cpl-crop--top-left__compensate) var(--cpl-crop__outline), calc(100% - var(--cpl-crop--top-right__compensate)) var(--cpl-crop__outline), calc(100% - var(--cpl-crop__outline)) var(--cpl-crop--top-right__compensate), calc(100% - var(--cpl-crop__outline)) calc(100% - var(--cpl-crop--bottom-right__compensate)), calc(100% - var(--cpl-crop--bottom-right__compensate)) calc(100% - var(--cpl-crop__outline)), var(--cpl-crop--bottom-left__compensate) calc(100% - var(--cpl-crop__outline)), var(--cpl-crop__outline) calc(100% - var(--cpl-crop--bottom-left__compensate)), 0 calc(100% - var(--cpl-crop--bottom-left__size)), var(--cpl-crop--bottom-left__size) 100%, calc(100% - var(--cpl-crop--bottom-right__size)) 100%, 100% calc(100% - var(--cpl-crop--bottom-right__size)), 100% var(--cpl-crop--top-right__size), calc(100% - var(--cpl-crop--top-right__size)) 0, var(--cpl-crop--top-left__size) 0, 0 var(--cpl-crop--top-left__size), 0 calc(100% - var(--cpl-crop--bottom-left__size)), var(--cpl-crop__outline) calc(100% - var(--cpl-crop--bottom-left__compensate)));
}

.lwa-default .lwa-status {
  --cpl-alert__border-color: hsl(var(--cpl-color-background-300));
  position: relative;
  padding: 20px 30px;
  background-color: hsl(var(--cpl-color-background-100));
  border-left: 7px solid var(--cpl-alert__border-color);
}
.lwa-default .lwa-status::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: -1px;
  display: block;
  pointer-events: none;
  content: "";
  background-color: var(--cpl-alert__border-color);
  opacity: 0.5;
  --cpl-crop--bottom-right__size: 15px;
}

.lwa-default .lwa-status-invalid {
  --cpl-alert__border-color: hsl(var(--cpl-color-danger));
}

.lwa-default .lwa-status-confirm {
  --cpl-alert__border-color: hsl(var(--cpl-color-success));
}

.lwa-default .lwa-submit-button button {
  --cpl-btn__padding-v: var(--cpl-btn-md__padding-v);
  --cpl-btn__padding-h: var(--cpl-btn-md__padding-h);
  --cpl-btn__font-size: var(--cpl-btn-md__font-size);
  --cpl-btn__color: hsl(var(--cpl-color-black));
  --cpl-btn__background-color: var(--cpl-color-brand);
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: var(--cpl-btn__padding-v) var(--cpl-btn__padding-h);
  font-size: var(--cpl-btn__font-size);
  font-weight: 600;
  line-height: 1;
  color: var(--cpl-btn__color);
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  background-color: var(--cpl-btn__background-color);
  border: 0;
  border-radius: var(--cpl-border-radius);
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.lwa-default .lwa-submit-button button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.lwa-default .lwa-submit-button button:focus:not(:focus-visible) {
  outline: none;
}
.lwa-default .lwa-submit-button button:not([disabled]):not(.disabled):hover, .lwa-default .lwa-submit-button button:not([disabled]):not(.disabled):focus {
  --cpl-btn__color: hsl(var(--cpl-color-black));
  --cpl-btn__background-color: var(--cpl-color-brand);
}

.lwa-default .lwa-submit-button button {
  --cpl-btn__padding-v: var(--cpl-btn-md__padding-v);
  --cpl-btn__padding-h: var(--cpl-btn-md__padding-h);
  --cpl-btn__font-size: var(--cpl-btn-md__font-size);
}

div.lwa-modal-overlay .lwa-bones .pixelbones button {
  --cpl-btn__crop: 10px;
  --cpl-crop--top-left__size: var(--cpl-btn__crop);
  --cpl-crop--bottom-right__size: var(--cpl-btn__crop);
}

.lwa-default .lwa-submit-button button {
  --cpl-btn__crop: 12px;
  --cpl-btn__crop-outline: 20px;
  z-index: 0;
}
.lwa-default .lwa-submit-button button::before, .lwa-default .lwa-submit-button button::after {
  position: absolute;
  display: block;
  content: "";
}
.lwa-default .lwa-submit-button button::before {
  --cpl-crop--top-left__size: var(--cpl-btn__crop-outline);
  --cpl-crop--bottom-right__size: var(--cpl-btn__crop-outline);
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
  pointer-events: none;
  background-color: hsl(var(--cpl-color-contrast-500));
  opacity: 0.2;
}
.lwa-default .lwa-submit-button button::after {
  --cpl-crop--top-left__size: var(--cpl-btn__crop);
  --cpl-crop--bottom-right__size: var(--cpl-btn__crop);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background-color: var(--cpl-btn__background-color);
  -webkit-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
}
.lwa-default .lwa-submit-button button.cpl-glitch-button::before {
  visibility: visible;
}

.lwa-default .lwa-submit-button button {
  --cpl-btn__color: hsl(var(--cpl-color-black));
  --cpl-btn__background-color: var(--cpl-color-brand);
}

div.lwa-modal-overlay .lwa-2FA-resend {
  --cpl-btn__color: hsl(var(--cpl-color-white));
  --cpl-btn__background-color: hsl(var(--cpl-color-darker-3));
}

.lwa-default .lwa-submit-button button:not([disabled]):not(.disabled):hover, .lwa-default .lwa-submit-button button:not([disabled]):not(.disabled):focus {
  --cpl-btn__color: hsl(var(--cpl-color-contrast-900));
  --cpl-btn__background-color: hsl(var(--cpl-color-contrast-100));
}

.lwa-default .lwa-submit-button button {
  background-color: transparent;
}
.lwa-default .lwa-submit-button button:hover, .lwa-default .lwa-submit-button button:focus {
  background-color: transparent;
}

.lwa-default .lwa-links-register-inline,
.lwa-default .lwa-links-remember-cancel,
.lwa-default .lwa-links-register-inline-cancel {
  --cpl-styled-link__color: hsl(var(--cpl-color-contrast-100));
  --cpl-styled-link__background-color: transparent;
  --cpl-styled-link__border_color: hsla(var(--cpl-color-contrast-100), 0.2);
  color: var(--cpl-styled-link__color);
  background: -o-linear-gradient(330deg, var(--cpl-styled-link__border_color) 0%, var(--cpl-styled-link__border_color) 100%);
  background: linear-gradient(120deg, var(--cpl-styled-link__border_color) 0%, var(--cpl-styled-link__border_color) 100%);
  background-color: var(--cpl-styled-link__background-color);
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 100% 2px;
  -webkit-transition: background var(--cpl-transition-duration) var(--cpl-transition-easing), color var(--cpl-transition-duration) var(--cpl-transition-easing);
  -o-transition: background var(--cpl-transition-duration) var(--cpl-transition-easing), color var(--cpl-transition-duration) var(--cpl-transition-easing);
  transition: background var(--cpl-transition-duration) var(--cpl-transition-easing), color var(--cpl-transition-duration) var(--cpl-transition-easing);
}
.lwa-default .lwa-links-register-inline:hover,
.lwa-default .lwa-links-remember-cancel:hover,
.lwa-default .lwa-links-register-inline-cancel:hover, .lwa-default .lwa-links-register-inline:focus,
.lwa-default .lwa-links-remember-cancel:focus,
.lwa-default .lwa-links-register-inline-cancel:focus, .lwa-default .lwa-links-register-inline:active,
.lwa-default .lwa-links-remember-cancel:active,
.lwa-default .lwa-links-register-inline-cancel:active {
  --cpl-styled-link__color: hsl(var(--cpl-color-contrast-900));
  --cpl-styled-link__background-color: hsl(var(--cpl-color-contrast-100));
  --cpl-styled-link__border_color: hsla(var(--cpl-color-contrast-100), 1);
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.lwa-default {
  position: relative;
  display: block;
  background-color: hsl(var(--cpl-color-background-100));
}
.lwa-default::before {
  position: absolute;
  top: 15px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  pointer-events: none;
  content: "";
  border: 1px solid;
  -o-border-image: var(--cpl-svg-frame);
     border-image: var(--cpl-svg-frame);
  border-image-slice: 50 160;
  border-image-width: 50px 160px;
  border-image-repeat: round;
}
@media (min-width: 568px) {
  .lwa-default {
    width: 460px;
    padding: 70px 60px;
  }
}
@media (max-width: 567.98px) {
  .lwa-default {
    padding: 40px 30px;
  }
  .lwa-default::before {
    display: none;
  }
}
.lwa-default form > h4 {
  margin-top: 0;
  margin-bottom: 36px;
  text-align: center;
}
.lwa-default form > p {
  text-align: center;
}
.lwa-default .input-field + .input-field {
  margin-top: 30px;
}
.lwa-default .lwa-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.lwa-default .lwa-links > label,
.lwa-default .lwa-links > a {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 568px) {
  .lwa-default .lwa-links > label,
.lwa-default .lwa-links > a {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    max-width: 100%;
  }
}
.lwa-default .lwa-links > label {
  margin-bottom: 0;
  font-size: 1em;
  font-weight: 400;
  text-transform: none;
}
@media (min-width: 568px) {
  .lwa-default .lwa-links > label {
    margin-right: auto;
  }
}
.lwa-default .lwa-links > a {
  font-size: 1em;
  font-weight: 400;
  color: hsl(var(--cpl-color-text));
}
.lwa-default .lwa-links > a:hover, .lwa-default .lwa-links > a:focus {
  color: var(--cpl-color-brand);
}
.lwa-default .submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 30px;
}
.lwa-default .lwa-submit-button,
.lwa-default .lwa-submit-button button {
  width: 100%;
}
.lwa-default .lwa-submit-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 30px;
}
.lwa-default .lwa-links-register-inline,
.lwa-default .lwa-links-remember-cancel,
.lwa-default .lwa-links-register-inline-cancel {
  margin-top: 20px;
  font-size: 0.875em;
  font-weight: 500;
  line-height: 1.4;
  color: hsl(var(--cpl-color-title));
  text-transform: uppercase;
  -webkit-transition: background var(--cpl-transition-duration) var(--cpl-transition-easing), color var(--cpl-transition-duration) var(--cpl-transition-easing);
  -o-transition: background var(--cpl-transition-duration) var(--cpl-transition-easing), color var(--cpl-transition-duration) var(--cpl-transition-easing);
  transition: background var(--cpl-transition-duration) var(--cpl-transition-easing), color var(--cpl-transition-duration) var(--cpl-transition-easing);
}
.lwa-default .lwa-links-register-inline:hover, .lwa-default .lwa-links-register-inline:focus,
.lwa-default .lwa-links-remember-cancel:hover,
.lwa-default .lwa-links-remember-cancel:focus,
.lwa-default .lwa-links-register-inline-cancel:hover,
.lwa-default .lwa-links-register-inline-cancel:focus {
  color: var(--cpl-styled-link__color);
}
.lwa-default.lwa form span.lwa-status {
  padding: 20px 30px !important;
  margin-bottom: 30px !important;
  border: 0 !important;
  border-left: 7px solid !important;
  border-radius: 0 !important;
}
.lwa-default.lwa form span.lwa-status, .lwa-default.lwa form span.lwa-status.lwa-status-invalid, .lwa-default.lwa form span.lwa-status.lwa-status-confirm {
  color: hsl(var(--cpl-color-text)) !important;
  background-color: transparent !important;
  border-color: var(--cpl-alert__border-color) !important;
}
.lwa-default .lwa-status {
  position: relative;
  overflow: hidden;
  font-size: 1em;
}
.lwa-default .lwa-recaptcha-v2 {
  margin-top: 25px;
}

@media only screen and (min-width: 40rem) {
  div.lwa-modal-overlay {
    z-index: 100000 !important;
    background-color: var(--cpl-popup--overlay__background-color) !important;
  }
}
div.lwa-modal-overlay .lwa-modal-popup {
  z-index: 100000 !important;
  padding: 30px !important;
  background-color: var(--cpl-color-background) !important;
  border-radius: 0 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
div.lwa-modal-overlay .lwa-modal-popup .pixelbones {
  --text-color-normal: hsl(var(--cpl-color-text));
}

div.lwa-modal-overlay .pixelbones {
  font-family: inherit !important;
}
div.lwa-modal-overlay .pixelbones p {
  margin-bottom: 30px !important;
}
div.lwa-modal-overlay .pixelbones form > p:last-child {
  margin-bottom: 0 !important;
}
div.lwa-modal-overlay .pixelbones form > div + p {
  margin-top: 30px !important;
}

div.lwa-modal-overlay .lwa-bones .lwa,
div.lwa-modal-overlay .lwa-modal-popup .lwa-modal-content,
div.lwa-modal-overlay .lwa-bones .pixelbones button,
div.lwa-modal-overlay .lwa-bones .pixelbones input {
  margin: 0 !important;
}

div.lwa-modal-overlay .lwa-bones .pixelbones input {
  min-height: 48px !important;
  padding: 0.75em 1.4285714286em !important;
  font-size: 0.875em !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  color: var(--cpl-form__color) !important;
  background-color: var(--cpl-form__background-color) !important;
  border: 0 !important;
  border-bottom: 4px solid var(--cpl-form__border-color) !important;
  border-radius: var(--cpl-border-radius) !important;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 4px), calc(100% - 2px) calc(100% - 2px), 102px calc(100% - 2px), 100px 100%, 4px 100%, 0 calc(100% - 4px));
}
div.lwa-modal-overlay .lwa-bones .pixelbones input:focus {
  color: var(--cpl-form-focus__color) !important;
  background-color: hsla(var(--cpl-color-background-300), 0.5) !important;
  border: 0 !important;
  border-bottom: 4px solid var(--cpl-form-focus__border-color) !important;
}

div.lwa-modal-overlay .lwa-bones .pixelbones button {
  position: relative;
  z-index: 1;
  height: auto !important;
  padding: var(--cpl-btn__padding-v) var(--cpl-btn__padding-h) !important;
  font-size: var(--cpl-btn__font-size) !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  color: var(--cpl-btn__color) !important;
  text-align: center !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  background-color: var(--cpl-btn__background-color) !important;
  border: 0 !important;
  border-radius: var(--cpl-border-radius) !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  -webkit-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}
div.lwa-modal-overlay .lwa-bones .pixelbones button:hover, div.lwa-modal-overlay .lwa-bones .pixelbones button:focus {
  color: hsl(var(--cpl-color-black)) !important;
  background-color: var(--cpl-color-brand) !important;
}