/* src/components/src/components/index.module.css */
@layer ddsweb-large-atoms {
  @layer ddsweb-rating {
    ._5Hmf9W_container {
      grid-auto-flow: column;
      justify-content: center;
      gap: 8px;
      height: 38px;
      display: grid;
    }
    ._5Hmf9W_nonInteractive {
      align-items: center;
      gap: var(--ddsweb-theme-spacing-xx);
      grid-auto-flow: column;
      display: inline-grid;
    }
    ._5Hmf9W_fieldset {
      --dds-web-rating-unselected-color: var(--ddsweb-theme-colors-white, #fff);
      --dds-web-rating-selected-color: var(--ddsweb-theme-colors-tesco-blue, #00539f);
      border: none;
      margin: 0;
      padding: 0;
      display: inline-block;
    }
    ._5Hmf9W_legend {
      padding: 0 0 var(--ddsweb-theme-spacing-md) 0;
      margin: 0;
    }
    ._5Hmf9W_svg {
      position: absolute;
      top: -9px;
      left: -9px;
    }
    ._5Hmf9W_svg .icon-focus-effect {
      display: none;
    }
    ._5Hmf9W_label {
      flex-flow: row;
      align-items: stretch;
      width: 36px;
      height: 36px;
      display: flex;
      position: relative;
    }
    ._5Hmf9W_label:hover ._5Hmf9W_svg .icon-focus-effect {
      display: unset;
    }
    ._5Hmf9W_label ._5Hmf9W_isActive .icon-main-star {
      fill: var(--dds-web-rating-selected-color);
    }
    ._5Hmf9W_container:hover ._5Hmf9W_svg .icon-main-star {
      fill: var(--dds-web-rating-selected-color);
      cursor: pointer;
    }
    ._5Hmf9W_label:hover ~ ._5Hmf9W_label ._5Hmf9W_svg .icon-main-star {
      fill: var(--dds-web-rating-unselected-color);
    }
    ._5Hmf9W_inputFocusEffect:focus-visible + ._5Hmf9W_label ._5Hmf9W_svg .icon-focus-effect {
      display: unset;
    }
    ._5Hmf9W_hint {
      margin-left: var(--ddsweb-theme-spacing-xs);
    }
    ._5Hmf9W_hintLabel {
      margin-top: var(--ddsweb-theme-spacing-xs);
    }
  }
}


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