@fundamental-styles/common-css 0.0.1-rc.0 → 0.24.0-rc.102

package/dist/semantic/semantic-elements-sap_fiori_3_hcb.css

@@ -1,1489 +0,0 @@
-/*!
- * Fundamental Library Styles v0.18.1-rc.8
- * Copyright (c) 2021 SAP SE or an SAP affiliate company.
- * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
- */
-@charset "UTF-8";
-button {
-  height: 2.25rem;
-  max-height: 2.25rem;
-  min-width: 2.25rem;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  position: relative;
-  padding-left: calc(.625rem - .0625rem);
-  padding-left: calc(.625rem - var(--sapButton_BorderWidth,.0625rem));
-  padding-right: calc(.625rem - .0625rem);
-  padding-right: calc(.625rem - var(--sapButton_BorderWidth,.0625rem));
-  line-height: 1rem;
-  text-align: center;
-  text-shadow: 0 0 .125rem #000;
-  text-shadow: var(--fdButton_Text_Shadow,0 0 .125rem #000);
-  border-style: solid;
-  border-width: .0625rem;
-  border-width: var(--sapButton_BorderWidth,.0625rem);
-  color: #fff;
-  color: var(--sapButton_TextColor,#fff);
-  border-color: #fff;
-  border-color: var(--sapButton_BorderColor,#fff);
-  background-color: #000;
-  background-color: var(--sapButton_Background,#000)
-}
-button::before {
-  content: '';
-  display: block;
-  position: absolute;
-  height: auto;
-  width: 100%;
-  top: -.25rem;
-  bottom: -.25rem;
-  left: 0;
-  right: 0
-}
-button.is-focus,
-button:focus {
-  z-index: 5;
-  outline: .125rem dotted #fff;
-  outline: var(--sapContent_FocusWidth,.125rem) dotted var(--sapContent_FocusColor,#fff);
-  outline-offset: -.1875rem
-}
-button.is-focus.fd-button--toggled,
-button:focus.fd-button--toggled {
-  outline-color: #fff;
-  outline-color: var(--sapContent_ContrastFocusColor,#fff)
-}
-button.is-hover,
-button:hover {
-  color: #fff;
-  color: var(--sapButton_Hover_TextColor,#fff);
-  border-color: #fff;
-  border-color: var(--sapButton_Hover_BorderColor,#fff);
-  background-color: #7a5100;
-  background-color: var(--sapButton_Hover_Background,#7a5100)
-}
-button.is-active,
-button:active {
-  color: #fff;
-  color: var(--sapButton_Selected_TextColor,#fff);
-  border-color: #fff;
-  border-color: var(--sapButton_BorderColor,#fff);
-  background-color: #7a5100;
-  background-color: var(--sapButton_Active_Background,#7a5100)
-}
-button.is-active.is-focus,
-button.is-active:focus,
-button:active.is-focus,
-button:active:focus {
-  z-index: 5;
-  outline-color: #fff;
-  outline-color: var(--sapContent_ContrastFocusColor,#fff)
-}
-button.is-disabled,
-button:disabled,
-button[aria-disabled=true] {
-  opacity: .4;
-  opacity: var(--sapContent_DisabledOpacity,.4);
-  cursor: not-allowed;
-  outline: 0;
-  -webkit-box-shadow: none;
-  box-shadow: none
-}
-button.is-disabled:focus,
-button:disabled:focus,
-button[aria-disabled=true]:focus {
-  outline: 0
-}
-/*!
-.fd-checkbox
-*/
-input[type=checkbox]:not(:only-child) {
-  position: absolute;
-  opacity: .0001
-}
-input[type=checkbox] {
-  font-size: .875rem;
-  font-size: var(--sapFontSize,.875rem);
-  line-height: 1.4;
-  line-height: var(--sapContent_LineHeight,1.4);
-  color: #fff;
-  color: var(--sapTextColor,#fff);
-  font-family: "72", "72full", Arial, Helvetica, sans-serif;
-  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
-  font-weight: 400;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  padding: 0;
-  margin: 0;
-  border: 0
-}
-input[type=checkbox]::after,
-input[type=checkbox]::before {
-  -webkit-box-sizing: inherit;
-  box-sizing: inherit;
-  font-size: inherit
-}
-input[type=checkbox] + label {
-  font-size: .875rem;
-  font-size: var(--sapFontSize,.875rem);
-  line-height: 1.4;
-  line-height: var(--sapContent_LineHeight,1.4);
-  color: #fff;
-  color: var(--sapTextColor,#fff);
-  font-family: "72", "72full", Arial, Helvetica, sans-serif;
-  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
-  font-weight: 400;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  padding: 0;
-  margin: 0;
-  border: 0;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  width: -webkit-fit-content;
-  width: -moz-fit-content;
-  width: fit-content;
-  position: relative;
-  max-width: 100%;
-  font-size: .875rem;
-  font-size: var(--sapFontSize,.875rem);
-  color: #fff;
-  color: var(--sapContent_LabelColor,#fff);
-  margin-right: .5rem;
-  cursor: text;
-  -ms-flex-item-align: start;
-  align-self: flex-start;
-  cursor: pointer;
-  line-height: 1rem;
-  padding: .6875rem;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center
-}
-input[type=checkbox] + label::after,
-input[type=checkbox] + label::before {
-  -webkit-box-sizing: inherit;
-  box-sizing: inherit;
-  font-size: inherit
-}
-[dir=rtl] input[type=checkbox] + label,
-input[type=checkbox] + label[dir=rtl] {
-  margin-left: .5rem;
-  margin-right: 0
-}
-input[type=checkbox] + label::before {
-  content: "";
-  height: 1.375rem;
-  width: 1.375rem;
-  min-width: 1.375rem;
-  font-size: 1rem;
-  font-size: var(--sapFontLargeSize,1rem);
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  font-family: SAP-icons;
-  background-color: #000;
-  background-color: var(--sapField_Background,#000);
-  color: #fff;
-  color: var(--fdCheckbox_Selected_Color,var(--sapTextColor,#fff));
-  border: .0625rem solid #fff;
-  border: var(--sapField_BorderWidth,.0625rem) solid var(--sapField_BorderColor,#fff);
-  border-radius: 0;
-  border-radius: var(--sapField_BorderCornerRadius,0)
-}
-input[type=checkbox] + label::after {
-  padding-left: .125rem;
-  position: relative
-}
-[dir=rtl] input[type=checkbox] + label::after,
-input[type=checkbox] + label[dir=rtl]::after {
-  padding-left: 0;
-  padding-right: .125rem
-}
-input[type=checkbox] + label.is-hover::before,
-input[type=checkbox] + label:hover::before {
-  background-color: #000;
-  background-color: var(--sapField_Hover_Background,#000);
-  border-color: #fff;
-  border-color: var(--sapField_Hover_BorderColor,#fff)
-}
-input[type=checkbox] + label:focus {
-  outline: 0
-}
-input[type=checkbox] + label.is-empty,
-input[type=checkbox] + label:empty {
-  padding: .6875rem;
-  margin: 0
-}
-input[type=checkbox] + label.is-empty::after,
-input[type=checkbox] + label.is-empty::before,
-input[type=checkbox] + label:empty::after,
-input[type=checkbox] + label:empty::before {
-  margin-right: 0;
-  margin-left: 0
-}
-input[type=checkbox]:checked + label::before {
-  content: "\e05b"
-}
-input[type=checkbox]:indeterminate + label::before {
-  content: "\e17b";
-  font-size: .75rem
-}
-input[type=checkbox].is-focus,
-input[type=checkbox]:focus {
-  z-index: 5
-}
-input[type=checkbox].is-focus + label,
-input[type=checkbox]:focus + label {
-  outline: .125rem dotted #fff;
-  outline: var(--sapContent_FocusWidth,.125rem) var(--sapContent_FocusStyle,dotted) var(--sapContent_FocusColor,#fff);
-  outline-offset: -.5625rem
-}
-input[type=checkbox].is-disabled,
-input[type=checkbox]:disabled,
-input[type=checkbox][aria-disabled=true] {
-  opacity: .0001
-}
-input[type=checkbox].is-disabled + label,
-input[type=checkbox]:disabled + label,
-input[type=checkbox][aria-disabled=true] + label {
-  pointer-events: none;
-  opacity: .4
-}
-input[type=email],
-input[type=number],
-input[type=password],
-input[type=text] {
-  font-size: .875rem;
-  font-size: var(--sapFontSize,.875rem);
-  line-height: 1.4;
-  line-height: var(--sapContent_LineHeight,1.4);
-  color: #fff;
-  color: var(--sapTextColor,#fff);
-  font-family: "72", "72full", Arial, Helvetica, sans-serif;
-  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
-  font-weight: 400;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  padding: 0;
-  margin: 0;
-  border: 0;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  color: #fff;
-  color: var(--sapField_TextColor,#fff);
-  background-color: #000;
-  background-color: var(--sapField_Background,#000);
-  border-style: solid;
-  border-width: .0625rem;
-  border-width: var(--sapField_BorderWidth,.0625rem);
-  border-color: #fff;
-  border-color: var(--sapField_BorderColor,#fff);
-  border-radius: 0;
-  border-radius: var(--sapField_BorderCornerRadius,0);
-  outline: 0;
-  appearance: none;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  padding-left: .75rem;
-  padding-right: .75rem;
-  min-width: 2.75rem;
-  width: 100%;
-  height: 2.25rem;
-  margin-top: .25rem;
-  margin-bottom: .25rem;
-  padding: 0 .625rem;
-  z-index: 1;
-  cursor: text;
-  overflow: hidden;
-  text-shadow: 0 0 .125rem #000;
-  text-shadow: var(--fdInput_Text_Shadow,0 0 .125rem #000)
-}
-input[type=email]::after,
-input[type=email]::before,
-input[type=number]::after,
-input[type=number]::before,
-input[type=password]::after,
-input[type=password]::before,
-input[type=text]::after,
-input[type=text]::before {
-  -webkit-box-sizing: inherit;
-  box-sizing: inherit;
-  font-size: inherit
-}
-input[type=email]::-webkit-input-placeholder,
-input[type=number]::-webkit-input-placeholder,
-input[type=password]::-webkit-input-placeholder,
-input[type=text]::-webkit-input-placeholder {
-  font-style: italic;
-  color: #999;
-  color: var(--sapField_PlaceholderTextColor,#999)
-}
-input[type=email]::-moz-placeholder,
-input[type=number]::-moz-placeholder,
-input[type=password]::-moz-placeholder,
-input[type=text]::-moz-placeholder {
-  font-style: italic;
-  color: #999;
-  color: var(--sapField_PlaceholderTextColor,#999)
-}
-input[type=email]:-ms-input-placeholder,
-input[type=number]:-ms-input-placeholder,
-input[type=password]:-ms-input-placeholder,
-input[type=text]:-ms-input-placeholder {
-  font-style: italic;
-  color: #999;
-  color: var(--sapField_PlaceholderTextColor,#999)
-}
-input[type=email]::-ms-input-placeholder,
-input[type=number]::-ms-input-placeholder,
-input[type=password]::-ms-input-placeholder,
-input[type=text]::-ms-input-placeholder {
-  font-style: italic;
-  color: #999;
-  color: var(--sapField_PlaceholderTextColor,#999)
-}
-input[type=email]::placeholder,
-input[type=number]::placeholder,
-input[type=password]::placeholder,
-input[type=text]::placeholder {
-  font-style: italic;
-  color: #999;
-  color: var(--sapField_PlaceholderTextColor,#999)
-}
-input[type=email]::-moz-selection,
-input[type=number]::-moz-selection,
-input[type=password]::-moz-selection,
-input[type=text]::-moz-selection {
-  color: #fff;
-  color: var(--sapContent_ContrastTextColor,#fff);
-  background-color: #0f5d94;
-  background-color: var(--sapSelectedColor,#0f5d94)
-}
-input[type=email]::selection,
-input[type=number]::selection,
-input[type=password]::selection,
-input[type=text]::selection {
-  color: #fff;
-  color: var(--sapContent_ContrastTextColor,#fff);
-  background-color: #0f5d94;
-  background-color: var(--sapSelectedColor,#0f5d94)
-}
-input[type=email].is-hover,
-input[type=email]:hover,
-input[type=number].is-hover,
-input[type=number]:hover,
-input[type=password].is-hover,
-input[type=password]:hover,
-input[type=text].is-hover,
-input[type=text]:hover {
-  background-color: #000;
-  background-color: var(--sapField_Hover_Background,#000);
-  border-color: #fff;
-  border-color: var(--sapField_Hover_BorderColor,#fff)
-}
-input[type=email].is-success,
-input[type=number].is-success,
-input[type=password].is-success,
-input[type=text].is-success {
-  background-color: #000;
-  background-color: var(--sapField_SuccessBackground,#000);
-  border-color: #fff;
-  border-color: var(--sapField_SuccessColor,#fff);
-  border-width: .0625rem
-}
-input[type=email].is-success.is-hover,
-input[type=email].is-success:hover,
-input[type=number].is-success.is-hover,
-input[type=number].is-success:hover,
-input[type=password].is-success.is-hover,
-input[type=password].is-success:hover,
-input[type=text].is-success.is-hover,
-input[type=text].is-success:hover {
-  background-color: #000;
-  background-color: var(--sapField_SuccessBackground,#000);
-  border-color: #fff;
-  border-color: var(--sapField_SuccessColor,#fff)
-}
-input[type=email].is-error,
-input[type=number].is-error,
-input[type=password].is-error,
-input[type=text].is-error {
-  background-color: #7a5100;
-  background-color: var(--sapField_InvalidBackground,#7a5100);
-  border-color: #fff;
-  border-color: var(--sapField_InvalidColor,#fff);
-  font-style: italic;
-  font-style: var(--fdInput_State_Text_Style,italic);
-  font-weight: bold;
-  font-weight: var(--fdInput_State_Font_Weight,bold)
-}
-input[type=email].is-error.is-hover,
-input[type=email].is-error:hover,
-input[type=number].is-error.is-hover,
-input[type=number].is-error:hover,
-input[type=password].is-error.is-hover,
-input[type=password].is-error:hover,
-input[type=text].is-error.is-hover,
-input[type=text].is-error:hover {
-  background-color: #7a5100;
-  background-color: var(--sapField_InvalidBackground,#7a5100);
-  border-color: #fff;
-  border-color: var(--sapField_InvalidColor,#fff)
-}
-input[type=email].is-alert,
-input[type=email].is-warning,
-input[type=number].is-alert,
-input[type=number].is-warning,
-input[type=password].is-alert,
-input[type=password].is-warning,
-input[type=text].is-alert,
-input[type=text].is-warning {
-  background-color: #000;
-  background-color: var(--sapField_WarningBackground,#000);
-  border-color: #fff;
-  border-color: var(--sapField_WarningColor,#fff);
-  font-style: italic;
-  font-style: var(--fdInput_State_Text_Style,italic);
-  font-weight: bold;
-  font-weight: var(--fdInput_State_Font_Weight,bold)
-}
-input[type=email].is-alert.is-hover,
-input[type=email].is-alert:hover,
-input[type=email].is-warning.is-hover,
-input[type=email].is-warning:hover,
-input[type=number].is-alert.is-hover,
-input[type=number].is-alert:hover,
-input[type=number].is-warning.is-hover,
-input[type=number].is-warning:hover,
-input[type=password].is-alert.is-hover,
-input[type=password].is-alert:hover,
-input[type=password].is-warning.is-hover,
-input[type=password].is-warning:hover,
-input[type=text].is-alert.is-hover,
-input[type=text].is-alert:hover,
-input[type=text].is-warning.is-hover,
-input[type=text].is-warning:hover {
-  background-color: #000;
-  background-color: var(--sapField_WarningBackground,#000);
-  border-color: #fff;
-  border-color: var(--sapField_WarningColor,#fff)
-}
-input[type=email].is-information,
-input[type=number].is-information,
-input[type=password].is-information,
-input[type=text].is-information {
-  background-color: #000;
-  background-color: var(--sapField_InformationBackground,#000);
-  border-color: #fff;
-  border-color: var(--sapField_InformationColor,#fff)
-}
-input[type=email].is-information.is-hover,
-input[type=email].is-information:hover,
-input[type=number].is-information.is-hover,
-input[type=number].is-information:hover,
-input[type=password].is-information.is-hover,
-input[type=password].is-information:hover,
-input[type=text].is-information.is-hover,
-input[type=text].is-information:hover {
-  background-color: #000;
-  background-color: var(--sapField_InformationBackground,#000);
-  border-color: #fff;
-  border-color: var(--sapField_InformationColor,#fff)
-}
-input[type=email].is-focus,
-input[type=email]:focus,
-input[type=number].is-focus,
-input[type=number]:focus,
-input[type=password].is-focus,
-input[type=password]:focus,
-input[type=text].is-focus,
-input[type=text]:focus {
-  z-index: 5;
-  -webkit-box-shadow: none;
-  box-shadow: none;
-  outline-offset: -.1875rem;
-  outline-width: .125rem;
-  outline-width: var(--sapContent_FocusWidth,.125rem);
-  outline-color: #fff;
-  outline-color: var(--sapContent_FocusColor,#fff);
-  outline-style: dotted;
-  outline-style: var(--sapContent_FocusStyle,dotted)
-}
-input[type=email].is-alert,
-input[type=email].is-error,
-input[type=email].is-information,
-input[type=email].is-warning,
-input[type=number].is-alert,
-input[type=number].is-error,
-input[type=number].is-information,
-input[type=number].is-warning,
-input[type=password].is-alert,
-input[type=password].is-error,
-input[type=password].is-information,
-input[type=password].is-warning,
-input[type=text].is-alert,
-input[type=text].is-error,
-input[type=text].is-information,
-input[type=text].is-warning {
-  border-width: .125rem;
-  border-style: dashed;
-  border-style: var(--fdInput_State_Border_Type,dashed)
-}
-input[type=email].is-alert.is-focus,
-input[type=email].is-alert:focus,
-input[type=email].is-error.is-focus,
-input[type=email].is-error:focus,
-input[type=email].is-information.is-focus,
-input[type=email].is-information:focus,
-input[type=email].is-warning.is-focus,
-input[type=email].is-warning:focus,
-input[type=number].is-alert.is-focus,
-input[type=number].is-alert:focus,
-input[type=number].is-error.is-focus,
-input[type=number].is-error:focus,
-input[type=number].is-information.is-focus,
-input[type=number].is-information:focus,
-input[type=number].is-warning.is-focus,
-input[type=number].is-warning:focus,
-input[type=password].is-alert.is-focus,
-input[type=password].is-alert:focus,
-input[type=password].is-error.is-focus,
-input[type=password].is-error:focus,
-input[type=password].is-information.is-focus,
-input[type=password].is-information:focus,
-input[type=password].is-warning.is-focus,
-input[type=password].is-warning:focus,
-input[type=text].is-alert.is-focus,
-input[type=text].is-alert:focus,
-input[type=text].is-error.is-focus,
-input[type=text].is-error:focus,
-input[type=text].is-information.is-focus,
-input[type=text].is-information:focus,
-input[type=text].is-warning.is-focus,
-input[type=text].is-warning:focus {
-  z-index: 5;
-  -webkit-box-shadow: none;
-  box-shadow: none;
-  outline-offset: -.25rem
-}
-input[type=email].is-disabled,
-input[type=email]:disabled,
-input[type=email][aria-disabled=true],
-input[type=number].is-disabled,
-input[type=number]:disabled,
-input[type=number][aria-disabled=true],
-input[type=password].is-disabled,
-input[type=password]:disabled,
-input[type=password][aria-disabled=true],
-input[type=text].is-disabled,
-input[type=text]:disabled,
-input[type=text][aria-disabled=true] {
-  pointer-events: none;
-  opacity: .4;
-  opacity: var(--sapContent_DisabledOpacity,.4)
-}
-input[type=email].is-disabled::-webkit-input-placeholder,
-input[type=email]:disabled::-webkit-input-placeholder,
-input[type=email][aria-disabled=true]::-webkit-input-placeholder,
-input[type=number].is-disabled::-webkit-input-placeholder,
-input[type=number]:disabled::-webkit-input-placeholder,
-input[type=number][aria-disabled=true]::-webkit-input-placeholder,
-input[type=password].is-disabled::-webkit-input-placeholder,
-input[type=password]:disabled::-webkit-input-placeholder,
-input[type=password][aria-disabled=true]::-webkit-input-placeholder,
-input[type=text].is-disabled::-webkit-input-placeholder,
-input[type=text]:disabled::-webkit-input-placeholder,
-input[type=text][aria-disabled=true]::-webkit-input-placeholder {
-  color: transparent
-}
-input[type=email].is-disabled::-moz-placeholder,
-input[type=email]:disabled::-moz-placeholder,
-input[type=email][aria-disabled=true]::-moz-placeholder,
-input[type=number].is-disabled::-moz-placeholder,
-input[type=number]:disabled::-moz-placeholder,
-input[type=number][aria-disabled=true]::-moz-placeholder,
-input[type=password].is-disabled::-moz-placeholder,
-input[type=password]:disabled::-moz-placeholder,
-input[type=password][aria-disabled=true]::-moz-placeholder,
-input[type=text].is-disabled::-moz-placeholder,
-input[type=text]:disabled::-moz-placeholder,
-input[type=text][aria-disabled=true]::-moz-placeholder {
-  color: transparent
-}
-input[type=email].is-disabled:-ms-input-placeholder,
-input[type=email]:disabled:-ms-input-placeholder,
-input[type=email][aria-disabled=true]:-ms-input-placeholder,
-input[type=number].is-disabled:-ms-input-placeholder,
-input[type=number]:disabled:-ms-input-placeholder,
-input[type=number][aria-disabled=true]:-ms-input-placeholder,
-input[type=password].is-disabled:-ms-input-placeholder,
-input[type=password]:disabled:-ms-input-placeholder,
-input[type=password][aria-disabled=true]:-ms-input-placeholder,
-input[type=text].is-disabled:-ms-input-placeholder,
-input[type=text]:disabled:-ms-input-placeholder,
-input[type=text][aria-disabled=true]:-ms-input-placeholder {
-  color: transparent
-}
-input[type=email].is-disabled::-ms-input-placeholder,
-input[type=email]:disabled::-ms-input-placeholder,
-input[type=email][aria-disabled=true]::-ms-input-placeholder,
-input[type=number].is-disabled::-ms-input-placeholder,
-input[type=number]:disabled::-ms-input-placeholder,
-input[type=number][aria-disabled=true]::-ms-input-placeholder,
-input[type=password].is-disabled::-ms-input-placeholder,
-input[type=password]:disabled::-ms-input-placeholder,
-input[type=password][aria-disabled=true]::-ms-input-placeholder,
-input[type=text].is-disabled::-ms-input-placeholder,
-input[type=text]:disabled::-ms-input-placeholder,
-input[type=text][aria-disabled=true]::-ms-input-placeholder {
-  color: transparent
-}
-input[type=email].is-disabled::placeholder,
-input[type=email]:disabled::placeholder,
-input[type=email][aria-disabled=true]::placeholder,
-input[type=number].is-disabled::placeholder,
-input[type=number]:disabled::placeholder,
-input[type=number][aria-disabled=true]::placeholder,
-input[type=password].is-disabled::placeholder,
-input[type=password]:disabled::placeholder,
-input[type=password][aria-disabled=true]::placeholder,
-input[type=text].is-disabled::placeholder,
-input[type=text]:disabled::placeholder,
-input[type=text][aria-disabled=true]::placeholder {
-  color: transparent
-}
-input[type=email].is-readonly,
-input[type=email][aria-readonly=true],
-input[type=email][readonly],
-input[type=number].is-readonly,
-input[type=number][aria-readonly=true],
-input[type=number][readonly],
-input[type=password].is-readonly,
-input[type=password][aria-readonly=true],
-input[type=password][readonly],
-input[type=text].is-readonly,
-input[type=text][aria-readonly=true],
-input[type=text][readonly] {
-  background-color: rgba(242,242,242,.5);
-  background-color: #585858;
-  background-color: var(--sapField_ReadOnly_Background,#585858);
-  border-color: #999;
-  border-color: var(--sapField_ReadOnly_BorderColor,#999)
-}
-input[type=email].is-readonly::-webkit-input-placeholder,
-input[type=email][aria-readonly=true]::-webkit-input-placeholder,
-input[type=email][readonly]::-webkit-input-placeholder,
-input[type=number].is-readonly::-webkit-input-placeholder,
-input[type=number][aria-readonly=true]::-webkit-input-placeholder,
-input[type=number][readonly]::-webkit-input-placeholder,
-input[type=password].is-readonly::-webkit-input-placeholder,
-input[type=password][aria-readonly=true]::-webkit-input-placeholder,
-input[type=password][readonly]::-webkit-input-placeholder,
-input[type=text].is-readonly::-webkit-input-placeholder,
-input[type=text][aria-readonly=true]::-webkit-input-placeholder,
-input[type=text][readonly]::-webkit-input-placeholder {
-  color: transparent
-}
-input[type=email].is-readonly::-moz-placeholder,
-input[type=email][aria-readonly=true]::-moz-placeholder,
-input[type=email][readonly]::-moz-placeholder,
-input[type=number].is-readonly::-moz-placeholder,
-input[type=number][aria-readonly=true]::-moz-placeholder,
-input[type=number][readonly]::-moz-placeholder,
-input[type=password].is-readonly::-moz-placeholder,
-input[type=password][aria-readonly=true]::-moz-placeholder,
-input[type=password][readonly]::-moz-placeholder,
-input[type=text].is-readonly::-moz-placeholder,
-input[type=text][aria-readonly=true]::-moz-placeholder,
-input[type=text][readonly]::-moz-placeholder {
-  color: transparent
-}
-input[type=email].is-readonly:-ms-input-placeholder,
-input[type=email][aria-readonly=true]:-ms-input-placeholder,
-input[type=email][readonly]:-ms-input-placeholder,
-input[type=number].is-readonly:-ms-input-placeholder,
-input[type=number][aria-readonly=true]:-ms-input-placeholder,
-input[type=number][readonly]:-ms-input-placeholder,
-input[type=password].is-readonly:-ms-input-placeholder,
-input[type=password][aria-readonly=true]:-ms-input-placeholder,
-input[type=password][readonly]:-ms-input-placeholder,
-input[type=text].is-readonly:-ms-input-placeholder,
-input[type=text][aria-readonly=true]:-ms-input-placeholder,
-input[type=text][readonly]:-ms-input-placeholder {
-  color: transparent
-}
-input[type=email].is-readonly::-ms-input-placeholder,
-input[type=email][aria-readonly=true]::-ms-input-placeholder,
-input[type=email][readonly]::-ms-input-placeholder,
-input[type=number].is-readonly::-ms-input-placeholder,
-input[type=number][aria-readonly=true]::-ms-input-placeholder,
-input[type=number][readonly]::-ms-input-placeholder,
-input[type=password].is-readonly::-ms-input-placeholder,
-input[type=password][aria-readonly=true]::-ms-input-placeholder,
-input[type=password][readonly]::-ms-input-placeholder,
-input[type=text].is-readonly::-ms-input-placeholder,
-input[type=text][aria-readonly=true]::-ms-input-placeholder,
-input[type=text][readonly]::-ms-input-placeholder {
-  color: transparent
-}
-input[type=email].is-readonly::placeholder,
-input[type=email][aria-readonly=true]::placeholder,
-input[type=email][readonly]::placeholder,
-input[type=number].is-readonly::placeholder,
-input[type=number][aria-readonly=true]::placeholder,
-input[type=number][readonly]::placeholder,
-input[type=password].is-readonly::placeholder,
-input[type=password][aria-readonly=true]::placeholder,
-input[type=password][readonly]::placeholder,
-input[type=text].is-readonly::placeholder,
-input[type=text][aria-readonly=true]::placeholder,
-input[type=text][readonly]::placeholder {
-  color: transparent
-}
-input[type=email]:last-child,
-input[type=number]:last-child,
-input[type=password]:last-child,
-input[type=text]:last-child {
-  margin-bottom: .25rem
-}
-input[type=email]::-ms-clear,
-input[type=number]::-ms-clear,
-input[type=password]::-ms-clear,
-input[type=text]::-ms-clear {
-  display: none
-}
-input[type=number] {
-  -moz-appearance: textfield
-}
-input[type=number]::-webkit-inner-spin-button,
-input[type=number]::-webkit-outer-spin-button {
-  -webkit-appearance: none;
-  margin: 0
-}
-textarea {
-  font-size: .875rem;
-  font-size: var(--sapFontSize,.875rem);
-  line-height: 1.4;
-  line-height: var(--sapContent_LineHeight,1.4);
-  color: #fff;
-  color: var(--sapTextColor,#fff);
-  font-family: "72", "72full", Arial, Helvetica, sans-serif;
-  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
-  font-weight: 400;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  padding: 0;
-  margin: 0;
-  border: 0;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  color: #fff;
-  color: var(--sapField_TextColor,#fff);
-  background-color: #000;
-  background-color: var(--sapField_Background,#000);
-  border-style: solid;
-  border-width: .0625rem;
-  border-width: var(--sapField_BorderWidth,.0625rem);
-  border-color: #fff;
-  border-color: var(--sapField_BorderColor,#fff);
-  border-radius: 0;
-  border-radius: var(--sapField_BorderCornerRadius,0);
-  outline: 0;
-  appearance: none;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  padding-left: .75rem;
-  padding-right: .75rem;
-  min-width: 6rem;
-  width: 100%;
-  min-height: 2.25rem;
-  margin: .25rem 0;
-  padding: .5rem .625rem;
-  white-space: pre-wrap;
-  overflow: auto;
-  resize: none;
-  display: block;
-  cursor: text
-}
-textarea::after,
-textarea::before {
-  -webkit-box-sizing: inherit;
-  box-sizing: inherit;
-  font-size: inherit
-}
-textarea::-webkit-input-placeholder {
-  font-style: italic;
-  color: #999;
-  color: var(--sapField_PlaceholderTextColor,#999)
-}
-textarea::-moz-placeholder {
-  font-style: italic;
-  color: #999;
-  color: var(--sapField_PlaceholderTextColor,#999)
-}
-textarea:-ms-input-placeholder {
-  font-style: italic;
-  color: #999;
-  color: var(--sapField_PlaceholderTextColor,#999)
-}
-textarea::-ms-input-placeholder {
-  font-style: italic;
-  color: #999;
-  color: var(--sapField_PlaceholderTextColor,#999)
-}
-textarea::placeholder {
-  font-style: italic;
-  color: #999;
-  color: var(--sapField_PlaceholderTextColor,#999)
-}
-textarea::-moz-selection {
-  color: #fff;
-  color: var(--sapContent_ContrastTextColor,#fff);
-  background-color: #0f5d94;
-  background-color: var(--sapSelectedColor,#0f5d94)
-}
-textarea::selection {
-  color: #fff;
-  color: var(--sapContent_ContrastTextColor,#fff);
-  background-color: #0f5d94;
-  background-color: var(--sapSelectedColor,#0f5d94)
-}
-textarea.is-hover,
-textarea:hover {
-  background-color: #000;
-  background-color: var(--sapField_Hover_Background,#000);
-  border-color: #fff;
-  border-color: var(--sapField_Hover_BorderColor,#fff)
-}
-textarea.is-success {
-  background-color: #000;
-  background-color: var(--sapField_SuccessBackground,#000);
-  border-color: #fff;
-  border-color: var(--sapField_SuccessColor,#fff);
-  border-width: .0625rem
-}
-textarea.is-success.is-hover,
-textarea.is-success:hover {
-  background-color: #000;
-  background-color: var(--sapField_SuccessBackground,#000);
-  border-color: #fff;
-  border-color: var(--sapField_SuccessColor,#fff)
-}
-textarea.is-error {
-  background-color: #7a5100;
-  background-color: var(--sapField_InvalidBackground,#7a5100);
-  border-color: #fff;
-  border-color: var(--sapField_InvalidColor,#fff);
-  font-style: italic;
-  font-style: var(--fdInput_State_Text_Style,italic);
-  font-weight: bold;
-  font-weight: var(--fdInput_State_Font_Weight,bold)
-}
-textarea.is-error.is-hover,
-textarea.is-error:hover {
-  background-color: #7a5100;
-  background-color: var(--sapField_InvalidBackground,#7a5100);
-  border-color: #fff;
-  border-color: var(--sapField_InvalidColor,#fff)
-}
-textarea.is-alert,
-textarea.is-warning {
-  background-color: #000;
-  background-color: var(--sapField_WarningBackground,#000);
-  border-color: #fff;
-  border-color: var(--sapField_WarningColor,#fff);
-  font-style: italic;
-  font-style: var(--fdInput_State_Text_Style,italic);
-  font-weight: bold;
-  font-weight: var(--fdInput_State_Font_Weight,bold)
-}
-textarea.is-alert.is-hover,
-textarea.is-alert:hover,
-textarea.is-warning.is-hover,
-textarea.is-warning:hover {
-  background-color: #000;
-  background-color: var(--sapField_WarningBackground,#000);
-  border-color: #fff;
-  border-color: var(--sapField_WarningColor,#fff)
-}
-textarea.is-information {
-  background-color: #000;
-  background-color: var(--sapField_InformationBackground,#000);
-  border-color: #fff;
-  border-color: var(--sapField_InformationColor,#fff)
-}
-textarea.is-information.is-hover,
-textarea.is-information:hover {
-  background-color: #000;
-  background-color: var(--sapField_InformationBackground,#000);
-  border-color: #fff;
-  border-color: var(--sapField_InformationColor,#fff)
-}
-textarea.is-focus,
-textarea:focus {
-  z-index: 5;
-  -webkit-box-shadow: none;
-  box-shadow: none;
-  outline-offset: -.1875rem;
-  outline-width: .125rem;
-  outline-width: var(--sapContent_FocusWidth,.125rem);
-  outline-color: #fff;
-  outline-color: var(--sapContent_FocusColor,#fff);
-  outline-style: dotted;
-  outline-style: var(--sapContent_FocusStyle,dotted)
-}
-textarea.is-alert,
-textarea.is-error,
-textarea.is-information,
-textarea.is-warning {
-  border-width: .125rem;
-  border-style: dashed;
-  border-style: var(--fdInput_State_Border_Type,dashed)
-}
-textarea.is-alert.is-focus,
-textarea.is-alert:focus,
-textarea.is-error.is-focus,
-textarea.is-error:focus,
-textarea.is-information.is-focus,
-textarea.is-information:focus,
-textarea.is-warning.is-focus,
-textarea.is-warning:focus {
-  z-index: 5;
-  -webkit-box-shadow: none;
-  box-shadow: none;
-  outline-offset: -.25rem
-}
-textarea.is-disabled,
-textarea:disabled,
-textarea[aria-disabled=true] {
-  pointer-events: none;
-  opacity: .4;
-  opacity: var(--sapContent_DisabledOpacity,.4)
-}
-textarea.is-disabled::-webkit-input-placeholder,
-textarea:disabled::-webkit-input-placeholder,
-textarea[aria-disabled=true]::-webkit-input-placeholder {
-  color: transparent
-}
-textarea.is-disabled::-moz-placeholder,
-textarea:disabled::-moz-placeholder,
-textarea[aria-disabled=true]::-moz-placeholder {
-  color: transparent
-}
-textarea.is-disabled:-ms-input-placeholder,
-textarea:disabled:-ms-input-placeholder,
-textarea[aria-disabled=true]:-ms-input-placeholder {
-  color: transparent
-}
-textarea.is-disabled::-ms-input-placeholder,
-textarea:disabled::-ms-input-placeholder,
-textarea[aria-disabled=true]::-ms-input-placeholder {
-  color: transparent
-}
-textarea.is-disabled::placeholder,
-textarea:disabled::placeholder,
-textarea[aria-disabled=true]::placeholder {
-  color: transparent
-}
-textarea.is-readonly,
-textarea[aria-readonly=true],
-textarea[readonly] {
-  background-color: rgba(242,242,242,.5);
-  background-color: #585858;
-  background-color: var(--sapField_ReadOnly_Background,#585858);
-  border-color: #999;
-  border-color: var(--sapField_ReadOnly_BorderColor,#999)
-}
-textarea.is-readonly::-webkit-input-placeholder,
-textarea[aria-readonly=true]::-webkit-input-placeholder,
-textarea[readonly]::-webkit-input-placeholder {
-  color: transparent
-}
-textarea.is-readonly::-moz-placeholder,
-textarea[aria-readonly=true]::-moz-placeholder,
-textarea[readonly]::-moz-placeholder {
-  color: transparent
-}
-textarea.is-readonly:-ms-input-placeholder,
-textarea[aria-readonly=true]:-ms-input-placeholder,
-textarea[readonly]:-ms-input-placeholder {
-  color: transparent
-}
-textarea.is-readonly::-ms-input-placeholder,
-textarea[aria-readonly=true]::-ms-input-placeholder,
-textarea[readonly]::-ms-input-placeholder {
-  color: transparent
-}
-textarea.is-readonly::placeholder,
-textarea[aria-readonly=true]::placeholder,
-textarea[readonly]::placeholder {
-  color: transparent
-}
-a {
-  font-size: .875rem;
-  font-size: var(--sapFontSize,.875rem);
-  line-height: 1.4;
-  line-height: var(--sapContent_LineHeight,1.4);
-  color: #fff;
-  color: var(--sapTextColor,#fff);
-  font-family: "72", "72full", Arial, Helvetica, sans-serif;
-  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
-  font-weight: 400;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  padding: 0;
-  margin: 0;
-  border: 0;
-  color: #fff;
-  color: var(--sapLinkColor,#fff);
-  -webkit-text-decoration: underline;
-  -webkit-text-decoration: var(--fdLink_Text_Decoration,underline);
-  text-decoration: underline;
-  text-decoration: var(--fdLink_Text_Decoration,underline);
-  text-shadow: -1px 0 #000,0 1px #000,1px 0 #000,0 -1px #000;
-  text-shadow: var(--sapContent_TextShadow,-1px 0 #000,0 1px #000,1px 0 #000,0 -1px #000);
-  display: inline-block;
-  -webkit-transition: all 125ms ease-in;
-  transition: all 125ms ease-in;
-  line-height: inherit
-}
-a::after,
-a::before {
-  -webkit-box-sizing: inherit;
-  box-sizing: inherit;
-  font-size: inherit
-}
-a--emphasized {
-  font-weight: 700
-}
-a:visited {
-  color: #fff;
-  color: var(--sapLink_Visited_Color,#fff)
-}
-a.is-hover,
-a:hover {
-  color: #fff;
-  color: var(--sapLink_Hover_Color,#fff);
-  -webkit-text-decoration: none;
-  -webkit-text-decoration: var(--fdLink_Text_Decoration_Opposite,none);
-  text-decoration: none;
-  text-decoration: var(--fdLink_Text_Decoration_Opposite,none)
-}
-a.is-focus,
-a:focus {
-  z-index: 5;
-  -webkit-box-shadow: none;
-  box-shadow: none;
-  outline-offset: -.0625rem;
-  outline-width: .125rem;
-  outline-width: var(--sapContent_FocusWidth,.125rem);
-  outline-color: #fff;
-  outline-color: var(--sapContent_FocusColor,#fff);
-  outline-style: dotted;
-  outline-style: var(--sapContent_FocusStyle,dotted);
-  -webkit-text-decoration: none;
-  -webkit-text-decoration: var(--fdLink_Text_Decoration_Opposite,none);
-  text-decoration: none;
-  text-decoration: var(--fdLink_Text_Decoration_Opposite,none)
-}
-a.is-active,
-a:active {
-  color: #fff;
-  color: var(--sapLink_Active_Color,#fff);
-  -webkit-text-decoration: none;
-  -webkit-text-decoration: var(--fdLink_Text_Decoration_Opposite,none);
-  text-decoration: none;
-  text-decoration: var(--fdLink_Text_Decoration_Opposite,none)
-}
-a--inverted {
-  color: #fff;
-  color: var(--sapLink_InvertedColor,#fff);
-  text-shadow: none
-}
-a--inverted.is-hover,
-a--inverted:hover {
-  color: #fff;
-  color: var(--sapLink_InvertedColor,#fff)
-}
-a--subtle {
-  color: #fff;
-  color: var(--sapLink_SubtleColor,#fff)
-}
-a.is-disabled,
-a:disabled,
-a[aria-disabled=true] {
-  opacity: .4;
-  opacity: var(--sapContent_DisabledOpacity,.4);
-  color: #fff;
-  color: var(--sapLinkColor,#fff);
-  pointer-events: none
-}
-ol,
-ul {
-  font-size: .875rem;
-  font-size: var(--sapFontSize,.875rem);
-  line-height: 1.4;
-  line-height: var(--sapContent_LineHeight,1.4);
-  color: #fff;
-  color: var(--sapTextColor,#fff);
-  font-family: "72", "72full", Arial, Helvetica, sans-serif;
-  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
-  font-weight: 400;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  padding: 0;
-  margin: 0;
-  border: 0;
-  position: relative;
-  list-style: none;
-  width: 100%;
-  text-shadow: 0 0 .125rem #000;
-  text-shadow: var(--fdListBase_Text_Shadow,0 0 .125rem #000)
-}
-ol::after,
-ol::before,
-ul::after,
-ul::before {
-  -webkit-box-sizing: inherit;
-  box-sizing: inherit;
-  font-size: inherit
-}
-ol > li,
-ul > li {
-  font-size: .875rem;
-  font-size: var(--sapFontSize,.875rem);
-  line-height: 1.4;
-  line-height: var(--sapContent_LineHeight,1.4);
-  color: #fff;
-  color: var(--sapTextColor,#fff);
-  font-family: "72", "72full", Arial, Helvetica, sans-serif;
-  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
-  font-weight: 400;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  padding: 0;
-  margin: 0;
-  border: 0;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  padding: 0 1rem;
-  height: 2.75rem;
-  border-bottom: .0625rem solid #999;
-  border-bottom: var(--sapList_BorderWidth,.0625rem) solid var(--sapList_BorderColor,#999);
-  background: #000;
-  background: var(--sapList_Background,#000);
-  position: relative
-}
-ol > li::after,
-ol > li::before,
-ul > li::after,
-ul > li::before {
-  -webkit-box-sizing: inherit;
-  box-sizing: inherit;
-  font-size: inherit
-}
-ol > li.is-focus,
-ol > li:focus,
-ul > li.is-focus,
-ul > li:focus {
-  outline: 0
-}
-ol > li.is-focus::before,
-ol > li:focus::before,
-ul > li.is-focus::before,
-ul > li:focus::before {
-  content: '';
-  position: absolute;
-  display: block;
-  border: .125rem dotted #fff;
-  border: var(--sapContent_FocusWidth,.125rem) var(--sapContent_FocusStyle,dotted) var(--sapContent_FocusColor,#fff);
-  top: .125rem;
-  left: .125rem;
-  right: .125rem;
-  bottom: .125rem;
-  pointer-events: none
-}
-ol > li.is-focus.is-active::before,
-ol > li.is-focus:active::before,
-ol > li:focus.is-active::before,
-ol > li:focus:active::before,
-ul > li.is-focus.is-active::before,
-ul > li.is-focus:active::before,
-ul > li:focus.is-active::before,
-ul > li:focus:active::before {
-  border: .125rem dotted #fff;
-  border: var(--sapContent_FocusWidth,.125rem) var(--sapContent_FocusStyle,dotted) var(--sapContent_ContrastFocusColor,#fff)
-}
-label {
-  font-size: .875rem;
-  font-size: var(--sapFontSize,.875rem);
-  line-height: 1.4;
-  line-height: var(--sapContent_LineHeight,1.4);
-  color: #fff;
-  color: var(--sapTextColor,#fff);
-  font-family: "72", "72full", Arial, Helvetica, sans-serif;
-  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
-  font-weight: 400;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  padding: 0;
-  margin: 0;
-  border: 0;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  width: -webkit-fit-content;
-  width: -moz-fit-content;
-  width: fit-content;
-  position: relative;
-  max-width: 100%;
-  font-size: .875rem;
-  font-size: var(--sapFontSize,.875rem);
-  color: #fff;
-  color: var(--sapContent_LabelColor,#fff);
-  margin-right: .5rem;
-  cursor: text;
-  -ms-flex-item-align: start;
-  align-self: flex-start
-}
-label::after,
-label::before {
-  -webkit-box-sizing: inherit;
-  box-sizing: inherit;
-  font-size: inherit
-}
-[dir=rtl] label,
-label[dir=rtl] {
-  margin-left: .5rem;
-  margin-right: 0
-}
-form {
-  font-size: .875rem;
-  font-size: var(--sapFontSize,.875rem);
-  line-height: 1.4;
-  line-height: var(--sapContent_LineHeight,1.4);
-  color: #fff;
-  color: var(--sapTextColor,#fff);
-  font-family: "72", "72full", Arial, Helvetica, sans-serif;
-  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
-  font-weight: 400;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  padding: 0;
-  margin: 0;
-  border: 0;
-  min-inline-size: auto
-}
-form::after,
-form::before {
-  -webkit-box-sizing: inherit;
-  box-sizing: inherit;
-  font-size: inherit
-}
-form:last-child {
-  margin-bottom: 0
-}
-form > div {
-  font-size: .875rem;
-  font-size: var(--sapFontSize,.875rem);
-  line-height: 1.4;
-  line-height: var(--sapContent_LineHeight,1.4);
-  color: #fff;
-  color: var(--sapTextColor,#fff);
-  font-family: "72", "72full", Arial, Helvetica, sans-serif;
-  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
-  font-weight: 400;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  padding: 0;
-  margin: 0;
-  border: 0;
-  position: relative;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-line-pack: center;
-  align-content: center;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  -ms-flex-direction: column;
-  flex-direction: column
-}
-form > div::after,
-form > div::before {
-  -webkit-box-sizing: inherit;
-  box-sizing: inherit;
-  font-size: inherit
-}
-/*!
-.fd-radio
-*/
-input[type=radio]:not(:only-child) {
-  position: absolute;
-  opacity: .0001
-}
-input[type=radio] {
-  font-size: .875rem;
-  font-size: var(--sapFontSize,.875rem);
-  line-height: 1.4;
-  line-height: var(--sapContent_LineHeight,1.4);
-  color: #fff;
-  color: var(--sapTextColor,#fff);
-  font-family: "72", "72full", Arial, Helvetica, sans-serif;
-  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
-  font-weight: 400;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  padding: 0;
-  margin: 0;
-  border: 0
-}
-input[type=radio]::after,
-input[type=radio]::before {
-  -webkit-box-sizing: inherit;
-  box-sizing: inherit;
-  font-size: inherit
-}
-input[type=radio] + label {
-  font-size: .875rem;
-  font-size: var(--sapFontSize,.875rem);
-  line-height: 1.4;
-  line-height: var(--sapContent_LineHeight,1.4);
-  color: #fff;
-  color: var(--sapTextColor,#fff);
-  font-family: "72", "72full", Arial, Helvetica, sans-serif;
-  font-family: var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);
-  font-weight: 400;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  padding: 0;
-  margin: 0;
-  border: 0;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  width: -webkit-fit-content;
-  width: -moz-fit-content;
-  width: fit-content;
-  position: relative;
-  max-width: 100%;
-  font-size: .875rem;
-  font-size: var(--sapFontSize,.875rem);
-  color: #fff;
-  color: var(--sapContent_LabelColor,#fff);
-  margin-right: .5rem;
-  cursor: text;
-  -ms-flex-item-align: start;
-  align-self: flex-start;
-  cursor: pointer;
-  line-height: 1rem;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  overflow: hidden;
-  padding: .6875rem
-}
-input[type=radio] + label::after,
-input[type=radio] + label::before {
-  -webkit-box-sizing: inherit;
-  box-sizing: inherit;
-  font-size: inherit
-}
-[dir=rtl] input[type=radio] + label,
-input[type=radio] + label[dir=rtl] {
-  margin-left: .5rem;
-  margin-right: 0
-}
-input[type=radio] + label::before {
-  content: "";
-  padding-top: .0625rem;
-  height: 1.375rem;
-  width: 1.375rem;
-  min-width: 1.375rem;
-  font-size: .6875rem;
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  font-family: SAP-icons;
-  background-color: #000;
-  background-color: var(--sapField_Background,#000);
-  margin-right: .6875rem;
-  color: #0f5d94;
-  color: var(--sapSelectedColor,#0f5d94);
-  border: .0625rem solid #fff;
-  border: var(--sapField_BorderWidth,.0625rem) solid var(--sapField_BorderColor,#fff);
-  border-radius: 50%
-}
-input[type=radio] + label.is-hover::before,
-input[type=radio] + label:hover::before {
-  background-color: #000;
-  background-color: var(--sapField_Hover_Background,#000);
-  border-color: #fff;
-  border-color: var(--sapField_Hover_BorderColor,#fff)
-}
-[dir=rtl] input[type=radio] + label::before,
-input[type=radio] + label[dir=rtl]::before {
-  margin-left: .6875rem;
-  margin-right: 0
-}
-input[type=radio] + label.is-empty,
-input[type=radio] + label:empty {
-  padding: .6875rem;
-  margin: 0
-}
-input[type=radio] + label.is-empty::after,
-input[type=radio] + label.is-empty::before,
-input[type=radio] + label:empty::after,
-input[type=radio] + label:empty::before {
-  margin-right: 0;
-  margin-left: 0
-}
-input[type=radio]:checked + label::before {
-  content: "\e255"
-}
-input[type=radio].is-focus,
-input[type=radio]:focus {
-  z-index: 5
-}
-input[type=radio].is-focus + label,
-input[type=radio]:focus + label {
-  outline: .125rem dotted #fff;
-  outline: var(--sapContent_FocusWidth,.125rem) var(--sapContent_FocusStyle,dotted) var(--sapContent_FocusColor,#fff);
-  outline-offset: -.5625rem
-}
-input[type=radio].is-disabled,
-input[type=radio]:disabled,
-input[type=radio][aria-disabled=true] {
-  opacity: .0001
-}
-input[type=radio].is-disabled + label,
-input[type=radio]:disabled + label,
-input[type=radio][aria-disabled=true] + label {
-  pointer-events: none;
-  opacity: .4
-}