@i-cell/ids-styles 0.0.72 → 0.0.73

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -5672,7 +5672,6 @@ module.exports = function ComponentsPlugin() {
5672
5672
  },
5673
5673
  '.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-header-default-content': { display: 'grid' },
5674
5674
  '.ids-dialog .ids-dialog-container .ids-dialog-content': {
5675
- display: 'flex',
5676
5675
  overflowY: 'auto',
5677
5676
  background: 'var(--ids-comp-dialog-content-color-bg-default)',
5678
5677
  },
@@ -5875,6 +5874,7 @@ module.exports = function ComponentsPlugin() {
5875
5874
  borderColor: 'rgba(0,0,0,0)',
5876
5875
  lineHeight: 1.5,
5877
5876
  display: 'flex',
5877
+ flexShrink: 0,
5878
5878
  alignItems: 'center',
5879
5879
  justifyContent: 'center',
5880
5880
  },
@@ -9818,7 +9818,7 @@ module.exports = function ComponentsPlugin() {
9818
9818
  '.ids-radio-group>.ids-radio-group__legend>.ids-radio-group__legend-container>.ids-radio-group__legend-label': {
9819
9819
  fontStyle: 'normal',
9820
9820
  },
9821
- '.ids-radio-group>.ids-radio-group__list': { display: 'flex' },
9821
+ '.ids-radio-group>.ids-radio-group__list': { display: 'flex', width: 'inherit' },
9822
9822
  '.ids-radio-group.ids-radio-group-horizontal>.ids-radio-group__list': { flexDirection: 'row', alignItems: 'center' },
9823
9823
  '.ids-radio-group.ids-radio-group-horizontal.ids-radio-group-top>.ids-radio-group__list': { alignItems: 'flex-end' },
9824
9824
  '.ids-radio-group.ids-radio-group-horizontal.ids-radio-group-bottom>.ids-radio-group__list': { alignItems: 'flex-start' },
@@ -11705,9 +11705,11 @@ module.exports = function ComponentsPlugin() {
11705
11705
  marginRight: 'calc(var(--ids-comp-sidenav-navitem-expandable-summary-size-gap-compact)*-1)',
11706
11706
  },
11707
11707
  '.ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-expandable-submenu.expanded': {
11708
+ '--submenu-items-gap-count': 'max(calc(var(--submenu-items-count) - 1), 0)',
11708
11709
  '--submenu-item-height':
11709
- 'calc( max( var(--ids-comp-sidenav-navitem-single-size-height-compact), var(--ids-comp-sidenav-navitem-expandable-summary-size-height-compact) ) + var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-compact) + var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-compact) + calc(var(--ids-comp-sidenav-navitem-expandable-submenu-gap-compact) * var(--submenu-items-count)) )',
11710
- maxHeight: 'calc(var(--submenu-items-count)*var(--submenu-item-height))',
11710
+ 'max( var(--ids-comp-sidenav-navitem-single-size-height-compact), var(--ids-comp-sidenav-navitem-expandable-summary-size-height-compact) )',
11711
+ maxHeight:
11712
+ 'calc(var(--submenu-items-count)*var(--submenu-item-height) + var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-compact) + var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-compact) + var(--submenu-items-gap-count)*(var(--ids-comp-sidenav-navitem-expandable-submenu-gap-compact) + var(--ids-comp-sidenav-section-list-size-gap-compact)))',
11711
11713
  gap: 'var(--ids-comp-sidenav-navitem-expandable-submenu-gap-compact)',
11712
11714
  padding:
11713
11715
  'var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-compact) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-right-compact) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-compact) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-compact)',
@@ -11817,9 +11819,11 @@ module.exports = function ComponentsPlugin() {
11817
11819
  marginRight: 'calc(var(--ids-comp-sidenav-navitem-expandable-summary-size-gap-comfortable)*-1)',
11818
11820
  },
11819
11821
  '.ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-expandable-submenu.expanded': {
11822
+ '--submenu-items-gap-count': 'max(calc(var(--submenu-items-count) - 1), 0)',
11820
11823
  '--submenu-item-height':
11821
- 'calc( max( var(--ids-comp-sidenav-navitem-single-size-height-comfortable), var(--ids-comp-sidenav-navitem-expandable-summary-size-height-comfortable) ) + var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-comfortable) + var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-comfortable) + calc(var(--ids-comp-sidenav-navitem-expandable-submenu-gap-comfortable) * var(--submenu-items-count)) )',
11822
- maxHeight: 'calc(var(--submenu-items-count)*var(--submenu-item-height))',
11824
+ 'max( var(--ids-comp-sidenav-navitem-single-size-height-comfortable), var(--ids-comp-sidenav-navitem-expandable-summary-size-height-comfortable) )',
11825
+ maxHeight:
11826
+ 'calc(var(--submenu-items-count)*var(--submenu-item-height) + var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-comfortable) + var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-comfortable) + var(--submenu-items-gap-count)*(var(--ids-comp-sidenav-navitem-expandable-submenu-gap-comfortable) + var(--ids-comp-sidenav-section-list-size-gap-comfortable)))',
11823
11827
  gap: 'var(--ids-comp-sidenav-navitem-expandable-submenu-gap-comfortable)',
11824
11828
  padding:
11825
11829
  'var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-comfortable) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-right-comfortable) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-comfortable) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-comfortable)',
@@ -11929,9 +11933,11 @@ module.exports = function ComponentsPlugin() {
11929
11933
  marginRight: 'calc(var(--ids-comp-sidenav-navitem-expandable-summary-size-gap-spacious)*-1)',
11930
11934
  },
11931
11935
  '.ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-expandable-submenu.expanded': {
11936
+ '--submenu-items-gap-count': 'max(calc(var(--submenu-items-count) - 1), 0)',
11932
11937
  '--submenu-item-height':
11933
- 'calc( max( var(--ids-comp-sidenav-navitem-single-size-height-spacious), var(--ids-comp-sidenav-navitem-expandable-summary-size-height-spacious) ) + var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-spacious) + var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-spacious) + calc(var(--ids-comp-sidenav-navitem-expandable-submenu-gap-spacious) * var(--submenu-items-count)) )',
11934
- maxHeight: 'calc(var(--submenu-items-count)*var(--submenu-item-height))',
11938
+ 'max( var(--ids-comp-sidenav-navitem-single-size-height-spacious), var(--ids-comp-sidenav-navitem-expandable-summary-size-height-spacious) )',
11939
+ maxHeight:
11940
+ 'calc(var(--submenu-items-count)*var(--submenu-item-height) + var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-spacious) + var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-spacious) + var(--submenu-items-gap-count)*(var(--ids-comp-sidenav-navitem-expandable-submenu-gap-spacious) + var(--ids-comp-sidenav-section-list-size-gap-spacious)))',
11935
11941
  gap: 'var(--ids-comp-sidenav-navitem-expandable-submenu-gap-spacious)',
11936
11942
  padding:
11937
11943
  'var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-spacious) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-right-spacious) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-spacious) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-spacious)',
@@ -12039,9 +12045,11 @@ module.exports = function ComponentsPlugin() {
12039
12045
  marginRight: 'calc(var(--ids-comp-sidenav-navitem-expandable-summary-size-gap-dense)*-1)',
12040
12046
  },
12041
12047
  '.ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-expandable-submenu.expanded': {
12048
+ '--submenu-items-gap-count': 'max(calc(var(--submenu-items-count) - 1), 0)',
12042
12049
  '--submenu-item-height':
12043
- 'calc( max( var(--ids-comp-sidenav-navitem-single-size-height-dense), var(--ids-comp-sidenav-navitem-expandable-summary-size-height-dense) ) + var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-dense) + var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-dense) + calc(var(--ids-comp-sidenav-navitem-expandable-submenu-gap-dense) * var(--submenu-items-count)) )',
12044
- maxHeight: 'calc(var(--submenu-items-count)*var(--submenu-item-height))',
12050
+ 'max( var(--ids-comp-sidenav-navitem-single-size-height-dense), var(--ids-comp-sidenav-navitem-expandable-summary-size-height-dense) )',
12051
+ maxHeight:
12052
+ 'calc(var(--submenu-items-count)*var(--submenu-item-height) + var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-dense) + var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-dense) + var(--submenu-items-gap-count)*(var(--ids-comp-sidenav-navitem-expandable-submenu-gap-dense) + var(--ids-comp-sidenav-section-list-size-gap-dense)))',
12045
12053
  gap: 'var(--ids-comp-sidenav-navitem-expandable-submenu-gap-dense)',
12046
12054
  padding:
12047
12055
  'var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-dense) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-right-dense) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-dense) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-dense)',
@@ -49,7 +49,6 @@
49
49
  display: grid;
50
50
  }
51
51
  .ids-dialog .ids-dialog-container .ids-dialog-content {
52
- display: flex;
53
52
  overflow-y: auto;
54
53
  background: var(--ids-comp-dialog-content-color-bg-default);
55
54
  }
@@ -1 +1 @@
1
- .ids-dialog-backdrop{background-color:var(--ids-comp-dialog-backdrop-background)}.ids-dialog-transparent-backdrop{background-color:rgba(0,0,0,0)}.ids-dialog{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0);line-height:1.5;padding:0;border-style:solid;border-color:var(--ids-comp-dialog-container-color-border-surface-default);background-color:var(--ids-comp-dialog-container-color-bg-default);box-shadow:var(--ids-smc-reference-container-effects-shadow-horizontal-none) var(--ids-smc-reference-container-effects-shadow-vertical-xxl) var(--ids-smc-reference-container-effects-shadow-blur-xxxl) var(--ids-smc-reference-container-effects-shadow-spread-xxs) var(--ids-smc-reference-container-effects-shadow-color-dark-default)}.ids-dialog::before,.ids-dialog::after,.ids-dialog *,.ids-dialog ::before,.ids-dialog ::after{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0)}.ids-dialog .ids-dialog-container{display:grid;grid-template-rows:auto 1fr auto;position:relative;max-height:80vh}.ids-dialog .ids-dialog-container .ids-dialog-header{display:grid;grid-template-columns:1fr auto}.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-title{font-style:normal;color:var(--ids-comp-dialog-header-color-fg-title-default)}.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-title.hidden{display:none}.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-subtitle{font-style:normal;color:var(--ids-comp-dialog-header-color-fg-subtitle-default)}.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-header-default-content{display:grid}.ids-dialog .ids-dialog-container .ids-dialog-content{display:flex;overflow-y:auto;background:var(--ids-comp-dialog-content-color-bg-default)}.ids-dialog .ids-dialog-container .ids-dialog-content .ids-dialog-content-overflow{overflow-y:auto;height:100%}.ids-dialog .ids-dialog-container .ids-dialog-content.ids-dialog-content-scrollable{border-top-style:solid;border-bottom-style:solid;border-top-color:var(--ids-comp-dialog-content-color-border-surface-default);border-bottom-color:var(--ids-comp-dialog-content-color-border-surface-default)}.ids-dialog .ids-dialog-container .ids-dialog-actions{display:flex;background:var(--ids-comp-dialog-footer-color-bg-default);justify-content:flex-end;align-items:flex-start;align-content:flex-start;align-self:stretch;flex-wrap:wrap}.ids-dialog.ids-dialog-compact{border-radius:var(--ids-comp-dialog-container-size-border-radius-compact);border-width:var(--ids-comp-dialog-container-size-border-width-compact)}.ids-dialog.ids-dialog-compact.ids-dialog-with-backdrop::backdrop{opacity:var(--ids-comp-dialog-backdrop-size-opacity-compact)}.ids-dialog.ids-dialog-compact .ids-dialog-container{max-width:var(--ids-comp-dialog-container-size-width-compact);min-height:var(--ids-comp-dialog-container-size-min-height-compact);padding:var(--ids-comp-dialog-container-size-padding-y-compact) var(--ids-comp-dialog-container-size-padding-x-compact);gap:var(--ids-comp-dialog-container-size-gap-compact)}.ids-dialog.ids-dialog-compact .ids-dialog-container .ids-dialog-header .ids-dialog-title{font-family:var(--ids-comp-dialog-header-title-typography-font-family-compact);font-size:var(--ids-comp-dialog-header-title-typography-font-size-compact);font-weight:var(--ids-comp-dialog-header-title-typography-font-weight-compact);letter-spacing:var(--ids-comp-dialog-header-title-typography-letter-spacing-compact);line-height:var(--ids-comp-dialog-header-title-typography-line-height-compact)}.ids-dialog.ids-dialog-compact .ids-dialog-container .ids-dialog-header .ids-dialog-subtitle{font-family:var(--ids-comp-dialog-header-subtitle-typography-font-family-compact);font-size:var(--ids-comp-dialog-header-subtitle-typography-font-size-compact);font-weight:var(--ids-comp-dialog-header-subtitle-typography-font-weight-compact);letter-spacing:var(--ids-comp-dialog-header-subtitle-typography-letter-spacing-compact);line-height:var(--ids-comp-dialog-header-subtitle-typography-line-height-compact)}.ids-dialog.ids-dialog-compact .ids-dialog-container .ids-dialog-header .ids-dialog-header-default-content{gap:var(--ids-comp-dialog-header-size-gap-compact);padding:var(--ids-comp-dialog-header-size-padding-y-compact) var(--ids-comp-dialog-header-size-padding-x-compact)}.ids-dialog.ids-dialog-compact .ids-dialog-container .ids-dialog-content{padding:var(--ids-comp-dialog-content-fixed-size-padding-y-compact) var(--ids-comp-dialog-content-fixed-size-padding-x-compact)}.ids-dialog.ids-dialog-compact .ids-dialog-container .ids-dialog-content.ids-dialog-content-scrollable{padding:var(--ids-comp-dialog-content-scrollable-size-padding-y-compact) var(--ids-comp-dialog-content-scrollable-size-padding-x-compact);border-top-width:var(--ids-comp-dialog-content-scrollable-size-border-width-compact);border-bottom-width:var(--ids-comp-dialog-content-scrollable-size-border-width-compact)}.ids-dialog.ids-dialog-compact .ids-dialog-container .ids-dialog-actions{padding:var(--ids-comp-dialog-footer-padding-y-compact) var(--ids-comp-dialog-footer-padding-x-compact);gap:var(--ids-comp-dialog-footer-gap-compact)}.ids-dialog.ids-dialog-comfortable{border-radius:var(--ids-comp-dialog-container-size-border-radius-comfortable);border-width:var(--ids-comp-dialog-container-size-border-width-comfortable)}.ids-dialog.ids-dialog-comfortable.ids-dialog-with-backdrop::backdrop{opacity:var(--ids-comp-dialog-backdrop-size-opacity-comfortable)}.ids-dialog.ids-dialog-comfortable .ids-dialog-container{max-width:var(--ids-comp-dialog-container-size-width-comfortable);min-height:var(--ids-comp-dialog-container-size-min-height-comfortable);padding:var(--ids-comp-dialog-container-size-padding-y-comfortable) var(--ids-comp-dialog-container-size-padding-x-comfortable);gap:var(--ids-comp-dialog-container-size-gap-comfortable)}.ids-dialog.ids-dialog-comfortable .ids-dialog-container .ids-dialog-header .ids-dialog-title{font-family:var(--ids-comp-dialog-header-title-typography-font-family-comfortable);font-size:var(--ids-comp-dialog-header-title-typography-font-size-comfortable);font-weight:var(--ids-comp-dialog-header-title-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-dialog-header-title-typography-letter-spacing-comfortable);line-height:var(--ids-comp-dialog-header-title-typography-line-height-comfortable)}.ids-dialog.ids-dialog-comfortable .ids-dialog-container .ids-dialog-header .ids-dialog-subtitle{font-family:var(--ids-comp-dialog-header-subtitle-typography-font-family-comfortable);font-size:var(--ids-comp-dialog-header-subtitle-typography-font-size-comfortable);font-weight:var(--ids-comp-dialog-header-subtitle-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-dialog-header-subtitle-typography-letter-spacing-comfortable);line-height:var(--ids-comp-dialog-header-subtitle-typography-line-height-comfortable)}.ids-dialog.ids-dialog-comfortable .ids-dialog-container .ids-dialog-header .ids-dialog-header-default-content{gap:var(--ids-comp-dialog-header-size-gap-comfortable);padding:var(--ids-comp-dialog-header-size-padding-y-comfortable) var(--ids-comp-dialog-header-size-padding-x-comfortable)}.ids-dialog.ids-dialog-comfortable .ids-dialog-container .ids-dialog-content{padding:var(--ids-comp-dialog-content-fixed-size-padding-y-comfortable) var(--ids-comp-dialog-content-fixed-size-padding-x-comfortable)}.ids-dialog.ids-dialog-comfortable .ids-dialog-container .ids-dialog-content.ids-dialog-content-scrollable{padding:var(--ids-comp-dialog-content-scrollable-size-padding-y-comfortable) var(--ids-comp-dialog-content-scrollable-size-padding-x-comfortable);border-top-width:var(--ids-comp-dialog-content-scrollable-size-border-width-comfortable);border-bottom-width:var(--ids-comp-dialog-content-scrollable-size-border-width-comfortable)}.ids-dialog.ids-dialog-comfortable .ids-dialog-container .ids-dialog-actions{padding:var(--ids-comp-dialog-footer-padding-y-comfortable) var(--ids-comp-dialog-footer-padding-x-comfortable);gap:var(--ids-comp-dialog-footer-gap-comfortable)}.ids-dialog.ids-dialog-spacious{border-radius:var(--ids-comp-dialog-container-size-border-radius-spacious);border-width:var(--ids-comp-dialog-container-size-border-width-spacious)}.ids-dialog.ids-dialog-spacious.ids-dialog-with-backdrop::backdrop{opacity:var(--ids-comp-dialog-backdrop-size-opacity-spacious)}.ids-dialog.ids-dialog-spacious .ids-dialog-container{max-width:var(--ids-comp-dialog-container-size-width-spacious);min-height:var(--ids-comp-dialog-container-size-min-height-spacious);padding:var(--ids-comp-dialog-container-size-padding-y-spacious) var(--ids-comp-dialog-container-size-padding-x-spacious);gap:var(--ids-comp-dialog-container-size-gap-spacious)}.ids-dialog.ids-dialog-spacious .ids-dialog-container .ids-dialog-header .ids-dialog-title{font-family:var(--ids-comp-dialog-header-title-typography-font-family-spacious);font-size:var(--ids-comp-dialog-header-title-typography-font-size-spacious);font-weight:var(--ids-comp-dialog-header-title-typography-font-weight-spacious);letter-spacing:var(--ids-comp-dialog-header-title-typography-letter-spacing-spacious);line-height:var(--ids-comp-dialog-header-title-typography-line-height-spacious)}.ids-dialog.ids-dialog-spacious .ids-dialog-container .ids-dialog-header .ids-dialog-subtitle{font-family:var(--ids-comp-dialog-header-subtitle-typography-font-family-spacious);font-size:var(--ids-comp-dialog-header-subtitle-typography-font-size-spacious);font-weight:var(--ids-comp-dialog-header-subtitle-typography-font-weight-spacious);letter-spacing:var(--ids-comp-dialog-header-subtitle-typography-letter-spacing-spacious);line-height:var(--ids-comp-dialog-header-subtitle-typography-line-height-spacious)}.ids-dialog.ids-dialog-spacious .ids-dialog-container .ids-dialog-header .ids-dialog-header-default-content{gap:var(--ids-comp-dialog-header-size-gap-spacious);padding:var(--ids-comp-dialog-header-size-padding-y-spacious) var(--ids-comp-dialog-header-size-padding-x-spacious)}.ids-dialog.ids-dialog-spacious .ids-dialog-container .ids-dialog-content{padding:var(--ids-comp-dialog-content-fixed-size-padding-y-spacious) var(--ids-comp-dialog-content-fixed-size-padding-x-spacious)}.ids-dialog.ids-dialog-spacious .ids-dialog-container .ids-dialog-content.ids-dialog-content-scrollable{padding:var(--ids-comp-dialog-content-scrollable-size-padding-y-spacious) var(--ids-comp-dialog-content-scrollable-size-padding-x-spacious);border-top-width:var(--ids-comp-dialog-content-scrollable-size-border-width-spacious);border-bottom-width:var(--ids-comp-dialog-content-scrollable-size-border-width-spacious)}.ids-dialog.ids-dialog-spacious .ids-dialog-container .ids-dialog-actions{padding:var(--ids-comp-dialog-footer-padding-y-spacious) var(--ids-comp-dialog-footer-padding-x-spacious);gap:var(--ids-comp-dialog-footer-gap-spacious)}.ids-dialog.ids-dialog-dense{border-radius:var(--ids-comp-dialog-container-size-border-radius-dense);border-width:var(--ids-comp-dialog-container-size-border-width-dense)}.ids-dialog.ids-dialog-dense.ids-dialog-with-backdrop::backdrop{opacity:var(--ids-comp-dialog-backdrop-size-opacity-dense)}.ids-dialog.ids-dialog-dense .ids-dialog-container{max-width:var(--ids-comp-dialog-container-size-width-dense);min-height:var(--ids-comp-dialog-container-size-min-height-dense);padding:var(--ids-comp-dialog-container-size-padding-y-dense) var(--ids-comp-dialog-container-size-padding-x-dense);gap:var(--ids-comp-dialog-container-size-gap-dense)}.ids-dialog.ids-dialog-dense .ids-dialog-container .ids-dialog-header .ids-dialog-title{font-family:var(--ids-comp-dialog-header-title-typography-font-family-dense);font-size:var(--ids-comp-dialog-header-title-typography-font-size-dense);font-weight:var(--ids-comp-dialog-header-title-typography-font-weight-dense);letter-spacing:var(--ids-comp-dialog-header-title-typography-letter-spacing-dense);line-height:var(--ids-comp-dialog-header-title-typography-line-height-dense)}.ids-dialog.ids-dialog-dense .ids-dialog-container .ids-dialog-header .ids-dialog-subtitle{font-family:var(--ids-comp-dialog-header-subtitle-typography-font-family-dense);font-size:var(--ids-comp-dialog-header-subtitle-typography-font-size-dense);font-weight:var(--ids-comp-dialog-header-subtitle-typography-font-weight-dense);letter-spacing:var(--ids-comp-dialog-header-subtitle-typography-letter-spacing-dense);line-height:var(--ids-comp-dialog-header-subtitle-typography-line-height-dense)}.ids-dialog.ids-dialog-dense .ids-dialog-container .ids-dialog-header .ids-dialog-header-default-content{gap:var(--ids-comp-dialog-header-size-gap-dense);padding:var(--ids-comp-dialog-header-size-padding-y-dense) var(--ids-comp-dialog-header-size-padding-x-dense)}.ids-dialog.ids-dialog-dense .ids-dialog-container .ids-dialog-content{padding:var(--ids-comp-dialog-content-fixed-size-padding-y-dense) var(--ids-comp-dialog-content-fixed-size-padding-x-dense)}.ids-dialog.ids-dialog-dense .ids-dialog-container .ids-dialog-content.ids-dialog-content-scrollable{padding:var(--ids-comp-dialog-content-scrollable-size-padding-y-dense) var(--ids-comp-dialog-content-scrollable-size-padding-x-dense);border-top-width:var(--ids-comp-dialog-content-scrollable-size-border-width-dense);border-bottom-width:var(--ids-comp-dialog-content-scrollable-size-border-width-dense)}.ids-dialog.ids-dialog-dense .ids-dialog-container .ids-dialog-actions{padding:var(--ids-comp-dialog-footer-padding-y-dense) var(--ids-comp-dialog-footer-padding-x-dense);gap:var(--ids-comp-dialog-footer-gap-dense)}
1
+ .ids-dialog-backdrop{background-color:var(--ids-comp-dialog-backdrop-background)}.ids-dialog-transparent-backdrop{background-color:rgba(0,0,0,0)}.ids-dialog{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0);line-height:1.5;padding:0;border-style:solid;border-color:var(--ids-comp-dialog-container-color-border-surface-default);background-color:var(--ids-comp-dialog-container-color-bg-default);box-shadow:var(--ids-smc-reference-container-effects-shadow-horizontal-none) var(--ids-smc-reference-container-effects-shadow-vertical-xxl) var(--ids-smc-reference-container-effects-shadow-blur-xxxl) var(--ids-smc-reference-container-effects-shadow-spread-xxs) var(--ids-smc-reference-container-effects-shadow-color-dark-default)}.ids-dialog::before,.ids-dialog::after,.ids-dialog *,.ids-dialog ::before,.ids-dialog ::after{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0)}.ids-dialog .ids-dialog-container{display:grid;grid-template-rows:auto 1fr auto;position:relative;max-height:80vh}.ids-dialog .ids-dialog-container .ids-dialog-header{display:grid;grid-template-columns:1fr auto}.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-title{font-style:normal;color:var(--ids-comp-dialog-header-color-fg-title-default)}.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-title.hidden{display:none}.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-subtitle{font-style:normal;color:var(--ids-comp-dialog-header-color-fg-subtitle-default)}.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-header-default-content{display:grid}.ids-dialog .ids-dialog-container .ids-dialog-content{overflow-y:auto;background:var(--ids-comp-dialog-content-color-bg-default)}.ids-dialog .ids-dialog-container .ids-dialog-content .ids-dialog-content-overflow{overflow-y:auto;height:100%}.ids-dialog .ids-dialog-container .ids-dialog-content.ids-dialog-content-scrollable{border-top-style:solid;border-bottom-style:solid;border-top-color:var(--ids-comp-dialog-content-color-border-surface-default);border-bottom-color:var(--ids-comp-dialog-content-color-border-surface-default)}.ids-dialog .ids-dialog-container .ids-dialog-actions{display:flex;background:var(--ids-comp-dialog-footer-color-bg-default);justify-content:flex-end;align-items:flex-start;align-content:flex-start;align-self:stretch;flex-wrap:wrap}.ids-dialog.ids-dialog-compact{border-radius:var(--ids-comp-dialog-container-size-border-radius-compact);border-width:var(--ids-comp-dialog-container-size-border-width-compact)}.ids-dialog.ids-dialog-compact.ids-dialog-with-backdrop::backdrop{opacity:var(--ids-comp-dialog-backdrop-size-opacity-compact)}.ids-dialog.ids-dialog-compact .ids-dialog-container{max-width:var(--ids-comp-dialog-container-size-width-compact);min-height:var(--ids-comp-dialog-container-size-min-height-compact);padding:var(--ids-comp-dialog-container-size-padding-y-compact) var(--ids-comp-dialog-container-size-padding-x-compact);gap:var(--ids-comp-dialog-container-size-gap-compact)}.ids-dialog.ids-dialog-compact .ids-dialog-container .ids-dialog-header .ids-dialog-title{font-family:var(--ids-comp-dialog-header-title-typography-font-family-compact);font-size:var(--ids-comp-dialog-header-title-typography-font-size-compact);font-weight:var(--ids-comp-dialog-header-title-typography-font-weight-compact);letter-spacing:var(--ids-comp-dialog-header-title-typography-letter-spacing-compact);line-height:var(--ids-comp-dialog-header-title-typography-line-height-compact)}.ids-dialog.ids-dialog-compact .ids-dialog-container .ids-dialog-header .ids-dialog-subtitle{font-family:var(--ids-comp-dialog-header-subtitle-typography-font-family-compact);font-size:var(--ids-comp-dialog-header-subtitle-typography-font-size-compact);font-weight:var(--ids-comp-dialog-header-subtitle-typography-font-weight-compact);letter-spacing:var(--ids-comp-dialog-header-subtitle-typography-letter-spacing-compact);line-height:var(--ids-comp-dialog-header-subtitle-typography-line-height-compact)}.ids-dialog.ids-dialog-compact .ids-dialog-container .ids-dialog-header .ids-dialog-header-default-content{gap:var(--ids-comp-dialog-header-size-gap-compact);padding:var(--ids-comp-dialog-header-size-padding-y-compact) var(--ids-comp-dialog-header-size-padding-x-compact)}.ids-dialog.ids-dialog-compact .ids-dialog-container .ids-dialog-content{padding:var(--ids-comp-dialog-content-fixed-size-padding-y-compact) var(--ids-comp-dialog-content-fixed-size-padding-x-compact)}.ids-dialog.ids-dialog-compact .ids-dialog-container .ids-dialog-content.ids-dialog-content-scrollable{padding:var(--ids-comp-dialog-content-scrollable-size-padding-y-compact) var(--ids-comp-dialog-content-scrollable-size-padding-x-compact);border-top-width:var(--ids-comp-dialog-content-scrollable-size-border-width-compact);border-bottom-width:var(--ids-comp-dialog-content-scrollable-size-border-width-compact)}.ids-dialog.ids-dialog-compact .ids-dialog-container .ids-dialog-actions{padding:var(--ids-comp-dialog-footer-padding-y-compact) var(--ids-comp-dialog-footer-padding-x-compact);gap:var(--ids-comp-dialog-footer-gap-compact)}.ids-dialog.ids-dialog-comfortable{border-radius:var(--ids-comp-dialog-container-size-border-radius-comfortable);border-width:var(--ids-comp-dialog-container-size-border-width-comfortable)}.ids-dialog.ids-dialog-comfortable.ids-dialog-with-backdrop::backdrop{opacity:var(--ids-comp-dialog-backdrop-size-opacity-comfortable)}.ids-dialog.ids-dialog-comfortable .ids-dialog-container{max-width:var(--ids-comp-dialog-container-size-width-comfortable);min-height:var(--ids-comp-dialog-container-size-min-height-comfortable);padding:var(--ids-comp-dialog-container-size-padding-y-comfortable) var(--ids-comp-dialog-container-size-padding-x-comfortable);gap:var(--ids-comp-dialog-container-size-gap-comfortable)}.ids-dialog.ids-dialog-comfortable .ids-dialog-container .ids-dialog-header .ids-dialog-title{font-family:var(--ids-comp-dialog-header-title-typography-font-family-comfortable);font-size:var(--ids-comp-dialog-header-title-typography-font-size-comfortable);font-weight:var(--ids-comp-dialog-header-title-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-dialog-header-title-typography-letter-spacing-comfortable);line-height:var(--ids-comp-dialog-header-title-typography-line-height-comfortable)}.ids-dialog.ids-dialog-comfortable .ids-dialog-container .ids-dialog-header .ids-dialog-subtitle{font-family:var(--ids-comp-dialog-header-subtitle-typography-font-family-comfortable);font-size:var(--ids-comp-dialog-header-subtitle-typography-font-size-comfortable);font-weight:var(--ids-comp-dialog-header-subtitle-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-dialog-header-subtitle-typography-letter-spacing-comfortable);line-height:var(--ids-comp-dialog-header-subtitle-typography-line-height-comfortable)}.ids-dialog.ids-dialog-comfortable .ids-dialog-container .ids-dialog-header .ids-dialog-header-default-content{gap:var(--ids-comp-dialog-header-size-gap-comfortable);padding:var(--ids-comp-dialog-header-size-padding-y-comfortable) var(--ids-comp-dialog-header-size-padding-x-comfortable)}.ids-dialog.ids-dialog-comfortable .ids-dialog-container .ids-dialog-content{padding:var(--ids-comp-dialog-content-fixed-size-padding-y-comfortable) var(--ids-comp-dialog-content-fixed-size-padding-x-comfortable)}.ids-dialog.ids-dialog-comfortable .ids-dialog-container .ids-dialog-content.ids-dialog-content-scrollable{padding:var(--ids-comp-dialog-content-scrollable-size-padding-y-comfortable) var(--ids-comp-dialog-content-scrollable-size-padding-x-comfortable);border-top-width:var(--ids-comp-dialog-content-scrollable-size-border-width-comfortable);border-bottom-width:var(--ids-comp-dialog-content-scrollable-size-border-width-comfortable)}.ids-dialog.ids-dialog-comfortable .ids-dialog-container .ids-dialog-actions{padding:var(--ids-comp-dialog-footer-padding-y-comfortable) var(--ids-comp-dialog-footer-padding-x-comfortable);gap:var(--ids-comp-dialog-footer-gap-comfortable)}.ids-dialog.ids-dialog-spacious{border-radius:var(--ids-comp-dialog-container-size-border-radius-spacious);border-width:var(--ids-comp-dialog-container-size-border-width-spacious)}.ids-dialog.ids-dialog-spacious.ids-dialog-with-backdrop::backdrop{opacity:var(--ids-comp-dialog-backdrop-size-opacity-spacious)}.ids-dialog.ids-dialog-spacious .ids-dialog-container{max-width:var(--ids-comp-dialog-container-size-width-spacious);min-height:var(--ids-comp-dialog-container-size-min-height-spacious);padding:var(--ids-comp-dialog-container-size-padding-y-spacious) var(--ids-comp-dialog-container-size-padding-x-spacious);gap:var(--ids-comp-dialog-container-size-gap-spacious)}.ids-dialog.ids-dialog-spacious .ids-dialog-container .ids-dialog-header .ids-dialog-title{font-family:var(--ids-comp-dialog-header-title-typography-font-family-spacious);font-size:var(--ids-comp-dialog-header-title-typography-font-size-spacious);font-weight:var(--ids-comp-dialog-header-title-typography-font-weight-spacious);letter-spacing:var(--ids-comp-dialog-header-title-typography-letter-spacing-spacious);line-height:var(--ids-comp-dialog-header-title-typography-line-height-spacious)}.ids-dialog.ids-dialog-spacious .ids-dialog-container .ids-dialog-header .ids-dialog-subtitle{font-family:var(--ids-comp-dialog-header-subtitle-typography-font-family-spacious);font-size:var(--ids-comp-dialog-header-subtitle-typography-font-size-spacious);font-weight:var(--ids-comp-dialog-header-subtitle-typography-font-weight-spacious);letter-spacing:var(--ids-comp-dialog-header-subtitle-typography-letter-spacing-spacious);line-height:var(--ids-comp-dialog-header-subtitle-typography-line-height-spacious)}.ids-dialog.ids-dialog-spacious .ids-dialog-container .ids-dialog-header .ids-dialog-header-default-content{gap:var(--ids-comp-dialog-header-size-gap-spacious);padding:var(--ids-comp-dialog-header-size-padding-y-spacious) var(--ids-comp-dialog-header-size-padding-x-spacious)}.ids-dialog.ids-dialog-spacious .ids-dialog-container .ids-dialog-content{padding:var(--ids-comp-dialog-content-fixed-size-padding-y-spacious) var(--ids-comp-dialog-content-fixed-size-padding-x-spacious)}.ids-dialog.ids-dialog-spacious .ids-dialog-container .ids-dialog-content.ids-dialog-content-scrollable{padding:var(--ids-comp-dialog-content-scrollable-size-padding-y-spacious) var(--ids-comp-dialog-content-scrollable-size-padding-x-spacious);border-top-width:var(--ids-comp-dialog-content-scrollable-size-border-width-spacious);border-bottom-width:var(--ids-comp-dialog-content-scrollable-size-border-width-spacious)}.ids-dialog.ids-dialog-spacious .ids-dialog-container .ids-dialog-actions{padding:var(--ids-comp-dialog-footer-padding-y-spacious) var(--ids-comp-dialog-footer-padding-x-spacious);gap:var(--ids-comp-dialog-footer-gap-spacious)}.ids-dialog.ids-dialog-dense{border-radius:var(--ids-comp-dialog-container-size-border-radius-dense);border-width:var(--ids-comp-dialog-container-size-border-width-dense)}.ids-dialog.ids-dialog-dense.ids-dialog-with-backdrop::backdrop{opacity:var(--ids-comp-dialog-backdrop-size-opacity-dense)}.ids-dialog.ids-dialog-dense .ids-dialog-container{max-width:var(--ids-comp-dialog-container-size-width-dense);min-height:var(--ids-comp-dialog-container-size-min-height-dense);padding:var(--ids-comp-dialog-container-size-padding-y-dense) var(--ids-comp-dialog-container-size-padding-x-dense);gap:var(--ids-comp-dialog-container-size-gap-dense)}.ids-dialog.ids-dialog-dense .ids-dialog-container .ids-dialog-header .ids-dialog-title{font-family:var(--ids-comp-dialog-header-title-typography-font-family-dense);font-size:var(--ids-comp-dialog-header-title-typography-font-size-dense);font-weight:var(--ids-comp-dialog-header-title-typography-font-weight-dense);letter-spacing:var(--ids-comp-dialog-header-title-typography-letter-spacing-dense);line-height:var(--ids-comp-dialog-header-title-typography-line-height-dense)}.ids-dialog.ids-dialog-dense .ids-dialog-container .ids-dialog-header .ids-dialog-subtitle{font-family:var(--ids-comp-dialog-header-subtitle-typography-font-family-dense);font-size:var(--ids-comp-dialog-header-subtitle-typography-font-size-dense);font-weight:var(--ids-comp-dialog-header-subtitle-typography-font-weight-dense);letter-spacing:var(--ids-comp-dialog-header-subtitle-typography-letter-spacing-dense);line-height:var(--ids-comp-dialog-header-subtitle-typography-line-height-dense)}.ids-dialog.ids-dialog-dense .ids-dialog-container .ids-dialog-header .ids-dialog-header-default-content{gap:var(--ids-comp-dialog-header-size-gap-dense);padding:var(--ids-comp-dialog-header-size-padding-y-dense) var(--ids-comp-dialog-header-size-padding-x-dense)}.ids-dialog.ids-dialog-dense .ids-dialog-container .ids-dialog-content{padding:var(--ids-comp-dialog-content-fixed-size-padding-y-dense) var(--ids-comp-dialog-content-fixed-size-padding-x-dense)}.ids-dialog.ids-dialog-dense .ids-dialog-container .ids-dialog-content.ids-dialog-content-scrollable{padding:var(--ids-comp-dialog-content-scrollable-size-padding-y-dense) var(--ids-comp-dialog-content-scrollable-size-padding-x-dense);border-top-width:var(--ids-comp-dialog-content-scrollable-size-border-width-dense);border-bottom-width:var(--ids-comp-dialog-content-scrollable-size-border-width-dense)}.ids-dialog.ids-dialog-dense .ids-dialog-container .ids-dialog-actions{padding:var(--ids-comp-dialog-footer-padding-y-dense) var(--ids-comp-dialog-footer-padding-x-dense);gap:var(--ids-comp-dialog-footer-gap-dense)}
@@ -34,7 +34,6 @@ module.exports = function DialogPlugin() {
34
34
  },
35
35
  '.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-header-default-content': { display: 'grid' },
36
36
  '.ids-dialog .ids-dialog-container .ids-dialog-content': {
37
- display: 'flex',
38
37
  overflowY: 'auto',
39
38
  background: 'var(--ids-comp-dialog-content-color-bg-default)',
40
39
  },
@@ -5,6 +5,7 @@
5
5
  border-color: transparent;
6
6
  line-height: 1.5;
7
7
  display: flex;
8
+ flex-shrink: 0;
8
9
  align-items: center;
9
10
  justify-content: center;
10
11
  }
@@ -1 +1 @@
1
- .ids-divider{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0);line-height:1.5;display:flex;align-items:center;justify-content:center}.ids-divider::before,.ids-divider::after,.ids-divider *,.ids-divider ::before,.ids-divider ::after{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0)}.ids-divider.ids-divider-compact{border-radius:var(--ids-comp-divider-size-border-radius-compact)}.ids-divider.ids-divider-compact.ids-divider-horizontal{height:var(--ids-comp-divider-size-height-compact)}.ids-divider.ids-divider-compact.ids-divider-vertical{width:var(--ids-comp-divider-size-width-compact)}.ids-divider.ids-divider-comfortable{border-radius:var(--ids-comp-divider-size-border-radius-comfortable)}.ids-divider.ids-divider-comfortable.ids-divider-horizontal{height:var(--ids-comp-divider-size-height-comfortable)}.ids-divider.ids-divider-comfortable.ids-divider-vertical{width:var(--ids-comp-divider-size-width-comfortable)}.ids-divider.ids-divider-spacious{border-radius:var(--ids-comp-divider-size-border-radius-spacious)}.ids-divider.ids-divider-spacious.ids-divider-horizontal{height:var(--ids-comp-divider-size-height-spacious)}.ids-divider.ids-divider-spacious.ids-divider-vertical{width:var(--ids-comp-divider-size-width-spacious)}.ids-divider.ids-divider-dense{border-radius:var(--ids-comp-divider-size-border-radius-dense)}.ids-divider.ids-divider-dense.ids-divider-horizontal{height:var(--ids-comp-divider-size-height-dense)}.ids-divider.ids-divider-dense.ids-divider-vertical{width:var(--ids-comp-divider-size-width-dense)}.ids-divider.ids-divider-primary{background:var(--ids-comp-divider-color-bg-primary-default)}.ids-divider.ids-divider-secondary{background:var(--ids-comp-divider-color-bg-secondary-default)}.ids-divider.ids-divider-brand{background:var(--ids-comp-divider-color-bg-brand-default)}.ids-divider.ids-divider-error{background:var(--ids-comp-divider-color-bg-error-default)}.ids-divider.ids-divider-success{background:var(--ids-comp-divider-color-bg-success-default)}.ids-divider.ids-divider-warning{background:var(--ids-comp-divider-color-bg-warning-default)}.ids-divider.ids-divider-light{background:var(--ids-comp-divider-color-bg-light-default)}.ids-divider.ids-divider-dark{background:var(--ids-comp-divider-color-bg-dark-default)}.ids-divider.ids-divider-surface{background:var(--ids-comp-divider-color-bg-surface-default)}
1
+ .ids-divider{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0);line-height:1.5;display:flex;flex-shrink:0;align-items:center;justify-content:center}.ids-divider::before,.ids-divider::after,.ids-divider *,.ids-divider ::before,.ids-divider ::after{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0)}.ids-divider.ids-divider-compact{border-radius:var(--ids-comp-divider-size-border-radius-compact)}.ids-divider.ids-divider-compact.ids-divider-horizontal{height:var(--ids-comp-divider-size-height-compact)}.ids-divider.ids-divider-compact.ids-divider-vertical{width:var(--ids-comp-divider-size-width-compact)}.ids-divider.ids-divider-comfortable{border-radius:var(--ids-comp-divider-size-border-radius-comfortable)}.ids-divider.ids-divider-comfortable.ids-divider-horizontal{height:var(--ids-comp-divider-size-height-comfortable)}.ids-divider.ids-divider-comfortable.ids-divider-vertical{width:var(--ids-comp-divider-size-width-comfortable)}.ids-divider.ids-divider-spacious{border-radius:var(--ids-comp-divider-size-border-radius-spacious)}.ids-divider.ids-divider-spacious.ids-divider-horizontal{height:var(--ids-comp-divider-size-height-spacious)}.ids-divider.ids-divider-spacious.ids-divider-vertical{width:var(--ids-comp-divider-size-width-spacious)}.ids-divider.ids-divider-dense{border-radius:var(--ids-comp-divider-size-border-radius-dense)}.ids-divider.ids-divider-dense.ids-divider-horizontal{height:var(--ids-comp-divider-size-height-dense)}.ids-divider.ids-divider-dense.ids-divider-vertical{width:var(--ids-comp-divider-size-width-dense)}.ids-divider.ids-divider-primary{background:var(--ids-comp-divider-color-bg-primary-default)}.ids-divider.ids-divider-secondary{background:var(--ids-comp-divider-color-bg-secondary-default)}.ids-divider.ids-divider-brand{background:var(--ids-comp-divider-color-bg-brand-default)}.ids-divider.ids-divider-error{background:var(--ids-comp-divider-color-bg-error-default)}.ids-divider.ids-divider-success{background:var(--ids-comp-divider-color-bg-success-default)}.ids-divider.ids-divider-warning{background:var(--ids-comp-divider-color-bg-warning-default)}.ids-divider.ids-divider-light{background:var(--ids-comp-divider-color-bg-light-default)}.ids-divider.ids-divider-dark{background:var(--ids-comp-divider-color-bg-dark-default)}.ids-divider.ids-divider-surface{background:var(--ids-comp-divider-color-bg-surface-default)}
@@ -9,6 +9,7 @@ module.exports = function DividerPlugin() {
9
9
  borderColor: 'rgba(0,0,0,0)',
10
10
  lineHeight: 1.5,
11
11
  display: 'flex',
12
+ flexShrink: 0,
12
13
  alignItems: 'center',
13
14
  justifyContent: 'center',
14
15
  },
@@ -30,6 +30,7 @@
30
30
  }
31
31
  .ids-radio-group > .ids-radio-group__list {
32
32
  display: flex;
33
+ width: inherit;
33
34
  }
34
35
  .ids-radio-group.ids-radio-group-horizontal > .ids-radio-group__list {
35
36
  flex-direction: row;
@@ -1 +1 @@
1
- .ids-radio-group{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0);line-height:1.5;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.ids-radio-group::before,.ids-radio-group::after,.ids-radio-group *,.ids-radio-group ::before,.ids-radio-group ::after{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0)}.ids-radio-group.ids-radio-group-left{align-items:flex-start}.ids-radio-group.ids-radio-group-right{align-items:flex-start}.ids-radio-group>.ids-radio-group__legend{display:flex;flex-direction:column}.ids-radio-group>.ids-radio-group__legend>.ids-radio-group__legend-container>.ids-radio-group__legend-label{font-style:normal}.ids-radio-group>.ids-radio-group__list{display:flex}.ids-radio-group.ids-radio-group-horizontal>.ids-radio-group__list{flex-direction:row;align-items:center}.ids-radio-group.ids-radio-group-horizontal.ids-radio-group-top>.ids-radio-group__list{align-items:flex-end}.ids-radio-group.ids-radio-group-horizontal.ids-radio-group-bottom>.ids-radio-group__list{align-items:flex-start}.ids-radio-group.ids-radio-group-vertical>.ids-radio-group__list{flex-direction:column;align-items:center}.ids-radio-group.ids-radio-group-vertical.ids-radio-group-left>.ids-radio-group__list{align-items:flex-end}.ids-radio-group.ids-radio-group-vertical.ids-radio-group-right>.ids-radio-group__list{align-items:flex-start}.ids-radio-group .ids-radio{display:flex;align-items:center}.ids-radio-group .ids-radio.ids-radio-left{flex-direction:row-reverse;justify-content:start}.ids-radio-group .ids-radio.ids-radio-right{flex-direction:row;justify-content:start}.ids-radio-group .ids-radio.ids-radio-top{flex-direction:column-reverse;justify-content:center;align-items:center}.ids-radio-group .ids-radio.ids-radio-bottom{flex-direction:column;align-items:center}.ids-radio-group .ids-radio.ids-radio-top .ids-radio__label-wrapper,.ids-radio-group .ids-radio.ids-radio-bottom .ids-radio__label-wrapper{align-items:center}.ids-radio-group .ids-radio.ids-radio-top .ids-radio__label,.ids-radio-group .ids-radio.ids-radio-bottom .ids-radio__label{justify-content:center;text-align:center}.ids-radio-group .ids-radio.ids-radio-left .ids-radio__label-wrapper,.ids-radio-group .ids-radio.ids-radio-right .ids-radio__label-wrapper{align-items:flex-start}.ids-radio-group .ids-radio.ids-radio-left .ids-radio__label,.ids-radio-group .ids-radio.ids-radio-right .ids-radio__label{justify-content:start}.ids-radio-group .ids-radio .ids-radio__input-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.ids-radio-group .ids-radio .ids-radio__touch-target{position:absolute;cursor:pointer}.ids-radio-group .ids-radio input[type=radio]{appearance:none;-webkit-appearance:none;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin:0;border-style:solid;cursor:pointer}.ids-radio-group .ids-radio input[type=radio]:focus,.ids-radio-group .ids-radio input[type=radio]:focus-visible{outline-offset:2px;outline-style:solid}.ids-radio-group .ids-radio input[type=radio]+.ids-radio__inner-circle{position:absolute;flex-shrink:0;width:0;height:0;border-width:0;border-style:solid;cursor:pointer}.ids-radio-group .ids-radio .ids-radio__label-wrapper{display:flex;flex-direction:column;cursor:pointer}.ids-radio-group .ids-radio .ids-radio__label{display:flex;align-items:center;flex:1 0 0;font-style:normal;cursor:pointer}.ids-radio-group .ids-radio.ids-radio-disabled .ids-radio__touch-target,.ids-radio-group .ids-radio.ids-radio-disabled input[type=radio],.ids-radio-group .ids-radio.ids-radio-disabled input[type=radio]+.ids-radio__inner-circle,.ids-radio-group .ids-radio.ids-radio-disabled .ids-radio__label-wrapper,.ids-radio-group .ids-radio.ids-radio-disabled .ids-radio__label{cursor:not-allowed}.ids-radio-group.ids-radio-group-compact{padding:var(--ids-comp-radio-group-vertical-fieldset-size-padding-y-compact) var(--ids-comp-radio-group-vertical-fieldset-size-padding-x-compact);gap:var(--ids-comp-radio-group-vertical-fieldset-size-gap-compact)}.ids-radio-group.ids-radio-group-compact>.ids-radio-group__legend{gap:var(--ids-comp-radio-group-vertical-fieldset-legend-size-gap-compact)}.ids-radio-group.ids-radio-group-compact.ids-radio-group-horizontal>.ids-radio-group__legend>.ids-radio-group__legend-container>.ids-radio-group__legend-label{font-family:var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-font-family-compact);font-size:var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-font-size-compact);font-weight:var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-font-weight-compact);line-height:var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-line-height-compact);letter-spacing:var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-letter-spacing-compact)}.ids-radio-group.ids-radio-group-compact.ids-radio-group-horizontal>.ids-radio-group__list{gap:var(--ids-comp-radio-group-horizontal-fieldset-list-size-gap-y-compact) var(--ids-comp-radio-group-horizontal-fieldset-list-size-gap-x-compact)}.ids-radio-group.ids-radio-group-compact.ids-radio-group-vertical>.ids-radio-group__legend>.ids-radio-group__legend-container>.ids-radio-group__legend-label{font-family:var(--ids-comp-radio-group-vertical-fieldset-legend-typography-font-family-compact);font-size:var(--ids-comp-radio-group-vertical-fieldset-legend-typography-font-size-compact);font-weight:var(--ids-comp-radio-group-vertical-fieldset-legend-typography-font-weight-compact);line-height:var(--ids-comp-radio-group-vertical-fieldset-legend-typography-line-height-compact);letter-spacing:var(--ids-comp-radio-group-vertical-fieldset-legend-typography-letter-spacing-compact)}.ids-radio-group.ids-radio-group-compact.ids-radio-group-vertical>.ids-radio-group__list{gap:var(--ids-comp-radio-group-vertical-fieldset-list-size-gap-compact)}.ids-radio-group.ids-radio-group-compact .ids-radio{padding:var(--ids-comp-radio-button-container-size-padding-y-compact) var(--ids-comp-radio-button-container-size-padding-x-compact);gap:var(--ids-comp-radio-button-container-size-gap-compact)}.ids-radio-group.ids-radio-group-compact .ids-radio .ids-radio__input-wrapper .ids-radio__touch-target{top:calc((var(--ids-comp-radio-button-input-size-height-compact) - var(--ids-comp-radio-button-input-size-touchtarget-height-compact))/2);left:calc((var(--ids-comp-radio-button-input-size-width-compact) - var(--ids-comp-radio-button-input-size-touchtarget-width-compact))/2);width:var(--ids-comp-radio-button-input-size-touchtarget-width-compact);height:var(--ids-comp-radio-button-input-size-touchtarget-height-compact)}.ids-radio-group.ids-radio-group-compact .ids-radio .ids-radio__input-wrapper input[type=radio]{width:var(--ids-comp-radio-button-input-size-width-compact);height:var(--ids-comp-radio-button-input-size-height-compact);border-radius:var(--ids-comp-radio-button-input-size-border-radius-compact);border-width:var(--ids-comp-radio-button-input-size-border-width-compact)}.ids-radio-group.ids-radio-group-compact .ids-radio .ids-radio__input-wrapper input[type=radio]:checked+.ids-radio__inner-circle{width:var(--ids-comp-radio-button-input-inner-circle-size-width-compact);height:var(--ids-comp-radio-button-input-inner-circle-size-height-compact);border-radius:var(--ids-comp-radio-button-input-inner-circle-size-border-radius-compact);border-width:var(--ids-comp-radio-button-input-inner-circle-size-border-width-compact)}.ids-radio-group.ids-radio-group-compact .ids-radio .ids-radio__input-wrapper input[type=radio]:focus,.ids-radio-group.ids-radio-group-compact .ids-radio .ids-radio__input-wrapper input[type=radio]:focus-visible{outline-width:var(--ids-comp-radio-focused-outline-outline-compact)}.ids-radio-group.ids-radio-group-compact .ids-radio .ids-radio__label-wrapper{gap:var(--ids-comp-radio-button-label-group-size-gap-compact)}.ids-radio-group.ids-radio-group-compact .ids-radio .ids-radio__label{padding:var(--ids-comp-radio-button-label-size-padding-y-compact) 0;font-family:var(--ids-comp-radio-button-label-typography-font-family-compact);font-size:var(--ids-comp-radio-button-label-typography-font-size-compact);font-weight:var(--ids-comp-radio-button-label-typography-font-weight-compact);line-height:var(--ids-comp-radio-button-label-typography-line-height-compact);letter-spacing:var(--ids-comp-radio-button-label-typography-letter-spacing-compact)}.ids-radio-group.ids-radio-group-comfortable{padding:var(--ids-comp-radio-group-vertical-fieldset-size-padding-y-comfortable) var(--ids-comp-radio-group-vertical-fieldset-size-padding-x-comfortable);gap:var(--ids-comp-radio-group-vertical-fieldset-size-gap-comfortable)}.ids-radio-group.ids-radio-group-comfortable>.ids-radio-group__legend{gap:var(--ids-comp-radio-group-vertical-fieldset-legend-size-gap-comfortable)}.ids-radio-group.ids-radio-group-comfortable.ids-radio-group-horizontal>.ids-radio-group__legend>.ids-radio-group__legend-container>.ids-radio-group__legend-label{font-family:var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-font-family-comfortable);font-size:var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-font-size-comfortable);font-weight:var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-font-weight-comfortable);line-height:var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-line-height-comfortable);letter-spacing:var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-letter-spacing-comfortable)}.ids-radio-group.ids-radio-group-comfortable.ids-radio-group-horizontal>.ids-radio-group__list{gap:var(--ids-comp-radio-group-horizontal-fieldset-list-size-gap-y-comfortable) var(--ids-comp-radio-group-horizontal-fieldset-list-size-gap-x-comfortable)}.ids-radio-group.ids-radio-group-comfortable.ids-radio-group-vertical>.ids-radio-group__legend>.ids-radio-group__legend-container>.ids-radio-group__legend-label{font-family:var(--ids-comp-radio-group-vertical-fieldset-legend-typography-font-family-comfortable);font-size:var(--ids-comp-radio-group-vertical-fieldset-legend-typography-font-size-comfortable);font-weight:var(--ids-comp-radio-group-vertical-fieldset-legend-typography-font-weight-comfortable);line-height:var(--ids-comp-radio-group-vertical-fieldset-legend-typography-line-height-comfortable);letter-spacing:var(--ids-comp-radio-group-vertical-fieldset-legend-typography-letter-spacing-comfortable)}.ids-radio-group.ids-radio-group-comfortable.ids-radio-group-vertical>.ids-radio-group__list{gap:var(--ids-comp-radio-group-vertical-fieldset-list-size-gap-comfortable)}.ids-radio-group.ids-radio-group-comfortable .ids-radio{padding:var(--ids-comp-radio-button-container-size-padding-y-comfortable) var(--ids-comp-radio-button-container-size-padding-x-comfortable);gap:var(--ids-comp-radio-button-container-size-gap-comfortable)}.ids-radio-group.ids-radio-group-comfortable .ids-radio .ids-radio__input-wrapper .ids-radio__touch-target{top:calc((var(--ids-comp-radio-button-input-size-height-comfortable) - var(--ids-comp-radio-button-input-size-touchtarget-height-comfortable))/2);left:calc((var(--ids-comp-radio-button-input-size-width-comfortable) - var(--ids-comp-radio-button-input-size-touchtarget-width-comfortable))/2);width:var(--ids-comp-radio-button-input-size-touchtarget-width-comfortable);height:var(--ids-comp-radio-button-input-size-touchtarget-height-comfortable)}.ids-radio-group.ids-radio-group-comfortable .ids-radio .ids-radio__input-wrapper input[type=radio]{width:var(--ids-comp-radio-button-input-size-width-comfortable);height:var(--ids-comp-radio-button-input-size-height-comfortable);border-radius:var(--ids-comp-radio-button-input-size-border-radius-comfortable);border-width:var(--ids-comp-radio-button-input-size-border-width-comfortable)}.ids-radio-group.ids-radio-group-comfortable .ids-radio .ids-radio__input-wrapper input[type=radio]:checked+.ids-radio__inner-circle{width:var(--ids-comp-radio-button-input-inner-circle-size-width-comfortable);height:var(--ids-comp-radio-button-input-inner-circle-size-height-comfortable);border-radius:var(--ids-comp-radio-button-input-inner-circle-size-border-radius-comfortable);border-width:var(--ids-comp-radio-button-input-inner-circle-size-border-width-comfortable)}.ids-radio-group.ids-radio-group-comfortable .ids-radio .ids-radio__input-wrapper input[type=radio]:focus,.ids-radio-group.ids-radio-group-comfortable .ids-radio .ids-radio__input-wrapper input[type=radio]:focus-visible{outline-width:var(--ids-comp-radio-focused-outline-outline-comfortable)}.ids-radio-group.ids-radio-group-comfortable .ids-radio .ids-radio__label-wrapper{gap:var(--ids-comp-radio-button-label-group-size-gap-comfortable)}.ids-radio-group.ids-radio-group-comfortable .ids-radio .ids-radio__label{padding:var(--ids-comp-radio-button-label-size-padding-y-comfortable) 0;font-family:var(--ids-comp-radio-button-label-typography-font-family-comfortable);font-size:var(--ids-comp-radio-button-label-typography-font-size-comfortable);font-weight:var(--ids-comp-radio-button-label-typography-font-weight-comfortable);line-height:var(--ids-comp-radio-button-label-typography-line-height-comfortable);letter-spacing:var(--ids-comp-radio-button-label-typography-letter-spacing-comfortable)}.ids-radio-group.ids-radio-group-spacious{padding:var(--ids-comp-radio-group-vertical-fieldset-size-padding-y-spacious) var(--ids-comp-radio-group-vertical-fieldset-size-padding-x-spacious);gap:var(--ids-comp-radio-group-vertical-fieldset-size-gap-spacious)}.ids-radio-group.ids-radio-group-spacious>.ids-radio-group__legend{gap:var(--ids-comp-radio-group-vertical-fieldset-legend-size-gap-spacious)}.ids-radio-group.ids-radio-group-spacious.ids-radio-group-horizontal>.ids-radio-group__legend>.ids-radio-group__legend-container>.ids-radio-group__legend-label{font-family:var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-font-family-spacious);font-size:var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-font-size-spacious);font-weight:var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-font-weight-spacious);line-height:var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-line-height-spacious);letter-spacing:var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-letter-spacing-spacious)}.ids-radio-group.ids-radio-group-spacious.ids-radio-group-horizontal>.ids-radio-group__list{gap:var(--ids-comp-radio-group-horizontal-fieldset-list-size-gap-y-spacious) var(--ids-comp-radio-group-horizontal-fieldset-list-size-gap-x-spacious)}.ids-radio-group.ids-radio-group-spacious.ids-radio-group-vertical>.ids-radio-group__legend>.ids-radio-group__legend-container>.ids-radio-group__legend-label{font-family:var(--ids-comp-radio-group-vertical-fieldset-legend-typography-font-family-spacious);font-size:var(--ids-comp-radio-group-vertical-fieldset-legend-typography-font-size-spacious);font-weight:var(--ids-comp-radio-group-vertical-fieldset-legend-typography-font-weight-spacious);line-height:var(--ids-comp-radio-group-vertical-fieldset-legend-typography-line-height-spacious);letter-spacing:var(--ids-comp-radio-group-vertical-fieldset-legend-typography-letter-spacing-spacious)}.ids-radio-group.ids-radio-group-spacious.ids-radio-group-vertical>.ids-radio-group__list{gap:var(--ids-comp-radio-group-vertical-fieldset-list-size-gap-spacious)}.ids-radio-group.ids-radio-group-spacious .ids-radio{padding:var(--ids-comp-radio-button-container-size-padding-y-spacious) var(--ids-comp-radio-button-container-size-padding-x-spacious);gap:var(--ids-comp-radio-button-container-size-gap-spacious)}.ids-radio-group.ids-radio-group-spacious .ids-radio .ids-radio__input-wrapper .ids-radio__touch-target{top:calc((var(--ids-comp-radio-button-input-size-height-spacious) - var(--ids-comp-radio-button-input-size-touchtarget-height-spacious))/2);left:calc((var(--ids-comp-radio-button-input-size-width-spacious) - var(--ids-comp-radio-button-input-size-touchtarget-width-spacious))/2);width:var(--ids-comp-radio-button-input-size-touchtarget-width-spacious);height:var(--ids-comp-radio-button-input-size-touchtarget-height-spacious)}.ids-radio-group.ids-radio-group-spacious .ids-radio .ids-radio__input-wrapper input[type=radio]{width:var(--ids-comp-radio-button-input-size-width-spacious);height:var(--ids-comp-radio-button-input-size-height-spacious);border-radius:var(--ids-comp-radio-button-input-size-border-radius-spacious);border-width:var(--ids-comp-radio-button-input-size-border-width-spacious)}.ids-radio-group.ids-radio-group-spacious .ids-radio .ids-radio__input-wrapper input[type=radio]:checked+.ids-radio__inner-circle{width:var(--ids-comp-radio-button-input-inner-circle-size-width-spacious);height:var(--ids-comp-radio-button-input-inner-circle-size-height-spacious);border-radius:var(--ids-comp-radio-button-input-inner-circle-size-border-radius-spacious);border-width:var(--ids-comp-radio-button-input-inner-circle-size-border-width-spacious)}.ids-radio-group.ids-radio-group-spacious .ids-radio .ids-radio__input-wrapper input[type=radio]:focus,.ids-radio-group.ids-radio-group-spacious .ids-radio .ids-radio__input-wrapper input[type=radio]:focus-visible{outline-width:var(--ids-comp-radio-focused-outline-outline-spacious)}.ids-radio-group.ids-radio-group-spacious .ids-radio .ids-radio__label-wrapper{gap:var(--ids-comp-radio-button-label-group-size-gap-spacious)}.ids-radio-group.ids-radio-group-spacious .ids-radio .ids-radio__label{padding:var(--ids-comp-radio-button-label-size-padding-y-spacious) 0;font-family:var(--ids-comp-radio-button-label-typography-font-family-spacious);font-size:var(--ids-comp-radio-button-label-typography-font-size-spacious);font-weight:var(--ids-comp-radio-button-label-typography-font-weight-spacious);line-height:var(--ids-comp-radio-button-label-typography-line-height-spacious);letter-spacing:var(--ids-comp-radio-button-label-typography-letter-spacing-spacious)}.ids-radio-group.ids-radio-group-dense{padding:var(--ids-comp-radio-group-vertical-fieldset-size-padding-y-dense) var(--ids-comp-radio-group-vertical-fieldset-size-padding-x-dense);gap:var(--ids-comp-radio-group-vertical-fieldset-size-gap-dense)}.ids-radio-group.ids-radio-group-dense>.ids-radio-group__legend{gap:var(--ids-comp-radio-group-vertical-fieldset-legend-size-gap-dense)}.ids-radio-group.ids-radio-group-dense.ids-radio-group-horizontal>.ids-radio-group__legend>.ids-radio-group__legend-container>.ids-radio-group__legend-label{font-family:var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-font-family-dense);font-size:var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-font-size-dense);font-weight:var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-font-weight-dense);line-height:var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-line-height-dense);letter-spacing:var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-letter-spacing-dense)}.ids-radio-group.ids-radio-group-dense.ids-radio-group-horizontal>.ids-radio-group__list{gap:var(--ids-comp-radio-group-horizontal-fieldset-list-size-gap-y-dense) var(--ids-comp-radio-group-horizontal-fieldset-list-size-gap-x-dense)}.ids-radio-group.ids-radio-group-dense.ids-radio-group-vertical>.ids-radio-group__legend>.ids-radio-group__legend-container>.ids-radio-group__legend-label{font-family:var(--ids-comp-radio-group-vertical-fieldset-legend-typography-font-family-dense);font-size:var(--ids-comp-radio-group-vertical-fieldset-legend-typography-font-size-dense);font-weight:var(--ids-comp-radio-group-vertical-fieldset-legend-typography-font-weight-dense);line-height:var(--ids-comp-radio-group-vertical-fieldset-legend-typography-line-height-dense);letter-spacing:var(--ids-comp-radio-group-vertical-fieldset-legend-typography-letter-spacing-dense)}.ids-radio-group.ids-radio-group-dense.ids-radio-group-vertical>.ids-radio-group__list{gap:var(--ids-comp-radio-group-vertical-fieldset-list-size-gap-dense)}.ids-radio-group.ids-radio-group-dense .ids-radio{padding:var(--ids-comp-radio-button-container-size-padding-y-dense) var(--ids-comp-radio-button-container-size-padding-x-dense);gap:var(--ids-comp-radio-button-container-size-gap-dense)}.ids-radio-group.ids-radio-group-dense .ids-radio .ids-radio__input-wrapper .ids-radio__touch-target{top:calc((var(--ids-comp-radio-button-input-size-height-dense) - var(--ids-comp-radio-button-input-size-touchtarget-height-dense))/2);left:calc((var(--ids-comp-radio-button-input-size-width-dense) - var(--ids-comp-radio-button-input-size-touchtarget-width-dense))/2);width:var(--ids-comp-radio-button-input-size-touchtarget-width-dense);height:var(--ids-comp-radio-button-input-size-touchtarget-height-dense)}.ids-radio-group.ids-radio-group-dense .ids-radio .ids-radio__input-wrapper input[type=radio]{width:var(--ids-comp-radio-button-input-size-width-dense);height:var(--ids-comp-radio-button-input-size-height-dense);border-radius:var(--ids-comp-radio-button-input-size-border-radius-dense);border-width:var(--ids-comp-radio-button-input-size-border-width-dense)}.ids-radio-group.ids-radio-group-dense .ids-radio .ids-radio__input-wrapper input[type=radio]:checked+.ids-radio__inner-circle{width:var(--ids-comp-radio-button-input-inner-circle-size-width-dense);height:var(--ids-comp-radio-button-input-inner-circle-size-height-dense);border-radius:var(--ids-comp-radio-button-input-inner-circle-size-border-radius-dense);border-width:var(--ids-comp-radio-button-input-inner-circle-size-border-width-dense)}.ids-radio-group.ids-radio-group-dense .ids-radio .ids-radio__input-wrapper input[type=radio]:focus,.ids-radio-group.ids-radio-group-dense .ids-radio .ids-radio__input-wrapper input[type=radio]:focus-visible{outline-width:var(--ids-comp-radio-focused-outline-outline-dense)}.ids-radio-group.ids-radio-group-dense .ids-radio .ids-radio__label-wrapper{gap:var(--ids-comp-radio-button-label-group-size-gap-dense)}.ids-radio-group.ids-radio-group-dense .ids-radio .ids-radio__label{padding:var(--ids-comp-radio-button-label-size-padding-y-dense) 0;font-family:var(--ids-comp-radio-button-label-typography-font-family-dense);font-size:var(--ids-comp-radio-button-label-typography-font-size-dense);font-weight:var(--ids-comp-radio-button-label-typography-font-weight-dense);line-height:var(--ids-comp-radio-button-label-typography-line-height-dense);letter-spacing:var(--ids-comp-radio-button-label-typography-letter-spacing-dense)}.ids-radio-group.ids-radio-group-surface .ids-radio-group__legend-label{color:var(--ids-comp-radio-group-legend-color-fg-surface-default)}.ids-radio-group.ids-radio-group-surface.ids-radio-group-disabled .ids-radio-group__legend-label{color:var(--ids-comp-radio-group-legend-color-fg-surface-disabled)}.ids-radio-group .ids-radio-surface input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-unselected-color-border-surface-default);background-color:var(--ids-comp-radio-input-unselected-color-bg-surface-default)}.ids-radio-group .ids-radio-surface input[type=radio]:not(:disabled):hover{border-color:var(--ids-comp-radio-input-unselected-color-border-surface-hovered);background-color:var(--ids-comp-radio-input-unselected-color-bg-surface-hovered)}.ids-radio-group .ids-radio-surface input[type=radio]:not(:disabled):active{border-color:var(--ids-comp-radio-input-unselected-color-border-surface-pressed);background-color:var(--ids-comp-radio-input-unselected-color-bg-surface-pressed)}.ids-radio-group .ids-radio-surface input[type=radio]:not(:disabled):focus,.ids-radio-group .ids-radio-surface input[type=radio]:not(:disabled):focus-visible{border-color:var(--ids-comp-radio-input-unselected-color-border-surface-default);background-color:var(--ids-comp-radio-input-unselected-color-bg-surface-default);outline-color:var(--ids-comp-radio-input-unselected-color-focused-outline-surface-focused)}.ids-radio-group .ids-radio-surface input[type=radio]:disabled{border-color:var(--ids-comp-radio-input-unselected-color-border-surface-disabled);background-color:var(--ids-comp-radio-input-unselected-color-bg-surface-disabled)}.ids-radio-group .ids-radio-surface input[type=radio]:checked:not(:disabled){border-color:var(--ids-comp-radio-input-selected-color-border-surface-default);background-color:var(--ids-comp-radio-input-selected-color-bg-surface-default)}.ids-radio-group .ids-radio-surface input[type=radio]:checked:not(:disabled)+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-default);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-default)}.ids-radio-group .ids-radio-surface input[type=radio]:checked:not(:disabled):hover{border-color:var(--ids-comp-radio-input-selected-color-border-surface-hovered);background-color:var(--ids-comp-radio-input-selected-color-bg-surface-hovered)}.ids-radio-group .ids-radio-surface input[type=radio]:checked:not(:disabled):hover+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-hovered);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-hovered)}.ids-radio-group .ids-radio-surface input[type=radio]:checked:not(:disabled):active{border-color:var(--ids-comp-radio-input-selected-color-border-surface-pressed);background-color:var(--ids-comp-radio-input-selected-color-bg-surface-pressed)}.ids-radio-group .ids-radio-surface input[type=radio]:checked:not(:disabled):active+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-pressed);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-pressed)}.ids-radio-group .ids-radio-surface input[type=radio]:checked:not(:disabled):focus,.ids-radio-group .ids-radio-surface input[type=radio]:checked:not(:disabled):focus-visible{border-color:var(--ids-comp-radio-input-selected-color-border-surface-default);background-color:var(--ids-comp-radio-input-selected-color-bg-surface-default);outline-color:var(--ids-comp-radio-input-selected-color-focused-outline-surface-focused)}.ids-radio-group .ids-radio-surface input[type=radio]:checked:not(:disabled):focus+.ids-radio__inner-circle,.ids-radio-group .ids-radio-surface input[type=radio]:checked:not(:disabled):focus-visible+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-default);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-default)}.ids-radio-group .ids-radio-surface input[type=radio]:checked:disabled{border-color:var(--ids-comp-radio-input-selected-color-border-surface-disabled);background-color:var(--ids-comp-radio-input-selected-color-bg-surface-disabled)}.ids-radio-group .ids-radio-surface input[type=radio]:checked:disabled+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-disabled);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-disabled)}.ids-radio-group .ids-radio-surface:not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled),.ids-radio-group .ids-radio-surface:not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-unselected-color-border-surface-hovered);background-color:var(--ids-comp-radio-input-unselected-color-bg-surface-hovered)}.ids-radio-group .ids-radio-surface:not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) .ids-radio__label,.ids-radio-group .ids-radio-surface:not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) .ids-radio__label{color:var(--ids-comp-radio-label-color-fg-surface-hovered)}.ids-radio-group .ids-radio-surface:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled),.ids-radio-group .ids-radio-surface:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-selected-color-border-surface-hovered);background-color:var(--ids-comp-radio-input-selected-color-bg-surface-hovered)}.ids-radio-group .ids-radio-surface:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled)+.ids-radio__inner-circle,.ids-radio-group .ids-radio-surface:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-hovered);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-hovered)}.ids-radio-group .ids-radio-surface:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) .ids-radio__label,.ids-radio-group .ids-radio-surface:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) .ids-radio__label{color:var(--ids-comp-radio-label-color-fg-surface-hovered)}.ids-radio-group .ids-radio-surface .ids-radio__label{color:var(--ids-comp-radio-label-color-fg-surface-default)}.ids-radio-group .ids-radio-surface .ids-radio__label:active{color:var(--ids-comp-radio-label-color-fg-surface-pressed)}.ids-radio-group .ids-radio-surface .ids-radio__label:focus,.ids-radio-group .ids-radio-surface .ids-radio__label:focus-visible{color:var(--ids-comp-radio-label-color-fg-surface-focused)}.ids-radio-group .ids-radio-surface.ids-radio-disabled .ids-radio__label{color:var(--ids-comp-radio-label-color-fg-surface-disabled)}.ids-radio-group.ids-radio-group-light .ids-radio-group__legend-label{color:var(--ids-comp-radio-group-legend-color-fg-light-default)}.ids-radio-group.ids-radio-group-light.ids-radio-group-disabled .ids-radio-group__legend-label{color:var(--ids-comp-radio-group-legend-color-fg-light-disabled)}.ids-radio-group .ids-radio-light input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-unselected-color-border-light-default);background-color:var(--ids-comp-radio-input-unselected-color-bg-light-default)}.ids-radio-group .ids-radio-light input[type=radio]:not(:disabled):hover{border-color:var(--ids-comp-radio-input-unselected-color-border-light-hovered);background-color:var(--ids-comp-radio-input-unselected-color-bg-light-hovered)}.ids-radio-group .ids-radio-light input[type=radio]:not(:disabled):active{border-color:var(--ids-comp-radio-input-unselected-color-border-light-pressed);background-color:var(--ids-comp-radio-input-unselected-color-bg-light-pressed)}.ids-radio-group .ids-radio-light input[type=radio]:not(:disabled):focus,.ids-radio-group .ids-radio-light input[type=radio]:not(:disabled):focus-visible{border-color:var(--ids-comp-radio-input-unselected-color-border-light-default);background-color:var(--ids-comp-radio-input-unselected-color-bg-light-default);outline-color:var(--ids-comp-radio-input-unselected-color-focused-outline-light-focused)}.ids-radio-group .ids-radio-light input[type=radio]:disabled{border-color:var(--ids-comp-radio-input-unselected-color-border-light-disabled);background-color:var(--ids-comp-radio-input-unselected-color-bg-light-disabled)}.ids-radio-group .ids-radio-light input[type=radio]:checked:not(:disabled){border-color:var(--ids-comp-radio-input-selected-color-border-light-default);background-color:var(--ids-comp-radio-input-selected-color-bg-light-default)}.ids-radio-group .ids-radio-light input[type=radio]:checked:not(:disabled)+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-light-default);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-default)}.ids-radio-group .ids-radio-light input[type=radio]:checked:not(:disabled):hover{border-color:var(--ids-comp-radio-input-selected-color-border-light-hovered);background-color:var(--ids-comp-radio-input-selected-color-bg-light-hovered)}.ids-radio-group .ids-radio-light input[type=radio]:checked:not(:disabled):hover+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-light-hovered);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-hovered)}.ids-radio-group .ids-radio-light input[type=radio]:checked:not(:disabled):active{border-color:var(--ids-comp-radio-input-selected-color-border-light-pressed);background-color:var(--ids-comp-radio-input-selected-color-bg-light-pressed)}.ids-radio-group .ids-radio-light input[type=radio]:checked:not(:disabled):active+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-light-pressed);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-pressed)}.ids-radio-group .ids-radio-light input[type=radio]:checked:not(:disabled):focus,.ids-radio-group .ids-radio-light input[type=radio]:checked:not(:disabled):focus-visible{border-color:var(--ids-comp-radio-input-selected-color-border-light-default);background-color:var(--ids-comp-radio-input-selected-color-bg-light-default);outline-color:var(--ids-comp-radio-input-selected-color-focused-outline-light-focused)}.ids-radio-group .ids-radio-light input[type=radio]:checked:not(:disabled):focus+.ids-radio__inner-circle,.ids-radio-group .ids-radio-light input[type=radio]:checked:not(:disabled):focus-visible+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-light-default);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-default)}.ids-radio-group .ids-radio-light input[type=radio]:checked:disabled{border-color:var(--ids-comp-radio-input-selected-color-border-light-disabled);background-color:var(--ids-comp-radio-input-selected-color-bg-light-disabled)}.ids-radio-group .ids-radio-light input[type=radio]:checked:disabled+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-light-disabled);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-disabled)}.ids-radio-group .ids-radio-light:not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled),.ids-radio-group .ids-radio-light:not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-unselected-color-border-light-hovered);background-color:var(--ids-comp-radio-input-unselected-color-bg-light-hovered)}.ids-radio-group .ids-radio-light:not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) .ids-radio__label,.ids-radio-group .ids-radio-light:not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) .ids-radio__label{color:var(--ids-comp-radio-label-color-fg-light-hovered)}.ids-radio-group .ids-radio-light:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled),.ids-radio-group .ids-radio-light:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-selected-color-border-light-hovered);background-color:var(--ids-comp-radio-input-selected-color-bg-light-hovered)}.ids-radio-group .ids-radio-light:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled)+.ids-radio__inner-circle,.ids-radio-group .ids-radio-light:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-light-hovered);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-hovered)}.ids-radio-group .ids-radio-light:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) .ids-radio__label,.ids-radio-group .ids-radio-light:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) .ids-radio__label{color:var(--ids-comp-radio-label-color-fg-light-hovered)}.ids-radio-group .ids-radio-light .ids-radio__label{color:var(--ids-comp-radio-label-color-fg-light-default)}.ids-radio-group .ids-radio-light .ids-radio__label:active{color:var(--ids-comp-radio-label-color-fg-light-pressed)}.ids-radio-group .ids-radio-light .ids-radio__label:focus,.ids-radio-group .ids-radio-light .ids-radio__label:focus-visible{color:var(--ids-comp-radio-label-color-fg-light-focused)}.ids-radio-group .ids-radio-light.ids-radio-disabled .ids-radio__label{color:var(--ids-comp-radio-label-color-fg-light-disabled)}.ids-radio-group.ids-radio-group-dark .ids-radio-group__legend-label{color:var(--ids-comp-radio-group-legend-color-fg-dark-default)}.ids-radio-group.ids-radio-group-dark.ids-radio-group-disabled .ids-radio-group__legend-label{color:var(--ids-comp-radio-group-legend-color-fg-dark-disabled)}.ids-radio-group .ids-radio-dark input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-unselected-color-border-dark-default);background-color:var(--ids-comp-radio-input-unselected-color-bg-dark-default)}.ids-radio-group .ids-radio-dark input[type=radio]:not(:disabled):hover{border-color:var(--ids-comp-radio-input-unselected-color-border-dark-hovered);background-color:var(--ids-comp-radio-input-unselected-color-bg-dark-hovered)}.ids-radio-group .ids-radio-dark input[type=radio]:not(:disabled):active{border-color:var(--ids-comp-radio-input-unselected-color-border-dark-pressed);background-color:var(--ids-comp-radio-input-unselected-color-bg-dark-pressed)}.ids-radio-group .ids-radio-dark input[type=radio]:not(:disabled):focus,.ids-radio-group .ids-radio-dark input[type=radio]:not(:disabled):focus-visible{border-color:var(--ids-comp-radio-input-unselected-color-border-dark-default);background-color:var(--ids-comp-radio-input-unselected-color-bg-dark-default);outline-color:var(--ids-comp-radio-input-unselected-color-focused-outline-dark-focused)}.ids-radio-group .ids-radio-dark input[type=radio]:disabled{border-color:var(--ids-comp-radio-input-unselected-color-border-dark-disabled);background-color:var(--ids-comp-radio-input-unselected-color-bg-dark-disabled)}.ids-radio-group .ids-radio-dark input[type=radio]:checked:not(:disabled){border-color:var(--ids-comp-radio-input-selected-color-border-dark-default);background-color:var(--ids-comp-radio-input-selected-color-bg-dark-default)}.ids-radio-group .ids-radio-dark input[type=radio]:checked:not(:disabled)+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-default);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-default)}.ids-radio-group .ids-radio-dark input[type=radio]:checked:not(:disabled):hover{border-color:var(--ids-comp-radio-input-selected-color-border-dark-hovered);background-color:var(--ids-comp-radio-input-selected-color-bg-dark-hovered)}.ids-radio-group .ids-radio-dark input[type=radio]:checked:not(:disabled):hover+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-hovered);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-hovered)}.ids-radio-group .ids-radio-dark input[type=radio]:checked:not(:disabled):active{border-color:var(--ids-comp-radio-input-selected-color-border-dark-pressed);background-color:var(--ids-comp-radio-input-selected-color-bg-dark-pressed)}.ids-radio-group .ids-radio-dark input[type=radio]:checked:not(:disabled):active+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-pressed);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-pressed)}.ids-radio-group .ids-radio-dark input[type=radio]:checked:not(:disabled):focus,.ids-radio-group .ids-radio-dark input[type=radio]:checked:not(:disabled):focus-visible{border-color:var(--ids-comp-radio-input-selected-color-border-dark-default);background-color:var(--ids-comp-radio-input-selected-color-bg-dark-default);outline-color:var(--ids-comp-radio-input-selected-color-focused-outline-dark-focused)}.ids-radio-group .ids-radio-dark input[type=radio]:checked:not(:disabled):focus+.ids-radio__inner-circle,.ids-radio-group .ids-radio-dark input[type=radio]:checked:not(:disabled):focus-visible+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-default);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-default)}.ids-radio-group .ids-radio-dark input[type=radio]:checked:disabled{border-color:var(--ids-comp-radio-input-selected-color-border-dark-disabled);background-color:var(--ids-comp-radio-input-selected-color-bg-dark-disabled)}.ids-radio-group .ids-radio-dark input[type=radio]:checked:disabled+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-disabled);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-disabled)}.ids-radio-group .ids-radio-dark:not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled),.ids-radio-group .ids-radio-dark:not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-unselected-color-border-dark-hovered);background-color:var(--ids-comp-radio-input-unselected-color-bg-dark-hovered)}.ids-radio-group .ids-radio-dark:not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) .ids-radio__label,.ids-radio-group .ids-radio-dark:not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) .ids-radio__label{color:var(--ids-comp-radio-label-color-fg-dark-hovered)}.ids-radio-group .ids-radio-dark:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled),.ids-radio-group .ids-radio-dark:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-selected-color-border-dark-hovered);background-color:var(--ids-comp-radio-input-selected-color-bg-dark-hovered)}.ids-radio-group .ids-radio-dark:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled)+.ids-radio__inner-circle,.ids-radio-group .ids-radio-dark:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-hovered);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-hovered)}.ids-radio-group .ids-radio-dark:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) .ids-radio__label,.ids-radio-group .ids-radio-dark:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) .ids-radio__label{color:var(--ids-comp-radio-label-color-fg-dark-hovered)}.ids-radio-group .ids-radio-dark .ids-radio__label{color:var(--ids-comp-radio-label-color-fg-dark-default)}.ids-radio-group .ids-radio-dark .ids-radio__label:active{color:var(--ids-comp-radio-label-color-fg-dark-pressed)}.ids-radio-group .ids-radio-dark .ids-radio__label:focus,.ids-radio-group .ids-radio-dark .ids-radio__label:focus-visible{color:var(--ids-comp-radio-label-color-fg-dark-focused)}.ids-radio-group .ids-radio-dark.ids-radio-disabled .ids-radio__label{color:var(--ids-comp-radio-label-color-fg-dark-disabled)}.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-unselected-color-border-surface-error-default);background-color:var(--ids-comp-radio-input-unselected-color-bg-surface-default)}.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:not(:disabled):hover{border-color:var(--ids-comp-radio-input-unselected-color-border-surface-error-hovered);background-color:var(--ids-comp-radio-input-unselected-color-bg-surface-hovered)}.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:not(:disabled):active{border-color:var(--ids-comp-radio-input-unselected-color-border-surface-error-pressed);background-color:var(--ids-comp-radio-input-unselected-color-bg-surface-pressed)}.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:not(:disabled):focus,.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:not(:disabled):focus-visible{border-color:var(--ids-comp-radio-input-unselected-color-border-surface-error-default);background-color:var(--ids-comp-radio-input-unselected-color-bg-surface-default)}.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:checked:not(:disabled){border-color:var(--ids-comp-radio-input-selected-color-border-surface-error-default);background-color:var(--ids-comp-radio-input-selected-color-bg-surface-default)}.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:checked:not(:disabled)+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-error-default);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-error-default)}.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:checked:not(:disabled):hover{border-color:var(--ids-comp-radio-input-selected-color-border-surface-error-hovered);background-color:var(--ids-comp-radio-input-selected-color-bg-surface-hovered)}.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:checked:not(:disabled):hover+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-error-hovered);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-error-hovered)}.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:checked:not(:disabled):active{border-color:var(--ids-comp-radio-input-selected-color-border-surface-error-pressed);background-color:var(--ids-comp-radio-input-selected-color-bg-surface-pressed)}.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:checked:not(:disabled):active+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-error-pressed);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-error-pressed)}.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:checked:not(:disabled):focus,.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:checked:not(:disabled):focus-visible{border-color:var(--ids-comp-radio-input-selected-color-border-surface-error-default);background-color:var(--ids-comp-radio-input-selected-color-bg-surface-default)}.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:checked:not(:disabled):focus+.ids-radio__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:checked:not(:disabled):focus-visible+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-error-default);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-error-default)}.ids-radio-group.ids-radio-group-invalid .ids-radio-surface:not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-surface:not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-unselected-color-border-surface-error-hovered);background-color:var(--ids-comp-radio-input-unselected-color-bg-surface-hovered)}.ids-radio-group.ids-radio-group-invalid .ids-radio-surface:not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) .ids-radio__label,.ids-radio-group.ids-radio-group-invalid .ids-radio-surface:not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) .ids-radio__label{color:var(--ids-comp-radio-label-color-fg-surface-hovered)}.ids-radio-group.ids-radio-group-invalid .ids-radio-surface:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-surface:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-selected-color-border-surface-error-hovered);background-color:var(--ids-comp-radio-input-selected-color-bg-surface-hovered)}.ids-radio-group.ids-radio-group-invalid .ids-radio-surface:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled)+.ids-radio__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-surface:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-error-hovered);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-error-hovered)}.ids-radio-group.ids-radio-group-invalid .ids-radio-surface:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) .ids-radio__label,.ids-radio-group.ids-radio-group-invalid .ids-radio-surface:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) .ids-radio__label{color:var(--ids-comp-radio-label-color-fg-surface-hovered)}.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-unselected-color-border-light-error-default);background-color:var(--ids-comp-radio-input-unselected-color-bg-light-default)}.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:not(:disabled):hover{border-color:var(--ids-comp-radio-input-unselected-color-border-light-error-hovered);background-color:var(--ids-comp-radio-input-unselected-color-bg-light-hovered)}.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:not(:disabled):active{border-color:var(--ids-comp-radio-input-unselected-color-border-light-error-pressed);background-color:var(--ids-comp-radio-input-unselected-color-bg-light-pressed)}.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:not(:disabled):focus,.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:not(:disabled):focus-visible{border-color:var(--ids-comp-radio-input-unselected-color-border-light-error-default);background-color:var(--ids-comp-radio-input-unselected-color-bg-light-default)}.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:checked:not(:disabled){border-color:var(--ids-comp-radio-input-selected-color-border-light-error-default);background-color:var(--ids-comp-radio-input-selected-color-bg-light-default)}.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:checked:not(:disabled)+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-light-error-default);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-error-default)}.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:checked:not(:disabled):hover{border-color:var(--ids-comp-radio-input-selected-color-border-light-error-hovered);background-color:var(--ids-comp-radio-input-selected-color-bg-light-hovered)}.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:checked:not(:disabled):hover+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-light-error-hovered);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-error-hovered)}.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:checked:not(:disabled):active{border-color:var(--ids-comp-radio-input-selected-color-border-light-error-pressed);background-color:var(--ids-comp-radio-input-selected-color-bg-light-pressed)}.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:checked:not(:disabled):active+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-light-error-pressed);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-error-pressed)}.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:checked:not(:disabled):focus,.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:checked:not(:disabled):focus-visible{border-color:var(--ids-comp-radio-input-selected-color-border-light-error-default);background-color:var(--ids-comp-radio-input-selected-color-bg-light-default)}.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:checked:not(:disabled):focus+.ids-radio__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:checked:not(:disabled):focus-visible+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-light-error-default);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-error-default)}.ids-radio-group.ids-radio-group-invalid .ids-radio-light:not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-light:not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-unselected-color-border-light-error-hovered);background-color:var(--ids-comp-radio-input-unselected-color-bg-light-hovered)}.ids-radio-group.ids-radio-group-invalid .ids-radio-light:not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) .ids-radio__label,.ids-radio-group.ids-radio-group-invalid .ids-radio-light:not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) .ids-radio__label{color:var(--ids-comp-radio-label-color-fg-light-hovered)}.ids-radio-group.ids-radio-group-invalid .ids-radio-light:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-light:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-selected-color-border-light-error-hovered);background-color:var(--ids-comp-radio-input-selected-color-bg-light-hovered)}.ids-radio-group.ids-radio-group-invalid .ids-radio-light:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled)+.ids-radio__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-light:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-light-error-hovered);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-error-hovered)}.ids-radio-group.ids-radio-group-invalid .ids-radio-light:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) .ids-radio__label,.ids-radio-group.ids-radio-group-invalid .ids-radio-light:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) .ids-radio__label{color:var(--ids-comp-radio-label-color-fg-light-hovered)}.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-unselected-color-border-dark-error-default);background-color:var(--ids-comp-radio-input-unselected-color-bg-dark-default)}.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:not(:disabled):hover{border-color:var(--ids-comp-radio-input-unselected-color-border-dark-error-hovered);background-color:var(--ids-comp-radio-input-unselected-color-bg-dark-hovered)}.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:not(:disabled):active{border-color:var(--ids-comp-radio-input-unselected-color-border-dark-error-pressed);background-color:var(--ids-comp-radio-input-unselected-color-bg-dark-pressed)}.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:not(:disabled):focus,.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:not(:disabled):focus-visible{border-color:var(--ids-comp-radio-input-unselected-color-border-dark-error-default);background-color:var(--ids-comp-radio-input-unselected-color-bg-dark-default)}.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:checked:not(:disabled){border-color:var(--ids-comp-radio-input-selected-color-border-dark-error-default);background-color:var(--ids-comp-radio-input-selected-color-bg-dark-default)}.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:checked:not(:disabled)+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-error-default);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-error-default)}.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:checked:not(:disabled):hover{border-color:var(--ids-comp-radio-input-selected-color-border-dark-error-hovered);background-color:var(--ids-comp-radio-input-selected-color-bg-dark-hovered)}.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:checked:not(:disabled):hover+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-error-hovered);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-error-hovered)}.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:checked:not(:disabled):active{border-color:var(--ids-comp-radio-input-selected-color-border-dark-error-pressed);background-color:var(--ids-comp-radio-input-selected-color-bg-dark-pressed)}.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:checked:not(:disabled):active+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-error-pressed);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-error-pressed)}.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:checked:not(:disabled):focus,.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:checked:not(:disabled):focus-visible{border-color:var(--ids-comp-radio-input-selected-color-border-dark-error-default);background-color:var(--ids-comp-radio-input-selected-color-bg-dark-default)}.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:checked:not(:disabled):focus+.ids-radio__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:checked:not(:disabled):focus-visible+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-error-default);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-error-default)}.ids-radio-group.ids-radio-group-invalid .ids-radio-dark:not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-dark:not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-unselected-color-border-dark-error-hovered);background-color:var(--ids-comp-radio-input-unselected-color-bg-dark-hovered)}.ids-radio-group.ids-radio-group-invalid .ids-radio-dark:not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) .ids-radio__label,.ids-radio-group.ids-radio-group-invalid .ids-radio-dark:not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) .ids-radio__label{color:var(--ids-comp-radio-label-color-fg-dark-hovered)}.ids-radio-group.ids-radio-group-invalid .ids-radio-dark:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-dark:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-selected-color-border-dark-error-hovered);background-color:var(--ids-comp-radio-input-selected-color-bg-dark-hovered)}.ids-radio-group.ids-radio-group-invalid .ids-radio-dark:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled)+.ids-radio__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-dark:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-error-hovered);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-error-hovered)}.ids-radio-group.ids-radio-group-invalid .ids-radio-dark:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) .ids-radio__label,.ids-radio-group.ids-radio-group-invalid .ids-radio-dark:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) .ids-radio__label{color:var(--ids-comp-radio-label-color-fg-dark-hovered)}
1
+ .ids-radio-group{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0);line-height:1.5;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.ids-radio-group::before,.ids-radio-group::after,.ids-radio-group *,.ids-radio-group ::before,.ids-radio-group ::after{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0)}.ids-radio-group.ids-radio-group-left{align-items:flex-start}.ids-radio-group.ids-radio-group-right{align-items:flex-start}.ids-radio-group>.ids-radio-group__legend{display:flex;flex-direction:column}.ids-radio-group>.ids-radio-group__legend>.ids-radio-group__legend-container>.ids-radio-group__legend-label{font-style:normal}.ids-radio-group>.ids-radio-group__list{display:flex;width:inherit}.ids-radio-group.ids-radio-group-horizontal>.ids-radio-group__list{flex-direction:row;align-items:center}.ids-radio-group.ids-radio-group-horizontal.ids-radio-group-top>.ids-radio-group__list{align-items:flex-end}.ids-radio-group.ids-radio-group-horizontal.ids-radio-group-bottom>.ids-radio-group__list{align-items:flex-start}.ids-radio-group.ids-radio-group-vertical>.ids-radio-group__list{flex-direction:column;align-items:center}.ids-radio-group.ids-radio-group-vertical.ids-radio-group-left>.ids-radio-group__list{align-items:flex-end}.ids-radio-group.ids-radio-group-vertical.ids-radio-group-right>.ids-radio-group__list{align-items:flex-start}.ids-radio-group .ids-radio{display:flex;align-items:center}.ids-radio-group .ids-radio.ids-radio-left{flex-direction:row-reverse;justify-content:start}.ids-radio-group .ids-radio.ids-radio-right{flex-direction:row;justify-content:start}.ids-radio-group .ids-radio.ids-radio-top{flex-direction:column-reverse;justify-content:center;align-items:center}.ids-radio-group .ids-radio.ids-radio-bottom{flex-direction:column;align-items:center}.ids-radio-group .ids-radio.ids-radio-top .ids-radio__label-wrapper,.ids-radio-group .ids-radio.ids-radio-bottom .ids-radio__label-wrapper{align-items:center}.ids-radio-group .ids-radio.ids-radio-top .ids-radio__label,.ids-radio-group .ids-radio.ids-radio-bottom .ids-radio__label{justify-content:center;text-align:center}.ids-radio-group .ids-radio.ids-radio-left .ids-radio__label-wrapper,.ids-radio-group .ids-radio.ids-radio-right .ids-radio__label-wrapper{align-items:flex-start}.ids-radio-group .ids-radio.ids-radio-left .ids-radio__label,.ids-radio-group .ids-radio.ids-radio-right .ids-radio__label{justify-content:start}.ids-radio-group .ids-radio .ids-radio__input-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.ids-radio-group .ids-radio .ids-radio__touch-target{position:absolute;cursor:pointer}.ids-radio-group .ids-radio input[type=radio]{appearance:none;-webkit-appearance:none;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin:0;border-style:solid;cursor:pointer}.ids-radio-group .ids-radio input[type=radio]:focus,.ids-radio-group .ids-radio input[type=radio]:focus-visible{outline-offset:2px;outline-style:solid}.ids-radio-group .ids-radio input[type=radio]+.ids-radio__inner-circle{position:absolute;flex-shrink:0;width:0;height:0;border-width:0;border-style:solid;cursor:pointer}.ids-radio-group .ids-radio .ids-radio__label-wrapper{display:flex;flex-direction:column;cursor:pointer}.ids-radio-group .ids-radio .ids-radio__label{display:flex;align-items:center;flex:1 0 0;font-style:normal;cursor:pointer}.ids-radio-group .ids-radio.ids-radio-disabled .ids-radio__touch-target,.ids-radio-group .ids-radio.ids-radio-disabled input[type=radio],.ids-radio-group .ids-radio.ids-radio-disabled input[type=radio]+.ids-radio__inner-circle,.ids-radio-group .ids-radio.ids-radio-disabled .ids-radio__label-wrapper,.ids-radio-group .ids-radio.ids-radio-disabled .ids-radio__label{cursor:not-allowed}.ids-radio-group.ids-radio-group-compact{padding:var(--ids-comp-radio-group-vertical-fieldset-size-padding-y-compact) var(--ids-comp-radio-group-vertical-fieldset-size-padding-x-compact);gap:var(--ids-comp-radio-group-vertical-fieldset-size-gap-compact)}.ids-radio-group.ids-radio-group-compact>.ids-radio-group__legend{gap:var(--ids-comp-radio-group-vertical-fieldset-legend-size-gap-compact)}.ids-radio-group.ids-radio-group-compact.ids-radio-group-horizontal>.ids-radio-group__legend>.ids-radio-group__legend-container>.ids-radio-group__legend-label{font-family:var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-font-family-compact);font-size:var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-font-size-compact);font-weight:var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-font-weight-compact);line-height:var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-line-height-compact);letter-spacing:var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-letter-spacing-compact)}.ids-radio-group.ids-radio-group-compact.ids-radio-group-horizontal>.ids-radio-group__list{gap:var(--ids-comp-radio-group-horizontal-fieldset-list-size-gap-y-compact) var(--ids-comp-radio-group-horizontal-fieldset-list-size-gap-x-compact)}.ids-radio-group.ids-radio-group-compact.ids-radio-group-vertical>.ids-radio-group__legend>.ids-radio-group__legend-container>.ids-radio-group__legend-label{font-family:var(--ids-comp-radio-group-vertical-fieldset-legend-typography-font-family-compact);font-size:var(--ids-comp-radio-group-vertical-fieldset-legend-typography-font-size-compact);font-weight:var(--ids-comp-radio-group-vertical-fieldset-legend-typography-font-weight-compact);line-height:var(--ids-comp-radio-group-vertical-fieldset-legend-typography-line-height-compact);letter-spacing:var(--ids-comp-radio-group-vertical-fieldset-legend-typography-letter-spacing-compact)}.ids-radio-group.ids-radio-group-compact.ids-radio-group-vertical>.ids-radio-group__list{gap:var(--ids-comp-radio-group-vertical-fieldset-list-size-gap-compact)}.ids-radio-group.ids-radio-group-compact .ids-radio{padding:var(--ids-comp-radio-button-container-size-padding-y-compact) var(--ids-comp-radio-button-container-size-padding-x-compact);gap:var(--ids-comp-radio-button-container-size-gap-compact)}.ids-radio-group.ids-radio-group-compact .ids-radio .ids-radio__input-wrapper .ids-radio__touch-target{top:calc((var(--ids-comp-radio-button-input-size-height-compact) - var(--ids-comp-radio-button-input-size-touchtarget-height-compact))/2);left:calc((var(--ids-comp-radio-button-input-size-width-compact) - var(--ids-comp-radio-button-input-size-touchtarget-width-compact))/2);width:var(--ids-comp-radio-button-input-size-touchtarget-width-compact);height:var(--ids-comp-radio-button-input-size-touchtarget-height-compact)}.ids-radio-group.ids-radio-group-compact .ids-radio .ids-radio__input-wrapper input[type=radio]{width:var(--ids-comp-radio-button-input-size-width-compact);height:var(--ids-comp-radio-button-input-size-height-compact);border-radius:var(--ids-comp-radio-button-input-size-border-radius-compact);border-width:var(--ids-comp-radio-button-input-size-border-width-compact)}.ids-radio-group.ids-radio-group-compact .ids-radio .ids-radio__input-wrapper input[type=radio]:checked+.ids-radio__inner-circle{width:var(--ids-comp-radio-button-input-inner-circle-size-width-compact);height:var(--ids-comp-radio-button-input-inner-circle-size-height-compact);border-radius:var(--ids-comp-radio-button-input-inner-circle-size-border-radius-compact);border-width:var(--ids-comp-radio-button-input-inner-circle-size-border-width-compact)}.ids-radio-group.ids-radio-group-compact .ids-radio .ids-radio__input-wrapper input[type=radio]:focus,.ids-radio-group.ids-radio-group-compact .ids-radio .ids-radio__input-wrapper input[type=radio]:focus-visible{outline-width:var(--ids-comp-radio-focused-outline-outline-compact)}.ids-radio-group.ids-radio-group-compact .ids-radio .ids-radio__label-wrapper{gap:var(--ids-comp-radio-button-label-group-size-gap-compact)}.ids-radio-group.ids-radio-group-compact .ids-radio .ids-radio__label{padding:var(--ids-comp-radio-button-label-size-padding-y-compact) 0;font-family:var(--ids-comp-radio-button-label-typography-font-family-compact);font-size:var(--ids-comp-radio-button-label-typography-font-size-compact);font-weight:var(--ids-comp-radio-button-label-typography-font-weight-compact);line-height:var(--ids-comp-radio-button-label-typography-line-height-compact);letter-spacing:var(--ids-comp-radio-button-label-typography-letter-spacing-compact)}.ids-radio-group.ids-radio-group-comfortable{padding:var(--ids-comp-radio-group-vertical-fieldset-size-padding-y-comfortable) var(--ids-comp-radio-group-vertical-fieldset-size-padding-x-comfortable);gap:var(--ids-comp-radio-group-vertical-fieldset-size-gap-comfortable)}.ids-radio-group.ids-radio-group-comfortable>.ids-radio-group__legend{gap:var(--ids-comp-radio-group-vertical-fieldset-legend-size-gap-comfortable)}.ids-radio-group.ids-radio-group-comfortable.ids-radio-group-horizontal>.ids-radio-group__legend>.ids-radio-group__legend-container>.ids-radio-group__legend-label{font-family:var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-font-family-comfortable);font-size:var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-font-size-comfortable);font-weight:var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-font-weight-comfortable);line-height:var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-line-height-comfortable);letter-spacing:var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-letter-spacing-comfortable)}.ids-radio-group.ids-radio-group-comfortable.ids-radio-group-horizontal>.ids-radio-group__list{gap:var(--ids-comp-radio-group-horizontal-fieldset-list-size-gap-y-comfortable) var(--ids-comp-radio-group-horizontal-fieldset-list-size-gap-x-comfortable)}.ids-radio-group.ids-radio-group-comfortable.ids-radio-group-vertical>.ids-radio-group__legend>.ids-radio-group__legend-container>.ids-radio-group__legend-label{font-family:var(--ids-comp-radio-group-vertical-fieldset-legend-typography-font-family-comfortable);font-size:var(--ids-comp-radio-group-vertical-fieldset-legend-typography-font-size-comfortable);font-weight:var(--ids-comp-radio-group-vertical-fieldset-legend-typography-font-weight-comfortable);line-height:var(--ids-comp-radio-group-vertical-fieldset-legend-typography-line-height-comfortable);letter-spacing:var(--ids-comp-radio-group-vertical-fieldset-legend-typography-letter-spacing-comfortable)}.ids-radio-group.ids-radio-group-comfortable.ids-radio-group-vertical>.ids-radio-group__list{gap:var(--ids-comp-radio-group-vertical-fieldset-list-size-gap-comfortable)}.ids-radio-group.ids-radio-group-comfortable .ids-radio{padding:var(--ids-comp-radio-button-container-size-padding-y-comfortable) var(--ids-comp-radio-button-container-size-padding-x-comfortable);gap:var(--ids-comp-radio-button-container-size-gap-comfortable)}.ids-radio-group.ids-radio-group-comfortable .ids-radio .ids-radio__input-wrapper .ids-radio__touch-target{top:calc((var(--ids-comp-radio-button-input-size-height-comfortable) - var(--ids-comp-radio-button-input-size-touchtarget-height-comfortable))/2);left:calc((var(--ids-comp-radio-button-input-size-width-comfortable) - var(--ids-comp-radio-button-input-size-touchtarget-width-comfortable))/2);width:var(--ids-comp-radio-button-input-size-touchtarget-width-comfortable);height:var(--ids-comp-radio-button-input-size-touchtarget-height-comfortable)}.ids-radio-group.ids-radio-group-comfortable .ids-radio .ids-radio__input-wrapper input[type=radio]{width:var(--ids-comp-radio-button-input-size-width-comfortable);height:var(--ids-comp-radio-button-input-size-height-comfortable);border-radius:var(--ids-comp-radio-button-input-size-border-radius-comfortable);border-width:var(--ids-comp-radio-button-input-size-border-width-comfortable)}.ids-radio-group.ids-radio-group-comfortable .ids-radio .ids-radio__input-wrapper input[type=radio]:checked+.ids-radio__inner-circle{width:var(--ids-comp-radio-button-input-inner-circle-size-width-comfortable);height:var(--ids-comp-radio-button-input-inner-circle-size-height-comfortable);border-radius:var(--ids-comp-radio-button-input-inner-circle-size-border-radius-comfortable);border-width:var(--ids-comp-radio-button-input-inner-circle-size-border-width-comfortable)}.ids-radio-group.ids-radio-group-comfortable .ids-radio .ids-radio__input-wrapper input[type=radio]:focus,.ids-radio-group.ids-radio-group-comfortable .ids-radio .ids-radio__input-wrapper input[type=radio]:focus-visible{outline-width:var(--ids-comp-radio-focused-outline-outline-comfortable)}.ids-radio-group.ids-radio-group-comfortable .ids-radio .ids-radio__label-wrapper{gap:var(--ids-comp-radio-button-label-group-size-gap-comfortable)}.ids-radio-group.ids-radio-group-comfortable .ids-radio .ids-radio__label{padding:var(--ids-comp-radio-button-label-size-padding-y-comfortable) 0;font-family:var(--ids-comp-radio-button-label-typography-font-family-comfortable);font-size:var(--ids-comp-radio-button-label-typography-font-size-comfortable);font-weight:var(--ids-comp-radio-button-label-typography-font-weight-comfortable);line-height:var(--ids-comp-radio-button-label-typography-line-height-comfortable);letter-spacing:var(--ids-comp-radio-button-label-typography-letter-spacing-comfortable)}.ids-radio-group.ids-radio-group-spacious{padding:var(--ids-comp-radio-group-vertical-fieldset-size-padding-y-spacious) var(--ids-comp-radio-group-vertical-fieldset-size-padding-x-spacious);gap:var(--ids-comp-radio-group-vertical-fieldset-size-gap-spacious)}.ids-radio-group.ids-radio-group-spacious>.ids-radio-group__legend{gap:var(--ids-comp-radio-group-vertical-fieldset-legend-size-gap-spacious)}.ids-radio-group.ids-radio-group-spacious.ids-radio-group-horizontal>.ids-radio-group__legend>.ids-radio-group__legend-container>.ids-radio-group__legend-label{font-family:var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-font-family-spacious);font-size:var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-font-size-spacious);font-weight:var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-font-weight-spacious);line-height:var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-line-height-spacious);letter-spacing:var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-letter-spacing-spacious)}.ids-radio-group.ids-radio-group-spacious.ids-radio-group-horizontal>.ids-radio-group__list{gap:var(--ids-comp-radio-group-horizontal-fieldset-list-size-gap-y-spacious) var(--ids-comp-radio-group-horizontal-fieldset-list-size-gap-x-spacious)}.ids-radio-group.ids-radio-group-spacious.ids-radio-group-vertical>.ids-radio-group__legend>.ids-radio-group__legend-container>.ids-radio-group__legend-label{font-family:var(--ids-comp-radio-group-vertical-fieldset-legend-typography-font-family-spacious);font-size:var(--ids-comp-radio-group-vertical-fieldset-legend-typography-font-size-spacious);font-weight:var(--ids-comp-radio-group-vertical-fieldset-legend-typography-font-weight-spacious);line-height:var(--ids-comp-radio-group-vertical-fieldset-legend-typography-line-height-spacious);letter-spacing:var(--ids-comp-radio-group-vertical-fieldset-legend-typography-letter-spacing-spacious)}.ids-radio-group.ids-radio-group-spacious.ids-radio-group-vertical>.ids-radio-group__list{gap:var(--ids-comp-radio-group-vertical-fieldset-list-size-gap-spacious)}.ids-radio-group.ids-radio-group-spacious .ids-radio{padding:var(--ids-comp-radio-button-container-size-padding-y-spacious) var(--ids-comp-radio-button-container-size-padding-x-spacious);gap:var(--ids-comp-radio-button-container-size-gap-spacious)}.ids-radio-group.ids-radio-group-spacious .ids-radio .ids-radio__input-wrapper .ids-radio__touch-target{top:calc((var(--ids-comp-radio-button-input-size-height-spacious) - var(--ids-comp-radio-button-input-size-touchtarget-height-spacious))/2);left:calc((var(--ids-comp-radio-button-input-size-width-spacious) - var(--ids-comp-radio-button-input-size-touchtarget-width-spacious))/2);width:var(--ids-comp-radio-button-input-size-touchtarget-width-spacious);height:var(--ids-comp-radio-button-input-size-touchtarget-height-spacious)}.ids-radio-group.ids-radio-group-spacious .ids-radio .ids-radio__input-wrapper input[type=radio]{width:var(--ids-comp-radio-button-input-size-width-spacious);height:var(--ids-comp-radio-button-input-size-height-spacious);border-radius:var(--ids-comp-radio-button-input-size-border-radius-spacious);border-width:var(--ids-comp-radio-button-input-size-border-width-spacious)}.ids-radio-group.ids-radio-group-spacious .ids-radio .ids-radio__input-wrapper input[type=radio]:checked+.ids-radio__inner-circle{width:var(--ids-comp-radio-button-input-inner-circle-size-width-spacious);height:var(--ids-comp-radio-button-input-inner-circle-size-height-spacious);border-radius:var(--ids-comp-radio-button-input-inner-circle-size-border-radius-spacious);border-width:var(--ids-comp-radio-button-input-inner-circle-size-border-width-spacious)}.ids-radio-group.ids-radio-group-spacious .ids-radio .ids-radio__input-wrapper input[type=radio]:focus,.ids-radio-group.ids-radio-group-spacious .ids-radio .ids-radio__input-wrapper input[type=radio]:focus-visible{outline-width:var(--ids-comp-radio-focused-outline-outline-spacious)}.ids-radio-group.ids-radio-group-spacious .ids-radio .ids-radio__label-wrapper{gap:var(--ids-comp-radio-button-label-group-size-gap-spacious)}.ids-radio-group.ids-radio-group-spacious .ids-radio .ids-radio__label{padding:var(--ids-comp-radio-button-label-size-padding-y-spacious) 0;font-family:var(--ids-comp-radio-button-label-typography-font-family-spacious);font-size:var(--ids-comp-radio-button-label-typography-font-size-spacious);font-weight:var(--ids-comp-radio-button-label-typography-font-weight-spacious);line-height:var(--ids-comp-radio-button-label-typography-line-height-spacious);letter-spacing:var(--ids-comp-radio-button-label-typography-letter-spacing-spacious)}.ids-radio-group.ids-radio-group-dense{padding:var(--ids-comp-radio-group-vertical-fieldset-size-padding-y-dense) var(--ids-comp-radio-group-vertical-fieldset-size-padding-x-dense);gap:var(--ids-comp-radio-group-vertical-fieldset-size-gap-dense)}.ids-radio-group.ids-radio-group-dense>.ids-radio-group__legend{gap:var(--ids-comp-radio-group-vertical-fieldset-legend-size-gap-dense)}.ids-radio-group.ids-radio-group-dense.ids-radio-group-horizontal>.ids-radio-group__legend>.ids-radio-group__legend-container>.ids-radio-group__legend-label{font-family:var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-font-family-dense);font-size:var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-font-size-dense);font-weight:var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-font-weight-dense);line-height:var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-line-height-dense);letter-spacing:var(--ids-comp-radio-group-horizontal-fieldset-legend-typography-letter-spacing-dense)}.ids-radio-group.ids-radio-group-dense.ids-radio-group-horizontal>.ids-radio-group__list{gap:var(--ids-comp-radio-group-horizontal-fieldset-list-size-gap-y-dense) var(--ids-comp-radio-group-horizontal-fieldset-list-size-gap-x-dense)}.ids-radio-group.ids-radio-group-dense.ids-radio-group-vertical>.ids-radio-group__legend>.ids-radio-group__legend-container>.ids-radio-group__legend-label{font-family:var(--ids-comp-radio-group-vertical-fieldset-legend-typography-font-family-dense);font-size:var(--ids-comp-radio-group-vertical-fieldset-legend-typography-font-size-dense);font-weight:var(--ids-comp-radio-group-vertical-fieldset-legend-typography-font-weight-dense);line-height:var(--ids-comp-radio-group-vertical-fieldset-legend-typography-line-height-dense);letter-spacing:var(--ids-comp-radio-group-vertical-fieldset-legend-typography-letter-spacing-dense)}.ids-radio-group.ids-radio-group-dense.ids-radio-group-vertical>.ids-radio-group__list{gap:var(--ids-comp-radio-group-vertical-fieldset-list-size-gap-dense)}.ids-radio-group.ids-radio-group-dense .ids-radio{padding:var(--ids-comp-radio-button-container-size-padding-y-dense) var(--ids-comp-radio-button-container-size-padding-x-dense);gap:var(--ids-comp-radio-button-container-size-gap-dense)}.ids-radio-group.ids-radio-group-dense .ids-radio .ids-radio__input-wrapper .ids-radio__touch-target{top:calc((var(--ids-comp-radio-button-input-size-height-dense) - var(--ids-comp-radio-button-input-size-touchtarget-height-dense))/2);left:calc((var(--ids-comp-radio-button-input-size-width-dense) - var(--ids-comp-radio-button-input-size-touchtarget-width-dense))/2);width:var(--ids-comp-radio-button-input-size-touchtarget-width-dense);height:var(--ids-comp-radio-button-input-size-touchtarget-height-dense)}.ids-radio-group.ids-radio-group-dense .ids-radio .ids-radio__input-wrapper input[type=radio]{width:var(--ids-comp-radio-button-input-size-width-dense);height:var(--ids-comp-radio-button-input-size-height-dense);border-radius:var(--ids-comp-radio-button-input-size-border-radius-dense);border-width:var(--ids-comp-radio-button-input-size-border-width-dense)}.ids-radio-group.ids-radio-group-dense .ids-radio .ids-radio__input-wrapper input[type=radio]:checked+.ids-radio__inner-circle{width:var(--ids-comp-radio-button-input-inner-circle-size-width-dense);height:var(--ids-comp-radio-button-input-inner-circle-size-height-dense);border-radius:var(--ids-comp-radio-button-input-inner-circle-size-border-radius-dense);border-width:var(--ids-comp-radio-button-input-inner-circle-size-border-width-dense)}.ids-radio-group.ids-radio-group-dense .ids-radio .ids-radio__input-wrapper input[type=radio]:focus,.ids-radio-group.ids-radio-group-dense .ids-radio .ids-radio__input-wrapper input[type=radio]:focus-visible{outline-width:var(--ids-comp-radio-focused-outline-outline-dense)}.ids-radio-group.ids-radio-group-dense .ids-radio .ids-radio__label-wrapper{gap:var(--ids-comp-radio-button-label-group-size-gap-dense)}.ids-radio-group.ids-radio-group-dense .ids-radio .ids-radio__label{padding:var(--ids-comp-radio-button-label-size-padding-y-dense) 0;font-family:var(--ids-comp-radio-button-label-typography-font-family-dense);font-size:var(--ids-comp-radio-button-label-typography-font-size-dense);font-weight:var(--ids-comp-radio-button-label-typography-font-weight-dense);line-height:var(--ids-comp-radio-button-label-typography-line-height-dense);letter-spacing:var(--ids-comp-radio-button-label-typography-letter-spacing-dense)}.ids-radio-group.ids-radio-group-surface .ids-radio-group__legend-label{color:var(--ids-comp-radio-group-legend-color-fg-surface-default)}.ids-radio-group.ids-radio-group-surface.ids-radio-group-disabled .ids-radio-group__legend-label{color:var(--ids-comp-radio-group-legend-color-fg-surface-disabled)}.ids-radio-group .ids-radio-surface input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-unselected-color-border-surface-default);background-color:var(--ids-comp-radio-input-unselected-color-bg-surface-default)}.ids-radio-group .ids-radio-surface input[type=radio]:not(:disabled):hover{border-color:var(--ids-comp-radio-input-unselected-color-border-surface-hovered);background-color:var(--ids-comp-radio-input-unselected-color-bg-surface-hovered)}.ids-radio-group .ids-radio-surface input[type=radio]:not(:disabled):active{border-color:var(--ids-comp-radio-input-unselected-color-border-surface-pressed);background-color:var(--ids-comp-radio-input-unselected-color-bg-surface-pressed)}.ids-radio-group .ids-radio-surface input[type=radio]:not(:disabled):focus,.ids-radio-group .ids-radio-surface input[type=radio]:not(:disabled):focus-visible{border-color:var(--ids-comp-radio-input-unselected-color-border-surface-default);background-color:var(--ids-comp-radio-input-unselected-color-bg-surface-default);outline-color:var(--ids-comp-radio-input-unselected-color-focused-outline-surface-focused)}.ids-radio-group .ids-radio-surface input[type=radio]:disabled{border-color:var(--ids-comp-radio-input-unselected-color-border-surface-disabled);background-color:var(--ids-comp-radio-input-unselected-color-bg-surface-disabled)}.ids-radio-group .ids-radio-surface input[type=radio]:checked:not(:disabled){border-color:var(--ids-comp-radio-input-selected-color-border-surface-default);background-color:var(--ids-comp-radio-input-selected-color-bg-surface-default)}.ids-radio-group .ids-radio-surface input[type=radio]:checked:not(:disabled)+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-default);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-default)}.ids-radio-group .ids-radio-surface input[type=radio]:checked:not(:disabled):hover{border-color:var(--ids-comp-radio-input-selected-color-border-surface-hovered);background-color:var(--ids-comp-radio-input-selected-color-bg-surface-hovered)}.ids-radio-group .ids-radio-surface input[type=radio]:checked:not(:disabled):hover+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-hovered);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-hovered)}.ids-radio-group .ids-radio-surface input[type=radio]:checked:not(:disabled):active{border-color:var(--ids-comp-radio-input-selected-color-border-surface-pressed);background-color:var(--ids-comp-radio-input-selected-color-bg-surface-pressed)}.ids-radio-group .ids-radio-surface input[type=radio]:checked:not(:disabled):active+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-pressed);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-pressed)}.ids-radio-group .ids-radio-surface input[type=radio]:checked:not(:disabled):focus,.ids-radio-group .ids-radio-surface input[type=radio]:checked:not(:disabled):focus-visible{border-color:var(--ids-comp-radio-input-selected-color-border-surface-default);background-color:var(--ids-comp-radio-input-selected-color-bg-surface-default);outline-color:var(--ids-comp-radio-input-selected-color-focused-outline-surface-focused)}.ids-radio-group .ids-radio-surface input[type=radio]:checked:not(:disabled):focus+.ids-radio__inner-circle,.ids-radio-group .ids-radio-surface input[type=radio]:checked:not(:disabled):focus-visible+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-default);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-default)}.ids-radio-group .ids-radio-surface input[type=radio]:checked:disabled{border-color:var(--ids-comp-radio-input-selected-color-border-surface-disabled);background-color:var(--ids-comp-radio-input-selected-color-bg-surface-disabled)}.ids-radio-group .ids-radio-surface input[type=radio]:checked:disabled+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-disabled);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-disabled)}.ids-radio-group .ids-radio-surface:not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled),.ids-radio-group .ids-radio-surface:not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-unselected-color-border-surface-hovered);background-color:var(--ids-comp-radio-input-unselected-color-bg-surface-hovered)}.ids-radio-group .ids-radio-surface:not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) .ids-radio__label,.ids-radio-group .ids-radio-surface:not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) .ids-radio__label{color:var(--ids-comp-radio-label-color-fg-surface-hovered)}.ids-radio-group .ids-radio-surface:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled),.ids-radio-group .ids-radio-surface:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-selected-color-border-surface-hovered);background-color:var(--ids-comp-radio-input-selected-color-bg-surface-hovered)}.ids-radio-group .ids-radio-surface:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled)+.ids-radio__inner-circle,.ids-radio-group .ids-radio-surface:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-hovered);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-hovered)}.ids-radio-group .ids-radio-surface:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) .ids-radio__label,.ids-radio-group .ids-radio-surface:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) .ids-radio__label{color:var(--ids-comp-radio-label-color-fg-surface-hovered)}.ids-radio-group .ids-radio-surface .ids-radio__label{color:var(--ids-comp-radio-label-color-fg-surface-default)}.ids-radio-group .ids-radio-surface .ids-radio__label:active{color:var(--ids-comp-radio-label-color-fg-surface-pressed)}.ids-radio-group .ids-radio-surface .ids-radio__label:focus,.ids-radio-group .ids-radio-surface .ids-radio__label:focus-visible{color:var(--ids-comp-radio-label-color-fg-surface-focused)}.ids-radio-group .ids-radio-surface.ids-radio-disabled .ids-radio__label{color:var(--ids-comp-radio-label-color-fg-surface-disabled)}.ids-radio-group.ids-radio-group-light .ids-radio-group__legend-label{color:var(--ids-comp-radio-group-legend-color-fg-light-default)}.ids-radio-group.ids-radio-group-light.ids-radio-group-disabled .ids-radio-group__legend-label{color:var(--ids-comp-radio-group-legend-color-fg-light-disabled)}.ids-radio-group .ids-radio-light input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-unselected-color-border-light-default);background-color:var(--ids-comp-radio-input-unselected-color-bg-light-default)}.ids-radio-group .ids-radio-light input[type=radio]:not(:disabled):hover{border-color:var(--ids-comp-radio-input-unselected-color-border-light-hovered);background-color:var(--ids-comp-radio-input-unselected-color-bg-light-hovered)}.ids-radio-group .ids-radio-light input[type=radio]:not(:disabled):active{border-color:var(--ids-comp-radio-input-unselected-color-border-light-pressed);background-color:var(--ids-comp-radio-input-unselected-color-bg-light-pressed)}.ids-radio-group .ids-radio-light input[type=radio]:not(:disabled):focus,.ids-radio-group .ids-radio-light input[type=radio]:not(:disabled):focus-visible{border-color:var(--ids-comp-radio-input-unselected-color-border-light-default);background-color:var(--ids-comp-radio-input-unselected-color-bg-light-default);outline-color:var(--ids-comp-radio-input-unselected-color-focused-outline-light-focused)}.ids-radio-group .ids-radio-light input[type=radio]:disabled{border-color:var(--ids-comp-radio-input-unselected-color-border-light-disabled);background-color:var(--ids-comp-radio-input-unselected-color-bg-light-disabled)}.ids-radio-group .ids-radio-light input[type=radio]:checked:not(:disabled){border-color:var(--ids-comp-radio-input-selected-color-border-light-default);background-color:var(--ids-comp-radio-input-selected-color-bg-light-default)}.ids-radio-group .ids-radio-light input[type=radio]:checked:not(:disabled)+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-light-default);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-default)}.ids-radio-group .ids-radio-light input[type=radio]:checked:not(:disabled):hover{border-color:var(--ids-comp-radio-input-selected-color-border-light-hovered);background-color:var(--ids-comp-radio-input-selected-color-bg-light-hovered)}.ids-radio-group .ids-radio-light input[type=radio]:checked:not(:disabled):hover+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-light-hovered);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-hovered)}.ids-radio-group .ids-radio-light input[type=radio]:checked:not(:disabled):active{border-color:var(--ids-comp-radio-input-selected-color-border-light-pressed);background-color:var(--ids-comp-radio-input-selected-color-bg-light-pressed)}.ids-radio-group .ids-radio-light input[type=radio]:checked:not(:disabled):active+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-light-pressed);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-pressed)}.ids-radio-group .ids-radio-light input[type=radio]:checked:not(:disabled):focus,.ids-radio-group .ids-radio-light input[type=radio]:checked:not(:disabled):focus-visible{border-color:var(--ids-comp-radio-input-selected-color-border-light-default);background-color:var(--ids-comp-radio-input-selected-color-bg-light-default);outline-color:var(--ids-comp-radio-input-selected-color-focused-outline-light-focused)}.ids-radio-group .ids-radio-light input[type=radio]:checked:not(:disabled):focus+.ids-radio__inner-circle,.ids-radio-group .ids-radio-light input[type=radio]:checked:not(:disabled):focus-visible+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-light-default);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-default)}.ids-radio-group .ids-radio-light input[type=radio]:checked:disabled{border-color:var(--ids-comp-radio-input-selected-color-border-light-disabled);background-color:var(--ids-comp-radio-input-selected-color-bg-light-disabled)}.ids-radio-group .ids-radio-light input[type=radio]:checked:disabled+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-light-disabled);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-disabled)}.ids-radio-group .ids-radio-light:not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled),.ids-radio-group .ids-radio-light:not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-unselected-color-border-light-hovered);background-color:var(--ids-comp-radio-input-unselected-color-bg-light-hovered)}.ids-radio-group .ids-radio-light:not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) .ids-radio__label,.ids-radio-group .ids-radio-light:not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) .ids-radio__label{color:var(--ids-comp-radio-label-color-fg-light-hovered)}.ids-radio-group .ids-radio-light:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled),.ids-radio-group .ids-radio-light:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-selected-color-border-light-hovered);background-color:var(--ids-comp-radio-input-selected-color-bg-light-hovered)}.ids-radio-group .ids-radio-light:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled)+.ids-radio__inner-circle,.ids-radio-group .ids-radio-light:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-light-hovered);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-hovered)}.ids-radio-group .ids-radio-light:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) .ids-radio__label,.ids-radio-group .ids-radio-light:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) .ids-radio__label{color:var(--ids-comp-radio-label-color-fg-light-hovered)}.ids-radio-group .ids-radio-light .ids-radio__label{color:var(--ids-comp-radio-label-color-fg-light-default)}.ids-radio-group .ids-radio-light .ids-radio__label:active{color:var(--ids-comp-radio-label-color-fg-light-pressed)}.ids-radio-group .ids-radio-light .ids-radio__label:focus,.ids-radio-group .ids-radio-light .ids-radio__label:focus-visible{color:var(--ids-comp-radio-label-color-fg-light-focused)}.ids-radio-group .ids-radio-light.ids-radio-disabled .ids-radio__label{color:var(--ids-comp-radio-label-color-fg-light-disabled)}.ids-radio-group.ids-radio-group-dark .ids-radio-group__legend-label{color:var(--ids-comp-radio-group-legend-color-fg-dark-default)}.ids-radio-group.ids-radio-group-dark.ids-radio-group-disabled .ids-radio-group__legend-label{color:var(--ids-comp-radio-group-legend-color-fg-dark-disabled)}.ids-radio-group .ids-radio-dark input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-unselected-color-border-dark-default);background-color:var(--ids-comp-radio-input-unselected-color-bg-dark-default)}.ids-radio-group .ids-radio-dark input[type=radio]:not(:disabled):hover{border-color:var(--ids-comp-radio-input-unselected-color-border-dark-hovered);background-color:var(--ids-comp-radio-input-unselected-color-bg-dark-hovered)}.ids-radio-group .ids-radio-dark input[type=radio]:not(:disabled):active{border-color:var(--ids-comp-radio-input-unselected-color-border-dark-pressed);background-color:var(--ids-comp-radio-input-unselected-color-bg-dark-pressed)}.ids-radio-group .ids-radio-dark input[type=radio]:not(:disabled):focus,.ids-radio-group .ids-radio-dark input[type=radio]:not(:disabled):focus-visible{border-color:var(--ids-comp-radio-input-unselected-color-border-dark-default);background-color:var(--ids-comp-radio-input-unselected-color-bg-dark-default);outline-color:var(--ids-comp-radio-input-unselected-color-focused-outline-dark-focused)}.ids-radio-group .ids-radio-dark input[type=radio]:disabled{border-color:var(--ids-comp-radio-input-unselected-color-border-dark-disabled);background-color:var(--ids-comp-radio-input-unselected-color-bg-dark-disabled)}.ids-radio-group .ids-radio-dark input[type=radio]:checked:not(:disabled){border-color:var(--ids-comp-radio-input-selected-color-border-dark-default);background-color:var(--ids-comp-radio-input-selected-color-bg-dark-default)}.ids-radio-group .ids-radio-dark input[type=radio]:checked:not(:disabled)+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-default);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-default)}.ids-radio-group .ids-radio-dark input[type=radio]:checked:not(:disabled):hover{border-color:var(--ids-comp-radio-input-selected-color-border-dark-hovered);background-color:var(--ids-comp-radio-input-selected-color-bg-dark-hovered)}.ids-radio-group .ids-radio-dark input[type=radio]:checked:not(:disabled):hover+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-hovered);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-hovered)}.ids-radio-group .ids-radio-dark input[type=radio]:checked:not(:disabled):active{border-color:var(--ids-comp-radio-input-selected-color-border-dark-pressed);background-color:var(--ids-comp-radio-input-selected-color-bg-dark-pressed)}.ids-radio-group .ids-radio-dark input[type=radio]:checked:not(:disabled):active+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-pressed);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-pressed)}.ids-radio-group .ids-radio-dark input[type=radio]:checked:not(:disabled):focus,.ids-radio-group .ids-radio-dark input[type=radio]:checked:not(:disabled):focus-visible{border-color:var(--ids-comp-radio-input-selected-color-border-dark-default);background-color:var(--ids-comp-radio-input-selected-color-bg-dark-default);outline-color:var(--ids-comp-radio-input-selected-color-focused-outline-dark-focused)}.ids-radio-group .ids-radio-dark input[type=radio]:checked:not(:disabled):focus+.ids-radio__inner-circle,.ids-radio-group .ids-radio-dark input[type=radio]:checked:not(:disabled):focus-visible+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-default);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-default)}.ids-radio-group .ids-radio-dark input[type=radio]:checked:disabled{border-color:var(--ids-comp-radio-input-selected-color-border-dark-disabled);background-color:var(--ids-comp-radio-input-selected-color-bg-dark-disabled)}.ids-radio-group .ids-radio-dark input[type=radio]:checked:disabled+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-disabled);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-disabled)}.ids-radio-group .ids-radio-dark:not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled),.ids-radio-group .ids-radio-dark:not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-unselected-color-border-dark-hovered);background-color:var(--ids-comp-radio-input-unselected-color-bg-dark-hovered)}.ids-radio-group .ids-radio-dark:not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) .ids-radio__label,.ids-radio-group .ids-radio-dark:not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) .ids-radio__label{color:var(--ids-comp-radio-label-color-fg-dark-hovered)}.ids-radio-group .ids-radio-dark:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled),.ids-radio-group .ids-radio-dark:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-selected-color-border-dark-hovered);background-color:var(--ids-comp-radio-input-selected-color-bg-dark-hovered)}.ids-radio-group .ids-radio-dark:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled)+.ids-radio__inner-circle,.ids-radio-group .ids-radio-dark:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-hovered);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-hovered)}.ids-radio-group .ids-radio-dark:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) .ids-radio__label,.ids-radio-group .ids-radio-dark:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) .ids-radio__label{color:var(--ids-comp-radio-label-color-fg-dark-hovered)}.ids-radio-group .ids-radio-dark .ids-radio__label{color:var(--ids-comp-radio-label-color-fg-dark-default)}.ids-radio-group .ids-radio-dark .ids-radio__label:active{color:var(--ids-comp-radio-label-color-fg-dark-pressed)}.ids-radio-group .ids-radio-dark .ids-radio__label:focus,.ids-radio-group .ids-radio-dark .ids-radio__label:focus-visible{color:var(--ids-comp-radio-label-color-fg-dark-focused)}.ids-radio-group .ids-radio-dark.ids-radio-disabled .ids-radio__label{color:var(--ids-comp-radio-label-color-fg-dark-disabled)}.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-unselected-color-border-surface-error-default);background-color:var(--ids-comp-radio-input-unselected-color-bg-surface-default)}.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:not(:disabled):hover{border-color:var(--ids-comp-radio-input-unselected-color-border-surface-error-hovered);background-color:var(--ids-comp-radio-input-unselected-color-bg-surface-hovered)}.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:not(:disabled):active{border-color:var(--ids-comp-radio-input-unselected-color-border-surface-error-pressed);background-color:var(--ids-comp-radio-input-unselected-color-bg-surface-pressed)}.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:not(:disabled):focus,.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:not(:disabled):focus-visible{border-color:var(--ids-comp-radio-input-unselected-color-border-surface-error-default);background-color:var(--ids-comp-radio-input-unselected-color-bg-surface-default)}.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:checked:not(:disabled){border-color:var(--ids-comp-radio-input-selected-color-border-surface-error-default);background-color:var(--ids-comp-radio-input-selected-color-bg-surface-default)}.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:checked:not(:disabled)+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-error-default);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-error-default)}.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:checked:not(:disabled):hover{border-color:var(--ids-comp-radio-input-selected-color-border-surface-error-hovered);background-color:var(--ids-comp-radio-input-selected-color-bg-surface-hovered)}.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:checked:not(:disabled):hover+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-error-hovered);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-error-hovered)}.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:checked:not(:disabled):active{border-color:var(--ids-comp-radio-input-selected-color-border-surface-error-pressed);background-color:var(--ids-comp-radio-input-selected-color-bg-surface-pressed)}.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:checked:not(:disabled):active+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-error-pressed);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-error-pressed)}.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:checked:not(:disabled):focus,.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:checked:not(:disabled):focus-visible{border-color:var(--ids-comp-radio-input-selected-color-border-surface-error-default);background-color:var(--ids-comp-radio-input-selected-color-bg-surface-default)}.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:checked:not(:disabled):focus+.ids-radio__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-surface input[type=radio]:checked:not(:disabled):focus-visible+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-error-default);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-error-default)}.ids-radio-group.ids-radio-group-invalid .ids-radio-surface:not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-surface:not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-unselected-color-border-surface-error-hovered);background-color:var(--ids-comp-radio-input-unselected-color-bg-surface-hovered)}.ids-radio-group.ids-radio-group-invalid .ids-radio-surface:not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) .ids-radio__label,.ids-radio-group.ids-radio-group-invalid .ids-radio-surface:not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) .ids-radio__label{color:var(--ids-comp-radio-label-color-fg-surface-hovered)}.ids-radio-group.ids-radio-group-invalid .ids-radio-surface:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-surface:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-selected-color-border-surface-error-hovered);background-color:var(--ids-comp-radio-input-selected-color-bg-surface-hovered)}.ids-radio-group.ids-radio-group-invalid .ids-radio-surface:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled)+.ids-radio__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-surface:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-surface-error-hovered);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-surface-error-hovered)}.ids-radio-group.ids-radio-group-invalid .ids-radio-surface:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) .ids-radio__label,.ids-radio-group.ids-radio-group-invalid .ids-radio-surface:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) .ids-radio__label{color:var(--ids-comp-radio-label-color-fg-surface-hovered)}.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-unselected-color-border-light-error-default);background-color:var(--ids-comp-radio-input-unselected-color-bg-light-default)}.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:not(:disabled):hover{border-color:var(--ids-comp-radio-input-unselected-color-border-light-error-hovered);background-color:var(--ids-comp-radio-input-unselected-color-bg-light-hovered)}.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:not(:disabled):active{border-color:var(--ids-comp-radio-input-unselected-color-border-light-error-pressed);background-color:var(--ids-comp-radio-input-unselected-color-bg-light-pressed)}.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:not(:disabled):focus,.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:not(:disabled):focus-visible{border-color:var(--ids-comp-radio-input-unselected-color-border-light-error-default);background-color:var(--ids-comp-radio-input-unselected-color-bg-light-default)}.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:checked:not(:disabled){border-color:var(--ids-comp-radio-input-selected-color-border-light-error-default);background-color:var(--ids-comp-radio-input-selected-color-bg-light-default)}.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:checked:not(:disabled)+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-light-error-default);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-error-default)}.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:checked:not(:disabled):hover{border-color:var(--ids-comp-radio-input-selected-color-border-light-error-hovered);background-color:var(--ids-comp-radio-input-selected-color-bg-light-hovered)}.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:checked:not(:disabled):hover+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-light-error-hovered);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-error-hovered)}.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:checked:not(:disabled):active{border-color:var(--ids-comp-radio-input-selected-color-border-light-error-pressed);background-color:var(--ids-comp-radio-input-selected-color-bg-light-pressed)}.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:checked:not(:disabled):active+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-light-error-pressed);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-error-pressed)}.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:checked:not(:disabled):focus,.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:checked:not(:disabled):focus-visible{border-color:var(--ids-comp-radio-input-selected-color-border-light-error-default);background-color:var(--ids-comp-radio-input-selected-color-bg-light-default)}.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:checked:not(:disabled):focus+.ids-radio__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-light input[type=radio]:checked:not(:disabled):focus-visible+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-light-error-default);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-error-default)}.ids-radio-group.ids-radio-group-invalid .ids-radio-light:not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-light:not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-unselected-color-border-light-error-hovered);background-color:var(--ids-comp-radio-input-unselected-color-bg-light-hovered)}.ids-radio-group.ids-radio-group-invalid .ids-radio-light:not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) .ids-radio__label,.ids-radio-group.ids-radio-group-invalid .ids-radio-light:not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) .ids-radio__label{color:var(--ids-comp-radio-label-color-fg-light-hovered)}.ids-radio-group.ids-radio-group-invalid .ids-radio-light:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-light:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-selected-color-border-light-error-hovered);background-color:var(--ids-comp-radio-input-selected-color-bg-light-hovered)}.ids-radio-group.ids-radio-group-invalid .ids-radio-light:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled)+.ids-radio__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-light:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-light-error-hovered);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-light-error-hovered)}.ids-radio-group.ids-radio-group-invalid .ids-radio-light:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) .ids-radio__label,.ids-radio-group.ids-radio-group-invalid .ids-radio-light:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) .ids-radio__label{color:var(--ids-comp-radio-label-color-fg-light-hovered)}.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-unselected-color-border-dark-error-default);background-color:var(--ids-comp-radio-input-unselected-color-bg-dark-default)}.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:not(:disabled):hover{border-color:var(--ids-comp-radio-input-unselected-color-border-dark-error-hovered);background-color:var(--ids-comp-radio-input-unselected-color-bg-dark-hovered)}.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:not(:disabled):active{border-color:var(--ids-comp-radio-input-unselected-color-border-dark-error-pressed);background-color:var(--ids-comp-radio-input-unselected-color-bg-dark-pressed)}.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:not(:disabled):focus,.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:not(:disabled):focus-visible{border-color:var(--ids-comp-radio-input-unselected-color-border-dark-error-default);background-color:var(--ids-comp-radio-input-unselected-color-bg-dark-default)}.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:checked:not(:disabled){border-color:var(--ids-comp-radio-input-selected-color-border-dark-error-default);background-color:var(--ids-comp-radio-input-selected-color-bg-dark-default)}.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:checked:not(:disabled)+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-error-default);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-error-default)}.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:checked:not(:disabled):hover{border-color:var(--ids-comp-radio-input-selected-color-border-dark-error-hovered);background-color:var(--ids-comp-radio-input-selected-color-bg-dark-hovered)}.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:checked:not(:disabled):hover+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-error-hovered);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-error-hovered)}.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:checked:not(:disabled):active{border-color:var(--ids-comp-radio-input-selected-color-border-dark-error-pressed);background-color:var(--ids-comp-radio-input-selected-color-bg-dark-pressed)}.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:checked:not(:disabled):active+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-error-pressed);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-error-pressed)}.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:checked:not(:disabled):focus,.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:checked:not(:disabled):focus-visible{border-color:var(--ids-comp-radio-input-selected-color-border-dark-error-default);background-color:var(--ids-comp-radio-input-selected-color-bg-dark-default)}.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:checked:not(:disabled):focus+.ids-radio__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-dark input[type=radio]:checked:not(:disabled):focus-visible+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-error-default);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-error-default)}.ids-radio-group.ids-radio-group-invalid .ids-radio-dark:not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-dark:not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-unselected-color-border-dark-error-hovered);background-color:var(--ids-comp-radio-input-unselected-color-bg-dark-hovered)}.ids-radio-group.ids-radio-group-invalid .ids-radio-dark:not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) .ids-radio__label,.ids-radio-group.ids-radio-group-invalid .ids-radio-dark:not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) .ids-radio__label{color:var(--ids-comp-radio-label-color-fg-dark-hovered)}.ids-radio-group.ids-radio-group-invalid .ids-radio-dark:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled),.ids-radio-group.ids-radio-group-invalid .ids-radio-dark:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled){border-color:var(--ids-comp-radio-input-selected-color-border-dark-error-hovered);background-color:var(--ids-comp-radio-input-selected-color-bg-dark-hovered)}.ids-radio-group.ids-radio-group-invalid .ids-radio-dark:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) input[type=radio]:not(:disabled)+.ids-radio__inner-circle,.ids-radio-group.ids-radio-group-invalid .ids-radio-dark:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) input[type=radio]:not(:disabled)+.ids-radio__inner-circle{border-color:var(--ids-comp-radio-input-selected-inner-circle-color-border-dark-error-hovered);background:var(--ids-comp-radio-input-selected-inner-circle-color-bg-dark-error-hovered)}.ids-radio-group.ids-radio-group-invalid .ids-radio-dark:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__label-wrapper:hover) .ids-radio__label,.ids-radio-group.ids-radio-group-invalid .ids-radio-dark:has(input[type=radio]:checked):not(.ids-radio-disabled):has(.ids-radio__touch-target:hover) .ids-radio__label{color:var(--ids-comp-radio-label-color-fg-dark-hovered)}
@@ -25,7 +25,7 @@ module.exports = function RadioPlugin() {
25
25
  '.ids-radio-group>.ids-radio-group__legend>.ids-radio-group__legend-container>.ids-radio-group__legend-label': {
26
26
  fontStyle: 'normal',
27
27
  },
28
- '.ids-radio-group>.ids-radio-group__list': { display: 'flex' },
28
+ '.ids-radio-group>.ids-radio-group__list': { display: 'flex', width: 'inherit' },
29
29
  '.ids-radio-group.ids-radio-group-horizontal>.ids-radio-group__list': { flexDirection: 'row', alignItems: 'center' },
30
30
  '.ids-radio-group.ids-radio-group-horizontal.ids-radio-group-top>.ids-radio-group__list': { alignItems: 'flex-end' },
31
31
  '.ids-radio-group.ids-radio-group-horizontal.ids-radio-group-bottom>.ids-radio-group__list': { alignItems: 'flex-start' },
@@ -198,16 +198,12 @@
198
198
  margin-right: calc(var(--ids-comp-sidenav-navitem-expandable-summary-size-gap-compact) * -1);
199
199
  }
200
200
  .ids-side-nav.ids-side-nav-compact .ids-side-nav-item .ids-side-nav-item-expandable-submenu.expanded {
201
- --submenu-item-height: calc(
202
- max(
203
- var(--ids-comp-sidenav-navitem-single-size-height-compact),
204
- var(--ids-comp-sidenav-navitem-expandable-summary-size-height-compact)
205
- ) +
206
- var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-compact) +
207
- var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-compact) +
208
- calc(var(--ids-comp-sidenav-navitem-expandable-submenu-gap-compact) * var(--submenu-items-count))
201
+ --submenu-items-gap-count: max(calc(var(--submenu-items-count) - 1), 0);
202
+ --submenu-item-height: max(
203
+ var(--ids-comp-sidenav-navitem-single-size-height-compact),
204
+ var(--ids-comp-sidenav-navitem-expandable-summary-size-height-compact)
209
205
  );
210
- max-height: calc(var(--submenu-items-count) * var(--submenu-item-height));
206
+ max-height: calc(var(--submenu-items-count) * var(--submenu-item-height) + var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-compact) + var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-compact) + var(--submenu-items-gap-count) * (var(--ids-comp-sidenav-navitem-expandable-submenu-gap-compact) + var(--ids-comp-sidenav-section-list-size-gap-compact)));
211
207
  gap: var(--ids-comp-sidenav-navitem-expandable-submenu-gap-compact);
212
208
  padding: var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-compact) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-right-compact) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-compact) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-compact);
213
209
  }
@@ -313,16 +309,12 @@
313
309
  margin-right: calc(var(--ids-comp-sidenav-navitem-expandable-summary-size-gap-comfortable) * -1);
314
310
  }
315
311
  .ids-side-nav.ids-side-nav-comfortable .ids-side-nav-item .ids-side-nav-item-expandable-submenu.expanded {
316
- --submenu-item-height: calc(
317
- max(
318
- var(--ids-comp-sidenav-navitem-single-size-height-comfortable),
319
- var(--ids-comp-sidenav-navitem-expandable-summary-size-height-comfortable)
320
- ) +
321
- var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-comfortable) +
322
- var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-comfortable) +
323
- calc(var(--ids-comp-sidenav-navitem-expandable-submenu-gap-comfortable) * var(--submenu-items-count))
312
+ --submenu-items-gap-count: max(calc(var(--submenu-items-count) - 1), 0);
313
+ --submenu-item-height: max(
314
+ var(--ids-comp-sidenav-navitem-single-size-height-comfortable),
315
+ var(--ids-comp-sidenav-navitem-expandable-summary-size-height-comfortable)
324
316
  );
325
- max-height: calc(var(--submenu-items-count) * var(--submenu-item-height));
317
+ max-height: calc(var(--submenu-items-count) * var(--submenu-item-height) + var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-comfortable) + var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-comfortable) + var(--submenu-items-gap-count) * (var(--ids-comp-sidenav-navitem-expandable-submenu-gap-comfortable) + var(--ids-comp-sidenav-section-list-size-gap-comfortable)));
326
318
  gap: var(--ids-comp-sidenav-navitem-expandable-submenu-gap-comfortable);
327
319
  padding: var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-comfortable) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-right-comfortable) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-comfortable) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-comfortable);
328
320
  }
@@ -428,16 +420,12 @@
428
420
  margin-right: calc(var(--ids-comp-sidenav-navitem-expandable-summary-size-gap-spacious) * -1);
429
421
  }
430
422
  .ids-side-nav.ids-side-nav-spacious .ids-side-nav-item .ids-side-nav-item-expandable-submenu.expanded {
431
- --submenu-item-height: calc(
432
- max(
433
- var(--ids-comp-sidenav-navitem-single-size-height-spacious),
434
- var(--ids-comp-sidenav-navitem-expandable-summary-size-height-spacious)
435
- ) +
436
- var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-spacious) +
437
- var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-spacious) +
438
- calc(var(--ids-comp-sidenav-navitem-expandable-submenu-gap-spacious) * var(--submenu-items-count))
423
+ --submenu-items-gap-count: max(calc(var(--submenu-items-count) - 1), 0);
424
+ --submenu-item-height: max(
425
+ var(--ids-comp-sidenav-navitem-single-size-height-spacious),
426
+ var(--ids-comp-sidenav-navitem-expandable-summary-size-height-spacious)
439
427
  );
440
- max-height: calc(var(--submenu-items-count) * var(--submenu-item-height));
428
+ max-height: calc(var(--submenu-items-count) * var(--submenu-item-height) + var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-spacious) + var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-spacious) + var(--submenu-items-gap-count) * (var(--ids-comp-sidenav-navitem-expandable-submenu-gap-spacious) + var(--ids-comp-sidenav-section-list-size-gap-spacious)));
441
429
  gap: var(--ids-comp-sidenav-navitem-expandable-submenu-gap-spacious);
442
430
  padding: var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-spacious) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-right-spacious) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-spacious) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-spacious);
443
431
  }
@@ -543,16 +531,12 @@
543
531
  margin-right: calc(var(--ids-comp-sidenav-navitem-expandable-summary-size-gap-dense) * -1);
544
532
  }
545
533
  .ids-side-nav.ids-side-nav-dense .ids-side-nav-item .ids-side-nav-item-expandable-submenu.expanded {
546
- --submenu-item-height: calc(
547
- max(
548
- var(--ids-comp-sidenav-navitem-single-size-height-dense),
549
- var(--ids-comp-sidenav-navitem-expandable-summary-size-height-dense)
550
- ) +
551
- var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-dense) +
552
- var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-dense) +
553
- calc(var(--ids-comp-sidenav-navitem-expandable-submenu-gap-dense) * var(--submenu-items-count))
534
+ --submenu-items-gap-count: max(calc(var(--submenu-items-count) - 1), 0);
535
+ --submenu-item-height: max(
536
+ var(--ids-comp-sidenav-navitem-single-size-height-dense),
537
+ var(--ids-comp-sidenav-navitem-expandable-summary-size-height-dense)
554
538
  );
555
- max-height: calc(var(--submenu-items-count) * var(--submenu-item-height));
539
+ max-height: calc(var(--submenu-items-count) * var(--submenu-item-height) + var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-dense) + var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-dense) + var(--submenu-items-gap-count) * (var(--ids-comp-sidenav-navitem-expandable-submenu-gap-dense) + var(--ids-comp-sidenav-section-list-size-gap-dense)));
556
540
  gap: var(--ids-comp-sidenav-navitem-expandable-submenu-gap-dense);
557
541
  padding: var(--ids-comp-sidenav-navitem-expandable-submenu-padding-top-dense) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-right-dense) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-bottom-dense) var(--ids-comp-sidenav-navitem-expandable-submenu-padding-left-dense);
558
542
  }