/*
|---------------------------------------------------------------
|  
| Copyright by indual GmbH, Brig-Glis (https://www.indual.ch)
|---------------------------------------------------------------
*/
/*
|---------------------------------------------------------------
| 
| Copyright by indual GmbH, Brig-Glis (https://www.indual.ch)
|---------------------------------------------------------------
*/
/* !@group design colors */
/* @end */
/* !@group css variables */
html {
  --scrollbar-track-background: #fff;
  --scrollbar-background: #000000;
  --scrollbar-width: 6px;
  --scrollbar-height: 2px;
}

body {
  --size-5: clamp(3px,0.5vw,5px);
  --size-10: clamp(6px,1vw,10px);
  --size-15: clamp(9px,1.5vw,15px);
  --size-20: clamp(15px,2vw,20px);
  --size-25: clamp(17px,2.5vw,25px);
  --size-30: clamp(18px,3vw,30px);
  --size-35: clamp(20px,3.5vw,35px);
  --size-40: clamp(22px,4vw,40px);
  --size-45: clamp(23px,4.5vw,45px);
  --size-50: clamp(26px,5vw,50px);
  --size-60: clamp(28px,6vw,60px);
  --size-70: clamp(32px,7vw,70px);
  --size-80: clamp(35px,8vw,80px);
  --size-90: clamp(35px,9vw,90px);
  --size-100: clamp(40px,10vw,100px);
  --size-110: clamp(40px,11vw,110px);
  --size-120: clamp(40px,12vw,120px);
  --size-130: clamp(45px,13vw,130px);
  --size-140: clamp(45px,14vw,140px);
  --size-150: clamp(50px,15vw,150px);
  --size-160: clamp(50px,16vw,160px);
  --size-170: clamp(50px,17vw,170px);
  --size-180: clamp(55px,18vw,180px);
  --size-190: clamp(55px,19vw,190px);
  --size-200: clamp(60px,20vw,200px);
  --size-250: clamp(70px,25vw,250px);
  --siteframe: 870px;
  --siteframe-space: var(--size-20);
  --paragraph-space: var(--size-20);
  --icon-width: clamp(50px,10.4vw,104px);
  --border-radius: clamp(15px,2.1vw,21px);
  --border-radius-small: clamp(10px,1.3vw,13px);
  --border-radius-button: clamp(8px,1vw,10px);
  --primary-color: #12B9E6;
  --primary-color-dark: #1299CC;
  --color-on-primary-color: #fff;
  --title-color: #000000;
  --lead-color: rgba(34, 34, 34, 0.7);
  --text-color: #000000;
  --text-color-light: rgba(0, 0, 0, 0.5);
  --text-color-lightest: rgba(0, 0, 0, 0.35);
  --background-light: #fff;
  --background-medium: #F2F4F6;
  --background-dark: #E5E9ED;
  --background-darker: rgb(217.55, 221.35, 225.15);
  --border-color: #E5E9ED;
  --icon-color: #000000;
  --icon-color-light: #E5E9ED;
  --state-red: #CA442C;
  --state-red-light: rgb(249.7, 236.3, 233.9);
  --state-green: #22C35D;
  --state-green-light: rgb(232.9, 249, 238.8);
  --state-yellow: #FFC107;
  --state-yellow-light: rgb(255, 248.8, 230.2);
  --input-border: var(--background-dark);
  --input-border-hover: var(--background-darker);
  --input-background: var(--background-dark);
  --input-background-hover: var(--background-darker);
  --input-color: var(--text-color-light);
  --input-color-hover: var(--text-color);
  --input-padding-top-bottom: clamp(4px,0.6vw,6px);
  --input-padding-left-right: clamp(9px,1.3vw,13px);
  --input-padding: calc(var(--input-padding-top-bottom) + 1px) var(--input-padding-left-right) calc(var(--input-padding-top-bottom) - 1px);
  --input-border-radius: var(--border-radius-button);
}

/* @end */
/* !@group fonts */
/* @end */
/* !@group links and buttons */
/* @end */
/* !@group siteframe */
/* @end */
/* !@group icons */
/* @end */
/* !@group grid */
/* @end */
/* !@group form elements */
/* @end */
/* !@group helpers */
/* @end */
/* !@group transition and transform */
/* @end */
/*
|---------------------------------------------------------------
|  
| Copyright by indual GmbH, Brig-Glis (https://www.indual.ch)
|---------------------------------------------------------------
*/
/*
|---------------------------------------------------------------
| 
| Copyright by indual GmbH, Brig-Glis (https://www.indual.ch)
|---------------------------------------------------------------
*/
/* !@group design colors */
/* @end */
/* !@group css variables */
html {
  --scrollbar-track-background: #fff;
  --scrollbar-background: #000000;
  --scrollbar-width: 6px;
  --scrollbar-height: 2px;
}

body {
  --size-5: clamp(3px,0.5vw,5px);
  --size-10: clamp(6px,1vw,10px);
  --size-15: clamp(9px,1.5vw,15px);
  --size-20: clamp(15px,2vw,20px);
  --size-25: clamp(17px,2.5vw,25px);
  --size-30: clamp(18px,3vw,30px);
  --size-35: clamp(20px,3.5vw,35px);
  --size-40: clamp(22px,4vw,40px);
  --size-45: clamp(23px,4.5vw,45px);
  --size-50: clamp(26px,5vw,50px);
  --size-60: clamp(28px,6vw,60px);
  --size-70: clamp(32px,7vw,70px);
  --size-80: clamp(35px,8vw,80px);
  --size-90: clamp(35px,9vw,90px);
  --size-100: clamp(40px,10vw,100px);
  --size-110: clamp(40px,11vw,110px);
  --size-120: clamp(40px,12vw,120px);
  --size-130: clamp(45px,13vw,130px);
  --size-140: clamp(45px,14vw,140px);
  --size-150: clamp(50px,15vw,150px);
  --size-160: clamp(50px,16vw,160px);
  --size-170: clamp(50px,17vw,170px);
  --size-180: clamp(55px,18vw,180px);
  --size-190: clamp(55px,19vw,190px);
  --size-200: clamp(60px,20vw,200px);
  --size-250: clamp(70px,25vw,250px);
  --siteframe: 870px;
  --siteframe-space: var(--size-20);
  --paragraph-space: var(--size-20);
  --icon-width: clamp(50px,10.4vw,104px);
  --border-radius: clamp(15px,2.1vw,21px);
  --border-radius-small: clamp(10px,1.3vw,13px);
  --border-radius-button: clamp(8px,1vw,10px);
  --primary-color: #12B9E6;
  --primary-color-dark: #1299CC;
  --color-on-primary-color: #fff;
  --title-color: #000000;
  --lead-color: rgba(34, 34, 34, 0.7);
  --text-color: #000000;
  --text-color-light: rgba(0, 0, 0, 0.5);
  --text-color-lightest: rgba(0, 0, 0, 0.35);
  --background-light: #fff;
  --background-medium: #F2F4F6;
  --background-dark: #E5E9ED;
  --background-darker: rgb(217.55, 221.35, 225.15);
  --border-color: #E5E9ED;
  --icon-color: #000000;
  --icon-color-light: #E5E9ED;
  --state-red: #CA442C;
  --state-red-light: rgb(249.7, 236.3, 233.9);
  --state-green: #22C35D;
  --state-green-light: rgb(232.9, 249, 238.8);
  --state-yellow: #FFC107;
  --state-yellow-light: rgb(255, 248.8, 230.2);
  --input-border: var(--background-dark);
  --input-border-hover: var(--background-darker);
  --input-background: var(--background-dark);
  --input-background-hover: var(--background-darker);
  --input-color: var(--text-color-light);
  --input-color-hover: var(--text-color);
  --input-padding-top-bottom: clamp(4px,0.6vw,6px);
  --input-padding-left-right: clamp(9px,1.3vw,13px);
  --input-padding: calc(var(--input-padding-top-bottom) + 1px) var(--input-padding-left-right) calc(var(--input-padding-top-bottom) - 1px);
  --input-border-radius: var(--border-radius-button);
}

/* @end */
/* !@group fonts */
/* @end */
/* !@group links and buttons */
/* @end */
/* !@group siteframe */
/* @end */
/* !@group icons */
/* @end */
/* !@group grid */
/* @end */
/* !@group form elements */
/* @end */
/* !@group helpers */
/* @end */
/* !@group transition and transform */
/* @end */
/* !@group basic */
* {
  margin: 0;
  padding: 0;
}

body {
  font-family: "Mazzard Soft H", Arial, Verdana, sans-serif;
  font-weight: 400;
  font-size: clamp(15px, 1.6vw, 16px);
  line-height: clamp(26px, 3vw, 30px);
  letter-spacing: calc(-1 * clamp(0.3px, 0.04vw, 0.4px));
  text-transform: none;
  color: var(--text-color-light);
}
body a {
  color: var(--text-color-light);
}
@media print {
  body {
    font-size: 14px;
    line-height: 24px;
  }
}
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* @end */
/* !@group content */
#content {
  text-align: center;
  padding: var(--size-80) 0;
  flex: 1;
}
#content .content_inner {
  --siteframe-width: var(--siteframe);
  max-width: calc(var(--siteframe-width) + var(--siteframe-space) + var(--siteframe-space));
  margin-left: auto;
  margin-right: auto;
  padding-right: var(--siteframe-space);
  padding-left: var(--siteframe-space);
  box-sizing: border-box;
}

/* @end */
/* !@group headings, paragraphs, lists, etc. */
.message {
  padding: clamp(10px, 1.4vw, 14px) clamp(20px, 2.4vw, 24px) clamp(9px, 1.2vw, 12px);
  color: var(--state-red);
  background: var(--state-red-light);
  border-radius: var(--border-radius);
}
.message i {
  margin-right: var(--size-10);
}
.message:not(:last-child) {
  margin-bottom: var(--size-20);
}

h1 {
  font-family: "Mazzard Soft H", Arial, Verdana, sans-serif;
  font-weight: 700;
  font-size: clamp(28px, 5.6vw, 56px);
  line-height: clamp(34px, 6.2vw, 62px);
  letter-spacing: calc(-1 * clamp(0.15px, 0.04vw, 0.4px));
  text-transform: none;
  color: var(--title-color);
}
h1 a {
  color: var(--title-color);
  text-decoration: none;
}
h1:not(:last-child) {
  margin-bottom: var(--size-25);
}
@media print {
  h1 {
    font-size: 24px;
    line-height: 29px;
  }
}

h2 {
  font-family: "Mazzard Soft H", Arial, Verdana, sans-serif;
  font-weight: 700;
  font-size: clamp(18px, 2vw, 20px);
  line-height: clamp(26px, 2.8vw, 28px);
  letter-spacing: calc(-1 * clamp(0.13px, 0.033vw, 0.33px));
  text-transform: none;
  color: var(--title-color);
}
h2 a {
  color: var(--title-color);
  text-decoration: none;
}
h2:not(:last-child) {
  margin-bottom: var(--size-15);
}
@media print {
  h2 {
    font-size: 20px;
    line-height: 23px;
  }
}
h2:not(:first-child) {
  margin-top: var(--size-60);
}

h3 {
  font-family: "Mazzard Soft H", Arial, Verdana, sans-serif;
  font-weight: 700;
  font-size: clamp(18px, 2vw, 20px);
  line-height: clamp(26px, 2.8vw, 28px);
  letter-spacing: calc(-1 * clamp(0.13px, 0.033vw, 0.33px));
  text-transform: none;
  color: var(--title-color);
}
h3 a {
  color: var(--title-color);
  text-decoration: none;
}
h3:not(:last-child) {
  margin-bottom: var(--size-15);
}
@media print {
  h3 {
    font-size: 20px;
    line-height: 23px;
  }
}
h3 {
  font-weight: 400;
}
h3:not(:first-child) {
  margin-top: var(--size-40);
}

h4 {
  font-family: "Mazzard Soft H", Arial, Verdana, sans-serif;
  font-weight: 400;
  font-size: clamp(15px, 1.6vw, 16px);
  line-height: clamp(26px, 3vw, 30px);
  letter-spacing: calc(-1 * clamp(0.3px, 0.04vw, 0.4px));
  text-transform: none;
}
@media print {
  h4 {
    font-size: 14px;
    line-height: 24px;
  }
}
h4 {
  font-weight: 600;
  text-transform: none;
  color: var(--title-color);
}
h4 a {
  color: var(--title-color);
  text-decoration: none;
}
@media print {
  h4 {
    font-size: 16px;
    line-height: 22px;
  }
}
h4:not(:first-child) {
  margin-top: var(--size-40);
}

h2 i, h3 i, h4 i {
  color: var(--primary-color);
  margin-right: var(--size-10);
}

.introduction {
  font-family: "Mazzard Soft H", Arial, Verdana, sans-serif;
  font-weight: 400;
  font-size: clamp(17px, 2.4vw, 24px);
  line-height: clamp(25px, 3.2vw, 32px);
  letter-spacing: calc(-1 * clamp(0.3px, 0.04vw, 0.4px));
  text-transform: none;
  color: var(--lead-color);
}
.introduction a {
  color: var(--lead-color);
}
.introduction:not(:last-child) {
  margin-bottom: var(--size-35);
}
@media print {
  .introduction {
    font-size: 16px;
    line-height: 24px;
  }
}
.introduction {
  text-wrap: balance;
}

p:not(:last-child) {
  margin-bottom: var(--paragraph-space);
}

.text_small {
  font-family: "Mazzard Soft H", Arial, Verdana, sans-serif;
  font-weight: 400;
  font-size: clamp(12px, 1.4vw, 14px);
  line-height: clamp(19px, 2.1vw, 21px);
  letter-spacing: calc(-1 * clamp(0.25px, 0.035vw, 0.35px));
  text-transform: none;
}
@media print {
  .text_small {
    font-size: 12px;
    line-height: 18px;
  }
}

.text_smaller {
  font-family: "Mazzard Soft H", Arial, Verdana, sans-serif;
  font-weight: 400;
  font-size: clamp(11px, 1.2vw, 12px);
  line-height: clamp(17px, 1.8vw, 18px);
  letter-spacing: calc(-1 * clamp(0.25px, 0.035vw, 0.35px));
  text-transform: none;
}
@media print {
  .text_smaller {
    font-size: 11px;
    line-height: 15px;
  }
}

b {
  font-weight: 600;
}

.icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--icon-width);
  height: var(--icon-width);
  flex: 0 0 var(--icon-width);
  color: var(--icon-color);
  background: var(--icon-color-light);
  border-radius: 100%;
  margin-left: auto;
  margin-right: auto;
  transition: all 0.3s ease-out;
}
.icon svg {
  display: block;
  width: 60%;
  height: auto;
}
.icon svg * {
  fill: var(--icon-color);
}
.icon i {
  font-size: var(--icon-width);
  font-weight: 400;
}
.icon:not(:last-child) {
  margin-bottom: var(--size-30);
}
.icon.red {
  --icon-color: var(--state-red);
  --icon-color-light: var(--state-red-light);
}
.icon.green {
  --icon-color: var(--state-green);
  --icon-color-light: var(--state-green-light);
}
.icon.yellow {
  --icon-color: var(--state-yellow);
  --icon-color-light: var(--state-yellow-light);
}
@media print {
  .icon {
    --icon-width: 30px;
  }
}

/* @end */
/* !@group links / buttons */
a, button {
  color: var(--text-color);
  text-decoration: underline;
  text-underline-position: under;
  text-decoration-color: var(--primary-color);
  text-decoration-thickness: 1px;
  transition: all 0.2s ease-out;
}
a:hover, button:hover {
  color: var(--primary-color);
}
a.button, button.button {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Mazzard Soft H", Arial, Verdana, sans-serif;
  color: var(--color-on-primary-color);
  font-weight: 600;
  background: var(--primary-color);
  border: 1px solid transparent;
  border-radius: var(--border-radius-button);
  box-sizing: border-box;
  text-decoration: none;
  width: -moz-fit-content;
  width: fit-content;
  transition: all 0.3s ease-out;
  outline: none;
  cursor: pointer;
  text-align: center;
  backface-visibility: hidden;
  transform: translateZ(0);
}
a.button:hover, a.button:focus-visible, button.button:hover, button.button:focus-visible {
  color: var(--color-on-primary-color);
  border: 1px solid transparent;
  background: var(--primary-color-dark);
}
a.button:has(i), button.button:has(i) {
  gap: clamp(8px, 1vw, 10px);
}
a.button i, button.button i {
  font-size: 1.1em;
  margin-top: -0.2em;
}
a.button, button.button {
  font-size: clamp(14px, 1.6vw, 16px);
  line-height: clamp(18px, 2vw, 20px);
  padding: clamp(9px, 1.2vw, 12px) clamp(20px, 2.4vw, 24px) clamp(7px, 1vw, 10px);
}
@media print {
  a.button, button.button {
    display: none;
  }
}
a.button, button.button {
  margin-left: auto;
  margin-right: auto;
}
a.button.small, button.button.small {
  color: var(--color-on-primary-color);
  background: var(--primary-color);
  border: 1px solid transparent;
}
a.button.small:hover, a.button.small:focus-visible, button.button.small:hover, button.button.small:focus-visible {
  color: var(--color-on-primary-color);
  border: 1px solid transparent;
  background: var(--primary-color-dark);
}
a.button.small, button.button.small {
  --border-radius-button: 8px;
  font-size: clamp(13px, 1.4vw, 14px);
  line-height: clamp(16px, 1.8vw, 18px);
  padding: clamp(7px, 1vw, 10px) clamp(15px, 1.8vw, 18px) clamp(5px, 0.9vw, 9px);
}
@media print {
  a.button.small, button.button.small {
    display: none;
  }
}
a.button.big, button.button.big {
  color: var(--color-on-primary-color);
  background: var(--primary-color);
  border: 1px solid transparent;
}
a.button.big:hover, a.button.big:focus-visible, button.button.big:hover, button.button.big:focus-visible {
  color: var(--color-on-primary-color);
  border: 1px solid transparent;
  background: var(--primary-color-dark);
}
a.button.big, button.button.big {
  --border-radius-button: 13px;
  font-size: clamp(16px, 1.8vw, 18px);
  line-height: clamp(18px, 2vw, 20px);
  padding: clamp(11px, 2vw, 20px) clamp(22px, 3.4vw, 34px) clamp(9px, 1.8vw, 18px);
}
@media print {
  a.button.big, button.button.big {
    display: none;
  }
}
a.button.secondary, button.button.secondary {
  color: var(--text-color);
  background: var(--background-dark);
  border: 1px solid var(--background-dark);
}
a.button.secondary:hover, a.button.secondary:focus-visible, button.button.secondary:hover, button.button.secondary:focus-visible {
  color: var(--text-color);
  border: 1px solid var(--background-darker);
  background: var(--background-darker);
}
a.button.secondary, button.button.secondary {
  font-size: clamp(14px, 1.6vw, 16px);
  line-height: clamp(18px, 2vw, 20px);
  padding: clamp(9px, 1.2vw, 12px) clamp(20px, 2.4vw, 24px) clamp(7px, 1vw, 10px);
}
@media print {
  a.button.secondary, button.button.secondary {
    display: none;
  }
}
a.button.secondary, button.button.secondary {
  font-weight: 500;
}
a.button.secondary.small, button.button.secondary.small {
  color: var(--text-color);
  background: var(--background-dark);
  border: 1px solid var(--background-dark);
}
a.button.secondary.small:hover, a.button.secondary.small:focus-visible, button.button.secondary.small:hover, button.button.secondary.small:focus-visible {
  color: var(--text-color);
  border: 1px solid var(--background-darker);
  background: var(--background-darker);
}
a.button.secondary.small, button.button.secondary.small {
  --border-radius-button: 8px;
  font-size: clamp(13px, 1.4vw, 14px);
  line-height: clamp(16px, 1.8vw, 18px);
  padding: clamp(7px, 1vw, 10px) clamp(15px, 1.8vw, 18px) clamp(5px, 0.9vw, 9px);
}
@media print {
  a.button.secondary.small, button.button.secondary.small {
    display: none;
  }
}
a.button.secondary.small, button.button.secondary.small {
  font-weight: 500;
}
a.button.secondary.big, button.button.secondary.big {
  color: var(--text-color);
  background: var(--background-dark);
  border: 1px solid var(--background-dark);
}
a.button.secondary.big:hover, a.button.secondary.big:focus-visible, button.button.secondary.big:hover, button.button.secondary.big:focus-visible {
  color: var(--text-color);
  border: 1px solid var(--background-darker);
  background: var(--background-darker);
}
a.button.secondary.big, button.button.secondary.big {
  --border-radius-button: 13px;
  font-size: clamp(16px, 1.8vw, 18px);
  line-height: clamp(18px, 2vw, 20px);
  padding: clamp(11px, 2vw, 20px) clamp(22px, 3.4vw, 34px) clamp(9px, 1.8vw, 18px);
}
@media print {
  a.button.secondary.big, button.button.secondary.big {
    display: none;
  }
}
a.button.secondary.big, button.button.secondary.big {
  font-weight: 500;
}
a.button.special, button.button.special {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Mazzard Soft H", Arial, Verdana, sans-serif;
  color: var(--text-color);
  font-weight: 600;
  background: var(--background-dark);
  border: 1px solid transparent;
  border-radius: var(--border-radius-button);
  box-sizing: border-box;
  text-decoration: none;
  width: -moz-fit-content;
  width: fit-content;
  transition: all 0.3s ease-out;
  outline: none;
  cursor: pointer;
  text-align: center;
  backface-visibility: hidden;
  transform: translateZ(0);
}
a.button.special:hover, a.button.special:focus-visible, button.button.special:hover, button.button.special:focus-visible {
  color: var(--text-color);
  border: 1px solid var(--background-darker);
  background: var(--background-darker);
}
a.button.special:has(i), button.button.special:has(i) {
  gap: clamp(8px, 1vw, 10px);
}
a.button.special i, button.button.special i {
  font-size: 1.1em;
  margin-top: -0.2em;
}
a.button.special, button.button.special {
  font-size: clamp(14px, 1.6vw, 16px);
  line-height: clamp(18px, 2vw, 20px);
  padding: clamp(9px, 1.2vw, 12px) clamp(20px, 2.4vw, 24px) clamp(7px, 1vw, 10px);
}
@media print {
  a.button.special, button.button.special {
    display: none;
  }
}
a.button.special:after, button.button.special:after {
  font-family: "Font Awesome 7 Pro";
  content: "\e09f";
  margin-left: 8px;
  margin-top: -0.2em;
}
a.button.special, button.button.special {
  --icon-width: clamp(36px,4.4vw,44px);
  --border-radius-button: 50px;
  padding-right: calc(clamp(18px, 2.1vw, 21px) + var(--icon-width));
  font-weight: 500;
  background: none;
}
a.button.special:before, button.button.special:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: auto;
  height: auto;
  display: block;
  background: var(--background-dark);
  right: calc(var(--icon-width) + var(--icon-width) * 0.4 - 2px);
  bottom: -1px;
  z-index: -1;
  border-radius: var(--border-radius-button) 0 0 var(--border-radius-button);
  transition: all 0.15s ease-out;
}
a.button.special i, a.button.special:after, button.button.special i, button.button.special:after {
  position: absolute;
  right: -1px;
  top: -1px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 0;
  padding-right: calc(var(--icon-width) * 0.35);
  width: calc(var(--icon-width) + var(--icon-width) * 0.4);
  height: var(--icon-width);
  font-weight: 400;
  border-radius: 0 var(--border-radius-button) var(--border-radius-button) 0;
  background: var(--background-dark);
  clip-path: polygon(0% 0%, 0% 0%, 2.761% 0.129%, 5.468% 0.509%, 8.116% 1.132%, 10.697% 1.989%, 13.204% 3.071%, 15.632% 4.369%, 17.974% 5.875%, 20.221% 7.58%, 22.369% 9.475%, 24.41% 11.551%, 24.563% 11.551%, 24.563% 11.551%, 25.146% 11.901%, 25.741% 12.217%, 26.35% 12.5%, 26.97% 12.748%, 27.602% 12.96%, 28.245% 13.136%, 28.898% 13.274%, 29.56% 13.374%, 30.23% 13.434%, 30.909% 13.455%, 30.909% 13.455%, 31.588% 13.434%, 32.259% 13.374%, 32.921% 13.274%, 33.573% 13.136%, 34.216% 12.96%, 34.848% 12.748%, 35.468% 12.5%, 36.077% 12.217%, 36.673% 11.901%, 37.255% 11.551%, 37.408% 11.551%, 37.408% 11.551%, 39.449% 9.475%, 41.597% 7.58%, 43.845% 5.875%, 46.186% 4.369%, 48.614% 3.071%, 51.122% 1.989%, 53.703% 1.132%, 56.35% 0.509%, 59.058% 0.129%, 61.818% 0%, 100% 0%, 100% 100%, 61.818% 100%, 61.818% 100%, 59.093% 99.875%, 56.42% 99.504%, 53.805% 98.897%, 51.255% 98.062%, 48.775% 97.007%, 46.373% 95.74%, 44.055% 94.271%, 41.827% 92.607%, 39.696% 90.758%, 37.669% 88.731%, 37.669% 88.731%, 37.055% 88.331%, 36.425% 87.969%, 35.779% 87.645%, 35.12% 87.361%, 34.447% 87.118%, 33.761% 86.916%, 33.064% 86.758%, 32.355% 86.643%, 31.637% 86.573%, 30.909% 86.55%, 30.909% 86.55%, 30.181% 86.573%, 29.463% 86.643%, 28.754% 86.757%, 28.057% 86.916%, 27.371% 87.117%, 26.698% 87.36%, 26.038% 87.644%, 25.393% 87.967%, 24.763% 88.329%, 24.149% 88.728%, 24.149% 88.728%, 22.121% 90.756%, 19.99% 92.606%, 17.763% 94.27%, 15.445% 95.74%, 13.043% 97.006%, 10.563% 98.062%, 8.013% 98.897%, 5.398% 99.504%, 2.725% 99.875%, 0% 100%, 0% 0%);
  z-index: -1;
  box-sizing: border-box;
  transition: all 0.15s ease-out;
}
a.button.special:has(i), button.button.special:has(i) {
  gap: 0;
}
a.button.special:has(i):after, button.button.special:has(i):after {
  display: none;
}
a.button.special:focus, a.button.special:hover, button.button.special:focus, button.button.special:hover {
  background: none;
  border: 1px solid transparent;
}
a.button.special:focus i, a.button.special:focus:after, a.button.special:focus:before, a.button.special:hover i, a.button.special:hover:after, a.button.special:hover:before, button.button.special:focus i, button.button.special:focus:after, button.button.special:focus:before, button.button.special:hover i, button.button.special:hover:after, button.button.special:hover:before {
  background: var(--background-darker);
}
a.button.special.small, button.button.special.small {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Mazzard Soft H", Arial, Verdana, sans-serif;
  color: var(--text-color);
  font-weight: 600;
  background: var(--background-dark);
  border: 1px solid transparent;
  border-radius: var(--border-radius-button);
  box-sizing: border-box;
  text-decoration: none;
  width: -moz-fit-content;
  width: fit-content;
  transition: all 0.3s ease-out;
  outline: none;
  cursor: pointer;
  text-align: center;
  backface-visibility: hidden;
  transform: translateZ(0);
}
a.button.special.small:hover, a.button.special.small:focus-visible, button.button.special.small:hover, button.button.special.small:focus-visible {
  color: var(--text-color);
  border: 1px solid var(--background-darker);
  background: var(--background-darker);
}
a.button.special.small:has(i), button.button.special.small:has(i) {
  gap: clamp(8px, 1vw, 10px);
}
a.button.special.small i, button.button.special.small i {
  font-size: 1.1em;
  margin-top: -0.2em;
}
a.button.special.small, button.button.special.small {
  --border-radius-button: 8px;
  font-size: clamp(13px, 1.4vw, 14px);
  line-height: clamp(16px, 1.8vw, 18px);
  padding: clamp(7px, 1vw, 10px) clamp(15px, 1.8vw, 18px) clamp(5px, 0.9vw, 9px);
}
@media print {
  a.button.special.small, button.button.special.small {
    display: none;
  }
}
a.button.special.small:after, button.button.special.small:after {
  font-family: "Font Awesome 7 Pro";
  content: "\e09f";
  margin-left: 8px;
  margin-top: -0.2em;
}
a.button.special.small, button.button.special.small {
  --icon-width: clamp(36px,4.4vw,44px);
  --border-radius-button: 50px;
  padding-right: calc(clamp(18px, 2.1vw, 21px) + var(--icon-width));
  font-weight: 500;
  background: none;
}
a.button.special.small:before, button.button.special.small:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: auto;
  height: auto;
  display: block;
  background: var(--background-dark);
  right: calc(var(--icon-width) + var(--icon-width) * 0.4 - 2px);
  bottom: -1px;
  z-index: -1;
  border-radius: var(--border-radius-button) 0 0 var(--border-radius-button);
  transition: all 0.15s ease-out;
}
a.button.special.small i, a.button.special.small:after, button.button.special.small i, button.button.special.small:after {
  position: absolute;
  right: -1px;
  top: -1px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 0;
  padding-right: calc(var(--icon-width) * 0.35);
  width: calc(var(--icon-width) + var(--icon-width) * 0.4);
  height: var(--icon-width);
  font-weight: 400;
  border-radius: 0 var(--border-radius-button) var(--border-radius-button) 0;
  background: var(--background-dark);
  clip-path: polygon(0% 0%, 0% 0%, 2.761% 0.129%, 5.468% 0.509%, 8.116% 1.132%, 10.697% 1.989%, 13.204% 3.071%, 15.632% 4.369%, 17.974% 5.875%, 20.221% 7.58%, 22.369% 9.475%, 24.41% 11.551%, 24.563% 11.551%, 24.563% 11.551%, 25.146% 11.901%, 25.741% 12.217%, 26.35% 12.5%, 26.97% 12.748%, 27.602% 12.96%, 28.245% 13.136%, 28.898% 13.274%, 29.56% 13.374%, 30.23% 13.434%, 30.909% 13.455%, 30.909% 13.455%, 31.588% 13.434%, 32.259% 13.374%, 32.921% 13.274%, 33.573% 13.136%, 34.216% 12.96%, 34.848% 12.748%, 35.468% 12.5%, 36.077% 12.217%, 36.673% 11.901%, 37.255% 11.551%, 37.408% 11.551%, 37.408% 11.551%, 39.449% 9.475%, 41.597% 7.58%, 43.845% 5.875%, 46.186% 4.369%, 48.614% 3.071%, 51.122% 1.989%, 53.703% 1.132%, 56.35% 0.509%, 59.058% 0.129%, 61.818% 0%, 100% 0%, 100% 100%, 61.818% 100%, 61.818% 100%, 59.093% 99.875%, 56.42% 99.504%, 53.805% 98.897%, 51.255% 98.062%, 48.775% 97.007%, 46.373% 95.74%, 44.055% 94.271%, 41.827% 92.607%, 39.696% 90.758%, 37.669% 88.731%, 37.669% 88.731%, 37.055% 88.331%, 36.425% 87.969%, 35.779% 87.645%, 35.12% 87.361%, 34.447% 87.118%, 33.761% 86.916%, 33.064% 86.758%, 32.355% 86.643%, 31.637% 86.573%, 30.909% 86.55%, 30.909% 86.55%, 30.181% 86.573%, 29.463% 86.643%, 28.754% 86.757%, 28.057% 86.916%, 27.371% 87.117%, 26.698% 87.36%, 26.038% 87.644%, 25.393% 87.967%, 24.763% 88.329%, 24.149% 88.728%, 24.149% 88.728%, 22.121% 90.756%, 19.99% 92.606%, 17.763% 94.27%, 15.445% 95.74%, 13.043% 97.006%, 10.563% 98.062%, 8.013% 98.897%, 5.398% 99.504%, 2.725% 99.875%, 0% 100%, 0% 0%);
  z-index: -1;
  box-sizing: border-box;
  transition: all 0.15s ease-out;
}
a.button.special.small:has(i), button.button.special.small:has(i) {
  gap: 0;
}
a.button.special.small:has(i):after, button.button.special.small:has(i):after {
  display: none;
}
a.button.special.small:focus, a.button.special.small:hover, button.button.special.small:focus, button.button.special.small:hover {
  background: none;
  border: 1px solid transparent;
}
a.button.special.small:focus i, a.button.special.small:focus:after, a.button.special.small:focus:before, a.button.special.small:hover i, a.button.special.small:hover:after, a.button.special.small:hover:before, button.button.special.small:focus i, button.button.special.small:focus:after, button.button.special.small:focus:before, button.button.special.small:hover i, button.button.special.small:hover:after, button.button.special.small:hover:before {
  background: var(--background-darker);
}
a.button.special.small, button.button.special.small {
  --icon-width: clamp(30px,3.9vw,39px);
}
a.button.special.big, button.button.special.big {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Mazzard Soft H", Arial, Verdana, sans-serif;
  color: var(--text-color);
  font-weight: 600;
  background: var(--background-dark);
  border: 1px solid transparent;
  border-radius: var(--border-radius-button);
  box-sizing: border-box;
  text-decoration: none;
  width: -moz-fit-content;
  width: fit-content;
  transition: all 0.3s ease-out;
  outline: none;
  cursor: pointer;
  text-align: center;
  backface-visibility: hidden;
  transform: translateZ(0);
}
a.button.special.big:hover, a.button.special.big:focus-visible, button.button.special.big:hover, button.button.special.big:focus-visible {
  color: var(--text-color);
  border: 1px solid var(--background-darker);
  background: var(--background-darker);
}
a.button.special.big:has(i), button.button.special.big:has(i) {
  gap: clamp(8px, 1vw, 10px);
}
a.button.special.big i, button.button.special.big i {
  font-size: 1.1em;
  margin-top: -0.2em;
}
a.button.special.big, button.button.special.big {
  --border-radius-button: 13px;
  font-size: clamp(16px, 1.8vw, 18px);
  line-height: clamp(18px, 2vw, 20px);
  padding: clamp(11px, 2vw, 20px) clamp(22px, 3.4vw, 34px) clamp(9px, 1.8vw, 18px);
}
@media print {
  a.button.special.big, button.button.special.big {
    display: none;
  }
}
a.button.special.big:after, button.button.special.big:after {
  font-family: "Font Awesome 7 Pro";
  content: "\e09f";
  margin-left: 8px;
  margin-top: -0.2em;
}
a.button.special.big, button.button.special.big {
  --icon-width: clamp(36px,4.4vw,44px);
  --border-radius-button: 50px;
  padding-right: calc(clamp(18px, 2.1vw, 21px) + var(--icon-width));
  font-weight: 500;
  background: none;
}
a.button.special.big:before, button.button.special.big:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: auto;
  height: auto;
  display: block;
  background: var(--background-dark);
  right: calc(var(--icon-width) + var(--icon-width) * 0.4 - 2px);
  bottom: -1px;
  z-index: -1;
  border-radius: var(--border-radius-button) 0 0 var(--border-radius-button);
  transition: all 0.15s ease-out;
}
a.button.special.big i, a.button.special.big:after, button.button.special.big i, button.button.special.big:after {
  position: absolute;
  right: -1px;
  top: -1px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 0;
  padding-right: calc(var(--icon-width) * 0.35);
  width: calc(var(--icon-width) + var(--icon-width) * 0.4);
  height: var(--icon-width);
  font-weight: 400;
  border-radius: 0 var(--border-radius-button) var(--border-radius-button) 0;
  background: var(--background-dark);
  clip-path: polygon(0% 0%, 0% 0%, 2.761% 0.129%, 5.468% 0.509%, 8.116% 1.132%, 10.697% 1.989%, 13.204% 3.071%, 15.632% 4.369%, 17.974% 5.875%, 20.221% 7.58%, 22.369% 9.475%, 24.41% 11.551%, 24.563% 11.551%, 24.563% 11.551%, 25.146% 11.901%, 25.741% 12.217%, 26.35% 12.5%, 26.97% 12.748%, 27.602% 12.96%, 28.245% 13.136%, 28.898% 13.274%, 29.56% 13.374%, 30.23% 13.434%, 30.909% 13.455%, 30.909% 13.455%, 31.588% 13.434%, 32.259% 13.374%, 32.921% 13.274%, 33.573% 13.136%, 34.216% 12.96%, 34.848% 12.748%, 35.468% 12.5%, 36.077% 12.217%, 36.673% 11.901%, 37.255% 11.551%, 37.408% 11.551%, 37.408% 11.551%, 39.449% 9.475%, 41.597% 7.58%, 43.845% 5.875%, 46.186% 4.369%, 48.614% 3.071%, 51.122% 1.989%, 53.703% 1.132%, 56.35% 0.509%, 59.058% 0.129%, 61.818% 0%, 100% 0%, 100% 100%, 61.818% 100%, 61.818% 100%, 59.093% 99.875%, 56.42% 99.504%, 53.805% 98.897%, 51.255% 98.062%, 48.775% 97.007%, 46.373% 95.74%, 44.055% 94.271%, 41.827% 92.607%, 39.696% 90.758%, 37.669% 88.731%, 37.669% 88.731%, 37.055% 88.331%, 36.425% 87.969%, 35.779% 87.645%, 35.12% 87.361%, 34.447% 87.118%, 33.761% 86.916%, 33.064% 86.758%, 32.355% 86.643%, 31.637% 86.573%, 30.909% 86.55%, 30.909% 86.55%, 30.181% 86.573%, 29.463% 86.643%, 28.754% 86.757%, 28.057% 86.916%, 27.371% 87.117%, 26.698% 87.36%, 26.038% 87.644%, 25.393% 87.967%, 24.763% 88.329%, 24.149% 88.728%, 24.149% 88.728%, 22.121% 90.756%, 19.99% 92.606%, 17.763% 94.27%, 15.445% 95.74%, 13.043% 97.006%, 10.563% 98.062%, 8.013% 98.897%, 5.398% 99.504%, 2.725% 99.875%, 0% 100%, 0% 0%);
  z-index: -1;
  box-sizing: border-box;
  transition: all 0.15s ease-out;
}
a.button.special.big:has(i), button.button.special.big:has(i) {
  gap: 0;
}
a.button.special.big:has(i):after, button.button.special.big:has(i):after {
  display: none;
}
a.button.special.big:focus, a.button.special.big:hover, button.button.special.big:focus, button.button.special.big:hover {
  background: none;
  border: 1px solid transparent;
}
a.button.special.big:focus i, a.button.special.big:focus:after, a.button.special.big:focus:before, a.button.special.big:hover i, a.button.special.big:hover:after, a.button.special.big:hover:before, button.button.special.big:focus i, button.button.special.big:focus:after, button.button.special.big:focus:before, button.button.special.big:hover i, button.button.special.big:hover:after, button.button.special.big:hover:before {
  background: var(--background-darker);
}
a.button.special.big, button.button.special.big {
  --icon-width: clamp(40px,6vw,60px);
}
a.button.special.big:after, button.button.special.big:after {
  padding-right: calc(var(--icon-width) * 0.4);
}
a.button.ghost, button.button.ghost {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Mazzard Soft H", Arial, Verdana, sans-serif;
  color: var(--text-color);
  font-weight: 600;
  background: transparent;
  border: 1px solid transparent;
  border-radius: var(--border-radius-button);
  box-sizing: border-box;
  text-decoration: none;
  width: -moz-fit-content;
  width: fit-content;
  transition: all 0.3s ease-out;
  outline: none;
  cursor: pointer;
  text-align: center;
  backface-visibility: hidden;
  transform: translateZ(0);
}
a.button.ghost:hover, a.button.ghost:focus-visible, button.button.ghost:hover, button.button.ghost:focus-visible {
  color: var(--text-color);
  border: 1px solid transparent;
  background: var(--background-dark);
}
a.button.ghost:has(i), button.button.ghost:has(i) {
  gap: clamp(8px, 1vw, 10px);
}
a.button.ghost i, button.button.ghost i {
  font-size: 1.1em;
  margin-top: -0.2em;
}
a.button.ghost, button.button.ghost {
  font-size: clamp(14px, 1.6vw, 16px);
  line-height: clamp(18px, 2vw, 20px);
  padding: clamp(9px, 1.2vw, 12px) clamp(20px, 2.4vw, 24px) clamp(7px, 1vw, 10px);
}
@media print {
  a.button.ghost, button.button.ghost {
    display: none;
  }
}
a.button.ghost, button.button.ghost {
  font-weight: 500;
}
a.button.ghost.small, button.button.ghost.small {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Mazzard Soft H", Arial, Verdana, sans-serif;
  color: var(--text-color);
  font-weight: 600;
  background: transparent;
  border: 1px solid transparent;
  border-radius: var(--border-radius-button);
  box-sizing: border-box;
  text-decoration: none;
  width: -moz-fit-content;
  width: fit-content;
  transition: all 0.3s ease-out;
  outline: none;
  cursor: pointer;
  text-align: center;
  backface-visibility: hidden;
  transform: translateZ(0);
}
a.button.ghost.small:hover, a.button.ghost.small:focus-visible, button.button.ghost.small:hover, button.button.ghost.small:focus-visible {
  color: var(--text-color);
  border: 1px solid transparent;
  background: var(--background-dark);
}
a.button.ghost.small:has(i), button.button.ghost.small:has(i) {
  gap: clamp(8px, 1vw, 10px);
}
a.button.ghost.small i, button.button.ghost.small i {
  font-size: 1.1em;
  margin-top: -0.2em;
}
a.button.ghost.small, button.button.ghost.small {
  --border-radius-button: 8px;
  font-size: clamp(13px, 1.4vw, 14px);
  line-height: clamp(16px, 1.8vw, 18px);
  padding: clamp(7px, 1vw, 10px) clamp(15px, 1.8vw, 18px) clamp(5px, 0.9vw, 9px);
}
@media print {
  a.button.ghost.small, button.button.ghost.small {
    display: none;
  }
}
a.button.ghost.small, button.button.ghost.small {
  font-weight: 500;
}
a.button.ghost.big, button.button.ghost.big {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Mazzard Soft H", Arial, Verdana, sans-serif;
  color: var(--text-color);
  font-weight: 600;
  background: transparent;
  border: 1px solid transparent;
  border-radius: var(--border-radius-button);
  box-sizing: border-box;
  text-decoration: none;
  width: -moz-fit-content;
  width: fit-content;
  transition: all 0.3s ease-out;
  outline: none;
  cursor: pointer;
  text-align: center;
  backface-visibility: hidden;
  transform: translateZ(0);
}
a.button.ghost.big:hover, a.button.ghost.big:focus-visible, button.button.ghost.big:hover, button.button.ghost.big:focus-visible {
  color: var(--text-color);
  border: 1px solid transparent;
  background: var(--background-dark);
}
a.button.ghost.big:has(i), button.button.ghost.big:has(i) {
  gap: clamp(8px, 1vw, 10px);
}
a.button.ghost.big i, button.button.ghost.big i {
  font-size: 1.1em;
  margin-top: -0.2em;
}
a.button.ghost.big, button.button.ghost.big {
  --border-radius-button: 13px;
  font-size: clamp(16px, 1.8vw, 18px);
  line-height: clamp(18px, 2vw, 20px);
  padding: clamp(11px, 2vw, 20px) clamp(22px, 3.4vw, 34px) clamp(9px, 1.8vw, 18px);
}
@media print {
  a.button.ghost.big, button.button.ghost.big {
    display: none;
  }
}
a.button.ghost.big, button.button.ghost.big {
  font-weight: 500;
}
a.button.delete_button, button.button.delete_button {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Mazzard Soft H", Arial, Verdana, sans-serif;
  color: var(--state-red);
  font-weight: 600;
  background: transparent;
  border: 1px solid transparent;
  border-radius: var(--border-radius-button);
  box-sizing: border-box;
  text-decoration: none;
  width: -moz-fit-content;
  width: fit-content;
  transition: all 0.3s ease-out;
  outline: none;
  cursor: pointer;
  text-align: center;
  backface-visibility: hidden;
  transform: translateZ(0);
}
a.button.delete_button:hover, a.button.delete_button:focus-visible, button.button.delete_button:hover, button.button.delete_button:focus-visible {
  color: var(--state-red);
  border: 1px solid transparent;
  background: var(--state-red-light);
}
a.button.delete_button:has(i), button.button.delete_button:has(i) {
  gap: clamp(8px, 1vw, 10px);
}
a.button.delete_button i, button.button.delete_button i {
  font-size: 1.1em;
  margin-top: -0.2em;
}
a.button.delete_button, button.button.delete_button {
  --border-radius-button: 8px;
  font-size: clamp(13px, 1.4vw, 14px);
  line-height: clamp(16px, 1.8vw, 18px);
  padding: clamp(7px, 1vw, 10px) clamp(15px, 1.8vw, 18px) clamp(5px, 0.9vw, 9px);
}
@media print {
  a.button.delete_button, button.button.delete_button {
    display: none;
  }
}
a.button.delete_button, button.button.delete_button {
  font-weight: 500;
}

/* @end */
/* !@group form elements */
label {
  display: block;
  width: 100%;
  color: var(--text-color);
  font-weight: 600;
  margin-bottom: 4px;
  text-align: left;
}
label i {
  color: var(--primary-color);
  margin-right: var(--size-10);
}

input {
  display: block;
  width: 100%;
  font-family: "Mazzard Soft H", Arial, Verdana, sans-serif;
  font-weight: 400;
  font-size: clamp(15px, 1.6vw, 16px);
  line-height: clamp(26px, 3vw, 30px);
  letter-spacing: calc(-1 * clamp(0.3px, 0.04vw, 0.4px));
  text-transform: none;
  color: var(--input-color);
}
input a {
  color: var(--input-color);
}
@media print {
  input {
    font-size: 14px;
    line-height: 24px;
  }
}
input {
  background: var(--input-background);
  border-radius: var(--input-border-radius);
  border: 1px solid var(--input-border);
  transition: all 0.2s ease-out;
  padding: var(--input-padding);
  box-sizing: border-box;
  outline: none;
}
input:focus-visible, input:hover {
  border-color: var(--input-border-hover);
  background: var(--input-background-hover);
  color: var(--input-color-hover);
}
input:focus-visible::-moz-placeholder, input:hover::-moz-placeholder {
  color: var(--input-color-hover);
}
input:focus-visible::placeholder, input:focus-visible::-moz-placeholder, input:hover::placeholder, input:hover::-moz-placeholder {
  color: var(--input-color-hover);
}
input[data-com-onepassword-filled=light], input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus-visible {
  -webkit-text-fill-color: var(--input-color-hover);
  -webkit-box-shadow: 0 0 0px 40rem var(--input-background-hover) inset;
}
input::-moz-placeholder {
  color: var(--input-color);
  opacity: 1;
}
input::placeholder, input::-moz-placeholder {
  color: var(--input-color);
  opacity: 1;
}

textarea {
  display: block;
  width: 100%;
  font-family: "Mazzard Soft H", Arial, Verdana, sans-serif;
  font-weight: 400;
  font-size: clamp(15px, 1.6vw, 16px);
  line-height: clamp(26px, 3vw, 30px);
  letter-spacing: calc(-1 * clamp(0.3px, 0.04vw, 0.4px));
  text-transform: none;
  color: var(--input-color);
}
textarea a {
  color: var(--input-color);
}
@media print {
  textarea {
    font-size: 14px;
    line-height: 24px;
  }
}
textarea {
  background: var(--input-background);
  border-radius: var(--input-border-radius);
  border: 1px solid var(--input-border);
  transition: all 0.2s ease-out;
  padding: var(--input-padding);
  box-sizing: border-box;
  outline: none;
}
textarea:focus-visible, textarea:hover {
  border-color: var(--input-border-hover);
  background: var(--input-background-hover);
  color: var(--input-color-hover);
}
textarea:focus-visible::-moz-placeholder, textarea:hover::-moz-placeholder {
  color: var(--input-color-hover);
}
textarea:focus-visible::placeholder, textarea:focus-visible::-moz-placeholder, textarea:hover::placeholder, textarea:hover::-moz-placeholder {
  color: var(--input-color-hover);
}
textarea[data-com-onepassword-filled=light], textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus-visible {
  -webkit-text-fill-color: var(--input-color-hover);
  -webkit-box-shadow: 0 0 0px 40rem var(--input-background-hover) inset;
}
textarea::-moz-placeholder {
  color: var(--input-color);
  opacity: 1;
}
textarea::placeholder, textarea::-moz-placeholder {
  color: var(--input-color);
  opacity: 1;
}
textarea {
  height: clamp(120px, 24vw, 240px);
  resize: none;
}

select {
  display: block;
  width: 100%;
  font-family: "Mazzard Soft H", Arial, Verdana, sans-serif;
  font-weight: 400;
  font-size: clamp(15px, 1.6vw, 16px);
  line-height: clamp(26px, 3vw, 30px);
  letter-spacing: calc(-1 * clamp(0.3px, 0.04vw, 0.4px));
  text-transform: none;
  color: var(--input-color);
}
select a {
  color: var(--input-color);
}
@media print {
  select {
    font-size: 14px;
    line-height: 24px;
  }
}
select {
  background: var(--input-background);
  border-radius: var(--input-border-radius);
  border: 1px solid var(--input-border);
  transition: all 0.2s ease-out;
  padding: var(--input-padding);
  box-sizing: border-box;
  outline: none;
}
select:focus-visible, select:hover {
  border-color: var(--input-border-hover);
  background: var(--input-background-hover);
  color: var(--input-color-hover);
}
select:focus-visible::-moz-placeholder, select:hover::-moz-placeholder {
  color: var(--input-color-hover);
}
select:focus-visible::placeholder, select:focus-visible::-moz-placeholder, select:hover::placeholder, select:hover::-moz-placeholder {
  color: var(--input-color-hover);
}
select[data-com-onepassword-filled=light], select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus-visible {
  -webkit-text-fill-color: var(--input-color-hover);
  -webkit-box-shadow: 0 0 0px 40rem var(--input-background-hover) inset;
}
select::-moz-placeholder {
  color: var(--input-color);
  opacity: 1;
}
select::placeholder, select::-moz-placeholder {
  color: var(--input-color);
  opacity: 1;
}
select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='rgba(0,0,0,0.5)' d='M241 337c-9.4 9.4-24.6 9.4-33.9 0L47 177c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l143 143L367 143c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9L241 337z'/%3E%3C/svg%3E") no-repeat calc(100% - 13px) 50% var(--input-background);
  background-size: 12.5px var(--input-padding-left-right);
}
select:hover, select:focus-visible {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='rgba(0,0,0,1)' d='M241 337c-9.4 9.4-24.6 9.4-33.9 0L47 177c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l143 143L367 143c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9L241 337z'/%3E%3C/svg%3E") no-repeat calc(100% - 13px) 50% var(--input-background-hover);
  background-size: 12.5px var(--input-padding-left-right);
}

input[type=radio] {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  margin: 0;
  padding: 0;
}
input[type=radio] + * {
  display: flex;
  align-items: center;
  font-family: "Mazzard Soft H", Arial, Verdana, sans-serif;
  font-weight: 400;
  font-size: clamp(15px, 1.6vw, 16px);
  line-height: clamp(26px, 3vw, 30px);
  letter-spacing: calc(-1 * clamp(0.3px, 0.04vw, 0.4px));
  text-transform: none;
  color: var(--input-color-hover);
}
input[type=radio] + * a {
  color: var(--input-color-hover);
}
@media print {
  input[type=radio] + * {
    font-size: 14px;
    line-height: 24px;
  }
}
input[type=radio] + * {
  transition: all 0.2s ease-out;
  cursor: pointer;
  margin: 0;
  letter-spacing: 0;
}
input[type=radio] + *:before {
  font-family: "Font Awesome 7 Pro";
  content: "\f111";
  font-weight: 400;
  font-size: 1.3em;
  line-height: normal;
  margin-right: var(--size-10);
  margin-top: -0.1em;
}
input[type=radio]:hover:not(:checked) + *, input[type=radio]:hover:not(:checked) + * a {
  color: var(--input-color-hover);
}
input[type=radio]:checked + *:before {
  content: "\f192";
  content: "\f192"/"";
  color: var(--primary-color);
  font-weight: 900;
}

.switcher_radio_buttons {
  display: flex;
  gap: 2px;
  padding: 2px;
  background: var(--background-dark);
  border-radius: 50px;
}
.switcher_radio_buttons input[type=radio] + label:before {
  display: none;
}
.switcher_radio_buttons .radio_button {
  flex: 1 0 auto;
}
.switcher_radio_buttons .radio_button label {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Mazzard Soft H", Arial, Verdana, sans-serif;
  color: var(--text-color);
  font-weight: 600;
  background: transparent;
  border: 1px solid transparent;
  border-radius: var(--border-radius-button);
  box-sizing: border-box;
  text-decoration: none;
  width: -moz-fit-content;
  width: fit-content;
  transition: all 0.3s ease-out;
  outline: none;
  cursor: pointer;
  text-align: center;
  backface-visibility: hidden;
  transform: translateZ(0);
}
.switcher_radio_buttons .radio_button label:hover, .switcher_radio_buttons .radio_button label:focus-visible {
  color: var(--text-color);
  border: 1px solid transparent;
  background: var(--background-medium);
}
.switcher_radio_buttons .radio_button label:has(i) {
  gap: clamp(8px, 1vw, 10px);
}
.switcher_radio_buttons .radio_button label i {
  font-size: 1.1em;
  margin-top: -0.2em;
}
.switcher_radio_buttons .radio_button label {
  font-size: clamp(14px, 1.6vw, 16px);
  line-height: clamp(18px, 2vw, 20px);
  padding: clamp(9px, 1.2vw, 12px) clamp(20px, 2.4vw, 24px) clamp(7px, 1vw, 10px);
}
@media print {
  .switcher_radio_buttons .radio_button label {
    display: none;
  }
}
.switcher_radio_buttons .radio_button label {
  font-weight: 500;
  font-size: clamp(12px, 1.6vw, 16px);
  line-height: clamp(16px, 2vw, 20px);
  padding: clamp(7px, 1vw, 10px) clamp(14px, 2vw, 20px) clamp(5px, 0.8vw, 8px);
  border-radius: 50px;
  width: 100%;
}
.switcher_radio_buttons .radio_button input:checked + label {
  background: var(--background-light);
}

input[type=checkbox] {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  margin: 0;
  padding: 0;
}
input[type=checkbox] + * {
  display: flex;
  align-items: center;
  font-family: "Mazzard Soft H", Arial, Verdana, sans-serif;
  font-weight: 400;
  font-size: clamp(15px, 1.6vw, 16px);
  line-height: clamp(26px, 3vw, 30px);
  letter-spacing: calc(-1 * clamp(0.3px, 0.04vw, 0.4px));
  text-transform: none;
  color: var(--input-color-hover);
}
input[type=checkbox] + * a {
  color: var(--input-color-hover);
}
@media print {
  input[type=checkbox] + * {
    font-size: 14px;
    line-height: 24px;
  }
}
input[type=checkbox] + * {
  transition: all 0.2s ease-out;
  cursor: pointer;
  margin: 0;
  letter-spacing: 0;
}
input[type=checkbox] + *:before {
  font-family: "Font Awesome 7 Pro";
  content: "\f111";
  font-weight: 400;
  font-size: 1.3em;
  line-height: normal;
  margin-right: var(--size-10);
  margin-top: -0.1em;
}
input[type=checkbox]:hover:not(:checked) + *, input[type=checkbox]:hover:not(:checked) + * a {
  color: var(--input-color-hover);
}
input[type=checkbox]:checked + *:before {
  content: "\f192";
  content: "\f192"/"";
  color: var(--primary-color);
  font-weight: 900;
}
input[type=checkbox] + label:before {
  font-family: "Font Awesome 7 Pro";
  content: "\f0c8";
}
input[type=checkbox]:checked + label:before {
  content: "\f14a";
}
input[type=checkbox].toggle_checkbox + label {
  --icon-width: clamp(20px,2.8vw,28px);
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--size-10);
}
input[type=checkbox].toggle_checkbox + label:before {
  content: "";
  width: auto;
  height: var(--icon-width);
  aspect-ratio: 2/1;
  background: var(--background-dark);
  border-radius: 50px;
  margin: 0;
  transition: all 0.2s ease-out;
}
input[type=checkbox].toggle_checkbox + label:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: calc(var(--icon-width) - 4px);
  height: calc(var(--icon-width) - 4px);
  margin: 0 2px;
  background: var(--background-light);
  border-radius: 100%;
  transform: translate(0, -50%);
  transition: all 0.2s ease-out;
}
input[type=checkbox].toggle_checkbox:checked + label:before {
  background: var(--state-green);
}
input[type=checkbox].toggle_checkbox:checked + label:after {
  left: var(--icon-width);
}

/* @end */
/* @group scrollbar */
*::-webkit-scrollbar {
  width: var(--scrollbar-width);
  height: var(--scrollbar-height);
}

*::-webkit-scrollbar-thumb {
  background: var(--scrollbar-background);
  border-radius: 8px;
}

*::-webkit-scrollbar-track {
  background: none;
}

*::-webkit-scrollbar-corner {
  background: var(--scrollbar-track-background);
}

@-moz-document url-prefix() {
  html {
    --scrollbar-track-background: rgba(0,0,0,0);
    scrollbar-color: var(--scrollbar-background) var(--scrollbar-track-background);
    scrollbar-width: thin;
  }
  html * {
    scrollbar-color: var(--scrollbar-background) var(--scrollbar-track-background);
    scrollbar-width: thin;
  }
}
*::-ms-scrollbar {
  width: var(--scrollbar-width);
  height: var(--scrollbar-height);
}

*::-ms-scrollbar-thumb {
  background: var(--scrollbar-background);
  border-radius: 8px;
}

*::-ms-scrollbar-track {
  background: none;
}

*::-ms-scrollbar-corner {
  background: var(--scrollbar-track-background);
}

/* @end */
/* !@group fonts */
@font-face {
  font-family: "Mazzard Soft H";
  src: url("fonts/MazzardSoftH-Regular.woff2") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Mazzard Soft H";
  src: url("fonts/MazzardSoftH-Italic.woff2") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Mazzard Soft H";
  src: url("fonts/MazzardSoftH-Medium.woff2") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Mazzard Soft H";
  src: url("fonts/MazzardSoftH-MediumItalic.woff2") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Mazzard Soft H";
  src: url("fonts/MazzardSoftH-SemiBold.woff2") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Mazzard Soft H";
  src: url("fonts/MazzardSoftH-SemiBoldItalic.woff2") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Mazzard Soft H";
  src: url("fonts/MazzardSoftH-Bold.woff2") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Mazzard Soft H";
  src: url("fonts/MazzardSoftH-BoldItalic.woff2") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
/* @end */
/* !@group header */
header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--size-20) var(--size-30);
  border-bottom: 3px solid var(--border-color);
}
header svg {
  height: clamp(18px, 2.5vw, 31px);
  width: auto;
}
header .logo img {
  height: clamp(24px, 3vw, 32px);
}
header a.button {
  margin-left: auto;
  margin-right: 0;
}

/* @end */
/* !@group footer */
footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--size-20) var(--size-30);
  border-top: 3px solid var(--border-color);
}
footer a {
  font-family: "Mazzard Soft H", Arial, Verdana, sans-serif;
  font-weight: 400;
  font-size: clamp(12px, 1.4vw, 14px);
  line-height: clamp(19px, 2.1vw, 21px);
  letter-spacing: calc(-1 * clamp(0.25px, 0.035vw, 0.35px));
  text-transform: none;
  color: var(--text-color-light);
}
footer a a {
  color: var(--text-color-light);
}
@media print {
  footer a {
    font-size: 12px;
    line-height: 18px;
  }
}
footer a {
  text-decoration: none;
  margin-right: var(--size-20);
}
footer a:hover {
  color: var(--text-color);
}

/* @end */
/* !@group home */
#content .page_titel {
  margin: 0 auto var(--size-60);
}
#content .form_grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: var(--size-30);
  margin-bottom: var(--size-30);
  text-align: left;
}
#content .textarea_wrapper {
  display: flex;
  flex-direction: column;
}
#content .textarea_wrapper .textarea_footer {
  display: flex;
  justify-content: space-between;
  font-family: "Mazzard Soft H", Arial, Verdana, sans-serif;
  font-weight: 400;
  font-size: clamp(11px, 1.2vw, 12px);
  line-height: clamp(17px, 1.8vw, 18px);
  letter-spacing: calc(-1 * clamp(0.25px, 0.035vw, 0.35px));
  text-transform: none;
  color: var(--text-color-lightest);
}
#content .textarea_wrapper .textarea_footer a {
  color: var(--text-color-lightest);
}
@media print {
  #content .textarea_wrapper .textarea_footer {
    font-size: 11px;
    line-height: 15px;
  }
}
#content .textarea_wrapper .textarea_footer {
  margin-top: var(--size-5);
}
#content .textarea_box {
  background: var(--background-medium);
  border-radius: var(--border-radius);
  padding: var(--size-15);
}
#content .options_wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--size-20);
  background: var(--background-medium);
  border-radius: var(--border-radius);
  padding: var(--size-25);
}
#content .option_group {
  display: flex;
  flex-direction: column;
  gap: var(--size-10);
}
#content .toggle_wrapper {
  display: flex;
  align-items: center;
  gap: var(--size-10);
}
#content form > .button {
  margin: 0 auto;
}
#content .features {
  --gap: var(--size-20);
  --columns: 3;
  display: grid;
  grid-template-columns: repeat(var(--columns), 1fr);
  grid-gap: var(--gap);
}
#content .features > .cf {
  display: none;
}
#content .features {
  margin-top: var(--size-60);
}
#content .feature_card {
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius);
  padding: var(--size-25);
}
#content .feature_card .feature_card_title {
  display: flex;
  align-items: center;
  gap: var(--size-10);
  margin-bottom: var(--size-10);
}
#content .feature_card .feature_card_title h3 {
  margin-top: 0;
}
#content .feature_card p {
  font-family: "Mazzard Soft H", Arial, Verdana, sans-serif;
  font-weight: 400;
  font-size: clamp(12px, 1.4vw, 14px);
  line-height: clamp(19px, 2.1vw, 21px);
  letter-spacing: calc(-1 * clamp(0.25px, 0.035vw, 0.35px));
  text-transform: none;
  color: var(--text-color-light);
}
#content .feature_card p a {
  color: var(--text-color-light);
}
@media print {
  #content .feature_card p {
    font-size: 12px;
    line-height: 18px;
  }
}
#content .feature_card p {
  margin: 0;
  text-align: left;
}

/* @end */
/* !@group success */
.link_share_box_wrapper {
  background: var(--background-medium);
  border-radius: var(--border-radius);
  padding: var(--size-5);
  margin-bottom: var(--size-30);
}

.link_share_box {
  display: flex;
  gap: var(--size-10);
}
.link_share_box input {
  flex: 1;
}

.success_info_cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--size-15);
  margin: 0 auto var(--size-30);
}
.success_info_cards .info_card {
  background: var(--background-medium);
  border-radius: var(--border-radius);
  padding: var(--size-20);
  display: flex;
  flex-direction: column;
  gap: var(--size-5);
  text-align: center;
}
.success_info_cards .info_card .info_card_label {
  font-family: "Mazzard Soft H", Arial, Verdana, sans-serif;
  font-weight: 400;
  font-size: clamp(15px, 1.6vw, 16px);
  line-height: clamp(26px, 3vw, 30px);
  letter-spacing: calc(-1 * clamp(0.3px, 0.04vw, 0.4px));
  text-transform: none;
  color: var(--text-color);
}
.success_info_cards .info_card .info_card_label a {
  color: var(--text-color);
}
@media print {
  .success_info_cards .info_card .info_card_label {
    font-size: 14px;
    line-height: 24px;
  }
}
.success_info_cards .info_card .info_card_label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--size-5);
}
.success_info_cards .info_card .info_card_label i {
  color: var(--primary-color);
}
.success_info_cards .info_card .info_card_value {
  font-weight: 600 !important;
  font-family: "Mazzard Soft H", Arial, Verdana, sans-serif;
  font-weight: 400;
  font-size: clamp(15px, 1.6vw, 16px);
  line-height: clamp(26px, 3vw, 30px);
  letter-spacing: calc(-1 * clamp(0.3px, 0.04vw, 0.4px));
  text-transform: none;
  color: var(--text-color);
}
.success_info_cards .info_card .info_card_value a {
  color: var(--text-color);
}
@media print {
  .success_info_cards .info_card .info_card_value {
    font-size: 14px;
    line-height: 24px;
  }
}

.delete_link {
  font-family: "Mazzard Soft H", Arial, Verdana, sans-serif;
  font-weight: 400;
  font-size: clamp(12px, 1.4vw, 14px);
  line-height: clamp(19px, 2.1vw, 21px);
  letter-spacing: calc(-1 * clamp(0.25px, 0.035vw, 0.35px));
  text-transform: none;
  color: var(--state-red);
}
.delete_link a {
  color: var(--state-red);
}
@media print {
  .delete_link {
    font-size: 12px;
    line-height: 18px;
  }
}
.delete_link {
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--size-5);
}
.delete_link:hover {
  color: var(--state-red);
  opacity: 0.7;
}

/* @end */
/* !@group password */
.icon.red svg {
  display: block;
  width: 50%;
  height: auto;
}

.password_form {
  max-width: 300px;
  margin: 0 auto var(--size-30);
  display: flex;
  flex-direction: column;
  gap: var(--size-15);
}
.password_form .button {
  width: 100%;
}

.warning_box {
  max-width: 300px;
  margin: 0 auto;
  border-radius: var(--border-radius);
  padding: var(--size-20);
  text-align: center;
}
.warning_box i {
  color: var(--state-red);
  margin-right: var(--size-5);
}
.warning_box p {
  font-family: "Mazzard Soft H", Arial, Verdana, sans-serif;
  font-weight: 400;
  font-size: clamp(12px, 1.4vw, 14px);
  line-height: clamp(19px, 2.1vw, 21px);
  letter-spacing: calc(-1 * clamp(0.25px, 0.035vw, 0.35px));
  text-transform: none;
  color: var(--state-red);
}
.warning_box p a {
  color: var(--state-red);
}
@media print {
  .warning_box p {
    font-size: 12px;
    line-height: 18px;
  }
}
.warning_box p {
  margin: 0;
}

.input_password_wrapper {
  position: relative;
  margin-bottom: 15px;
}
.input_password_wrapper input {
  padding-right: var(--size-40);
}
.input_password_wrapper button {
  position: absolute;
  right: var(--size-10);
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
  color: var(--text-color-light);
  padding: 0;
}

.options_wrapper .input_password_wrapper {
  margin-bottom: 0px;
}

/* @end */
/* !@group secret */
.warning_box_inline {
  background: var(--state-red-light);
  margin-bottom: var(--size-20);
  max-width: 100%;
  padding: var(--size-15);
}
.warning_box_inline p {
  margin: 0;
}
.warning_box_inline.success_box {
  background: var(--state-green-light);
}
.warning_box_inline.success_box i {
  color: var(--state-green) !important;
}
.warning_box_inline.success_box p {
  color: var(--state-green) !important;
}

.secret_box {
  background: var(--background-medium);
  border-radius: var(--border-radius);
  padding: var(--size-10);
  margin-bottom: var(--size-30);
  text-align: left;
}
.secret_box label {
  padding-left: var(--size-15);
}
.secret_box .secret_box_label {
  font-weight: 600;
  margin-bottom: var(--size-10);
}
.secret_box .secret_box_content {
  position: relative;
  background: var(--background-dark);
  border-radius: var(--border-radius-small);
  padding: var(--size-15);
  margin-bottom: var(--size-15);
  min-height: 150px;
}
.secret_box .secret_box_content p {
  margin: 0;
}
.secret_box .secret_box_content .copy_content_btn {
  position: absolute;
  bottom: var(--size-5);
  right: var(--size-5);
}
.secret_box .secret_box_footer {
  display: flex;
  justify-content: space-between;
  font-family: "Mazzard Soft H", Arial, Verdana, sans-serif;
  font-weight: 400;
  font-size: clamp(11px, 1.2vw, 12px);
  line-height: clamp(17px, 1.8vw, 18px);
  letter-spacing: calc(-1 * clamp(0.25px, 0.035vw, 0.35px));
  text-transform: none;
  color: var(--text-color-lightest);
}
.secret_box .secret_box_footer a {
  color: var(--text-color-lightest);
}
@media print {
  .secret_box .secret_box_footer {
    font-size: 11px;
    line-height: 15px;
  }
}
.secret_box .secret_box_footer i {
  margin-right: var(--size-5);
}

/* @end */
/* !@group responsive */
@media (max-width: 768px) {
  #content .form_grid {
    grid-template-columns: 1fr;
  }
  .success_info_cards {
    grid-template-columns: 1fr;
  }
  #content .features {
    grid-template-columns: 1fr;
  }
  .link_share_box {
    flex-direction: column;
  }
  .link_share_box .button {
    width: 100%;
  }
  header {
    flex-wrap: wrap;
    gap: var(--size-10);
  }
  header a.button {
    width: 100%;
    justify-content: center;
  }
  #content form > .button {
    width: 100%;
  }
  a.button.big,
  button.button.big {
    width: 100%;
  }
  .secret_box_footer {
    flex-direction: column;
    gap: var(--size-5);
  }
}
/* @end *//*# sourceMappingURL=styles.css.map */