@i-cell/ids-styles 0.0.70 → 0.0.71

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.
Files changed (19) hide show
  1. package/dist/checkbox/checkbox-group.css +40 -12
  2. package/dist/checkbox/checkbox-group.min.css +1 -1
  3. package/dist/checkbox/checkbox-group.plugin.js +40 -12
  4. package/dist/checkbox/checkbox.css +6 -0
  5. package/dist/checkbox/checkbox.min.css +1 -1
  6. package/dist/checkbox/checkbox.plugin.js +9 -1
  7. package/dist/components.css +73 -24
  8. package/dist/components.min.css +1 -1
  9. package/dist/components.plugin.js +70 -22
  10. package/dist/dialog/dialog.css +8 -6
  11. package/dist/dialog/dialog.min.css +1 -1
  12. package/dist/dialog/dialog.plugin.js +2 -2
  13. package/dist/radio/radio.css +18 -5
  14. package/dist/radio/radio.min.css +1 -1
  15. package/dist/radio/radio.plugin.js +11 -6
  16. package/dist/side-sheet/side-sheet.css +1 -1
  17. package/dist/side-sheet/side-sheet.min.css +1 -1
  18. package/dist/side-sheet/side-sheet.plugin.js +8 -1
  19. package/package.json +1 -1
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)}
package/dist/radio/radio.plugin.js CHANGED
@@ -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-end' },
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-vertical>.ids-radio-group__list': { flexDirection: 'column', alignItems: 'flex-start' },
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-legend-size-padding-y-compact) var(--ids-comp-radio-group-vertical-fieldset-legend-size-padding-x-compact)',
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-legend-size-padding-y-comfortable) var(--ids-comp-radio-group-vertical-fieldset-legend-size-padding-x-comfortable)',
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-legend-size-padding-y-spacious) var(--ids-comp-radio-group-vertical-fieldset-legend-size-padding-x-spacious)',
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-legend-size-padding-y-dense) var(--ids-comp-radio-group-vertical-fieldset-legend-size-padding-x-dense)',
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': {
package/dist/side-sheet/side-sheet.css CHANGED
@@ -17,7 +17,7 @@
17
17
  left: 0;
18
18
  width: 100vw;
19
19
  height: 100vh;
20
- z-index: 999;
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);
package/dist/side-sheet/side-sheet.min.css CHANGED
@@ -1 +1 @@
1
- .ids-side-sheet{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0);line-height:1.5}.ids-side-sheet::before,.ids-side-sheet::after,.ids-side-sheet *,.ids-side-sheet ::before,.ids-side-sheet ::after{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0)}.ids-side-sheet .ids-side-sheet__backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:999}.ids-side-sheet .ids-side-sheet__container,.ids-side-sheet .ids-side-sheet__container--inline{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-side-sheet .ids-side-sheet__container .ids-side-sheet__content,.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__content{background:var(--ids-comp-sidesheet-content-color-bg-default)}.ids-side-sheet .ids-side-sheet__container .ids-side-sheet__content--scrollable,.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__content--scrollable{max-height:100%;overflow-y:auto;overflow-x:hidden}.ids-side-sheet .ids-side-sheet__container .ids-side-sheet__content:not(.ids-side-sheet__content--scrollable),.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__content:not(.ids-side-sheet__content--scrollable){overflow:hidden}.ids-side-sheet .ids-side-sheet__container .ids-side-sheet__header--default .ids-side-sheet__header-left-content .ids-side-sheet__title,.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__header--default .ids-side-sheet__header-left-content .ids-side-sheet__title{color:var(--ids-comp-sidesheet-header-title-color-fg-default)}.ids-side-sheet .ids-side-sheet__container .ids-side-sheet__footer,.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__footer{background:var(--ids-comp-sidesheet-footer-color-bg-default);width:100%}.ids-side-sheet.ids-side-sheet-default .ids-side-sheet__backdrop{background:var(--ids-comp-sidesheet-backdrop-background-default)}.ids-side-sheet.ids-side-sheet-transparent .ids-side-sheet__backdrop{background:var(--ids-comp-sidesheet-backdrop-background-transparent)}.ids-side-sheet.ids-side-sheet-left-opacity-compact .ids-side-sheet__backdrop{opacity:var(--ids-comp-sidesheet-backdrop-orientation-left-size-opacity-compact)}.ids-side-sheet.ids-side-sheet-right-opacity-compact .ids-side-sheet__backdrop{opacity:var(--ids-comp-sidesheet-backdrop-orientation-right-size-opacity-compact)}.ids-side-sheet.ids-side-sheet-left-opacity-comfortable .ids-side-sheet__backdrop{opacity:var(--ids-comp-sidesheet-backdrop-orientation-left-size-opacity-comfortable)}.ids-side-sheet.ids-side-sheet-right-opacity-comfortable .ids-side-sheet__backdrop{opacity:var(--ids-comp-sidesheet-backdrop-orientation-right-size-opacity-comfortable)}.ids-side-sheet.ids-side-sheet-left-opacity-spacious .ids-side-sheet__backdrop{opacity:var(--ids-comp-sidesheet-backdrop-orientation-left-size-opacity-spacious)}.ids-side-sheet.ids-side-sheet-right-opacity-spacious .ids-side-sheet__backdrop{opacity:var(--ids-comp-sidesheet-backdrop-orientation-right-size-opacity-spacious)}.ids-side-sheet.ids-side-sheet-left-opacity-dense .ids-side-sheet__backdrop{opacity:var(--ids-comp-sidesheet-backdrop-orientation-left-size-opacity-dense)}.ids-side-sheet.ids-side-sheet-right-opacity-dense .ids-side-sheet__backdrop{opacity:var(--ids-comp-sidesheet-backdrop-orientation-right-size-opacity-dense)}.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container--inline{border-radius:var(--ids-comp-sidesheet-container-orientation-size-border-radius-compact)}.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container,.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container--inline{background-color:var(--ids-comp-sidesheet-container-color-bg-default);gap:var(--ids-comp-sidesheet-container-orientation-size-gap-compact);max-width:var(--ids-comp-sidesheet-container-orientation-size-max-width-compact);width:var(--ids-comp-sidesheet-container-orientation-size-width-compact);min-height:var(--ids-comp-sidesheet-container-orientation-size-min-height-compact);padding:var(--ids-comp-sidesheet-container-orientation-size-padding-x-compact) var(--ids-comp-sidesheet-container-orientation-size-padding-y-compact)}.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container .ids-side-sheet__content--scrollable,.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container--inline .ids-side-sheet__content--scrollable{padding:var(--ids-comp-sidesheet-content-scrollable-size-padding-y-top-compact) var(--ids-comp-sidesheet-content-scrollable-size-padding-x-compact) var(--ids-comp-sidesheet-content-scrollable-size-padding-y-bottom-compact)}.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container .ids-side-sheet__content:not(.ids-side-sheet__content--scrollable),.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container--inline .ids-side-sheet__content:not(.ids-side-sheet__content--scrollable){padding:var(--ids-comp-sidesheet-content-fixed-size-padding-y-top-compact) var(--ids-comp-sidesheet-content-fixed-size-padding-x-compact)}.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container .ids-side-sheet__footer,.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container--inline .ids-side-sheet__footer{padding:var(--ids-comp-sidesheet-footer-padding-y-top-compact) var(--ids-comp-sidesheet-footer-padding-x-compact) var(--ids-comp-sidesheet-footer-padding-y-compact);border-top:var(--ids-comp-sidesheet-footer-border-width-compact) solid var(--ids-comp-sidesheet-footer-color-border-surface-default);gap:var(--ids-comp-sidesheet-footer-gap-compact)}.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container .ids-side-sheet__header--custom,.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container .ids-side-sheet__header--default,.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container--inline .ids-side-sheet__header--custom,.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container--inline .ids-side-sheet__header--default{background:var(--ids-comp-sidesheet-header-color-bg-default);padding:var(--ids-comp-sidesheet-header-size-padding-y-compact) var(--ids-comp-sidesheet-header-size-padding-x-compact)}.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container .ids-side-sheet__header--default .ids-side-sheet__header-left-content .ids-side-sheet__title,.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container--inline .ids-side-sheet__header--default .ids-side-sheet__header-left-content .ids-side-sheet__title{font-family:var(--ids-comp-sidesheet-header-title-typography-font-family-compact);font-size:var(--ids-comp-sidesheet-header-title-typography-font-size-compact);font-weight:var(--ids-comp-sidesheet-header-title-typography-font-weight-compact);letter-spacing:var(--ids-comp-sidesheet-header-title-typography-letter-spacing-compact);line-height:var(--ids-comp-sidesheet-header-title-typography-line-height-compact)}.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__header--default .ids-side-sheet__header-left-content{gap:var(--ids-comp-sidesheet-header-size-gap-compact)}.ids-side-sheet.ids-side-sheet-left-compact .ids-side-sheet__container{border-right:var(--ids-comp-sidesheet-container-orientation-left-size-border-width-compact) solid var(--ids-comp-sidesheet-container-color-border-surface-default)}.ids-side-sheet.ids-side-sheet-left-compact .ids-side-sheet__backdrop{padding-left:var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-left-compact);padding-right:var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-right-compact)}.ids-side-sheet.ids-side-sheet-left-compact .ids-side-sheet__container{border-radius:var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-left-compact) var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-right-compact) var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-right-compact) var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-left-compact)}.ids-side-sheet.ids-side-sheet-right-compact .ids-side-sheet__container{border-left:var(--ids-comp-sidesheet-container-orientation-right-size-border-width-compact) solid var(--ids-comp-sidesheet-container-color-border-surface-default)}.ids-side-sheet.ids-side-sheet-right-compact .ids-side-sheet__backdrop{padding-left:var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-left-compact);padding-right:var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-right-compact)}.ids-side-sheet.ids-side-sheet-right-compact .ids-side-sheet__container{border-radius:var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-left-compact) var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-right-compact) var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-right-compact) var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-left-compact)}.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container--inline{border-radius:var(--ids-comp-sidesheet-container-orientation-size-border-radius-comfortable)}.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container,.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container--inline{background-color:var(--ids-comp-sidesheet-container-color-bg-default);gap:var(--ids-comp-sidesheet-container-orientation-size-gap-comfortable);max-width:var(--ids-comp-sidesheet-container-orientation-size-max-width-comfortable);width:var(--ids-comp-sidesheet-container-orientation-size-width-comfortable);min-height:var(--ids-comp-sidesheet-container-orientation-size-min-height-comfortable);padding:var(--ids-comp-sidesheet-container-orientation-size-padding-x-comfortable) var(--ids-comp-sidesheet-container-orientation-size-padding-y-comfortable)}.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container .ids-side-sheet__content--scrollable,.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container--inline .ids-side-sheet__content--scrollable{padding:var(--ids-comp-sidesheet-content-scrollable-size-padding-y-top-comfortable) var(--ids-comp-sidesheet-content-scrollable-size-padding-x-comfortable) var(--ids-comp-sidesheet-content-scrollable-size-padding-y-bottom-comfortable)}.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container .ids-side-sheet__content:not(.ids-side-sheet__content--scrollable),.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container--inline .ids-side-sheet__content:not(.ids-side-sheet__content--scrollable){padding:var(--ids-comp-sidesheet-content-fixed-size-padding-y-top-comfortable) var(--ids-comp-sidesheet-content-fixed-size-padding-x-comfortable)}.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container .ids-side-sheet__footer,.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container--inline .ids-side-sheet__footer{padding:var(--ids-comp-sidesheet-footer-padding-y-top-comfortable) var(--ids-comp-sidesheet-footer-padding-x-comfortable) var(--ids-comp-sidesheet-footer-padding-y-comfortable);border-top:var(--ids-comp-sidesheet-footer-border-width-comfortable) solid var(--ids-comp-sidesheet-footer-color-border-surface-default);gap:var(--ids-comp-sidesheet-footer-gap-comfortable)}.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container .ids-side-sheet__header--custom,.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container .ids-side-sheet__header--default,.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container--inline .ids-side-sheet__header--custom,.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container--inline .ids-side-sheet__header--default{background:var(--ids-comp-sidesheet-header-color-bg-default);padding:var(--ids-comp-sidesheet-header-size-padding-y-comfortable) var(--ids-comp-sidesheet-header-size-padding-x-comfortable)}.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container .ids-side-sheet__header--default .ids-side-sheet__header-left-content .ids-side-sheet__title,.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container--inline .ids-side-sheet__header--default .ids-side-sheet__header-left-content .ids-side-sheet__title{font-family:var(--ids-comp-sidesheet-header-title-typography-font-family-comfortable);font-size:var(--ids-comp-sidesheet-header-title-typography-font-size-comfortable);font-weight:var(--ids-comp-sidesheet-header-title-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-sidesheet-header-title-typography-letter-spacing-comfortable);line-height:var(--ids-comp-sidesheet-header-title-typography-line-height-comfortable)}.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__header--default .ids-side-sheet__header-left-content{gap:var(--ids-comp-sidesheet-header-size-gap-comfortable)}.ids-side-sheet.ids-side-sheet-left-comfortable .ids-side-sheet__container{border-right:var(--ids-comp-sidesheet-container-orientation-left-size-border-width-comfortable) solid var(--ids-comp-sidesheet-container-color-border-surface-default)}.ids-side-sheet.ids-side-sheet-left-comfortable .ids-side-sheet__backdrop{padding-left:var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-left-comfortable);padding-right:var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-right-comfortable)}.ids-side-sheet.ids-side-sheet-left-comfortable .ids-side-sheet__container{border-radius:var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-left-comfortable) var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-right-comfortable) var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-right-comfortable) var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-left-comfortable)}.ids-side-sheet.ids-side-sheet-right-comfortable .ids-side-sheet__container{border-left:var(--ids-comp-sidesheet-container-orientation-right-size-border-width-comfortable) solid var(--ids-comp-sidesheet-container-color-border-surface-default)}.ids-side-sheet.ids-side-sheet-right-comfortable .ids-side-sheet__backdrop{padding-left:var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-left-comfortable);padding-right:var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-right-comfortable)}.ids-side-sheet.ids-side-sheet-right-comfortable .ids-side-sheet__container{border-radius:var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-left-comfortable) var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-right-comfortable) var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-right-comfortable) var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-left-comfortable)}.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container--inline{border-radius:var(--ids-comp-sidesheet-container-orientation-size-border-radius-spacious)}.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container,.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container--inline{background-color:var(--ids-comp-sidesheet-container-color-bg-default);gap:var(--ids-comp-sidesheet-container-orientation-size-gap-spacious);max-width:var(--ids-comp-sidesheet-container-orientation-size-max-width-spacious);width:var(--ids-comp-sidesheet-container-orientation-size-width-spacious);min-height:var(--ids-comp-sidesheet-container-orientation-size-min-height-spacious);padding:var(--ids-comp-sidesheet-container-orientation-size-padding-x-spacious) var(--ids-comp-sidesheet-container-orientation-size-padding-y-spacious)}.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container .ids-side-sheet__content--scrollable,.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container--inline .ids-side-sheet__content--scrollable{padding:var(--ids-comp-sidesheet-content-scrollable-size-padding-y-top-spacious) var(--ids-comp-sidesheet-content-scrollable-size-padding-x-spacious) var(--ids-comp-sidesheet-content-scrollable-size-padding-y-bottom-spacious)}.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container .ids-side-sheet__content:not(.ids-side-sheet__content--scrollable),.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container--inline .ids-side-sheet__content:not(.ids-side-sheet__content--scrollable){padding:var(--ids-comp-sidesheet-content-fixed-size-padding-y-top-spacious) var(--ids-comp-sidesheet-content-fixed-size-padding-x-spacious)}.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container .ids-side-sheet__footer,.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container--inline .ids-side-sheet__footer{padding:var(--ids-comp-sidesheet-footer-padding-y-top-spacious) var(--ids-comp-sidesheet-footer-padding-x-spacious) var(--ids-comp-sidesheet-footer-padding-y-spacious);border-top:var(--ids-comp-sidesheet-footer-border-width-spacious) solid var(--ids-comp-sidesheet-footer-color-border-surface-default);gap:var(--ids-comp-sidesheet-footer-gap-spacious)}.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container .ids-side-sheet__header--custom,.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container .ids-side-sheet__header--default,.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container--inline .ids-side-sheet__header--custom,.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container--inline .ids-side-sheet__header--default{background:var(--ids-comp-sidesheet-header-color-bg-default);padding:var(--ids-comp-sidesheet-header-size-padding-y-spacious) var(--ids-comp-sidesheet-header-size-padding-x-spacious)}.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container .ids-side-sheet__header--default .ids-side-sheet__header-left-content .ids-side-sheet__title,.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container--inline .ids-side-sheet__header--default .ids-side-sheet__header-left-content .ids-side-sheet__title{font-family:var(--ids-comp-sidesheet-header-title-typography-font-family-spacious);font-size:var(--ids-comp-sidesheet-header-title-typography-font-size-spacious);font-weight:var(--ids-comp-sidesheet-header-title-typography-font-weight-spacious);letter-spacing:var(--ids-comp-sidesheet-header-title-typography-letter-spacing-spacious);line-height:var(--ids-comp-sidesheet-header-title-typography-line-height-spacious)}.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__header--default .ids-side-sheet__header-left-content{gap:var(--ids-comp-sidesheet-header-size-gap-spacious)}.ids-side-sheet.ids-side-sheet-left-spacious .ids-side-sheet__container{border-right:var(--ids-comp-sidesheet-container-orientation-left-size-border-width-spacious) solid var(--ids-comp-sidesheet-container-color-border-surface-default)}.ids-side-sheet.ids-side-sheet-left-spacious .ids-side-sheet__backdrop{padding-left:var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-left-spacious);padding-right:var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-right-spacious)}.ids-side-sheet.ids-side-sheet-left-spacious .ids-side-sheet__container{border-radius:var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-left-spacious) var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-right-spacious) var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-right-spacious) var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-left-spacious)}.ids-side-sheet.ids-side-sheet-right-spacious .ids-side-sheet__container{border-left:var(--ids-comp-sidesheet-container-orientation-right-size-border-width-spacious) solid var(--ids-comp-sidesheet-container-color-border-surface-default)}.ids-side-sheet.ids-side-sheet-right-spacious .ids-side-sheet__backdrop{padding-left:var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-left-spacious);padding-right:var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-right-spacious)}.ids-side-sheet.ids-side-sheet-right-spacious .ids-side-sheet__container{border-radius:var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-left-spacious) var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-right-spacious) var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-right-spacious) var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-left-spacious)}.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container--inline{border-radius:var(--ids-comp-sidesheet-container-orientation-size-border-radius-dense)}.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container,.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container--inline{background-color:var(--ids-comp-sidesheet-container-color-bg-default);gap:var(--ids-comp-sidesheet-container-orientation-size-gap-dense);max-width:var(--ids-comp-sidesheet-container-orientation-size-max-width-dense);width:var(--ids-comp-sidesheet-container-orientation-size-width-dense);min-height:var(--ids-comp-sidesheet-container-orientation-size-min-height-dense);padding:var(--ids-comp-sidesheet-container-orientation-size-padding-x-dense) var(--ids-comp-sidesheet-container-orientation-size-padding-y-dense)}.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container .ids-side-sheet__content--scrollable,.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container--inline .ids-side-sheet__content--scrollable{padding:var(--ids-comp-sidesheet-content-scrollable-size-padding-y-top-dense) var(--ids-comp-sidesheet-content-scrollable-size-padding-x-dense) var(--ids-comp-sidesheet-content-scrollable-size-padding-y-bottom-dense)}.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container .ids-side-sheet__content:not(.ids-side-sheet__content--scrollable),.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container--inline .ids-side-sheet__content:not(.ids-side-sheet__content--scrollable){padding:var(--ids-comp-sidesheet-content-fixed-size-padding-y-top-dense) var(--ids-comp-sidesheet-content-fixed-size-padding-x-dense)}.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container .ids-side-sheet__footer,.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container--inline .ids-side-sheet__footer{padding:var(--ids-comp-sidesheet-footer-padding-y-top-dense) var(--ids-comp-sidesheet-footer-padding-x-dense) var(--ids-comp-sidesheet-footer-padding-y-dense);border-top:var(--ids-comp-sidesheet-footer-border-width-dense) solid var(--ids-comp-sidesheet-footer-color-border-surface-default);gap:var(--ids-comp-sidesheet-footer-gap-dense)}.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container .ids-side-sheet__header--custom,.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container .ids-side-sheet__header--default,.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container--inline .ids-side-sheet__header--custom,.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container--inline .ids-side-sheet__header--default{background:var(--ids-comp-sidesheet-header-color-bg-default);padding:var(--ids-comp-sidesheet-header-size-padding-y-dense) var(--ids-comp-sidesheet-header-size-padding-x-dense)}.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container .ids-side-sheet__header--default .ids-side-sheet__header-left-content .ids-side-sheet__title,.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container--inline .ids-side-sheet__header--default .ids-side-sheet__header-left-content .ids-side-sheet__title{font-family:var(--ids-comp-sidesheet-header-title-typography-font-family-dense);font-size:var(--ids-comp-sidesheet-header-title-typography-font-size-dense);font-weight:var(--ids-comp-sidesheet-header-title-typography-font-weight-dense);letter-spacing:var(--ids-comp-sidesheet-header-title-typography-letter-spacing-dense);line-height:var(--ids-comp-sidesheet-header-title-typography-line-height-dense)}.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__header--default .ids-side-sheet__header-left-content{gap:var(--ids-comp-sidesheet-header-size-gap-dense)}.ids-side-sheet.ids-side-sheet-left-dense .ids-side-sheet__container{border-right:var(--ids-comp-sidesheet-container-orientation-left-size-border-width-dense) solid var(--ids-comp-sidesheet-container-color-border-surface-default)}.ids-side-sheet.ids-side-sheet-left-dense .ids-side-sheet__backdrop{padding-left:var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-left-dense);padding-right:var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-right-dense)}.ids-side-sheet.ids-side-sheet-left-dense .ids-side-sheet__container{border-radius:var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-left-dense) var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-right-dense) var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-right-dense) var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-left-dense)}.ids-side-sheet.ids-side-sheet-right-dense .ids-side-sheet__container{border-left:var(--ids-comp-sidesheet-container-orientation-right-size-border-width-dense) solid var(--ids-comp-sidesheet-container-color-border-surface-default)}.ids-side-sheet.ids-side-sheet-right-dense .ids-side-sheet__backdrop{padding-left:var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-left-dense);padding-right:var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-right-dense)}.ids-side-sheet.ids-side-sheet-right-dense .ids-side-sheet__container{border-radius:var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-left-dense) var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-right-dense) var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-right-dense) var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-left-dense)}.ids-side-sheet .ids-side-sheet__container,.ids-side-sheet .ids-side-sheet__container--inline{display:flex;height:100%;flex-direction:column;align-items:flex-start;position:fixed;top:0;left:0;z-index:1000}.ids-side-sheet .ids-side-sheet__container .ids-side-sheet__header-custom-top-row,.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__header-custom-top-row{width:100%;display:flex;justify-content:flex-end;align-items:center}.ids-side-sheet .ids-side-sheet__container .ids-side-sheet__header-custom-top-row:has(>:nth-child(2)),.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__header-custom-top-row:has(>:nth-child(2)){justify-content:space-between}.ids-side-sheet .ids-side-sheet__container .ids-side-sheet__header--custom,.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__header--custom{width:100%;display:flex;align-items:center;justify-content:space-between}.ids-side-sheet .ids-side-sheet__container .ids-side-sheet__header--default,.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__header--default{width:100%;display:flex;align-items:center;justify-content:space-between}.ids-side-sheet .ids-side-sheet__container .ids-side-sheet__header--default .ids-side-sheet__header-left-content,.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__header--default .ids-side-sheet__header-left-content{display:flex;align-items:center}.ids-side-sheet .ids-side-sheet__container .ids-side-sheet__header--default .ids-side-sheet__header-close-btn,.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__header--default .ids-side-sheet__header-close-btn{margin-left:auto}.ids-side-sheet .ids-side-sheet__container.right,.ids-side-sheet .ids-side-sheet__container--inline.right{left:auto;right:0}.ids-side-sheet .ids-side-sheet__container--inline{position:sticky;display:flex;flex-direction:column;top:0;left:0;height:100%;transform:none}.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__header--default{width:100%;display:flex;align-items:center;justify-content:space-between}.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__header--default .ids-side-sheet__header-left-content{display:flex;align-items:center}.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__header--default .ids-side-sheet__header-close-btn{margin-left:auto}.ids-side-sheet .ids-side-sheet__container--inline.right{left:auto;right:0;transform:none}.ids-side-sheet .ids-side-sheet__header-close-btn{align-self:flex-start;cursor:pointer}
1
+ .ids-side-sheet{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0);line-height:1.5}.ids-side-sheet::before,.ids-side-sheet::after,.ids-side-sheet *,.ids-side-sheet ::before,.ids-side-sheet ::after{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0)}.ids-side-sheet .ids-side-sheet__backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000}.ids-side-sheet .ids-side-sheet__container,.ids-side-sheet .ids-side-sheet__container--inline{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-side-sheet .ids-side-sheet__container .ids-side-sheet__content,.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__content{background:var(--ids-comp-sidesheet-content-color-bg-default)}.ids-side-sheet .ids-side-sheet__container .ids-side-sheet__content--scrollable,.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__content--scrollable{max-height:100%;overflow-y:auto;overflow-x:hidden}.ids-side-sheet .ids-side-sheet__container .ids-side-sheet__content:not(.ids-side-sheet__content--scrollable),.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__content:not(.ids-side-sheet__content--scrollable){overflow:hidden}.ids-side-sheet .ids-side-sheet__container .ids-side-sheet__header--default .ids-side-sheet__header-left-content .ids-side-sheet__title,.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__header--default .ids-side-sheet__header-left-content .ids-side-sheet__title{color:var(--ids-comp-sidesheet-header-title-color-fg-default)}.ids-side-sheet .ids-side-sheet__container .ids-side-sheet__footer,.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__footer{background:var(--ids-comp-sidesheet-footer-color-bg-default);width:100%}.ids-side-sheet.ids-side-sheet-default .ids-side-sheet__backdrop{background:var(--ids-comp-sidesheet-backdrop-background-default)}.ids-side-sheet.ids-side-sheet-transparent .ids-side-sheet__backdrop{background:var(--ids-comp-sidesheet-backdrop-background-transparent)}.ids-side-sheet.ids-side-sheet-left-opacity-compact .ids-side-sheet__backdrop{opacity:var(--ids-comp-sidesheet-backdrop-orientation-left-size-opacity-compact)}.ids-side-sheet.ids-side-sheet-right-opacity-compact .ids-side-sheet__backdrop{opacity:var(--ids-comp-sidesheet-backdrop-orientation-right-size-opacity-compact)}.ids-side-sheet.ids-side-sheet-left-opacity-comfortable .ids-side-sheet__backdrop{opacity:var(--ids-comp-sidesheet-backdrop-orientation-left-size-opacity-comfortable)}.ids-side-sheet.ids-side-sheet-right-opacity-comfortable .ids-side-sheet__backdrop{opacity:var(--ids-comp-sidesheet-backdrop-orientation-right-size-opacity-comfortable)}.ids-side-sheet.ids-side-sheet-left-opacity-spacious .ids-side-sheet__backdrop{opacity:var(--ids-comp-sidesheet-backdrop-orientation-left-size-opacity-spacious)}.ids-side-sheet.ids-side-sheet-right-opacity-spacious .ids-side-sheet__backdrop{opacity:var(--ids-comp-sidesheet-backdrop-orientation-right-size-opacity-spacious)}.ids-side-sheet.ids-side-sheet-left-opacity-dense .ids-side-sheet__backdrop{opacity:var(--ids-comp-sidesheet-backdrop-orientation-left-size-opacity-dense)}.ids-side-sheet.ids-side-sheet-right-opacity-dense .ids-side-sheet__backdrop{opacity:var(--ids-comp-sidesheet-backdrop-orientation-right-size-opacity-dense)}.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container--inline{border-radius:var(--ids-comp-sidesheet-container-orientation-size-border-radius-compact)}.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container,.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container--inline{background-color:var(--ids-comp-sidesheet-container-color-bg-default);gap:var(--ids-comp-sidesheet-container-orientation-size-gap-compact);max-width:var(--ids-comp-sidesheet-container-orientation-size-max-width-compact);width:var(--ids-comp-sidesheet-container-orientation-size-width-compact);min-height:var(--ids-comp-sidesheet-container-orientation-size-min-height-compact);padding:var(--ids-comp-sidesheet-container-orientation-size-padding-x-compact) var(--ids-comp-sidesheet-container-orientation-size-padding-y-compact)}.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container .ids-side-sheet__content--scrollable,.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container--inline .ids-side-sheet__content--scrollable{padding:var(--ids-comp-sidesheet-content-scrollable-size-padding-y-top-compact) var(--ids-comp-sidesheet-content-scrollable-size-padding-x-compact) var(--ids-comp-sidesheet-content-scrollable-size-padding-y-bottom-compact)}.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container .ids-side-sheet__content:not(.ids-side-sheet__content--scrollable),.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container--inline .ids-side-sheet__content:not(.ids-side-sheet__content--scrollable){padding:var(--ids-comp-sidesheet-content-fixed-size-padding-y-top-compact) var(--ids-comp-sidesheet-content-fixed-size-padding-x-compact)}.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container .ids-side-sheet__footer,.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container--inline .ids-side-sheet__footer{padding:var(--ids-comp-sidesheet-footer-padding-y-top-compact) var(--ids-comp-sidesheet-footer-padding-x-compact) var(--ids-comp-sidesheet-footer-padding-y-compact);border-top:var(--ids-comp-sidesheet-footer-border-width-compact) solid var(--ids-comp-sidesheet-footer-color-border-surface-default);gap:var(--ids-comp-sidesheet-footer-gap-compact)}.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container .ids-side-sheet__header--custom,.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container .ids-side-sheet__header--default,.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container--inline .ids-side-sheet__header--custom,.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container--inline .ids-side-sheet__header--default{background:var(--ids-comp-sidesheet-header-color-bg-default);padding:var(--ids-comp-sidesheet-header-size-padding-y-compact) var(--ids-comp-sidesheet-header-size-padding-x-compact)}.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container .ids-side-sheet__header--default .ids-side-sheet__header-left-content .ids-side-sheet__title,.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__container--inline .ids-side-sheet__header--default .ids-side-sheet__header-left-content .ids-side-sheet__title{font-family:var(--ids-comp-sidesheet-header-title-typography-font-family-compact);font-size:var(--ids-comp-sidesheet-header-title-typography-font-size-compact);font-weight:var(--ids-comp-sidesheet-header-title-typography-font-weight-compact);letter-spacing:var(--ids-comp-sidesheet-header-title-typography-letter-spacing-compact);line-height:var(--ids-comp-sidesheet-header-title-typography-line-height-compact)}.ids-side-sheet.ids-side-sheet-compact .ids-side-sheet__header--default .ids-side-sheet__header-left-content{gap:var(--ids-comp-sidesheet-header-size-gap-compact)}.ids-side-sheet.ids-side-sheet-left-compact .ids-side-sheet__container{border-right:var(--ids-comp-sidesheet-container-orientation-left-size-border-width-compact) solid var(--ids-comp-sidesheet-container-color-border-surface-default)}.ids-side-sheet.ids-side-sheet-left-compact .ids-side-sheet__backdrop{padding-left:var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-left-compact);padding-right:var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-right-compact)}.ids-side-sheet.ids-side-sheet-left-compact .ids-side-sheet__container{border-radius:var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-left-compact) var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-right-compact) var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-right-compact) var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-left-compact)}.ids-side-sheet.ids-side-sheet-right-compact .ids-side-sheet__container{border-left:var(--ids-comp-sidesheet-container-orientation-right-size-border-width-compact) solid var(--ids-comp-sidesheet-container-color-border-surface-default)}.ids-side-sheet.ids-side-sheet-right-compact .ids-side-sheet__backdrop{padding-left:var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-left-compact);padding-right:var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-right-compact)}.ids-side-sheet.ids-side-sheet-right-compact .ids-side-sheet__container{border-radius:var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-left-compact) var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-right-compact) var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-right-compact) var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-left-compact)}.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container--inline{border-radius:var(--ids-comp-sidesheet-container-orientation-size-border-radius-comfortable)}.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container,.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container--inline{background-color:var(--ids-comp-sidesheet-container-color-bg-default);gap:var(--ids-comp-sidesheet-container-orientation-size-gap-comfortable);max-width:var(--ids-comp-sidesheet-container-orientation-size-max-width-comfortable);width:var(--ids-comp-sidesheet-container-orientation-size-width-comfortable);min-height:var(--ids-comp-sidesheet-container-orientation-size-min-height-comfortable);padding:var(--ids-comp-sidesheet-container-orientation-size-padding-x-comfortable) var(--ids-comp-sidesheet-container-orientation-size-padding-y-comfortable)}.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container .ids-side-sheet__content--scrollable,.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container--inline .ids-side-sheet__content--scrollable{padding:var(--ids-comp-sidesheet-content-scrollable-size-padding-y-top-comfortable) var(--ids-comp-sidesheet-content-scrollable-size-padding-x-comfortable) var(--ids-comp-sidesheet-content-scrollable-size-padding-y-bottom-comfortable)}.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container .ids-side-sheet__content:not(.ids-side-sheet__content--scrollable),.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container--inline .ids-side-sheet__content:not(.ids-side-sheet__content--scrollable){padding:var(--ids-comp-sidesheet-content-fixed-size-padding-y-top-comfortable) var(--ids-comp-sidesheet-content-fixed-size-padding-x-comfortable)}.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container .ids-side-sheet__footer,.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container--inline .ids-side-sheet__footer{padding:var(--ids-comp-sidesheet-footer-padding-y-top-comfortable) var(--ids-comp-sidesheet-footer-padding-x-comfortable) var(--ids-comp-sidesheet-footer-padding-y-comfortable);border-top:var(--ids-comp-sidesheet-footer-border-width-comfortable) solid var(--ids-comp-sidesheet-footer-color-border-surface-default);gap:var(--ids-comp-sidesheet-footer-gap-comfortable)}.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container .ids-side-sheet__header--custom,.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container .ids-side-sheet__header--default,.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container--inline .ids-side-sheet__header--custom,.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container--inline .ids-side-sheet__header--default{background:var(--ids-comp-sidesheet-header-color-bg-default);padding:var(--ids-comp-sidesheet-header-size-padding-y-comfortable) var(--ids-comp-sidesheet-header-size-padding-x-comfortable)}.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container .ids-side-sheet__header--default .ids-side-sheet__header-left-content .ids-side-sheet__title,.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__container--inline .ids-side-sheet__header--default .ids-side-sheet__header-left-content .ids-side-sheet__title{font-family:var(--ids-comp-sidesheet-header-title-typography-font-family-comfortable);font-size:var(--ids-comp-sidesheet-header-title-typography-font-size-comfortable);font-weight:var(--ids-comp-sidesheet-header-title-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-sidesheet-header-title-typography-letter-spacing-comfortable);line-height:var(--ids-comp-sidesheet-header-title-typography-line-height-comfortable)}.ids-side-sheet.ids-side-sheet-comfortable .ids-side-sheet__header--default .ids-side-sheet__header-left-content{gap:var(--ids-comp-sidesheet-header-size-gap-comfortable)}.ids-side-sheet.ids-side-sheet-left-comfortable .ids-side-sheet__container{border-right:var(--ids-comp-sidesheet-container-orientation-left-size-border-width-comfortable) solid var(--ids-comp-sidesheet-container-color-border-surface-default)}.ids-side-sheet.ids-side-sheet-left-comfortable .ids-side-sheet__backdrop{padding-left:var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-left-comfortable);padding-right:var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-right-comfortable)}.ids-side-sheet.ids-side-sheet-left-comfortable .ids-side-sheet__container{border-radius:var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-left-comfortable) var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-right-comfortable) var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-right-comfortable) var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-left-comfortable)}.ids-side-sheet.ids-side-sheet-right-comfortable .ids-side-sheet__container{border-left:var(--ids-comp-sidesheet-container-orientation-right-size-border-width-comfortable) solid var(--ids-comp-sidesheet-container-color-border-surface-default)}.ids-side-sheet.ids-side-sheet-right-comfortable .ids-side-sheet__backdrop{padding-left:var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-left-comfortable);padding-right:var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-right-comfortable)}.ids-side-sheet.ids-side-sheet-right-comfortable .ids-side-sheet__container{border-radius:var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-left-comfortable) var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-right-comfortable) var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-right-comfortable) var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-left-comfortable)}.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container--inline{border-radius:var(--ids-comp-sidesheet-container-orientation-size-border-radius-spacious)}.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container,.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container--inline{background-color:var(--ids-comp-sidesheet-container-color-bg-default);gap:var(--ids-comp-sidesheet-container-orientation-size-gap-spacious);max-width:var(--ids-comp-sidesheet-container-orientation-size-max-width-spacious);width:var(--ids-comp-sidesheet-container-orientation-size-width-spacious);min-height:var(--ids-comp-sidesheet-container-orientation-size-min-height-spacious);padding:var(--ids-comp-sidesheet-container-orientation-size-padding-x-spacious) var(--ids-comp-sidesheet-container-orientation-size-padding-y-spacious)}.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container .ids-side-sheet__content--scrollable,.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container--inline .ids-side-sheet__content--scrollable{padding:var(--ids-comp-sidesheet-content-scrollable-size-padding-y-top-spacious) var(--ids-comp-sidesheet-content-scrollable-size-padding-x-spacious) var(--ids-comp-sidesheet-content-scrollable-size-padding-y-bottom-spacious)}.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container .ids-side-sheet__content:not(.ids-side-sheet__content--scrollable),.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container--inline .ids-side-sheet__content:not(.ids-side-sheet__content--scrollable){padding:var(--ids-comp-sidesheet-content-fixed-size-padding-y-top-spacious) var(--ids-comp-sidesheet-content-fixed-size-padding-x-spacious)}.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container .ids-side-sheet__footer,.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container--inline .ids-side-sheet__footer{padding:var(--ids-comp-sidesheet-footer-padding-y-top-spacious) var(--ids-comp-sidesheet-footer-padding-x-spacious) var(--ids-comp-sidesheet-footer-padding-y-spacious);border-top:var(--ids-comp-sidesheet-footer-border-width-spacious) solid var(--ids-comp-sidesheet-footer-color-border-surface-default);gap:var(--ids-comp-sidesheet-footer-gap-spacious)}.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container .ids-side-sheet__header--custom,.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container .ids-side-sheet__header--default,.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container--inline .ids-side-sheet__header--custom,.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container--inline .ids-side-sheet__header--default{background:var(--ids-comp-sidesheet-header-color-bg-default);padding:var(--ids-comp-sidesheet-header-size-padding-y-spacious) var(--ids-comp-sidesheet-header-size-padding-x-spacious)}.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container .ids-side-sheet__header--default .ids-side-sheet__header-left-content .ids-side-sheet__title,.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__container--inline .ids-side-sheet__header--default .ids-side-sheet__header-left-content .ids-side-sheet__title{font-family:var(--ids-comp-sidesheet-header-title-typography-font-family-spacious);font-size:var(--ids-comp-sidesheet-header-title-typography-font-size-spacious);font-weight:var(--ids-comp-sidesheet-header-title-typography-font-weight-spacious);letter-spacing:var(--ids-comp-sidesheet-header-title-typography-letter-spacing-spacious);line-height:var(--ids-comp-sidesheet-header-title-typography-line-height-spacious)}.ids-side-sheet.ids-side-sheet-spacious .ids-side-sheet__header--default .ids-side-sheet__header-left-content{gap:var(--ids-comp-sidesheet-header-size-gap-spacious)}.ids-side-sheet.ids-side-sheet-left-spacious .ids-side-sheet__container{border-right:var(--ids-comp-sidesheet-container-orientation-left-size-border-width-spacious) solid var(--ids-comp-sidesheet-container-color-border-surface-default)}.ids-side-sheet.ids-side-sheet-left-spacious .ids-side-sheet__backdrop{padding-left:var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-left-spacious);padding-right:var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-right-spacious)}.ids-side-sheet.ids-side-sheet-left-spacious .ids-side-sheet__container{border-radius:var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-left-spacious) var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-right-spacious) var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-right-spacious) var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-left-spacious)}.ids-side-sheet.ids-side-sheet-right-spacious .ids-side-sheet__container{border-left:var(--ids-comp-sidesheet-container-orientation-right-size-border-width-spacious) solid var(--ids-comp-sidesheet-container-color-border-surface-default)}.ids-side-sheet.ids-side-sheet-right-spacious .ids-side-sheet__backdrop{padding-left:var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-left-spacious);padding-right:var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-right-spacious)}.ids-side-sheet.ids-side-sheet-right-spacious .ids-side-sheet__container{border-radius:var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-left-spacious) var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-right-spacious) var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-right-spacious) var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-left-spacious)}.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container--inline{border-radius:var(--ids-comp-sidesheet-container-orientation-size-border-radius-dense)}.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container,.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container--inline{background-color:var(--ids-comp-sidesheet-container-color-bg-default);gap:var(--ids-comp-sidesheet-container-orientation-size-gap-dense);max-width:var(--ids-comp-sidesheet-container-orientation-size-max-width-dense);width:var(--ids-comp-sidesheet-container-orientation-size-width-dense);min-height:var(--ids-comp-sidesheet-container-orientation-size-min-height-dense);padding:var(--ids-comp-sidesheet-container-orientation-size-padding-x-dense) var(--ids-comp-sidesheet-container-orientation-size-padding-y-dense)}.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container .ids-side-sheet__content--scrollable,.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container--inline .ids-side-sheet__content--scrollable{padding:var(--ids-comp-sidesheet-content-scrollable-size-padding-y-top-dense) var(--ids-comp-sidesheet-content-scrollable-size-padding-x-dense) var(--ids-comp-sidesheet-content-scrollable-size-padding-y-bottom-dense)}.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container .ids-side-sheet__content:not(.ids-side-sheet__content--scrollable),.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container--inline .ids-side-sheet__content:not(.ids-side-sheet__content--scrollable){padding:var(--ids-comp-sidesheet-content-fixed-size-padding-y-top-dense) var(--ids-comp-sidesheet-content-fixed-size-padding-x-dense)}.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container .ids-side-sheet__footer,.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container--inline .ids-side-sheet__footer{padding:var(--ids-comp-sidesheet-footer-padding-y-top-dense) var(--ids-comp-sidesheet-footer-padding-x-dense) var(--ids-comp-sidesheet-footer-padding-y-dense);border-top:var(--ids-comp-sidesheet-footer-border-width-dense) solid var(--ids-comp-sidesheet-footer-color-border-surface-default);gap:var(--ids-comp-sidesheet-footer-gap-dense)}.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container .ids-side-sheet__header--custom,.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container .ids-side-sheet__header--default,.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container--inline .ids-side-sheet__header--custom,.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container--inline .ids-side-sheet__header--default{background:var(--ids-comp-sidesheet-header-color-bg-default);padding:var(--ids-comp-sidesheet-header-size-padding-y-dense) var(--ids-comp-sidesheet-header-size-padding-x-dense)}.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container .ids-side-sheet__header--default .ids-side-sheet__header-left-content .ids-side-sheet__title,.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__container--inline .ids-side-sheet__header--default .ids-side-sheet__header-left-content .ids-side-sheet__title{font-family:var(--ids-comp-sidesheet-header-title-typography-font-family-dense);font-size:var(--ids-comp-sidesheet-header-title-typography-font-size-dense);font-weight:var(--ids-comp-sidesheet-header-title-typography-font-weight-dense);letter-spacing:var(--ids-comp-sidesheet-header-title-typography-letter-spacing-dense);line-height:var(--ids-comp-sidesheet-header-title-typography-line-height-dense)}.ids-side-sheet.ids-side-sheet-dense .ids-side-sheet__header--default .ids-side-sheet__header-left-content{gap:var(--ids-comp-sidesheet-header-size-gap-dense)}.ids-side-sheet.ids-side-sheet-left-dense .ids-side-sheet__container{border-right:var(--ids-comp-sidesheet-container-orientation-left-size-border-width-dense) solid var(--ids-comp-sidesheet-container-color-border-surface-default)}.ids-side-sheet.ids-side-sheet-left-dense .ids-side-sheet__backdrop{padding-left:var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-left-dense);padding-right:var(--ids-comp-sidesheet-backdrop-orientation-left-size-padding-right-dense)}.ids-side-sheet.ids-side-sheet-left-dense .ids-side-sheet__container{border-radius:var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-left-dense) var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-right-dense) var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-right-dense) var(--ids-comp-sidesheet-container-orientation-left-size-border-radius-left-dense)}.ids-side-sheet.ids-side-sheet-right-dense .ids-side-sheet__container{border-left:var(--ids-comp-sidesheet-container-orientation-right-size-border-width-dense) solid var(--ids-comp-sidesheet-container-color-border-surface-default)}.ids-side-sheet.ids-side-sheet-right-dense .ids-side-sheet__backdrop{padding-left:var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-left-dense);padding-right:var(--ids-comp-sidesheet-backdrop-orientation-right-size-padding-right-dense)}.ids-side-sheet.ids-side-sheet-right-dense .ids-side-sheet__container{border-radius:var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-left-dense) var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-right-dense) var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-right-dense) var(--ids-comp-sidesheet-container-orientation-right-size-border-radius-left-dense)}.ids-side-sheet .ids-side-sheet__container,.ids-side-sheet .ids-side-sheet__container--inline{display:flex;height:100%;flex-direction:column;align-items:flex-start;position:fixed;top:0;left:0;z-index:1000}.ids-side-sheet .ids-side-sheet__container .ids-side-sheet__header-custom-top-row,.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__header-custom-top-row{width:100%;display:flex;justify-content:flex-end;align-items:center}.ids-side-sheet .ids-side-sheet__container .ids-side-sheet__header-custom-top-row:has(>:nth-child(2)),.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__header-custom-top-row:has(>:nth-child(2)){justify-content:space-between}.ids-side-sheet .ids-side-sheet__container .ids-side-sheet__header--custom,.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__header--custom{width:100%;display:flex;align-items:center;justify-content:space-between}.ids-side-sheet .ids-side-sheet__container .ids-side-sheet__header--default,.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__header--default{width:100%;display:flex;align-items:center;justify-content:space-between}.ids-side-sheet .ids-side-sheet__container .ids-side-sheet__header--default .ids-side-sheet__header-left-content,.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__header--default .ids-side-sheet__header-left-content{display:flex;align-items:center}.ids-side-sheet .ids-side-sheet__container .ids-side-sheet__header--default .ids-side-sheet__header-close-btn,.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__header--default .ids-side-sheet__header-close-btn{margin-left:auto}.ids-side-sheet .ids-side-sheet__container.right,.ids-side-sheet .ids-side-sheet__container--inline.right{left:auto;right:0}.ids-side-sheet .ids-side-sheet__container--inline{position:sticky;display:flex;flex-direction:column;top:0;left:0;height:100%;transform:none}.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__header--default{width:100%;display:flex;align-items:center;justify-content:space-between}.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__header--default .ids-side-sheet__header-left-content{display:flex;align-items:center}.ids-side-sheet .ids-side-sheet__container--inline .ids-side-sheet__header--default .ids-side-sheet__header-close-btn{margin-left:auto}.ids-side-sheet .ids-side-sheet__container--inline.right{left:auto;right:0;transform:none}.ids-side-sheet .ids-side-sheet__header-close-btn{align-self:flex-start;cursor:pointer}
package/dist/side-sheet/side-sheet.plugin.js CHANGED
@@ -9,7 +9,14 @@ module.exports = function SideSheetPlugin() {
9
9
  borderStyle: 'none',
10
10
  borderColor: 'rgba(0,0,0,0)',
11
11
  },
12
- '.ids-side-sheet .ids-side-sheet__backdrop': { position: 'fixed', top: '0', left: '0', width: '100vw', height: '100vh', zIndex: 999 },
12
+ '.ids-side-sheet .ids-side-sheet__backdrop': {
13
+ position: 'fixed',
14
+ top: '0',
15
+ left: '0',
16
+ width: '100vw',
17
+ height: '100vh',
18
+ zIndex: 1000,
19
+ },
13
20
  '.ids-side-sheet .ids-side-sheet__container,.ids-side-sheet .ids-side-sheet__container--inline': {
14
21
  boxShadow:
15
22
  '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)',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@i-cell/ids-styles",
3
- "version": "0.0.70",
3
+ "version": "0.0.71",
4
4
  "private": false,
5
5
  "description": "Stylesheets for i-Cell Design System UI Kit components (currently Vue and Angular)",
6
6
  "scripts": {