@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.
- package/dist/components.css +22 -37
- package/dist/components.min.css +1 -1
- package/dist/components.plugin.js +18 -10
- package/dist/dialog/dialog.css +0 -1
- package/dist/dialog/dialog.min.css +1 -1
- package/dist/dialog/dialog.plugin.js +0 -1
- package/dist/divider/divider.css +1 -0
- package/dist/divider/divider.min.css +1 -1
- package/dist/divider/divider.plugin.js +1 -0
- package/dist/radio/radio.css +1 -0
- package/dist/radio/radio.min.css +1 -1
- package/dist/radio/radio.plugin.js +1 -1
- package/dist/side-nav/side-nav.css +20 -36
- package/dist/side-nav/side-nav.min.css +1 -1
- package/dist/side-nav/side-nav.plugin.js +16 -8
- package/package.json +1 -1
|
@@ -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
|
-
'
|
|
11710
|
-
maxHeight:
|
|
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
|
-
'
|
|
11822
|
-
maxHeight:
|
|
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
|
-
'
|
|
11934
|
-
maxHeight:
|
|
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
|
-
'
|
|
12044
|
-
maxHeight:
|
|
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)',
|
package/dist/dialog/dialog.css
CHANGED
|
@@ -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
|
},
|
package/dist/divider/divider.css
CHANGED
|
@@ -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)}
|
package/dist/radio/radio.css
CHANGED
package/dist/radio/radio.min.css
CHANGED
|
@@ -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-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
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-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
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-
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
|
|
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-
|
|
547
|
-
|
|
548
|
-
|
|
549
|
-
|
|
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
|
}
|