/* Reset and base styles - START */
* {
  -webkit-font-smoothing: antialiased;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: none;
}

/* Ensure details/summary elements render consistently (hide native marker) */
summary {
  position: relative;
  display: inline-block;
  list-style: none;
  cursor: pointer;
  user-select: none;
}
summary::-webkit-details-marker {
  display: none;
}

html {
  font-size: var(--base-font-size);
  scroll-behavior: smooth;
}

body {
  font-family: var(--body-font);
  font-size-adjust: 0.50;
  font-size: var(--text-size);
  font-style: var(--body-font-style);
  background-color: rgb(var(--primary-background));
  color: rgb(var(--text-color));
}

body>* {
  word-break: break-word;
}

body.popup-open,
body.header-popup-open {
  position: absolute;
  width: 100%;
  overflow: hidden;
}

body.popup-open::before,
body.header-popup-open::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(var(--overlay-background) / 0.3);
  backdrop-filter: blur(0.125rem);
  -webkit-backdrop-filter: blur(0.125rem);
}

body.popup-open::before {
  z-index: 100;
}

body.header-popup-open::before {
  z-index: 2;
}

table {
  border-collapse: collapse;
  table-layout: fixed;
  max-width: 100%;
}

table table {
  margin: 8px 0;
}

table td,
table th {
  --_default-border: 0, 0, 0;
  border: 1px solid rgb(var(--text-color, var(--_default-border)) / 1);
  padding: 8px;
}

iframe {
  max-width: 100%;
}

button,
input,
textarea,
select {
  font-family: inherit;
  font-style: inherit;
}

textarea {
  resize: none;
}

input,
textarea {
  font-size: var(--text-size);
  padding: 0.875rem;
  min-width: 250px;
  max-width: 100%;
  border-width: calc(var(--input-border-width) * 1px);
  border-style: solid;
  border-radius: calc(0.24px * var(--input-radius));
  background-color: rgb(var(--input-background));
  color: rgb(var(--input-text));
  border-color: rgb(var(--input-border) / var(--input-border-opacity));
  box-shadow: calc(var(--input-shadow-horizontal-offset) * 1px) calc(var(--input-shadow-vertical-offset) * 1px) calc(var(--input-shadow-blur) * 1px) rgba(0, 0, 0, var(--input-shadow-opacity));
}

textarea {
  border-radius: calc(0.16px * var(--input-radius));
}

input[type="checkbox"] {
  min-width: unset;
}

input::placeholder,
textarea::placeholder {
  color: rgb(var(--input-placeholder));
}

input:focus-visible,
textarea:focus-visible {
  background-color: rgb(var(--input-focus-background));
  border-color: rgb(var(--input-focus-border) / var(--input-border-opacity));
  color: rgb(var(--input-focus-text));
  outline-color: rgb(var(--input-focus-border) / var(--input-border-opacity));
}

input:focus-visible::placeholder,
textarea:focus-visible::placeholder {
  color: rgb(var(--input-focus-placeholder));
}

/* Disabled form controls (global) */
input[disabled],
textarea[disabled],
select[disabled] {
  background-color: rgb(var(--disabled-background));
  color: rgb(var(--disabled-label));
  border-color: rgb(var(--disabled-border) / var(--input-border-opacity));
  cursor: not-allowed;
}

img,
svg {
  display: block;
  max-width: 100%;
  height: auto;
}

section {
  display: flow-root;
  /* For collapsing margin */
}

a {
  color: rgb(var(--link-color));
}

p a {
  color: var(--text-color);
  text-decoration: none;
  border-bottom: 1px solid rgb(var(--text-color));
  transition: border 200ms ease-in-out;
  cursor: pointer;
}

p a:hover {
  border-bottom-color: rgb(var(--text-color) / 30%);
}

/* Reset and base styles - END */

#MainContent {
  min-height: calc(100svh - var(--header-area-height) - var(--footer-area-height));
}

.header-section:has(.header-wrapper.floating)~#MainContent {
  min-height: calc(100svh - var(--header-area-height) + var(--header-height) + var(--floating-top) - var(--footer-area-height));
}

/* Typography - START */
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: var(--heading-font);
  font-size-adjust: 0.525;
  --_font-size: 1rem;
  font-size: var(--_font-size);
  font-weight: var(--heading-font-weight);
  font-style: var(--heading-font-style);
  color: rgb(var(--heading-color));
  letter-spacing: calc(var(--heading-letter-spacing) * 1px);
  line-height: 1.25em;
}

h1,
.h1 {
  --_font-size: var(--h1-size);
}

h2,
.h2 {
  --_font-size: var(--h2-size);
}

h3,
.h3 {
  --_font-size: var(--h3-size);
}

h4,
.h4 {
  --_font-size: var(--h4-size);
}

h5,
.h5 {
  --_font-size: var(--h5-size);
}

h6,
.h6 {
  --_font-size: var(--h6-size);
}

p {
  line-height: 1.5em;
}

/* Preheading */
.preheading {
  font-size: var(--text-size-2xl);
  letter-spacing: calc(var(--preheading-letter-spacing) * 1px);
  color: rgb(var(--preheading-color));
}

/* Typography - END */

/* Wrapper - START */
.section-wrapper {
  background-color: rgb(var(--primary-background));
  color: rgb(var(--text-color));
}

.section-wrapper.gradient-enabled {
  background-image: var(--gradient-background);
}

.wrapper {
  padding-inline: var(--wrapper-padding);
}

.page-width {
  max-width: calc(var(--page-width, 1440) * 1px);
  margin-inline: auto;
}

/* Wrapper - END */

/* Rich text - START */
.richtext-container iframe {
  max-width: 100%;
}

.richtext-container img {
  max-width: 100%;
  height: auto;
}

/* .richtext-container p > img {
  margin: 0px auto;
} */
.richtext-container div:not(:last-child) {
  margin-bottom: calc(1rem * var(--body-scale));
}

.richtext-container h1:not(:last-child),
.richtext-container .h1:not(:last-child),
.richtext-container h2:not(:last-child),
.richtext-container .h2:not(:last-child),
.richtext-container h3:not(:last-child),
.richtext-container .h3:not(:last-child),
.richtext-container h4:not(:last-child),
.richtext-container .h4:not(:last-child),
.richtext-container h5:not(:last-child),
.richtext-container .h5:not(:last-child),
.richtext-container h6:not(:last-child),
.richtext-container .h6:not(:last-child) {
  margin-bottom: 0.5em;
}

.richtext-container p:not(:last-child),
.richtext-container ul:not(:last-child),
.richtext-container ol:not(:last-child) {
  margin-bottom: 1em;
}

.richtext-container p:empty,
.richtext-container ul li:empty,
.richtext-container ol li:empty {
  min-height: calc(var(--text-size) + 0.5em);
}

.richtext-container ol,
.richtext-container ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: grid;

}

.text-center.richtext-container ol,
.text-center.richtext-container ul {
  justify-content: center;
}

.text-center.richtext-container ol li,
.text-center.richtext-container ul li {
  justify-self: center;
}

.text-right.richtext-container ol,
.text-right.richtext-container ul {
  justify-content: end;
}

.text-right.richtext-container ol li,
.text-right.richtext-container ul li {
  justify-self: end;
}

.richtext-container ol li:not(:last-child),
.richtext-container ul li:not(:last-child) {
  margin-bottom: 0.5em;
}

.richtext-container ol li {
  counter-increment: step-counter;
}

.richtext-container ol li,
.richtext-container ul li {
  position: relative;
  padding-left: 2em;
  padding-top: 0.25em;
  line-height: 1.5em;
}

.richtext-container ol li::before {
  content: counter(step-counter)'.';
  margin-right: 0.125em;
  padding: 0.25em 0.5em;
  min-width: 30px;
  display: inline-block;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
}

.richtext-container ul li::before {
  content: "\25A0";
  margin-right: 0.125em;
  display: inline-block;
  box-sizing: border-box;
  position: absolute;
  left: 1em;
  top: calc(var(--text-size) / 1.75);
  font-size: 0.75em;
  line-height: 1.125em;
}

.richtext-container .preheading:not(:last-child) {
  margin-bottom: 0.5em;
}

/* Rich text - END */

/* Buttons - START */
.btn,
.button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-width: calc(var(--button-border-width) * 1px);
  border-style: solid;
  border-radius: calc(0.22px *var(--button-radius));
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-family: inherit;
  font-size: var(--text-size);
  line-height: 1.5717em;
  font-weight: 500;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0;
  max-width: 100%;
  padding-inline: 2.25rem;
  padding-block: 0.625rem;
  position: relative;
  text-align: center;
  text-decoration: none;
  gap: 1em;
  letter-spacing: calc(var(--button-letter-spacing) * 1px);
  text-transform: var(--button-case);
  box-shadow: calc(var(--button-shadow-horizontal-offset) * 1px) calc(var(--button-shadow-vertical-offset) * 1px) calc(var(--button-shadow-blur) * 1px) rgba(0, 0, 0, var(--button-shadow-opacity));
  transition-duration: 200ms;
  transition-timing-function: ease-in-out;
  transition-property: background-color, border-color, color;
}

.button__spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  width: 1.25rem;
  height: 1.25rem;
}

.btn.loading,
.button.loading {
  color: transparent !important;
}

.btn.loading .button__spinner {
  display: block;
  animation: animation-circling linear 1.5s infinite;
}

@keyframes animation-circling {
  from {
    transform: translate(-50%, -50%) rotate(0);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

@media (hover: hover) and (pointer: fine) {
  .btn-small,
  .button--small {
    padding-inline: 1.5rem;
    padding-block: 0.5rem;
  }
}

.btn:not(:focus-visible),
.button:not(:focus-visible) {
  outline: none;
}

/* Primary button */
.btn-primary,
.button--primary {
  background-color: rgb(var(--primary-button-background));
  border-color: rgb(var(--primary-button-border) / var(--button-border-opacity));
  color: rgb(var(--primary-button-label));
}

.btn-primary:not([disabled]):not(.disabled):focus-visible,
.button--primary:not([disabled]):not(.disabled):focus-visible {
  background-color: rgb(var(--primary-button-hover-background));
  border-color: rgb(var(--primary-button-hover-border) / var(--button-border-opacity));
  color: rgb(var(--primary-button-hover-label));
}


@media (hover: hover) and (pointer: fine) {
  .btn-primary:not([disabled]):not(.disabled):hover,
  .button--primary:not([disabled]):not(.disabled):hover {
    background-color: rgb(var(--primary-button-hover-background));
    border-color: rgb(var(--primary-button-hover-border) / var(--button-border-opacity));
    color: rgb(var(--primary-button-hover-label));
  }
}

@media (hover: none),
(pointer: coarse) {
  .btn-primary:not([disabled]):not(.disabled):active,
  .button--primary:not([disabled]):not(.disabled):active {
    background-color: rgb(var(--primary-button-hover-background));
    border-color: rgb(var(--primary-button-hover-border) / var(--button-border-opacity));
    color: rgb(var(--primary-button-hover-label));
  }
}

/* Secondary button */
.btn-secondary,
.button--secondary {
  background-color: rgb(var(--secondary-button-background));
  border-color: rgb(var(--secondary-button-border) / var(--button-border-opacity));
  color: rgb(var(--secondary-button-label));
}

.btn-secondary:not([disabled]):not(.disabled):focus-visible,
.button--secondary:not([disabled]):not(.disabled):focus-visible {
  background-color: rgb(var(--secondary-button-hover-background));
  border-color: rgb(var(--secondary-button-hover-border) / var(--button-border-opacity));
  color: rgb(var(--secondary-button-hover-label));
}

@media (hover: hover) and (pointer: fine) {
  .btn-secondary:not([disabled]):not(.disabled):hover,
  .button--secondary:not([disabled]):not(.disabled):hover {
    background-color: rgb(var(--secondary-button-hover-background));
    border-color: rgb(var(--secondary-button-hover-border) / var(--button-border-opacity));
    color: rgb(var(--secondary-button-hover-label));
  }
}

@media (hover: none),
(pointer: coarse) {
  .btn-secondary:not([disabled]):not(.disabled):active,
  .button--secondary:not([disabled]):not(.disabled):active {
    background-color: rgb(var(--secondary-button-hover-background));
    border-color: rgb(var(--secondary-button-hover-border) / var(--button-border-opacity));
    color: rgb(var(--secondary-button-hover-label));
  }
}

/* Tertiary button */
.btn-tertiary,
.button--tertiary {
  background-color: rgb(var(--tertiary-button-background));
  border-color: rgb(var(--tertiary-button-border) / var(--button-border-opacity));
  color: rgb(var(--tertiary-button-label));
}

.btn-tertiary:not([disabled]):not(.disabled):focus-visible,
.button--tertiary:not([disabled]):not(.disabled):focus-visible {
  background-color: rgb(var(--tertiary-button-hover-background));
  border-color: rgb(var(--tertiary-button-hover-border) / var(--button-border-opacity));
  color: rgb(var(--tertiary-button-hover-label));
}

@media (hover: hover) and (pointer: fine) {
  .btn-tertiary:not([disabled]):not(.disabled):hover,
  .button--tertiary:not([disabled]):not(.disabled):hover {
    background-color: rgb(var(--tertiary-button-hover-background));
    border-color: rgb(var(--tertiary-button-hover-border) / var(--button-border-opacity));
    color: rgb(var(--tertiary-button-hover-label));
  }
}

@media (hover: none),
(pointer: coarse) {
  .btn-tertiary:not([disabled]):not(.disabled):active,
  .button--tertiary:not([disabled]):not(.disabled):active {
    background-color: rgb(var(--tertiary-button-hover-background));
    border-color: rgb(var(--tertiary-button-hover-border) / var(--button-border-opacity));
    color: rgb(var(--tertiary-button-hover-label));
  }
}

/* Buttons - END */

/* Utilities - START */
.visually-hidden {
  position: absolute;
  width: 1px;
  min-width: unset;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.heading-font {
  font-family: var(--heading-font);
}

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

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

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

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

.border {
  border: 1px solid rgb(var(--border-color));
}

.border-top {
  border-top: 1px solid rgb(var(--border-color));
}

.border-bottom {
  border-bottom: 1px solid rgb(var(--border-color));
}

.align-top {
  align-items: start;
}

.align-middle {
  align-items: center;
}

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

.justify-left {
  justify-content: flex-start;
}

.justify-center {
  justify-content: center;
}

.justify-right {
  justify-content: flex-end;
}

.image-aspect-ratio-square {
  aspect-ratio: 1;
}

.image-aspect-ratio-portrait {
  aspect-ratio: 4 / 5;
}

.image-aspect-ratio-landscape {
  aspect-ratio: 5 / 4;
}

.image-aspect-ratio-wide {
  aspect-ratio: 16 / 9;
}

.image-fit-cover {
  object-fit: cover;
}

.image-fit-contain {
  object-fit: contain;
}

.scheme-wrapper {
  background-color: rgb(var(--primary-background));
  color: rgb(var(--text-color));
}

.scheme-wrapper.gradient-enabled {
  background-image: var(--gradient-background);
}

.no-focus-visible:focus {
  outline: none;
}

/* Global visibility helpers. */
.hidden {
  display: none !important;
}

@media (max-width: 959px) {
  .hidden-mobile {
    display: none !important;
  }
}

@media (min-width: 960px) {
  .hidden-desktop {
    display: none !important;
  }
}

/* Utilities - END */

/* Icon button - START */
.icon-btn {
  display: block;
  padding: calc(0.625rem * var(--body-scale));
}

.icon-btn:not(.btn-primary):not(.btn-secondary):not(.btn-tertiary) {
  color: rgb(var(--text-color));
}

.icon-btn svg,
.icon-size svg {
  display: block;
  width: calc(1.5rem * var(--body-scale));
  height: calc(1.5rem * var(--body-scale));
}

@media (hover: hover) and (pointer: fine) {
  .icon-btn.btn-small {
    padding: calc(0.5rem * var(--body-scale));
  }

  .icon-btn.btn-small svg,
  .icon-size.btn-small svg {
    width: calc(1rem * var(--body-scale));
    height: calc(1rem * var(--body-scale));
  }
}

.btn[disabled],
.button[disabled],
.icon-btn[disabled],
.btn.disabled,
.button.disabled,
.icon-btn.disabled {
  background-color: rgb(var(--disabled-background));
  border-color: rgb(var(--disabled-border) / var(--button-border-opacity));
  color: rgb(var(--disabled-label));
  cursor: default;
}

/* Icon button - END */

/* Link heading - START */
.link-heading a {
  text-decoration: none;
}

.link-heading a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

/* Link heading - END */

/* Column layout - Start */
.column-wrapper {
  --_column-spacer: 1rem;
  --_column-row-spacer: 1rem;
  --_column-count: 12;
  --_column-width: 12;
  margin-left: calc(var(--_column-spacer) * -1);
  margin-right: calc(var(--_column-spacer) * -1);
  display: flex;
  flex-wrap: wrap;
  row-gap: var(--_column-row-spacer);
}

.column-wrapper>* {
  padding-inline: var(--_column-spacer);
  width: calc((100% / var(--_column-count)) * var(--_column-width));
}

.row-reverse {
  flex-direction: row-reverse;
}

.column-reverse {
  flex-direction: column-reverse;
}

.col-count-1 {
  --_column-count: 1;
}

.col-count-2 {
  --_column-count: 2;
}

.col-count-3 {
  --_column-count: 3;
}

.col-count-4 {
  --_column-count: 4;
}

.col-count-5 {
  --_column-count: 5;
}

.col-count-6 {
  --_column-count: 6;
}

.col-count-7 {
  --_column-count: 7;
}

.col-count-8 {
  --_column-count: 8;
}

.col-count-9 {
  --_column-count: 9;
}

.col-count-10 {
  --_column-count: 10;
}

.col-count-11 {
  --_column-count: 11;
}

.col-count-12 {
  --_column-count: 12;
}

.col-1 {
  --_column-width: 1;
}

.col-2 {
  --_column-width: 2;
}

.col-3 {
  --_column-width: 3;
}

.col-4 {
  --_column-width: 4;
}

.col-5 {
  --_column-width: 5;
}

.col-6 {
  --_column-width: 6;
}

.col-7 {
  --_column-width: 7;
}

.col-8 {
  --_column-width: 8;
}

.col-9 {
  --_column-width: 9;
}

.col-10 {
  --_column-width: 10;
}

.col-11 {
  --_column-width: 11;
}

.col-12 {
  --_column-width: 12;
}

@media(min-width: 640px) {
  .sm\:row-reverse {
    flex-direction: row-reverse;
  }

  .sm\:column-reverse {
    flex-direction: column-reverse;
  }

  .sm\:col-count-1 {
    --_column-count: 1;
  }

  .sm\:col-count-2 {
    --_column-count: 2;
  }

  .sm\:col-count-3 {
    --_column-count: 3;
  }

  .sm\:col-count-4 {
    --_column-count: 4;
  }

  .sm\:col-count-5 {
    --_column-count: 5;
  }

  .sm\:col-count-6 {
    --_column-count: 6;
  }

  .sm\:col-count-7 {
    --_column-count: 7;
  }

  .sm\:col-count-8 {
    --_column-count: 8;
  }

  .sm\:col-count-9 {
    --_column-count: 9;
  }

  .sm\:col-count-10 {
    --_column-count: 10;
  }

  .sm\:col-count-11 {
    --_column-count: 11;
  }

  .sm\:col-count-12 {
    --_column-count: 12;
  }

  .sm\:col-1 {
    --_column-width: 1;
  }

  .sm\:col-2 {
    --_column-width: 2;
  }

  .sm\:col-3 {
    --_column-width: 3;
  }

  .sm\:col-4 {
    --_column-width: 4;
  }

  .sm\:col-5 {
    --_column-width: 5;
  }

  .sm\:col-6 {
    --_column-width: 6;
  }

  .sm\:col-7 {
    --_column-width: 7;
  }

  .sm\:col-8 {
    --_column-width: 8;
  }

  .sm\:col-9 {
    --_column-width: 9;
  }

  .sm\:col-10 {
    --_column-width: 10;
  }

  .sm\:col-11 {
    --_column-width: 11;
  }

  .sm\:col-12 {
    --_column-width: 12;
  }
}

@media(min-width: 768px) {
  .md\:row-reverse {
    flex-direction: row-reverse;
  }

  .md\:column-reverse {
    flex-direction: column-reverse;
  }

  .md\:col-count-1 {
    --_column-count: 1;
  }

  .md\:col-count-2 {
    --_column-count: 2;
  }

  .md\:col-count-3 {
    --_column-count: 3;
  }

  .md\:col-count-4 {
    --_column-count: 4;
  }

  .md\:col-count-5 {
    --_column-count: 5;
  }

  .md\:col-count-6 {
    --_column-count: 6;
  }

  .md\:col-count-7 {
    --_column-count: 7;
  }

  .md\:col-count-8 {
    --_column-count: 8;
  }

  .md\:col-count-9 {
    --_column-count: 9;
  }

  .md\:col-count-10 {
    --_column-count: 10;
  }

  .md\:col-count-11 {
    --_column-count: 11;
  }

  .md\:col-count-12 {
    --_column-count: 12;
  }

  .md\:col-1 {
    --_column-width: 1;
  }

  .md\:col-2 {
    --_column-width: 2;
  }

  .md\:col-3 {
    --_column-width: 3;
  }

  .md\:col-4 {
    --_column-width: 4;
  }

  .md\:col-5 {
    --_column-width: 5;
  }

  .md\:col-6 {
    --_column-width: 6;
  }

  .md\:col-7 {
    --_column-width: 7;
  }

  .md\:col-8 {
    --_column-width: 8;
  }

  .md\:col-9 {
    --_column-width: 9;
  }

  .md\:col-10 {
    --_column-width: 10;
  }

  .md\:col-11 {
    --_column-width: 11;
  }

  .md\:col-12 {
    --_column-width: 12;
  }
}

@media(min-width: 1024px) {
  .lg\:row-reverse {
    flex-direction: row-reverse;
  }

  .lg\:column-reverse {
    flex-direction: column-reverse;
  }

  .lg\:col-count-1 {
    --_column-count: 1;
  }

  .lg\:col-count-2 {
    --_column-count: 2;
  }

  .lg\:col-count-3 {
    --_column-count: 3;
  }

  .lg\:col-count-4 {
    --_column-count: 4;
  }

  .lg\:col-count-5 {
    --_column-count: 5;
  }

  .lg\:col-count-6 {
    --_column-count: 6;
  }

  .lg\:col-count-7 {
    --_column-count: 7;
  }

  .lg\:col-count-8 {
    --_column-count: 8;
  }

  .lg\:col-count-9 {
    --_column-count: 9;
  }

  .lg\:col-count-10 {
    --_column-count: 10;
  }

  .lg\:col-count-11 {
    --_column-count: 11;
  }

  .lg\:col-count-12 {
    --_column-count: 12;
  }

  .lg\:col-1 {
    --_column-width: 1;
  }

  .lg\:col-2 {
    --_column-width: 2;
  }

  .lg\:col-3 {
    --_column-width: 3;
  }

  .lg\:col-4 {
    --_column-width: 4;
  }

  .lg\:col-5 {
    --_column-width: 5;
  }

  .lg\:col-6 {
    --_column-width: 6;
  }

  .lg\:col-7 {
    --_column-width: 7;
  }

  .lg\:col-8 {
    --_column-width: 8;
  }

  .lg\:col-9 {
    --_column-width: 9;
  }

  .lg\:col-10 {
    --_column-width: 10;
  }

  .lg\:col-11 {
    --_column-width: 11;
  }

  .lg\:col-12 {
    --_column-width: 12;
  }
}

@media(min-width: 1280px) {
  .xl\:row-reverse {
    flex-direction: row-reverse;
  }

  .xl\:column-reverse {
    flex-direction: column-reverse;
  }

  .xl\:col-count-1 {
    --_column-count: 1;
  }

  .xl\:col-count-2 {
    --_column-count: 2;
  }

  .xl\:col-count-3 {
    --_column-count: 3;
  }

  .xl\:col-count-4 {
    --_column-count: 4;
  }

  .xl\:col-count-5 {
    --_column-count: 5;
  }

  .xl\:col-count-6 {
    --_column-count: 6;
  }

  .xl\:col-count-7 {
    --_column-count: 7;
  }

  .xl\:col-count-8 {
    --_column-count: 8;
  }

  .xl\:col-count-9 {
    --_column-count: 9;
  }

  .xl\:col-count-10 {
    --_column-count: 10;
  }

  .xl\:col-count-11 {
    --_column-count: 11;
  }

  .xl\:col-count-12 {
    --_column-count: 12;
  }

  .xl\:col-1 {
    --_column-width: 1;
  }

  .xl\:col-2 {
    --_column-width: 2;
  }

  .xl\:col-3 {
    --_column-width: 3;
  }

  .xl\:col-4 {
    --_column-width: 4;
  }

  .xl\:col-5 {
    --_column-width: 5;
  }

  .xl\:col-6 {
    --_column-width: 6;
  }

  .xl\:col-7 {
    --_column-width: 7;
  }

  .xl\:col-8 {
    --_column-width: 8;
  }

  .xl\:col-9 {
    --_column-width: 9;
  }

  .xl\:col-10 {
    --_column-width: 10;
  }

  .xl\:col-11 {
    --_column-width: 11;
  }

  .xl\:col-12 {
    --_column-width: 12;
  }
}

@media(min-width: 1536px) {
  .\32xl\:row-reverse {
    flex-direction: row-reverse;
  }

  .\32xl\:column-reverse {
    flex-direction: column-reverse;
  }

  .\32xl\:col-count-1 {
    --_column-count: 1;
  }

  .\32xl\:col-count-2 {
    --_column-count: 2;
  }

  .\32xl\:col-count-3 {
    --_column-count: 3;
  }

  .\32xl\:col-count-4 {
    --_column-count: 4;
  }

  .\32xl\:col-count-5 {
    --_column-count: 5;
  }

  .\32xl\:col-count-6 {
    --_column-count: 6;
  }

  .\32xl\:col-count-7 {
    --_column-count: 7;
  }

  .\32xl\:col-count-8 {
    --_column-count: 8;
  }

  .\32xl\:col-count-9 {
    --_column-count: 9;
  }

  .\32xl\:col-count-10 {
    --_column-count: 10;
  }

  .\32xl\:col-count-11 {
    --_column-count: 11;
  }

  .\32xl\:col-count-12 {
    --_column-count: 12;
  }

  .\32xl\:col-1 {
    --_column-width: 1;
  }

  .\32xl\:col-2 {
    --_column-width: 2;
  }

  .\32xl\:col-3 {
    --_column-width: 3;
  }

  .\32xl\:col-4 {
    --_column-width: 4;
  }

  .\32xl\:col-5 {
    --_column-width: 5;
  }

  .\32xl\:col-6 {
    --_column-width: 6;
  }

  .\32xl\:col-7 {
    --_column-width: 7;
  }

  .\32xl\:col-8 {
    --_column-width: 8;
  }

  .\32xl\:col-9 {
    --_column-width: 9;
  }

  .\32xl\:col-10 {
    --_column-width: 10;
  }

  .\32xl\:col-11 {
    --_column-width: 11;
  }

  .\32xl\:col-12 {
    --_column-width: 12;
  }
}

@media(min-width: 1704px) {
  .\33xl\:row-reverse {
    flex-direction: row-reverse;
  }

  .\33xl\:column-reverse {
    flex-direction: column-reverse;
  }

  .\33xl\:col-count-1 {
    --_column-count: 1;
  }

  .\33xl\:col-count-2 {
    --_column-count: 2;
  }

  .\33xl\:col-count-3 {
    --_column-count: 3;
  }

  .\33xl\:col-count-4 {
    --_column-count: 4;
  }

  .\33xl\:col-count-5 {
    --_column-count: 5;
  }

  .\33xl\:col-count-6 {
    --_column-count: 6;
  }

  .\33xl\:col-count-7 {
    --_column-count: 7;
  }

  .\33xl\:col-count-8 {
    --_column-count: 8;
  }

  .\33xl\:col-count-9 {
    --_column-count: 9;
  }

  .\33xl\:col-count-10 {
    --_column-count: 10;
  }

  .\33xl\:col-count-11 {
    --_column-count: 11;
  }

  .\33xl\:col-count-12 {
    --_column-count: 12;
  }

  .\33xl\:col-1 {
    --_column-width: 1;
  }

  .\33xl\:col-2 {
    --_column-width: 2;
  }

  .\33xl\:col-3 {
    --_column-width: 3;
  }

  .\33xl\:col-4 {
    --_column-width: 4;
  }

  .\33xl\:col-5 {
    --_column-width: 5;
  }

  .\33xl\:col-6 {
    --_column-width: 6;
  }

  .\33xl\:col-7 {
    --_column-width: 7;
  }

  .\33xl\:col-8 {
    --_column-width: 8;
  }

  .\33xl\:col-9 {
    --_column-width: 9;
  }

  .\33xl\:col-10 {
    --_column-width: 10;
  }

  .\33xl\:col-11 {
    --_column-width: 11;
  }

  .\33xl\:col-12 {
    --_column-width: 12;
  }
}

/* Column layout - End */

/* Grid layout - START */
.grid-wrapper {
  --_grid-columns: 1;
  --_column-gap: 2rem;
  --_row-gap: 2rem;
  --_column-span: 1;
  --_row-span: 1;
  --_col-start: auto;
  --_row-start: auto;
  display: grid;
  grid-template-columns: repeat(var(--_grid-columns), minmax(0, 1fr));
  column-gap: var(--_column-gap);
  row-gap: var(--_row-gap);
}

.grid-wrapper>* {
  grid-column: span var(--_column-span) / span var(--_column-span);
}

[class*="row-span"] {
  grid-row: span var(--_row-span) / span var(--_row-span);
}

[class*="col-start"] {
  grid-column-start: var(--_col-start);
}

[class*="row-start"] {
  grid-row-start: var(--_row-start);
}

.grid-row-fr {
  grid-auto-rows: minmax(0, 1fr);
}

.grid-cols-1 {
  --_grid-columns: 1;
}

.grid-cols-2 {
  --_grid-columns: 2;
}

.grid-cols-3 {
  --_grid-columns: 3;
}

.grid-cols-4 {
  --_grid-columns: 4;
}

.grid-cols-5 {
  --_grid-columns: 5;
}

.grid-cols-6 {
  --_grid-columns: 6;
}

.col-span-1 {
  --_column-span: 1;
}

.col-span-2 {
  --_column-span: 2;
}

.col-span-3 {
  --_column-span: 3;
}

.col-span-4 {
  --_column-span: 4;
}

.col-span-5 {
  --_column-span: 5;
}

.col-span-6 {
  --_column-span: 6;
}

.row-span-1 {
  --_row-span: 1;
}

.row-span-2 {
  --_row-span: 2;
}

.row-span-3 {
  --_row-span: 3;
}

.col-start-1 {
  --_col-start: 1;
}

.col-start-2 {
  --_col-start: 2;
}

.col-start-3 {
  --_col-start: 3;
}

.row-start-1 {
  --_row-start: 1;
}

.row-start-2 {
  --_row-start: 2;
}

.row-start-3 {
  --_row-start: 3;
}

@media(min-width: 640px) {
  .sm\:grid-row-fr {
    grid-auto-rows: minmax(0, 1fr);
  }

  .sm\:grid-cols-1 {
    --_grid-columns: 1;
  }

  .sm\:grid-cols-2 {
    --_grid-columns: 2;
  }

  .sm\:grid-cols-3 {
    --_grid-columns: 3;
  }

  .sm\:grid-cols-4 {
    --_grid-columns: 4;
  }

  .sm\:grid-cols-5 {
    --_grid-columns: 5;
  }

  .sm\:grid-cols-6 {
    --_grid-columns: 6;
  }

  .sm\:col-span-1 {
    --_column-span: 1;
  }

  .sm\:col-span-2 {
    --_column-span: 2;
  }

  .sm\:col-span-3 {
    --_column-span: 3;
  }

  .sm\:col-span-4 {
    --_column-span: 4;
  }

  .sm\:col-span-5 {
    --_column-span: 5;
  }

  .sm\:col-span-6 {
    --_column-span: 6;
  }

  .sm\:row-span-1 {
    --_row-span: 1;
  }

  .sm\:row-span-2 {
    --_row-span: 2;
  }

  .sm\:row-span-3 {
    --_row-span: 3;
  }

  .sm\:col-start-1 {
    --_col-start: 1;
  }

  .sm\:col-start-2 {
    --_col-start: 2;
  }

  .sm\:col-start-3 {
    --_col-start: 3;
  }

  .sm\:row-start-1 {
    --_row-start: 1;
  }

  .sm\:row-start-2 {
    --_row-start: 2;
  }

  .sm\:row-start-3 {
    --_row-start: 3;
  }
}

@media(min-width: 768px) {
  .md\:grid-row-fr {
    grid-auto-rows: minmax(0, 1fr);
  }

  .md\:grid-cols-1 {
    --_grid-columns: 1;
  }

  .md\:grid-cols-2 {
    --_grid-columns: 2;
  }

  .md\:grid-cols-3 {
    --_grid-columns: 3;
  }

  .md\:grid-cols-4 {
    --_grid-columns: 4;
  }

  .md\:grid-cols-5 {
    --_grid-columns: 5;
  }

  .md\:grid-cols-6 {
    --_grid-columns: 6;
  }

  .md\:col-span-1 {
    --_column-span: 1;
  }

  .md\:col-span-2 {
    --_column-span: 2;
  }

  .md\:col-span-3 {
    --_column-span: 3;
  }

  .md\:col-span-4 {
    --_column-span: 4;
  }

  .md\:col-span-5 {
    --_column-span: 5;
  }

  .md\:col-span-6 {
    --_column-span: 6;
  }

  .md\:row-span-1 {
    --_row-span: 1;
  }

  .md\:row-span-2 {
    --_row-span: 2;
  }

  .md\:row-span-3 {
    --_row-span: 3;
  }

  .md\:col-start-1 {
    --_col-start: 1;
  }

  .md\:col-start-2 {
    --_col-start: 2;
  }

  .md\:col-start-3 {
    --_col-start: 3;
  }

  .md\:row-start-1 {
    --_row-start: 1;
  }

  .md\:row-start-2 {
    --_row-start: 2;
  }

  .md\:row-start-3 {
    --_row-start: 3;
  }
}

@media(min-width: 1024px) {
  .lg\:grid-row-fr {
    grid-auto-rows: minmax(0, 1fr);
  }

  .lg\:grid-cols-1 {
    --_grid-columns: 1;
  }

  .lg\:grid-cols-2 {
    --_grid-columns: 2;
  }

  .lg\:grid-cols-3 {
    --_grid-columns: 3;
  }

  .lg\:grid-cols-4 {
    --_grid-columns: 4;
  }

  .lg\:grid-cols-5 {
    --_grid-columns: 5;
  }

  .lg\:grid-cols-6 {
    --_grid-columns: 6;
  }

  .lg\:col-span-1 {
    --_column-span: 1;
  }

  .lg\:col-span-2 {
    --_column-span: 2;
  }

  .lg\:col-span-3 {
    --_column-span: 3;
  }

  .lg\:col-span-4 {
    --_column-span: 4;
  }

  .lg\:col-span-5 {
    --_column-span: 5;
  }

  .lg\:col-span-6 {
    --_column-span: 6;
  }

  .lg\:row-span-1 {
    --_row-span: 1;
  }

  .lg\:row-span-2 {
    --_row-span: 2;
  }

  .lg\:row-span-3 {
    --_row-span: 3;
  }

  .lg\:col-start-1 {
    --_col-start: 1;
  }

  .lg\:col-start-2 {
    --_col-start: 2;
  }

  .lg\:col-start-3 {
    --_col-start: 3;
  }

  .lg\:row-start-1 {
    --_row-start: 1;
  }

  .lg\:row-start-2 {
    --_row-start: 2;
  }

  .lg\:row-start-3 {
    --_row-start: 3;
  }
}

@media(min-width: 1280px) {
  .xl\:grid-row-fr {
    grid-auto-rows: minmax(0, 1fr);
  }

  .xl\:grid-cols-1 {
    --_grid-columns: 1;
  }

  .xl\:grid-cols-2 {
    --_grid-columns: 2;
  }

  .xl\:grid-cols-3 {
    --_grid-columns: 3;
  }

  .xl\:grid-cols-4 {
    --_grid-columns: 4;
  }

  .xl\:grid-cols-5 {
    --_grid-columns: 5;
  }

  .xl\:grid-cols-6 {
    --_grid-columns: 6;
  }

  .xl\:col-span-1 {
    --_column-span: 1;
  }

  .xl\:col-span-2 {
    --_column-span: 2;
  }

  .xl\:col-span-3 {
    --_column-span: 3;
  }

  .xl\:col-span-4 {
    --_column-span: 4;
  }

  .xl\:col-span-5 {
    --_column-span: 5;
  }

  .xl\:col-span-6 {
    --_column-span: 6;
  }

  .xl\:row-span-1 {
    --_row-span: 1;
  }

  .xl\:row-span-2 {
    --_row-span: 2;
  }

  .xl\:row-span-3 {
    --_row-span: 3;
  }

  .xl\:col-start-1 {
    --_col-start: 1;
  }

  .xl\:col-start-2 {
    --_col-start: 2;
  }

  .xl\:col-start-3 {
    --_col-start: 3;
  }

  .xl\:row-start-1 {
    --_row-start: 1;
  }

  .xl\:row-start-2 {
    --_row-start: 2;
  }

  .xl\:row-start-3 {
    --_row-start: 3;
  }
}

@media(min-width: 1536px) {
  .\32xl\:grid-row-fr {
    grid-auto-rows: minmax(0, 1fr);
  }

  .\32xl\:grid-cols-1 {
    --_grid-columns: 1;
  }

  .\32xl\:grid-cols-2 {
    --_grid-columns: 2;
  }

  .\32xl\:grid-cols-3 {
    --_grid-columns: 3;
  }

  .\32xl\:grid-cols-4 {
    --_grid-columns: 4;
  }

  .\32xl\:grid-cols-5 {
    --_grid-columns: 5;
  }

  .\32xl\:grid-cols-6 {
    --_grid-columns: 6;
  }

  .\32xl\:col-span-1 {
    --_column-span: 1;
  }

  .\32xl\:col-span-2 {
    --_column-span: 2;
  }

  .\32xl\:col-span-3 {
    --_column-span: 3;
  }

  .\32xl\:col-span-4 {
    --_column-span: 4;
  }

  .\32xl\:col-span-5 {
    --_column-span: 5;
  }

  .\32xl\:col-span-6 {
    --_column-span: 6;
  }

  .\32xl\:row-span-1 {
    --_row-span: 1;
  }

  .\32xl\:row-span-2 {
    --_row-span: 2;
  }

  .\32xl\:row-span-3 {
    --_row-span: 3;
  }

  .\32xl\:col-start-1 {
    --_col-start: 1;
  }

  .\32xl\:col-start-2 {
    --_col-start: 2;
  }

  .\32xl\:col-start-3 {
    --_col-start: 3;
  }

  .\32xl\:row-start-1 {
    --_row-start: 1;
  }

  .\32xl\:row-start-2 {
    --_row-start: 2;
  }

  .\32xl\:row-start-3 {
    --_row-start: 3;
  }
}

@media(min-width: 1704px) {
  .\33xl\:grid-row-fr {
    grid-auto-rows: minmax(0, 1fr);
  }

  .\33xl\:grid-cols-1 {
    --_grid-columns: 1;
  }

  .\33xl\:grid-cols-2 {
    --_grid-columns: 2;
  }

  .\33xl\:grid-cols-3 {
    --_grid-columns: 3;
  }

  .\33xl\:grid-cols-4 {
    --_grid-columns: 4;
  }

  .\33xl\:grid-cols-5 {
    --_grid-columns: 5;
  }

  .\33xl\:grid-cols-6 {
    --_grid-columns: 6;
  }

  .\33xl\:col-span-1 {
    --_column-span: 1;
  }

  .\33xl\:col-span-2 {
    --_column-span: 2;
  }

  .\33xl\:col-span-3 {
    --_column-span: 3;
  }

  .\33xl\:col-span-4 {
    --_column-span: 4;
  }

  .\33xl\:col-span-5 {
    --_column-span: 5;
  }

  .\33xl\:col-span-6 {
    --_column-span: 6;
  }

  .\33xl\:row-span-1 {
    --_row-span: 1;
  }

  .\33xl\:row-span-2 {
    --_row-span: 2;
  }

  .\33xl\:row-span-3 {
    --_row-span: 3;
  }

  .\33xl\:col-start-1 {
    --_col-start: 1;
  }

  .\33xl\:col-start-2 {
    --_col-start: 2;
  }

  .\33xl\:col-start-3 {
    --_col-start: 3;
  }

  .\33xl\:row-start-1 {
    --_row-start: 1;
  }

  .\33xl\:row-start-2 {
    --_row-start: 2;
  }

  .\33xl\:row-start-3 {
    --_row-start: 3;
  }
}

/* Grid layout - END */

/* Skip link - START */
.skip-link{
    position: absolute;
    top: 4px;
    left: 4px;
    z-index: 9999;
    opacity: 0;
    pointer-events: none;
}
.skip-link:focus{
    opacity: 1;
    pointer-events: all;
}
/* Skip link - END */

/* Swiper element - START */
.swiper-initialize {
  display: flex;
  visibility: hidden;
}

/* Swiper element - END */

/* Loader - START */
.loading-wrapper {
  position: relative;
}

.loading-wrapper::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: rgb(var(--primary-background) / 0.2);
  backdrop-filter: blur(.125rem);
}

/* Loader - END */

/* Error message - START */
.error-message {
  display: flex;
  align-items: center;
  gap: calc(0.25rem * var(--body-scale));
}

.error-message .error-icon {
  color: rgb(var(--error-color));
  width: calc(1.5rem * var(--body-scale));
  height: calc(1.5rem * var(--body-scale));
  padding: calc(0.25rem * var(--body-scale));
}

.error-list {
  list-style: none;
  text-align: left;
}

.error-list li::before {
  color: rgb(var(--error-color));
}

/* Error message - END */

/* Success message - START */
.success-message {
  display: flex;
  align-items: center;
  gap: calc(0.25rem * var(--body-scale));
}

.success-message .success-icon {
  color: rgb(var(--success-color));
  width: calc(1.5rem * var(--body-scale));
  height: calc(1.5rem * var(--body-scale));
  padding: calc(0.25rem * var(--body-scale));
}

/* Success message - END */

/* Quantity selector - START */
quantity-selector {
  display: flex;
  flex-direction: column;
  gap: calc(1rem * var(--body-scale));
}

quantity-selector label {
  color: var(--text-color);
  font-size: var(--text-size);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 2.8px;
  text-transform: uppercase;
}

quantity-selector .quantity-controls {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: calc(1rem * var(--body-scale));
}

quantity-selector .quantity-controls input {
  -webkit-appearance: textfield;
  appearance: textfield;
  -moz-appearance: textfield;
  min-width: unset;
  width: 44px;
  padding-inline: 0.25rem;
  text-align: center;

}

quantity-selector .quantity-controls input[type='number']::-webkit-outer-spin-button,
quantity-selector .quantity-controls input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

quantity-selector .quantity-error-message {
  align-items: center;
  gap: calc(0.25rem * var(--body-scale));
}

quantity-selector .quantity-error-message:not([hidden]) {
  display: flex;
}

quantity-selector .quantity-error-message .warning-icon {
  color: rgb(var(--error-color));
}

/* Quantity selector - END */

/* Share wrapper - START */
.share-wrapper{
  padding-bottom: calc(0.5rem * var(--body-scale));
  border-bottom: 1px solid rgb(var(--line-color));
  display: flex;
  justify-content: center;
}
.share-wrapper .share-button,
.share-wrapper .share-dropdown summary {
  background-color: transparent;
  color: inherit;
  display: flex;
  align-items: center;
  gap: 1em;
  cursor: pointer;
}
.share-wrapper .share-button[hidden]{
  display: none;
}
.share-wrapper .share-dropdown{
  position: relative;
  z-index: 0;
}
.share-wrapper .share-dropdown summary::-webkit-details-marker{
  display: none;
}
.share-wrapper .share-dropdown .share-dropdown-content{
  position: absolute;
  top: calc(100% + 0.5rem);
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.share-wrapper .share-dropdown .share-link-input{
  padding-inline-end: 3rem;
 }
.share-wrapper .share-dropdown .copy-share-link{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  z-index: 1;
  background-color: transparent;
  color: rgb(var(--input-text));
  cursor: pointer;
}
.share-wrapper .share-dropdown .copy-link-message{
  position: absolute;
  top: calc(100% + 0.25rem);
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  background-color: rgb(var(--primary-background));
  color: rgb(var(--text-color));
  border: 1px solid rgb(var(--border-color));
  box-shadow: 0 0 5px rgb(var(--overlay-background) / .2);
  padding-inline: calc(.5rem * var(--body-scale));
  padding-block: calc(.25rem * var(--body-scale));
  border-radius: calc(.18px * var(--button-radius));
  visibility: hidden;
  opacity: 0;
  transition: opacity .3s ease-in-out;
}
.share-wrapper .share-dropdown .copy-link-message.show{
  visibility: visible;
  opacity: 1;
}
.share-wrapper .share-dropdown .copy-link-message::before{
  content: "";
  position: absolute;
  top: -0.25rem;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  width: 0.5rem;
  height: 0.5rem;
  background-color: rgb(var(--primary-background));
  border: 1px solid rgb(var(--border-color));
  border-right-color: transparent;
  border-bottom-color: transparent;
}
/* Share wrapper - END */

/* Scroll animations - START */
[data-animate-on-scroll] [data-animate] {
  opacity: 0;
  transition: opacity 0.6s ease, transform 0.6s ease;
}

[data-animate-on-scroll] [data-animate="fade-up"] {
  transform: translateY(30px);
}

[data-animate-on-scroll] [data-animate="fade-down"] {
  transform: translateY(-30px);
}

[data-animate-on-scroll] [data-animate="fade-left"] {
  transform: translateX(30px);
}

[data-animate-on-scroll] [data-animate="fade-right"] {
  transform: translateX(-30px);
}

[data-animate-on-scroll] [data-animate="fade"] {
  transform: none;
}

[data-animate-on-scroll] [data-animate="zoom-in"] {
  transform: scale(0.9);
}

[data-animate-on-scroll] [data-animate].animate-in {
  opacity: 1;
  transform: translateY(0) translateX(0) scale(1);
}
[data-animate-on-scroll] [data-animate="fade"].animate-in {
  transform: none;
}

[data-animate-on-scroll] [data-animate-delay] {
  transition-delay: calc(var(--delay) * 1ms);
}
/* Scroll animations - END */

theme-input-password {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
}

theme-input-password input {
  padding-right: 48px !important;
}

.password-toggle-btn {
  position: absolute;
  top: 50%;
  right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto !important;
  padding: 0;
  color: #333;
  background: transparent;
  border: none;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 2;
}

.password-toggle-btn .icon-show,
.password-toggle-btn .icon-hide {
  display: flex;
  width: 22px;
  height: 22px;
}

.password-toggle-btn .icon-hide {
  display: none;
}