@layer ddsweb-large-atoms {
  @layer ddsweb-rating {
    .gmxt8a_container {
      justify-content: center;
      gap: var(--dds-sizing-size-8);
      grid-auto-flow: column;
      height: 38px;
      display: grid;
    }

    .gmxt8a_nonInteractive {
      align-items: center;
      gap: var(--dds-spacing-space-4);
      grid-auto-flow: column;
      display: inline-grid;
    }

    .gmxt8a_fieldset {
      --dds-web-rating-unselected-color: var(--dds-interaction-colour-interactive-inverse);
      --dds-web-rating-selected-color: var(--dds-interaction-colour-interactive-default);
      border: none;
      margin: 0;
      padding: 0;
      display: inline-block;
    }

    .gmxt8a_legend {
      padding: 0;
      padding-bottom: var(--dds-spacing-space-16);
      margin: 0;
    }

    .gmxt8a_svg {
      position: absolute;
      top: -9px;
      left: -9px;
    }

    .gmxt8a_svg .icon-focus-effect {
      display: none;
    }

    .gmxt8a_label {
      width: var(--dds-sizing-size-36);
      height: var(--dds-sizing-size-36);
      flex-flow: row;
      align-items: stretch;
      display: flex;
      position: relative;
    }

    .gmxt8a_label:hover .gmxt8a_svg .icon-focus-effect {
      display: unset;
    }

    .gmxt8a_label .gmxt8a_isActive .icon-main-star {
      fill: var(--dds-web-rating-selected-color);
    }

    .gmxt8a_container:hover .gmxt8a_svg .icon-main-star {
      fill: var(--dds-web-rating-selected-color);
      cursor: pointer;
    }

    .gmxt8a_label:hover ~ .gmxt8a_label .gmxt8a_svg .icon-main-star {
      fill: var(--dds-web-rating-unselected-color);
    }

    .gmxt8a_inputFocusEffect:focus-visible + .gmxt8a_label .gmxt8a_svg .icon-focus-effect {
      display: unset;
    }

    .gmxt8a_hint {
      margin-left: var(--dds-spacing-space-8);
    }

    .gmxt8a_hintLabel {
      margin-top: var(--dds-spacing-space-8);
    }
  }
}


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