@i-cell/ids-styles 0.0.70 → 0.0.72
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/checkbox/checkbox-group.css +40 -12
- package/dist/checkbox/checkbox-group.min.css +1 -1
- package/dist/checkbox/checkbox-group.plugin.js +40 -12
- package/dist/checkbox/checkbox.css +6 -0
- package/dist/checkbox/checkbox.min.css +1 -1
- package/dist/checkbox/checkbox.plugin.js +9 -1
- package/dist/components.css +104 -26
- package/dist/components.min.css +1 -1
- package/dist/components.plugin.js +102 -24
- package/dist/datepicker/datepicker.css +31 -2
- package/dist/datepicker/datepicker.min.css +1 -1
- package/dist/datepicker/datepicker.plugin.js +32 -2
- package/dist/dialog/dialog.css +8 -6
- package/dist/dialog/dialog.min.css +1 -1
- package/dist/dialog/dialog.plugin.js +2 -2
- package/dist/radio/radio.css +18 -5
- package/dist/radio/radio.min.css +1 -1
- package/dist/radio/radio.plugin.js +11 -6
- package/dist/side-sheet/side-sheet.css +1 -1
- package/dist/side-sheet/side-sheet.min.css +1 -1
- package/dist/side-sheet/side-sheet.plugin.js +8 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
.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::backdrop{background-color:rgba(0,0,0,0)}.ids-dialog.ids-dialog-with-backdrop::backdrop{background-color:var(--ids-comp-dialog-backdrop-background)}.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{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)}
|
|
@@ -2,6 +2,8 @@
|
|
|
2
2
|
module.exports = function DialogPlugin() {
|
|
3
3
|
return function ({ addComponents }) {
|
|
4
4
|
const cssObj = {
|
|
5
|
+
'.ids-dialog-backdrop': { backgroundColor: 'var(--ids-comp-dialog-backdrop-background)' },
|
|
6
|
+
'.ids-dialog-transparent-backdrop': { backgroundColor: 'rgba(0,0,0,0)' },
|
|
5
7
|
'.ids-dialog': {
|
|
6
8
|
boxSizing: 'border-box',
|
|
7
9
|
borderWidth: '0',
|
|
@@ -19,8 +21,6 @@ module.exports = function DialogPlugin() {
|
|
|
19
21
|
borderStyle: 'none',
|
|
20
22
|
borderColor: 'rgba(0,0,0,0)',
|
|
21
23
|
},
|
|
22
|
-
'.ids-dialog::backdrop': { backgroundColor: 'rgba(0,0,0,0)' },
|
|
23
|
-
'.ids-dialog.ids-dialog-with-backdrop::backdrop': { backgroundColor: 'var(--ids-comp-dialog-backdrop-background)' },
|
|
24
24
|
'.ids-dialog .ids-dialog-container': { display: 'grid', gridTemplateRows: 'auto 1fr auto', position: 'relative', maxHeight: '80vh' },
|
|
25
25
|
'.ids-dialog .ids-dialog-container .ids-dialog-header': { display: 'grid', gridTemplateColumns: '1fr auto' },
|
|
26
26
|
'.ids-dialog .ids-dialog-container .ids-dialog-header .ids-dialog-title': {
|
package/dist/radio/radio.css
CHANGED
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
border-color: transparent;
|
|
17
17
|
}
|
|
18
18
|
.ids-radio-group.ids-radio-group-left {
|
|
19
|
-
align-items: flex-
|
|
19
|
+
align-items: flex-start;
|
|
20
20
|
}
|
|
21
21
|
.ids-radio-group.ids-radio-group-right {
|
|
22
22
|
align-items: flex-start;
|
|
@@ -35,8 +35,20 @@
|
|
|
35
35
|
flex-direction: row;
|
|
36
36
|
align-items: center;
|
|
37
37
|
}
|
|
38
|
+
.ids-radio-group.ids-radio-group-horizontal.ids-radio-group-top > .ids-radio-group__list {
|
|
39
|
+
align-items: flex-end;
|
|
40
|
+
}
|
|
41
|
+
.ids-radio-group.ids-radio-group-horizontal.ids-radio-group-bottom > .ids-radio-group__list {
|
|
42
|
+
align-items: flex-start;
|
|
43
|
+
}
|
|
38
44
|
.ids-radio-group.ids-radio-group-vertical > .ids-radio-group__list {
|
|
39
45
|
flex-direction: column;
|
|
46
|
+
align-items: center;
|
|
47
|
+
}
|
|
48
|
+
.ids-radio-group.ids-radio-group-vertical.ids-radio-group-left > .ids-radio-group__list {
|
|
49
|
+
align-items: flex-end;
|
|
50
|
+
}
|
|
51
|
+
.ids-radio-group.ids-radio-group-vertical.ids-radio-group-right > .ids-radio-group__list {
|
|
40
52
|
align-items: flex-start;
|
|
41
53
|
}
|
|
42
54
|
.ids-radio-group .ids-radio {
|
|
@@ -65,6 +77,7 @@
|
|
|
65
77
|
}
|
|
66
78
|
.ids-radio-group .ids-radio.ids-radio-top .ids-radio__label, .ids-radio-group .ids-radio.ids-radio-bottom .ids-radio__label {
|
|
67
79
|
justify-content: center;
|
|
80
|
+
text-align: center;
|
|
68
81
|
}
|
|
69
82
|
.ids-radio-group .ids-radio.ids-radio-left .ids-radio__label-wrapper, .ids-radio-group .ids-radio.ids-radio-right .ids-radio__label-wrapper {
|
|
70
83
|
align-items: flex-start;
|
|
@@ -126,7 +139,7 @@
|
|
|
126
139
|
cursor: not-allowed;
|
|
127
140
|
}
|
|
128
141
|
.ids-radio-group.ids-radio-group-compact {
|
|
129
|
-
padding: var(--ids-comp-radio-group-vertical-fieldset-
|
|
142
|
+
padding: var(--ids-comp-radio-group-vertical-fieldset-size-padding-y-compact) var(--ids-comp-radio-group-vertical-fieldset-size-padding-x-compact);
|
|
130
143
|
gap: var(--ids-comp-radio-group-vertical-fieldset-size-gap-compact);
|
|
131
144
|
}
|
|
132
145
|
.ids-radio-group.ids-radio-group-compact > .ids-radio-group__legend {
|
|
@@ -189,7 +202,7 @@
|
|
|
189
202
|
letter-spacing: var(--ids-comp-radio-button-label-typography-letter-spacing-compact);
|
|
190
203
|
}
|
|
191
204
|
.ids-radio-group.ids-radio-group-comfortable {
|
|
192
|
-
padding: var(--ids-comp-radio-group-vertical-fieldset-
|
|
205
|
+
padding: var(--ids-comp-radio-group-vertical-fieldset-size-padding-y-comfortable) var(--ids-comp-radio-group-vertical-fieldset-size-padding-x-comfortable);
|
|
193
206
|
gap: var(--ids-comp-radio-group-vertical-fieldset-size-gap-comfortable);
|
|
194
207
|
}
|
|
195
208
|
.ids-radio-group.ids-radio-group-comfortable > .ids-radio-group__legend {
|
|
@@ -252,7 +265,7 @@
|
|
|
252
265
|
letter-spacing: var(--ids-comp-radio-button-label-typography-letter-spacing-comfortable);
|
|
253
266
|
}
|
|
254
267
|
.ids-radio-group.ids-radio-group-spacious {
|
|
255
|
-
padding: var(--ids-comp-radio-group-vertical-fieldset-
|
|
268
|
+
padding: var(--ids-comp-radio-group-vertical-fieldset-size-padding-y-spacious) var(--ids-comp-radio-group-vertical-fieldset-size-padding-x-spacious);
|
|
256
269
|
gap: var(--ids-comp-radio-group-vertical-fieldset-size-gap-spacious);
|
|
257
270
|
}
|
|
258
271
|
.ids-radio-group.ids-radio-group-spacious > .ids-radio-group__legend {
|
|
@@ -315,7 +328,7 @@
|
|
|
315
328
|
letter-spacing: var(--ids-comp-radio-button-label-typography-letter-spacing-spacious);
|
|
316
329
|
}
|
|
317
330
|
.ids-radio-group.ids-radio-group-dense {
|
|
318
|
-
padding: var(--ids-comp-radio-group-vertical-fieldset-
|
|
331
|
+
padding: var(--ids-comp-radio-group-vertical-fieldset-size-padding-y-dense) var(--ids-comp-radio-group-vertical-fieldset-size-padding-x-dense);
|
|
319
332
|
gap: var(--ids-comp-radio-group-vertical-fieldset-size-gap-dense);
|
|
320
333
|
}
|
|
321
334
|
.ids-radio-group.ids-radio-group-dense > .ids-radio-group__legend {
|
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-end}.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-vertical>.ids-radio-group__list{flex-direction:column;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}.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-legend-size-padding-y-compact) var(--ids-comp-radio-group-vertical-fieldset-legend-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-legend-size-padding-y-comfortable) var(--ids-comp-radio-group-vertical-fieldset-legend-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-legend-size-padding-y-spacious) var(--ids-comp-radio-group-vertical-fieldset-legend-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-legend-size-padding-y-dense) var(--ids-comp-radio-group-vertical-fieldset-legend-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}.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)}
|
|
@@ -19,7 +19,7 @@ module.exports = function RadioPlugin() {
|
|
|
19
19
|
borderStyle: 'none',
|
|
20
20
|
borderColor: 'rgba(0,0,0,0)',
|
|
21
21
|
},
|
|
22
|
-
'.ids-radio-group.ids-radio-group-left': { alignItems: 'flex-
|
|
22
|
+
'.ids-radio-group.ids-radio-group-left': { alignItems: 'flex-start' },
|
|
23
23
|
'.ids-radio-group.ids-radio-group-right': { alignItems: 'flex-start' },
|
|
24
24
|
'.ids-radio-group>.ids-radio-group__legend': { display: 'flex', flexDirection: 'column' },
|
|
25
25
|
'.ids-radio-group>.ids-radio-group__legend>.ids-radio-group__legend-container>.ids-radio-group__legend-label': {
|
|
@@ -27,7 +27,11 @@ module.exports = function RadioPlugin() {
|
|
|
27
27
|
},
|
|
28
28
|
'.ids-radio-group>.ids-radio-group__list': { display: 'flex' },
|
|
29
29
|
'.ids-radio-group.ids-radio-group-horizontal>.ids-radio-group__list': { flexDirection: 'row', alignItems: 'center' },
|
|
30
|
-
'.ids-radio-group.ids-radio-group-
|
|
30
|
+
'.ids-radio-group.ids-radio-group-horizontal.ids-radio-group-top>.ids-radio-group__list': { alignItems: 'flex-end' },
|
|
31
|
+
'.ids-radio-group.ids-radio-group-horizontal.ids-radio-group-bottom>.ids-radio-group__list': { alignItems: 'flex-start' },
|
|
32
|
+
'.ids-radio-group.ids-radio-group-vertical>.ids-radio-group__list': { flexDirection: 'column', alignItems: 'center' },
|
|
33
|
+
'.ids-radio-group.ids-radio-group-vertical.ids-radio-group-left>.ids-radio-group__list': { alignItems: 'flex-end' },
|
|
34
|
+
'.ids-radio-group.ids-radio-group-vertical.ids-radio-group-right>.ids-radio-group__list': { alignItems: 'flex-start' },
|
|
31
35
|
'.ids-radio-group .ids-radio': { display: 'flex', alignItems: 'center' },
|
|
32
36
|
'.ids-radio-group .ids-radio.ids-radio-left': { flexDirection: 'row-reverse', justifyContent: 'start' },
|
|
33
37
|
'.ids-radio-group .ids-radio.ids-radio-right': { flexDirection: 'row', justifyContent: 'start' },
|
|
@@ -37,6 +41,7 @@ module.exports = function RadioPlugin() {
|
|
|
37
41
|
{ alignItems: 'center' },
|
|
38
42
|
'.ids-radio-group .ids-radio.ids-radio-top .ids-radio__label,.ids-radio-group .ids-radio.ids-radio-bottom .ids-radio__label': {
|
|
39
43
|
justifyContent: 'center',
|
|
44
|
+
textAlign: 'center',
|
|
40
45
|
},
|
|
41
46
|
'.ids-radio-group .ids-radio.ids-radio-left .ids-radio__label-wrapper,.ids-radio-group .ids-radio.ids-radio-right .ids-radio__label-wrapper':
|
|
42
47
|
{ alignItems: 'flex-start' },
|
|
@@ -86,7 +91,7 @@ module.exports = function RadioPlugin() {
|
|
|
86
91
|
{ cursor: 'not-allowed' },
|
|
87
92
|
'.ids-radio-group.ids-radio-group-compact': {
|
|
88
93
|
padding:
|
|
89
|
-
'var(--ids-comp-radio-group-vertical-fieldset-
|
|
94
|
+
'var(--ids-comp-radio-group-vertical-fieldset-size-padding-y-compact) var(--ids-comp-radio-group-vertical-fieldset-size-padding-x-compact)',
|
|
90
95
|
gap: 'var(--ids-comp-radio-group-vertical-fieldset-size-gap-compact)',
|
|
91
96
|
},
|
|
92
97
|
'.ids-radio-group.ids-radio-group-compact>.ids-radio-group__legend': {
|
|
@@ -152,7 +157,7 @@ module.exports = function RadioPlugin() {
|
|
|
152
157
|
},
|
|
153
158
|
'.ids-radio-group.ids-radio-group-comfortable': {
|
|
154
159
|
padding:
|
|
155
|
-
'var(--ids-comp-radio-group-vertical-fieldset-
|
|
160
|
+
'var(--ids-comp-radio-group-vertical-fieldset-size-padding-y-comfortable) var(--ids-comp-radio-group-vertical-fieldset-size-padding-x-comfortable)',
|
|
156
161
|
gap: 'var(--ids-comp-radio-group-vertical-fieldset-size-gap-comfortable)',
|
|
157
162
|
},
|
|
158
163
|
'.ids-radio-group.ids-radio-group-comfortable>.ids-radio-group__legend': {
|
|
@@ -219,7 +224,7 @@ module.exports = function RadioPlugin() {
|
|
|
219
224
|
},
|
|
220
225
|
'.ids-radio-group.ids-radio-group-spacious': {
|
|
221
226
|
padding:
|
|
222
|
-
'var(--ids-comp-radio-group-vertical-fieldset-
|
|
227
|
+
'var(--ids-comp-radio-group-vertical-fieldset-size-padding-y-spacious) var(--ids-comp-radio-group-vertical-fieldset-size-padding-x-spacious)',
|
|
223
228
|
gap: 'var(--ids-comp-radio-group-vertical-fieldset-size-gap-spacious)',
|
|
224
229
|
},
|
|
225
230
|
'.ids-radio-group.ids-radio-group-spacious>.ids-radio-group__legend': {
|
|
@@ -285,7 +290,7 @@ module.exports = function RadioPlugin() {
|
|
|
285
290
|
},
|
|
286
291
|
'.ids-radio-group.ids-radio-group-dense': {
|
|
287
292
|
padding:
|
|
288
|
-
'var(--ids-comp-radio-group-vertical-fieldset-
|
|
293
|
+
'var(--ids-comp-radio-group-vertical-fieldset-size-padding-y-dense) var(--ids-comp-radio-group-vertical-fieldset-size-padding-x-dense)',
|
|
289
294
|
gap: 'var(--ids-comp-radio-group-vertical-fieldset-size-gap-dense)',
|
|
290
295
|
},
|
|
291
296
|
'.ids-radio-group.ids-radio-group-dense>.ids-radio-group__legend': {
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
left: 0;
|
|
18
18
|
width: 100vw;
|
|
19
19
|
height: 100vh;
|
|
20
|
-
z-index:
|
|
20
|
+
z-index: 1000;
|
|
21
21
|
}
|
|
22
22
|
.ids-side-sheet .ids-side-sheet__container, .ids-side-sheet .ids-side-sheet__container--inline {
|
|
23
23
|
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);
|