.supi-m-hg {
  margin: 15px !important; }

.supi-mt-hg,
.supi-my-hg {
  margin-top: 15px !important; }

.supi-mr-hg,
.supi-mx-hg {
  margin-right: 15px !important; }

.supi-mb-hg,
.supi-my-hg {
  margin-bottom: 15px !important; }

.supi-ml-hg,
.supi-mx-hg {
  margin-left: 15px !important; }

.supi-m-fg {
  margin: 30px !important; }

.supi-mt-fg,
.supi-my-fg {
  margin-top: 30px !important; }

.supi-mr-fg,
.supi-mx-fg {
  margin-right: 30px !important; }

.supi-mb-fg,
.supi-my-fg {
  margin-bottom: 30px !important; }

.supi-ml-fg,
.supi-mx-fg {
  margin-left: 30px !important; }

.supi-p-hg {
  padding: 15px !important; }

.supi-pt-hg,
.supi-py-hg {
  padding-top: 15px !important; }

.supi-pr-hg,
.supi-px-hg {
  padding-right: 15px !important; }

.supi-pb-hg,
.supi-py-hg {
  padding-bottom: 15px !important; }

.supi-pl-hg,
.supi-px-hg {
  padding-left: 15px !important; }

.supi-p-fg {
  padding: 30px !important; }

.supi-pt-fg,
.supi-py-fg {
  padding-top: 30px !important; }

.supi-pr-fg,
.supi-px-fg {
  padding-right: 30px !important; }

.supi-pb-fg,
.supi-py-fg {
  padding-bottom: 30px !important; }

.supi-pl-fg,
.supi-px-fg {
  padding-left: 30px !important; }

.supi-m-nhg {
  margin: -15px !important; }

.supi-mt-nhg,
.supi-my-nhg {
  margin-top: -15px !important; }

.supi-mr-nhg,
.supi-mx-nhg {
  margin-right: -15px !important; }

.supi-mb-nhg,
.supi-my-nhg {
  margin-bottom: -15px !important; }

.supi-ml-nhg,
.supi-mx-nhg {
  margin-left: -15px !important; }

.supi-m-nfg {
  margin: -30px !important; }

.supi-mt-nfg,
.supi-my-nfg {
  margin-top: -30px !important; }

.supi-mr-nfg,
.supi-mx-nfg {
  margin-right: -30px !important; }

.supi-mb-nfg,
.supi-my-nfg {
  margin-bottom: -30px !important; }

.supi-ml-nfg,
.supi-mx-nfg {
  margin-left: -30px !important; }

.supi-m-auto {
  margin: auto !important; }

.supi-mt-auto,
.supi-my-auto {
  margin-top: auto !important; }

.supi-mr-auto,
.supi-mx-auto {
  margin-right: auto !important; }

.supi-mb-auto,
.supi-my-auto {
  margin-bottom: auto !important; }

.supi-ml-auto,
.supi-mx-auto {
  margin-left: auto !important; }

@media (min-width: 800px) {
  .supi-m-md-hg {
    margin: 15px !important; }
  .supi-mt-md-hg,
  .supi-my-md-hg {
    margin-top: 15px !important; }
  .supi-mr-md-hg,
  .supi-mx-md-hg {
    margin-right: 15px !important; }
  .supi-mb-md-hg,
  .supi-my-md-hg {
    margin-bottom: 15px !important; }
  .supi-ml-md-hg,
  .supi-mx-md-hg {
    margin-left: 15px !important; }
  .supi-m-md-fg {
    margin: 30px !important; }
  .supi-mt-md-fg,
  .supi-my-md-fg {
    margin-top: 30px !important; }
  .supi-mr-md-fg,
  .supi-mx-md-fg {
    margin-right: 30px !important; }
  .supi-mb-md-fg,
  .supi-my-md-fg {
    margin-bottom: 30px !important; }
  .supi-ml-md-fg,
  .supi-mx-md-fg {
    margin-left: 30px !important; }
  .supi-p-md-hg {
    padding: 15px !important; }
  .supi-pt-md-hg,
  .supi-py-md-hg {
    padding-top: 15px !important; }
  .supi-pr-md-hg,
  .supi-px-md-hg {
    padding-right: 15px !important; }
  .supi-pb-md-hg,
  .supi-py-md-hg {
    padding-bottom: 15px !important; }
  .supi-pl-md-hg,
  .supi-px-md-hg {
    padding-left: 15px !important; }
  .supi-p-md-fg {
    padding: 30px !important; }
  .supi-pt-md-fg,
  .supi-py-md-fg {
    padding-top: 30px !important; }
  .supi-pr-md-fg,
  .supi-px-md-fg {
    padding-right: 30px !important; }
  .supi-pb-md-fg,
  .supi-py-md-fg {
    padding-bottom: 30px !important; }
  .supi-pl-md-fg,
  .supi-px-md-fg {
    padding-left: 30px !important; }
  .supi-m-md-nhg {
    margin: -15px !important; }
  .supi-mt-md-nhg,
  .supi-my-md-nhg {
    margin-top: -15px !important; }
  .supi-mr-md-nhg,
  .supi-mx-md-nhg {
    margin-right: -15px !important; }
  .supi-mb-md-nhg,
  .supi-my-md-nhg {
    margin-bottom: -15px !important; }
  .supi-ml-md-nhg,
  .supi-mx-md-nhg {
    margin-left: -15px !important; }
  .supi-m-md-nfg {
    margin: -30px !important; }
  .supi-mt-md-nfg,
  .supi-my-md-nfg {
    margin-top: -30px !important; }
  .supi-mr-md-nfg,
  .supi-mx-md-nfg {
    margin-right: -30px !important; }
  .supi-mb-md-nfg,
  .supi-my-md-nfg {
    margin-bottom: -30px !important; }
  .supi-ml-md-nfg,
  .supi-mx-md-nfg {
    margin-left: -30px !important; }
  .supi-m-md-auto {
    margin: auto !important; }
  .supi-mt-md-auto,
  .supi-my-md-auto {
    margin-top: auto !important; }
  .supi-mr-md-auto,
  .supi-mx-md-auto {
    margin-right: auto !important; }
  .supi-mb-md-auto,
  .supi-my-md-auto {
    margin-bottom: auto !important; }
  .supi-ml-md-auto,
  .supi-mx-md-auto {
    margin-left: auto !important; } }

:root {
  --supi-position-bottom: 0;
  --supi-position-left: 0;
  --supi-position-width: 100%;
  --supi-color-keyhole: #198754;
  --supi-color-background: #fff;
  --supi-color-primary: #000;
  --supi-color-secondary: #ccc;
  --supi-color-individual: #198754;
  --supi-color-individual-background: #fff;
  --supi-color-allow: #fff;
  --supi-color-allow-background: #198754;
  --supi-color-dismiss: #000;
  --supi-color-dismiss-background: red;
  --supi-color-choose: #000;
  --supi-color-choose-invert: #ccc;
  --supi-color-button-bar: #efefef;
  --supi-color-button-color: #fff;
  --supi-padding: 15px;
  --supi-margin: 15px;
  --supi-font-base-size: 16px;
  --supi-font-size: 1em;
  --supi-font-size-head: 1.5em;
  --supi-color-underline: #6C757D;
  --supi-banner-border: 1px solid #000;
  --supi-banner-box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
  --supi-button-wrap-bgcolor: #efefef;
  --supi-button-wrap-padding: 15px;
  --supi-transform-value: calc(100% + 30px); }
  @media (min-width: 800px) {
    :root {
      --supi-position-bottom: 15px;
      --supi-position-left: 15px;
      --supi-position-width: 40%; } }

.tx-supi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-height: 100%; }
  .tx-supi__overlay {
    overflow: hidden; }
  .tx-supi__button {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .tx-supi__button-wrap {
      background: #efefef;
      background: var(--supi-button-wrap-bgcolor);
      padding: 15px;
      padding: var(--supi-button-wrap-padding); }
  .tx-supi__pane-hidden {
    display: none; }
  .tx-supi.position {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: fixed;
    z-index: 999999;
    background-color: #fff;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    font-size: 16px;
    font-size: var(--supi-font-base-size); }
    .tx-supi.position-bottom-fullwidth {
      bottom: 0;
      max-width: none;
      width: 100%; }
    .tx-supi.position-bottom-left {
      bottom: 0;
      bottom: var(--supi-position-bottom);
      left: 0;
      left: var(--supi-position-left);
      width: 100%; }
      @media (min-width: 800px) {
        .tx-supi.position-bottom-left {
          bottom: 15px;
          bottom: var(--supi-position-bottom);
          left: 15px;
          left: var(--supi-position-left);
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1;
          -ms-flex-negative: 1;
              flex-shrink: 1;
          -ms-flex-preferred-size: 40%;
              flex-basis: 40%;
          -ms-flex-preferred-size: var(--supi-position-width);
              flex-basis: var(--supi-position-width);
          max-width: 40%;
          max-width: var(--supi-position-width); } }
    .tx-supi.position.hide {
      -webkit-transform: translateY(100%);
          -ms-transform: translateY(100%);
              transform: translateY(100%);
      -webkit-transform: translateY(var(--supi-transform-value));
          -ms-transform: translateY(var(--supi-transform-value));
              transform: translateY(var(--supi-transform-value)); }
    .tx-supi.position.hide .hide,
    .tx-supi.position .hide {
      -webkit-transform: none;
          -ms-transform: none;
              transform: none;
      display: none; }
  .tx-supi.theme {
    background-color: #fff;
    background-color: var(--supi-color-background);
    color: #000;
    color: var(--supi-color-primary); }
    .tx-supi.theme-default {
      border-top: 1px solid #000;
      border-top: var(--supi-banner-border);
      max-width: 800px;
      width: 100%;
      overflow-y: auto;
      -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
              box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
      -webkit-box-shadow: var(--supi-banner-box-shadow);
              box-shadow: var(--supi-banner-box-shadow);
      font-size: 1em;
      font-size: var(--supi-font-size);
      line-height: 1.5; }
      @media (min-width: 800px) {
        .tx-supi.theme-default {
          border: 1px solid #000;
          border: var(--supi-banner-border); } }
      .tx-supi.theme-default #supi__description, .tx-supi.theme-default .elements {
        padding: 15px;
        padding: var(--supi-padding); }
      .tx-supi.theme-default h3, .tx-supi.theme-default .tx-supi__link-button {
        color: inherit; }
      .tx-supi.theme-default h3 {
        font-size: 1.5em;
        font-size: var(--supi-font-size-head);
        line-height: inherit;
        margin: 0 0 .5em 0; }
      .tx-supi.theme-default p {
        margin: 0; }
      .tx-supi.theme-default a,
      .tx-supi.theme-default .tx-supi__link-button {
        background: transparent;
        padding: 0;
        display: inline-block;
        color: #000;
        color: var(--supi-color-primary);
        text-decoration: underline;
        vertical-align: bottom;
        text-align: left; }
        .tx-supi.theme-default a:after,
        .tx-supi.theme-default .tx-supi__link-button:after {
          display: none; }
      .tx-supi.theme-default .tx-supi__link-button[aria-expanded] {
        text-decoration: none; }
      .tx-supi.theme-default .supi-element__label {
        display: block;
        font-weight: bold; }
      .tx-supi.theme-default .tx-supi__buttongroup ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        list-style: none;
        padding: 0;
        margin: 0; }
        @media (min-width: 800px) {
          .tx-supi.theme-default .tx-supi__buttongroup ul {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between; } }
        .tx-supi.theme-default .tx-supi__buttongroup ul li {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; }
          .tx-supi.theme-default .tx-supi__buttongroup ul li + li {
            margin-top: 15px; }
            @media (min-width: 800px) {
              .tx-supi.theme-default .tx-supi__buttongroup ul li + li {
                margin-top: 0; } }
          .tx-supi.theme-default .tx-supi__buttongroup ul li button {
            -webkit-box-flex: 1;
                -ms-flex: auto;
                    flex: auto;
            text-decoration: none; }
  .tx-supi button {
    border: none;
    line-height: 1.3;
    color: var(--supi-color-button-color);
    text-decoration: none;
    text-align: center;
    font-family: inherit;
    font-weight: normal;
    padding: 15px; }
    .tx-supi button:after, .tx-supi button:before {
      display: none; }
    .tx-supi button#supi__individualSwitchTo {
      border: 2px solid #198754;
      border: 2px solid var(--supi-color-individual);
      background: #fff;
      background: var(--supi-color-individual-background);
      color: #000;
      color: var(--supi-color-primary); }
    .tx-supi button.tx-supi__allow {
      background: #198754;
      background: var(--supi-color-allow-background);
      color: #fff;
      color: var(--supi-color-allow); }
    .tx-supi button#supi__dismiss {
      background: red;
      background: var(--supi-color-dismiss-background);
      color: #000;
      color: var(--supi-color-dismiss); }
    .tx-supi button#supi__choose, .tx-supi button#supi__save {
      background: #000;
      background: var(--supi-color-choose);
      color: #ccc;
      color: var(--supi-color-choose-invert);
      display: inline-block;
      padding-left: 15px;
      padding-left: var(--supi-padding);
      padding-right: 15px;
      padding-right: var(--supi-padding); }
  .tx-supi-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.9);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    z-index: 999999;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
    @media (min-width: 800px) {
      .tx-supi-overlay {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; } }
    .tx-supi-overlay.hide {
      display: none; }
  .tx-supi__block {
    overflow-x: hidden; }
    .tx-supi__block .tx-supi__block-header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .tx-supi__block .tx-supi__block-header > .tx-supi__link-button {
        font-weight: bold;
        position: relative;
        padding-left: 15px;
        text-decoration: none; }
        .tx-supi__block .tx-supi__block-header > .tx-supi__link-button:before {
          content: "";
          width: 7px;
          height: 7px;
          border-left: 2px solid #000;
          border-top: 2px solid #000;
          position: absolute;
          top: 10px;
          left: 0;
          -webkit-transform: rotate(135deg);
              -ms-transform: rotate(135deg);
                  transform: rotate(135deg);
          -webkit-transition: -webkit-transform .2s ease-in-out;
          transition: -webkit-transform .2s ease-in-out;
          -o-transition: transform .2s ease-in-out;
          transition: transform .2s ease-in-out;
          transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
          display: block; }
        .tx-supi__block .tx-supi__block-header > .tx-supi__link-button.tx-supi__pane-active:before {
          top: 9px;
          -webkit-transform: rotate(225deg);
              -ms-transform: rotate(225deg);
                  transform: rotate(225deg); }
    .tx-supi__block ul {
      list-style: none;
      padding: 0;
      margin-bottom: 30px; }
    .tx-supi__block-item > div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; }
      .tx-supi__block-item > div small {
        opacity: .7; }
    .tx-supi__block-item__text {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      width: 100%;
      padding-left: 15px; }
      .tx-supi__block-item__text-toggle {
        position: relative; }
        .tx-supi__block-item__text-toggle:before {
          content: "";
          width: 7px;
          height: 7px;
          border-left: 2px solid #000;
          border-top: 2px solid #000;
          position: absolute;
          top: 7px;
          left: -13px;
          -webkit-transform: rotate(135deg);
              -ms-transform: rotate(135deg);
                  transform: rotate(135deg);
          -webkit-transition: -webkit-transform .2s ease-in-out;
          transition: -webkit-transform .2s ease-in-out;
          -o-transition: transform .2s ease-in-out;
          transition: transform .2s ease-in-out;
          transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
          display: block; }
        .tx-supi__block-item__text-toggle.open:before {
          -webkit-transform: rotate(225deg);
              -ms-transform: rotate(225deg);
                  transform: rotate(225deg); }
    .tx-supi__block-item__header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    .tx-supi__block-item__table {
      width: 100%;
      height: 0;
      overflow: hidden;
      -webkit-transition: -webkit-transform .2s ease-in-out;
      transition: -webkit-transform .2s ease-in-out;
      -o-transition: transform .2s ease-in-out;
      transition: transform .2s ease-in-out;
      transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
      padding-top: 15px; }
      .tx-supi__block-item__table > * tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
        @media (min-width: 800px) {
          .tx-supi__block-item__table > * tr {
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap; } }
      .tx-supi__block-item__table > * th {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        padding: 4px 16px 4px 0; }
        @media (min-width: 800px) {
          .tx-supi__block-item__table > * th {
            -webkit-box-flex: 0;
                -ms-flex: 0 0 138px;
                    flex: 0 0 138px; } }
      .tx-supi__block-item__table > * td {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        padding: 4px 8px 4px 0; }
      .tx-supi__block-item__table > * + * {
        margin-top: 15px; }
      .tx-supi__block-item__table:not([hidden]) {
        height: auto;
        overflow: visible; }
      .tx-supi__block-item__table-overview {
        width: 100%; }
      .tx-supi__block-item__table-cookie {
        width: 100%;
        background: #F8F9FA;
        -webkit-box-shadow: 0px 0px 2px #00000040;
                box-shadow: 0px 0px 2px #00000040; }
        .tx-supi__block-item__table-cookie th {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 100%;
                  flex: 0 0 100%; }
          @media (min-width: 800px) {
            .tx-supi__block-item__table-cookie th {
              -webkit-box-flex: 0;
                  -ms-flex: 0 0 130px;
                      flex: 0 0 130px; } }
        .tx-supi__block-item__table-cookie th, .tx-supi__block-item__table-cookie td {
          padding: 4px 8px; }
  .tx-supi .supi-checkbox {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .tx-supi .supi-checkbox input {
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      position: absolute; }
      .tx-supi .supi-checkbox input:checked + label {
        background: #198754;
        -webkit-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 2px #198754;
                box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 2px #198754; }
        .tx-supi .supi-checkbox input:checked + label:before {
          -webkit-transform: translateX(20px);
              -ms-transform: translateX(20px);
                  transform: translateX(20px);
          -webkit-box-shadow: 1px 1px rgba(0, 0, 0, 0.2), 0 0 0 2px #198754;
                  box-shadow: 1px 1px rgba(0, 0, 0, 0.2), 0 0 0 2px #198754; }
      .tx-supi .supi-checkbox input:checked + label svg {
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        -webkit-transition: .1s ease-in-out;
        -o-transition: .1s ease-in-out;
        transition: .1s ease-in-out; }
      .tx-supi .supi-checkbox input:disabled + label {
        opacity: .6; }
      .tx-supi .supi-checkbox input:disabled + label svg {
        opacity: 1; }
    .tx-supi .supi-checkbox label {
      display: inline-block;
      position: relative;
      cursor: pointer;
      width: 40px;
      height: 20px;
      border-radius: 20px;
      background: #f8f8f8;
      -webkit-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 2px #ddd;
              box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 2px #ddd;
      -webkit-transition: .1s ease-in-out;
      -o-transition: .1s ease-in-out;
      transition: .1s ease-in-out;
      margin: 0;
      color: #198754;
      color: var(--supi-color-keyhole); }
      .tx-supi .supi-checkbox label:before {
        content: '';
        position: absolute;
        width: 20px;
        height: 20px;
        border-radius: 100%;
        background: #fff;
        -webkit-box-shadow: 1px 1px rgba(0, 0, 0, 0.2), 0 0 0 2px #ddd;
                box-shadow: 1px 1px rgba(0, 0, 0, 0.2), 0 0 0 2px #ddd;
        -webkit-transition: .1s ease-in-out;
        -o-transition: .1s ease-in-out;
        transition: .1s ease-in-out; }
    .tx-supi .supi-checkbox svg {
      position: absolute;
      display: block;
      opacity: 0;
      top: 50%;
      right: 4px;
      -webkit-transform: translate(-400%, -50%);
          -ms-transform: translate(-400%, -50%);
              transform: translate(-400%, -50%);
      -webkit-transition: .1s ease-in-out;
      -o-transition: .1s ease-in-out;
      transition: .1s ease-in-out; }
  .tx-supi [data-toggle] {
    cursor: pointer; }

.tx-supi__youtube {
  position: relative; }
  .tx-supi__youtube-text {
    position: absolute;
    top: 30%;
    text-align: center;
    margin: 0 40px;
    padding: 40px 12px;
    width: 100%;
    background: rgba(255, 255, 255, 0.7); }

.tx_supi__map-content {
  display: none; }

.active .tx_supi__map-content {
  display: block; }

.active .tx_supi__map-text {
  display: none; }

input[id^="supi"] {
  outline: none; }

.js-focus-visible input[id^="supi"] {
  outline: none; }

.tx-supi a:focus-visible,
.tx-supi button:focus-visible, .tx-supi__link-button:focus-visible {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline-offset: 0;
  overflow: hidden;
  outline: #000 solid 3px;
  outline: var(--supi-color-primary) solid 3px;
  -webkit-transition: none;
  -o-transition: none;
  transition: none; }

.tx-supi a.focus-visible,
.tx-supi button.focus-visible, .tx-supi__link-button.focus-visible {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline-offset: 0;
  overflow: hidden;
  outline: #000 solid 3px;
  outline: var(--supi-color-primary) solid 3px;
  -webkit-transition: none;
  -o-transition: none;
  transition: none; }

.tx-supi__link-button[aria-expanded] {
  position: relative;
  font-size: 16px; }
  .tx-supi__link-button[aria-expanded]:before {
    content: "";
    width: 8px;
    height: 8px;
    border-left: 2px solid #000;
    border-top: 2px solid #000;
    position: absolute;
    top: 6px;
    left: -17px;
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg);
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    -o-transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
    display: block; }

.tx-supi__link-button[aria-expanded=true]:before {
  -webkit-transform: rotate(225deg);
      -ms-transform: rotate(225deg);
          transform: rotate(225deg); }

.tx-supi input[id^=supi]:focus-visible + label {
  outline-offset: 3px;
  overflow: hidden;
  outline: #000 solid 3px;
  outline: var(--supi-color-primary) solid 3px;
  -webkit-transition: none;
  -o-transition: none;
  transition: none; }

.tx-supi input[id^=supi].focus-visible + label {
  outline-offset: 3px;
  overflow: hidden;
  outline: #000 solid 3px;
  outline: var(--supi-color-primary) solid 3px;
  -webkit-transition: none;
  -o-transition: none;
  transition: none; }

.tx-supi button:focus-visible {
  outline-offset: -3px; }

.tx-supi button.focus-visible {
  outline-offset: -3px; }

.tx-supi button.tx-supi__link-button:focus-visible {
  outline-offset: 0; }

.tx-supi button.tx-supi__link-button.focus-visible {
  outline-offset: 0; }

.tx-supi #supi__choose:focus-visible {
  outline-offset: 3px; }

.tx-supi #supi__choose.focus-visible {
  outline-offset: 3px; }

.tx-supi__label {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.3;
  margin-bottom: 5px; }

.tx-supi__underline {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #6C757D;
  border-bottom-color: var(--supi-color-underline); }

/*# sourceMappingURL=Supi.css.map */