:root {
          --table-border-color: var(--black-90);
          --table-thead-even-background: var(--gray);
          --table-color: var(--black-20);
          --pi: 3.14159;
          --real-vh-static: 100vh;
          --real-container-width: 100vw;
          --font-weight-regular: 400;
          --font-weight-book: 500;
          --font-weight-medium: 600;
          --font-weight-bold: 700;
          --primary: #fec600;
          --primary-30: #fed74d;
          --primary-contrast: #08111b;
          --black: #08111b;
          --black-10: #212932;
          --black-20: #394149;
          --black-30: #52585f;
          --black-40: #6b7076;
          --black-50: #84888d;
          --black-60: #9ca0a4;
          --black-70: #b5b8bb;
          --black-80: #cecfd1;
          --black-85: #dadbdd;
          --black-90: #e6e7e8;
          --black-95: #f3f3f4;
          --gray: #f2f2f2;
          --danger: #df1f1f;
          --danger-80: #f9d2d2;
          --danger-90: #fce9e9;
          --yellow: #fec600;
          --yellow-70: #ffeeb3;
          --yellow-90: #fff9e6;
          --blue: #0964ef;
          --success: #00ca49;
          --white: #fff;
          --transparent: #0000;
          --transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 0.99);
          --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
          --container-padding: 1.25rem
        }

        @media(min-width:36rem) {
          :root {
            --container-padding: 1.5rem
          }
        }

        @media(min-width:48rem) {
          :root {
            --container-padding: 1.5rem
          }
        }

        @media(min-width:62rem) {
          :root {
            --container-padding: 1.5rem
          }
        }

        @media(min-width:75rem) {
          :root {
            --container-padding: 1.5rem
          }
        }

        :root {
          --container-max-width: 100%;
          --container-max-width-absolute: 100%
        }

        @media(min-width:36rem) {
          :root {
            --container-max-width: 100%;
            --container-max-width-absolute: 100%
          }
        }

        @media(min-width:48rem) {
          :root {
            --container-max-width: 45rem;
            --container-max-width-absolute: 45rem
          }
        }

        @media(min-width:62rem) {
          :root {
            --container-max-width: 60rem;
            --container-max-width-absolute: 60rem
          }
        }

        @media(min-width:75rem) {
          :root {
            --container-max-width: 71.25rem;
            --container-max-width-absolute: 71.25rem
          }
        }

        :root {
          --breakpoint-min-width: 0
        }

        @media(min-width:36rem) {
          :root {
            --breakpoint-min-width: 576
          }
        }

        @media(min-width:48rem) {
          :root {
            --breakpoint-min-width: 768
          }
        }

        @media(min-width:62rem) {
          :root {
            --breakpoint-min-width: 992
          }
        }

        @media(min-width:75rem) {
          :root {
            --breakpoint-min-width: 1200
          }
        }

        :root {
          --heading-1-font-size: 2rem;
          --heading-1-font-weight: 700;
          --heading-1-line-height: 1.2;
          --heading-1-letter-spacing: normal;
          --heading-2-font-size: 1.75rem;
          --heading-2-font-weight: 600;
          --heading-2-line-height: 1.3;
          --heading-2-letter-spacing: normal;
          --heading-3-font-size: 1.5rem;
          --heading-3-font-weight: 600;
          --heading-3-line-height: 1.3;
          --heading-3-letter-spacing: normal;
          --heading-4-font-size: 1.25rem;
          --heading-4-font-weight: 700;
          --heading-4-line-height: 1.3;
          --heading-4-letter-spacing: normal;
          --heading-5-font-size: 1.25rem;
          --heading-5-font-weight: 700;
          --heading-5-line-height: 1.3;
          --heading-5-letter-spacing: normal;
          --heading-6-font-size: 1.25rem;
          --heading-6-font-weight: 700;
          --heading-6-line-height: 1.3;
          --heading-6-letter-spacing: normal
        }

        @media(min-width:36rem) {
          :root {
            --heading-1-font-size: 2rem;
            --heading-1-font-weight: 700;
            --heading-1-line-height: 1.2;
            --heading-1-letter-spacing: normal;
            --heading-2-font-size: 1.75rem;
            --heading-2-font-weight: 600;
            --heading-2-line-height: 1.3;
            --heading-2-letter-spacing: normal;
            --heading-3-font-size: 1.5rem;
            --heading-3-font-weight: 600;
            --heading-3-line-height: 1.3;
            --heading-3-letter-spacing: normal;
            --heading-4-font-size: 1.25rem;
            --heading-4-font-weight: 700;
            --heading-4-line-height: 1.3;
            --heading-4-letter-spacing: normal;
            --heading-5-font-size: 1.25rem;
            --heading-5-font-weight: 700;
            --heading-5-line-height: 1.3;
            --heading-5-letter-spacing: normal;
            --heading-6-font-size: 1.25rem;
            --heading-6-font-weight: 700;
            --heading-6-line-height: 1.3;
            --heading-6-letter-spacing: normal
          }
        }

        @media(min-width:48rem) {
          :root {
            --heading-1-font-size: 2.25rem;
            --heading-1-font-weight: 700;
            --heading-1-line-height: 1.2;
            --heading-1-letter-spacing: normal;
            --heading-2-font-size: 2rem;
            --heading-2-font-weight: 700;
            --heading-2-line-height: 1.2;
            --heading-2-letter-spacing: normal;
            --heading-3-font-size: 1.75rem;
            --heading-3-font-weight: 600;
            --heading-3-line-height: 1.3;
            --heading-3-letter-spacing: normal;
            --heading-4-font-size: 1.5rem;
            --heading-4-font-weight: 600;
            --heading-4-line-height: 1.3;
            --heading-4-letter-spacing: normal;
            --heading-5-font-size: 1.25rem;
            --heading-5-font-weight: 700;
            --heading-5-line-height: 1.3;
            --heading-5-letter-spacing: normal;
            --heading-6-font-size: 1.25rem;
            --heading-6-font-weight: 700;
            --heading-6-line-height: 1.3;
            --heading-6-letter-spacing: normal
          }
        }

        @media(min-width:62rem) {
          :root {
            --heading-1-font-size: 3rem;
            --heading-1-font-weight: 700;
            --heading-1-line-height: 1.2;
            --heading-1-letter-spacing: normal;
            --heading-2-font-size: 2.25rem;
            --heading-2-font-weight: 700;
            --heading-2-line-height: 1.2;
            --heading-2-letter-spacing: normal;
            --heading-3-font-size: 2rem;
            --heading-3-font-weight: 700;
            --heading-3-line-height: 1.2;
            --heading-3-letter-spacing: normal;
            --heading-4-font-size: 1.75rem;
            --heading-4-font-weight: 600;
            --heading-4-line-height: 1.3;
            --heading-4-letter-spacing: normal;
            --heading-5-font-size: 1.5rem;
            --heading-5-font-weight: 600;
            --heading-5-line-height: 1.3;
            --heading-5-letter-spacing: normal;
            --heading-6-font-size: 1.25rem;
            --heading-6-font-weight: 700;
            --heading-6-line-height: 1.3;
            --heading-6-letter-spacing: normal
          }
        }

        @media(min-width:75rem) {
          :root {
            --heading-1-font-size: 3rem;
            --heading-1-font-weight: 700;
            --heading-1-line-height: 1.2;
            --heading-1-letter-spacing: normal;
            --heading-2-font-size: 2.25rem;
            --heading-2-font-weight: 700;
            --heading-2-line-height: 1.2;
            --heading-2-letter-spacing: normal;
            --heading-3-font-size: 2rem;
            --heading-3-font-weight: 700;
            --heading-3-line-height: 1.2;
            --heading-3-letter-spacing: normal;
            --heading-4-font-size: 1.75rem;
            --heading-4-font-weight: 600;
            --heading-4-line-height: 1.3;
            --heading-4-letter-spacing: normal;
            --heading-5-font-size: 1.5rem;
            --heading-5-font-weight: 600;
            --heading-5-line-height: 1.3;
            --heading-5-letter-spacing: normal;
            --heading-6-font-size: 1.25rem;
            --heading-6-font-weight: 700;
            --heading-6-line-height: 1.3;
            --heading-6-letter-spacing: normal
          }
        }

        :root {
          --heading-1-font-size-base: 3rem;
          --heading-1-font-weight-base: 700;
          --heading-1-line-height-base: 1.2;
          --heading-1-letter-spacing-base: normal;
          --heading-2-font-size-base: 2.25rem;
          --heading-2-font-weight-base: 700;
          --heading-2-line-height-base: 1.2;
          --heading-2-letter-spacing-base: normal;
          --heading-3-font-size-base: 2rem;
          --heading-3-font-weight-base: 700;
          --heading-3-line-height-base: 1.2;
          --heading-3-letter-spacing-base: normal;
          --heading-4-font-size-base: 1.75rem;
          --heading-4-font-weight-base: 600;
          --heading-4-line-height-base: 1.3;
          --heading-4-letter-spacing-base: normal;
          --heading-5-font-size-base: 1.5rem;
          --heading-5-font-weight-base: 600;
          --heading-5-line-height-base: 1.3;
          --heading-5-letter-spacing-base: normal;
          --heading-6-font-size-base: 1.25rem;
          --heading-6-font-weight-base: 700;
          --heading-6-line-height-base: 1.3;
          --heading-6-letter-spacing-base: normal
        }

        html {
          -webkit-text-size-adjust: 100%;
          box-sizing: border-box;
          tab-size: 4;
          word-break: normal
        }

        *,
        :after,
        :before {
          background-repeat: no-repeat;
          box-sizing: inherit
        }

        :after,
        :before {
          text-decoration: inherit;
          vertical-align: inherit
        }

        * {
          margin: 0;
          padding: 0
        }

        hr {
          color: inherit;
          height: 0;
          overflow: visible
        }

        details,
        main {
          display: block
        }

        summary {
          display: list-item
        }

        small {
          font-size: 80%
        }

        [hidden] {
          display: none
        }

        abbr[title] {
          border-bottom: none;
          text-decoration: underline;
          -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted
        }

        a {
          background-color: initial
        }

        a:active,
        a:hover {
          outline-width: 0
        }

        code,
        kbd,
        pre,
        samp {
          font-family: monospace, monospace
        }

        pre {
          font-size: 1em
        }

        b,
        strong {
          font-weight: bolder
        }

        sub,
        sup {
          font-size: 75%;
          line-height: 0;
          position: relative;
          vertical-align: initial
        }

        sub {
          bottom: -.25em
        }

        sup {
          top: -.5em
        }

        table {
          border-color: inherit;
          text-indent: 0
        }

        iframe {
          border-style: none
        }

        input {
          border-radius: 0
        }

        [type=number]::-webkit-inner-spin-button,
        [type=number]::-webkit-outer-spin-button {
          height: auto
        }

        [type=search] {
          -webkit-appearance: textfield;
          outline-offset: -.125rem
        }

        [type=search]::-webkit-search-decoration {
          -webkit-appearance: none
        }

        textarea {
          overflow: auto;
          resize: vertical
        }

        button,
        input,
        optgroup,
        select,
        textarea {
          font: inherit
        }

        optgroup {
          font-weight: 700
        }

        button {
          overflow: visible
        }

        button,
        select {
          text-transform: none
        }

        [role=button],
        [type=button],
        [type=reset],
        [type=submit],
        button {
          cursor: pointer
        }

        [type=button]::-moz-focus-inner,
        [type=reset]::-moz-focus-inner,
        [type=submit]::-moz-focus-inner,
        button::-moz-focus-inner {
          border-style: none;
          padding: 0
        }

        [type=button]::-moz-focus-inner,
        [type=reset]::-moz-focus-inner,
        [type=submit]::-moz-focus-inner,
        button:-moz-focusring {
          outline: .0625rem dotted ButtonText
        }

        [type=reset],
        [type=submit],
        button,
        html [type=button] {
          -webkit-appearance: button
        }

        button,
        input,
        select,
        textarea {
          background-color: initial;
          border-style: none
        }

        a:focus,
        button:focus,
        input:focus,
        select:focus,
        textarea:focus {
          outline-width: 0
        }

        select {
          -moz-appearance: none;
          -webkit-appearance: none
        }

        select::-ms-expand {
          display: none
        }

        select::-ms-value {
          color: currentColor
        }

        legend {
          border: 0;
          color: inherit;
          display: table;
          max-width: 100%;
          white-space: normal
        }

        ::-webkit-file-upload-button {
          -webkit-appearance: button;
          color: inherit;
          font: inherit
        }

        [disabled] {
          cursor: default
        }

        img {
          border-style: none
        }

        progress {
          vertical-align: initial
        }

        [aria-busy=true] {
          cursor: progress
        }

        [aria-controls] {
          cursor: pointer
        }

        [aria-disabled=true] {
          cursor: default
        }

        [role=button],
        [type=button],
        [type=reset],
        [type=submit],
        button {
          color: inherit
        }

        a {
          color: var(--a-color, var(--black));
          -webkit-text-decoration: underline;
          text-decoration: underline;
          text-decoration-thickness: .125rem;
          text-underline-offset: .223rem
        }

        a:focus,
        a:hover {
          text-decoration-color: var(--primary)
        }

        a:not(:focus-visible):not(.focus-visible),
        button:not(:focus-visible):not(.focus-visible),
        input:not(:focus-visible):not(.focus-visible),
        select:not(:focus-visible):not(.focus-visible),
        textarea:not(:focus-visible):not(.focus-visible) {
          outline: none
        }

        body {
          background: var(--body-background-color, var(--white));
          color: var(--body-color, var(--black));
          font-family: var(--font-family);
          font-size: 1rem;
          font-weight: 400;
          line-height: 1.4;
          -webkit-font-smoothing: antialiased !important;
          -moz-osx-font-smoothing: grayscale !important;
          overflow-x: hidden !important;
          width: 100vw
        }

        hr {
          border: 0;
          border-top: .0625rem solid var(--hr-border-color, var(--black-90))
        }

        .sr-only,
        .visually-hidden,
        .visually-hidden-focusable:not(:focus):not(:focus-within) {
          height: .0625rem !important;
          margin: -.0625rem !important;
          overflow: hidden !important;
          padding: 0 !important;
          position: absolute !important;
          width: .0625rem !important;
          clip: rect(0, 0, 0, 0) !important;
          border: 0 !important;
          white-space: nowrap !important
        }

        ul {
          padding-left: 2.5rem
        }

        [tabindex]:not([tabindex="-1"]):focus-visible,
        a[href]:focus-visible,
        button:not([disabled]):focus-visible,
        iframe:focus-visible,
        input:not([disabled]):focus-visible,
        select:not([disabled]):focus-visible,
        textarea:not([disabled]):focus-visible {
          outline: .125rem solid #007acc
        }

        canvas:where([width]),
        img:where([width]),
        video:where([width]) {
          width: calc(var(--width)/16*1rem)
        }

        canvas:where([height]),
        img:where([height]),
        video:where([height]) {
          height: calc(var(--height)/16*1rem)
        }

        canvas:where([width][height]):where([data-object-fit=fill]),
        img:where([width][height]):where([data-object-fit=fill]),
        video:where([width][height]):where([data-object-fit=fill]) {
          object-fit: fill
        }

        canvas:where([width][height]):where([data-object-fit=contain]),
        img:where([width][height]):where([data-object-fit=contain]),
        video:where([width][height]):where([data-object-fit=contain]) {
          object-fit: contain
        }

        canvas:where([width][height]):where([data-object-fit=cover]),
        img:where([width][height]):where([data-object-fit=cover]),
        video:where([width][height]):where([data-object-fit=cover]) {
          object-fit: cover
        }

        .container {
          margin-left: auto;
          margin-right: auto;
          max-width: var(--container-max-width);
          padding-left: var(--container-padding);
          padding-right: var(--container-padding);
          width: 100%
        }

        .full-width {
          left: 50%;
          margin-left: -50vw;
          margin-right: -50vw;
          position: relative;
          right: 50%;
          width: 100vw
        }

        :root {
          --gutter: 1.5rem
        }

        @media(min-width:36rem) {
          :root {
            --gutter: 1.5rem
          }
        }

        @media(min-width:48rem) {
          :root {
            --gutter: 1.5rem
          }
        }

        @media(min-width:62rem) {
          :root {
            --gutter: 2.25rem
          }
        }

        @media(min-width:75rem) {
          :root {
            --gutter: 2.25rem
          }
        }

        .row {
          --cols: 12;
          --gutter-x: var(--gutter);
          --gutter-y: 0rem;
          display: flex;
          flex-wrap: wrap;
          margin: calc(var(--gutter-y)/2*-1) calc(var(--gutter-x)/2*-1)
        }

        .row > .col,
        .row > [class*=col-] {
          padding: calc(var(--gutter-y)/2) calc(var(--gutter-x)/2);
          width: 100%
        }

        .gutter-y {
          --gutter-y: var(--gutter)
        }

        .col {
          flex-basis: 0;
          flex-grow: 1;
          max-width: 100%
        }

        .col-1 {
          flex: 0 0 calc(100%/var(--cols)*1);
          max-width: calc(100%/var(--cols)*1)
        }

        .col-2 {
          flex: 0 0 calc(100%/var(--cols)*2);
          max-width: calc(100%/var(--cols)*2)
        }

        .col-3 {
          flex: 0 0 calc(100%/var(--cols)*3);
          max-width: calc(100%/var(--cols)*3)
        }

        .col-4 {
          flex: 0 0 calc(100%/var(--cols)*4);
          max-width: calc(100%/var(--cols)*4)
        }

        .col-5 {
          flex: 0 0 calc(100%/var(--cols)*5);
          max-width: calc(100%/var(--cols)*5)
        }

        .col-6 {
          flex: 0 0 calc(100%/var(--cols)*6);
          max-width: calc(100%/var(--cols)*6)
        }

        .col-7 {
          flex: 0 0 calc(100%/var(--cols)*7);
          max-width: calc(100%/var(--cols)*7)
        }

        .col-8 {
          flex: 0 0 calc(100%/var(--cols)*8);
          max-width: calc(100%/var(--cols)*8)
        }

        .col-9 {
          flex: 0 0 calc(100%/var(--cols)*9);
          max-width: calc(100%/var(--cols)*9)
        }

        .col-10 {
          flex: 0 0 calc(100%/var(--cols)*10);
          max-width: calc(100%/var(--cols)*10)
        }

        .col-11 {
          flex: 0 0 calc(100%/var(--cols)*11);
          max-width: calc(100%/var(--cols)*11)
        }

        .col-12 {
          flex: 0 0 calc(100%/var(--cols)*12);
          max-width: calc(100%/var(--cols)*12)
        }

        @media(min-width:36rem) {
          .col-sm-1 {
            flex: 0 0 calc(100%/var(--cols)*1);
            max-width: calc(100%/var(--cols)*1)
          }

          .col-sm-2 {
            flex: 0 0 calc(100%/var(--cols)*2);
            max-width: calc(100%/var(--cols)*2)
          }

          .col-sm-3 {
            flex: 0 0 calc(100%/var(--cols)*3);
            max-width: calc(100%/var(--cols)*3)
          }

          .col-sm-4 {
            flex: 0 0 calc(100%/var(--cols)*4);
            max-width: calc(100%/var(--cols)*4)
          }

          .col-sm-5 {
            flex: 0 0 calc(100%/var(--cols)*5);
            max-width: calc(100%/var(--cols)*5)
          }

          .col-sm-6 {
            flex: 0 0 calc(100%/var(--cols)*6);
            max-width: calc(100%/var(--cols)*6)
          }

          .col-sm-7 {
            flex: 0 0 calc(100%/var(--cols)*7);
            max-width: calc(100%/var(--cols)*7)
          }

          .col-sm-8 {
            flex: 0 0 calc(100%/var(--cols)*8);
            max-width: calc(100%/var(--cols)*8)
          }

          .col-sm-9 {
            flex: 0 0 calc(100%/var(--cols)*9);
            max-width: calc(100%/var(--cols)*9)
          }

          .col-sm-10 {
            flex: 0 0 calc(100%/var(--cols)*10);
            max-width: calc(100%/var(--cols)*10)
          }

          .col-sm-11 {
            flex: 0 0 calc(100%/var(--cols)*11);
            max-width: calc(100%/var(--cols)*11)
          }

          .col-sm-12 {
            flex: 0 0 calc(100%/var(--cols)*12);
            max-width: calc(100%/var(--cols)*12)
          }
        }

        @media(min-width:48rem) {
          .col-md-1 {
            flex: 0 0 calc(100%/var(--cols)*1);
            max-width: calc(100%/var(--cols)*1)
          }

          .col-md-2 {
            flex: 0 0 calc(100%/var(--cols)*2);
            max-width: calc(100%/var(--cols)*2)
          }

          .col-md-3 {
            flex: 0 0 calc(100%/var(--cols)*3);
            max-width: calc(100%/var(--cols)*3)
          }

          .col-md-4 {
            flex: 0 0 calc(100%/var(--cols)*4);
            max-width: calc(100%/var(--cols)*4)
          }

          .col-md-5 {
            flex: 0 0 calc(100%/var(--cols)*5);
            max-width: calc(100%/var(--cols)*5)
          }

          .col-md-6 {
            flex: 0 0 calc(100%/var(--cols)*6);
            max-width: calc(100%/var(--cols)*6)
          }

          .col-md-7 {
            flex: 0 0 calc(100%/var(--cols)*7);
            max-width: calc(100%/var(--cols)*7)
          }

          .col-md-8 {
            flex: 0 0 calc(100%/var(--cols)*8);
            max-width: calc(100%/var(--cols)*8)
          }

          .col-md-9 {
            flex: 0 0 calc(100%/var(--cols)*9);
            max-width: calc(100%/var(--cols)*9)
          }

          .col-md-10 {
            flex: 0 0 calc(100%/var(--cols)*10);
            max-width: calc(100%/var(--cols)*10)
          }

          .col-md-11 {
            flex: 0 0 calc(100%/var(--cols)*11);
            max-width: calc(100%/var(--cols)*11)
          }

          .col-md-12 {
            flex: 0 0 calc(100%/var(--cols)*12);
            max-width: calc(100%/var(--cols)*12)
          }
        }

        @media(min-width:62rem) {
          .col-lg-1 {
            flex: 0 0 calc(100%/var(--cols)*1);
            max-width: calc(100%/var(--cols)*1)
          }

          .col-lg-2 {
            flex: 0 0 calc(100%/var(--cols)*2);
            max-width: calc(100%/var(--cols)*2)
          }

          .col-lg-3 {
            flex: 0 0 calc(100%/var(--cols)*3);
            max-width: calc(100%/var(--cols)*3)
          }

          .col-lg-4 {
            flex: 0 0 calc(100%/var(--cols)*4);
            max-width: calc(100%/var(--cols)*4)
          }

          .col-lg-5 {
            flex: 0 0 calc(100%/var(--cols)*5);
            max-width: calc(100%/var(--cols)*5)
          }

          .col-lg-6 {
            flex: 0 0 calc(100%/var(--cols)*6);
            max-width: calc(100%/var(--cols)*6)
          }

          .col-lg-7 {
            flex: 0 0 calc(100%/var(--cols)*7);
            max-width: calc(100%/var(--cols)*7)
          }

          .col-lg-8 {
            flex: 0 0 calc(100%/var(--cols)*8);
            max-width: calc(100%/var(--cols)*8)
          }

          .col-lg-9 {
            flex: 0 0 calc(100%/var(--cols)*9);
            max-width: calc(100%/var(--cols)*9)
          }

          .col-lg-10 {
            flex: 0 0 calc(100%/var(--cols)*10);
            max-width: calc(100%/var(--cols)*10)
          }

          .col-lg-11 {
            flex: 0 0 calc(100%/var(--cols)*11);
            max-width: calc(100%/var(--cols)*11)
          }

          .col-lg-12 {
            flex: 0 0 calc(100%/var(--cols)*12);
            max-width: calc(100%/var(--cols)*12)
          }
        }

        @media(min-width:75rem) {
          .col-xl-1 {
            flex: 0 0 calc(100%/var(--cols)*1);
            max-width: calc(100%/var(--cols)*1)
          }

          .col-xl-2 {
            flex: 0 0 calc(100%/var(--cols)*2);
            max-width: calc(100%/var(--cols)*2)
          }

          .col-xl-3 {
            flex: 0 0 calc(100%/var(--cols)*3);
            max-width: calc(100%/var(--cols)*3)
          }

          .col-xl-4 {
            flex: 0 0 calc(100%/var(--cols)*4);
            max-width: calc(100%/var(--cols)*4)
          }

          .col-xl-5 {
            flex: 0 0 calc(100%/var(--cols)*5);
            max-width: calc(100%/var(--cols)*5)
          }

          .col-xl-6 {
            flex: 0 0 calc(100%/var(--cols)*6);
            max-width: calc(100%/var(--cols)*6)
          }

          .col-xl-7 {
            flex: 0 0 calc(100%/var(--cols)*7);
            max-width: calc(100%/var(--cols)*7)
          }

          .col-xl-8 {
            flex: 0 0 calc(100%/var(--cols)*8);
            max-width: calc(100%/var(--cols)*8)
          }

          .col-xl-9 {
            flex: 0 0 calc(100%/var(--cols)*9);
            max-width: calc(100%/var(--cols)*9)
          }

          .col-xl-10 {
            flex: 0 0 calc(100%/var(--cols)*10);
            max-width: calc(100%/var(--cols)*10)
          }

          .col-xl-11 {
            flex: 0 0 calc(100%/var(--cols)*11);
            max-width: calc(100%/var(--cols)*11)
          }

          .col-xl-12 {
            flex: 0 0 calc(100%/var(--cols)*12);
            max-width: calc(100%/var(--cols)*12)
          }
        }

        .offset-0 {
          margin-left: 0
        }

        .offset-1 {
          margin-left: calc(100%/var(--cols)*1)
        }

        .offset-2 {
          margin-left: calc(100%/var(--cols)*2)
        }

        .offset-3 {
          margin-left: calc(100%/var(--cols)*3)
        }

        .offset-4 {
          margin-left: calc(100%/var(--cols)*4)
        }

        .offset-5 {
          margin-left: calc(100%/var(--cols)*5)
        }

        .offset-6 {
          margin-left: calc(100%/var(--cols)*6)
        }

        @media(min-width:36rem) {
          .offset-sm-0 {
            margin-left: 0
          }

          .offset-sm-1 {
            margin-left: calc(100%/var(--cols)*1)
          }

          .offset-sm-2 {
            margin-left: calc(100%/var(--cols)*2)
          }

          .offset-sm-3 {
            margin-left: calc(100%/var(--cols)*3)
          }

          .offset-sm-4 {
            margin-left: calc(100%/var(--cols)*4)
          }

          .offset-sm-5 {
            margin-left: calc(100%/var(--cols)*5)
          }

          .offset-sm-6 {
            margin-left: calc(100%/var(--cols)*6)
          }
        }

        @media(min-width:48rem) {
          .offset-md-0 {
            margin-left: 0
          }

          .offset-md-1 {
            margin-left: calc(100%/var(--cols)*1)
          }

          .offset-md-2 {
            margin-left: calc(100%/var(--cols)*2)
          }

          .offset-md-3 {
            margin-left: calc(100%/var(--cols)*3)
          }

          .offset-md-4 {
            margin-left: calc(100%/var(--cols)*4)
          }

          .offset-md-5 {
            margin-left: calc(100%/var(--cols)*5)
          }

          .offset-md-6 {
            margin-left: calc(100%/var(--cols)*6)
          }
        }

        @media(min-width:62rem) {
          .offset-lg-0 {
            margin-left: 0
          }

          .offset-lg-1 {
            margin-left: calc(100%/var(--cols)*1)
          }

          .offset-lg-2 {
            margin-left: calc(100%/var(--cols)*2)
          }

          .offset-lg-3 {
            margin-left: calc(100%/var(--cols)*3)
          }

          .offset-lg-4 {
            margin-left: calc(100%/var(--cols)*4)
          }

          .offset-lg-5 {
            margin-left: calc(100%/var(--cols)*5)
          }

          .offset-lg-6 {
            margin-left: calc(100%/var(--cols)*6)
          }
        }

        @media(min-width:75rem) {
          .offset-xl-0 {
            margin-left: 0
          }

          .offset-xl-1 {
            margin-left: calc(100%/var(--cols)*1)
          }

          .offset-xl-2 {
            margin-left: calc(100%/var(--cols)*2)
          }

          .offset-xl-3 {
            margin-left: calc(100%/var(--cols)*3)
          }

          .offset-xl-4 {
            margin-left: calc(100%/var(--cols)*4)
          }

          .offset-xl-5 {
            margin-left: calc(100%/var(--cols)*5)
          }

          .offset-xl-6 {
            margin-left: calc(100%/var(--cols)*6)
          }
        }

        .img-responsive {
          height: auto !important;
          max-width: 100% !important
        }

        .img-full {
          display: block;
          height: auto;
          max-width: 100%;
          width: 100%
        }

        .preload * {
          transition: none !important
        }

        .stretched-link:after {
          background-color: #0000;
          bottom: 0;
          content: "";
          left: 0;
          pointer-events: auto;
          position: absolute;
          right: 0;
          top: 0;
          z-index: 1
        }

        h1 u,
        h2 u,
        h3 u,
        h4 u,
        h5 u,
        h6 u {
          position: relative;
          -webkit-text-decoration: none;
          text-decoration: none;
          -webkit-text-decoration: none !important;
          text-decoration: none !important;
          white-space: nowrap;
          z-index: 1
        }

        h1 u:after,
        h2 u:after,
        h3 u:after,
        h4 u:after,
        h5 u:after,
        h6 u:after {
          background-color: var(--primary);
          bottom: -.6875rem;
          content: "";
          height: 1.375rem;
          left: -.5rem;
          -webkit-mask-image: url(../images/hand-drawn-underline.108c5c25.svg);
          mask-image: url(../images/hand-drawn-underline.108c5c25.svg);
          -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
          position: absolute;
          right: -.625rem;
          z-index: -1
        }

        @media(min-width:48rem) {

          h1 u:after,
          h2 u:after,
          h3 u:after,
          h4 u:after,
          h5 u:after,
          h6 u:after {
            bottom: -.5rem;
            display: block;
            left: .0625rem;
            right: .0625rem
          }
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
          -webkit-hyphens: auto;
          hyphens: auto;
          -webkit-hyphenate-limit-before: 5;
          -webkit-hyphenate-limit-after: 5;
          hyphenate-limit-chars: 15 5 5
        }

        .heading-1,
        h1 {
          font-size: var(--heading-1-font-size);
          font-weight: var(--heading-1-font-weight);
          letter-spacing: var(--heading-1-letter-spacing, normal);
          line-height: var(--heading-1-line-height)
        }

        .heading-1,
        .heading-2,
        h1,
        h2 {
          color: var(--heading-color, var(--black));
          font-family: var(--font-family-heading, var(--font-family)), sans-serif
        }

        .heading-2,
        h2 {
          font-size: var(--heading-2-font-size);
          font-weight: var(--heading-2-font-weight);
          letter-spacing: var(--heading-2-letter-spacing, normal);
          line-height: var(--heading-2-line-height)
        }

        .heading-3,
        h3 {
          font-size: var(--heading-3-font-size);
          font-weight: var(--heading-3-font-weight);
          letter-spacing: var(--heading-3-letter-spacing, normal);
          line-height: var(--heading-3-line-height)
        }

        .heading-3,
        .heading-4,
        h3,
        h4 {
          color: var(--heading-color, var(--black));
          font-family: var(--font-family-heading, var(--font-family)), sans-serif
        }

        .heading-4,
        h4 {
          font-size: var(--heading-4-font-size);
          font-weight: var(--heading-4-font-weight);
          letter-spacing: var(--heading-4-letter-spacing, normal);
          line-height: var(--heading-4-line-height)
        }

        .heading-5,
        h5 {
          font-size: var(--heading-5-font-size);
          font-weight: var(--heading-5-font-weight);
          letter-spacing: var(--heading-5-letter-spacing, normal);
          line-height: var(--heading-5-line-height)
        }

        .heading-5,
        .heading-6,
        h5,
        h6 {
          color: var(--heading-color, var(--black));
          font-family: var(--font-family-heading, var(--font-family)), sans-serif
        }

        .heading-6,
        h6 {
          font-size: var(--heading-6-font-size);
          font-weight: var(--heading-6-font-weight);
          letter-spacing: var(--heading-6-letter-spacing, normal);
          line-height: var(--heading-6-line-height)
        }

        .article > * {
          margin-bottom: 1.25em
        }

        .article > :first-child {
          margin-top: 0 !important
        }

        .article > :last-child {
          margin-bottom: 0 !important
        }

        .article > h1,
        .article > h2,
        .article > h3,
        .article > h4 {
          margin-bottom: 2.5rem;
          margin-top: 5rem
        }

        .article > h5,
        .article > h6 {
          margin-bottom: 1rem;
          margin-top: 2.5rem
        }

        .article > ol,
        .article > ul {
          padding-left: 1rem
        }

        .article > ol > li + li,
        .article > ul > li + li {
          margin-top: .25em
        }

        .article > * > a,
        .article > a {
          color: var(--black);
          font-weight: 500;
          -webkit-text-decoration: none;
          text-decoration: none
        }

        .article > * > a:focus,
        .article > * > a:hover,
        .article > a:focus,
        .article > a:hover {
          -webkit-text-decoration: underline;
          text-decoration: underline
        }

        .avatar {
          align-items: center;
          display: inline-flex
        }

        .avatar-background-primary {
          background-color: var(--primary)
        }

        .avatar-background-white {
          background-color: var(--white)
        }

        .avatar-background-gray {
          background-color: var(--gray)
        }

        .avatar-image {
          border-radius: 50%;
          display: flex;
          overflow: hidden
        }

        .avatar-image img {
          -webkit-mask-image: url(../images/avatar-mask-first.af49df70.svg);
          mask-image: url(../images/avatar-mask-first.af49df70.svg)
        }

        .avatar-image:not(:first-child) img {
          -webkit-mask-image: url(../images/avatar-mask-second.8ad82e73.svg);
          mask-image: url(../images/avatar-mask-second.8ad82e73.svg)
        }

        .avatar-image-20:not(:first-child) {
          margin-left: -.25rem
        }

        .avatar-image-20 img {
          height: 1.25rem;
          -webkit-mask-size: 1.25rem;
          mask-size: 1.25rem;
          width: 1.25rem
        }

        .avatar-image-28:not(:first-child) {
          margin-left: -.5rem
        }

        .avatar-image-28 img {
          height: 1.75rem;
          -webkit-mask-size: 1.75rem;
          mask-size: 1.75rem;
          width: 1.75rem
        }

        .avatar-image-32:not(:first-child) {
          margin-left: -.5625rem
        }

        .avatar-image-32 img {
          height: 2rem;
          -webkit-mask-size: 2rem;
          mask-size: 2rem;
          width: 2rem
        }

        .avatar-image-36:not(:first-child) {
          margin-left: -.6875rem
        }

        .avatar-image-36 img {
          height: 2.25rem;
          -webkit-mask-size: 2.25rem;
          mask-size: 2.25rem;
          width: 2.25rem
        }

        .avatar-image-38:not(:first-child) {
          margin-left: -.75rem
        }

        .avatar-image-38 img {
          height: 2.375rem;
          -webkit-mask-size: 2.375rem;
          mask-size: 2.375rem;
          width: 2.375rem
        }

        .avatar-image-40:not(:first-child) {
          margin-left: -.75rem
        }

        .avatar-image-40 img {
          height: 2.5rem;
          -webkit-mask-size: 2.5rem;
          mask-size: 2.5rem;
          width: 2.5rem
        }

        .avatar-image-44:not(:first-child) {
          margin-left: -.875rem
        }

        .avatar-image-44 img {
          height: 2.75rem;
          -webkit-mask-size: 2.75rem;
          mask-size: 2.75rem;
          width: 2.75rem
        }

        .avatar-image-48:not(:first-child) {
          margin-left: -1rem
        }

        .avatar-image-48 img {
          height: 3rem;
          -webkit-mask-size: 3rem;
          mask-size: 3rem;
          width: 3rem
        }

        .avatar-image-50:not(:first-child) {
          margin-left: -1rem
        }

        .avatar-image-50 img {
          height: 3.125rem;
          -webkit-mask-size: 3.125rem;
          mask-size: 3.125rem;
          width: 3.125rem
        }

        .avatar-image-52:not(:first-child) {
          margin-left: -1.0625rem
        }

        .avatar-image-52 img {
          height: 3.25rem;
          -webkit-mask-size: 3.25rem;
          mask-size: 3.25rem;
          width: 3.25rem
        }

        .avatar-image-56:not(:first-child) {
          margin-left: -1.1875rem
        }

        .avatar-image-56 img {
          height: 3.5rem;
          -webkit-mask-size: 3.5rem;
          mask-size: 3.5rem;
          width: 3.5rem
        }

        .avatar-image-60:not(:first-child) {
          margin-left: -1.25rem
        }

        .avatar-image-60 img {
          height: 3.75rem;
          -webkit-mask-size: 3.75rem;
          mask-size: 3.75rem;
          width: 3.75rem
        }

        .avatar-image-68:not(:first-child) {
          margin-left: -1.5rem
        }

        .avatar-image-68 img {
          height: 4.25rem;
          -webkit-mask-size: 4.25rem;
          mask-size: 4.25rem;
          width: 4.25rem
        }

        .avatar-image-80:not(:first-child) {
          margin-left: -1.75rem
        }

        .avatar-image-80 img {
          height: 5rem;
          -webkit-mask-size: 5rem;
          mask-size: 5rem;
          width: 5rem
        }

        .avatar-image-90:not(:first-child) {
          margin-left: -2rem
        }

        .avatar-image-90 img {
          height: 5.625rem;
          -webkit-mask-size: 5.625rem;
          mask-size: 5.625rem;
          width: 5.625rem
        }

        .avatar-image-200:not(:first-child) {
          margin-left: -4.75rem
        }

        .avatar-image-200 img {
          height: 12.5rem;
          -webkit-mask-size: 12.5rem;
          mask-size: 12.5rem;
          width: 12.5rem
        }

        .avatar-image-300:not(:first-child) {
          margin-left: -7.25rem
        }

        .avatar-image-300 img {
          height: 18.75rem;
          -webkit-mask-size: 18.75rem;
          mask-size: 18.75rem;
          width: 18.75rem
        }

        .avatar-image-434:not(:first-child) {
          margin-left: -10.625rem
        }

        .avatar-image-434 img {
          height: 27.125rem;
          -webkit-mask-size: 27.125rem;
          mask-size: 27.125rem;
          width: 27.125rem
        }

        .accordion-collapse {
          height: 0;
          overflow: hidden;
          transition: height .15s var(--transition-timing-function);
          will-change: height
        }

        .btn {
          --btn-padding: 1rem 1.25rem;
          --btn-border-radius: 0.5rem;
          align-items: center;
          border-radius: var(--btn-border-radius);
          cursor: pointer;
          display: inline-flex;
          font-weight: var(--font-weight-book);
          justify-content: center;
          line-height: 1.25rem;
          padding: var(--btn-padding);
          transition-duration: .15s;
          transition-property: background-color, transform;
          transition-timing-function: var(--transition-timing-function)
        }

        .btn,
        .btn:hover {
          -webkit-text-decoration: none;
          text-decoration: none
        }

        .btn:active,
        .btn:focus {
          transform: scale3d(.96)
        }

        .btn > svg[width="12"]:first-child {
          margin-right: .5rem
        }

        .btn > svg[width="12"]:last-child {
          margin-left: .5rem
        }

        .btn > svg[width="20"]:first-child {
          margin-right: .75rem
        }

        .btn > svg[width="20"]:last-child {
          margin-left: .75rem
        }

        .btn-link {
          --btn-padding: 0;
          --btn-border-radius: 0;
          background: none;
          color: var(--body-color);
          font-weight: var(--font-weight-regular)
        }

        .btn-link > span {
          position: relative
        }

        .btn-link > span:before {
          background: var(--primary);
          bottom: -.125rem;
          content: "";
          height: .125rem;
          left: 0;
          position: absolute;
          transition: all .14s ease;
          width: 0
        }

        .btn-link > span > svg[width="12"]:first-child {
          margin-right: .25rem
        }

        .btn-link > span > svg[width="12"]:last-child {
          margin-left: .25rem
        }

        .btn-link:active,
        .btn-link:focus,
        .btn-link:hover {
          color: var(--body-color);
          transform: none
        }

        .btn-link:active > span:before,
        .btn-link:focus > span:before,
        .btn-link:hover > span:before {
          width: 100%
        }

        .btn-sm {
          --btn-padding: 0.75rem 1rem
        }

        .btn-sm > svg[width="12"]:first-child {
          margin-right: .625rem
        }

        .btn-sm > svg[width="12"]:last-child {
          margin-left: .625rem
        }

        .btn-lg {
          --btn-padding: 1.375rem 1.25rem
        }

        .btn-block {
          display: flex;
          width: 100%
        }

        .btn-center,
        .btn-left {
          margin-right: auto
        }

        .btn-center,
        .btn-right {
          margin-left: auto
        }

        .btn-primary {
          background: var(--primary);
          color: var(--black)
        }

        .btn-primary:focus,
        .btn-primary:hover {
          background: var(--primary-30);
          color: var(--black)
        }

        .btn-secondary {
          background: var(--gray);
          color: var(--black)
        }

        .btn-secondary:focus,
        .btn-secondary:hover {
          background: var(--primary);
          color: var(--black)
        }

        .btn-dark {
          background: var(--black);
          color: var(--white)
        }

        .btn-dark:focus,
        .btn-dark:hover {
          background: var(--black-20);
          color: var(--white)
        }

        .btn-transparent {
          background: #0000;
          color: var(--black)
        }

        .btn-transparent:focus,
        .btn-transparent:hover {
          background: var(--gray);
          color: var(--black)
        }

        .btn-danger {
          background: var(--danger);
          color: var(--white)
        }

        .btn-danger:focus,
        .btn-danger:hover {
          background: #c41b1b;
          color: var(--white)
        }

        .btn-white,
        .btn-white:focus,
        .btn-white:hover {
          background: var(--white);
          color: var(--black)
        }

        .popover {
          left: 0;
          max-width: max-content;
          opacity: 0;
          padding: 0 .625rem;
          position: absolute;
          top: 0;
          transition: opacity .15s var(--transition-timing-function);
          width: 25.75rem;
          z-index: 100
        }

        @media(min-width:36rem) {
          .popover {
            padding: 0
          }
        }

        .popover ul {
          line-height: 1.5rem;
          padding-left: 0
        }

        .popover ul > li {
          list-style-type: none;
          margin-bottom: var(--list-style-checkmark-li-mb, 16px);
          min-height: 1.375rem;
          padding-left: calc(2.125rem*(1 - var(--list-style-checkmark-vertical, 0)) + 0px*var(--list-style-checkmark-vertical, 0));
          padding-top: calc(0px*(1 - var(--list-style-checkmark-vertical, 0)) + 2.125rem*var(--list-style-checkmark-vertical, 0));
          position: relative
        }

        .popover ul > li:last-child {
          margin-bottom: 0
        }

        .popover ul > li:after,
        .popover ul > li:before {
          border-radius: 50%;
          content: "";
          height: 1.375rem;
          left: 0;
          position: absolute;
          top: .0625rem;
          width: 1.375rem
        }

        .popover ul > li:before {
          background-color: var(--list-style-checkmark-background-color, var(--primary));
          border: var(--list-style-checkmark-border, 0 solid #0000);
          opacity: var(--list-style-checkmark-background-opacity, 1)
        }

        .popover ul > li:after {
          background-color: var(--list-style-checkmark-color, var(--primary-contrast));
          -webkit-mask-image: url(../images/check.33ff7082.svg);
          mask-image: url(../images/check.33ff7082.svg);
          -webkit-mask-position: center;
          mask-position: center;
          -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
          -webkit-mask-size: .75rem;
          mask-size: .75rem
        }

        .popover ol {
          counter-reset: orderedlist;
          line-height: 1.5rem;
          padding-left: 0
        }

        .popover ol > li {
          list-style-type: none;
          margin-bottom: var(--list-style-ordered-li-mb, 16px);
          min-height: 1.375rem;
          padding-left: calc(2.125rem*(1 - var(--list-style-checkmark-vertical, 0)) + 0px*var(--list-style-checkmark-vertical, 0));
          padding-top: calc(0px*(1 - var(--list-style-checkmark-vertical, 0)) + 2.125rem*var(--list-style-checkmark-vertical, 0));
          position: relative
        }

        .popover ol > li:last-child {
          margin-bottom: 0
        }

        .popover ol > li:before {
          align-items: center;
          background-color: var(--list-style-ordered-background-color, var(--primary));
          border: var(--list-style-ordered-border, 0 solid #0000);
          border-radius: 50%;
          color: var(--list-style-ordered-color, var(--primary-contrast));
          content: "";
          content: counter(orderedlist);
          counter-increment: orderedlist;
          display: inline-flex;
          font-size: .875rem;
          font-weight: var(--font-weight-medium);
          height: 1.375rem;
          justify-content: center;
          left: 0;
          line-height: 1;
          position: absolute;
          text-align: center;
          top: .0625rem;
          width: 1.375rem
        }

        @supports (color:lab(from red l 1 1%/calc(alpha + 0.1))) {
          .popover ol > li:before {
            background-color: rgb(from var(--list-style-ordered-background-color, var(--primary)) r g b/var(--list-style-ordered-background-opacity, 1))
          }
        }

        .popover ol + p,
        .popover p + ol,
        .popover p + ul,
        .popover ul + p {
          padding-top: .5rem
        }

        .popover-title {
          color: var(--white);
          font-size: 1rem;
          font-weight: 500;
          line-height: 1
        }

        .popover-body {
          background: var(--white);
          border-radius: 1rem;
          box-shadow: 0 0 3.125rem #0000001f;
          color: var(--black-20);
          font-size: 1rem;
          line-height: 1.6;
          padding: 1.75rem;
          transform: scale(.95);
          transition: transform .15s var(--transition-timing-function)
        }

        .popover.show {
          opacity: 1
        }

        .popover-close,
        .popover-drawer-close {
          align-items: center;
          background: var(--gray);
          border: none;
          border-radius: 50%;
          color: var(--black);
          cursor: pointer;
          display: flex;
          height: 2rem;
          justify-content: center;
          transition: .14s background var(--transition-timing-function);
          width: 2rem
        }

        .popover-close:focus,
        .popover-close:hover,
        .popover-drawer-close:focus,
        .popover-drawer-close:hover {
          background: var(--black-90)
        }

        .popover-close {
          margin: -.75rem -.75rem 0 0
        }

        .popover-top-bar {
          display: flex;
          font-size: .875rem;
          justify-content: space-between;
          margin-bottom: 0;
          padding-bottom: 1.25rem
        }

        .popover-top-bar-advisor {
          align-items: center;
          display: flex
        }

        .popover-top-bar-advisor-wrapper {
          display: flex;
          flex-direction: column;
          margin-left: .75rem
        }

        .popover-top-bar-advisor-name {
          color: var(--black);
          font-weight: var(--font-weight-bold);
          line-height: 1
        }

        .popover-top-bar-advisor-title {
          color: var(--black);
          line-height: 1;
          margin-top: .25rem
        }

        .popover.show .popover-body {
          transform: scale(1)
        }

        .popover.popover--footnote {
          filter: drop-shadow(.0625rem 0 0 var(--black-70)) drop-shadow(-.0625rem 0 0 var(--black-70)) drop-shadow(0 .0625rem 0 var(--black-70)) drop-shadow(0 -.0625rem 0 var(--black-70)) drop-shadow(0 .125rem .25rem rgba(0, 0, 0, .06));
          width: 18.75rem
        }

        .popover.popover--footnote .popover-body {
          border-radius: .375rem;
          box-shadow: none;
          font-size: .8125rem;
          font-style: italic;
          line-height: 1.5;
          padding: .625rem .875rem
        }

        .popover-arrow {
          position: absolute;
          width: max-content;
          z-index: -1
        }

        .popover-arrow:after {
          background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='6'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M8.744 1.246 14 5v1H0V5l5.256-3.754a3 3 0 0 1 3.488 0'/%3E%3C/svg%3E") 50% no-repeat;
          content: "";
          display: block;
          height: .875rem;
          width: .875rem
        }

        .popover[data-placement=top] .popover-arrow:after {
          transform: rotate(180deg)
        }

        .popover[data-placement=right] .popover-arrow:after {
          transform: rotate(270deg)
        }

        .popover[data-placement=bottom] .popover-arrow:after {
          transform: rotate(0deg)
        }

        .popover[data-placement=left] .popover-arrow:after {
          transform: rotate(90deg)
        }

        .popover[data-placement=top] .popover-body {
          transform-origin: bottom
        }

        .popover[data-placement=right] .popover-body {
          transform-origin: left
        }

        .popover[data-placement=bottom] .popover-body {
          transform-origin: top
        }

        .popover[data-placement=left] .popover-body {
          transform-origin: right
        }

        .popover[data-placement=top] .popover-arrow {
          bottom: -.5625rem
        }

        .popover[data-placement=right] .popover-arrow {
          left: -.5625rem
        }

        .popover[data-placement=bottom] .popover-arrow {
          top: -.5625rem
        }

        .popover[data-placement=left] .popover-arrow {
          right: -.5625rem
        }

        .popover-drawer {
          background: var(--white);
          border: none;
          border-radius: 1rem 1rem 0 0;
          box-shadow: 0 -.25rem 1.5rem #00000026;
          inset: auto 0 0 0;
          margin: 0;
          max-height: 80dvh;
          overflow-y: auto;
          padding: 1.25rem 1.5rem 2rem;
          position: fixed;
          width: 100%
        }

        @keyframes popover-drawer-slide-open {
          0% {
            transform: translateY(100%)
          }

          to {
            transform: translateY(0)
          }
        }

        .popover-drawer:popover-open {
          animation: popover-drawer-slide-open .25s ease
        }

        .popover-drawer-close {
          position: absolute;
          right: 1.25rem;
          top: 1rem
        }

        .popover-drawer-handle {
          background: var(--black-10, #e0e0e0);
          border-radius: .125rem;
          height: .25rem;
          margin: 0 auto 1.25rem;
          width: 2.5rem
        }

        .popover-drawer-content {
          color: var(--black);
          font-size: .875rem;
          line-height: 1.6
        }

        .popover-drawer-content .popover-close,
        .popover-drawer-content [data-dismiss=popover] {
          display: none
        }

        .popover-drawer-content.popover--footnote {
          font-style: italic
        }

        .popover-drawer-overlay {
          background: #0006;
          display: none;
          inset: 0;
          position: fixed;
          z-index: 999
        }

        [role=doc-noteref] {
          align-items: center;
          align-self: flex-start;
          aspect-ratio: 1/1;
          border-radius: 50%;
          color: inherit;
          display: inline-flex;
          font-size: min(1em, .75rem);
          font-weight: var(--font-weight-regular);
          height: 1.5em;
          justify-content: center;
          line-height: 1;
          margin: -.4em -.5em -.5em;
          min-width: 1.5em;
          pointer-events: all;
          position: relative;
          -webkit-text-decoration: none;
          text-decoration: none;
          transition: background-color .15s var(--transition-timing-function);
          vertical-align: super;
          z-index: 2
        }

        [role=doc-noteref]:is(a):focus,
        [role=doc-noteref]:is(a):hover {
          background-color: color-mix(in srgb, currentColor 15%, #0000);
          -webkit-text-decoration: none;
          text-decoration: none
        }

        .tab-pane {
          display: none
        }

        .tab-pane.active {
          display: block
        }

        .tooltip {
          left: 0;
          max-width: 15.75rem;
          opacity: 0;
          position: absolute;
          top: 0;
          transition: opacity .15s var(--transition-timing-function);
          width: max-content;
          z-index: 100
        }

        .tooltip-title {
          color: #fff;
          font-size: 1rem;
          font-weight: 500;
          line-height: 1
        }

        .tooltip-body {
          background: var(--black);
          border-radius: .25rem;
          box-shadow: 0 .5rem .625rem 0 #0000001a;
          color: #fff;
          font-size: .875rem;
          font-weight: 500;
          line-height: 1em;
          padding: .625rem .75rem;
          transform: scale(.95);
          transition: transform .15s var(--transition-timing-function)
        }

        .tooltip-body > :not(:last-child) {
          margin-bottom: .75rem
        }

        .tooltip.show {
          opacity: 1
        }

        .tooltip.show .tooltip-body {
          transform: scale(1)
        }

        .tooltip-arrow {
          position: absolute;
          width: max-content;
          z-index: -1
        }

        .tooltip-arrow:after {
          background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSI2Ij48cGF0aCBmaWxsPSIjMTAyMTMzIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04Ljc0NCAxLjI0NiAxNCA1djFIMFY1bDUuMjU2LTMuNzU0YTMgMyAwIDAgMSAzLjQ4OCAwIi8+PC9zdmc+) 50% no-repeat;
          content: "";
          display: block;
          height: .875rem;
          width: .875rem
        }

        .tooltip[data-placement=top] .tooltip-arrow:after {
          transform: rotate(180deg)
        }

        .tooltip[data-placement=right] .tooltip-arrow:after {
          transform: rotate(270deg)
        }

        .tooltip[data-placement=bottom] .tooltip-arrow:after {
          transform: rotate(0deg)
        }

        .tooltip[data-placement=left] .tooltip-arrow:after {
          transform: rotate(90deg)
        }

        .tooltip[data-placement=top] .tooltip-body {
          transform-origin: bottom
        }

        .tooltip[data-placement=right] .tooltip-body {
          transform-origin: left
        }

        .tooltip[data-placement=bottom] .tooltip-body {
          transform-origin: top
        }

        .tooltip[data-placement=left] .tooltip-body {
          transform-origin: right
        }

        .tooltip[data-placement=top] .tooltip-arrow {
          bottom: -.5625rem
        }

        .tooltip[data-placement=right] .tooltip-arrow {
          left: -.5625rem
        }

        .tooltip[data-placement=bottom] .tooltip-arrow {
          top: -.5625rem
        }

        .tooltip[data-placement=left] .tooltip-arrow {
          right: -.5625rem
        }

        .scroll-horizontally-start {
          --container-body-offset: calc((100vw - var(--real-container-width))/2 + var(--container-padding));
          display: flex;
          margin: 0 calc(var(--container-body-offset)*-1);
          overflow-x: auto;
          overflow-y: hidden
        }

        .scroll-horizontally-start > .scroll-horizontally-content {
          flex-grow: 1
        }

        .scroll-horizontally-start > .scroll-horizontally-content > .row {
          flex-wrap: nowrap
        }

        .scroll-horizontally-start > .scroll-horizontally-content > .row:after {
          content: "";
          flex-shrink: 0;
          width: calc(var(--container-body-offset) - var(--gutter-x)/2)
        }

        .scroll-horizontally-start:after,
        .scroll-horizontally-start:before {
          content: "";
          flex-shrink: 0;
          width: var(--container-body-offset)
        }

        @media(min-width:48rem) {
          .scroll-horizontally-md-end {
            margin: initial;
            overflow: initial
          }

          .scroll-horizontally-md-end > .scroll-horizontally-content > .row {
            flex-wrap: wrap
          }

          .scroll-horizontally-md-end:after,
          .scroll-horizontally-md-end:before,
          .scroll-horizontally-md-end > .scroll-horizontally-content > .row:after {
            content: normal
          }
        }

        @media(min-width:62rem) {
          .scroll-horizontally-lg-end {
            margin: initial;
            overflow: initial
          }

          .scroll-horizontally-lg-end > .scroll-horizontally-content > .row {
            flex-wrap: wrap
          }

          .scroll-horizontally-lg-end:after,
          .scroll-horizontally-lg-end:before,
          .scroll-horizontally-lg-end > .scroll-horizontally-content > .row:after {
            content: normal
          }
        }

        @media(min-width:75rem) {
          .scroll-horizontally-xl-end {
            margin: initial;
            overflow: initial
          }

          .scroll-horizontally-xl-end > .scroll-horizontally-content > .row {
            flex-wrap: wrap
          }

          .scroll-horizontally-xl-end:after,
          .scroll-horizontally-xl-end:before,
          .scroll-horizontally-xl-end > .scroll-horizontally-content > .row:after {
            content: normal
          }
        }

        .icon {
          height: calc(var(--icon-height)*.0625rem)
        }

        .icon[width] {
          width: calc(var(--icon-width)*.0625rem)
        }

        .icon-hexo,
        .icon-simple-icons {
          fill: currentColor
        }

        .icon-dach,
        .icon-dach path,
        .icon-feather,
        .icon-feather path,
        .icon-minimal,
        .icon-minimal path {
          fill: none;
          stroke: currentColor;
          stroke-width: calc(24/var(--icon-height)*var(--icon-stroke-width, 1.5px))
        }

        .icon-feather {
          stroke-linecap: round;
          stroke-linejoin: round
        }

        .medium-zoom-overlay {
          z-index: 10000001
        }

        .medium-zoom-overlay + .medium-zoom-image {
          z-index: 10000002
        }

        .medium-zoom-overlay + .medium-zoom-image + .medium-zoom-image {
          z-index: 10000003
        }

        .medium-zoom--opened .medium-zoom-overlay {
          -webkit-backdrop-filter: var(-medium-zoom-overlay-backdrop-filter, none);
          backdrop-filter: var(-medium-zoom-overlay-backdrop-filter, none);
          background: var(--medium-zoom-overlay-background, #102133e6) !important
        }

        .medium-zoom-image {
          border-radius: .75rem;
          overflow: hidden
        }

        div[data-component][id] {
          scroll-margin-top: var(--tch-sticky)
        }

        div[data-component-background]:only-child {
          min-height: 100%
        }

        div[data-component-background]:only-child:not(.full-width) {
          border-radius: 1.25rem
        }

        @font-face {
          font-display: swap;
          font-family: Soleil;
          font-style: normal;
          font-weight: 400;
          src: url(../fonts/dana-fanum-regular.woff2) format("woff2"), url(../fonts/dana-fanum-regular.woff) format("woff"), url(../fonts/dana-fanum-regular.otf) format("opentype")
        }

        @font-face {
          font-display: swap;
          font-family: Soleil;
          font-style: italic;
          font-weight: 400;
          src: url(../fonts/dana-fanum-demibold.woff2) format("woff2"), url(../fonts/dana-fanum-demibold.woff) format("woff"), url(../fonts/dana-fanum-demibold.otf) format("opentype")
        }

        @font-face {
          font-display: swap;
          font-family: Soleil;
          font-style: normal;
          font-weight: 600;
          src: url(../fonts/dana-fanum-demibold.woff2) format("woff2"), url(../fonts/dana-fanum-demibold.woff) format("woff"), url(../fonts/dana-fanum-demibold.otf) format("opentype")
        }

        @font-face {
          font-display: swap;
          font-family: Soleil;
          font-style: normal;
          font-weight: 700;
          src: url(../fonts/dana-fanum-demibold.woff2) format("woff2"), url(../fonts/dana-fanum-demibold.woff) format("woff"), url(../fonts/dana-fanum-demibold.otf) format("opentype")
        }

        :root {
          --font-family: "Soleil", Verdana, Arial, sans-serif
        }

        .chakra-portal .disflex {
          display: flex
        }

        .chakra-portal .visually-hidden:not(:focus):not(:active) {
          clip: rect(0 0 0 0);
          clip-path: inset(100%);
          height: .0625rem;
          overflow: hidden;
          position: absolute;
          white-space: nowrap;
          width: .0625rem
        }

        .base-notifications {
          display: none;
          position: relative
        }

        .base-notifications-light {
          color: var(--black, #000)
        }

        .base-notifications-dark {
          color: var(--white, #fff)
        }

        .base-notifications-show {
          display: block
        }

        .base-notifications-body {
          align-items: center;
          display: flex;
          gap: 1rem;
          justify-content: space-between
        }

        .base-notifications-description {
          font-size: .875rem;
          line-height: 1.3125rem;
          padding: .5rem 0
        }

        .base-notifications-description a {
          color: inherit
        }

        .base-notifications-description a:only-of-type:after {
          background-color: #0000;
          bottom: 0;
          content: "";
          left: 0;
          pointer-events: auto;
          position: absolute;
          right: 0;
          top: 0;
          z-index: 1
        }

        .base-notifications-close {
          align-items: center;
          display: flex;
          justify-content: center;
          margin-right: -1rem;
          padding: .5rem 1rem;
          transition: opacity .15s var(--transition-timing-function);
          z-index: 2
        }

        .base-notifications-close:hover {
          opacity: .6
        }

        .app-header {
          position: sticky;
          top: 0;
          z-index: 102
        }

        @media(min-width:75rem) {
          .app-header {
            top: calc(var(--app-header-top-height)*-1)
          }
        }

        .app-header-top {
          background: var(--gray);
          display: none;
          position: relative;
          z-index: 104
        }

        @media(min-width:75rem) {
          .app-header-top {
            display: flex
          }
        }

        .app-header-top-list {
          align-items: center;
          display: flex;
          justify-content: flex-end;
          list-style-type: none;
          min-height: var(--app-header-top-height);
          -webkit-user-select: none;
          user-select: none
        }

        .app-header-top-list-item {
          margin-left: .875rem
        }

        .app-header-top-list-item-link {
          color: var(--black-30);
          font-size: .875rem;
          -webkit-text-decoration: none;
          text-decoration: none;
          transition: .14s color var(--transition-timing-function)
        }

        .app-header-top-list-item-link:hover {
          color: var(--black)
        }

        .app-header-main {
          background: var(--white);
          position: relative;
          z-index: 103
        }

        .app-header-main-body {
          border-bottom: .0625rem solid var(--black-90)
        }

        .app-header-main-buttons {
          align-items: center;
          display: flex;
          justify-content: flex-end
        }

        .app-header-main-buttons-close,
        .app-header-main-buttons-show {
          display: none;
          padding: .375rem;
          width: 2.25rem
        }

        .app-header-main-buttons-show {
          display: flex
        }

        @media(min-width:75rem) {
          .app-header-main-buttons-show {
            display: none
          }
        }

        .app-header-main-buttons .tooltip {
          z-index: 104
        }

        .app-header-main-content {
          align-items: center;
          display: flex;
          justify-content: space-between;
          min-height: 4rem
        }

        .app-header-main-logo a {
          display: flex
        }

        .app-header-main-list {
          display: none;
          justify-content: center;
          list-style-type: none
        }

        @media(min-width:75rem) {
          .app-header-main-list {
            display: flex
          }
        }

        .app-header-main-list-item {
          align-items: center;
          border-radius: .25rem;
          cursor: pointer;
          display: flex;
          margin: 0 .5rem 0 0;
          padding: 0.375rem 23px 0.5rem 0.75rem;
          transition: .2s background var(--transition-timing-function)
        }

        .app-header-main-list-item a {
          padding-right: .75rem;
          -webkit-text-decoration: none;
          text-decoration: none
        }

        .app-header-main-list-item:focus-visible,
        .app-header-main-list-item:focus-within,
        .app-header-main-list-item:hover {
          background: var(--gray)
        }

        .app-header-main-list-item:last-of-type {
          margin: 0
        }

        .app-header-main-list-item-text {
          font-weight: var(--font-weight-book);
          -webkit-text-decoration: none;
          text-decoration: none;
          -webkit-user-select: none;
          user-select: none
        }

        .app-header-main-list-item .icon {
          margin: 0 .75rem 0 .5rem;
          transition: .2s transform var(--transition-timing-function)
        }

        .app-header-main-mobile {
          background: var(--white);
          display: none;
          left: 0;
          max-height: calc(100vh - 4rem);
          overflow: auto;
          padding: 2.5rem 0;
          position: absolute;
          right: 0;
          z-index: 102
        }

        .app-header-main-mobile-headline {
          color: var(--black-60);
          font-size: .875rem;
          font-weight: var(--font-weight-book);
          line-height: 1.25rem
        }

        .app-header-main-mobile-list {
          list-style-type: none;
          margin-bottom: 3.125rem;
          padding: 0
        }

        .app-header-main-mobile-list-item {
          align-items: center;
          border-bottom: .0625rem solid var(--black-90);
          cursor: pointer;
          display: flex;
          font-size: 1.25rem;
          justify-content: space-between;
          line-height: normal;
          padding: 1.25rem 0
        }

        .app-header-main-mobile-list-item-text {
          -webkit-text-decoration: none;
          text-decoration: none
        }

        .app-header-main-mobile-list-item:last-of-type {
          border-bottom: none
        }

        .app-header-main-mobile-list-item-link {
          align-items: center;
          display: flex;
          justify-content: space-between;
          -webkit-text-decoration: none;
          text-decoration: none;
          width: 100%
        }

        .app-header-secondary {
          background: var(--white);
          display: none;
          left: 0;
          max-height: calc(100vh - 4rem);
          overflow: auto;
          padding: 1.75rem 0 3.75rem;
          position: absolute;
          right: 0;
          z-index: 103
        }

        @media(min-width:75rem) {
          .app-header-secondary {
            padding: 3.75rem 0
          }
        }

        .app-header-secondary-back {
          align-items: center;
          display: flex;
          font-size: 1rem;
          line-height: 1.375rem;
          margin-bottom: 2.5rem
        }

        @media(min-width:75rem) {
          .app-header-secondary-back {
            display: none
          }
        }

        .app-header-secondary-back .icon {
          margin-right: .875rem
        }

        .app-header-secondary-caption,
        .app-header-secondary-headline {
          border-bottom: .0625rem solid var(--black-90);
          font-size: 1.25rem;
          font-weight: var(--font-weight-medium);
          padding-bottom: 1.25rem
        }

        @media(min-width:75rem) {

          .app-header-secondary-caption,
          .app-header-secondary-headline {
            margin-bottom: 1.75rem;
            padding-bottom: .75rem
          }
        }

        .app-header-secondary-nav {
          margin-bottom: 3.75rem
        }

        @media(min-width:75rem) {
          .app-header-secondary-nav {
            margin-bottom: 0
          }
        }

        .app-header-secondary-link {
          border-bottom: .0625rem solid var(--black-90);
          color: var(--black);
          display: block;
          font-size: 1rem;
          line-height: 1.25rem;
          padding: 1.25rem 0;
          -webkit-text-decoration: none;
          text-decoration: none
        }

        @media(min-width:75rem) {
          .app-header-secondary-link {
            border-bottom: none;
            margin-bottom: 1.25rem;
            padding: 0
          }
        }

        .app-header-secondary-link:hover {
          -webkit-text-decoration: none;
          text-decoration: none
        }

        .app-header-secondary-link:hover .app-header-secondary-link-text:before {
          width: 100%
        }

        .app-header-secondary-link-text {
          position: relative
        }

        .app-header-secondary-link-text:before {
          background: var(--primary);
          bottom: -.125rem;
          content: "";
          height: .125rem;
          left: 0;
          pointer-events: none;
          position: absolute;
          transition: all .14s ease;
          width: 0
        }

        .app-header-secondary-headline {
          padding-top: 2.5rem
        }

        .app-header-backdrop {
          background: #08111b80;
          display: none;
          height: 100%;
          left: 0;
          position: fixed;
          top: 0;
          width: 100%;
          z-index: 101
        }

        .app-header[data-header-active] .app-header-backdrop,
        .app-header[data-mobile-active="1"] .app-header-backdrop {
          display: block
        }

        .app-header[data-mobile-active="1"] .app-header-main-buttons-show {
          display: none
        }

        .app-header[data-mobile-active="1"] .app-header-main-buttons-close,
        .app-header[data-mobile-active="1"] .app-header-main-mobile {
          display: flex
        }

        .app-header[data-header-active] .app-header-main-mobile,
        .app-header[data-mobile-active="1"] .app-header-main-buttons > :not(.app-header-main-buttons-show):not(.app-header-main-buttons-close) {
          display: none
        }

        .app-header-badge {
          border-radius: .375rem;
          float: right;
          font-size: .75rem;
          font-weight: var(--font-weight-bold);
          line-height: .875rem;
          padding: .25rem .5rem
        }

        .app-header-badge-danger {
          background-color: var(--danger);
          color: var(--white)
        }
		
		.app-header-badge-success {
          background-color: var(--success);
          color: var(--white)
        }

        .app-header-secondary-support {
          align-items: center;
          background: var(--primary);
          border-radius: .75rem;
          display: flex;
          flex-direction: column;
          min-height: 30rem;
          overflow: hidden;
          padding: 1.75rem 1.25rem 0;
          position: relative
        }

        @media(min-width:48rem) {
          .app-header-secondary-support {
            align-items: flex-start;
            justify-content: space-between;
            min-height: 22.625rem;
            padding: 3rem 0 3rem 2.5rem
          }
        }

        .app-header-secondary-support-body {
          min-height: 10rem;
          padding-bottom: 2.5rem
        }

        @media(min-width:48rem) {
          .app-header-secondary-support-body {
            padding-bottom: 0
          }
        }

        .app-header-secondary-support-tel {
          display: flex;
          font-size: 1.75rem;
          font-weight: var(--font-weight-medium);
          line-height: 2.25rem;
          -webkit-text-decoration: none;
          text-decoration: none
        }

        .app-header-secondary-support-cta {
          align-items: flex-start;
          display: flex;
          flex-direction: column;
          gap: 1.25rem;
          max-width: 14.6875rem;
		  margin-left: 36px;
        }

        .app-header-secondary-support-cta1 {
          background: var(--white);
          color: var(--black);
          padding-bottom: .75rem;
          padding-top: .75rem
        }

        .app-header-secondary-support-cta2 {
          font-weight: var(--font-weight-regular);
          -webkit-text-decoration: none;
          text-decoration: none
        }

        .app-header-secondary-support-image {
          bottom: -3.125rem;
          height: 16.25rem;
          position: absolute;
          width: auto
        }

        @media(min-width:48rem) {
          .app-header-secondary-support-image {
            bottom: 0;
            height: auto;
            right: -6.25rem;
            width: auto
          }
        }

        @media(min-width:62rem) {
          .app-header-secondary-support-image {
            right: -6.875rem
          }
        }

        @media(min-width:75rem) {
          .app-header-secondary-support-image {
            right: -3.75rem
          }
        }

        .app-header-secondary-support-loading[data-app-header-loading="0"] {
          display: none
        }

        .app-header-secondary-support-loading-dots {
          align-items: center;
          display: flex;
          height: 3.875rem;
          justify-content: flex-start
        }

        .app-header-secondary-support-loading-dots-dot {
          animation: dotsjumping 1.2s ease-in-out infinite;
          background: var(--black-10);
          border-radius: 50%;
          height: .5rem;
          margin-right: .75rem;
          width: .5rem
        }

        .app-header-secondary-support-loading-dots-dot:nth-child(2) {
          animation-delay: .2s
        }

        .app-header-secondary-support-loading-dots-dot:nth-child(3) {
          animation-delay: .4s
        }

        .app-header-secondary-support-loading-dots-dot:nth-child(4) {
          animation-delay: .6s
        }

        .app-header-secondary-support-loading-dots-dot:nth-child(5) {
          animation-delay: .8s
        }

        .app-header-secondary-support-loading-dots-dot:last-child {
          margin-right: 0
        }

        .app-header-secondary-support-wait {
          align-items: center;
          font-size: .875rem
        }

        .app-header-secondary-support-wait-text {
          align-items: center;
          display: flex;
          font-size: .75rem;
          font-weight: var(--font-weight-book);
          opacity: .4
        }

        .app-header-secondary-support-wait[data-header-wait="0"],
        .app-header-secondary-support-wait[data-header-wait] {
          display: none
        }

        .app-header-secondary-support-wait[data-header-wait="1"] {
          align-items: center;
          display: flex;
          flex-direction: column
        }

        @media(min-width:48rem) {
          .app-header-secondary-support-wait[data-header-wait="1"] {
            align-items: flex-start
          }
        }

        .app-header-secondary-support-wait .icon {
          margin-right: .25rem
        }

        .app-header-secondary-support-opening {
          align-items: center;
          border-radius: 1rem;
          display: flex;
          justify-content: center;
          margin: 0 -.75rem 1.25rem;
          padding: .25rem .75rem;
          transition: .2s all var(--transition-timing-function)
        }

        .app-header-secondary-support-opening:hover {
          background: var(--primary-30);
          cursor: pointer
        }

        .app-header-secondary-support-opening:hover .app-header-secondary-support-opening-info {
          opacity: 1
        }

        @media(min-width:48rem) {
          .app-header-secondary-support-opening {
            justify-content: flex-start
          }
        }

        .app-header-secondary-support-opening-indicator {
          border-radius: .25rem;
          display: none;
          height: .5rem;
          margin-right: .375rem;
          width: .5rem
        }

        .app-header-secondary-support-opening-indicator[data-header-indicator="1"] {
          background: var(--success);
          display: inline-block
        }

        .app-header-secondary-support-opening-indicator[data-header-indicator="0"] {
          background: var(--danger);
          display: inline-block
        }

        .app-header-secondary-support-opening-status {
          font-size: .875rem;
          margin-right: .5rem
        }

        .app-header-secondary-support-opening-status[data-header-status="0"] {
          color: var(--danger)
        }

        .app-header-secondary-support-opening-closing {
          font-size: .875rem;
          opacity: .4
        }

        .app-header-secondary-support-opening-info {
          display: none;
          margin-left: .625rem;
          opacity: .4;
          transition: .2s all var(--transition-timing-function)
        }

        .app-header-secondary-support-opening-info[data-header-wait="1"] {
          display: flex
        }

        @keyframes dotsjumping {

          0%,
          75%,
          to {
            transform: translateY(0)
          }

          25% {
            transform: translateY(-.625rem)
          }
        }

        .app-header-highlight {
          align-items: center;
          background: var(--primary);
          border-radius: .75rem;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          margin-top: 1.375rem;
          overflow: hidden;
          padding: 1.875rem 1.25rem 10rem;
          position: relative;
          transition: .2s background var(--transition-timing-function)
        }

        @media(min-width:48rem) {
          .app-header-highlight {
            padding: 1.875rem 3rem 10rem
          }
        }

        .app-header-highlight:hover {
          background-color: var(--primary-30)
        }

        .app-header-highlight:hover .app-header-highlight-image {
          transform: translateX(-50%) scale(1.05)
        }

        @media(min-width:48rem) {
          .app-header-highlight:hover .app-header-highlight-image {
            transform: translateY(-21%) scale(1.05)
          }
        }

        @media(min-width:62rem) {
          .app-header-highlight:hover .app-header-highlight-image {
            transform: translateY(-37%) scale(1.05)
          }
        }

        @media(min-width:75rem) {
          .app-header-highlight:hover .app-header-highlight-image {
            transform: translateY(-37%) scale(1.05)
          }
        }

        @media(min-width:48rem) {
          .app-header-highlight {
            align-items: center;
            flex-direction: row;
            padding: 1.875rem
          }
        }

        .app-header-highlight-text {
          align-items: center;
          display: flex;
          flex-direction: column;
          justify-content: center;
          text-align: center
        }

        @media(min-width:48rem) {
          .app-header-highlight-text {
            align-items: flex-start;
            text-align: left
          }
        }

        .app-header-highlight-badge {
          background: var(--danger);
          border-radius: 1.25rem;
          color: var(--white);
          font-size: .875rem;
          font-weight: 500;
          line-height: .875rem;
          margin-bottom: .375rem;
          padding: .3125rem .625rem;
          z-index: 2
        }

        .app-header-highlight-image {
          bottom: -6.875rem;
          height: auto;
          left: 50%;
          position: absolute;
          transform: translateX(-50%);
          transition: transform .2s var(--transition-timing-function);
          width: 12.5rem;
          z-index: 1
        }

        @media(min-width:48rem) {
          .app-header-highlight-image {
            bottom: auto;
            left: 12.5rem;
            top: 0;
            transform: translateY(-21%);
            width: 14.375rem
          }
        }

        @media(min-width:62rem) {
          .app-header-highlight-image {
            left: 23.125rem;
            transform: translateY(-37%);
            width: 19.375rem
          }
        }

        @media(min-width:75rem) {
          .app-header-highlight-image {
            height: auto;
            left: 27.5rem;
            transform: translateY(-37%);
            width: auto
          }
        }

        .app-header-highlight-headline {
          font-size: 1.25rem;
          font-weight: 500;
          line-height: normal;
          margin-bottom: 1.5rem;
          max-width: 26.875rem;
          z-index: 2
        }

        @media(min-width:48rem) {
          .app-header-highlight-headline {
            margin-bottom: 0;
            max-width: 11.875rem
          }
        }

        @media(min-width:62rem) {
          .app-header-highlight-headline {
            max-width: 23.75rem
          }
        }

        .app-header-highlight-cta {
          z-index: 2
        }

        .app-header-highlight-cta a:after {
          background-color: #0000;
          bottom: 0;
          content: "";
          left: 0;
          pointer-events: auto;
          position: absolute;
          right: 0;
          top: 0;
          z-index: 1
        }

        .app-header .popover {
          width: 15.75rem;
          z-index: 103
        }

        .app-header .popover-body {
          background: var(--black);
          border-radius: .25rem;
          box-shadow: 0 .5rem .625rem 0 #0000001a;
          color: var(--white);
          font-size: .875rem;
          padding: 1rem;
          transition: transform .15s var(--transition-timing-function)
        }

        .app-header .popover-body > div > :not(:last-child) {
          margin-bottom: .75rem
        }

        .app-header .popover-arrow:after {
          background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSI2Ij48cGF0aCBmaWxsPSIjMTAyMTMzIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04Ljc0NCAxLjI0NiAxNCA1djFIMFY1bDUuMjU2LTMuNzU0YTMgMyAwIDAgMSAzLjQ4OCAwIi8+PC9zdmc+) 50% no-repeat;
          content: "";
          display: block;
          height: .875rem;
          width: .875rem
        }

        .app-header .app-header-popover-opening {
          font-size: .875rem;
          font-weight: var(--font-weight-regular);
          margin-top: -.5rem
        }

        .app-header .app-header-popover-opening-table {
          width: 100%
        }

        .app-header .app-header-popover-opening-table-td {
          padding-bottom: .1875rem;
          padding-top: .1875rem
        }

        .app-header .app-header-popover-opening-table-td:nth-child(2n) {
          text-align: right
        }

        .app-header .app-header-popover-opening-table-td:nth-child(odd) {
          text-align: left
        }

        .app-header .app-header-popover-opening-table-td-bold {
          font-weight: var(--font-weight-bold)
        }

        .app-header .app-header-popover-opening-table-td-name {
          opacity: .8
        }

        .app-header .app-header-popover-opening-table-td-closed {
          text-align: right
        }

        .app-header-top-list-language-switch {
          display: inline-block;
          position: relative
        }

        .app-header-top-list-language-switch label {
          display: none
        }

        .app-header-top-list-language-switch select {
          appearance: none;
          -webkit-appearance: none;
          -moz-appearance: none;
          color: var(--black-30);
          cursor: pointer;
          font-size: .875rem;
          padding: 0 1.125rem;
          transition: .2s all var(--transition-timing-function)
        }

        .app-header-top-list-language-switch select:hover,
        .app-header-top-list-language-switch select:hover ~ svg {
          color: var(--black)
        }

        .app-header-top-list-language-switch select:open + .app-header-top-list-language-switch-arrow {
          transform: rotate(180deg)
        }

        .app-header-top-list-language-switch-arrow,
        .app-header-top-list-language-switch-lang {
          color: var(--black-30);
          pointer-events: none;
          position: absolute;
          transition: .2s all var(--transition-timing-function)
        }

        .app-header-top-list-language-switch-lang {
          left: 0;
          top: .3125rem
        }

        .app-header-top-list-language-switch-arrow {
          right: 0;
          top: .4375rem
        }

        .app-header-secondary-faq {
          background: var(--primary);
          border-radius: .75rem;
          display: flex;
          flex-direction: column;
          overflow: hidden;
          padding-bottom: 15rem;
          position: relative
        }

        @media(min-width:75rem) {
          .app-header-secondary-faq {
            flex-direction: row;
            min-height: 30rem;
            padding-bottom: 0
          }
        }

        .app-header-secondary-faq-support {
          align-items: center;
          display: flex;
          flex-direction: column;
          gap: 1.25rem;
          padding: 1.75rem 1.25rem 1.5rem;
          text-align: center
        }

        @media(min-width:75rem) {
          .app-header-secondary-faq-support {
            align-items: flex-start;
            flex: 0 0 48%;
            padding: 2.5rem;
            text-align: left
          }
        }

        .app-header-secondary-faq-support-headline {
          font-size: 1.5rem;
          font-weight: var(--font-weight-medium);
          letter-spacing: 0;
          line-height: 2rem
        }

        .app-header-secondary-faq-support .app-button {
          width: auto
        }

        .app-header-secondary-faq-support .app-button .btn-white {
          width: 100%
        }

        .app-header-secondary-faq-questions {
          padding: 1.25rem 1.25rem 1.75rem
        }

        @media(min-width:75rem) {
          .app-header-secondary-faq-questions {
            flex: 1;
            padding: 2.5rem
          }
        }

        .app-header-secondary-faq-questions-headline {
          font-size: 1.5rem;
          font-weight: var(--font-weight-medium);
          letter-spacing: 0;
          line-height: 2rem;
          margin-bottom: 1.25rem;
          text-align: center
        }

        @media(min-width:75rem) {
          .app-header-secondary-faq-questions-headline {
            text-align: left
          }
        }

        .app-header-secondary-faq-questions-list {
          list-style-type: none;
          margin: 0;
          padding: 0
        }

        .app-header-secondary-faq-questions-list-item {
          border-top: .0625rem solid #0000001f;
          margin-top: 1rem;
          padding-top: 1rem
        }

        .app-header-secondary-faq-questions-list-item-link {
          color: var(--black);
          display: block;
          -webkit-text-decoration: none;
          text-decoration: none;
          transition: .14s opacity var(--transition-timing-function)
        }

        .app-header-secondary-faq-questions-list-item-link:hover {
          opacity: .7;
          -webkit-text-decoration: none;
          text-decoration: none
        }

        .app-header-secondary-faq-questions-list-item-subheadline {
          color: #08111bb3;
          display: block;
          font-size: .75rem;
          font-weight: var(--font-weight-book);
          margin-bottom: 0
        }

        .app-header-secondary-faq-questions-list-item-headline {
          display: block;
          font-size: 1rem;
          font-weight: var(--font-weight-book);
          letter-spacing: 0;
          line-height: 1.375rem
        }

        .app-header-secondary-faq-image {
          bottom: 0;
          height: 15rem;
          left: 50%;
          position: absolute;
          transform: translateX(-50%);
          width: auto
        }

        @media(min-width:75rem) {
          .app-header-secondary-faq-image {
            bottom: 0;
            height: auto;
            left: 25%;
            transform: translateX(-55%)
          }
        }

        .app-header-button-search-holder {
          align-items: center;
          display: flex;
          flex-direction: column
        }

        .app-header-button-search-label {
          font-size: .75rem;
          margin-top: -.25rem
        }

        .app-header-button-search-button {
          border-radius: 50%;
          display: flex;
          padding: .375rem;
          transition: background .14s ease
        }

        .app-header-button-search-button:hover {
          background: #e1e5e8d9
        }

        .app-header-button-login-holder {
          align-items: center;
          display: flex;
          flex-direction: column
        }

        .app-header-button-login-label {
          font-size: .75rem;
          margin-top: -.25rem
        }

        .app-header-button-login-button {
          border-radius: 50%;
          display: flex;
          padding: .375rem;
          transition: background .14s ease
        }

        .app-header-button-login-button:hover {
          background: #e1e5e8d9
        }

        @media(min-width:62rem) {
          .app-sidelayer .container {
            padding: 0
          }
        }

        .app-sidelayer-backdrop {
          -webkit-backdrop-filter: none;
          backdrop-filter: none;
          background-color: var(--black);
          bottom: 0;
          cursor: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='84' fill='none' viewBox='0 0 84 84'%3E%3Ccircle cx='42' cy='42' r='40.75' stroke='%23fff' stroke-width='1.5'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='1.5' d='M49 35 35 49M35 35l14 14'/%3E%3C/svg%3E") 42 42, pointer;
          left: 0;
          opacity: 0;
          pointer-events: none;
          position: fixed;
          right: 0;
          top: 0;
          transition: opacity .4s var(--transition-timing-function);
          z-index: 10000000
        }

        .app-sidelayer-visible .app-sidelayer-backdrop {
          opacity: .6;
          pointer-events: auto
        }

        .app-sidelayer-wrapper {
          bottom: -6.25rem;
          position: fixed;
          right: 0;
          top: 2.5rem;
          transform: translate3d(0, calc(100% + 6.25rem), 0);
          transition: transform .4s var(--transition-timing-function);
          width: 100vw;
          z-index: 10000001
        }

        @media(min-width:62rem) {
          .app-sidelayer-wrapper {
            bottom: 0;
            max-height: unset;
            max-width: calc(.0625rem*var(--sidelayer-size, 960));
            top: 0;
            transform: translate3d(100%, 0, 0)
          }
        }

        .app-sidelayer-container {
          background-color: var(--white);
          border-top-left-radius: 1.25rem;
          border-top-right-radius: 1.25rem;
          display: flex;
          flex-direction: column;
          height: 100%;
          overflow: hidden;
          padding-bottom: 6.25rem;
          width: 100%
        }

        @media(min-width:62rem) {
          .app-sidelayer-container {
            border-bottom-left-radius: 1rem;
            border-top-left-radius: 1rem;
            border-top-right-radius: 0;
            padding-bottom: 0
          }
        }

        .app-sidelayer-visible .app-sidelayer-wrapper {
          transform: translateZ(0)
        }

        .app-sidelayer-close {
          align-items: center;
          background-color: var(--gray);
          border-radius: 2.25rem;
          display: flex;
          height: 2.25rem;
          justify-content: center;
          position: absolute;
          right: .75rem;
          top: .75rem;
          transition: background-color .15s var(--transition-timing-function);
          width: 2.25rem
        }

        .app-sidelayer-close:hover {
          background-color: var(--black-90)
        }

        @media(min-width:48rem) {
          .app-sidelayer-close {
            right: 1rem;
            top: 1rem
          }
        }

        @media(min-width:62rem) {
          .app-sidelayer-close {
            left: 1.125rem;
            right: auto;
            top: 1.125rem
          }
        }

        .app-sidelayer-header {
          align-items: center;
          border-bottom: .0625rem solid var(--black-90);
          display: flex;
          flex-shrink: 0;
          height: 3.8125rem;
          justify-content: center
        }

        @media(min-width:48rem) {
          .app-sidelayer-header {
            height: 4.3125rem
          }
        }

        @media(min-width:62rem) {
          .app-sidelayer-header {
            height: 4.4375rem;
            padding-top: .0625rem
          }
        }

        .app-sidelayer-header-title {
          color: var(--black);
          display: none;
          font-size: 1rem;
          line-height: 1
        }

        .app-sidelayer-header-title-visible {
          display: block
        }

        @media(min-width:62rem) {
          .app-sidelayer-dynamic-content {
            padding: 0 7.625rem
          }
        }

        .app-sidelayer-dynamic-content-spacer {
          display: flex;
          margin: 2.5rem 0
        }

        @media(min-width:48rem) {
          .app-sidelayer-dynamic-content-spacer {
            margin: 3.75rem 0
          }
        }

        @media(min-width:62rem) {
          .app-sidelayer-dynamic-content-spacer {
            margin: 6.25rem 0
          }
        }

        .app-sidelayer-content {
          display: flex;
          flex-grow: 1;
          overflow: auto;
          position: relative;
          width: 100%
        }

        .app-sidelayer-content-wrapper {
          flex-grow: 1;
          position: relative;
          visibility: hidden;
          width: 100%
        }

        .app-sidelayer-content-wrapper iframe {
          border: 0;
          display: block;
          height: 100%;
          width: 100%
        }

        .app-sidelayer-content-loaded .app-sidelayer-content-wrapper {
          visibility: visible
        }

        .app-sidelayer-spinner {
          display: block;
          height: 3rem;
          left: 50%;
          margin-left: -1.5rem;
          margin-top: -1.5rem;
          position: absolute;
          top: 50%;
          width: 3rem
        }

        .app-sidelayer-content-loaded .app-sidelayer-spinner {
          display: none
        }

        .spinner {
          animation: spinner-rotate 2s linear infinite;
          height: 3.125rem;
          transform-origin: center center;
          width: 3.125rem
        }

        .spinner circle {
          animation: spinner-dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
          stroke: var(--primary);
          stroke-dasharray: 1, 200;
          stroke-dashoffset: 0;
          stroke-linecap: round
        }

        @keyframes spinner-rotate {
          to {
            transform: rotate(1turn)
          }
        }

        @keyframes spinner-dash {
          0% {
            stroke-dasharray: 1, 200;
            stroke-dashoffset: 0
          }

          50% {
            stroke-dasharray: 89, 200;
            stroke-dashoffset: -35
          }

          to {
            stroke-dasharray: 89, 200;
            stroke-dashoffset: -124
          }
        }

        .app-teaser-01-grid-left {
          display: flex;
          flex-direction: column
        }

        @media(min-width:48rem) {
          .app-teaser-01-grid-left {
            justify-content: center
          }

          .app-teaser-01-grid-left .app-teaser-01-promotion {
            order: 0
          }

          .app-teaser-01-grid-left .app-teaser-01-headline {
            order: 1
          }

          .app-teaser-01-grid-left .app-teaser-01-description {
            order: 2
          }

          .app-teaser-01-grid-left .app-teaser-01-price {
            order: 3
          }

          .app-teaser-01-grid-left .app-teaser-01-cta {
            order: 4
          }
        }

        .app-teaser-01-grid-left .app-teaser-01-image {
          <!-- align-self: center -->
		  display:block;
        }

        @media(min-width:48rem) {
          .app-teaser-01-grid-left .app-teaser-01-image {
            display: none
          }
        }

        .app-teaser-01-grid-right {
          display: none
        }

        @media(min-width:48rem) {
          .app-teaser-01-grid-right {
            align-items: flex-start;
            display: flex;
            justify-content: flex-end
          }
        }

        @media(min-width:62rem) {
          .app-teaser-01-grid-right {
            align-items: center
          }
        }

        .app-teaser-01 {
          padding-bottom: 3rem;
          padding-top: 3rem
        }

        @media(min-width:62rem) {
          .app-teaser-01 {
            padding-bottom: 5.75rem;
            padding-top: 5rem
          }
        }

        .app-teaser-01-promotion {
          margin-bottom: 1.25rem
        }

        .app-teaser-01-description {
          margin-top: 3rem
        }

        @media(min-width:48rem) {
          .app-teaser-01-description {
            margin-top: 1.25rem
          }
        }

        .app-teaser-01-price {
          margin-top: .5rem
        }

        @media(min-width:62rem) {
          .app-teaser-01-price {
            margin-top: 1.25rem
          }
        }

        .app-teaser-01-cta {
          margin-top: 3rem
        }

        @media(min-width:62rem) {
          .app-teaser-01-cta {
            margin-top: 3.75rem
          }
        }

        .app-teaser-01-image {
          margin-top: 3rem
        }

        @media(min-width:48rem) {
          .app-teaser-01-image {
            margin-top: 0
          }
        }

        .app-teaser-01-promotion {
          display: flex;
          justify-content: right
        }

        @media(min-width:48rem) {
          .app-teaser-01-promotion {
            <!-- justify-content: flex-start -->
          }
        }

        .app-teaser-01-headline {
          font-size: 1.75rem;
          font-weight: var(--font-weight-bold);
          line-height: 2.25rem;
          text-align: center
        }

        @media(min-width:48rem) {
          .app-teaser-01-headline {
            font-size: 2.25rem;
            line-height: 2.75rem;
            text-align: right
          }
        }

        @media(min-width:62rem) {
          .app-teaser-01-headline {
            font-size: 3rem;
            line-height: 3.5rem
          }
        }

.app-teaser-01-description {
  font-size: 1rem;
  line-height: 1.5rem
}

.app-teaser-01-description > * {
  margin-bottom: 1.25rem
}

.app-teaser-01-description > :last-child {
  margin-bottom: 0
}

.app-teaser-01-description ul {
  line-height: 1.5rem;
  padding-left: 0;
  text-align: right;
  direction: rtl;
}

.app-teaser-01-description ul > li {
  list-style-type: none;
  margin-bottom: var(--list-style-checkmark-li-mb, 16px);
  min-height: 2rem;
  padding-right: calc(2.75rem*(1 - var(--list-style-checkmark-vertical, 0)) + 0px*var(--list-style-checkmark-vertical, 0));
  padding-left: 0;
  padding-top: calc(.25rem*(1 - var(--list-style-checkmark-vertical, 0)) + 2.75rem*var(--list-style-checkmark-vertical, 0));
  position: relative;
  text-align: right;
}

.app-teaser-01-description ul > li:last-child {
  margin-bottom: 0
}

.app-teaser-01-description ul > li:after,
.app-teaser-01-description ul > li:before {
  border-radius: 50%;
  content: "";
  height: 2rem;
  right: 0;
  left: auto;
  position: absolute;
  top: 0;
  width: 2rem
}

.app-teaser-01-description ul > li:before {
  background-color: var(--list-style-checkmark-background-color, var(--primary));
  border: var(--list-style-checkmark-border, 0 solid #0000);
  opacity: var(--list-style-checkmark-background-opacity, 1)
}

.app-teaser-01-description ul > li:after {
  background-color: var(--list-style-checkmark-color, var(--primary-contrast));
  -webkit-mask-image: url(../images/check.631c94ea.svg);
  mask-image: url(../images/check.631c94ea.svg);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 1rem;
  mask-size: 1rem
}

.app-teaser-01-description ol {
  counter-reset: orderedlist;
  line-height: 1.5rem;
  padding-left: 0;
  text-align: right;
  direction: rtl;
}

.app-teaser-01-description ol > li {
  list-style-type: none;
  margin-bottom: var(--list-style-ordered-li-mb, 16px);
  min-height: 2rem;
  padding-right: calc(2.75rem*(1 - var(--list-style-checkmark-vertical, 0)) + 0px*var(--list-style-checkmark-vertical, 0));
  padding-left: 0;
  padding-top: calc(.25rem*(1 - var(--list-style-checkmark-vertical, 0)) + 2.75rem*var(--list-style-checkmark-vertical, 0));
  position: relative;
  text-align: right;
}

.app-teaser-01-description ol > li:last-child {
  margin-bottom: 0
}

.app-teaser-01-description ol > li:before {
  align-items: center;
  background-color: var(--list-style-ordered-background-color, var(--primary));
  border: var(--list-style-ordered-border, 0 solid #0000);
  border-radius: 50%;
  color: var(--list-style-ordered-color, var(--primary-contrast));
  content: "";
  content: counter(orderedlist);
  counter-increment: orderedlist;
  display: inline-flex;
  font-size: .875rem;
  font-weight: var(--font-weight-medium);
  height: 2rem;
  justify-content: center;
  right: 0;
  left: auto;
  line-height: 1;
  position: absolute;
  text-align: center;
  top: 0;
  width: 2rem
}




        @supports (color:lab(from red l 1 1%/calc(alpha + 0.1))) {
          .app-teaser-01-description ol > li:before {
            background-color: rgb(from var(--list-style-ordered-background-color, var(--primary)) r g b/var(--list-style-ordered-background-opacity, 1))
          }
        }

        @media(min-width:62rem) {
          .app-teaser-01-description {
            font-size: 1.125rem;
            line-height: 1.5rem
          }
        }

        .app-teaser-01-price {
          font-size: 1.125rem;
          font-weight: var(--font-weight-bold);
          line-height: 1.75rem;
          text-align: center
        }

        @media(min-width:48rem) {
          .app-teaser-01-price {
            font-size: 1.5rem;
            line-height: 2rem;
            text-align: left
          }
        }

        .app-teaser-01-price-patch {
          background-color: var(--white);
          border-radius: .25rem;
          color: var(--danger);
          display: inline-block;
          filter: drop-shadow(0 .25rem .75rem rgba(8, 17, 27, .2));
          margin: -.25rem -.625rem -.25rem .125rem;
          padding: .25rem .5rem;
          transform: rotate(-9.73deg)
        }

        .app-teaser-01-price-badge {
          background-color: var(--danger);
          border-radius: .375rem;
          color: var(--white);
          display: inline-block;
          font-size: .75rem;
          line-height: normal;
          padding: .25rem .375rem;
          transform: translateY(-.125rem)
        }

        @media(min-width:48rem) {
          .app-teaser-01-cta {
            flex-direction: row;
            flex-wrap: wrap
          }
        }

        .app-teaser-01-cta-inner {
          display: flex;
          flex-direction: column;
          gap: .5rem
        }

        @media(min-width:48rem) {
          .app-teaser-01-cta-inner {
            flex-direction: row;
            flex-wrap: wrap
          }
        }

        .app-teaser-01-image {
          aspect-ratio: 434/450;
          border-radius: 1.25rem;
          max-width: 20.9375rem;
          overflow: hidden;
          position: relative
        }

        @media(min-width:48rem) {
          .app-teaser-01-image {
            max-width: none;
            width: 20.25rem
          }
        }

        @media(min-width:62rem) {
          .app-teaser-01-image {
            width: 27.125rem
          }
        }

        .app-teaser-01-image-media {
          height: 100%;
          width: 100%
        }

        .app-teaser-01-image-seals {
          display: flex;
          gap: .25rem;
          position: absolute;
          right: .625rem;
          top: .625rem
        }

        .app-teaser-01-image-seals-icon {
          background-color: var(--white);
          border-radius: .625rem;
          display: flex;
          overflow: hidden;
          padding: .6875rem .6875rem .9375rem;
          position: relative
        }

        .app-teaser-01-image-seals-icon:after {
          background-color: var(--primary);
          bottom: 0;
          content: "";
          height: .25rem;
          left: 0;
          position: absolute;
          right: 0
        }

        .app-promotion-notice-middle {
          display: flex;
          justify-content: center
        }

        .app-promotion-notice-right {
          display: flex;
          justify-content: flex-end
        }

        .app-promotion-notice-link {
          display: block
        }

        .app-promotion-notice-link,
        .app-promotion-notice-link[href]:hover {
          -webkit-text-decoration: none;
          text-decoration: none
        }

        .app-promotion-notice-body {
          align-items: center;
          border-radius: 6.25rem;
          display: inline-flex;
          padding: .5rem .875rem .5rem .5rem;
          transition: background-color .15s var(--transition-timing-function)
        }

        .app-promotion-notice-label {
          border-radius: 6.25rem;
          color: var(--white);
          font-size: .875rem;
          font-weight: var(--font-weight-medium);
          line-height: 1rem;
          padding: .3125rem .625rem;
          white-space: nowrap
        }

        .app-promotion-notice-description {
          color: var(--black);
          font-size: .875rem;
          font-weight: var(--font-weight-book);
          line-height: 1rem;
          margin-left: .5625rem
        }

        .app-promotion-notice-icon {
          color: var(--black);
          display: flex;
          margin-left: .5rem
        }

        .app-promotion-notice-black .app-promotion-notice-body {
          background-color: var(--gray)
        }

        .app-promotion-notice-black .app-promotion-notice-label {
          background-color: var(--black)
        }

        .app-promotion-notice-black[href]:hover .app-promotion-notice-body {
          background-color: var(--black-90)
        }

        .app-promotion-notice-red .app-promotion-notice-body {
          background-color: var(--danger-90)
        }

        .app-promotion-notice-red .app-promotion-notice-label {
          background-color: var(--danger)
        }

        .app-promotion-notice-red[href]:hover .app-promotion-notice-body {
          background-color: var(--danger-80)
        }

        .app-promotion-notice-red-invert .app-promotion-notice-body {
          background-color: var(--danger);
          color: var(--white)
        }

        .app-promotion-notice-red-invert .app-promotion-notice-description,
        .app-promotion-notice-red-invert .app-promotion-notice-icon {
          color: var(--white)
        }

        .app-promotion-notice-red-invert .app-promotion-notice-label {
          background-color: var(--white);
          color: var(--danger)
        }

        .app-promotion-notice-red-invert[href]:hover .app-promotion-notice-body {
          background-color: #ba1f00
        }

        .app-promotion-notice-red-invert[href]:hover .app-promotion-notice-label {
          color: #ba1f00
        }

        .order-0 {
          order: 0 !important;
        }

        .order-2 {
          order: 2 !important;
        }

        .order-4 {
          order: 4 !important;
        }

        .order-6 {
          order: 6 !important;
        }

        .order-8 {
          order: 8 !important;
        }

        .order-10 {
          order: 10 !important;
        }

        .order-12 {
          order: 12 !important;
        }

        .order-14 {
          order: 14 !important;
        }

        .order-16 {
          order: 16 !important;
        }

        .order-18 {
          order: 18 !important;
        }

        .order-20 {
          order: 20 !important;
        }

        .mb-40 {
          margin-bottom: 2.5rem !important;
        }

        .mb-20 {
          margin-bottom: 1.25rem !important;
        }

        .mb-24 {
          margin-bottom: 1.5rem !important;
        }

        .mb-32 {
          margin-bottom: 2rem !important;
        }

        .mb-60 {
          margin-bottom: 3.75rem !important;
        }

        .mb-28 {
          margin-bottom: 1.75rem !important;
        }

        @media (min-width:36rem) {
          .mb-sm-24 {
            margin-bottom: 1.5rem !important;
          }
        }

        @media (min-width:48rem) {
          .mb-md-60 {
            margin-bottom: 3.75rem !important;
          }

          .mb-md-32 {
            margin-bottom: 2rem !important;
          }

          .mb-md-50 {
            margin-bottom: 3.125rem !important;
          }

          .mb-md-40 {
            margin-bottom: 2.5rem !important;
          }

          .mb-md-24 {
            margin-bottom: 1.5rem !important;
          }

          .mb-md-28 {
            margin-bottom: 1.75rem !important;
          }

          .mb-md-80 {
            margin-bottom: 5rem !important;
          }
        }

        @media (min-width:62rem) {
          .mb-lg-36 {
            margin-bottom: 2.25rem !important;
          }
        }

        @media (min-width:75rem) {
          .mb-xl-80 {
            margin-bottom: 5rem !important;
          }

          .mb-xl-60 {
            margin-bottom: 3.75rem !important;
          }

          .mb-xl-36 {
            margin-bottom: 2.25rem !important;
          }

          .mb-xl-120 {
            margin-bottom: 7.5rem !important;
          }

          .mb-xl-100 {
            margin-bottom: 6.25rem !important;
          }
        }

        .bg-gray {
          background: var(--gray) !important;
        }

        .bg-white {
          background: var(--white) !important;
        }

        .py-40 {
          padding-top: 2.5rem !important;
          padding-bottom: 2.5rem !important;
        }

        .py-80 {
          padding-top: 5rem !important;
          padding-bottom: 5rem !important;
        }

        .py-24 {
          padding-top: 1.5rem !important;
          padding-bottom: 1.5rem !important;
        }

        .pt-0 {
          padding-top: 0rem !important;
        }

        .pb-80 {
          padding-bottom: 5rem !important;
        }

        .gutter-x-24 {
          --gutter-x: 1.5rem !important;
        }

        .gutter-y-24 {
          --gutter-y: 1.5rem !important;
        }

        .px-24 {
          padding-left: 1.5rem !important;
          padding-right: 1.5rem !important;
        }

        @media(min-width:0rem) {
          :root {
            --tch-all: 4rem;
            --tch-sticky: 4rem;
          }
        }

        @media(min-width:36rem) {
          :root {
            --tch-all: 4rem;
            --tch-sticky: 4rem;
          }
        }

        @media(min-width:48rem) {
          :root {
            --tch-all: 4rem;
            --tch-sticky: 4rem;
          }
        }

        @media(min-width:62rem) {
          :root {
            --tch-all: 4rem;
            --tch-sticky: 4rem;
          }
        }

        @media(min-width:75rem) {
          :root {
            --tch-all: 4rem;
            --tch-sticky: 4rem;
          }
        }

/* RTL layout fixes for header (originally a separate inline <style> block per page) */
 
/* .app-header-top-list {
    justify-content: flex-start;
}*/

.app-header-top-list-item {
    margin-left: 0;
    margin-right: .875rem;
}

.app-header-main-content {
    direction: rtl;
}

.app-header-main-buttons {
    justify-content: flex-start;
}

/*.app-header-main-list-item {
    flex-direction: row-reverse;
    margin: 0 0 0 .5rem;
    padding: .375rem .75rem .5rem 0;
}*/

.app-header-main-list-item a {
    padding-right: 0;
    padding-left: .75rem;
}

.app-header-main-list-item .icon {
    margin: 0 .5rem 0 .75rem;
}

.app-header-main-mobile {
    direction: rtl;
}

.app-header-main-mobile-list-item-link {
    flex-direction: row-reverse;
}

.app-header-secondary {
    direction: rtl;
    text-align: right;
}

.app-header-secondary-back .icon {
    margin-right: 0;
    margin-left: .875rem;
}

.app-header-badge {
    float: left;
}

.app-header-secondary-support {
    text-align: right;
}

@media(min-width:48rem) {
    .app-header-secondary-support {
        align-items: flex-end;
        padding: 3rem 2.5rem 3rem 0;
    }
}

@media(min-width:48rem) {
    .app-header-secondary-support-image {
        right: auto;
        left: -6.25rem;
    }
}

@media(min-width:62rem) {
    .app-header-secondary-support-image {
        right: auto;
        left: -6.875rem;
    }
}

@media(min-width:75rem) {
    .app-header-secondary-support-image {
        right: -3.75rem;
        left: auto;
    }
}

.app-header-secondary-support-loading-dots {
    justify-content: flex-end;
	margin-left: 36px;
}

.app-header-secondary-support-loading-dots-dot {
    margin-right: 0;
    margin-left: .75rem;
}

.app-header-secondary-support-loading-dots-dot:last-child {
    margin-left: 0;
}


/* Mobile header drawer RTL fixes (originally an inline <style> block in header.php) */
            /* This template has no dir/direction anywhere on <html> or <body>,
               so plain text elements silently default to ltr (left-aligned).
               The icon+text list items look fine because they're laid out
               with flexbox, not text-align — but the mobile headline and the
               plain-link items below it (اخبار, وضعیت شبکه, ...) have no such
               flex trick and were rendering left-aligned. Pin them explicitly. */
            .app-header-main-mobile-headline,
            .app-header-main-mobile-list .app-header-main-mobile-list-item,
            .app-header-main-mobile-list-item-link {
                direction: rtl;
                text-align: right;
            }
            /* text-align on an <a> only affects ITS OWN inline content when the
               anchor is block-level; if it's still inline by default, the rule
               has to live on the block container instead — set both to be safe. */
            .app-header-main-mobile-list-item-link {
                display: block;
                width: 100%;
            }
            /* Section headers ("محصولات", "نیوا هاست") were too pale/small to
               read as section breaks. */
            .app-header-main-mobile-headline {
                color: #52585f !important;
                font-weight: 700 !important;
                font-size: .8125rem !important;
                padding: .75rem 1.25rem .375rem !important;
                margin: 0 !important;
            }
            .app-header-main-mobile-list { margin: 0 !important; padding: 0 !important; }
            /* Tighten the excessive vertical rhythm between drawer items and
               give each row a hairline separator instead of empty space. */
            .app-header-main-mobile-list-item {
                padding: 0 !important;
                margin: 0 !important;
                border-bottom: 1px solid #eee;
            }
            .app-header-main-mobile-list-item:last-child { border-bottom: none; }
            .app-header-main-mobile-list .app-header-main-mobile-list-item {
                display: flex !important;
                align-items: center !important;
                justify-content: space-between !important;
                padding: .875rem 1.25rem !important;
            }
            /* The plain-link rows (اخبار, وضعیت شبکه, ...) were getting BOTH
               the <li>'s padding above AND their own — stacking to a taller,
               looser row than the icon rows. Zero out the <li> here and let
               the link alone control the row's height, matching the rows
               above; also drop the font-size one notch to match their scale. */
            .app-header-main-mobile-list-item:has(.app-header-main-mobile-list-item-link):not(.app-header-main-mobile-list-item-cta) {
                padding: 0 !important;
                display: block !important;
            }
            .app-header-main-mobile-list-item-link {
                padding: .875rem 1.25rem !important;
                font-size: .9375rem !important;
                line-height: 1.4 !important;
            }
            .app-header-main-mobile-list-item-text { padding: 0 !important; }
            /* A drill-down chevron pointing left/right reads as "this leaves
               the page"; a down chevron reads as "this expands in place",
               which matches what actually happens here. */
            .app-header-main-mobile-list-item-chevron { flex-shrink: 0; }
            /* Turn the login/register item into an actual CTA button instead
               of a plain text link, so it's the fastest thing to tap. */
            .app-header-main-mobile-list-item-cta {
                padding: .75rem 1.25rem !important;
                border-bottom: none !important;
            }
            .app-header-main-mobile-list-item-link-button {
                padding: .625rem 1rem !important;
                background: var(--primary, #fec600);
                color: #08111b !important;
                font-weight: 700 !important;
                border-radius: .625rem;
                text-align: center !important;
            }