:root {
  --black: #1e282d;
  --blackTransparent: rgba(30, 40, 45, 0.8);
  --white: #ffffff;
  --whiteTransparent: rgba(255, 255, 255, 0.8);
  --lighterGray: #faf9f5;
  --lightGray: #f4f4f4;
  --gray: #e7e6e2;
  --menuBorder: #4b5357;
  --darkGray: #5e5c58;
  --blue: #39a5db;
  --lightBlue: #8ec1db;
  --linkColor: #3d64a3;
  --pink: #ec008b;
  --pinkText: #e00083; /* passes WCAG AA for normal text */
  --red: red;
  --lightRed: #ffe4e7;
  --yellow: #f5ce50;
  --lightYellow: #f5ecce;
  --fieldGray: #dfdfdf;
  --green: #08cb08;
  --lightGreen: #def8cc;
  --brownOnYellow: #40340d;
  --boxShadow: rgba(0, 0, 0, 0.3);

  /* variables prefixed --cetera are external and set  inside _publication-style.html.erb */
  --publication-color-fallback: var(--black);
  --publication-color-inverted-fallback: var(--white);

  --background-color: var(
    --cetera-background-color,
    var(--lightGray)
  );
  --header-background-color: var(
    --cetera-publication-header-background-color,
    var(--white)
  );
  --header-border-color: var(
    --cetera-publication-header-border-color,
    var(--black)
  );
  --publication-color: var(
    --cetera-publication-color,
    var(--publication-color-fallback)
  );
  --publication-color-inverted: var(
    --cetera-publication-color-inverted,
    var(--publication-color-inverted-fallback)
  );

}

aid-text-input {
    position:relative;
    display: block;
    height: 50px;
    width: 100%;
    flex-grow: 1;
    margin-top: 22px;
    margin-bottom: 12px;
}

aid-text-input label {
    box-sizing: border-box;
    border: 2px solid var(--fieldGray);
    display: block;
    height: 50px;
    position:relative;
    width: 100%;
}

aid-text-input input[type="text"],
aid-text-input input[type="tel"],
aid-text-input input[type="number"],
aid-text-input input[type="email"],
aid-text-input input[type="password"] {
    box-sizing: border-box;
    appearance: none;
    background-color: transparent;
    border: none;
    padding: 0 10px;
    font-size: 18px;
    display: block;
    height: 46px;
    width: 100%;
    position: relative;
    top:0;
    left: 0;
}

aid-text-input input:focus {
    outline: none;
    border: none;
    box-shadow: none;
}

aid-text-input .aid-text-input--label {
    color: var(--black);
    position: absolute;
    top: -1.5em;
    left: 0;
    font-size: 16px;
    line-height: 1;
    font-weight: bold;
}

aid-text-input .aid-text-input--passwordButton {
    box-sizing: content-box;
    background: var(--gray);
    text-align:center;
    height: 30px;
    line-height:30px;
    width: 50px;
    text-decoration:none;
    color: var(--black);
    font-size:12px;
    font-weight:bold;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    right: 10px;
    cursor: default;
    border: none;
    padding: 0;
}

aid-text-input input[type="password"]::-ms-clear,
aid-text-input input[type="password"]::-ms-reveal {
    display: none;
}

aid-text-input:last-child {
    margin-bottom: 0;
}

aid-text-input input[type="number"]::-webkit-outer-spin-button,
aid-text-input input[type="number"]::-webkit-inner-spin-button,
aid-text-input input[type="number"] {
    -webkit-appearance: none;
    -moz-appearance: textfield;
}

aid-text-input .animated-border {
    position: absolute;
    box-sizing: border-box;
    width: calc(100% + 4px);  /* + border of parent */
    height: calc(46px + 4px); /* + border of parent */
    background: transparent;
    left: -2px;
    top: -2px;
}

.animated-border:before,
.animated-border:after {
    box-sizing: inherit;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    width: 0;
    height: 0;
  }

/* Top & right borders expands right, then down */

.animated-border:before {
      top: 0;
      left: 0;
  }

/* Bottom & left borders expands left, then up */

.animated-border:after {
      bottom: 0;
      right: 0;
  }

aid-text-input label:focus-within .animated-border:before,
  aid-text-input label:focus-within .animated-border:after {
      width: 100%;
      height: 100%;
  }

aid-text-input label:focus-within .animated-border:before {
    border-top-color: var(--black);
    border-right-color: var(--black);
    transition:
      width 0.05s ease-out, 
      height 0.05s ease-out 0.05s;
  }

aid-text-input label:focus-within .animated-border:after {
    border-bottom-color: var(--black);
    border-left-color: var(--black);
    transition:
      width 0.05s ease-out 0.1s,
      height 0.05s ease-out 0.15s;
  }
:root {
  --black: #1e282d;
  --blackTransparent: rgba(30, 40, 45, 0.8);
  --white: #ffffff;
  --whiteTransparent: rgba(255, 255, 255, 0.8);
  --lighterGray: #faf9f5;
  --lightGray: #f4f4f4;
  --gray: #e7e6e2;
  --menuBorder: #4b5357;
  --darkGray: #5e5c58;
  --blue: #39a5db;
  --lightBlue: #8ec1db;
  --linkColor: #3d64a3;
  --pink: #ec008b;
  --pinkText: #e00083; /* passes WCAG AA for normal text */
  --red: red;
  --lightRed: #ffe4e7;
  --yellow: #f5ce50;
  --lightYellow: #f5ecce;
  --fieldGray: #dfdfdf;
  --green: #08cb08;
  --lightGreen: #def8cc;
  --brownOnYellow: #40340d;
  --boxShadow: rgba(0, 0, 0, 0.3);

  /* variables prefixed --cetera are external and set  inside _publication-style.html.erb */
  --publication-color-fallback: var(--black);
  --publication-color-inverted-fallback: var(--white);

  --background-color: var(
    --cetera-background-color,
    var(--lightGray)
  );
  --header-background-color: var(
    --cetera-publication-header-background-color,
    var(--white)
  );
  --header-border-color: var(
    --cetera-publication-header-border-color,
    var(--black)
  );
  --publication-color: var(
    --cetera-publication-color,
    var(--publication-color-fallback)
  );
  --publication-color-inverted: var(
    --cetera-publication-color-inverted,
    var(--publication-color-inverted-fallback)
  );

}
.birth_date.svelte-1gh4sqh.svelte-1gh4sqh{box-sizing:border-box;display:block;position:relative;width:100%;flex-grow:1;width:100%}
.birth_date.svelte-1gh4sqh .select-wrapper.svelte-1gh4sqh{position:relative;flex-grow:1;margin-left:10px}
.birth_date.svelte-1gh4sqh .select-wrapper.svelte-1gh4sqh:first-child{margin-left:0}
.birth_date.svelte-1gh4sqh .select-wrapper.svelte-1gh4sqh::after{border-top:8px solid var(--darkGray);border-left:5px solid transparent;border-right:5px solid transparent;content:" ";position:absolute;right:10px;top:50%;margin-top:-4px;font-size:10px;pointer-events:none;height:0;width:0}
.birth_date.svelte-1gh4sqh select.svelte-1gh4sqh{border:2px solid var(--fieldGray);border-radius:0;appearance:none;background-color:transparent;padding:0 30px 0 10px;font-family:inherit;line-height:46px;height:46px;font-size:17px;outline:0;width:100%;box-sizing:border-box}
.birth_date.svelte-1gh4sqh select.svelte-1gh4sqh:focus{border:2px solid var(--black)}
.birth_date.svelte-1gh4sqh select.svelte-1gh4sqh::-ms-expand{display:none}
.birth_date.svelte-1gh4sqh fieldset.svelte-1gh4sqh{box-sizing:border-box;border:0 none;padding:0;position:relative;z-index:2;margin:0}
.birth_date.svelte-1gh4sqh .birth_date--wrapper.svelte-1gh4sqh{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;width:100%}
.birth_date.svelte-1gh4sqh legend.svelte-1gh4sqh{box-sizing:border-box;color:var(--black);display:block;max-width:100%;padding:0;white-space:normal;margin:0;background:var(--white);padding-inline-start:0;padding-inline-end:0;padding:0;margin-bottom:.5em;font-size:16px;font-weight:bold;line-height:1}div.svelte-1j5jlus .box_content.svelte-1j5jlus{display:flex;flex-direction:column;gap:16px;padding-bottom:4px}div.svelte-1j5jlus .box_content.svelte-1j5jlus p,div.svelte-1j5jlus .box_content.svelte-1j5jlus form{margin-bottom:0}:root {
    --modal: 9999999;
    --belowModal: 9999998;
    --aboveModal: 10000000;
}:root {
  --black: #1e282d;
  --blackTransparent: rgba(30, 40, 45, 0.8);
  --white: #ffffff;
  --whiteTransparent: rgba(255, 255, 255, 0.8);
  --lighterGray: #faf9f5;
  --lightGray: #f4f4f4;
  --gray: #e7e6e2;
  --menuBorder: #4b5357;
  --darkGray: #5e5c58;
  --blue: #39a5db;
  --lightBlue: #8ec1db;
  --linkColor: #3d64a3;
  --pink: #ec008b;
  --pinkText: #e00083; /* passes WCAG AA for normal text */
  --red: red;
  --lightRed: #ffe4e7;
  --yellow: #f5ce50;
  --lightYellow: #f5ecce;
  --fieldGray: #dfdfdf;
  --green: #08cb08;
  --lightGreen: #def8cc;
  --brownOnYellow: #40340d;
  --boxShadow: rgba(0, 0, 0, 0.3);

  /* variables prefixed --cetera are external and set  inside _publication-style.html.erb */
  --publication-color-fallback: var(--black);
  --publication-color-inverted-fallback: var(--white);

  --background-color: var(
    --cetera-background-color,
    var(--lightGray)
  );
  --header-background-color: var(
    --cetera-publication-header-background-color,
    var(--white)
  );
  --header-border-color: var(
    --cetera-publication-header-border-color,
    var(--black)
  );
  --publication-color: var(
    --cetera-publication-color,
    var(--publication-color-fallback)
  );
  --publication-color-inverted: var(
    --cetera-publication-color-inverted,
    var(--publication-color-inverted-fallback)
  );

}:root{--easing:cubic-bezier(0.445, 0.050, 0.550, 0.950)}dialog.svelte-ckpvfj.svelte-ckpvfj.svelte-ckpvfj{background:var(--white);position:fixed;top:5vh;bottom:5vh;left:5vh;right:5vh;overflow-y:auto;padding:0;border:0}dialog.svelte-ckpvfj .content.svelte-ckpvfj.svelte-ckpvfj{padding:20px}@media screen and (max-width: 1000px){dialog.svelte-ckpvfj .content.svelte-ckpvfj.svelte-ckpvfj{padding:2vw}}@media screen and (max-width: 600px){dialog.svelte-ckpvfj.svelte-ckpvfj.svelte-ckpvfj{top:1vh;left:1vh;bottom:1vh;right:1vh}}dialog.svelte-ckpvfj.svelte-ckpvfj.svelte-ckpvfj::backdrop{content:' ';position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.5)}dialog.svelte-ckpvfj .close.svelte-ckpvfj.svelte-ckpvfj{background:none;border:none;padding:0;transition:250ms var(--easing)}dialog.svelte-ckpvfj .close.svelte-ckpvfj.svelte-ckpvfj:hover{transform:scale(1.1)}dialog.svelte-ckpvfj .content.svelte-ckpvfj>.close.svelte-ckpvfj{display:block;color:var(--white);position:absolute;top:-5px;right:20px;font-size:50px;cursor:default}@media screen and (max-width: 1000px){dialog.svelte-ckpvfj .content.svelte-ckpvfj>.close.svelte-ckpvfj{top:-.5vw;right:2vw}}@media screen and (max-width: 500px){dialog.svelte-ckpvfj .content.svelte-ckpvfj>.close.svelte-ckpvfj{top:-1vw;right:2vw}}.main-title.svelte-ckpvfj.svelte-ckpvfj.svelte-ckpvfj{background:var(--black);color:var(--white);padding:10px 20px;font-size:24px;font-weight:bold;margin:-20px -20px 20px -20px;position:relative}@media screen and (max-width: 1000px){.main-title.svelte-ckpvfj.svelte-ckpvfj.svelte-ckpvfj{padding:1vw 2vw;margin:-2vw -2vw 2vw -2vw}}@media screen and (max-width: 500px){.main-title.svelte-ckpvfj.svelte-ckpvfj.svelte-ckpvfj{padding:2vw 4vw;margin:-2vw -2vw 2vw -2vw}}