import { css } from "lit";
const compentStyle = css`
          * {
            -webkit-tap-highlight-color: transparent;
          }

.obc-radio-button {
  user-select: none;

  /** styles when not in elevated card */
}

:is(.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button) input,input.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button)) {
            border-color: var(--indent-enabled-border-color);
            background-color: var(--indent-enabled-background-color);
            border-width: 1px;
            border-style: solid;
            cursor: pointer;
            --base-border-color: var(--indent-enabled-border-color);
            --base-background-color: var(--indent-enabled-background-color);
}

:is(.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button) input,input.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button)):focus {
            outline: none;
}

.activated:is(.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button) input,input.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button)) {
            border-color: var(--indent-activated-border-color);
            background-color: var(--indent-activated-background-color);
            --base-border-color: var(--indent-activated-border-color);
            --base-background-color: var(--indent-activated-background-color);
}

@media (hover:hover) {

:is(.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button) input,input.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button)):hover {
                        border-color: color-mix(in srgb, var(--indent-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
                        background-color: color-mix(in srgb, var(--indent-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
            }
}

:is(.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button) input,input.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button)):active {
            border-color: var(--indent-pressed-border-color);
            background-color: var(--indent-pressed-background-color);
}

:is(.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button) input,input.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button)):focus-visible {
            outline-color: var(--border-focus-color);
            outline-width: var(--global-size-spacing-border-weight-focusframe);
            outline-style: solid;
            border-color: var(--container-global-color);
            z-index: 1;
}

:is(.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button) input,input.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button)):disabled {
            border-color: var(--indent-disabled-border-color);
            background-color: var(--indent-disabled-background-color);
            cursor: not-allowed;
            color: var(--on-indent-disabled-color) !important;
}

.disabled:is(.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button) input,input.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button)) {
            border-color: var(--indent-disabled-border-color);
            background-color: var(--indent-disabled-background-color);
            cursor: not-allowed;
            color: var(--on-indent-disabled-color) !important;
}

:is(.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button) input,input.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button)),:is(.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button) input,input.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button)):hover,:is(.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button) input,input.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button)):focus,:is(.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button) input,input.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button)):active {
        border-color: var(--element-inactive-color);
      }

:is(.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button) input,input.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button)):checked {
            border-color: var(--selected-enabled-border-color);
            background-color: var(--selected-enabled-background-color);
            border-width: 1px;
            border-style: solid;
            cursor: pointer;
            --base-border-color: var(--selected-enabled-border-color);
            --base-background-color: var(--selected-enabled-background-color);
}

:is(.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button) input,input.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button)):checked:focus {
            outline: none;
}

.activated:is(.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button) input,input.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button)):checked {
            border-color: var(--selected-activated-border-color);
            background-color: var(--selected-activated-background-color);
            --base-border-color: var(--selected-activated-border-color);
            --base-background-color: var(--selected-activated-background-color);
}

@media (hover:hover) {

:is(.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button) input,input.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button)):checked:hover {
                        border-color: color-mix(in srgb, var(--selected-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
                        background-color: color-mix(in srgb, var(--selected-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
            }
}

:is(.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button) input,input.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button)):checked:active {
            border-color: var(--selected-pressed-border-color);
            background-color: var(--selected-pressed-background-color);
}

:is(.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button) input,input.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button)):checked:focus-visible {
            outline-color: var(--border-focus-color);
            outline-width: var(--global-size-spacing-border-weight-focusframe);
            outline-style: solid;
            border-color: var(--container-global-color);
            z-index: 1;
}

:is(.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button) input,input.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button)):checked:disabled {
            border-color: var(--selected-disabled-border-color);
            background-color: var(--selected-disabled-background-color);
            cursor: not-allowed;
            color: var(--on-selected-disabled-color) !important;
}

.disabled:is(.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button) input,input.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button)):checked {
            border-color: var(--selected-disabled-border-color);
            background-color: var(--selected-disabled-background-color);
            cursor: not-allowed;
            color: var(--on-selected-disabled-color) !important;
}

:is(.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button) input,input.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button)):checked:disabled {
            border-color: var(--selected-enabled-border-color);
            background-color: var(--selected-enabled-background-color);
            border-width: 1px;
            border-style: solid;
            --base-border-color: var(--selected-enabled-border-color);
            --base-background-color: var(--selected-enabled-background-color);
          background-color: var(--element-disabled-color);
          border-color: var(--element-disabled-color);
}

:is(.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button) input,input.obc-radio-button:not(obc-elevated-card-radio .obc-radio-button)):disabled {
            border-color: var(--indent-enabled-border-color);
            background-color: var(--indent-enabled-background-color);
            border-width: 1px;
            border-style: solid;
            --base-border-color: var(--indent-enabled-border-color);
            --base-background-color: var(--indent-enabled-background-color);
        cursor: not-allowed;
}

/** styles when not in elevated card, disables hover effects, as these are in the card */

:is(:is(obc-elevated-card-radio .obc-radio-button) input,input:is(obc-elevated-card-radio .obc-radio-button)) {
            border-color: var(--indent-enabled-border-color);
            background-color: var(--indent-enabled-background-color);
            border-width: 1px;
            border-style: solid;
            --base-border-color: var(--indent-enabled-border-color);
            --base-background-color: var(--indent-enabled-background-color);
}

:is(obc-elevated-card-radio .obc-radio-button) input,input:is(obc-elevated-card-radio .obc-radio-button) {
      cursor: pointer;
    }

:is(:is(obc-elevated-card-radio .obc-radio-button) input,input:is(obc-elevated-card-radio .obc-radio-button)),:is(:is(obc-elevated-card-radio .obc-radio-button) input,input:is(obc-elevated-card-radio .obc-radio-button)):hover,:is(:is(obc-elevated-card-radio .obc-radio-button) input,input:is(obc-elevated-card-radio .obc-radio-button)):focus,:is(:is(obc-elevated-card-radio .obc-radio-button) input,input:is(obc-elevated-card-radio .obc-radio-button)):active {
        border-color: var(--element-inactive-color);
      }

:is(:is(obc-elevated-card-radio .obc-radio-button) input,input:is(obc-elevated-card-radio .obc-radio-button)):checked {
            border-color: var(--selected-enabled-border-color);
            background-color: var(--selected-enabled-background-color);
            border-width: 1px;
            border-style: solid;
            --base-border-color: var(--selected-enabled-border-color);
            --base-background-color: var(--selected-enabled-background-color);
}

[disabled]:is(:is(obc-elevated-card-radio .obc-radio-button) input,input:is(obc-elevated-card-radio .obc-radio-button)) {
        cursor: not-allowed;
      }

input.obc-radio-button,.obc-radio-button input {
    box-sizing: border-box;
    appearance: none;
    width: var(--ui-components-radio-button-selection-size);
    height: var(--ui-components-radio-button-selection-size);
    margin: 0;
    border-radius: 100%;

    display: flex;
    justify-content: center;
    align-items: center;

    position: relative;
  }

:is(input.obc-radio-button,.obc-radio-button input):checked::before {
        display: block;
        position: absolute;
        content: "";
        width: var(--ui-components-radio-button-thumb-size);
        height: var(--ui-components-radio-button-thumb-size);
        background-color: var(--on-selected-active-color);
        border-radius: 100%;
      }

.has-label :is(input.obc-radio-button,.obc-radio-button input):focus-visible {
      outline: none;
    }

.obc-radio-button .label {
    padding: 0px var(--ui-components-radio-button-label-spacing);
  }

label.obc-radio-button {
    box-sizing: border-box;
  }

label.obc-radio-button {
            border-color: var(--flat-enabled-border-color);
            background-color: var(--flat-enabled-background-color);
            border-width: 1px;
            border-style: solid;
            cursor: pointer;
            --base-border-color: var(--flat-enabled-border-color);
            --base-background-color: var(--flat-enabled-background-color);
}

label.obc-radio-button:focus {
            outline: none;
}

label.obc-radio-button.activated {
            border-color: var(--flat-activated-border-color);
            background-color: var(--flat-activated-background-color);
            --base-border-color: var(--flat-activated-border-color);
            --base-background-color: var(--flat-activated-background-color);
}

@media (hover:hover) {

label.obc-radio-button:hover {
                        border-color: color-mix(in srgb, var(--flat-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
                        background-color: color-mix(in srgb, var(--flat-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
            }
}

label.obc-radio-button:active {
            border-color: var(--flat-pressed-border-color);
            background-color: var(--flat-pressed-background-color);
}

label.obc-radio-button:focus-visible {
            outline-color: var(--border-focus-color);
            outline-width: var(--global-size-spacing-border-weight-focusframe);
            outline-style: solid;
            border-color: var(--container-global-color);
            z-index: 1;
}

label.obc-radio-button:disabled {
            border-color: var(--flat-disabled-border-color);
            background-color: var(--flat-disabled-background-color);
            cursor: not-allowed;
            color: var(--on-flat-disabled-color) !important;
}

label.obc-radio-button.disabled {
            border-color: var(--flat-disabled-border-color);
            background-color: var(--flat-disabled-background-color);
            cursor: not-allowed;
            color: var(--on-flat-disabled-color) !important;
}

label.obc-radio-button {
    font-family: var(--font-family-main);
    font-weight: var(--global-typography-ui-body-font-weight);
    font-size: var(--global-typography-ui-body-font-size);
    line-height: var(--global-typography-ui-body-line-height);
    font-feature-settings:
    "liga" off,
    "clig" off,
    "ss04" on;
    color: var(--element-active-color);

    display: flex;
    width: 100%;
    height: var(--ui-components-radio-button-touch-target-size);
    padding: 0 var(--ui-components-radio-button-padding-horizontal);
    border-radius: var(--ui-components-radio-button-border-radius);

    align-items: center;
    flex-shrink: 0;
}

label.obc-radio-button:has(input:focus-visible) {
      outline-color: var(--border-focus-color);
      outline-width: var(--global-size-spacing-border-weight-focusframe);
      outline-style: solid;
    }

label.obc-radio-button.disabled,label.obc-radio-button.disabled:hover,label.obc-radio-button.disabled:focus,label.obc-radio-button.disabled:active {
      color: var(--element-disabled-color);
      cursor: not-allowed;
    }

label.obc-radio-button.disabled .label,label.obc-radio-button.disabled:hover .label,label.obc-radio-button.disabled:focus .label,label.obc-radio-button.disabled:active .label {
      color: var(--element-disabled-color);
    }

label.obc-radio-button:has(input:checked) {
      font-family: var(--font-family-main);
      font-weight: var(--font-weight-bold);
      font-size: var(--global-typography-ui-body-active-font-size);
      line-height: var(--global-typography-ui-body-active-line-height);
      font-feature-settings:
    "liga" off,
    "clig" off,
    "ss04" on;
    }

label.obc-radio-button[disabled],label.obc-radio-button[disabled]:hover,label.obc-radio-button[disabled]:focus,label.obc-radio-button[disabled]:active {
      color: var(--element-disabled-color);
      cursor: not-allowed;
    }

.wrapper {
  display: flex;
  flex-direction: column;
}

.wrapper.disabled {
    cursor: not-allowed;
    pointer-events: none;
  }

.wrapper.disabled obc-elevated-card-radio {
    opacity: 0.6;
  }

.wrapper.disabled .obc-elevated-card-radio__label {
    color: var(--element-disabled-color);
    cursor: not-allowed;
  }

.obc-elevated-card-radio__label {
  cursor: pointer;
  user-select: none;
}

.obc-elevated-card-radio:has(input[type="radio"]:checked) label {
  font-family: var(--font-family-main);
  font-weight: var(--font-weight-bold);
  font-size: var(--global-typography-ui-body-active-font-size);
  line-height: var(--global-typography-ui-body-active-line-height);
  font-feature-settings:
    "liga" off,
    "clig" off,
    "ss04" on;
}
`;
export {
  compentStyle as default
};
//# sourceMappingURL=elevated-card-radio-group.css.js.map
