*,
*::before,
*::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

ul,
ol {
    list-style: none;
    padding: 0
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
main,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    border: 0;
    font: inherit;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
    margin: 0
}

body {
    height: initial;
    line-height: 1.5;
    min-height: 100vh;
    scroll-behavior: smooth;
    text-rendering: optimizespeed
}

input,
textarea,
button,
select,
a {
    -webkit-tap-highlight-color: transparent
}

a:not([class]) {
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto
}

img {
    max-width: 100%
}

article>*+* {
    margin-top: 1em
}

input,
button,
textarea,
select {
    font: inherit
}

@media(prefers-reduced-motion: reduce) {
    * {
        -webkit-animation-duration: .01ms;
        animation-duration: .01ms;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        scroll-behavior: auto;
        -webkit-transition-duration: .01ms;
        transition-duration: .01ms
    }
}

@supports not selector(:focus-visible) {
    .js-focus-visible :focus:not(.focus-visible) {
        outline: none
    }
}

body {
    color: var(--ids_color_text_body_01);
    font: var(--ids_textStyle_f02_s16_h24_wrg)
}

h1 {
    font: var(--ids_textStyle_f01_s24_h32_wbd)
}

h2 {
    font: var(--ids_textStyle_f01_s20_h28_wrg)
}

h3 {
    font: var(--ids_textStyle_f01_s20_h28_wrg)
}

h4 {
    font: var(--ids_textStyle_f01_s16_h24_wbd)
}

[class*=ids-container] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    width: 100%
}

.ids-container {
    max-width: 48rem;
    padding: 0 1.5rem
}

@media screen and (min-width: 20rem) {
    .ids-container-xs {
        max-width: 48rem;
        padding: 0 var(--ids_layout_padding_xs, 1.5rem)
    }
}

@media screen and (min-width: 48rem) {
    .ids-container {
        max-width: 64rem;
        padding: 0 var(--ids_layout_padding_sm, 1.5rem)
    }
}

@media screen and (min-width: 20rem) {
    .ids-container-sm {
        max-width: 48rem;
        padding: 0 var(--ids_layout_padding_sm, 1.5rem)
    }
}

@media screen and (min-width: 48rem) {
    .ids-container-sm {
        max-width: 64rem;
        padding: 0 var(--ids_layout_padding_sm, 1.5rem)
    }
}

@media screen and (min-width: 64rem) {
    .ids-container {
        max-width: 64rem;
        padding: 0 var(--ids_layout_padding_md, 3rem)
    }
}

@media screen and (min-width: 20rem) {
    .ids-container-md {
        max-width: 48rem;
        padding: 0 var(--ids_layout_padding_md, 1.5rem)
    }
}

@media screen and (min-width: 48rem) {
    .ids-container-md {
        max-width: 64rem;
        padding: 0 var(--ids_layout_padding_md, 1.5rem)
    }
}

@media screen and (min-width: 64rem) {
    .ids-container-md {
        max-width: 64rem;
        padding: 0 var(--ids_layout_padding_md, 3rem)
    }
}

@media screen and (min-width: 80rem) {
    .ids-container {
        max-width: 80rem;
        padding: 0 var(--ids_layout_padding_lg, 3.5rem)
    }
}

@media screen and (min-width: 20rem) {
    .ids-container-lg {
        max-width: 48rem;
        padding: 0 var(--ids_layout_padding_lg, 1.5rem)
    }
}

@media screen and (min-width: 48rem) {
    .ids-container-lg {
        max-width: 64rem;
        padding: 0 var(--ids_layout_padding_lg, 1.5rem)
    }
}

@media screen and (min-width: 64rem) {
    .ids-container-lg {
        max-width: 64rem;
        padding: 0 var(--ids_layout_padding_lg, 3rem)
    }
}

@media screen and (min-width: 80rem) {
    .ids-container-lg {
        max-width: 80rem;
        padding: 0 var(--ids_layout_padding_lg, 3.5rem)
    }
}

@media screen and (min-width: 100rem) {
    .ids-container {
        max-width: 100rem;
        padding: 0 var(--ids_layout_padding_xl, 4.5rem)
    }
}

@media screen and (min-width: 20rem) {
    .ids-container-xl {
        max-width: 48rem;
        padding: 0 var(--ids_layout_padding_xl, 1.5rem)
    }
}

@media screen and (min-width: 48rem) {
    .ids-container-xl {
        max-width: 64rem;
        padding: 0 var(--ids_layout_padding_xl, 1.5rem)
    }
}

@media screen and (min-width: 64rem) {
    .ids-container-xl {
        max-width: 64rem;
        padding: 0 var(--ids_layout_padding_xl, 3rem)
    }
}

@media screen and (min-width: 80rem) {
    .ids-container-xl {
        max-width: 80rem;
        padding: 0 var(--ids_layout_padding_xl, 3.5rem)
    }
}

@media screen and (min-width: 100rem) {
    .ids-container-xl {
        max-width: 100rem;
        padding: 0 var(--ids_layout_padding_xl, 4.5rem)
    }
}

@media screen and (min-width: 20rem) {
    .ids-container-fluid {
        padding-left: var(--ids_layout_padding_xs, 1.5rem);
        padding-right: var(--ids_layout_padding_xs, 1.5rem)
    }
}

@media screen and (min-width: 48rem) {
    .ids-container-fluid {
        padding-left: var(--ids_layout_padding_sm, 1.5rem);
        padding-right: var(--ids_layout_padding_sm, 1.5rem)
    }
}

@media screen and (min-width: 64rem) {
    .ids-container-fluid {
        padding-left: var(--ids_layout_padding_md, 3rem);
        padding-right: var(--ids_layout_padding_md, 3rem)
    }
}

@media screen and (min-width: 80rem) {
    .ids-container-fluid {
        padding-left: var(--ids_layout_padding_lg, 3.5rem);
        padding-right: var(--ids_layout_padding_lg, 3.5rem)
    }
}

@media screen and (min-width: 100rem) {
    .ids-container-fluid {
        padding-left: var(--ids_layout_padding_xl, 4.5rem);
        padding-right: var(--ids_layout_padding_xl, 4.5rem)
    }
}

[class*=ids-row] {
    display: grid;
    margin: 0;
    width: 100%
}

.ids-row {
    gap: var(--ids_layout_gutter_xs, 1rem);
    grid-template-columns: repeat(4, minmax(0, 1fr))
}

@media screen and (min-width: 48rem) {
    .ids-row {
        gap: var(--ids_layout_gutter_sm, 1rem);
        grid-template-columns: repeat(8, minmax(0, 1fr))
    }
}

@media screen and (min-width: 64rem) {
    .ids-row {
        gap: var(--ids_layout_gutter_md, 2rem);
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
}

@media screen and (min-width: 80rem) {
    .ids-row {
        gap: var(--ids_layout_gutter_lg, 2rem);
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
}

@media screen and (min-width: 100rem) {
    .ids-row {
        gap: var(--ids_layout_gutter_xl, 2rem);
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
}

.ids-row-4 {
    gap: var(--ids_layout_gutter_xs, 1rem);
    grid-template-columns: repeat(4, minmax(0, 1fr))
}

.ids-row-8 {
    gap: var(--ids_layout_gutter_xs, 1rem);
    grid-template-columns: repeat(4, minmax(0, 1fr))
}

@media screen and (min-width: 48rem) {
    .ids-row-8 {
        gap: var(--ids_layout_gutter_sm, 1rem);
        grid-template-columns: repeat(8, minmax(0, 1fr))
    }
}

.ids-row-fixed-4 {
    gap: var(--ids_layout_gutter_xs, 1rem);
    grid-template-columns: repeat(4, minmax(0, 1fr))
}

@media screen and (min-width: 48rem) {
    .ids-row-fixed-4 {
        gap: var(--ids_layout_gutter_sm, 1rem)
    }
}

@media screen and (min-width: 64rem) {
    .ids-row-fixed-4 {
        gap: var(--ids_layout_gutter_md, 2rem)
    }
}

@media screen and (min-width: 80rem) {
    .ids-row-fixed-4 {
        gap: var(--ids_layout_gutter_lg, 2rem)
    }
}

@media screen and (min-width: 100rem) {
    .ids-row-fixed-4 {
        gap: var(--ids_layout_gutter_xl, 2rem)
    }
}

.ids-row-fixed-8 {
    gap: var(--ids_layout_gutter_xs, 1rem);
    grid-template-columns: repeat(8, minmax(0, 1fr))
}

@media screen and (min-width: 48rem) {
    .ids-row-fixed-8 {
        gap: var(--ids_layout_gutter_sm, 1rem)
    }
}

@media screen and (min-width: 64rem) {
    .ids-row-fixed-8 {
        gap: var(--ids_layout_gutter_md, 2rem)
    }
}

@media screen and (min-width: 80rem) {
    .ids-row-fixed-8 {
        gap: var(--ids_layout_gutter_lg, 2rem)
    }
}

@media screen and (min-width: 100rem) {
    .ids-row-fixed-8 {
        gap: var(--ids_layout_gutter_xl, 2rem)
    }
}

.ids-row-fixed-12 {
    gap: var(--ids_layout_gutter_xs, 1rem);
    grid-template-columns: repeat(12, minmax(0, 1fr))
}

@media screen and (min-width: 48rem) {
    .ids-row-fixed-12 {
        gap: var(--ids_layout_gutter_sm, 1rem)
    }
}

@media screen and (min-width: 64rem) {
    .ids-row-fixed-12 {
        gap: var(--ids_layout_gutter_md, 2rem)
    }
}

@media screen and (min-width: 80rem) {
    .ids-row-fixed-12 {
        gap: var(--ids_layout_gutter_lg, 2rem)
    }
}

@media screen and (min-width: 100rem) {
    .ids-row-fixed-12 {
        gap: var(--ids_layout_gutter_xl, 2rem)
    }
}

[class*=ids-grid-],
.ids-grid {
    display: grid;
    margin: 0;
    width: 100%;
    gap: var(--ids_size_general_16x);
    grid-auto-columns: 1fr
}

.ids-grid-2 {
    grid-template-columns: repeat(2, 1fr)
}

.ids-grid-3 {
    grid-template-columns: repeat(3, 1fr)
}

.ids-grid-small {
    gap: var(--ids_size_general_8x)
}

@media(min-width: 20rem) {
    .ids-grid-small {
        gap: var(--ids_size_general_12x)
    }
}

.ids-grid-large {
    gap: var(--ids_size_general_32x)
}

.ids-no-gutters {
    gap: 0 !important
}

.ids-gutters-xs {
    gap: var(--ids_layout_gutter_xs, 1rem) !important
}

.ids-gutters-sm {
    gap: var(--ids_layout_gutter_sm, 1rem) !important
}

.ids-gutters-md {
    gap: var(--ids_layout_gutter_md, 2rem) !important
}

.ids-gutters-lg {
    gap: var(--ids_layout_gutter_lg, 2rem) !important
}

.ids-gutters-xl {
    gap: var(--ids_layout_gutter_xl, 2rem) !important
}

[class*=ids-col-] {
    grid-column-end: auto;
    margin: 0;
    width: auto
}

.ids-col {
    grid-column-end: auto;
    margin: 0;
    width: auto
}

.ids-col-1,
[class*=ids-row-fixed] .ids-col-1 {
    grid-column-end: span 1
}

.ids-col-offset-1 {
    grid-column-start: 1
}

.ids-col-2,
[class*=ids-row-fixed] .ids-col-2 {
    grid-column-end: span 2
}

.ids-col-offset-2 {
    grid-column-start: 2
}

.ids-col-3,
[class*=ids-row-fixed] .ids-col-3 {
    grid-column-end: span 3
}

.ids-col-offset-3 {
    grid-column-start: 3
}

.ids-col-4,
[class*=ids-row-fixed] .ids-col-4 {
    grid-column-end: span 4
}

.ids-col-offset-4 {
    grid-column-start: 4
}

.ids-col-5,
[class*=ids-row-fixed] .ids-col-5 {
    grid-column-end: span 5
}

.ids-col-offset-5 {
    grid-column-start: 5
}

@media screen and (max-width: 19.99rem) {
    .ids-col-5 {
        grid-column-end: span 4
    }
    .ids-col-offset-5 {
        grid-column-start: 4
    }
}

.ids-col-6,
[class*=ids-row-fixed] .ids-col-6 {
    grid-column-end: span 6
}

.ids-col-offset-6 {
    grid-column-start: 6
}

@media screen and (max-width: 19.99rem) {
    .ids-col-6 {
        grid-column-end: span 4
    }
    .ids-col-offset-6 {
        grid-column-start: 4
    }
}

.ids-col-7,
[class*=ids-row-fixed] .ids-col-7 {
    grid-column-end: span 7
}

.ids-col-offset-7 {
    grid-column-start: 7
}

@media screen and (max-width: 19.99rem) {
    .ids-col-7 {
        grid-column-end: span 4
    }
    .ids-col-offset-7 {
        grid-column-start: 4
    }
}

.ids-col-8,
[class*=ids-row-fixed] .ids-col-8 {
    grid-column-end: span 8
}

.ids-col-offset-8 {
    grid-column-start: 8
}

@media screen and (max-width: 19.99rem) {
    .ids-col-8 {
        grid-column-end: span 4
    }
    .ids-col-offset-8 {
        grid-column-start: 4
    }
}

.ids-col-9,
[class*=ids-row-fixed] .ids-col-9 {
    grid-column-end: span 9
}

.ids-col-offset-9 {
    grid-column-start: 9
}

@media screen and (max-width: 47.99rem) {
    .ids-col-9 {
        grid-column-end: span 8
    }
    .ids-col-offset-9 {
        grid-column-start: 8
    }
}

@media screen and (max-width: 19.99rem) {
    .ids-col-9 {
        grid-column-end: span 4
    }
    .ids-col-offset-9 {
        grid-column-start: 4
    }
}

.ids-col-10,
[class*=ids-row-fixed] .ids-col-10 {
    grid-column-end: span 10
}

.ids-col-offset-10 {
    grid-column-start: 10
}

@media screen and (max-width: 47.99rem) {
    .ids-col-10 {
        grid-column-end: span 8
    }
    .ids-col-offset-10 {
        grid-column-start: 8
    }
}

@media screen and (max-width: 19.99rem) {
    .ids-col-10 {
        grid-column-end: span 4
    }
    .ids-col-offset-10 {
        grid-column-start: 4
    }
}

.ids-col-11,
[class*=ids-row-fixed] .ids-col-11 {
    grid-column-end: span 11
}

.ids-col-offset-11 {
    grid-column-start: 11
}

@media screen and (max-width: 47.99rem) {
    .ids-col-11 {
        grid-column-end: span 8
    }
    .ids-col-offset-11 {
        grid-column-start: 8
    }
}

@media screen and (max-width: 19.99rem) {
    .ids-col-11 {
        grid-column-end: span 4
    }
    .ids-col-offset-11 {
        grid-column-start: 4
    }
}

.ids-col-12,
[class*=ids-row-fixed] .ids-col-12 {
    grid-column-end: span 12
}

.ids-col-offset-12 {
    grid-column-start: 12
}

@media screen and (max-width: 47.99rem) {
    .ids-col-12 {
        grid-column-end: span 8
    }
    .ids-col-offset-12 {
        grid-column-start: 8
    }
}

@media screen and (max-width: 19.99rem) {
    .ids-col-12 {
        grid-column-end: span 4
    }
    .ids-col-offset-12 {
        grid-column-start: 4
    }
}

@media screen and (min-width: 20rem) {
    .ids-col-xs-1,
    [class*=ids-row-fixed] .ids-col-xs-1 {
        grid-column-end: span 1
    }
    .ids-col-offset-xs-1,
    [class*=ids-row-fixed] .ids-col-offset-xs-1 {
        grid-column-start: 1
    }
    .ids-col-xs-2,
    [class*=ids-row-fixed] .ids-col-xs-2 {
        grid-column-end: span 2
    }
    .ids-col-offset-xs-2,
    [class*=ids-row-fixed] .ids-col-offset-xs-2 {
        grid-column-start: 2
    }
    .ids-col-xs-3,
    [class*=ids-row-fixed] .ids-col-xs-3 {
        grid-column-end: span 3
    }
    .ids-col-offset-xs-3,
    [class*=ids-row-fixed] .ids-col-offset-xs-3 {
        grid-column-start: 3
    }
    .ids-col-xs-4,
    [class*=ids-row-fixed] .ids-col-xs-4 {
        grid-column-end: span 4
    }
    .ids-col-offset-xs-4,
    [class*=ids-row-fixed] .ids-col-offset-xs-4 {
        grid-column-start: 4
    }
}

@media screen and (min-width: 48rem) {
    .ids-col-sm-1,
    [class*=ids-row-fixed] .ids-col-sm-1 {
        grid-column-end: span 1
    }
    .ids-col-offset-sm-1,
    [class*=ids-row-fixed] .ids-col-offset-sm-1 {
        grid-column-start: 1
    }
    .ids-col-sm-2,
    [class*=ids-row-fixed] .ids-col-sm-2 {
        grid-column-end: span 2
    }
    .ids-col-offset-sm-2,
    [class*=ids-row-fixed] .ids-col-offset-sm-2 {
        grid-column-start: 2
    }
    .ids-col-sm-3,
    [class*=ids-row-fixed] .ids-col-sm-3 {
        grid-column-end: span 3
    }
    .ids-col-offset-sm-3,
    [class*=ids-row-fixed] .ids-col-offset-sm-3 {
        grid-column-start: 3
    }
    .ids-col-sm-4,
    [class*=ids-row-fixed] .ids-col-sm-4 {
        grid-column-end: span 4
    }
    .ids-col-offset-sm-4,
    [class*=ids-row-fixed] .ids-col-offset-sm-4 {
        grid-column-start: 4
    }
    .ids-col-sm-5,
    [class*=ids-row-fixed] .ids-col-sm-5 {
        grid-column-end: span 5
    }
    .ids-col-offset-sm-5,
    [class*=ids-row-fixed] .ids-col-offset-sm-5 {
        grid-column-start: 5
    }
    .ids-col-sm-6,
    [class*=ids-row-fixed] .ids-col-sm-6 {
        grid-column-end: span 6
    }
    .ids-col-offset-sm-6,
    [class*=ids-row-fixed] .ids-col-offset-sm-6 {
        grid-column-start: 6
    }
    .ids-col-sm-7,
    [class*=ids-row-fixed] .ids-col-sm-7 {
        grid-column-end: span 7
    }
    .ids-col-offset-sm-7,
    [class*=ids-row-fixed] .ids-col-offset-sm-7 {
        grid-column-start: 7
    }
    .ids-col-sm-8,
    [class*=ids-row-fixed] .ids-col-sm-8 {
        grid-column-end: span 8
    }
    .ids-col-offset-sm-8,
    [class*=ids-row-fixed] .ids-col-offset-sm-8 {
        grid-column-start: 8
    }
}

@media screen and (min-width: 64rem) {
    .ids-col-md-1,
    [class*=ids-row-fixed] .ids-col-md-1 {
        grid-column-end: span 1
    }
    .ids-col-offset-md-1,
    [class*=ids-row-fixed] .ids-col-offset-md-1 {
        grid-column-start: 1
    }
    .ids-col-md-2,
    [class*=ids-row-fixed] .ids-col-md-2 {
        grid-column-end: span 2
    }
    .ids-col-offset-md-2,
    [class*=ids-row-fixed] .ids-col-offset-md-2 {
        grid-column-start: 2
    }
    .ids-col-md-3,
    [class*=ids-row-fixed] .ids-col-md-3 {
        grid-column-end: span 3
    }
    .ids-col-offset-md-3,
    [class*=ids-row-fixed] .ids-col-offset-md-3 {
        grid-column-start: 3
    }
    .ids-col-md-4,
    [class*=ids-row-fixed] .ids-col-md-4 {
        grid-column-end: span 4
    }
    .ids-col-offset-md-4,
    [class*=ids-row-fixed] .ids-col-offset-md-4 {
        grid-column-start: 4
    }
    .ids-col-md-5,
    [class*=ids-row-fixed] .ids-col-md-5 {
        grid-column-end: span 5
    }
    .ids-col-offset-md-5,
    [class*=ids-row-fixed] .ids-col-offset-md-5 {
        grid-column-start: 5
    }
    .ids-col-md-6,
    [class*=ids-row-fixed] .ids-col-md-6 {
        grid-column-end: span 6
    }
    .ids-col-offset-md-6,
    [class*=ids-row-fixed] .ids-col-offset-md-6 {
        grid-column-start: 6
    }
    .ids-col-md-7,
    [class*=ids-row-fixed] .ids-col-md-7 {
        grid-column-end: span 7
    }
    .ids-col-offset-md-7,
    [class*=ids-row-fixed] .ids-col-offset-md-7 {
        grid-column-start: 7
    }
    .ids-col-md-8,
    [class*=ids-row-fixed] .ids-col-md-8 {
        grid-column-end: span 8
    }
    .ids-col-offset-md-8,
    [class*=ids-row-fixed] .ids-col-offset-md-8 {
        grid-column-start: 8
    }
    .ids-col-md-9,
    [class*=ids-row-fixed] .ids-col-md-9 {
        grid-column-end: span 9
    }
    .ids-col-offset-md-9,
    [class*=ids-row-fixed] .ids-col-offset-md-9 {
        grid-column-start: 9
    }
    .ids-col-md-10,
    [class*=ids-row-fixed] .ids-col-md-10 {
        grid-column-end: span 10
    }
    .ids-col-offset-md-10,
    [class*=ids-row-fixed] .ids-col-offset-md-10 {
        grid-column-start: 10
    }
    .ids-col-md-11,
    [class*=ids-row-fixed] .ids-col-md-11 {
        grid-column-end: span 11
    }
    .ids-col-offset-md-11,
    [class*=ids-row-fixed] .ids-col-offset-md-11 {
        grid-column-start: 11
    }
    .ids-col-md-12,
    [class*=ids-row-fixed] .ids-col-md-12 {
        grid-column-end: span 12
    }
    .ids-col-offset-md-12,
    [class*=ids-row-fixed] .ids-col-offset-md-12 {
        grid-column-start: 12
    }
}

@media screen and (min-width: 80rem) {
    .ids-col-lg-1,
    [class*=ids-row-fixed] .ids-col-lg-1 {
        grid-column-end: span 1
    }
    .ids-col-offset-lg-1,
    [class*=ids-row-fixed] .ids-col-offset-lg-1 {
        grid-column-start: 1
    }
    .ids-col-lg-2,
    [class*=ids-row-fixed] .ids-col-lg-2 {
        grid-column-end: span 2
    }
    .ids-col-offset-lg-2,
    [class*=ids-row-fixed] .ids-col-offset-lg-2 {
        grid-column-start: 2
    }
    .ids-col-lg-3,
    [class*=ids-row-fixed] .ids-col-lg-3 {
        grid-column-end: span 3
    }
    .ids-col-offset-lg-3,
    [class*=ids-row-fixed] .ids-col-offset-lg-3 {
        grid-column-start: 3
    }
    .ids-col-lg-4,
    [class*=ids-row-fixed] .ids-col-lg-4 {
        grid-column-end: span 4
    }
    .ids-col-offset-lg-4,
    [class*=ids-row-fixed] .ids-col-offset-lg-4 {
        grid-column-start: 4
    }
    .ids-col-lg-5,
    [class*=ids-row-fixed] .ids-col-lg-5 {
        grid-column-end: span 5
    }
    .ids-col-offset-lg-5,
    [class*=ids-row-fixed] .ids-col-offset-lg-5 {
        grid-column-start: 5
    }
    .ids-col-lg-6,
    [class*=ids-row-fixed] .ids-col-lg-6 {
        grid-column-end: span 6
    }
    .ids-col-offset-lg-6,
    [class*=ids-row-fixed] .ids-col-offset-lg-6 {
        grid-column-start: 6
    }
    .ids-col-lg-7,
    [class*=ids-row-fixed] .ids-col-lg-7 {
        grid-column-end: span 7
    }
    .ids-col-offset-lg-7,
    [class*=ids-row-fixed] .ids-col-offset-lg-7 {
        grid-column-start: 7
    }
    .ids-col-lg-8,
    [class*=ids-row-fixed] .ids-col-lg-8 {
        grid-column-end: span 8
    }
    .ids-col-offset-lg-8,
    [class*=ids-row-fixed] .ids-col-offset-lg-8 {
        grid-column-start: 8
    }
    .ids-col-lg-9,
    [class*=ids-row-fixed] .ids-col-lg-9 {
        grid-column-end: span 9
    }
    .ids-col-offset-lg-9,
    [class*=ids-row-fixed] .ids-col-offset-lg-9 {
        grid-column-start: 9
    }
    .ids-col-lg-10,
    [class*=ids-row-fixed] .ids-col-lg-10 {
        grid-column-end: span 10
    }
    .ids-col-offset-lg-10,
    [class*=ids-row-fixed] .ids-col-offset-lg-10 {
        grid-column-start: 10
    }
    .ids-col-lg-11,
    [class*=ids-row-fixed] .ids-col-lg-11 {
        grid-column-end: span 11
    }
    .ids-col-offset-lg-11,
    [class*=ids-row-fixed] .ids-col-offset-lg-11 {
        grid-column-start: 11
    }
    .ids-col-lg-12,
    [class*=ids-row-fixed] .ids-col-lg-12 {
        grid-column-end: span 12
    }
    .ids-col-offset-lg-12,
    [class*=ids-row-fixed] .ids-col-offset-lg-12 {
        grid-column-start: 12
    }
}

@media screen and (min-width: 100rem) {
    .ids-col-xl-1,
    [class*=ids-row-fixed] .ids-col-xl-1 {
        grid-column-end: span 1
    }
    .ids-col-offset-xl-1,
    [class*=ids-row-fixed] .ids-col-offset-xl-1 {
        grid-column-start: 1
    }
    .ids-col-xl-2,
    [class*=ids-row-fixed] .ids-col-xl-2 {
        grid-column-end: span 2
    }
    .ids-col-offset-xl-2,
    [class*=ids-row-fixed] .ids-col-offset-xl-2 {
        grid-column-start: 2
    }
    .ids-col-xl-3,
    [class*=ids-row-fixed] .ids-col-xl-3 {
        grid-column-end: span 3
    }
    .ids-col-offset-xl-3,
    [class*=ids-row-fixed] .ids-col-offset-xl-3 {
        grid-column-start: 3
    }
    .ids-col-xl-4,
    [class*=ids-row-fixed] .ids-col-xl-4 {
        grid-column-end: span 4
    }
    .ids-col-offset-xl-4,
    [class*=ids-row-fixed] .ids-col-offset-xl-4 {
        grid-column-start: 4
    }
    .ids-col-xl-5,
    [class*=ids-row-fixed] .ids-col-xl-5 {
        grid-column-end: span 5
    }
    .ids-col-offset-xl-5,
    [class*=ids-row-fixed] .ids-col-offset-xl-5 {
        grid-column-start: 5
    }
    .ids-col-xl-6,
    [class*=ids-row-fixed] .ids-col-xl-6 {
        grid-column-end: span 6
    }
    .ids-col-offset-xl-6,
    [class*=ids-row-fixed] .ids-col-offset-xl-6 {
        grid-column-start: 6
    }
    .ids-col-xl-7,
    [class*=ids-row-fixed] .ids-col-xl-7 {
        grid-column-end: span 7
    }
    .ids-col-offset-xl-7,
    [class*=ids-row-fixed] .ids-col-offset-xl-7 {
        grid-column-start: 7
    }
    .ids-col-xl-8,
    [class*=ids-row-fixed] .ids-col-xl-8 {
        grid-column-end: span 8
    }
    .ids-col-offset-xl-8,
    [class*=ids-row-fixed] .ids-col-offset-xl-8 {
        grid-column-start: 8
    }
    .ids-col-xl-9,
    [class*=ids-row-fixed] .ids-col-xl-9 {
        grid-column-end: span 9
    }
    .ids-col-offset-xl-9,
    [class*=ids-row-fixed] .ids-col-offset-xl-9 {
        grid-column-start: 9
    }
    .ids-col-xl-10,
    [class*=ids-row-fixed] .ids-col-xl-10 {
        grid-column-end: span 10
    }
    .ids-col-offset-xl-10,
    [class*=ids-row-fixed] .ids-col-offset-xl-10 {
        grid-column-start: 10
    }
    .ids-col-xl-11,
    [class*=ids-row-fixed] .ids-col-xl-11 {
        grid-column-end: span 11
    }
    .ids-col-offset-xl-11,
    [class*=ids-row-fixed] .ids-col-offset-xl-11 {
        grid-column-start: 11
    }
    .ids-col-xl-12,
    [class*=ids-row-fixed] .ids-col-xl-12 {
        grid-column-end: span 12
    }
    .ids-col-offset-xl-12,
    [class*=ids-row-fixed] .ids-col-offset-xl-12 {
        grid-column-start: 12
    }
}

.ids-col-auto {
    grid-row: 1/2
}

*,
*::before,
*::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

* {
    -webkit-font-smoothing: antialiased
}

body {
    overflow-x: hidden
}

@media(prefers-reduced-motion: no-preference) {
     :root {
        scroll-behavior: smooth
    }
}

:target {
    scroll-margin-top: 80px
}

.ids-content-section {
    padding-top: var(--ids_size_general_24x);
    padding-bottom: var(--ids_size_general_24x)
}

@media(min-width: 80rem) {
    .ids-content-section {
        padding-top: var(--ids_size_general_32x);
        padding-bottom: var(--ids_size_general_32x)
    }
}

.ids-link {
    all: unset;
    all: revert;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: underline;
    color: var(--ids_color_text_link_base);
    font: var(--ids_textStyle_f02_s16_h24_wrg);
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit
}

.ids-link:focus-visible,
.ids-link:focus.focus-visible {
    outline: 5px auto Highlight !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline: revert !important
}

.ids-link:hover,
.ids-link:focus {
    color: var(--ids_color_text_link_variant)
}

.ids-link.-internal {
    color: inherit
}

.ids-link.-on-brand {
    color: var(--ids_color_contrast_onBrand_primary)
}

.ids-cmsless .ids-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: inherit;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font: var(--ids_textStyle_icon_medium);
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    -webkit-font-variant-ligatures: discretionary-ligatures;
    font-variant-ligatures: discretionary-ligatures;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    letter-spacing: 0;
    min-height: var(--ids_size_general_24x);
    min-width: var(--ids_size_general_24x);
    text-rendering: optimizelegibility;
    text-transform: initial
}

.ids-cmsless .ids-icon--primary {
    color: var(--ids_color_action_primary_base)
}

.ids-cmsless .ids-icon--neutral {
    color: var(--ids_color_action_neutral_base)
}

.ids-cmsless .ids-icon--success {
    color: var(--ids_color_feedback_success)
}

.ids-cmsless .ids-icon--alert {
    color: var(--ids_color_feedback_alert)
}

.ids-cmsless .ids-icon--information {
    color: var(--ids_color_feedback_information)
}

.ids-cmsless .ids-icon--error {
    color: var(--ids_color_feedback_error)
}

.ids-cmsless .ids-icon--on-brand {
    color: var(--ids_color_contrast_onBrand_primary)
}

.ids-cmsless .ids-icon--small {
    font: var(--ids_textStyle_icon_small);
    min-height: var(--ids_size_general_16x);
    min-width: var(--ids_size_general_16x)
}

.ids-cmsless .ids-icon--large {
    font: var(--ids_textStyle_icon_large);
    min-height: var(--ids_size_general_32x);
    min-width: var(--ids_size_general_32x)
}

.ids-cmsless .ids-icon--xlarge {
    font: var(--ids_textStyle_icon_xLarge);
    min-height: var(--ids_size_general_48x);
    min-width: var(--ids_size_general_48x)
}

.ids-cmsless .ids-text-align-center {
    text-align: center !important
}

.ids-cmsless .ids-text-align-end {
    text-align: end !important
}

.ids-cmsless .ids-text-align-justify {
    text-align: justify !important
}

.ids-cmsless .ids-text-align-left {
    text-align: left !important
}

.ids-cmsless .ids-text-align-right {
    text-align: right !important
}

.ids-cmsless .ids-text-align-start {
    text-align: start !important
}

.ids-cmsless .ids-animation-fade-in-start {
    opacity: 0
}

.ids-cmsless .ids-animation-fade-in-moderate-end {
    opacity: 1;
    -webkit-transition: opacity 200ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: opacity 200ms cubic-bezier(0.42, 0, 0.58, 1)
}

.ids-cmsless .ids-animation-fade-out-start {
    opacity: 1
}

.ids-cmsless .ids-animation-fade-out-moderate-output-end {
    opacity: 0;
    -webkit-transition: opacity 275ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: opacity 275ms cubic-bezier(0.42, 0, 0.58, 1)
}

.ids-cmsless .ids-animation-scale-x-down {
    -webkit-transform: scaleX(var(--ids-scale-x-down, 0));
    transform: scaleX(var(--ids-scale-x-down, 0))
}

.ids-cmsless .ids-animation-scale-x-up {
    -webkit-transform: scaleX(var(--ids-scale-x-up, 100%));
    transform: scaleX(var(--ids-scale-x-up, 100%))
}

.ids-cmsless .ids-animation-time-transform-slow {
    -webkit-transition: -webkit-transform 2000ms cubic-bezier(0, 0, 0.58, 1);
    transition: -webkit-transform 2000ms cubic-bezier(0, 0, 0.58, 1);
    transition: transform 2000ms cubic-bezier(0, 0, 0.58, 1);
    transition: transform 2000ms cubic-bezier(0, 0, 0.58, 1), -webkit-transform 2000ms cubic-bezier(0, 0, 0.58, 1)
}

.ids-cmsless .ids-animation-width-down {
    width: var(--ids-width-down, 0)
}

.ids-cmsless .ids-animation-width-up {
    width: var(--ids-width-up, 100%)
}

.ids-cmsless .ids-animation-time-width-slow {
    -webkit-transition: width 2000ms cubic-bezier(0, 0, 0.58, 1);
    transition: width 2000ms cubic-bezier(0, 0, 0.58, 1)
}

.ids-cmsless .ids-motion-none,
.ids-cmsless .ids-motion-none::before,
.ids-cmsless .ids-motion-none::after,
.ids-cmsless .ids-motion-none *,
.ids-cmsless .ids-motion-none *::before,
.ids-cmsless .ids-motion-none *::after {
    -webkit-animation: none !important;
    animation: none !important;
    -webkit-transition: none !important;
    transition: none !important
}

.ids-cmsless .ids-p-0 {
    padding: 0 !important
}

.ids-cmsless .ids-px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.ids-cmsless .ids-py-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important
}

.ids-cmsless .ids-pt-0 {
    padding-top: 0 !important
}

.ids-cmsless .ids-pb-0 {
    padding-bottom: 0 !important
}

.ids-cmsless .ids-pl-0 {
    padding-left: 0 !important
}

.ids-cmsless .ids-pr-0 {
    padding-right: 0 !important
}

.ids-cmsless .ids-p-1 {
    padding: var(--ids_spacing_1x) !important
}

.ids-cmsless .ids-px-1 {
    padding-left: var(--ids_spacing_1x) !important;
    padding-right: var(--ids_spacing_1x) !important
}

.ids-cmsless .ids-py-1 {
    padding-bottom: var(--ids_spacing_1x) !important;
    padding-top: var(--ids_spacing_1x) !important
}

.ids-cmsless .ids-pt-1 {
    padding-top: var(--ids_spacing_1x) !important
}

.ids-cmsless .ids-pb-1 {
    padding-bottom: var(--ids_spacing_1x) !important
}

.ids-cmsless .ids-pl-1 {
    padding-left: var(--ids_spacing_1x) !important
}

.ids-cmsless .ids-pr-1 {
    padding-right: var(--ids_spacing_1x) !important
}

.ids-cmsless .ids-p-2 {
    padding: var(--ids_spacing_2x) !important
}

.ids-cmsless .ids-px-2 {
    padding-left: var(--ids_spacing_2x) !important;
    padding-right: var(--ids_spacing_2x) !important
}

.ids-cmsless .ids-py-2 {
    padding-bottom: var(--ids_spacing_2x) !important;
    padding-top: var(--ids_spacing_2x) !important
}

.ids-cmsless .ids-pt-2 {
    padding-top: var(--ids_spacing_2x) !important
}

.ids-cmsless .ids-pb-2 {
    padding-bottom: var(--ids_spacing_2x) !important
}

.ids-cmsless .ids-pl-2 {
    padding-left: var(--ids_spacing_2x) !important
}

.ids-cmsless .ids-pr-2 {
    padding-right: var(--ids_spacing_2x) !important
}

.ids-cmsless .ids-p-3 {
    padding: var(--ids_spacing_3x) !important
}

.ids-cmsless .ids-px-3 {
    padding-left: var(--ids_spacing_3x) !important;
    padding-right: var(--ids_spacing_3x) !important
}

.ids-cmsless .ids-py-3 {
    padding-bottom: var(--ids_spacing_3x) !important;
    padding-top: var(--ids_spacing_3x) !important
}

.ids-cmsless .ids-pt-3 {
    padding-top: var(--ids_spacing_3x) !important
}

.ids-cmsless .ids-pb-3 {
    padding-bottom: var(--ids_spacing_3x) !important
}

.ids-cmsless .ids-pl-3 {
    padding-left: var(--ids_spacing_3x) !important
}

.ids-cmsless .ids-pr-3 {
    padding-right: var(--ids_spacing_3x) !important
}

.ids-cmsless .ids-p-4 {
    padding: var(--ids_spacing_4x) !important
}

.ids-cmsless .ids-px-4 {
    padding-left: var(--ids_spacing_4x) !important;
    padding-right: var(--ids_spacing_4x) !important
}

.ids-cmsless .ids-py-4 {
    padding-bottom: var(--ids_spacing_4x) !important;
    padding-top: var(--ids_spacing_4x) !important
}

.ids-cmsless .ids-pt-4 {
    padding-top: var(--ids_spacing_4x) !important
}

.ids-cmsless .ids-pb-4 {
    padding-bottom: var(--ids_spacing_4x) !important
}

.ids-cmsless .ids-pl-4 {
    padding-left: var(--ids_spacing_4x) !important
}

.ids-cmsless .ids-pr-4 {
    padding-right: var(--ids_spacing_4x) !important
}

.ids-cmsless .ids-p-5 {
    padding: var(--ids_spacing_5x) !important
}

.ids-cmsless .ids-px-5 {
    padding-left: var(--ids_spacing_5x) !important;
    padding-right: var(--ids_spacing_5x) !important
}

.ids-cmsless .ids-py-5 {
    padding-bottom: var(--ids_spacing_5x) !important;
    padding-top: var(--ids_spacing_5x) !important
}

.ids-cmsless .ids-pt-5 {
    padding-top: var(--ids_spacing_5x) !important
}

.ids-cmsless .ids-pb-5 {
    padding-bottom: var(--ids_spacing_5x) !important
}

.ids-cmsless .ids-pl-5 {
    padding-left: var(--ids_spacing_5x) !important
}

.ids-cmsless .ids-pr-5 {
    padding-right: var(--ids_spacing_5x) !important
}

.ids-cmsless .ids-p-6 {
    padding: var(--ids_spacing_6x) !important
}

.ids-cmsless .ids-px-6 {
    padding-left: var(--ids_spacing_6x) !important;
    padding-right: var(--ids_spacing_6x) !important
}

.ids-cmsless .ids-py-6 {
    padding-bottom: var(--ids_spacing_6x) !important;
    padding-top: var(--ids_spacing_6x) !important
}

.ids-cmsless .ids-pt-6 {
    padding-top: var(--ids_spacing_6x) !important
}

.ids-cmsless .ids-pb-6 {
    padding-bottom: var(--ids_spacing_6x) !important
}

.ids-cmsless .ids-pl-6 {
    padding-left: var(--ids_spacing_6x) !important
}

.ids-cmsless .ids-pr-6 {
    padding-right: var(--ids_spacing_6x) !important
}

.ids-cmsless .ids-p-7 {
    padding: var(--ids_spacing_8x) !important
}

.ids-cmsless .ids-px-7 {
    padding-left: var(--ids_spacing_8x) !important;
    padding-right: var(--ids_spacing_8x) !important
}

.ids-cmsless .ids-py-7 {
    padding-bottom: var(--ids_spacing_8x) !important;
    padding-top: var(--ids_spacing_8x) !important
}

.ids-cmsless .ids-pt-7 {
    padding-top: var(--ids_spacing_8x) !important
}

.ids-cmsless .ids-pb-7 {
    padding-bottom: var(--ids_spacing_8x) !important
}

.ids-cmsless .ids-pl-7 {
    padding-left: var(--ids_spacing_8x) !important
}

.ids-cmsless .ids-pr-7 {
    padding-right: var(--ids_spacing_8x) !important
}

.ids-cmsless .ids-p-8 {
    padding: var(--ids_spacing_10x) !important
}

.ids-cmsless .ids-px-8 {
    padding-left: var(--ids_spacing_10x) !important;
    padding-right: var(--ids_spacing_10x) !important
}

.ids-cmsless .ids-py-8 {
    padding-bottom: var(--ids_spacing_10x) !important;
    padding-top: var(--ids_spacing_10x) !important
}

.ids-cmsless .ids-pt-8 {
    padding-top: var(--ids_spacing_10x) !important
}

.ids-cmsless .ids-pb-8 {
    padding-bottom: var(--ids_spacing_10x) !important
}

.ids-cmsless .ids-pl-8 {
    padding-left: var(--ids_spacing_10x) !important
}

.ids-cmsless .ids-pr-8 {
    padding-right: var(--ids_spacing_10x) !important
}

.ids-cmsless .ids-p-9 {
    padding: var(--ids_spacing_12x) !important
}

.ids-cmsless .ids-px-9 {
    padding-left: var(--ids_spacing_12x) !important;
    padding-right: var(--ids_spacing_12x) !important
}

.ids-cmsless .ids-py-9 {
    padding-bottom: var(--ids_spacing_12x) !important;
    padding-top: var(--ids_spacing_12x) !important
}

.ids-cmsless .ids-pt-9 {
    padding-top: var(--ids_spacing_12x) !important
}

.ids-cmsless .ids-pb-9 {
    padding-bottom: var(--ids_spacing_12x) !important
}

.ids-cmsless .ids-pl-9 {
    padding-left: var(--ids_spacing_12x) !important
}

.ids-cmsless .ids-pr-9 {
    padding-right: var(--ids_spacing_12x) !important
}

.ids-cmsless .ids-p-10 {
    padding: var(--ids_spacing_14x) !important
}

.ids-cmsless .ids-px-10 {
    padding-left: var(--ids_spacing_14x) !important;
    padding-right: var(--ids_spacing_14x) !important
}

.ids-cmsless .ids-py-10 {
    padding-bottom: var(--ids_spacing_14x) !important;
    padding-top: var(--ids_spacing_14x) !important
}

.ids-cmsless .ids-pt-10 {
    padding-top: var(--ids_spacing_14x) !important
}

.ids-cmsless .ids-pb-10 {
    padding-bottom: var(--ids_spacing_14x) !important
}

.ids-cmsless .ids-pl-10 {
    padding-left: var(--ids_spacing_14x) !important
}

.ids-cmsless .ids-pr-10 {
    padding-right: var(--ids_spacing_14x) !important
}

.ids-cmsless .ids-m-0 {
    margin: 0 !important
}

.ids-cmsless .ids-mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.ids-cmsless .ids-my-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important
}

.ids-cmsless .ids-mt-0 {
    margin-top: 0 !important
}

.ids-cmsless .ids-mb-0 {
    margin-bottom: 0 !important
}

.ids-cmsless .ids-ml-0 {
    margin-left: 0 !important
}

.ids-cmsless .ids-mr-0 {
    margin-right: 0 !important
}

.ids-cmsless .ids-m-1 {
    margin: var(--ids_spacing_1x) !important
}

.ids-cmsless .ids-mx-1 {
    margin-left: var(--ids_spacing_1x) !important;
    margin-right: var(--ids_spacing_1x) !important
}

.ids-cmsless .ids-my-1 {
    margin-bottom: var(--ids_spacing_1x) !important;
    margin-top: var(--ids_spacing_1x) !important
}

.ids-cmsless .ids-mt-1 {
    margin-top: var(--ids_spacing_1x) !important
}

.ids-cmsless .ids-mb-1 {
    margin-bottom: var(--ids_spacing_1x) !important
}

.ids-cmsless .ids-ml-1 {
    margin-left: var(--ids_spacing_1x) !important
}

.ids-cmsless .ids-mr-1 {
    margin-right: var(--ids_spacing_1x) !important
}

.ids-cmsless .ids-m-2 {
    margin: var(--ids_spacing_2x) !important
}

.ids-cmsless .ids-mx-2 {
    margin-left: var(--ids_spacing_2x) !important;
    margin-right: var(--ids_spacing_2x) !important
}

.ids-cmsless .ids-my-2 {
    margin-bottom: var(--ids_spacing_2x) !important;
    margin-top: var(--ids_spacing_2x) !important
}

.ids-cmsless .ids-mt-2 {
    margin-top: var(--ids_spacing_2x) !important
}

.ids-cmsless .ids-mb-2 {
    margin-bottom: var(--ids_spacing_2x) !important
}

.ids-cmsless .ids-ml-2 {
    margin-left: var(--ids_spacing_2x) !important
}

.ids-cmsless .ids-mr-2 {
    margin-right: var(--ids_spacing_2x) !important
}

.ids-cmsless .ids-m-3 {
    margin: var(--ids_spacing_3x) !important
}

.ids-cmsless .ids-mx-3 {
    margin-left: var(--ids_spacing_3x) !important;
    margin-right: var(--ids_spacing_3x) !important
}

.ids-cmsless .ids-my-3 {
    margin-bottom: var(--ids_spacing_3x) !important;
    margin-top: var(--ids_spacing_3x) !important
}

.ids-cmsless .ids-mt-3 {
    margin-top: var(--ids_spacing_3x) !important
}

.ids-cmsless .ids-mb-3 {
    margin-bottom: var(--ids_spacing_3x) !important
}

.ids-cmsless .ids-ml-3 {
    margin-left: var(--ids_spacing_3x) !important
}

.ids-cmsless .ids-mr-3 {
    margin-right: var(--ids_spacing_3x) !important
}

.ids-cmsless .ids-m-4 {
    margin: var(--ids_spacing_4x) !important
}

.ids-cmsless .ids-mx-4 {
    margin-left: var(--ids_spacing_4x) !important;
    margin-right: var(--ids_spacing_4x) !important
}

.ids-cmsless .ids-my-4 {
    margin-bottom: var(--ids_spacing_4x) !important;
    margin-top: var(--ids_spacing_4x) !important
}

.ids-cmsless .ids-mt-4 {
    margin-top: var(--ids_spacing_4x) !important
}

.ids-cmsless .ids-mb-4 {
    margin-bottom: var(--ids_spacing_4x) !important
}

.ids-cmsless .ids-ml-4 {
    margin-left: var(--ids_spacing_4x) !important
}

.ids-cmsless .ids-mr-4 {
    margin-right: var(--ids_spacing_4x) !important
}

.ids-cmsless .ids-m-5 {
    margin: var(--ids_spacing_5x) !important
}

.ids-cmsless .ids-mx-5 {
    margin-left: var(--ids_spacing_5x) !important;
    margin-right: var(--ids_spacing_5x) !important
}

.ids-cmsless .ids-my-5 {
    margin-bottom: var(--ids_spacing_5x) !important;
    margin-top: var(--ids_spacing_5x) !important
}

.ids-cmsless .ids-mt-5 {
    margin-top: var(--ids_spacing_5x) !important
}

.ids-cmsless .ids-mb-5 {
    margin-bottom: var(--ids_spacing_5x) !important
}

.ids-cmsless .ids-ml-5 {
    margin-left: var(--ids_spacing_5x) !important
}

.ids-cmsless .ids-mr-5 {
    margin-right: var(--ids_spacing_5x) !important
}

.ids-cmsless .ids-m-6 {
    margin: var(--ids_spacing_6x) !important
}

.ids-cmsless .ids-mx-6 {
    margin-left: var(--ids_spacing_6x) !important;
    margin-right: var(--ids_spacing_6x) !important
}

.ids-cmsless .ids-my-6 {
    margin-bottom: var(--ids_spacing_6x) !important;
    margin-top: var(--ids_spacing_6x) !important
}

.ids-cmsless .ids-mt-6 {
    margin-top: var(--ids_spacing_6x) !important
}

.ids-cmsless .ids-mb-6 {
    margin-bottom: var(--ids_spacing_6x) !important
}

.ids-cmsless .ids-ml-6 {
    margin-left: var(--ids_spacing_6x) !important
}

.ids-cmsless .ids-mr-6 {
    margin-right: var(--ids_spacing_6x) !important
}

.ids-cmsless .ids-m-7 {
    margin: var(--ids_spacing_8x) !important
}

.ids-cmsless .ids-mx-7 {
    margin-left: var(--ids_spacing_8x) !important;
    margin-right: var(--ids_spacing_8x) !important
}

.ids-cmsless .ids-my-7 {
    margin-bottom: var(--ids_spacing_8x) !important;
    margin-top: var(--ids_spacing_8x) !important
}

.ids-cmsless .ids-mt-7 {
    margin-top: var(--ids_spacing_8x) !important
}

.ids-cmsless .ids-mb-7 {
    margin-bottom: var(--ids_spacing_8x) !important
}

.ids-cmsless .ids-ml-7 {
    margin-left: var(--ids_spacing_8x) !important
}

.ids-cmsless .ids-mr-7 {
    margin-right: var(--ids_spacing_8x) !important
}

.ids-cmsless .ids-m-8 {
    margin: var(--ids_spacing_10x) !important
}

.ids-cmsless .ids-mx-8 {
    margin-left: var(--ids_spacing_10x) !important;
    margin-right: var(--ids_spacing_10x) !important
}

.ids-cmsless .ids-my-8 {
    margin-bottom: var(--ids_spacing_10x) !important;
    margin-top: var(--ids_spacing_10x) !important
}

.ids-cmsless .ids-mt-8 {
    margin-top: var(--ids_spacing_10x) !important
}

.ids-cmsless .ids-mb-8 {
    margin-bottom: var(--ids_spacing_10x) !important
}

.ids-cmsless .ids-ml-8 {
    margin-left: var(--ids_spacing_10x) !important
}

.ids-cmsless .ids-mr-8 {
    margin-right: var(--ids_spacing_10x) !important
}

.ids-cmsless .ids-m-9 {
    margin: var(--ids_spacing_12x) !important
}

.ids-cmsless .ids-mx-9 {
    margin-left: var(--ids_spacing_12x) !important;
    margin-right: var(--ids_spacing_12x) !important
}

.ids-cmsless .ids-my-9 {
    margin-bottom: var(--ids_spacing_12x) !important;
    margin-top: var(--ids_spacing_12x) !important
}

.ids-cmsless .ids-mt-9 {
    margin-top: var(--ids_spacing_12x) !important
}

.ids-cmsless .ids-mb-9 {
    margin-bottom: var(--ids_spacing_12x) !important
}

.ids-cmsless .ids-ml-9 {
    margin-left: var(--ids_spacing_12x) !important
}

.ids-cmsless .ids-mr-9 {
    margin-right: var(--ids_spacing_12x) !important
}

.ids-cmsless .ids-m-10 {
    margin: var(--ids_spacing_14x) !important
}

.ids-cmsless .ids-mx-10 {
    margin-left: var(--ids_spacing_14x) !important;
    margin-right: var(--ids_spacing_14x) !important
}

.ids-cmsless .ids-my-10 {
    margin-bottom: var(--ids_spacing_14x) !important;
    margin-top: var(--ids_spacing_14x) !important
}

.ids-cmsless .ids-mt-10 {
    margin-top: var(--ids_spacing_14x) !important
}

.ids-cmsless .ids-mb-10 {
    margin-bottom: var(--ids_spacing_14x) !important
}

.ids-cmsless .ids-ml-10 {
    margin-left: var(--ids_spacing_14x) !important
}

.ids-cmsless .ids-mr-10 {
    margin-right: var(--ids_spacing_14x) !important
}

.ids-cmsless .ids-sr-only {
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    position: fixed
}

.ids-cmsless .ids-reset-element {
    background: none;
    background-color: none;
    border: 0;
    color: inherit;
    cursor: inherit;
    font: inherit;
    font-size: inherit;
    font-weight: inherit;
    margin: 0;
    outline: none;
    padding: 0;
    text-decoration: none;
    text-transform: none
}

.ids-cmsless .ids-reset-input {
    background: transparent;
    border: 0;
    display: block;
    width: 100%
}

.ids-cmsless .ids-reset-input[list]::-webkit-list-button,
.ids-cmsless .ids-reset-input[list]::-webkit-calendar-picker-indicator {
    opacity: 0
}

.ids-cmsless .ids-reset-input[type=search]::-webkit-search-decoration,
.ids-cmsless .ids-reset-input[type=search]::-webkit-search-cancel-button,
.ids-cmsless .ids-reset-input[type=search]::-webkit-search-results-button,
.ids-cmsless .ids-reset-input[type=search]::-webkit-search-results-decoration {
    display: none
}

.ids-cmsless .ids-dummy-width {
    margin: 0 !important;
    opacity: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    visibility: hidden !important;
    white-space: nowrap !important;
    width: auto !important
}

.ids-cmsless .ids-color-bg-base {
    background: var(--ids_color_bg_base) !important
}

.ids-cmsless .ids-color-bg-variant-01 {
    background: var(--ids_color_bg_variant_01) !important
}

.ids-cmsless .ids-color-bg-variant-02 {
    background: var(--ids_color_bg_variant_02) !important
}

.ids-cmsless .ids-color-bg-brand-primary {
    background: var(--ids_color_bg_brand_primary) !important
}

.ids-cmsless .ids-color-bg-brand-secondary {
    background: var(--ids_color_bg_brand_secondary) !important
}

.ids-cmsless .ids-color-bg-brand-gradient {
    background: var(--ids_color_bg_brand_gradient) !important
}

.ids-cmsless .ids-border {
    border-color: var(--ids_color_border_medium) !important;
    border-style: solid !important;
    border-width: var(--ids_size_border_medium) !important
}

.ids-cmsless .ids-border-top {
    border-color: var(--ids_color_border_medium) !important;
    border-style: solid !important;
    border-top-width: var(--ids_size_border_medium) !important
}

.ids-cmsless .ids-border-bottom {
    border-bottom-width: var(--ids_size_border_medium) !important;
    border-color: var(--ids_color_border_medium) !important;
    border-style: solid !important
}

.ids-cmsless .ids-border-left {
    border-color: var(--ids_color_border_medium) !important;
    border-left-width: var(--ids_size_border_medium) !important;
    border-style: solid !important
}

.ids-cmsless .ids-border-right {
    border-color: var(--ids_color_border_medium) !important;
    border-right-width: var(--ids_size_border_medium) !important;
    border-style: solid !important
}

.ids-cmsless .ids-border-small {
    border-style: solid !important;
    border-width: var(--ids_size_border_small) !important
}

.ids-cmsless .ids-border-small-top {
    border-style: solid !important;
    border-top-width: var(--ids_size_border_small) !important
}

.ids-cmsless .ids-border-small-bottom {
    border-bottom-width: var(--ids_size_border_small) !important;
    border-style: solid !important
}

.ids-cmsless .ids-border-small-left {
    border-left-width: var(--ids_size_border_small) !important;
    border-style: solid !important
}

.ids-cmsless .ids-border-small-right {
    border-right-width: var(--ids_size_border_small) !important;
    border-style: solid !important
}

.ids-cmsless .ids-border-large {
    border-style: solid !important;
    border-width: var(--ids_size_border_large) !important
}

.ids-cmsless .ids-border-large-top {
    border-style: solid !important;
    border-top-width: var(--ids_size_border_large) !important
}

.ids-cmsless .ids-border-large-bottom {
    border-bottom-width: var(--ids_size_border_large) !important;
    border-style: solid !important
}

.ids-cmsless .ids-border-large-left {
    border-left-width: var(--ids_size_border_large) !important;
    border-style: solid !important
}

.ids-cmsless .ids-border-large-right {
    border-right-width: var(--ids_size_border_large) !important;
    border-style: solid !important
}

.ids-cmsless .ids-border-color-soft {
    border-color: var(--ids_color_border_soft) !important
}

.ids-cmsless .ids-border-color-medium {
    border-color: var(--ids_color_border_medium) !important
}

.ids-cmsless .ids-border-color-strong {
    border-color: var(--ids_color_border_strong) !important
}

.ids-cmsless .ids-border-radius-layout-01 {
    border-radius: var(--ids_size_cornerRadius_layout_01) !important
}

.ids-cmsless .ids-border-radius-layout-02 {
    border-radius: var(--ids_size_cornerRadius_layout_02) !important
}

.ids-cmsless .ids-no-border {
    border: none !important
}

.ids-cmsless .ids-no-border-top {
    border-top: none !important
}

.ids-cmsless .ids-no-border-bottom {
    border-bottom: none !important
}

.ids-cmsless .ids-no-border-left {
    border-left: none !important
}

.ids-cmsless .ids-no-border-right {
    border-right: none !important
}

.ids-cmsless .ids-insight {
    color: var(--ids_color_text_heading_01) !important;
    font: var(--ids_textStyle_f01_s24_h32_wrg) !important
}

.ids-cmsless .ids-insight.-bold {
    font: var(--ids_textStyle_f01_s24_h32_wbd) !important
}

.ids-cmsless .ids-insight.-variant {
    color: var(--ids_color_text_highlight) !important
}

.ids-cmsless .ids-insight.-on-brand {
    color: var(--ids_color_contrast_onBrand_primary) !important
}

.ids-cmsless .ids-overline-text {
    font: var(--ids_textStyle_f02_s16_h24_wrg) !important
}

.ids-cmsless .ids-overline-text.-variant {
    color: var(--ids_color_text_highlight) !important
}

.ids-cmsless .ids-overline-text.-on-brand {
    color: var(--ids_color_contrast_onBrand_primary) !important
}

.ids-cmsless .ids-title {
    color: var(--ids_color_text_heading_01) !important;
    font: var(--ids_textStyle_f01_s32_h48_wrg) !important
}

.ids-cmsless .ids-title.-bold {
    font: var(--ids_textStyle_f01_s32_h48_wbd) !important
}

.ids-cmsless .ids-title.-variant {
    color: var(--ids_color_text_highlight) !important
}

.ids-cmsless .ids-title.-on-brand {
    color: var(--ids_color_contrast_onBrand_primary) !important
}

.ids-cmsless .ids-title.-small {
    font: var(--ids_textStyle_f01_s24_h32_wrg) !important
}

.ids-cmsless .ids-title.-small.-bold {
    font: var(--ids_textStyle_f01_s24_h32_wbd) !important
}

.ids-cmsless .ids-title.-large {
    font: var(--ids_textStyle_f01_s40_h64_wrg) !important
}

.ids-cmsless .ids-title.-large.-bold {
    font: var(--ids_textStyle_f01_s40_h64_wbd) !important
}

.ids-cmsless .ids-title.-xlarge {
    font: var(--ids_textStyle_f01_s48_h80_wrg) !important
}

.ids-cmsless .ids-title.-xlarge.-bold {
    font: var(--ids_textStyle_f01_s48_h80_wbd) !important
}

.ids-cmsless .ids-title.-xxlarge {
    font: var(--ids_textStyle_f01_s64_h100_wrg) !important
}

.ids-cmsless .ids-title.-xxlarge.-bold {
    font: var(--ids_textStyle_f01_s64_h100_wbd) !important
}

.ids-cmsless .ids-subtitle {
    color: var(--ids_color_text_heading_02) !important;
    font: var(--ids_textStyle_f02_s24_h32_wrg) !important
}

.ids-cmsless .ids-subtitle.-on-brand {
    color: var(--ids_color_contrast_onBrand_primary_strong) !important
}

.ids-cmsless .ids-subtitle.-small {
    font: var(--ids_textStyle_f02_s16_h24_wrg) !important
}

.ids-cmsless .ids-subtitle.-large {
    font: var(--ids_textStyle_f02_s32_h48_wrg) !important
}

.ids-cmsless .ids-subtitle.-xlarge {
    font: var(--ids_textStyle_f02_s40_h64_wrg) !important
}

.ids-cmsless .ids-subtitle.-xxlarge {
    font: var(--ids_textStyle_f02_s48_h80_wrg) !important
}

.ids-cmsless .ids-section-title-1 {
    color: var(--ids_color_text_heading_01) !important;
    font: var(--ids_textStyle_f01_s20_h28_wrg) !important
}

.ids-cmsless .ids-section-title-1.-on-brand {
    color: var(--ids_color_contrast_onBrand_primary) !important
}

.ids-cmsless .ids-section-title-2 {
    color: var(--ids_color_text_heading_01) !important;
    font: var(--ids_textStyle_f01_s16_h24_wbd) !important
}

.ids-cmsless .ids-section-title-2.-on-brand {
    color: var(--ids_color_contrast_onBrand_primary) !important
}

.ids-cmsless .ids-body-text {
    color: var(--ids_color_text_body_01) !important;
    font: var(--ids_textStyle_f02_s16_h24_wrg) !important
}

.ids-cmsless .ids-body-text.-bold {
    font: var(--ids_textStyle_f02_s16_h24_wbd) !important
}

.ids-cmsless .ids-body-text.-variant {
    color: var(--ids_color_text_body_02) !important
}

.ids-cmsless .ids-body-text.-on-brand {
    color: var(--ids_color_contrast_onBrand_primary) !important
}

.ids-cmsless .ids-body-text.-xsmall {
    font: var(--ids_textStyle_f02_s12_h18_wrg) !important
}

.ids-cmsless .ids-body-text.-xsmall.-bold {
    font: var(--ids_textStyle_f02_s12_h18_wbd) !important
}

.ids-cmsless .ids-body-text.-small {
    font: var(--ids_textStyle_f02_s14_h20_wrg) !important
}

.ids-cmsless .ids-body-text.-small.-bold {
    font: var(--ids_textStyle_f02_s14_h20_wbd) !important
}

.ids-cmsless .ids-body-text.-large {
    font: var(--ids_textStyle_f02_s18_h26_wrg) !important
}

.ids-cmsless .ids-body-text.-large.-bold {
    font: var(--ids_textStyle_f02_s18_h26_wbd) !important
}

.ids-cmsless .ids-label {
    color: var(--ids_color_feedback_neutral);
    font: var(--ids_textStyle_f02_s16_h24_wrg)
}

.ids-cmsless .ids-label.-bold {
    font: var(--ids_textStyle_f02_s16_h24_wbd) !important
}

.ids-cmsless .ids-label.-information {
    color: var(--ids_color_feedback_information) !important
}

.ids-cmsless .ids-label.-success {
    color: var(--ids_color_feedback_success) !important
}

.ids-cmsless .ids-label.-alert {
    color: var(--ids_color_feedback_alert) !important
}

.ids-cmsless .ids-label.-error {
    color: var(--ids_color_feedback_error) !important
}

.ids-cmsless .ids-label.-on-brand {
    color: var(--ids_color_contrast_onBrand_primary) !important
}

.ids-cmsless .ids-label.-disabled {
    color: var(--ids_color_action_disabled_variant) !important
}

.ids-cmsless .ids-label.-xsmall {
    font: var(--ids_textStyle_f02_s12_h18_wrg) !important
}

.ids-cmsless .ids-label.-xsmall.-bold {
    font: var(--ids_textStyle_f02_s12_h18_wbd) !important
}

.ids-cmsless .ids-label.-small {
    font: var(--ids_textStyle_f02_s14_h20_wrg) !important
}

.ids-cmsless .ids-label.-small.-bold {
    font: var(--ids_textStyle_f02_s14_h20_wbd) !important
}

.ids-cmsless .ids-label.-large {
    font: var(--ids_textStyle_f02_s20_h26_wrg) !important
}

.ids-cmsless .ids-label.-large.-bold {
    font: var(--ids_textStyle_f02_s20_h26_wbd) !important
}

.ids-cmsless .ids-label.-xlarge {
    font: var(--ids_textStyle_f02_s24_h32_wrg) !important
}

.ids-cmsless .ids-label.-xlarge.-bold {
    font: var(--ids_textStyle_f02_s24_h32_wbd) !important
}

.ids-cmsless .ids-text-icon-small {
    font: var(--ids_textStyle_icon_small) !important
}

.ids-cmsless .ids-text-icon {
    font: var(--ids_textStyle_icon_medium) !important
}

.ids-cmsless .ids-text-icon-large {
    font: var(--ids_textStyle_icon_large) !important
}

.ids-cmsless .ids-text-title-01 {
    font: var(--ids_textStyle_title_01_base) !important
}

.ids-cmsless .ids-text-title-01-variant {
    font: var(--ids_textStyle_title_01_variant) !important
}

.ids-cmsless .ids-text-section-01 {
    font: var(--ids_textStyle_section_01) !important
}

.ids-cmsless .ids-text-section-02 {
    font: var(--ids_textStyle_section_02) !important
}

.ids-cmsless .ids-text-overline {
    font: var(--ids_textStyle_overline) !important
}

.ids-cmsless .ids-text-subtitle-01 {
    font: var(--ids_textStyle_subtitle_01) !important
}

.ids-cmsless .ids-text-insight {
    font: var(--ids_textStyle_insight_regular) !important
}

.ids-cmsless .ids-text-insight-bold {
    font: var(--ids_textStyle_insight_bold) !important
}

.ids-cmsless .ids-text-body-01 {
    font: var(--ids_textStyle_body_01_regular) !important
}

.ids-cmsless .ids-text-body-01-bold {
    font: var(--ids_textStyle_body_01_bold) !important
}

.ids-cmsless .ids-text-body-02 {
    font: var(--ids_textStyle_body_02_regular) !important
}

.ids-cmsless .ids-text-body-02-bold {
    font: var(--ids_textStyle_body_02_bold) !important
}

.ids-cmsless .ids-text-caption {
    font: var(--ids_textStyle_caption_regular) !important
}

.ids-cmsless .ids-text-caption-bold {
    font: var(--ids_textStyle_caption_bold) !important
}

.ids-cmsless .ids-text-label-xsmall {
    font: var(--ids_textStyle_label_xsmall_regular) !important
}

.ids-cmsless .ids-text-label-xsmall-bold {
    font: var(--ids_textStyle_label_xsmall_bold) !important
}

.ids-cmsless .ids-text-label-small {
    font: var(--ids_textStyle_label_small_regular) !important
}

.ids-cmsless .ids-text-label-small-bold {
    font: var(--ids_textStyle_label_small_bold) !important
}

.ids-cmsless .ids-text-label-medium {
    font: var(--ids_textStyle_label_medium_regular) !important
}

.ids-cmsless .ids-text-label-medium-bold {
    font: var(--ids_textStyle_label_medium_bold) !important
}

.ids-cmsless .ids-text-label-large {
    font: var(--ids_textStyle_label_large_regular) !important
}

.ids-cmsless .ids-text-label-large-bold {
    font: var(--ids_textStyle_label_large_bold) !important
}

.ids-cmsless .ids-text-label-xlarge {
    font: var(--ids_textStyle_label_xlarge_regular) !important
}

.ids-cmsless .ids-text-label-xlarge-bold {
    font: var(--ids_textStyle_label_xlarge_bold) !important
}

.ids-cmsless .ids-color-text-heading-1 {
    color: var(--ids_color_text_heading_01) !important
}

.ids-cmsless .ids-color-text-heading-2 {
    color: var(--ids_color_text_heading_02) !important
}

.ids-cmsless .ids-color-text-body-1 {
    color: var(--ids_color_text_body_01) !important
}

.ids-cmsless .ids-color-text-body-2 {
    color: var(--ids_color_text_body_02) !important
}

.ids-cmsless .ids-color-text-highlight {
    color: var(--ids_color_text_highlight) !important
}

.ids-cmsless .ids-d-block {
    display: block !important
}

.ids-cmsless .ids-d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.ids-cmsless .ids-d-grid {
    display: grid !important
}

.ids-cmsless .ids-d-inline-block {
    display: inline-block !important
}

.ids-cmsless .ids-d-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

.ids-cmsless .ids-d-inline-grid {
    display: inline-grid !important
}

.ids-cmsless .ids-d-none {
    display: none !important
}

.ids-cmsless .ids-d-table-cell {
    display: table-cell !important
}

.ids-cmsless .ids-d-table-row {
    display: table-row !important
}

.ids-cmsless .ids-d-table {
    display: table !important
}

@media screen and (min-width: 48rem) {
    .ids-cmsless .ids-d-sm-block {
        display: block !important
    }
}

@media screen and (min-width: 48rem) {
    .ids-cmsless .ids-d-sm-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

@media screen and (min-width: 48rem) {
    .ids-cmsless .ids-d-sm-grid {
        display: grid !important
    }
}

@media screen and (min-width: 48rem) {
    .ids-cmsless .ids-d-sm-inline-block {
        display: inline-block !important
    }
}

@media screen and (min-width: 48rem) {
    .ids-cmsless .ids-d-sm-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media screen and (min-width: 48rem) {
    .ids-cmsless .ids-d-sm-inline-grid {
        display: inline-grid !important
    }
}

@media screen and (min-width: 48rem) {
    .ids-cmsless .ids-d-sm-none {
        display: none !important
    }
}

@media screen and (min-width: 48rem) {
    .ids-cmsless .ids-d-sm-table-cell {
        display: table-cell !important
    }
}

@media screen and (min-width: 48rem) {
    .ids-cmsless .ids-d-sm-table-row {
        display: table-row !important
    }
}

@media screen and (min-width: 48rem) {
    .ids-cmsless .ids-d-sm-table {
        display: table !important
    }
}

@media screen and (min-width: 64rem) {
    .ids-cmsless .ids-d-md-block {
        display: block !important
    }
}

@media screen and (min-width: 64rem) {
    .ids-cmsless .ids-d-md-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

@media screen and (min-width: 64rem) {
    .ids-cmsless .ids-d-md-grid {
        display: grid !important
    }
}

@media screen and (min-width: 64rem) {
    .ids-cmsless .ids-d-md-inline-block {
        display: inline-block !important
    }
}

@media screen and (min-width: 64rem) {
    .ids-cmsless .ids-d-md-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media screen and (min-width: 64rem) {
    .ids-cmsless .ids-d-md-inline-grid {
        display: inline-grid !important
    }
}

@media screen and (min-width: 64rem) {
    .ids-cmsless .ids-d-md-none {
        display: none !important
    }
}

@media screen and (min-width: 64rem) {
    .ids-cmsless .ids-d-md-table-cell {
        display: table-cell !important
    }
}

@media screen and (min-width: 64rem) {
    .ids-cmsless .ids-d-md-table-row {
        display: table-row !important
    }
}

@media screen and (min-width: 64rem) {
    .ids-cmsless .ids-d-md-table {
        display: table !important
    }
}

@media screen and (min-width: 80rem) {
    .ids-cmsless .ids-d-lg-block {
        display: block !important
    }
}

@media screen and (min-width: 80rem) {
    .ids-cmsless .ids-d-lg-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

@media screen and (min-width: 80rem) {
    .ids-cmsless .ids-d-lg-grid {
        display: grid !important
    }
}

@media screen and (min-width: 80rem) {
    .ids-cmsless .ids-d-lg-inline-block {
        display: inline-block !important
    }
}

@media screen and (min-width: 80rem) {
    .ids-cmsless .ids-d-lg-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media screen and (min-width: 80rem) {
    .ids-cmsless .ids-d-lg-inline-grid {
        display: inline-grid !important
    }
}

@media screen and (min-width: 80rem) {
    .ids-cmsless .ids-d-lg-none {
        display: none !important
    }
}

@media screen and (min-width: 80rem) {
    .ids-cmsless .ids-d-lg-table-cell {
        display: table-cell !important
    }
}

@media screen and (min-width: 80rem) {
    .ids-cmsless .ids-d-lg-table-row {
        display: table-row !important
    }
}

@media screen and (min-width: 80rem) {
    .ids-cmsless .ids-d-lg-table {
        display: table !important
    }
}

@media screen and (min-width: 100rem) {
    .ids-cmsless .ids-d-xl-block {
        display: block !important
    }
}

@media screen and (min-width: 100rem) {
    .ids-cmsless .ids-d-xl-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

@media screen and (min-width: 100rem) {
    .ids-cmsless .ids-d-xl-grid {
        display: grid !important
    }
}

@media screen and (min-width: 100rem) {
    .ids-cmsless .ids-d-xl-inline-block {
        display: inline-block !important
    }
}

@media screen and (min-width: 100rem) {
    .ids-cmsless .ids-d-xl-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media screen and (min-width: 100rem) {
    .ids-cmsless .ids-d-xl-inline-grid {
        display: inline-grid !important
    }
}

@media screen and (min-width: 100rem) {
    .ids-cmsless .ids-d-xl-none {
        display: none !important
    }
}

@media screen and (min-width: 100rem) {
    .ids-cmsless .ids-d-xl-table-cell {
        display: table-cell !important
    }
}

@media screen and (min-width: 100rem) {
    .ids-cmsless .ids-d-xl-table-row {
        display: table-row !important
    }
}

@media screen and (min-width: 100rem) {
    .ids-cmsless .ids-d-xl-table {
        display: table !important
    }
}

.ids-cmsless .ids-opacity-empty {
    opacity: var(--ids_opacity_empty) !important
}

.ids-cmsless .ids-opacity-soft {
    opacity: var(--ids_opacity_soft) !important
}

.ids-cmsless .ids-opacity-medium {
    opacity: var(--ids_opacity_medium) !important
}

.ids-cmsless .ids-opacity-strong {
    opacity: var(--ids_opacity_strong) !important
}

.ids-cmsless .ids-opacity-none {
    opacity: var(--ids_opacity_none) !important
}

.ids-cmsless .ids-flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.ids-cmsless .ids-flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
}

.ids-cmsless .ids-flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.ids-cmsless .ids-flex-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
}

.ids-cmsless .ids-flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

.ids-cmsless .ids-flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.ids-cmsless .ids-flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
}

.ids-cmsless .ids-flex-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important
}

.ids-cmsless .ids-flex-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important
}

.ids-cmsless .ids-flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important
}

.ids-cmsless .ids-flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important
}

.ids-cmsless .ids-flex-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important
}

.ids-cmsless .ids-justify-content-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.ids-cmsless .ids-justify-content-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.ids-cmsless .ids-justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.ids-cmsless .ids-justify-content-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.ids-cmsless .ids-justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

.ids-cmsless .ids-justify-content-evenly {
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important
}

.ids-cmsless .ids-align-items-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.ids-cmsless .ids-align-items-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important
}

.ids-cmsless .ids-align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

.ids-cmsless .ids-align-items-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important
}

.ids-cmsless .ids-align-items-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.ids-cmsless .ids-align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
}

.ids-cmsless .ids-align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
}

.ids-cmsless .ids-align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important
}

.ids-cmsless .ids-align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
}

.ids-cmsless .ids-align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important
}

.ids-cmsless .ids-align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
}

.ids-cmsless .ids-align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
}

.ids-cmsless .ids-align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
}

.ids-cmsless .ids-align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
}

.ids-cmsless .ids-align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
}

.ids-cmsless .ids-align-content-evenly {
    -ms-flex-line-pack: space-evenly !important;
    align-content: space-evenly !important
}

.ids-cmsless .ids-align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
}

@media screen and (min-width: 48rem) {
    .ids-cmsless .ids-flex-sm-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }
}

@media screen and (min-width: 48rem) {
    .ids-cmsless .ids-flex-sm-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }
}

@media screen and (min-width: 48rem) {
    .ids-cmsless .ids-flex-sm-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }
}

@media screen and (min-width: 48rem) {
    .ids-cmsless .ids-flex-sm-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }
}

@media screen and (min-width: 48rem) {
    .ids-cmsless .ids-flex-sm-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }
}

@media screen and (min-width: 48rem) {
    .ids-cmsless .ids-flex-sm-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }
}

@media screen and (min-width: 48rem) {
    .ids-cmsless .ids-flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }
}

@media screen and (min-width: 48rem) {
    .ids-cmsless .ids-flex-sm-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }
}

@media screen and (min-width: 48rem) {
    .ids-cmsless .ids-flex-sm-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }
}

@media screen and (min-width: 48rem) {
    .ids-cmsless .ids-flex-sm-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }
}

@media screen and (min-width: 48rem) {
    .ids-cmsless .ids-flex-sm-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }
}

@media screen and (min-width: 48rem) {
    .ids-cmsless .ids-flex-sm-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }
}

@media screen and (min-width: 48rem) {
    .ids-cmsless .ids-justify-content-sm-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }
}

@media screen and (min-width: 48rem) {
    .ids-cmsless .ids-justify-content-sm-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
}

@media screen and (min-width: 48rem) {
    .ids-cmsless .ids-justify-content-sm-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
}

@media screen and (min-width: 48rem) {
    .ids-cmsless .ids-justify-content-sm-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }
}

@media screen and (min-width: 48rem) {
    .ids-cmsless .ids-justify-content-sm-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }
}

@media screen and (min-width: 48rem) {
    .ids-cmsless .ids-justify-content-sm-evenly {
        -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
        justify-content: space-evenly !important
    }
}

@media screen and (min-width: 48rem) {
    .ids-cmsless .ids-align-items-sm-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
}

@media screen and (min-width: 48rem) {
    .ids-cmsless .ids-align-items-sm-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }
}

@media screen and (min-width: 48rem) {
    .ids-cmsless .ids-align-items-sm-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }
}

@media screen and (min-width: 48rem) {
    .ids-cmsless .ids-align-items-sm-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }
}

@media screen and (min-width: 48rem) {
    .ids-cmsless .ids-align-items-sm-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }
}

@media screen and (min-width: 48rem) {
    .ids-cmsless .ids-align-self-sm-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }
}

@media screen and (min-width: 48rem) {
    .ids-cmsless .ids-align-self-sm-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }
}

@media screen and (min-width: 48rem) {
    .ids-cmsless .ids-align-self-sm-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }
}

@media screen and (min-width: 48rem) {
    .ids-cmsless .ids-align-self-sm-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }
}

@media screen and (min-width: 48rem) {
    .ids-cmsless .ids-align-self-sm-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media screen and (min-width: 48rem) {
    .ids-cmsless .ids-align-content-sm-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }
}

@media screen and (min-width: 48rem) {
    .ids-cmsless .ids-align-content-sm-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }
}

@media screen and (min-width: 48rem) {
    .ids-cmsless .ids-align-content-sm-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }
}

@media screen and (min-width: 48rem) {
    .ids-cmsless .ids-align-content-sm-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }
}

@media screen and (min-width: 48rem) {
    .ids-cmsless .ids-align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }
}

@media screen and (min-width: 48rem) {
    .ids-cmsless .ids-align-content-sm-evenly {
        -ms-flex-line-pack: space-evenly !important;
        align-content: space-evenly !important
    }
}

@media screen and (min-width: 48rem) {
    .ids-cmsless .ids-align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }
}

@media screen and (min-width: 64rem) {
    .ids-cmsless .ids-flex-md-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }
}

@media screen and (min-width: 64rem) {
    .ids-cmsless .ids-flex-md-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }
}

@media screen and (min-width: 64rem) {
    .ids-cmsless .ids-flex-md-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }
}

@media screen and (min-width: 64rem) {
    .ids-cmsless .ids-flex-md-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }
}

@media screen and (min-width: 64rem) {
    .ids-cmsless .ids-flex-md-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }
}

@media screen and (min-width: 64rem) {
    .ids-cmsless .ids-flex-md-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }
}

@media screen and (min-width: 64rem) {
    .ids-cmsless .ids-flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }
}

@media screen and (min-width: 64rem) {
    .ids-cmsless .ids-flex-md-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }
}

@media screen and (min-width: 64rem) {
    .ids-cmsless .ids-flex-md-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }
}

@media screen and (min-width: 64rem) {
    .ids-cmsless .ids-flex-md-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }
}

@media screen and (min-width: 64rem) {
    .ids-cmsless .ids-flex-md-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }
}

@media screen and (min-width: 64rem) {
    .ids-cmsless .ids-flex-md-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }
}

@media screen and (min-width: 64rem) {
    .ids-cmsless .ids-justify-content-md-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }
}

@media screen and (min-width: 64rem) {
    .ids-cmsless .ids-justify-content-md-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
}

@media screen and (min-width: 64rem) {
    .ids-cmsless .ids-justify-content-md-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
}

@media screen and (min-width: 64rem) {
    .ids-cmsless .ids-justify-content-md-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }
}

@media screen and (min-width: 64rem) {
    .ids-cmsless .ids-justify-content-md-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }
}

@media screen and (min-width: 64rem) {
    .ids-cmsless .ids-justify-content-md-evenly {
        -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
        justify-content: space-evenly !important
    }
}

@media screen and (min-width: 64rem) {
    .ids-cmsless .ids-align-items-md-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
}

@media screen and (min-width: 64rem) {
    .ids-cmsless .ids-align-items-md-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }
}

@media screen and (min-width: 64rem) {
    .ids-cmsless .ids-align-items-md-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }
}

@media screen and (min-width: 64rem) {
    .ids-cmsless .ids-align-items-md-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }
}

@media screen and (min-width: 64rem) {
    .ids-cmsless .ids-align-items-md-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }
}

@media screen and (min-width: 64rem) {
    .ids-cmsless .ids-align-self-md-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }
}

@media screen and (min-width: 64rem) {
    .ids-cmsless .ids-align-self-md-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }
}

@media screen and (min-width: 64rem) {
    .ids-cmsless .ids-align-self-md-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }
}

@media screen and (min-width: 64rem) {
    .ids-cmsless .ids-align-self-md-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }
}

@media screen and (min-width: 64rem) {
    .ids-cmsless .ids-align-self-md-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media screen and (min-width: 64rem) {
    .ids-cmsless .ids-align-content-md-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }
}

@media screen and (min-width: 64rem) {
    .ids-cmsless .ids-align-content-md-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }
}

@media screen and (min-width: 64rem) {
    .ids-cmsless .ids-align-content-md-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }
}

@media screen and (min-width: 64rem) {
    .ids-cmsless .ids-align-content-md-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }
}

@media screen and (min-width: 64rem) {
    .ids-cmsless .ids-align-content-md-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }
}

@media screen and (min-width: 64rem) {
    .ids-cmsless .ids-align-content-md-evenly {
        -ms-flex-line-pack: space-evenly !important;
        align-content: space-evenly !important
    }
}

@media screen and (min-width: 64rem) {
    .ids-cmsless .ids-align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }
}

@media screen and (min-width: 80rem) {
    .ids-cmsless .ids-flex-lg-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }
}

@media screen and (min-width: 80rem) {
    .ids-cmsless .ids-flex-lg-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }
}

@media screen and (min-width: 80rem) {
    .ids-cmsless .ids-flex-lg-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }
}

@media screen and (min-width: 80rem) {
    .ids-cmsless .ids-flex-lg-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }
}

@media screen and (min-width: 80rem) {
    .ids-cmsless .ids-flex-lg-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }
}

@media screen and (min-width: 80rem) {
    .ids-cmsless .ids-flex-lg-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }
}

@media screen and (min-width: 80rem) {
    .ids-cmsless .ids-flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }
}

@media screen and (min-width: 80rem) {
    .ids-cmsless .ids-flex-lg-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }
}

@media screen and (min-width: 80rem) {
    .ids-cmsless .ids-flex-lg-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }
}

@media screen and (min-width: 80rem) {
    .ids-cmsless .ids-flex-lg-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }
}

@media screen and (min-width: 80rem) {
    .ids-cmsless .ids-flex-lg-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }
}

@media screen and (min-width: 80rem) {
    .ids-cmsless .ids-flex-lg-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }
}

@media screen and (min-width: 80rem) {
    .ids-cmsless .ids-justify-content-lg-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }
}

@media screen and (min-width: 80rem) {
    .ids-cmsless .ids-justify-content-lg-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
}

@media screen and (min-width: 80rem) {
    .ids-cmsless .ids-justify-content-lg-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
}

@media screen and (min-width: 80rem) {
    .ids-cmsless .ids-justify-content-lg-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }
}

@media screen and (min-width: 80rem) {
    .ids-cmsless .ids-justify-content-lg-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }
}

@media screen and (min-width: 80rem) {
    .ids-cmsless .ids-justify-content-lg-evenly {
        -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
        justify-content: space-evenly !important
    }
}

@media screen and (min-width: 80rem) {
    .ids-cmsless .ids-align-items-lg-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
}

@media screen and (min-width: 80rem) {
    .ids-cmsless .ids-align-items-lg-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }
}

@media screen and (min-width: 80rem) {
    .ids-cmsless .ids-align-items-lg-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }
}

@media screen and (min-width: 80rem) {
    .ids-cmsless .ids-align-items-lg-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }
}

@media screen and (min-width: 80rem) {
    .ids-cmsless .ids-align-items-lg-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }
}

@media screen and (min-width: 80rem) {
    .ids-cmsless .ids-align-self-lg-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }
}

@media screen and (min-width: 80rem) {
    .ids-cmsless .ids-align-self-lg-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }
}

@media screen and (min-width: 80rem) {
    .ids-cmsless .ids-align-self-lg-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }
}

@media screen and (min-width: 80rem) {
    .ids-cmsless .ids-align-self-lg-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }
}

@media screen and (min-width: 80rem) {
    .ids-cmsless .ids-align-self-lg-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media screen and (min-width: 80rem) {
    .ids-cmsless .ids-align-content-lg-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }
}

@media screen and (min-width: 80rem) {
    .ids-cmsless .ids-align-content-lg-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }
}

@media screen and (min-width: 80rem) {
    .ids-cmsless .ids-align-content-lg-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }
}

@media screen and (min-width: 80rem) {
    .ids-cmsless .ids-align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }
}

@media screen and (min-width: 80rem) {
    .ids-cmsless .ids-align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }
}

@media screen and (min-width: 80rem) {
    .ids-cmsless .ids-align-content-lg-evenly {
        -ms-flex-line-pack: space-evenly !important;
        align-content: space-evenly !important
    }
}

@media screen and (min-width: 80rem) {
    .ids-cmsless .ids-align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }
}

@media screen and (min-width: 100rem) {
    .ids-cmsless .ids-flex-xl-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }
}

@media screen and (min-width: 100rem) {
    .ids-cmsless .ids-flex-xl-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }
}

@media screen and (min-width: 100rem) {
    .ids-cmsless .ids-flex-xl-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }
}

@media screen and (min-width: 100rem) {
    .ids-cmsless .ids-flex-xl-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }
}

@media screen and (min-width: 100rem) {
    .ids-cmsless .ids-flex-xl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }
}

@media screen and (min-width: 100rem) {
    .ids-cmsless .ids-flex-xl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }
}

@media screen and (min-width: 100rem) {
    .ids-cmsless .ids-flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }
}

@media screen and (min-width: 100rem) {
    .ids-cmsless .ids-flex-xl-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }
}

@media screen and (min-width: 100rem) {
    .ids-cmsless .ids-flex-xl-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }
}

@media screen and (min-width: 100rem) {
    .ids-cmsless .ids-flex-xl-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }
}

@media screen and (min-width: 100rem) {
    .ids-cmsless .ids-flex-xl-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }
}

@media screen and (min-width: 100rem) {
    .ids-cmsless .ids-flex-xl-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }
}

@media screen and (min-width: 100rem) {
    .ids-cmsless .ids-justify-content-xl-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }
}

@media screen and (min-width: 100rem) {
    .ids-cmsless .ids-justify-content-xl-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
}

@media screen and (min-width: 100rem) {
    .ids-cmsless .ids-justify-content-xl-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
}

@media screen and (min-width: 100rem) {
    .ids-cmsless .ids-justify-content-xl-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }
}

@media screen and (min-width: 100rem) {
    .ids-cmsless .ids-justify-content-xl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }
}

@media screen and (min-width: 100rem) {
    .ids-cmsless .ids-justify-content-xl-evenly {
        -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
        justify-content: space-evenly !important
    }
}

@media screen and (min-width: 100rem) {
    .ids-cmsless .ids-align-items-xl-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
}

@media screen and (min-width: 100rem) {
    .ids-cmsless .ids-align-items-xl-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }
}

@media screen and (min-width: 100rem) {
    .ids-cmsless .ids-align-items-xl-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }
}

@media screen and (min-width: 100rem) {
    .ids-cmsless .ids-align-items-xl-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }
}

@media screen and (min-width: 100rem) {
    .ids-cmsless .ids-align-items-xl-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }
}

@media screen and (min-width: 100rem) {
    .ids-cmsless .ids-align-self-xl-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }
}

@media screen and (min-width: 100rem) {
    .ids-cmsless .ids-align-self-xl-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }
}

@media screen and (min-width: 100rem) {
    .ids-cmsless .ids-align-self-xl-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }
}

@media screen and (min-width: 100rem) {
    .ids-cmsless .ids-align-self-xl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }
}

@media screen and (min-width: 100rem) {
    .ids-cmsless .ids-align-self-xl-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media screen and (min-width: 100rem) {
    .ids-cmsless .ids-align-content-xl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }
}

@media screen and (min-width: 100rem) {
    .ids-cmsless .ids-align-content-xl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }
}

@media screen and (min-width: 100rem) {
    .ids-cmsless .ids-align-content-xl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }
}

@media screen and (min-width: 100rem) {
    .ids-cmsless .ids-align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }
}

@media screen and (min-width: 100rem) {
    .ids-cmsless .ids-align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }
}

@media screen and (min-width: 100rem) {
    .ids-cmsless .ids-align-content-xl-evenly {
        -ms-flex-line-pack: space-evenly !important;
        align-content: space-evenly !important
    }
}

@media screen and (min-width: 100rem) {
    .ids-cmsless .ids-align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }
}

.ids-cmsless .ids-card {
    background: var(--ids_color_bg_base);
    border: var(--ids_size_border_small) solid var(--ids_color_border_soft);
    border-radius: var(--ids_size_cornerRadius_card_01)
}

.ids-cmsless .ids-card.-no-border {
    border: none
}

.ids-cmsless button.ids-card {
    cursor: pointer
}

@media(hover: hover)and (pointer: fine) {
    .ids-cmsless button.ids-card:hover:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless button.ids-card:focus-visible:not(:disabled):not([aria-disabled=true]) {
        background: var(--ids_color_action_neutral_base_soft)
    }
}

.ids-cmsless button.ids-card:active:not(:disabled):not([aria-disabled=true]) {
    background: var(--ids_color_action_neutral_base_soft)
}

.ids-cmsless a.ids-card {
    cursor: pointer
}

@media(hover: hover)and (pointer: fine) {
    .ids-cmsless a.ids-card:hover:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless a.ids-card:focus-visible:not(:disabled):not([aria-disabled=true]) {
        background: var(--ids_color_action_neutral_base_soft)
    }
}

.ids-cmsless a.ids-card:active:not(:disabled):not([aria-disabled=true]) {
    background: var(--ids_color_action_neutral_base_soft)
}

.ids-cmsless input.ids-card {
    cursor: pointer
}

@media(hover: hover)and (pointer: fine) {
    .ids-cmsless input.ids-card:hover:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless input.ids-card:focus-visible:not(:disabled):not([aria-disabled=true]) {
        background: var(--ids_color_action_neutral_base_soft)
    }
}

.ids-cmsless input.ids-card:active:not(:disabled):not([aria-disabled=true]) {
    background: var(--ids_color_action_neutral_base_soft)
}

.ids-cmsless .ids-card.-hover {
    cursor: pointer
}

@media(hover: hover)and (pointer: fine) {
    .ids-cmsless .ids-card.-hover:hover:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless .ids-card.-hover:focus-visible:not(:disabled):not([aria-disabled=true]) {
        background: var(--ids_color_action_neutral_base_soft)
    }
}

.ids-cmsless .ids-card.-hover:active:not(:disabled):not([aria-disabled=true]) {
    background: var(--ids_color_action_neutral_base_soft)
}

.ids-cmsless .ids-card.-selected {
    border: var(--ids_size_border_medium) solid var(--ids_color_action_primary_base)
}

.ids-cmsless .ids-card.-variant {
    background: var(--ids_color_bg_variant_01)
}

.ids-cmsless .ids-card.-primary {
    background: var(--ids_color_action_primary_base);
    border: var(--ids_size_border_small) solid var(--ids_color_action_primary_variant);
    color: var(--ids_color_action_primary_contrast)
}

.ids-cmsless button.ids-card.-primary {
    cursor: pointer
}

@media(hover: hover)and (pointer: fine) {
    .ids-cmsless button.ids-card.-primary:hover:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless button.ids-card.-primary:focus-visible:not(:disabled):not([aria-disabled=true]) {
        background: var(--ids_color_action_primary_variant)
    }
}

.ids-cmsless button.ids-card.-primary:active:not(:disabled):not([aria-disabled=true]) {
    background: var(--ids_color_action_primary_variant)
}

.ids-cmsless a.ids-card.-primary {
    cursor: pointer
}

@media(hover: hover)and (pointer: fine) {
    .ids-cmsless a.ids-card.-primary:hover:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless a.ids-card.-primary:focus-visible:not(:disabled):not([aria-disabled=true]) {
        background: var(--ids_color_action_primary_variant)
    }
}

.ids-cmsless a.ids-card.-primary:active:not(:disabled):not([aria-disabled=true]) {
    background: var(--ids_color_action_primary_variant)
}

.ids-cmsless input.ids-card.-primary {
    cursor: pointer
}

@media(hover: hover)and (pointer: fine) {
    .ids-cmsless input.ids-card.-primary:hover:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless input.ids-card.-primary:focus-visible:not(:disabled):not([aria-disabled=true]) {
        background: var(--ids_color_action_primary_variant)
    }
}

.ids-cmsless input.ids-card.-primary:active:not(:disabled):not([aria-disabled=true]) {
    background: var(--ids_color_action_primary_variant)
}

.ids-cmsless .ids-card.-primary.-hover {
    cursor: pointer
}

@media(hover: hover)and (pointer: fine) {
    .ids-cmsless .ids-card.-primary.-hover:hover:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless .ids-card.-primary.-hover:focus-visible:not(:disabled):not([aria-disabled=true]) {
        background: var(--ids_color_action_primary_variant)
    }
}

.ids-cmsless .ids-card.-primary.-hover:active:not(:disabled):not([aria-disabled=true]) {
    background: var(--ids_color_action_primary_variant)
}

.ids-cmsless .ids-card.-secondary {
    background: var(--ids_color_action_secondary_base);
    border: var(--ids_size_border_small) solid var(--ids_color_action_secondary_variant)
}

.ids-cmsless button.ids-card.-secondary {
    cursor: pointer
}

@media(hover: hover)and (pointer: fine) {
    .ids-cmsless button.ids-card.-secondary:hover:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless button.ids-card.-secondary:focus-visible:not(:disabled):not([aria-disabled=true]) {
        background: var(--ids_color_action_secondary_variant)
    }
}

.ids-cmsless button.ids-card.-secondary:active:not(:disabled):not([aria-disabled=true]) {
    background: var(--ids_color_action_secondary_variant)
}

.ids-cmsless a.ids-card.-secondary {
    cursor: pointer
}

@media(hover: hover)and (pointer: fine) {
    .ids-cmsless a.ids-card.-secondary:hover:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless a.ids-card.-secondary:focus-visible:not(:disabled):not([aria-disabled=true]) {
        background: var(--ids_color_action_secondary_variant)
    }
}

.ids-cmsless a.ids-card.-secondary:active:not(:disabled):not([aria-disabled=true]) {
    background: var(--ids_color_action_secondary_variant)
}

.ids-cmsless input.ids-card.-secondary {
    cursor: pointer
}

@media(hover: hover)and (pointer: fine) {
    .ids-cmsless input.ids-card.-secondary:hover:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless input.ids-card.-secondary:focus-visible:not(:disabled):not([aria-disabled=true]) {
        background: var(--ids_color_action_secondary_variant)
    }
}

.ids-cmsless input.ids-card.-secondary:active:not(:disabled):not([aria-disabled=true]) {
    background: var(--ids_color_action_secondary_variant)
}

.ids-cmsless .ids-card.-secondary.-hover {
    cursor: pointer
}

@media(hover: hover)and (pointer: fine) {
    .ids-cmsless .ids-card.-secondary.-hover:hover:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless .ids-card.-secondary.-hover:focus-visible:not(:disabled):not([aria-disabled=true]) {
        background: var(--ids_color_action_secondary_variant)
    }
}

.ids-cmsless .ids-card.-secondary.-hover:active:not(:disabled):not([aria-disabled=true]) {
    background: var(--ids_color_action_secondary_variant)
}

.ids-cmsless .ids-card-base {
    background: var(--ids_color_bg_base);
    border: var(--ids_size_border_small) solid var(--ids_color_border_soft);
    border-radius: var(--ids_size_cornerRadius_card_01)
}

.ids-cmsless .ids-card-base:active,
.ids-cmsless .ids-card-base:hover {
    background: var(--ids_color_action_neutral_base_soft)
}

.ids-cmsless .ids-card-base--selected {
    border: var(--ids_size_border_medium) solid var(--ids_color_action_primary_base)
}

.ids-cmsless .ids-card-base--primary {
    background: var(--ids_color_action_primary_base);
    border: var(--ids_size_border_small) solid var(--ids_color_action_primary_variant);
    color: var(--ids_color_action_primary_contrast)
}

.ids-cmsless .ids-card-base--primary:active,
.ids-cmsless .ids-card-base--primary:hover {
    background: var(--ids_color_action_primary_variant)
}

.ids-cmsless .ids-card-base--secondary {
    background: var(--ids_color_action_secondary_base);
    border: var(--ids_size_border_small) solid var(--ids_color_action_secondary_variant)
}

.ids-cmsless .ids-card-base--secondary:active,
.ids-cmsless .ids-card-base--secondary:hover {
    background: var(--ids_color_action_secondary_variant)
}

.ids-cmsless .ids-divider {
    all: unset;
    all: revert;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    display: block;
    margin: 0;
    border-bottom: var(--ids_size_border_small) solid var(--ids_color_border_medium);
    width: 100%
}

.ids-cmsless .ids-divider.-regular {
    border-width: var(--ids_size_border_medium)
}

.ids-cmsless .ids-divider.-bold {
    border-width: var(--ids_size_border_large)
}

.ids-cmsless .ids-divider.-soft {
    border-color: var(--ids_color_border_soft)
}

.ids-cmsless .ids-divider.-strong {
    border-color: var(--ids_color_border_strong)
}

.ids-cmsless .ids-divider.-primary {
    border-color: var(--ids_color_action_primary_base)
}

.ids-cmsless .ids-divider.-primary.-strong {
    border-color: var(--ids_color_action_primary_variant)
}

.ids-cmsless .ids-divider.-error {
    border-color: var(--ids_color_feedback_error)
}

.ids-cmsless .ids-divider.-on-brand {
    border-color: var(--ids_color_contrast_onBrand_primary_medium)
}

.ids-cmsless .ids-divider.-on-brand.-soft {
    border-color: var(--ids_color_contrast_onBrand_primary_soft)
}

.ids-cmsless .ids-divider.-on-brand.-strong {
    border-color: var(--ids_color_contrast_onBrand_primary_strong)
}

.ids-cmsless .ids-reset-element {
    background: none;
    background-color: none;
    border: 0;
    color: inherit;
    cursor: inherit;
    font: inherit;
    font-size: inherit;
    font-weight: inherit;
    margin: 0;
    outline: none;
    padding: 0;
    text-decoration: none;
    text-transform: none
}

.ids-cmsless .ids-reset-input {
    background: transparent;
    border: 0;
    display: block;
    width: 100%
}

.ids-cmsless .ids-reset-input[list]::-webkit-list-button,
.ids-cmsless .ids-reset-input[list]::-webkit-calendar-picker-indicator {
    opacity: 0
}

.ids-cmsless .ids-reset-input[type=search]::-webkit-search-decoration,
.ids-cmsless .ids-reset-input[type=search]::-webkit-search-cancel-button,
.ids-cmsless .ids-reset-input[type=search]::-webkit-search-results-button,
.ids-cmsless .ids-reset-input[type=search]::-webkit-search-results-decoration {
    display: none
}

.ids-cmsless .ids-dummy-width {
    margin: 0 !important;
    opacity: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    visibility: hidden !important;
    white-space: nowrap !important;
    width: auto !important
}

.ids-cmsless .ids-input {
    background: transparent;
    border: 0;
    display: block;
    width: 100%;
    --ids-input-border-color: var(--ids_color_border_medium);
    border-bottom: var(--ids_size_border_small) solid var(--ids-input-border-color);
    border-radius: var(--ids_size_cornerRadius_tooltip) var(--ids_size_cornerRadius_tooltip) 0 0;
    caret-color: var(--ids_color_action_primary_base);
    color: var(--ids_color_action_neutral_variant);
    font: var(--ids_textStyle_f02_s20_h26_wrg);
    min-height: 2.1875rem;
    outline-offset: var(--ids_size_general_3x);
    padding-bottom: var(--ids_spacing_2x);
    text-align: start;
    -webkit-transition: border-color 250ms;
    transition: border-color 250ms
}

.ids-cmsless .ids-input[list]::-webkit-list-button,
.ids-cmsless .ids-input[list]::-webkit-calendar-picker-indicator {
    opacity: 0
}

.ids-cmsless .ids-input[type=search]::-webkit-search-decoration,
.ids-cmsless .ids-input[type=search]::-webkit-search-cancel-button,
.ids-cmsless .ids-input[type=search]::-webkit-search-results-button,
.ids-cmsless .ids-input[type=search]::-webkit-search-results-decoration {
    display: none
}

.ids-cmsless .ids-input option {
    color: var(--ids_color_action_neutral_variant);
    font: var(--ids_textStyle_f02_s16_h24_wrg)
}

.ids-cmsless .ids-input option:checked {
    font: var(--ids_textStyle_f02_s16_h24_wbd)
}

.ids-cmsless .ids-input option:disabled {
    color: var(--ids_color_action_disabled_variant)
}

.ids-cmsless textarea.ids-input {
    min-height: var(--ids_size_general_52x);
    resize: vertical
}

.ids-cmsless select.ids-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ids-cmsless input.ids-input:-moz-read-only,
.ids-cmsless textarea.ids-input:-moz-read-only {
    background-color: var(--ids_color_action_disabled_base);
    color: var(--ids_color_action_disabled_variant);
    resize: none
}

.ids-cmsless input.ids-input:read-only,
.ids-cmsless textarea.ids-input:read-only,
.ids-cmsless .ids-input:disabled {
    background-color: var(--ids_color_action_disabled_base);
    color: var(--ids_color_action_disabled_variant);
    resize: none
}

.ids-cmsless .ids-input:not(:disabled, :-moz-read-only):focus {
    --ids-input-border-color: var(--ids_color_action_primary_base);
    border-left: 0;
    border-right: 0;
    border-top: 0;
    box-shadow: inset 0 calc(var(--ids_size_border_small) * -1) var(--ids-input-border-color)
}

.ids-cmsless select.ids-input:not(:disabled):focus,
.ids-cmsless div.ids-input:not(:disabled):focus,
.ids-cmsless .ids-input:not(:disabled, :read-only):focus,
.ids-cmsless .ids-input.-focus {
    --ids-input-border-color: var(--ids_color_action_primary_base);
    border-left: 0;
    border-right: 0;
    border-top: 0;
    -webkit-box-shadow: inset 0 calc(var(--ids_size_border_small) * -1) var(--ids-input-border-color);
    box-shadow: inset 0 calc(var(--ids_size_border_small) * -1) var(--ids-input-border-color)
}

.ids-cmsless .ids-input--small {
    font: var(--ids_textStyle_f02_s16_h24_wrg);
    padding-bottom: calc(var(--ids_spacing_1x) + var(--ids_size_border_small));
    padding-top: var(--ids_spacing_1x)
}

.ids-cmsless .ids-input--large {
    font: var(--ids_textStyle_label_xlarge_bold)
}

.ids-cmsless .ids-input--center {
    text-align: center
}

@media(pointer: coarse) {
    .ids-cmsless .ids-input {
        overflow: hidden;
        resize: none
    }
}

.ids-cmsless .ids-slider {
    all: unset;
    all: revert;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    --slider-color-primary: var(--ids_color_action_primary_base);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    color: transparent;
    height: var(--ids_size_general_8x);
    outline-offset: var(--ids_size_general_3x);
    padding-bottom: calc(2.125rem + var(--ids_spacing_1x));
    padding-top: calc(var(--ids_size_general_24x) + var(--ids_spacing_2x));
    width: 100%
}

.ids-cmsless .ids-slider:focus-visible,
.ids-cmsless .ids-slider:focus.focus-visible {
    outline: 5px auto Highlight !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline: revert !important
}

.ids-cmsless .ids-slider::-moz-range-track {
    border-radius: calc(var(--ids_size_general_8x) / 2);
    height: var(--ids_size_general_8x);
    background-color: var(--ids_color_border_soft)
}

.ids-cmsless .ids-slider::-webkit-slider-runnable-track {
    border-radius: calc(var(--ids_size_general_8x) / 2);
    height: var(--ids_size_general_8x);
    background: radial-gradient(circle at calc(var(--slider-percent) - calc(var(--ids_size_general_8x) / 2)), var(--slider-color-primary) calc((var(--ids_size_general_8x) / 2) - 0.5px), transparent calc(var(--ids_size_general_8x) / 2)), -webkit-gradient(linear, left top, right top, from(var(--slider-color-primary)), color-stop(var(--slider-color-primary)), color-stop(var(--ids_color_border_soft)), to(var(--ids_color_border_soft)));
    background: radial-gradient(circle at calc(var(--slider-percent) - calc(var(--ids_size_general_8x) / 2)), var(--slider-color-primary) calc((var(--ids_size_general_8x) / 2) - 0.5px), transparent calc(var(--ids_size_general_8x) / 2)), linear-gradient(to right, var(--slider-color-primary) 0%, var(--slider-color-primary) calc(var(--slider-percent) - calc(var(--ids_size_general_8x) / 2)), var(--ids_color_border_soft) calc(var(--slider-percent) - calc(var(--ids_size_general_8x) / 2)), var(--ids_color_border_soft) 100%)
}

.ids-cmsless .ids-slider::-moz-range-progress {
    border-radius: calc(var(--ids_size_general_8x) / 2);
    height: var(--ids_size_general_8x);
    background-color: var(--slider-color-primary)
}

.ids-cmsless .ids-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--ids_color_action_primary_base);
    border: 0;
    cursor: pointer;
    height: 2.125rem;
    margin-top: calc(var(--ids_spacing_1x) + var(--ids_size_general_8x));
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg width="28" height="34" viewBox="0 0 28 34" fill="black" xmlns="http://www.w3.org/2000/svg"><path d="M28 19.9825C28 27.7241 21.7136 34 13.959 34C6.20439 34 0 27.7241 0 19.9825C0 11 6.99999 7.98663 14 0C21 7.98663 28 11 28 19.9825Z" /></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg width="28" height="34" viewBox="0 0 28 34" fill="black" xmlns="http://www.w3.org/2000/svg"><path d="M28 19.9825C28 27.7241 21.7136 34 13.959 34C6.20439 34 0 27.7241 0 19.9825C0 11 6.99999 7.98663 14 0C21 7.98663 28 11 28 19.9825Z" /></svg>');
    -webkit-transform: translateX(calc(var(--ids_size_general_28x) / -2)) translateX(var(--slider-percent));
    transform: translateX(calc(var(--ids_size_general_28x) / -2)) translateX(var(--slider-percent));
    -webkit-transition: box-shadow .2s linear;
    -webkit-transition: -webkit-box-shadow .2s linear;
    transition: -webkit-box-shadow .2s linear;
    transition: box-shadow .2s linear;
    transition: box-shadow .2s linear, -webkit-box-shadow .2s linear;
    width: var(--ids_size_general_28x)
}

.ids-cmsless .ids-slider::-moz-range-thumb {
    -moz-appearance: none;
    appearance: none;
    background-color: var(--ids_color_action_primary_base);
    border: 0;
    cursor: pointer;
    height: 2.125rem;
    margin-top: calc(var(--ids_spacing_1x) + var(--ids_size_general_8x));
    mask-image: url('data:image/svg+xml;utf8,<svg width="28" height="34" viewBox="0 0 28 34" fill="black" xmlns="http://www.w3.org/2000/svg"><path d="M28 19.9825C28 27.7241 21.7136 34 13.959 34C6.20439 34 0 27.7241 0 19.9825C0 11 6.99999 7.98663 14 0C21 7.98663 28 11 28 19.9825Z" /></svg>');
    transform: translateX(calc(var(--ids_size_general_28x) / -2)) translateX(var(--slider-percent));
    -moz-transition: box-shadow .2s linear;
    transition: box-shadow .2s linear;
    width: var(--ids_size_general_28x);
    transform: translateY(calc(0.8125rem + var(--ids_size_general_8x) + var(--ids_spacing_1x))) translateX(calc(var(--ids_size_general_28x) / -2)) translateX(var(--slider-percent))
}

.ids-cmsless .ids-slider:active::-webkit-slider-thumb,
.ids-cmsless .ids-slider:focus::-webkit-slider-thumb,
.ids-cmsless .ids-slider:hover::-webkit-slider-thumb {
    background-color: var(--ids_color_action_primary_variant);
    outline: 0
}

.ids-cmsless .ids-slider:active::-moz-range-thumb,
.ids-cmsless .ids-slider:focus::-moz-range-thumb,
.ids-cmsless .ids-slider:hover::-moz-range-thumb {
    background-color: var(--ids_color_action_primary_variant)
}

.ids-cmsless .ids-slider:disabled {
    --slider-color-primary: ids_color_action_disabled_variant;
    pointer-events: none
}

.ids-cmsless .ids-slider:disabled::-moz-range-thumb {
    box-shadow: none
}

.ids-cmsless .ids-slider:disabled::-webkit-slider-thumb {
    -webkit-box-shadow: none;
    box-shadow: none
}

.ids-cmsless .ids-slider:disabled:focus,
.ids-cmsless .ids-slider:disabled:active,
.ids-cmsless .ids-slider:disabled:hover {
    color: transparent
}

.ids-cmsless .ids-slider:disabled.ids-slider--light {
    opacity: .6
}

.ids-cmsless .ids-slider+.ids-slider-range {
    margin-top: calc(var(--ids_size_general_24x) * -1);
    -webkit-transform: translateY(calc(-1 * calc(calc(2.125rem + var(--ids_spacing_1x)) + var(--ids_size_general_8x)) - var(--ids_spacing_2x)));
    transform: translateY(calc(-1 * calc(calc(2.125rem + var(--ids_spacing_1x)) + var(--ids_size_general_8x)) - var(--ids_spacing_2x)))
}

.ids-cmsless .ids-tag {
    background-color: var(--ids_color_feedback_neutral);
    border: var(--ids_size_border_small) solid var(--ids_color_feedback_neutral);
    border-radius: var(--ids_size_cornerRadius_tags_01);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--ids_color_feedback_neutral_contrast);
    display: inline-block;
    font: var(--ids_textStyle_f02_s14_h20_wrg);
    min-height: var(--ids_size_general_20x);
    padding: var(--ids_size_general_1x) var(--ids_spacing_2x);
    vertical-align: baseline;
    white-space: nowrap
}

.ids-cmsless .ids-tag.-on-brand {
    background-color: var(--ids_color_contrast_onBrand_primary);
    border-color: var(--ids_color_contrast_onBrand_primary);
    color: var(--ids_color_feedback_neutral)
}

.ids-cmsless .ids-tag.-error {
    background-color: var(--ids_color_feedback_error);
    border-color: var(--ids_color_feedback_error);
    color: var(--ids_color_feedback_error_contrast)
}

.ids-cmsless .ids-tag.-warning {
    background-color: var(--ids_color_feedback_alert);
    border-color: var(--ids_color_feedback_alert);
    color: var(--ids_color_feedback_alert_contrast)
}

.ids-cmsless .ids-tag.-success {
    background-color: var(--ids_color_feedback_success);
    border-color: var(--ids_color_feedback_success);
    color: var(--ids_color_feedback_success_contrast)
}

.ids-cmsless .ids-tag.-outline {
    background-color: transparent;
    border-color: currentcolor;
    color: var(--ids_color_feedback_neutral)
}

.ids-cmsless .ids-tag.-outline.-on-brand {
    color: var(--ids_color_contrast_onBrand_primary)
}

.ids-cmsless .ids-tag.-outline.-error {
    color: var(--ids_color_feedback_error)
}

.ids-cmsless .ids-tag.-outline.-warning {
    color: var(--ids_color_feedback_alert)
}

.ids-cmsless .ids-tag.-outline.-success {
    color: var(--ids_color_feedback_success)
}

.ids-cmsless .ids-overlay {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 1001
}

.ids-cmsless .ids-backdrop {
    background-color: var(--ids_color_action_neutral_variant_medium);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw
}

.ids-cmsless .ids-backdrop.-no-bg {
    background-color: transparent;
    pointer-events: none
}

.ids-cmsless .ids-backdrop.-no-bg+* .ids-modal-wrapper {
    max-height: initial
}

.ids-cmsless .ids-backdrop.-no-bg+* .ids-modal-wrapper__container {
    padding: 0
}

.ids-cmsless .ids-animation-fade-in-start {
    opacity: 0
}

.ids-cmsless .ids-animation-fade-in-moderate-end {
    opacity: 1;
    -webkit-transition: opacity 200ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: opacity 200ms cubic-bezier(0.42, 0, 0.58, 1)
}

.ids-cmsless .ids-animation-fade-out-start {
    opacity: 1
}

.ids-cmsless .ids-animation-fade-out-moderate-output-end {
    opacity: 0;
    -webkit-transition: opacity 275ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: opacity 275ms cubic-bezier(0.42, 0, 0.58, 1)
}

.ids-cmsless .ids-animation-scale-x-down {
    -webkit-transform: scaleX(var(--ids-scale-x-down, 0));
    transform: scaleX(var(--ids-scale-x-down, 0))
}

.ids-cmsless .ids-animation-scale-x-up {
    -webkit-transform: scaleX(var(--ids-scale-x-up, 100%));
    transform: scaleX(var(--ids-scale-x-up, 100%))
}

.ids-cmsless .ids-animation-time-transform-slow {
    -webkit-transition: -webkit-transform 2000ms cubic-bezier(0, 0, 0.58, 1);
    transition: -webkit-transform 2000ms cubic-bezier(0, 0, 0.58, 1);
    transition: transform 2000ms cubic-bezier(0, 0, 0.58, 1);
    transition: transform 2000ms cubic-bezier(0, 0, 0.58, 1), -webkit-transform 2000ms cubic-bezier(0, 0, 0.58, 1)
}

.ids-cmsless .ids-animation-width-down {
    width: var(--ids-width-down, 0)
}

.ids-cmsless .ids-animation-width-up {
    width: var(--ids-width-up, 100%)
}

.ids-cmsless .ids-animation-time-width-slow {
    -webkit-transition: width 2000ms cubic-bezier(0, 0, 0.58, 1);
    transition: width 2000ms cubic-bezier(0, 0, 0.58, 1)
}

.ids-cmsless .ids-motion-none,
.ids-cmsless .ids-motion-none::before,
.ids-cmsless .ids-motion-none::after,
.ids-cmsless .ids-motion-none *,
.ids-cmsless .ids-motion-none *::before,
.ids-cmsless .ids-motion-none *::after {
    -webkit-animation: none !important;
    animation: none !important;
    -webkit-transition: none !important;
    transition: none !important
}

.ids-cmsless .ids-accordion {
    background-color: var(--ids_color_bg_base)
}

.ids-cmsless .ids-accordion__trigger {
    all: unset;
    all: revert;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    padding: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--ids_color_bg_base);
    border: 0;
    border-bottom: var(--ids_size_border_small) solid var(--ids_color_border_soft);
    color: var(--ids_color_text_body_01);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0;
    line-height: 1;
    outline-offset: var(--ids_size_general_1x);
    overflow: hidden;
    padding: var(--ids_spacing_4x) var(--ids_spacing_4x) var(--ids_spacing_3x) 0;
    width: 100%
}

.ids-cmsless .ids-accordion__trigger:focus-visible,
.ids-cmsless .ids-accordion__trigger:focus.focus-visible {
    outline: 5px auto Highlight !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline: revert !important
}

.ids-cmsless .ids-accordion__trigger:focus,
.ids-cmsless .ids-accordion__trigger:hover {
    background-color: var(--ids_color_action_neutral_base_soft)
}

.ids-cmsless .ids-accordion__header {
    color: var(--ids_color_action_neutral_variant);
    display: grid;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font: var(--ids_textStyle_f02_s16_h24_wrg);
    text-align: left
}

.ids-cmsless .ids-accordion__header>*:not(.ids-accordion__description) {
    font: inherit;
    font-weight: inherit
}

.ids-cmsless .ids-accordion__description {
    color: var(--ids_color_action_neutral_base);
    font: var(--ids_textStyle_f02_s14_h20_wrg)
}

.ids-cmsless .ids-accordion__toggle {
    -ms-flex-item-align: center;
    align-self: center;
    margin-left: var(--ids_spacing_3x);
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

.ids-cmsless .ids-accordion__content {
    opacity: 0;
    padding: var(--ids_size_general_24x) 0;
    -webkit-transform: translateY(-0.75rem);
    transform: translateY(-0.75rem);
    -webkit-transition: opacity 375ms linear, visibility 375ms linear, -webkit-transform 300ms 50ms cubic-bezier(0, 0, 0.58, 1);
    transition: opacity 375ms linear, visibility 375ms linear, -webkit-transform 300ms 50ms cubic-bezier(0, 0, 0.58, 1);
    transition: opacity 375ms linear, visibility 375ms linear, transform 300ms 50ms cubic-bezier(0, 0, 0.58, 1);
    transition: opacity 375ms linear, visibility 375ms linear, transform 300ms 50ms cubic-bezier(0, 0, 0.58, 1), -webkit-transform 300ms 50ms cubic-bezier(0, 0, 0.58, 1);
    visibility: hidden
}

.ids-cmsless .ids-accordion__body {
    font: var(--ids_textStyle_f02_s16_h24_wrg);
    max-height: 0;
    overflow-y: hidden;
    -webkit-transition-delay: 375ms;
    transition-delay: 375ms;
    -webkit-transition-property: max-height;
    transition-property: max-height
}

.ids-cmsless .ids-accordion--expanded .ids-accordion__toggle {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.ids-cmsless .ids-accordion--expanded .ids-accordion__content {
    opacity: 1;
    -webkit-transform: initial;
    transform: initial;
    -webkit-transition: opacity 350ms linear, visibility 350ms linear, -webkit-transform 300ms cubic-bezier(0.42, 0, 1, 1);
    transition: opacity 350ms linear, visibility 350ms linear, -webkit-transform 300ms cubic-bezier(0.42, 0, 1, 1);
    transition: opacity 350ms linear, visibility 350ms linear, transform 300ms cubic-bezier(0.42, 0, 1, 1);
    transition: opacity 350ms linear, visibility 350ms linear, transform 300ms cubic-bezier(0.42, 0, 1, 1), -webkit-transform 300ms cubic-bezier(0.42, 0, 1, 1);
    visibility: visible
}

.ids-cmsless .ids-accordion--expanded .ids-accordion__body {
    max-height: var(--ids-accordion-max-height);
    overflow-y: auto;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.ids-cmsless .ids-action-button,
.ids-cmsless :host.ids-action-button {
    all: unset;
    all: revert;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    padding: 0;
    gap: var(--ids_spacing_1x);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    border: 0;
    color: var(--ids_color_action_primary_base);
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font: var(--ids_textStyle_f02_s16_h24_wbd);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: var(--ids_size_general_48x);
    text-decoration: none
}

.ids-cmsless .ids-action-button:focus-visible,
.ids-cmsless .ids-action-button:focus.focus-visible,
.ids-cmsless :host.ids-action-button:focus-visible,
.ids-cmsless :host.ids-action-button:focus.focus-visible {
    outline: 5px auto Highlight !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline: revert !important
}

.ids-cmsless .js-no-flexbox-gap .ids-action-button,
.ids-cmsless .js-no-flexbox-gap :host.ids-action-button {
    white-space: pre
}

.ids-cmsless .ids-action-button--small,
.ids-cmsless :host.ids-action-button--small {
    font: var(--ids_textStyle_f02_s14_h20_wbd)
}

.ids-cmsless .ids-action-button--small .ids-icon,
.ids-cmsless :host.ids-action-button--small .ids-icon {
    font: var(--ids_textStyle_icon_small)
}

.ids-cmsless .ids-action-button--small ::ng-deep .ids-icon,
.ids-cmsless :host.ids-action-button--small ::ng-deep .ids-icon {
    font: var(--ids_textStyle_icon_small)
}

.ids-cmsless .ids-action-button:disabled,
.ids-cmsless .ids-action-button[aria-disabled=true],
.ids-cmsless :host.ids-action-button:disabled,
.ids-cmsless :host.ids-action-button[aria-disabled=true] {
    color: var(--ids_color_action_disabled_variant);
    cursor: not-allowed
}

@media(hover: hover)and (pointer: fine) {
    .ids-cmsless .ids-action-button:hover:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless .ids-action-button:focus-visible:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless :host.ids-action-button:hover:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless :host.ids-action-button:focus-visible:not(:disabled):not([aria-disabled=true]) {
        color: var(--ids_color_action_primary_variant)
    }
}

.ids-cmsless .ids-action-button:active:not(:disabled):not([aria-disabled=true]),
.ids-cmsless :host.ids-action-button:active:not(:disabled):not([aria-disabled=true]) {
    color: var(--ids_color_action_primary_variant)
}

.ids-cmsless .ids-action-button--neutral,
.ids-cmsless :host.ids-action-button--neutral {
    color: var(--ids_color_action_neutral_base)
}

@media(hover: hover)and (pointer: fine) {
    .ids-cmsless .ids-action-button--neutral:hover:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless .ids-action-button--neutral:focus-visible:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless :host.ids-action-button--neutral:hover:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless :host.ids-action-button--neutral:focus-visible:not(:disabled):not([aria-disabled=true]) {
        color: var(--ids_color_action_neutral_variant)
    }
}

.ids-cmsless .ids-action-button--neutral:active:not(:disabled):not([aria-disabled=true]),
.ids-cmsless :host.ids-action-button--neutral:active:not(:disabled):not([aria-disabled=true]) {
    color: var(--ids_color_action_neutral_variant)
}

.ids-cmsless .ids-action-button--secondary,
.ids-cmsless :host.ids-action-button--secondary {
    color: var(--ids_color_action_secondary_base)
}

@media(hover: hover)and (pointer: fine) {
    .ids-cmsless .ids-action-button--secondary:hover:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless .ids-action-button--secondary:focus-visible:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless :host.ids-action-button--secondary:hover:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless :host.ids-action-button--secondary:focus-visible:not(:disabled):not([aria-disabled=true]) {
        color: var(--ids_color_action_secondary_variant)
    }
}

.ids-cmsless .ids-action-button--secondary:active:not(:disabled):not([aria-disabled=true]),
.ids-cmsless :host.ids-action-button--secondary:active:not(:disabled):not([aria-disabled=true]) {
    color: var(--ids_color_action_secondary_variant)
}

.ids-cmsless .ids-action-button--on-brand,
.ids-cmsless :host.ids-action-button--on-brand {
    color: var(--ids_color_contrast_onBrand_primary)
}

.ids-cmsless .ids-action-button--on-brand:disabled,
.ids-cmsless .ids-action-button--on-brand[aria-disabled=true],
.ids-cmsless :host.ids-action-button--on-brand:disabled,
.ids-cmsless :host.ids-action-button--on-brand[aria-disabled=true] {
    color: var(--ids_color_contrast_onBrand_primary_medium)
}

@media(hover: hover)and (pointer: fine) {
    .ids-cmsless .ids-action-button--on-brand:hover:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless .ids-action-button--on-brand:focus-visible:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless :host.ids-action-button--on-brand:hover:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless :host.ids-action-button--on-brand:focus-visible:not(:disabled):not([aria-disabled=true]) {
        color: var(--ids_color_contrast_onBrand_primary_strong)
    }
}

.ids-cmsless .ids-action-button--on-brand:active:not(:disabled):not([aria-disabled=true]),
.ids-cmsless :host.ids-action-button--on-brand:active:not(:disabled):not([aria-disabled=true]) {
    color: var(--ids_color_contrast_onBrand_primary_strong)
}

.ids-cmsless .ids-animation-fade-in-start {
    opacity: 0
}

.ids-cmsless .ids-animation-fade-in-moderate-end {
    opacity: 1;
    -webkit-transition: opacity 200ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: opacity 200ms cubic-bezier(0.42, 0, 0.58, 1)
}

.ids-cmsless .ids-animation-fade-out-start {
    opacity: 1
}

.ids-cmsless .ids-animation-fade-out-moderate-output-end {
    opacity: 0;
    -webkit-transition: opacity 275ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: opacity 275ms cubic-bezier(0.42, 0, 0.58, 1)
}

.ids-cmsless .ids-animation-scale-x-down {
    -webkit-transform: scaleX(var(--ids-scale-x-down, 0));
    transform: scaleX(var(--ids-scale-x-down, 0))
}

.ids-cmsless .ids-animation-scale-x-up {
    -webkit-transform: scaleX(var(--ids-scale-x-up, 100%));
    transform: scaleX(var(--ids-scale-x-up, 100%))
}

.ids-cmsless .ids-animation-time-transform-slow {
    -webkit-transition: -webkit-transform 2000ms cubic-bezier(0, 0, 0.58, 1);
    transition: -webkit-transform 2000ms cubic-bezier(0, 0, 0.58, 1);
    transition: transform 2000ms cubic-bezier(0, 0, 0.58, 1);
    transition: transform 2000ms cubic-bezier(0, 0, 0.58, 1), -webkit-transform 2000ms cubic-bezier(0, 0, 0.58, 1)
}

.ids-cmsless .ids-animation-width-down {
    width: var(--ids-width-down, 0)
}

.ids-cmsless .ids-animation-width-up {
    width: var(--ids-width-up, 100%)
}

.ids-cmsless .ids-animation-time-width-slow {
    -webkit-transition: width 2000ms cubic-bezier(0, 0, 0.58, 1);
    transition: width 2000ms cubic-bezier(0, 0, 0.58, 1)
}

.ids-cmsless .ids-motion-none,
.ids-cmsless .ids-motion-none::before,
.ids-cmsless .ids-motion-none::after,
.ids-cmsless .ids-motion-none *,
.ids-cmsless .ids-motion-none *::before,
.ids-cmsless .ids-motion-none *::after {
    -webkit-animation: none !important;
    animation: none !important;
    -webkit-transition: none !important;
    transition: none !important
}

.ids-cmsless .ids-alert {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: var(--ids_color_bg_base);
    border: var(--ids_size_border_small) solid var(--ids_color_feedback_neutral);
    border-radius: var(--ids_size_cornerRadius_card_02);
    color: var(--ids_color_text_body_01);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font: var(--ids_textStyle_f02_s14_h20_wrg);
    overflow: hidden;
    -webkit-transition: opacity 200ms linear, -webkit-transform 200ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: opacity 200ms linear, -webkit-transform 200ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: transform 200ms cubic-bezier(0.42, 0, 0.58, 1), opacity 200ms linear;
    transition: transform 200ms cubic-bezier(0.42, 0, 0.58, 1), opacity 200ms linear, -webkit-transform 200ms cubic-bezier(0.42, 0, 0.58, 1);
    width: 100%
}

.ids-cmsless .ids-alert__content {
    padding: var(--ids_size_general_16x) 0 var(--ids_size_general_16x) var(--ids_size_general_16x);
    text-align: left;
    width: 100%
}

.ids-cmsless .ids-alert__content>p {
    font: var(--ids_textStyle_f02_s14_h20_wrg)
}

.ids-cmsless .ids-alert__icon {
    -ms-flex-item-align: center;
    align-self: center;
    font-size: 0;
    line-height: 1;
    padding-left: var(--ids_size_general_16x)
}

.ids-cmsless .ids-alert .ids-icon-button {
    border-radius: inherit
}

.ids-cmsless .ids-alert ::ng-deep .ids-icon-button {
    border-radius: inherit
}

.ids-cmsless .ids-alert__title {
    color: var(--ids_color_feedback_neutral);
    font: var(--ids_textStyle_f02_s14_h20_wbd)
}

.ids-cmsless .ids-alert--success {
    border-color: var(--ids_color_feedback_success)
}

.ids-cmsless .ids-alert--success .ids-alert__icon .ids-icon {
    color: var(--ids_color_feedback_success)
}

.ids-cmsless .ids-alert--error {
    border-color: var(--ids_color_feedback_error)
}

.ids-cmsless .ids-alert--error .ids-alert__icon .ids-icon {
    color: var(--ids_color_feedback_error)
}

.ids-cmsless .ids-alert--closing {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8)
}

.ids-cmsless :host(ids-alert) {
    display: block
}

.ids-cmsless .ids-avatar {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--ids_color_action_neutral_base);
    border: var(--ids_size_border_small) solid var(--ids_color_action_neutral_base);
    border-radius: 50%;
    color: var(--ids_color_action_neutral_contrast);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font: var(--ids_textStyle_f02_s14_h20_wrg);
    height: var(--ids_size_general_32x);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1;
    overflow: hidden;
    text-align: center;
    width: var(--ids_size_general_32x)
}

.ids-cmsless .ids-avatar--on-brand {
    background-color: var(--ids_color_bg_base);
    border-color: var(--ids_color_bg_base);
    color: var(--ids_color_action_neutral_base)
}

.ids-cmsless .ids-avatar__icon {
    font: var(--ids_textStyle_icon_small)
}

.ids-cmsless .ids-avatar__img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.ids-cmsless .ids-avatar--small {
    font: var(--ids_textStyle_f02_s12_h18_wrg);
    height: var(--ids_size_general_24x);
    width: var(--ids_size_general_24x)
}

.ids-cmsless .ids-avatar--small .ids-avatar__icon {
    font: var(--ids_textStyle_icon_small)
}

.ids-cmsless .ids-avatar--large {
    font: var(--ids_textStyle_f02_s20_h26_wrg);
    height: var(--ids_size_general_48x);
    width: var(--ids_size_general_48x)
}

.ids-cmsless .ids-avatar--large .ids-avatar__icon {
    font: var(--ids_textStyle_icon_medium)
}

.ids-cmsless .ids-avatar--xlarge {
    font: var(--ids_textStyle_f02_s24_h32_wrg);
    height: var(--ids_size_general_64x);
    width: var(--ids_size_general_64x)
}

.ids-cmsless .ids-avatar--xlarge .ids-avatar__icon {
    font: var(--ids_textStyle_icon_large)
}

.ids-cmsless .ids-avatar--credit-card-brand {
    background: none;
    border: none;
    border-radius: 0;
    color: var(--ids_color_action_neutral_base)
}

.ids-cmsless .ids-avatar--credit-card-brand .ids-avatar__icon {
    font: var(--ids_textStyle_icon_medium)
}

.ids-cmsless .ids-avatar--credit-card-brand .ids-avatar__img {
    -o-object-fit: scale-down;
    object-fit: scale-down
}

.ids-cmsless .ids-avatar--credit-card-brand.ids-avatar--on-brand .ids-avatar__icon {
    color: var(--ids_color_contrast_onBrand_primary)
}

.ids-cmsless .ids-avatar--credit-card-brand.ids-avatar--small .ids-avatar__icon {
    font: var(--ids_textStyle_icon_small)
}

.ids-cmsless .ids-avatar--credit-card-brand.ids-avatar--large .ids-avatar__icon {
    font: var(--ids_textStyle_icon_large)
}

.ids-cmsless .ids-avatar--credit-card-brand.ids-avatar--xlarge .ids-avatar__icon {
    font: var(--ids_textStyle_icon_xLarge)
}

.ids-cmsless .ids-bottom-sheet-backdrop {
    background-color: var(--ids_color_contrast_onLight_medium)
}

.ids-cmsless .ids-bottom-sheet {
    -webkit-transition: height 250ms ease-out;
    transition: height 250ms ease-out;
    width: 100%
}

.ids-cmsless .ids-bottom-sheet__content {
    background-color: var(--ids_color_bg_base);
    border-radius: var(--ids_size_general_16x) var(--ids_size_general_16x) 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.ids-cmsless .ids-bottom-sheet__toggle-indicator {
    all: unset;
    all: revert;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    padding: 0;
    background-color: var(--ids_color_action_neutral_base);
    border: none;
    border-radius: var(--ids_size_general_16x);
    cursor: pointer;
    display: block;
    height: var(--ids_size_general_5x);
    margin: var(--ids_size_general_8x) auto var(--ids_size_general_12x);
    outline-offset: var(--ids_size_general_3x);
    width: var(--ids_size_general_44x)
}

.ids-cmsless .ids-bottom-sheet__toggle-indicator:focus-visible,
.ids-cmsless .ids-bottom-sheet__toggle-indicator:focus.focus-visible {
    outline: 5px auto Highlight !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline: revert !important
}

.ids-cmsless .ids-bottom-sheet__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 var(--ids_size_general_8x) var(--ids_size_general_12x) var(--ids_size_general_24x)
}

.ids-cmsless .ids-bottom-sheet__presentation {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font: var(--ids_textStyle_f02_s16_h24_wrg);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ids-cmsless .ids-bottom-sheet__presentation>* {
    font: var(--ids_textStyle_f02_s16_h24_wrg)
}

.ids-cmsless .ids-bottom-sheet__footer {
    gap: var(--ids_size_general_16x);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: var(--ids_size_general_24x)
}

.ids-cmsless .js-no-flexbox-gap .ids-bottom-sheet__footer {
    margin: calc(var(--ids_size_general_16x) / -2) !important
}

.ids-cmsless .js-no-flexbox-gap .ids-bottom-sheet__footer>* {
    margin: calc(var(--ids_size_general_16x) / 2) !important
}

.ids-cmsless .ids-bottom-sheet__body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: auto;
    padding: 0 var(--ids_size_general_24x)
}

.ids-cmsless .ids-bottom-sheet__body:last-child {
    padding-bottom: var(--ids_size_general_24x)
}

.ids-cmsless .ids-bottom-sheet__body--suspended-footer::after {
    content: "";
    display: block;
    height: var(--ids_size_general_96x)
}

.ids-cmsless .ids-bottom-sheet__body--suspended-footer+.ids-bottom-sheet__footer {
    background-color: var(--ids_color_bg_base);
    bottom: 0;
    outline: var(--ids_size_border_small) solid var(--ids_color_action_disabled_base);
    position: fixed;
    width: 100%
}

.ids-cmsless .ids-brand {
    background-color: #fff;
    border-radius: var(--ids_size_cornerRadius_button);
    max-height: var(--ids_size_general_32x);
    max-width: var(--ids_size_general_32x);
    padding: var(--ids_spacing_1x);
    width: 100%
}

.ids-cmsless .ids-brand.-small {
    max-height: var(--ids_size_general_24x);
    max-width: var(--ids_size_general_24x);
    padding: var(--ids_size_general_3x)
}

.ids-cmsless .ids-brand.-large {
    max-height: var(--ids_size_general_56x);
    max-width: var(--ids_size_general_56x);
    padding: var(--ids_spacing_2x)
}

.ids-cmsless .ids-brand.-xlarge {
    max-height: var(--ids_size_general_64x);
    max-width: var(--ids_size_general_64x);
    padding: calc(var(--ids_spacing_2x) + var(--ids_size_general_1x))
}

.ids-cmsless .ids-brand.-horizontal {
    max-width: var(--ids_size_general_96x);
    padding-left: var(--ids_spacing_2x);
    padding-right: var(--ids_spacing_2x)
}

.ids-cmsless .ids-brand.-horizontal.-small {
    max-width: var(--ids_size_general_72x);
    padding-left: var(--ids_size_general_6x);
    padding-right: var(--ids_size_general_6x)
}

.ids-cmsless .ids-brand.-horizontal.-large {
    max-width: calc(2 * var(--ids_size_general_84x));
    padding-left: var(--ids_spacing_4x);
    padding-right: var(--ids_spacing_4x)
}

.ids-cmsless .ids-brand.-horizontal.-xlarge {
    max-width: 192px;
    padding-left: var(--ids_size_general_18x);
    padding-right: var(--ids_size_general_18x)
}

.ids-cmsless .ids-checkbox {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--ids_color_action_neutral_base);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 0;
    min-height: var(--ids_size_general_48x);
    min-width: var(--ids_size_general_48x);
    position: relative
}

.ids-cmsless .ids-checkbox__input {
    all: unset;
    all: revert;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    appearance: none;
    background-color: transparent;
    border-radius: 0;
    cursor: pointer;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.ids-cmsless .ids-checkbox__input:focus-visible,
.ids-cmsless .ids-checkbox__input:focus.focus-visible {
    outline: 5px auto Highlight !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline: revert !important
}

.ids-cmsless .ids-checkbox__input:disabled {
    cursor: not-allowed
}

.ids-cmsless .ids-checkbox__icon::before {
    content: "checkbox_vazio"
}

.ids-cmsless .ids-checkbox__input:indeterminate+.ids-checkbox__icon::before {
    content: "checkbox_indeterminado"
}

.ids-cmsless .ids-checkbox--invalid .ids-checkbox__icon {
    color: var(--ids_color_feedback_error)
}

.ids-cmsless .ids-checkbox__input[aria-invalid=true]+.ids-checkbox__icon {
    color: var(--ids_color_feedback_error)
}

.ids-cmsless .ids-checkbox__input:disabled+.ids-checkbox__icon {
    color: var(--ids_color_action_disabled_variant)
}

.ids-cmsless .ids-checkbox__input:checked+.ids-checkbox__icon::before {
    content: "checkbox"
}

.ids-cmsless .ids-checkbox__input:not(:disabled):hover+.ids-checkbox__icon {
    color: var(--ids_color_action_neutral_variant)
}

.ids-cmsless .ids-checkbox__input:indeterminate:not(:disabled)+.ids-checkbox__icon,
.ids-cmsless .ids-checkbox__input:checked:not(:disabled)+.ids-checkbox__icon {
    color: var(--ids_color_action_primary_base)
}

.ids-cmsless .ids-checkbox__input:indeterminate:not(:disabled):hover+.ids-checkbox__icon,
.ids-cmsless .ids-checkbox__input:checked:not(:disabled):hover+.ids-checkbox__icon {
    color: var(--ids_color_action_primary_variant)
}

.ids-cmsless .ids-chip {
    all: unset;
    all: revert;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    position: relative
}

.ids-cmsless .ids-chip .ids-icon {
    color: inherit
}

.ids-cmsless .ids-chip .ids-number-badge {
    pointer-events: none
}

.ids-cmsless .ids-chip__content {
    gap: var(--ids_size_general_8x);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: var(--ids_size_border_small) solid var(--ids_color_action_secondary_base);
    border-radius: var(--ids_size_cornerRadius_tags_02);
    color: var(--ids_color_action_secondary_base);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font: var(--ids_textStyle_f02_s14_h20_wrg);
    height: 100%;
    min-height: var(--ids_size_general_32x);
    padding: 0 var(--ids_size_general_16x);
    -webkit-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.ids-cmsless .js-no-flexbox-gap .ids-chip__content>* {
    margin: calc(var(--ids_size_general_8x) / 2)
}

.ids-cmsless .js-no-flexbox-gap .ids-chip__content>*:first-child {
    margin-left: 0
}

.ids-cmsless .js-no-flexbox-gap .ids-chip__content>*:last-child {
    margin-right: 0
}

.ids-cmsless .ids-chip__icon {
    margin-left: var(--ids_size_general_12x);
    pointer-events: none
}

.ids-cmsless .ids-chip__label {
    font: var(--ids_textStyle_f02_s14_h20_wrg);
    line-height: var(--ids_size_general_20x);
    -webkit-transition: color 200ms linear;
    transition: color 200ms linear
}

.ids-cmsless .ids-chip__input {
    all: unset;
    all: revert;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    border-radius: var(--ids_size_cornerRadius_tags_02);
    cursor: pointer;
    height: 100%;
    outline-offset: var(--ids_size_general_2x);
    position: absolute;
    width: 100%
}

.ids-cmsless .ids-chip__input:focus-visible,
.ids-cmsless .ids-chip__input:focus.focus-visible {
    outline: 5px auto Highlight !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline: revert !important
}

@media(hover: hover)and (pointer: fine) {
    .ids-cmsless .ids-chip__input:hover:not(:disabled):not([aria-disabled=true])+.ids-chip__content,
    .ids-cmsless .ids-chip__input:focus-visible:not(:disabled):not([aria-disabled=true])+.ids-chip__content {
        background-color: var(--ids_color_action_secondary_base_soft);
        border-color: var(--ids_color_action_secondary_variant);
        color: var(--ids_color_action_secondary_variant)
    }
}

.ids-cmsless .ids-chip__input:active:not(:disabled):not([aria-disabled=true])+.ids-chip__content {
    background-color: var(--ids_color_action_secondary_base_soft);
    border-color: var(--ids_color_action_secondary_variant);
    color: var(--ids_color_action_secondary_variant)
}

.ids-cmsless .ids-chip__input:checked+.ids-chip__content {
    background-color: var(--ids_color_action_secondary_base);
    border-color: var(--ids_color_action_secondary_variant);
    color: var(--ids_color_action_secondary_contrast)
}

@media(hover: hover)and (pointer: fine) {
    .ids-cmsless .ids-chip__input:checked:hover:not(:disabled):not([aria-disabled=true])+.ids-chip__content,
    .ids-cmsless .ids-chip__input:checked:focus-visible:not(:disabled):not([aria-disabled=true])+.ids-chip__content {
        background-color: var(--ids_color_action_secondary_variant);
        border-color: var(--ids_color_action_secondary_variant);
        color: var(--ids_color_action_secondary_contrast)
    }
}

.ids-cmsless .ids-chip__input:checked:active:not(:disabled):not([aria-disabled=true])+.ids-chip__content {
    background-color: var(--ids_color_action_secondary_variant);
    border-color: var(--ids_color_action_secondary_variant);
    color: var(--ids_color_action_secondary_contrast)
}

.ids-cmsless .ids-chip__input:disabled {
    cursor: not-allowed
}

.ids-cmsless .ids-chip__input:disabled+.ids-chip__content {
    background-color: transparent;
    border-color: var(--ids_color_action_disabled_base);
    color: var(--ids_color_action_disabled_variant)
}

.ids-cmsless .ids-chip--on-brand .ids-chip__input+.ids-chip__content {
    background-color: transparent;
    border: var(--ids_size_border_small) solid var(--ids_color_contrast_onBrand_primary);
    color: var(--ids_color_contrast_onBrand_primary)
}

@media(hover: hover)and (pointer: fine) {
    .ids-cmsless .ids-chip--on-brand .ids-chip__input:hover:not(:disabled):not([aria-disabled=true])+.ids-chip__content,
    .ids-cmsless .ids-chip--on-brand .ids-chip__input:focus-visible:not(:disabled):not([aria-disabled=true])+.ids-chip__content {
        background-color: var(--ids_color_contrast_onBrand_primary_soft);
        border: var(--ids_size_border_small) solid var(--ids_color_contrast_onBrand_primary);
        color: var(--ids_color_contrast_onBrand_primary)
    }
}

.ids-cmsless .ids-chip--on-brand .ids-chip__input:active:not(:disabled):not([aria-disabled=true])+.ids-chip__content {
    background-color: var(--ids_color_contrast_onBrand_primary_soft);
    border: var(--ids_size_border_small) solid var(--ids_color_contrast_onBrand_primary);
    color: var(--ids_color_contrast_onBrand_primary)
}

.ids-cmsless .ids-chip--on-brand .ids-chip__input:checked+.ids-chip__content {
    background-color: var(--ids_color_contrast_onBrand_primary);
    border-color: var(--ids_color_contrast_onBrand_primary);
    color: var(--ids_color_action_secondary_base)
}

@media(hover: hover)and (pointer: fine) {
    .ids-cmsless .ids-chip--on-brand .ids-chip__input:checked:hover:not(:disabled):not([aria-disabled=true])+.ids-chip__content,
    .ids-cmsless .ids-chip--on-brand .ids-chip__input:checked:focus-visible:not(:disabled):not([aria-disabled=true])+.ids-chip__content {
        background-color: var(--ids_color_contrast_onBrand_primary_strong);
        border-color: var(--ids_color_contrast_onBrand_primary);
        color: var(--ids_color_action_secondary_base)
    }
}

.ids-cmsless .ids-chip--on-brand .ids-chip__input:checked:active:not(:disabled):not([aria-disabled=true])+.ids-chip__content {
    background-color: var(--ids_color_contrast_onBrand_primary_strong);
    border-color: var(--ids_color_contrast_onBrand_primary);
    color: var(--ids_color_action_secondary_base)
}

.ids-cmsless .ids-chip--on-brand .ids-chip__input:disabled+.ids-chip__content {
    border-color: var(--ids_color_contrast_onBrand_primary_medium);
    color: var(--ids_color_contrast_onBrand_primary_medium)
}

.ids-cmsless .ids-chips__legend {
    font: var(--ids_textStyle_f02_s16_h24_wrg);
    margin-bottom: var(--ids_size_general_8x)
}

.ids-cmsless .ids-chips__options {
    gap: var(--ids_size_general_8x);
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ids-cmsless .js-no-flexbox-gap .ids-chips__options {
    margin: calc(var(--ids_size_general_8x) / -2) !important
}

.ids-cmsless .js-no-flexbox-gap .ids-chips__options>* {
    margin: calc(var(--ids_size_general_8x) / 2) !important
}

.ids-cmsless .ids-chips--on-brand {
    color: var(--ids_color_contrast_onBrand_primary)
}

.ids-cmsless .ids-contextual-button,
.ids-cmsless :host.ids-contextual-button {
    all: unset;
    all: revert;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    padding: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    border: currentcolor solid var(--ids_size_border_small);
    border-radius: var(--ids_size_cornerRadius_button);
    color: var(--ids_color_action_secondary_base);
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font: var(--ids_textStyle_f02_s14_h20_wbd);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: var(--ids_size_general_32x);
    outline-offset: var(--ids_size_general_4x);
    padding: var(--ids_size_general_5x) var(--ids_size_general_16x);
    text-align: center;
    text-decoration: none
}

.ids-cmsless .ids-contextual-button:focus-visible,
.ids-cmsless .ids-contextual-button:focus.focus-visible,
.ids-cmsless :host.ids-contextual-button:focus-visible,
.ids-cmsless :host.ids-contextual-button:focus.focus-visible {
    outline: 5px auto Highlight !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline: revert !important
}

.ids-cmsless .ids-contextual-button:disabled,
.ids-cmsless .ids-contextual-button[aria-disabled=true],
.ids-cmsless :host.ids-contextual-button:disabled,
.ids-cmsless :host.ids-contextual-button[aria-disabled=true] {
    border-color: var(--ids_color_action_disabled_base);
    color: var(--ids_color_action_disabled_variant);
    cursor: not-allowed
}

@media(hover: hover)and (pointer: fine) {
    .ids-cmsless .ids-contextual-button:hover:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless .ids-contextual-button:focus-visible:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless :host.ids-contextual-button:hover:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless :host.ids-contextual-button:focus-visible:not(:disabled):not([aria-disabled=true]) {
        background-color: var(--ids_color_action_secondary_base_soft);
        color: var(--ids_color_action_secondary_variant)
    }
}

.ids-cmsless .ids-contextual-button:active:not(:disabled):not([aria-disabled=true]),
.ids-cmsless :host.ids-contextual-button:active:not(:disabled):not([aria-disabled=true]) {
    background-color: var(--ids_color_action_secondary_base_soft);
    color: var(--ids_color_action_secondary_variant)
}

.ids-cmsless .ids-contextual-button--on-brand,
.ids-cmsless :host.ids-contextual-button--on-brand {
    color: var(--ids_color_contrast_onBrand_primary)
}

.ids-cmsless .ids-contextual-button--on-brand:disabled,
.ids-cmsless .ids-contextual-button--on-brand[aria-disabled=true],
.ids-cmsless :host.ids-contextual-button--on-brand:disabled,
.ids-cmsless :host.ids-contextual-button--on-brand[aria-disabled=true] {
    border-color: var(--ids_color_contrast_onBrand_primary_medium);
    color: var(--ids_color_contrast_onBrand_primary_medium)
}

@media(hover: hover)and (pointer: fine) {
    .ids-cmsless .ids-contextual-button--on-brand:hover:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless .ids-contextual-button--on-brand:focus-visible:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless :host.ids-contextual-button--on-brand:hover:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless :host.ids-contextual-button--on-brand:focus-visible:not(:disabled):not([aria-disabled=true]) {
        background-color: var(--ids_color_contrast_onBrand_primary_soft);
        color: var(--ids_color_contrast_onBrand_primary)
    }
}

.ids-cmsless .ids-contextual-button--on-brand:active:not(:disabled):not([aria-disabled=true]),
.ids-cmsless :host.ids-contextual-button--on-brand:active:not(:disabled):not([aria-disabled=true]) {
    background-color: var(--ids_color_contrast_onBrand_primary_soft);
    color: var(--ids_color_contrast_onBrand_primary)
}

.ids-cmsless .ids-directional-button,
.ids-cmsless :host.ids-directional-button {
    all: unset;
    all: revert;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    padding: 0;
    gap: var(--ids_spacing_1x);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    border: 0;
    color: var(--ids_color_action_primary_base);
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font: var(--ids_textStyle_f02_s16_h24_wbd);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: var(--ids_size_general_48x);
    text-align: center;
    text-decoration: none
}

.ids-cmsless .ids-directional-button:focus-visible,
.ids-cmsless .ids-directional-button:focus.focus-visible,
.ids-cmsless :host.ids-directional-button:focus-visible,
.ids-cmsless :host.ids-directional-button:focus.focus-visible {
    outline: 5px auto Highlight !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline: revert !important
}

.ids-cmsless .js-no-flexbox-gap .ids-directional-button,
.ids-cmsless .js-no-flexbox-gap :host.ids-directional-button {
    white-space: pre
}

.ids-cmsless .ids-directional-button--small,
.ids-cmsless :host.ids-directional-button--small {
    font: var(--ids_textStyle_f02_s14_h20_wrg)
}

.ids-cmsless .ids-directional-button:disabled,
.ids-cmsless .ids-directional-button[aria-disabled=true],
.ids-cmsless :host.ids-directional-button:disabled,
.ids-cmsless :host.ids-directional-button[aria-disabled=true] {
    color: var(--ids_color_action_disabled_variant);
    cursor: not-allowed
}

@media(hover: hover)and (pointer: fine) {
    .ids-cmsless .ids-directional-button:hover:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless .ids-directional-button:focus-visible:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless :host.ids-directional-button:hover:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless :host.ids-directional-button:focus-visible:not(:disabled):not([aria-disabled=true]) {
        color: var(--ids_color_action_primary_variant)
    }
}

.ids-cmsless .ids-directional-button:active:not(:disabled):not([aria-disabled=true]),
.ids-cmsless :host.ids-directional-button:active:not(:disabled):not([aria-disabled=true]) {
    color: var(--ids_color_action_primary_variant)
}

.ids-cmsless .ids-directional-button--neutral,
.ids-cmsless :host.ids-directional-button--neutral {
    color: var(--ids_color_action_neutral_base)
}

@media(hover: hover)and (pointer: fine) {
    .ids-cmsless .ids-directional-button--neutral:hover:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless .ids-directional-button--neutral:focus-visible:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless :host.ids-directional-button--neutral:hover:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless :host.ids-directional-button--neutral:focus-visible:not(:disabled):not([aria-disabled=true]) {
        color: var(--ids_color_action_neutral_variant)
    }
}

.ids-cmsless .ids-directional-button--neutral:active:not(:disabled):not([aria-disabled=true]),
.ids-cmsless :host.ids-directional-button--neutral:active:not(:disabled):not([aria-disabled=true]) {
    color: var(--ids_color_action_neutral_variant)
}

.ids-cmsless .ids-directional-button--secondary,
.ids-cmsless :host.ids-directional-button--secondary {
    color: var(--ids_color_action_secondary_base)
}

@media(hover: hover)and (pointer: fine) {
    .ids-cmsless .ids-directional-button--secondary:hover:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless .ids-directional-button--secondary:focus-visible:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless :host.ids-directional-button--secondary:hover:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless :host.ids-directional-button--secondary:focus-visible:not(:disabled):not([aria-disabled=true]) {
        color: var(--ids_color_action_secondary_variant)
    }
}

.ids-cmsless .ids-directional-button--secondary:active:not(:disabled):not([aria-disabled=true]),
.ids-cmsless :host.ids-directional-button--secondary:active:not(:disabled):not([aria-disabled=true]) {
    color: var(--ids_color_action_secondary_variant)
}

.ids-cmsless .ids-directional-button--on-brand,
.ids-cmsless :host.ids-directional-button--on-brand {
    color: var(--ids_color_contrast_onBrand_primary)
}

.ids-cmsless .ids-directional-button--on-brand:disabled,
.ids-cmsless .ids-directional-button--on-brand[aria-disabled=true],
.ids-cmsless :host.ids-directional-button--on-brand:disabled,
.ids-cmsless :host.ids-directional-button--on-brand[aria-disabled=true] {
    color: var(--ids_color_contrast_onBrand_primary_medium)
}

@media(hover: hover)and (pointer: fine) {
    .ids-cmsless .ids-directional-button--on-brand:hover:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless .ids-directional-button--on-brand:focus-visible:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless :host.ids-directional-button--on-brand:hover:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless :host.ids-directional-button--on-brand:focus-visible:not(:disabled):not([aria-disabled=true]) {
        color: var(--ids_color_contrast_onBrand_primary_strong)
    }
}

.ids-cmsless .ids-directional-button--on-brand:active:not(:disabled):not([aria-disabled=true]),
.ids-cmsless :host.ids-directional-button--on-brand:active:not(:disabled):not([aria-disabled=true]) {
    color: var(--ids_color_contrast_onBrand_primary_strong)
}

.ids-cmsless .ids-form-field {
    all: unset;
    all: revert;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    --ids-form-field-text-width: 0rem;
    --ids-form-field-prefix-width: 0rem;
    --ids-form-field-suffix-width: 0rem;
    --ids-form-field-container-gap: 0rem;
    --ids-form-field-input-padding-right: calc(var(--ids-form-field-suffix-width) + var(--ids-form-field-container-gap));
    --ids-form-field-label-lines: 1;
    --ids-form-field-label-min-height: calc(var(--ids-form-field-label-lines) * 1.25rem + 0.6875rem);
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    border-radius: var(--ids_size_cornerRadius_tooltip) var(--ids_size_cornerRadius_tooltip) 0 0;
    display: grid;
    gap: var(--ids_spacing_1x);
    min-height: calc(3.6875rem + var(--ids-form-field-label-min-height));
    outline-offset: var(--ids_size_general_3x);
    overflow: hidden;
    width: 100%
}

.ids-cmsless .ids-form-field .ids-input {
    outline: 0;
    padding-left: var(--ids_spacing_2x);
    padding-right: var(--ids-form-field-input-padding-right)
}

.ids-cmsless .ids-form-field .ids-form-message {
    padding-left: var(--ids_spacing_2x)
}

.ids-cmsless .ids-form-field__container {
    all: unset;
    all: revert;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    border-radius: var(--ids_size_cornerRadius_tooltip) var(--ids_size_cornerRadius_tooltip) 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: calc(2.1875rem + var(--ids-form-field-label-min-height));
    position: relative
}

.ids-cmsless .ids-form-field__container::before {
    content: initial
}

.ids-cmsless .ids-form-field__label {
    all: unset;
    all: revert;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    bottom: .375rem;
    color: var(--ids_color_action_neutral_base);
    display: block;
    font: var(--ids_textStyle_f02_s14_h20_wrg);
    min-height: var(--ids-form-field-label-min-height);
    padding: var(--ids_size_general_8x) var(--ids-form-field-input-padding-right) .1875rem var(--ids_spacing_2x);
    pointer-events: none;
    position: absolute;
    text-align: start;
    -webkit-transition: bottom 250ms ease;
    transition: bottom 250ms ease;
    width: 100%;
    z-index: 1
}

.ids-cmsless .ids-form-field__prefix {
    all: unset;
    all: revert;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    bottom: .8125rem;
    color: var(--ids_color_action_neutral_base);
    font: var(--ids_textStyle_f02_s16_h24_wrg);
    left: var(--ids_spacing_2x);
    line-height: 1;
    pointer-events: none;
    position: absolute
}

.ids-cmsless .ids-form-field__prefix+.ids-input {
    padding-left: calc(var(--ids_size_general_8x) + var(--ids-form-field-prefix-width) + var(--ids_size_general_4x))
}

.ids-cmsless .ids-form-field__suffix {
    all: unset;
    all: revert;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    bottom: .625rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    line-height: 1;
    pointer-events: none;
    position: absolute;
    right: 0
}

.ids-cmsless button.ids-form-field__suffix {
    pointer-events: initial
}

.ids-cmsless .ids-form-field__suffix:has(button) {
    pointer-events: initial
}

.ids-cmsless .ids-form-field__content {
    all: unset;
    all: revert;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    border-radius: var(--ids_size_cornerRadius_tooltip) var(--ids_size_cornerRadius_tooltip) 0 0;
    display: grid;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: calc(2.1875rem + var(--ids-form-field-label-min-height));
    padding-top: calc(var(--ids-form-field-label-min-height) + var(--ids_size_general_8x))
}

.ids-cmsless .ids-form-field__status-message {
    all: unset;
    all: revert;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: var(--ids_color_action_neutral_base);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font: var(--ids_textStyle_f02_s14_h20_wrg);
    min-height: 1.25rem
}

.ids-cmsless .ids-form-field--suffix {
    --ids-form-field-container-gap: var(--ids_spacing_2x);
    --ids-form-field-suffix-width: var(--ids_size_general_24x)
}

.ids-cmsless .ids-form-field--button-suffix {
    --ids-form-field-suffix-width: var(--ids_size_general_48x)
}

.ids-cmsless .ids-form-field--button-suffix .ids-form-field__suffix {
    bottom: 0;
    pointer-events: initial;
    right: var(--ids_size_general_1x)
}

.ids-cmsless .ids-form-field--large .ids-form-field__label {
    font: var(--ids_textStyle_f02_s14_h20_wrg)
}

.ids-cmsless .ids-form-field--large .ids-input {
    font: var(--ids_textStyle_f02_s24_h32_wbd)
}

.ids-cmsless .ids-form-field--center {
    text-align: center
}

.ids-cmsless .ids-form-field--center .ids-form-field__container,
.ids-cmsless .ids-form-field--center .ids-form-field__content,
.ids-cmsless .ids-form-field--center .ids-form-field__status-message {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ids-cmsless .ids-form-field--center .ids-form-field__content {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    max-width: 100%;
    position: relative;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content
}

.ids-cmsless .ids-form-field--center .ids-form-field__label,
.ids-cmsless .ids-form-field--center .ids-input {
    text-align: center
}

.ids-cmsless .ids-form-field--center .ids-form-field__label {
    padding-left: 0;
    padding-right: 0
}

.ids-cmsless .ids-form-field--center .ids-input {
    min-width: 2.5rem;
    padding-right: calc(var(--ids_size_general_8x) + var(--ids-form-field-suffix-width));
    width: calc(var(--ids-form-field-text-width) + var(--ids_size_general_16x) + var(--ids-form-field-prefix-width) + var(--ids_size_general_4x) + var(--ids-form-field-suffix-width))
}

.ids-cmsless .ids-form-field--center.ids-form-field--large .ids-form-field__prefix {
    bottom: .5rem;
    font: var(--ids_textStyle_f02_s16_h24_wrg)
}

.ids-cmsless .ids-form-field--center.ids-form-field--large .ids-input {
    font: var(--ids_textStyle_f02_s32_h48_wrg);
    padding-bottom: 0
}

.ids-cmsless .ids-form-field--focus:not(.ids-form-field--disabled) .ids-form-field__label {
    bottom: calc(100% - var(--ids-form-field-label-min-height) - var(--ids_size_general_8x));
    pointer-events: initial;
    -webkit-transition: bottom 175ms ease;
    transition: bottom 175ms ease
}

.ids-cmsless .ids-form-field--value .ids-form-field__label {
    bottom: calc(100% - var(--ids-form-field-label-min-height) - var(--ids_size_general_8x));
    pointer-events: initial;
    -webkit-transition: bottom 175ms ease;
    transition: bottom 175ms ease
}

.ids-cmsless .ids-form-field--placeholder .ids-form-field__label {
    bottom: calc(100% - var(--ids-form-field-label-min-height) - var(--ids_size_general_8x));
    pointer-events: initial;
    -webkit-transition: bottom 175ms ease;
    transition: bottom 175ms ease
}

.ids-cmsless .ids-form-field--visible-focus:not(.ids-form-field--disabled) {
    outline: 5px auto Highlight;
    outline: 5px auto -webkit-focus-ring-color
}

.ids-cmsless .ids-form-field--disabled:not(.ids-form-field--center) .ids-form-field__container {
    background-color: var(--ids_color_action_disabled_base)
}

.ids-cmsless .ids-form-field--disabled .ids-input {
    background: inherit
}

.ids-cmsless .ids-form-field--disabled .ids-icon,
.ids-cmsless .ids-form-field--disabled .ids-form-field__label,
.ids-cmsless .ids-form-field--disabled .ids-form-field__suffix,
.ids-cmsless .ids-form-field--disabled .ids-form-field__prefix,
.ids-cmsless .ids-form-field--disabled .ids-form-field__status-message,
.ids-cmsless .ids-form-field--disabled .ids-form-field__status-message .ids-form-message {
    color: var(--ids_color_action_disabled_variant)
}

.ids-cmsless .ids-form-field--error .ids-form-field__label {
    color: var(--ids_color_feedback_error)
}

.ids-cmsless .ids-form-field--error .ids-input:not(:-moz-read-only:where(input,
textarea),
 :disabled):focus {
    --ids-input-border-color: var(--ids_color_feedback_error);
    caret-color: var(--ids-input-border-color)
}

.ids-cmsless .ids-form-field--error .ids-input,
.ids-cmsless .ids-form-field--error .ids-input:not(:read-only:where(input,
textarea),
 :disabled):focus {
    --ids-input-border-color: var(--ids_color_feedback_error);
    caret-color: var(--ids-input-border-color)
}

.ids-cmsless .ids-form-field--no-message {
    min-height: 3.8125rem
}

.ids-cmsless .ids-form-field--no-border .ids-input {
    border-bottom: 0
}

.ids-cmsless .ids-form-field--no-border .ids-input:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.ids-cmsless .ids-form-field--no-border .ids-input[aria-expanded=true] {
    -webkit-box-shadow: 0 0 .125rem 0 rgba(86, 80, 76, .16), 0 .125rem .5rem 0 rgba(86, 80, 76, .16);
    box-shadow: 0 0 .125rem 0 rgba(86, 80, 76, .16), 0 .125rem .5rem 0 rgba(86, 80, 76, .16)
}

.ids-cmsless .ids-form-field--no-label {
    min-height: initial
}

.ids-cmsless .ids-form-field--no-label .ids-input {
    padding-top: var(--ids_size_general_1x)
}

.ids-cmsless .ids-form-field--no-label .ids-form-field__content {
    padding-top: 0
}

.ids-cmsless .ids-form-field--no-label .ids-form-field__content,
.ids-cmsless .ids-form-field--no-label .ids-form-field__container {
    min-height: 2.25rem
}

.ids-cmsless .ids-form-field--no-label.ids-form-field--no-message:not(.ids-form-field--no-border) {
    min-height: 3rem;
    padding-bottom: var(--ids_size_general_6x)
}

.ids-cmsless .ids-form-field--no-label.ids-form-field--no-message:not(.ids-form-field--no-border) .ids-input {
    padding-top: .4375rem
}

.ids-cmsless .ids-form-field--no-label.ids-form-field--no-border .ids-input {
    padding-bottom: var(--ids_size_general_12x);
    padding-top: var(--ids_size_general_12x)
}

.ids-cmsless .ids-form-field--no-label.ids-form-field--no-border .ids-form-field__suffix {
    bottom: var(--ids_size_general_12x)
}

.ids-cmsless .ids-form-field--no-label.ids-form-field--no-border .ids-form-field__content,
.ids-cmsless .ids-form-field--no-label.ids-form-field--no-border .ids-form-field__container {
    min-height: 3rem
}

.ids-cmsless .ids-form-selector-legend {
    color: var(--ids_color_action_neutral_base);
    font: var(--ids_textStyle_f02_s14_h20_wrg)
}

.ids-cmsless .ids-form-message {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--ids_color_action_neutral_base);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font: var(--ids_textStyle_f02_s14_h20_wrg);
    margin-right: var(--ids_spacing_2x)
}

.ids-cmsless .ids-form-message .ids-icon {
    margin-right: var(--ids_size_general_4x);
    margin-top: var(--ids_size_general_1x)
}

.ids-cmsless .ids-form-message--error {
    color: var(--ids_color_feedback_error)
}

.ids-cmsless .ids-form-message--disabled {
    color: var(--ids_color_action_disabled_variant)
}

.ids-cmsless .ids-form-message--hidden {
    display: none
}

.ids-cmsless .ids-form-message--on-brand {
    color: var(--ids_color_contrast_onBrand_primary)
}

.ids-cmsless .ids-form-message--on-brand.ids-form-message--disabled {
    color: var(--ids_color_contrast_onBrand_primary_medium)
}

.ids-cmsless .ids-form-selection-group {
    display: grid;
    gap: var(--ids_size_general_8x)
}

.ids-cmsless .ids-form-selection-group__options {
    display: grid
}

.ids-cmsless .ids-form-selection-group--inline .ids-form-selection-group__options {
    gap: var(--ids_size_general_24x);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.ids-cmsless .js-no-flexbox-gap .ids-form-selection-group--inline .ids-form-selection-group__options {
    margin: calc(var(--ids_size_general_24x) / -2) !important
}

.ids-cmsless .js-no-flexbox-gap .ids-form-selection-group--inline .ids-form-selection-group__options>* {
    margin: calc(var(--ids_size_general_24x) / 2) !important
}

.ids-cmsless .ids-form-selection {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: var(--ids_size_general_8x);
    position: relative
}

.ids-cmsless .ids-form-selection .ids-checkbox,
.ids-cmsless .ids-form-selection .ids-radio-button,
.ids-cmsless .ids-form-selection .ids-switch {
    position: static
}

.ids-cmsless .ids-form-selection .ids-checkbox__input,
.ids-cmsless .ids-form-selection .ids-radio-button__input,
.ids-cmsless .ids-form-selection .ids-switch__input {
    left: -0.1875rem;
    outline-offset: 0;
    width: calc(100% + var(--ids_size_general_6x))
}

.ids-cmsless .ids-form-selection__label {
    direction: ltr;
    padding-right: var(--ids_size_general_3x)
}

.ids-cmsless .ids-form-selection__input {
    line-height: 1
}

.ids-cmsless .ids-form-selection--disabled {
    color: var(--ids_color_action_disabled_variant);
    cursor: not-allowed
}

.ids-cmsless .ids-form-selection--invalid {
    font-weight: bold
}

.ids-cmsless .ids-form-selection--on-brand {
    color: var(--ids_color_contrast_onBrand_primary)
}

.ids-cmsless .ids-form-selection--rtl {
    direction: rtl;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.ids-cmsless :host.ids-highlight-button,
.ids-cmsless .ids-highlight-button {
    all: unset;
    all: revert;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    padding: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--ids_color_action_primary_base);
    border-color: var(--ids_color_action_primary_variant);
    border-radius: var(--ids_size_cornerRadius_card_01);
    border-style: solid;
    border-width: var(--ids_size_border_small);
    color: var(--ids_color_action_primary_contrast);
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font: var(--ids_textStyle_f02_s14_h20_wrg);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: var(--ids_size_general_24x);
    outline-offset: var(--ids_size_general_4x);
    padding: 0;
    position: relative;
    text-align: left;
    text-decoration: none;
    width: 100%
}

.ids-cmsless :host.ids-highlight-button:focus-visible,
.ids-cmsless :host.ids-highlight-button:focus.focus-visible,
.ids-cmsless .ids-highlight-button:focus-visible,
.ids-cmsless .ids-highlight-button:focus.focus-visible {
    outline: 5px auto Highlight !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline: revert !important
}

.ids-cmsless :host.ids-highlight-button::before,
.ids-cmsless .ids-highlight-button::before {
    content: "";
    display: block;
    padding-bottom: 100%
}

.ids-cmsless :host.ids-highlight-button .ids-icon,
.ids-cmsless .ids-highlight-button .ids-icon {
    font: var(--ids_textStyle_icon_medium);
    line-height: inherit
}

.ids-cmsless :host.ids-highlight-button ::ng-deep .ids-icon,
.ids-cmsless .ids-highlight-button ::ng-deep .ids-icon {
    font: var(--ids_textStyle_icon_medium);
    line-height: inherit
}

.ids-cmsless :host.ids-highlight-button:disabled,
.ids-cmsless :host.ids-highlight-button[aria-disabled=true],
.ids-cmsless .ids-highlight-button:disabled,
.ids-cmsless .ids-highlight-button[aria-disabled=true] {
    background-color: var(--ids_color_action_disabled_base);
    border-color: var(--ids_color_action_disabled_base);
    color: var(--ids_color_action_disabled_variant);
    cursor: not-allowed
}

@media(hover: hover)and (pointer: fine) {
    .ids-cmsless :host.ids-highlight-button:hover:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless :host.ids-highlight-button:focus-visible:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless .ids-highlight-button:hover:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless .ids-highlight-button:focus-visible:not(:disabled):not([aria-disabled=true]) {
        background-color: var(--ids_color_action_primary_variant)
    }
}

.ids-cmsless :host.ids-highlight-button:active:not(:disabled):not([aria-disabled=true]),
.ids-cmsless .ids-highlight-button:active:not(:disabled):not([aria-disabled=true]) {
    background-color: var(--ids_color_action_primary_variant)
}

.ids-cmsless :host.ids-highlight-button__content,
.ids-cmsless .ids-highlight-button__content {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: var(--ids_size_general_8x);
    height: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    left: 0;
    padding: var(--ids_size_general_10x);
    position: absolute;
    top: 0;
    width: 100%
}

.ids-cmsless :host.ids-highlight-button--secondary,
.ids-cmsless .ids-highlight-button--secondary {
    background-color: var(--ids_color_action_secondary_base);
    border-color: var(--ids_color_action_secondary_variant)
}

.ids-cmsless :host.ids-highlight-button--secondary:disabled,
.ids-cmsless :host.ids-highlight-button--secondary[aria-disabled=true],
.ids-cmsless .ids-highlight-button--secondary:disabled,
.ids-cmsless .ids-highlight-button--secondary[aria-disabled=true] {
    background-color: var(--ids_color_bg_base);
    border-color: var(--ids_color_action_disabled_base);
    color: var(--ids_color_action_disabled_variant)
}

@media(hover: hover)and (pointer: fine) {
    .ids-cmsless :host.ids-highlight-button--secondary:hover:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless :host.ids-highlight-button--secondary:focus-visible:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless .ids-highlight-button--secondary:hover:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless .ids-highlight-button--secondary:focus-visible:not(:disabled):not([aria-disabled=true]) {
        background-color: var(--ids_color_action_secondary_variant)
    }
}

.ids-cmsless :host.ids-highlight-button--secondary:active:not(:disabled):not([aria-disabled=true]),
.ids-cmsless .ids-highlight-button--secondary:active:not(:disabled):not([aria-disabled=true]) {
    background-color: var(--ids_color_action_secondary_variant)
}

.ids-cmsless :host.ids-highlight-button--neutral,
.ids-cmsless .ids-highlight-button--neutral {
    background-color: var(--ids_color_bg_base);
    border-color: var(--ids_color_action_neutral_base);
    color: var(--ids_color_action_neutral_base)
}

.ids-cmsless :host.ids-highlight-button--neutral:disabled,
.ids-cmsless :host.ids-highlight-button--neutral[aria-disabled=true],
.ids-cmsless .ids-highlight-button--neutral:disabled,
.ids-cmsless .ids-highlight-button--neutral[aria-disabled=true] {
    background-color: var(--ids_color_bg_base);
    border-color: var(--ids_color_action_disabled_variant);
    color: var(--ids_color_action_disabled_variant)
}

@media(hover: hover)and (pointer: fine) {
    .ids-cmsless :host.ids-highlight-button--neutral:hover:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless :host.ids-highlight-button--neutral:focus-visible:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless .ids-highlight-button--neutral:hover:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless .ids-highlight-button--neutral:focus-visible:not(:disabled):not([aria-disabled=true]) {
        background-color: var(--ids_color_action_neutral_base_soft);
        border-color: var(--ids_color_action_neutral_variant);
        color: var(--ids_color_action_neutral_variant)
    }
}

.ids-cmsless :host.ids-highlight-button--neutral:active:not(:disabled):not([aria-disabled=true]),
.ids-cmsless .ids-highlight-button--neutral:active:not(:disabled):not([aria-disabled=true]) {
    background-color: var(--ids_color_action_neutral_base_soft);
    border-color: var(--ids_color_action_neutral_variant);
    color: var(--ids_color_action_neutral_variant)
}

.ids-cmsless :host.ids-highlight-button--on-brand,
.ids-cmsless .ids-highlight-button--on-brand {
    background-color: transparent;
    border-color: var(--ids_color_contrast_onBrand_primary);
    color: var(--ids_color_contrast_onBrand_primary)
}

.ids-cmsless :host.ids-highlight-button--on-brand:disabled,
.ids-cmsless :host.ids-highlight-button--on-brand[aria-disabled=true],
.ids-cmsless .ids-highlight-button--on-brand:disabled,
.ids-cmsless .ids-highlight-button--on-brand[aria-disabled=true] {
    background-color: transparent;
    border-color: var(--ids_color_contrast_onBrand_primary_medium);
    color: var(--ids_color_contrast_onBrand_primary_medium)
}

@media(hover: hover)and (pointer: fine) {
    .ids-cmsless :host.ids-highlight-button--on-brand:hover:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless :host.ids-highlight-button--on-brand:focus-visible:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless .ids-highlight-button--on-brand:hover:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless .ids-highlight-button--on-brand:focus-visible:not(:disabled):not([aria-disabled=true]) {
        background-color: var(--ids_color_contrast_onBrand_primary_soft);
        border-color: var(--ids_color_contrast_onBrand_primary);
        color: var(--ids_color_contrast_onBrand_primary_strong)
    }
}

.ids-cmsless :host.ids-highlight-button--on-brand:active:not(:disabled):not([aria-disabled=true]),
.ids-cmsless .ids-highlight-button--on-brand:active:not(:disabled):not([aria-disabled=true]) {
    background-color: var(--ids_color_contrast_onBrand_primary_soft);
    border-color: var(--ids_color_contrast_onBrand_primary);
    color: var(--ids_color_contrast_onBrand_primary_strong)
}

.ids-cmsless :host.ids-highlight-button--large,
.ids-cmsless .ids-highlight-button--large {
    font: var(--ids_textStyle_f02_s16_h24_wrg)
}

.ids-cmsless :host.ids-highlight-button--large .ids-highlight-button__content,
.ids-cmsless .ids-highlight-button--large .ids-highlight-button__content {
    padding: var(--ids_size_general_16x)
}

.ids-cmsless :host.ids-highlight-button--large .ids-icon,
.ids-cmsless .ids-highlight-button--large .ids-icon {
    font: var(--ids_textStyle_icon_large)
}

.ids-cmsless :host.ids-highlight-button--large ::ng-deep .ids-icon,
.ids-cmsless .ids-highlight-button--large ::ng-deep .ids-icon {
    font: var(--ids_textStyle_icon_large)
}

.ids-cmsless :host.ids-highlight-button--rectangular::before,
.ids-cmsless .ids-highlight-button--rectangular::before {
    padding-bottom: calc(50% - var(--ids_size_general_1x))
}

.ids-cmsless .ids-icon-button,
.ids-cmsless :host.ids-icon-button {
    all: unset;
    all: revert;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    padding: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    border: 0;
    color: var(--ids_color_action_primary_base);
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font: var(--ids_textStyle_icon_medium);
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    -webkit-font-variant-ligatures: discretionary-ligatures;
    font-variant-ligatures: discretionary-ligatures;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: var(--ids_size_general_48x);
    min-width: var(--ids_size_general_48x);
    padding: var(--ids_spacing_3x)
}

.ids-cmsless .ids-icon-button:focus-visible,
.ids-cmsless .ids-icon-button:focus.focus-visible,
.ids-cmsless :host.ids-icon-button:focus-visible,
.ids-cmsless :host.ids-icon-button:focus.focus-visible {
    outline: 5px auto Highlight !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline: revert !important
}

.ids-cmsless .ids-icon-button:disabled,
.ids-cmsless .ids-icon-button[aria-disabled=true],
.ids-cmsless :host.ids-icon-button:disabled,
.ids-cmsless :host.ids-icon-button[aria-disabled=true] {
    color: var(--ids_color_action_disabled_variant);
    cursor: not-allowed
}

@media(hover: hover)and (pointer: fine) {
    .ids-cmsless .ids-icon-button:hover:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless .ids-icon-button:focus-visible:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless :host.ids-icon-button:hover:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless :host.ids-icon-button:focus-visible:not(:disabled):not([aria-disabled=true]) {
        color: var(--ids_color_action_primary_variant)
    }
}

.ids-cmsless .ids-icon-button:active:not(:disabled):not([aria-disabled=true]),
.ids-cmsless :host.ids-icon-button:active:not(:disabled):not([aria-disabled=true]) {
    color: var(--ids_color_action_primary_variant)
}

.ids-cmsless .ids-icon-button--neutral,
.ids-cmsless :host.ids-icon-button--neutral {
    color: var(--ids_color_action_neutral_base)
}

@media(hover: hover)and (pointer: fine) {
    .ids-cmsless .ids-icon-button--neutral:hover:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless .ids-icon-button--neutral:focus-visible:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless :host.ids-icon-button--neutral:hover:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless :host.ids-icon-button--neutral:focus-visible:not(:disabled):not([aria-disabled=true]) {
        color: var(--ids_color_action_neutral_variant)
    }
}

.ids-cmsless .ids-icon-button--neutral:active:not(:disabled):not([aria-disabled=true]),
.ids-cmsless :host.ids-icon-button--neutral:active:not(:disabled):not([aria-disabled=true]) {
    color: var(--ids_color_action_neutral_variant)
}

.ids-cmsless .ids-icon-button--secondary,
.ids-cmsless :host.ids-icon-button--secondary {
    color: var(--ids_color_action_secondary_base)
}

@media(hover: hover)and (pointer: fine) {
    .ids-cmsless .ids-icon-button--secondary:hover:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless .ids-icon-button--secondary:focus-visible:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless :host.ids-icon-button--secondary:hover:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless :host.ids-icon-button--secondary:focus-visible:not(:disabled):not([aria-disabled=true]) {
        color: var(--ids_color_action_secondary_variant)
    }
}

.ids-cmsless .ids-icon-button--secondary:active:not(:disabled):not([aria-disabled=true]),
.ids-cmsless :host.ids-icon-button--secondary:active:not(:disabled):not([aria-disabled=true]) {
    color: var(--ids_color_action_secondary_variant)
}

.ids-cmsless .ids-icon-button--on-brand,
.ids-cmsless :host.ids-icon-button--on-brand {
    color: var(--ids_color_contrast_onBrand_primary)
}

.ids-cmsless .ids-icon-button--on-brand:disabled,
.ids-cmsless .ids-icon-button--on-brand[aria-disabled=true],
.ids-cmsless :host.ids-icon-button--on-brand:disabled,
.ids-cmsless :host.ids-icon-button--on-brand[aria-disabled=true] {
    color: var(--ids_color_contrast_onBrand_primary_medium)
}

@media(hover: hover)and (pointer: fine) {
    .ids-cmsless .ids-icon-button--on-brand:hover:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless .ids-icon-button--on-brand:focus-visible:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless :host.ids-icon-button--on-brand:hover:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless :host.ids-icon-button--on-brand:focus-visible:not(:disabled):not([aria-disabled=true]) {
        color: var(--ids_color_contrast_onBrand_primary_strong)
    }
}

.ids-cmsless .ids-icon-button--on-brand:active:not(:disabled):not([aria-disabled=true]),
.ids-cmsless :host.ids-icon-button--on-brand:active:not(:disabled):not([aria-disabled=true]) {
    color: var(--ids_color_contrast_onBrand_primary_strong)
}

.ids-cmsless .ids-icon-button--small,
.ids-cmsless :host.ids-icon-button--small {
    font: var(--ids_textStyle_icon_small)
}

.ids-cmsless .ids-icon-button--large,
.ids-cmsless :host.ids-icon-button--large {
    font: var(--ids_textStyle_icon_large)
}

.ids-cmsless .ids-icon-button--xlarge,
.ids-cmsless :host.ids-icon-button--xlarge {
    font: var(--ids_textStyle_icon_xLarge)
}

.ids-cmsless .ids-like {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: var(--ids_size_general_24x)
}

.ids-cmsless .ids-like__legend {
    color: var(--ids_color_action_neutral_base);
    font: var(--ids_textStyle_f01_s24_h32_wrg)
}

.ids-cmsless .ids-like__button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0;
    height: var(--ids_size_general_48x);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: var(--ids_size_general_48x)
}

.ids-cmsless .ids-like__button:not(:disabled) .ids-icon {
    color: inherit
}

.ids-cmsless .ids-like__button:disabled {
    color: var(--ids_color_action_disabled_variant);
    cursor: not-allowed
}

.ids-cmsless .ids-like__button:not(:disabled)[aria-checked=true] {
    -webkit-animation: color-me-in 175ms linear;
    animation: color-me-in 175ms linear;
    color: var(--ids_color_action_primary_base)
}

.ids-cmsless .ids-like__button[aria-checked=false] {
    -webkit-animation: color-me-out 150ms linear;
    animation: color-me-out 150ms linear
}

.ids-cmsless .ids-like__button:not(:disabled,
[aria-invalid]):hover {
    color: var(--ids_color_action_neutral_variant)
}

.ids-cmsless .ids-like__button[aria-checked=true]:not(:disabled):hover {
    color: var(--ids_color_action_primary_variant)
}

@-webkit-keyframes color-me-in {
    0% {
        opacity: .3
    }
    100% {
        opacity: 1
    }
}

@keyframes color-me-in {
    0% {
        opacity: .3
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes color-me-out {
    0% {
        opacity: .2
    }
    100% {
        opacity: 1
    }
}

@keyframes color-me-out {
    0% {
        opacity: .2
    }
    100% {
        opacity: 1
    }
}

.ids-cmsless .ids-likert-item {
    all: unset;
    all: revert;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    padding: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: none;
    border: none;
    color: var(--ids_color_action_neutral_base);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font: var(--ids_textStyle_f02_s14_h20_wrg);
    padding: 0 var(--ids_size_general_6x);
    position: relative
}

.ids-cmsless .ids-likert-item:focus-visible,
.ids-cmsless .ids-likert-item:focus.focus-visible {
    outline: 5px auto Highlight !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline: revert !important
}

.ids-cmsless .ids-likert-item__face {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 1.5rem;
    margin-bottom: var(--ids_size_general_8x);
    position: relative;
    width: auto
}

.ids-cmsless .ids-likert-item--selected {
    font: var(--ids_textStyle_f02_s14_h20_wbd)
}

.ids-cmsless .ids-likert-item--selected::before {
    background-color: #000;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 1.75rem;
    position: absolute;
    top: -0.125rem;
    width: 1.75rem
}

.ids-cmsless .ids-likert-item--on-brand {
    color: var(--ids_color_contrast_onBrand_primary)
}

.ids-cmsless .ids-likert-item--on-brand.ids-likert-item--selected .ids-likert-item__face {
    border-color: var(--ids_color_contrast_onBrand_primary)
}

.ids-cmsless .ids-likert-item:hover {
    font: var(--ids_textStyle_f02_s14_h20_wbd)
}

.ids-cmsless .ids-likert {
    border: 0;
    color: var(--ids_color_text_body_01);
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 0
}

.ids-cmsless .ids-likert__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin: var(--ids_size_general_28x) 0
}

.ids-cmsless .ids-likert--on-brand .ids-label {
    color: var(--ids_color_contrast_onBrand_primary)
}

.ids-cmsless .ids-list-item,
.ids-cmsless :host.ids-list-item {
    all: unset;
    all: revert;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: var(--ids_color_bg_base);
    border: 0;
    border-bottom: var(--ids_size_border_small) solid var(--ids_color_border_soft);
    box-sizing: border-box;
    color: var(--ids_color_feedback_neutral);
    display: block;
    font: var(--ids_textStyle_f02_s16_h24_wbd);
    text-align: left;
    text-decoration: inherit;
    width: 100%
}

.ids-cmsless .ids-list-item .ids-icon-button,
.ids-cmsless :host.ids-list-item .ids-icon-button {
    margin-right: var(--ids_size_general_1x);
    min-height: auto;
    padding-bottom: 0;
    padding-top: 0
}

.ids-cmsless .ids-list-item ::ng-deep .ids-icon-button,
.ids-cmsless :host.ids-list-item ::ng-deep .ids-icon-button {
    margin-right: var(--ids_size_general_1x);
    min-height: auto;
    padding-bottom: 0;
    padding-top: 0
}

.ids-cmsless .ids-list-item__content,
.ids-cmsless :host.ids-list-item__content {
    all: unset;
    all: revert;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    box-sizing: border-box;
    display: grid;
    grid-template-areas: "icon text description action" "icon sub-text sub-description action";
    grid-template-columns: -webkit-min-content minmax(15%, auto) fit-content(100%) -webkit-min-content;
    grid-template-columns: min-content minmax(15%, auto) fit-content(100%) min-content;
    min-height: 3.9375rem;
    overflow: hidden;
    padding: var(--ids_size_general_16x) 0 calc(var(--ids_size_general_16x) - var(--ids_size_border_small))
}

.ids-cmsless .ids-list-item__content:has(.ids-list-item__sub-text),
.ids-cmsless :host.ids-list-item__content:has(.ids-list-item__sub-text) {
    min-height: 4.9375rem
}

.ids-cmsless .ids-list-item__icon,
.ids-cmsless :host.ids-list-item__icon {
    align-self: center;
    grid-area: icon;
    line-height: 1;
    margin-right: var(--ids_size_general_16x);
    text-align: center
}

.ids-cmsless ::ng-deep .ids-list-item__icon,
.ids-cmsless ::ng-deep :host.ids-list-item__icon {
    align-self: center;
    grid-area: icon;
    line-height: 1;
    margin-right: var(--ids_size_general_16x);
    text-align: center
}

.ids-cmsless .ids-list-item__text,
.ids-cmsless :host.ids-list-item__text {
    all: unset;
    all: revert;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding-left: 0;
    align-self: flex-end;
    grid-area: text;
    overflow: hidden
}

.ids-cmsless .ids-list-item__text--double-line,
.ids-cmsless :host.ids-list-item__text--double-line {
    align-self: initial;
    grid-row: span 2
}

.ids-cmsless ::ng-deep .ids-list-item__text,
.ids-cmsless ::ng-deep :host.ids-list-item__text {
    all: unset;
    all: revert;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding-left: 0;
    align-self: flex-end;
    grid-area: text;
    overflow: hidden
}

.ids-cmsless ::ng-deep .ids-list-item__text--double-line,
.ids-cmsless ::ng-deep :host.ids-list-item__text--double-line {
    align-self: initial;
    grid-row: span 2
}

.ids-cmsless .ids-list-item__description,
.ids-cmsless :host.ids-list-item__description {
    align-self: flex-end;
    grid-area: description;
    margin-left: var(--ids_size_general_8x);
    text-align: right
}

.ids-cmsless .ids-list-item__description:not(.ids-tag):not(.ids-number-badge),
.ids-cmsless :host.ids-list-item__description:not(.ids-tag):not(.ids-number-badge) {
    font: var(--ids_textStyle_f02_s16_h24_wrg)
}

.ids-cmsless .ids-list-item__description--double-line,
.ids-cmsless :host.ids-list-item__description--double-line {
    align-self: initial;
    grid-row: span 2
}

.ids-cmsless ::ng-deep .ids-list-item__description,
.ids-cmsless ::ng-deep :host.ids-list-item__description {
    align-self: flex-end;
    grid-area: description;
    margin-left: var(--ids_size_general_8x);
    text-align: right
}

.ids-cmsless ::ng-deep .ids-list-item__description:not(.ids-tag):not(.ids-number-badge),
.ids-cmsless ::ng-deep :host.ids-list-item__description:not(.ids-tag):not(.ids-number-badge) {
    font: var(--ids_textStyle_f02_s16_h24_wrg)
}

.ids-cmsless ::ng-deep .ids-list-item__description--double-line,
.ids-cmsless ::ng-deep :host.ids-list-item__description--double-line {
    align-self: initial;
    grid-row: span 2
}

.ids-cmsless .ids-list-item__action,
.ids-cmsless :host.ids-list-item__action {
    align-self: center;
    color: var(--ids_color_feedback_neutral);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-area: action;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: var(--ids_size_general_8x);
    min-width: var(--ids_size_general_24x);
    text-align: center
}

.ids-cmsless ::ng-deep .ids-list-item__action,
.ids-cmsless ::ng-deep :host.ids-list-item__action {
    align-self: center;
    color: var(--ids_color_feedback_neutral);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-area: action;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: var(--ids_size_general_8x);
    min-width: var(--ids_size_general_24x);
    text-align: center
}

.ids-cmsless .ids-list-item__sub-text,
.ids-cmsless :host.ids-list-item__sub-text {
    all: unset;
    all: revert;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    align-self: flex-start;
    color: inherit;
    font: var(--ids_textStyle_f02_s16_h24_wrg);
    grid-area: sub-text
}

.ids-cmsless ::ng-deep .ids-list-item__sub-text,
.ids-cmsless ::ng-deep :host.ids-list-item__sub-text {
    all: unset;
    all: revert;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    align-self: flex-start;
    color: inherit;
    font: var(--ids_textStyle_f02_s16_h24_wrg);
    grid-area: sub-text
}

.ids-cmsless .ids-list-item__sub-description,
.ids-cmsless :host.ids-list-item__sub-description {
    all: unset;
    all: revert;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    align-self: flex-start;
    color: inherit;
    font: var(--ids_textStyle_f02_s14_h20_wrg);
    grid-area: sub-description;
    margin-left: var(--ids_size_general_8x);
    text-align: right
}

.ids-cmsless ::ng-deep .ids-list-item__sub-description,
.ids-cmsless ::ng-deep :host.ids-list-item__sub-description {
    all: unset;
    all: revert;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    align-self: flex-start;
    color: inherit;
    font: var(--ids_textStyle_f02_s14_h20_wrg);
    grid-area: sub-description;
    margin-left: var(--ids_size_general_8x);
    text-align: right
}

.ids-cmsless .ids-list-item--selector,
.ids-cmsless :host.ids-list-item--selector {
    position: relative
}

@supports(-webkit-touch-callout: none) {
    .ids-cmsless .ids-list-item--selector,
    .ids-cmsless :host.ids-list-item--selector {
        overflow: hidden
    }
}

.ids-cmsless .ids-list-item--selector .ids-switch,
.ids-cmsless .ids-list-item--selector .ids-radio-button,
.ids-cmsless .ids-list-item--selector .ids-checkbox,
.ids-cmsless :host.ids-list-item--selector .ids-switch,
.ids-cmsless :host.ids-list-item--selector .ids-radio-button,
.ids-cmsless :host.ids-list-item--selector .ids-checkbox {
    min-height: auto;
    position: static
}

.ids-cmsless .ids-list-item--selector .ids-switch__input,
.ids-cmsless .ids-list-item--selector .ids-radio-button__input,
.ids-cmsless .ids-list-item--selector .ids-checkbox__input,
.ids-cmsless :host.ids-list-item--selector .ids-switch__input,
.ids-cmsless :host.ids-list-item--selector .ids-radio-button__input,
.ids-cmsless :host.ids-list-item--selector .ids-checkbox__input {
    outline-offset: 0
}

.ids-cmsless .ids-list-item--selector ::ng-deep .ids-switch,
.ids-cmsless .ids-list-item--selector ::ng-deep .ids-checkbox,
.ids-cmsless .ids-list-item--selector ::ng-deep .ids-radio-button,
.ids-cmsless :host.ids-list-item--selector ::ng-deep .ids-switch,
.ids-cmsless :host.ids-list-item--selector ::ng-deep .ids-checkbox,
.ids-cmsless :host.ids-list-item--selector ::ng-deep .ids-radio-button {
    min-height: auto;
    position: static
}

.ids-cmsless .ids-list-item--selector ::ng-deep .ids-switch__input,
.ids-cmsless .ids-list-item--selector ::ng-deep .ids-checkbox__input,
.ids-cmsless .ids-list-item--selector ::ng-deep .ids-radio-button__input,
.ids-cmsless :host.ids-list-item--selector ::ng-deep .ids-switch__input,
.ids-cmsless :host.ids-list-item--selector ::ng-deep .ids-checkbox__input,
.ids-cmsless :host.ids-list-item--selector ::ng-deep .ids-radio-button__input {
    outline-offset: 0
}

.ids-cmsless button.ids-list-item,
.ids-cmsless button:host.ids-list-item {
    background-color: transparent;
    border-bottom-color: var(--ids_color_border_soft);
    border-left: 0;
    border-right: 0;
    border-top: 0;
    cursor: pointer;
    padding: 0;
    text-decoration: none
}

.ids-cmsless button.ids-list-item:disabled,
.ids-cmsless button.ids-list-item[aria-disabled=true],
.ids-cmsless button:host.ids-list-item:disabled,
.ids-cmsless button:host.ids-list-item[aria-disabled=true] {
    color: var(--ids_color_action_disabled_variant);
    cursor: not-allowed
}

.ids-cmsless button.ids-list-item:disabled .ids-list-item__sub-text,
.ids-cmsless button.ids-list-item:disabled .ids-list-item__sub-description,
.ids-cmsless button.ids-list-item[aria-disabled=true] .ids-list-item__sub-text,
.ids-cmsless button.ids-list-item[aria-disabled=true] .ids-list-item__sub-description,
.ids-cmsless button:host.ids-list-item:disabled .ids-list-item__sub-text,
.ids-cmsless button:host.ids-list-item:disabled .ids-list-item__sub-description,
.ids-cmsless button:host.ids-list-item[aria-disabled=true] .ids-list-item__sub-text,
.ids-cmsless button:host.ids-list-item[aria-disabled=true] .ids-list-item__sub-description {
    color: inherit
}

.ids-cmsless button.ids-list-item:disabled ::ng-deep .ids-list-item__sub-text,
.ids-cmsless button.ids-list-item:disabled ::ng-deep .ids-list-item__sub-description,
.ids-cmsless button.ids-list-item[aria-disabled=true] ::ng-deep .ids-list-item__sub-text,
.ids-cmsless button.ids-list-item[aria-disabled=true] ::ng-deep .ids-list-item__sub-description,
.ids-cmsless button:host.ids-list-item:disabled ::ng-deep .ids-list-item__sub-text,
.ids-cmsless button:host.ids-list-item:disabled ::ng-deep .ids-list-item__sub-description,
.ids-cmsless button:host.ids-list-item[aria-disabled=true] ::ng-deep .ids-list-item__sub-text,
.ids-cmsless button:host.ids-list-item[aria-disabled=true] ::ng-deep .ids-list-item__sub-description {
    color: inherit
}

.ids-cmsless button.ids-list-item:disabled ::ng-deep .ids-list-item__action,
.ids-cmsless button.ids-list-item[aria-disabled=true] ::ng-deep .ids-list-item__action,
.ids-cmsless button:host.ids-list-item:disabled ::ng-deep .ids-list-item__action,
.ids-cmsless button:host.ids-list-item[aria-disabled=true] ::ng-deep .ids-list-item__action {
    color: var(--ids_color_action_disabled_variant);
    cursor: not-allowed
}

.ids-cmsless button.ids-list-item:disabled .ids-list-item__action,
.ids-cmsless button.ids-list-item[aria-disabled=true] .ids-list-item__action,
.ids-cmsless button:host.ids-list-item:disabled .ids-list-item__action,
.ids-cmsless button:host.ids-list-item[aria-disabled=true] .ids-list-item__action {
    color: var(--ids_color_action_disabled_variant);
    cursor: not-allowed
}

@media(hover: hover)and (pointer: fine) {
    .ids-cmsless button.ids-list-item:hover:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless button.ids-list-item:focus-visible:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless button:host.ids-list-item:hover:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless button:host.ids-list-item:focus-visible:not(:disabled):not([aria-disabled=true]) {
        background-color: var(--ids_color_action_neutral_base_soft)
    }
}

.ids-cmsless button.ids-list-item:active:not(:disabled):not([aria-disabled=true]),
.ids-cmsless button:host.ids-list-item:active:not(:disabled):not([aria-disabled=true]) {
    background-color: var(--ids_color_action_neutral_base_soft)
}

.ids-cmsless a.ids-list-item,
.ids-cmsless a:host.ids-list-item {
    background-color: transparent;
    border-bottom-color: var(--ids_color_border_soft);
    border-left: 0;
    border-right: 0;
    border-top: 0;
    cursor: pointer;
    padding: 0;
    text-decoration: none
}

.ids-cmsless a.ids-list-item:disabled,
.ids-cmsless a.ids-list-item[aria-disabled=true],
.ids-cmsless a:host.ids-list-item:disabled,
.ids-cmsless a:host.ids-list-item[aria-disabled=true] {
    color: var(--ids_color_action_disabled_variant);
    cursor: not-allowed
}

.ids-cmsless a.ids-list-item:disabled .ids-list-item__sub-text,
.ids-cmsless a.ids-list-item:disabled .ids-list-item__sub-description,
.ids-cmsless a.ids-list-item[aria-disabled=true] .ids-list-item__sub-text,
.ids-cmsless a.ids-list-item[aria-disabled=true] .ids-list-item__sub-description,
.ids-cmsless a:host.ids-list-item:disabled .ids-list-item__sub-text,
.ids-cmsless a:host.ids-list-item:disabled .ids-list-item__sub-description,
.ids-cmsless a:host.ids-list-item[aria-disabled=true] .ids-list-item__sub-text,
.ids-cmsless a:host.ids-list-item[aria-disabled=true] .ids-list-item__sub-description {
    color: inherit
}

.ids-cmsless a.ids-list-item:disabled ::ng-deep .ids-list-item__sub-text,
.ids-cmsless a.ids-list-item:disabled ::ng-deep .ids-list-item__sub-description,
.ids-cmsless a.ids-list-item[aria-disabled=true] ::ng-deep .ids-list-item__sub-text,
.ids-cmsless a.ids-list-item[aria-disabled=true] ::ng-deep .ids-list-item__sub-description,
.ids-cmsless a:host.ids-list-item:disabled ::ng-deep .ids-list-item__sub-text,
.ids-cmsless a:host.ids-list-item:disabled ::ng-deep .ids-list-item__sub-description,
.ids-cmsless a:host.ids-list-item[aria-disabled=true] ::ng-deep .ids-list-item__sub-text,
.ids-cmsless a:host.ids-list-item[aria-disabled=true] ::ng-deep .ids-list-item__sub-description {
    color: inherit
}

.ids-cmsless a.ids-list-item:disabled ::ng-deep .ids-list-item__action,
.ids-cmsless a.ids-list-item[aria-disabled=true] ::ng-deep .ids-list-item__action,
.ids-cmsless a:host.ids-list-item:disabled ::ng-deep .ids-list-item__action,
.ids-cmsless a:host.ids-list-item[aria-disabled=true] ::ng-deep .ids-list-item__action {
    color: var(--ids_color_action_disabled_variant);
    cursor: not-allowed
}

.ids-cmsless a.ids-list-item:disabled .ids-list-item__action,
.ids-cmsless a.ids-list-item[aria-disabled=true] .ids-list-item__action,
.ids-cmsless a:host.ids-list-item:disabled .ids-list-item__action,
.ids-cmsless a:host.ids-list-item[aria-disabled=true] .ids-list-item__action {
    color: var(--ids_color_action_disabled_variant);
    cursor: not-allowed
}

@media(hover: hover)and (pointer: fine) {
    .ids-cmsless a.ids-list-item:hover:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless a.ids-list-item:focus-visible:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless a:host.ids-list-item:hover:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless a:host.ids-list-item:focus-visible:not(:disabled):not([aria-disabled=true]) {
        background-color: var(--ids_color_action_neutral_base_soft)
    }
}

.ids-cmsless a.ids-list-item:active:not(:disabled):not([aria-disabled=true]),
.ids-cmsless a:host.ids-list-item:active:not(:disabled):not([aria-disabled=true]) {
    background-color: var(--ids_color_action_neutral_base_soft)
}

.ids-cmsless .ids-list-item--line-off,
.ids-cmsless :host.ids-list-item--line-off {
    border-bottom-color: transparent
}

.ids-cmsless .ids-list,
.ids-cmsless :host.ids-list {
    all: unset;
    all: revert;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding-left: 0;
    background-color: var(--ids_color_bg_base);
    color: var(--ids_color_feedback_neutral);
    font: var(--ids_textStyle_f02_s16_h24_wrg);
    list-style: none
}

.ids-cmsless .ids-list>li:not(.ids-list-item),
.ids-cmsless :host.ids-list>li:not(.ids-list-item) {
    all: unset;
    all: revert;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.ids-cmsless .ids-loading {
    color: var(--ids_color_action_primary_base);
    display: inline-block;
    height: calc(var(--ids_size_general_32x) + (var(--ids_size_general_3x) * 2));
    position: relative;
    width: calc(var(--ids_size_general_32x) + (var(--ids_size_general_3x) * 2))
}

.ids-cmsless .ids-loading__svg {
    -webkit-animation: spin 800ms linear infinite;
    animation: spin 800ms linear infinite;
    height: calc(var(--ids_size_general_32x) + (var(--ids_size_general_3x) * 2));
    width: calc(var(--ids_size_general_32x) + (var(--ids_size_general_3x) * 2))
}

.ids-cmsless .ids-loading__circle-ring {
    fill: transparent;
    opacity: var(--ids_opacity_soft);
    stroke: currentcolor;
    stroke-width: var(--ids_size_general_3x)
}

.ids-cmsless .ids-loading__circle-spinner {
    --spin-value: var(--ids_size_general_3x);
    fill: transparent;
    stroke: currentcolor;
    stroke-dasharray: 100.5309649149;
    stroke-dashoffset: 75.3982236862;
    stroke-linecap: round;
    stroke-width: var(--ids_size_general_3x)
}

.ids-cmsless .ids-loading__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.ids-cmsless .ids-loading--xsmall {
    height: calc(var(--ids_size_general_16x) + (var(--ids_size_general_2x) * 2));
    width: calc(var(--ids_size_general_16x) + (var(--ids_size_general_2x) * 2))
}

.ids-cmsless .ids-loading--xsmall .ids-loading__svg {
    height: calc(var(--ids_size_general_16x) + (var(--ids_size_general_2x) * 2));
    width: calc(var(--ids_size_general_16x) + (var(--ids_size_general_2x) * 2))
}

.ids-cmsless .ids-loading--xsmall .ids-loading__circle-ring {
    stroke-width: var(--ids_size_general_2x)
}

.ids-cmsless .ids-loading--xsmall .ids-loading__circle-spinner {
    --spin-value: var(--ids_size_general_2x);
    stroke-dasharray: 50.2654824574;
    stroke-dashoffset: 37.6991118431;
    stroke-width: var(--ids_size_general_2x)
}

.ids-cmsless .ids-loading--small {
    height: calc(var(--ids_size_general_24x) + (var(--ids_size_general_2x) * 2));
    width: calc(var(--ids_size_general_24x) + (var(--ids_size_general_2x) * 2))
}

.ids-cmsless .ids-loading--small .ids-loading__svg {
    height: calc(var(--ids_size_general_24x) + (var(--ids_size_general_2x) * 2));
    width: calc(var(--ids_size_general_24x) + (var(--ids_size_general_2x) * 2))
}

.ids-cmsless .ids-loading--small .ids-loading__circle-ring {
    stroke-width: var(--ids_size_general_2x)
}

.ids-cmsless .ids-loading--small .ids-loading__circle-spinner {
    --spin-value: var(--ids_size_general_2x);
    stroke-dasharray: 75.3982236862;
    stroke-dashoffset: 56.5486677646;
    stroke-width: var(--ids_size_general_2x)
}

.ids-cmsless .ids-loading--large {
    height: calc(var(--ids_size_general_64x) + (var(--ids_size_general_4x) * 2));
    width: calc(var(--ids_size_general_64x) + (var(--ids_size_general_4x) * 2))
}

.ids-cmsless .ids-loading--large .ids-loading__svg {
    height: calc(var(--ids_size_general_64x) + (var(--ids_size_general_4x) * 2));
    width: calc(var(--ids_size_general_64x) + (var(--ids_size_general_4x) * 2))
}

.ids-cmsless .ids-loading--large .ids-loading__circle-ring {
    stroke-width: var(--ids_size_general_4x)
}

.ids-cmsless .ids-loading--large .ids-loading__circle-spinner {
    --spin-value: var(--ids_size_general_4x);
    stroke-dasharray: 201.0619298297;
    stroke-dashoffset: 150.7964473723;
    stroke-width: var(--ids_size_general_4x)
}

.ids-cmsless .ids-loading--xlarge {
    height: calc(var(--ids_size_general_128x) + (var(--ids_size_general_5x) * 2));
    width: calc(var(--ids_size_general_128x) + (var(--ids_size_general_5x) * 2))
}

.ids-cmsless .ids-loading--xlarge .ids-loading__svg {
    height: calc(var(--ids_size_general_128x) + (var(--ids_size_general_5x) * 2));
    width: calc(var(--ids_size_general_128x) + (var(--ids_size_general_5x) * 2))
}

.ids-cmsless .ids-loading--xlarge .ids-loading__circle-ring {
    stroke-width: var(--ids_size_general_5x)
}

.ids-cmsless .ids-loading--xlarge .ids-loading__circle-spinner {
    --spin-value: var(--ids_size_general_5x);
    stroke-dasharray: 402.1238596595;
    stroke-dashoffset: 301.5928947446;
    stroke-width: var(--ids_size_general_5x)
}

.ids-cmsless .ids-loading--secondary {
    color: var(--ids_color_action_secondary_base)
}

.ids-cmsless .ids-loading--on-brand {
    color: var(--ids_color_contrast_onBrand_primary)
}

.ids-cmsless .ids-main-button,
.ids-cmsless :host.ids-main-button {
    all: unset;
    all: revert;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    padding: 0;
    background: var(--ids_color_action_primary_base);
    border: var(--ids_size_border_small) solid transparent;
    border-radius: var(--ids_size_cornerRadius_button);
    color: var(--ids_color_action_primary_contrast);
    cursor: pointer;
    font: var(--ids_textStyle_f02_s16_h24_wbd);
    min-height: 3.125rem;
    outline-offset: var(--ids_size_general_4x);
    padding: var(--ids_size_general_10x) calc(var(--ids_size_general_24x) - var(--ids_size_border_small));
    position: relative;
    text-align: center;
    text-decoration: none
}

.ids-cmsless .ids-main-button:focus-visible,
.ids-cmsless .ids-main-button:focus.focus-visible,
.ids-cmsless :host.ids-main-button:focus-visible,
.ids-cmsless :host.ids-main-button:focus.focus-visible {
    outline: 5px auto Highlight !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline: revert !important
}

.ids-cmsless .ids-main-button__content,
.ids-cmsless :host.ids-main-button__content {
    gap: var(--ids_size_general_10x);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ids-cmsless .js-no-flexbox-gap .ids-main-button__content,
.ids-cmsless .js-no-flexbox-gap :host.ids-main-button__content {
    white-space: pre
}

.ids-cmsless .ids-main-button__content--hidden,
.ids-cmsless :host.ids-main-button__content--hidden {
    visibility: hidden
}

.ids-cmsless .ids-main-button__loading,
.ids-cmsless :host.ids-main-button__loading {
    left: 0;
    position: absolute;
    right: 0;
    width: 100%
}

.ids-cmsless .ids-main-button--loading,
.ids-cmsless :host.ids-main-button--loading {
    pointer-events: none
}

.ids-cmsless .ids-main-button--full,
.ids-cmsless :host.ids-main-button--full {
    width: 100%
}

.ids-cmsless .ids-main-button--full .ids-main-button__content,
.ids-cmsless :host.ids-main-button--full .ids-main-button__content {
    width: 100%
}

.ids-cmsless .ids-main-button--full .ids-icon,
.ids-cmsless :host.ids-main-button--full .ids-icon {
    margin-left: auto
}

.ids-cmsless .ids-main-button--full ::ng-deep ids-icon,
.ids-cmsless :host.ids-main-button--full ::ng-deep ids-icon {
    margin-left: auto
}

.ids-cmsless .ids-main-button:disabled,
.ids-cmsless .ids-main-button[aria-disabled=true],
.ids-cmsless :host.ids-main-button:disabled,
.ids-cmsless :host.ids-main-button[aria-disabled=true] {
    background-color: var(--ids_color_action_disabled_base);
    border-color: var(--ids_color_action_disabled_base);
    color: var(--ids_color_action_disabled_variant);
    cursor: not-allowed
}

@media(hover: hover)and (pointer: fine) {
    .ids-cmsless .ids-main-button:hover:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless .ids-main-button:focus-visible:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless :host.ids-main-button:hover:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless :host.ids-main-button:focus-visible:not(:disabled):not([aria-disabled=true]) {
        background-color: var(--ids_color_action_primary_variant)
    }
}

.ids-cmsless .ids-main-button:active:not(:disabled):not([aria-disabled=true]),
.ids-cmsless :host.ids-main-button:active:not(:disabled):not([aria-disabled=true]) {
    background-color: var(--ids_color_action_primary_variant)
}

.ids-cmsless .ids-main-button--secondary,
.ids-cmsless :host.ids-main-button--secondary {
    background-color: transparent;
    border-color: currentcolor;
    color: var(--ids_color_action_secondary_base)
}

.ids-cmsless .ids-main-button--secondary:disabled,
.ids-cmsless .ids-main-button--secondary[aria-disabled=true],
.ids-cmsless :host.ids-main-button--secondary:disabled,
.ids-cmsless :host.ids-main-button--secondary[aria-disabled=true] {
    background-color: transparent;
    color: var(--ids_color_action_disabled_variant)
}

@media(hover: hover)and (pointer: fine) {
    .ids-cmsless .ids-main-button--secondary:hover:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless .ids-main-button--secondary:focus-visible:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless :host.ids-main-button--secondary:hover:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless :host.ids-main-button--secondary:focus-visible:not(:disabled):not([aria-disabled=true]) {
        background-color: var(--ids_color_action_secondary_base_soft);
        color: var(--ids_color_action_secondary_variant)
    }
}

.ids-cmsless .ids-main-button--secondary:active:not(:disabled):not([aria-disabled=true]),
.ids-cmsless :host.ids-main-button--secondary:active:not(:disabled):not([aria-disabled=true]) {
    background-color: var(--ids_color_action_secondary_base_soft);
    color: var(--ids_color_action_secondary_variant)
}

.ids-cmsless .ids-main-button--on-brand,
.ids-cmsless :host.ids-main-button--on-brand {
    background-color: var(--ids_color_action_primary_contrast);
    border-color: var(--ids_color_action_primary_contrast);
    color: var(--ids_color_action_primary_base)
}

.ids-cmsless .ids-main-button--on-brand:disabled,
.ids-cmsless .ids-main-button--on-brand[aria-disabled=true],
.ids-cmsless :host.ids-main-button--on-brand:disabled,
.ids-cmsless :host.ids-main-button--on-brand[aria-disabled=true] {
    background-color: var(--ids_color_action_primary_contrast);
    border-color: var(--ids_color_action_primary_contrast);
    color: var(--ids_color_action_disabled_variant)
}

@media(hover: hover)and (pointer: fine) {
    .ids-cmsless .ids-main-button--on-brand:hover:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless .ids-main-button--on-brand:focus-visible:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless :host.ids-main-button--on-brand:hover:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless :host.ids-main-button--on-brand:focus-visible:not(:disabled):not([aria-disabled=true]) {
        background-color: var(--ids_color_action_primary_contrast);
        color: var(--ids_color_action_primary_variant)
    }
}

.ids-cmsless .ids-main-button--on-brand:active:not(:disabled):not([aria-disabled=true]),
.ids-cmsless :host.ids-main-button--on-brand:active:not(:disabled):not([aria-disabled=true]) {
    background-color: var(--ids_color_action_primary_contrast);
    color: var(--ids_color_action_primary_variant)
}

.ids-cmsless .ids-main-button--on-brand.ids-main-button--secondary,
.ids-cmsless :host.ids-main-button--on-brand.ids-main-button--secondary {
    background-color: transparent;
    border-color: currentcolor;
    color: var(--ids_color_action_primary_contrast)
}

.ids-cmsless .ids-main-button--on-brand.ids-main-button--secondary:disabled,
.ids-cmsless .ids-main-button--on-brand.ids-main-button--secondary[aria-disabled=true],
.ids-cmsless :host.ids-main-button--on-brand.ids-main-button--secondary:disabled,
.ids-cmsless :host.ids-main-button--on-brand.ids-main-button--secondary[aria-disabled=true] {
    background-color: transparent;
    color: var(--ids_color_action_primary_contrast_medium)
}

@media(hover: hover)and (pointer: fine) {
    .ids-cmsless .ids-main-button--on-brand.ids-main-button--secondary:hover:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless .ids-main-button--on-brand.ids-main-button--secondary:focus-visible:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless :host.ids-main-button--on-brand.ids-main-button--secondary:hover:not(:disabled):not([aria-disabled=true]),
    .ids-cmsless :host.ids-main-button--on-brand.ids-main-button--secondary:focus-visible:not(:disabled):not([aria-disabled=true]) {
        background-color: var(--ids_color_action_primary_contrast_soft);
        color: var(--ids_color_action_primary_contrast)
    }
}

.ids-cmsless .ids-main-button--on-brand.ids-main-button--secondary:active:not(:disabled):not([aria-disabled=true]),
.ids-cmsless :host.ids-main-button--on-brand.ids-main-button--secondary:active:not(:disabled):not([aria-disabled=true]) {
    background-color: var(--ids_color_action_primary_contrast_soft);
    color: var(--ids_color_action_primary_contrast)
}

@media(min-width: 64rem) {
    .ids-cmsless .ids-main-button,
    .ids-cmsless :host.ids-main-button {
        font: var(--ids_textStyle_f02_s20_h26_wbd)
    }
}

.ids-cmsless .ids-animation-fade-in-start {
    opacity: 0
}

.ids-cmsless .ids-animation-fade-in-moderate-end {
    opacity: 1;
    -webkit-transition: opacity 200ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: opacity 200ms cubic-bezier(0.42, 0, 0.58, 1)
}

.ids-cmsless .ids-animation-fade-out-start {
    opacity: 1
}

.ids-cmsless .ids-animation-fade-out-moderate-output-end {
    opacity: 0;
    -webkit-transition: opacity 275ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: opacity 275ms cubic-bezier(0.42, 0, 0.58, 1)
}

.ids-cmsless .ids-animation-scale-x-down {
    -webkit-transform: scaleX(var(--ids-scale-x-down, 0));
    transform: scaleX(var(--ids-scale-x-down, 0))
}

.ids-cmsless .ids-animation-scale-x-up {
    -webkit-transform: scaleX(var(--ids-scale-x-up, 100%));
    transform: scaleX(var(--ids-scale-x-up, 100%))
}

.ids-cmsless .ids-animation-time-transform-slow {
    -webkit-transition: -webkit-transform 2000ms cubic-bezier(0, 0, 0.58, 1);
    transition: -webkit-transform 2000ms cubic-bezier(0, 0, 0.58, 1);
    transition: transform 2000ms cubic-bezier(0, 0, 0.58, 1);
    transition: transform 2000ms cubic-bezier(0, 0, 0.58, 1), -webkit-transform 2000ms cubic-bezier(0, 0, 0.58, 1)
}

.ids-cmsless .ids-animation-width-down {
    width: var(--ids-width-down, 0)
}

.ids-cmsless .ids-animation-width-up {
    width: var(--ids-width-up, 100%)
}

.ids-cmsless .ids-animation-time-width-slow {
    -webkit-transition: width 2000ms cubic-bezier(0, 0, 0.58, 1);
    transition: width 2000ms cubic-bezier(0, 0, 0.58, 1)
}

.ids-cmsless .ids-motion-none,
.ids-cmsless .ids-motion-none::before,
.ids-cmsless .ids-motion-none::after,
.ids-cmsless .ids-motion-none *,
.ids-cmsless .ids-motion-none *::before,
.ids-cmsless .ids-motion-none *::after {
    -webkit-animation: none !important;
    animation: none !important;
    -webkit-transition: none !important;
    transition: none !important
}

.ids-cmsless .ids-mobile-header,
.ids-cmsless :host.ids-mobile-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--ids_color_bg_base);
    border-bottom: var(--ids_size_border_small) solid transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    left: 0;
    min-height: var(--ids_size_general_72x);
    padding: 0 var(--ids_spacing_2x);
    position: sticky;
    top: 0;
    -webkit-transition: background-color 200ms cubic-bezier(0.42, 0, 1, 1), color 200ms cubic-bezier(0.42, 0, 1, 1);
    transition: background-color 200ms cubic-bezier(0.42, 0, 1, 1), color 200ms cubic-bezier(0.42, 0, 1, 1);
    width: 100%
}

.ids-cmsless .ids-mobile-header .ids-icon-button,
.ids-cmsless :host.ids-mobile-header .ids-icon-button {
    color: var(--ids_color_action_neutral_base)
}

.ids-cmsless .ids-mobile-header ::ng-deep .ids-icon-button,
.ids-cmsless :host.ids-mobile-header ::ng-deep .ids-icon-button {
    color: var(--ids_color_action_neutral_base)
}

.ids-cmsless .ids-mobile-header__presentation,
.ids-cmsless :host.ids-mobile-header__presentation {
    font: var(--ids_textStyle_f02_s16_h24_wrg);
    margin-left: var(--ids_spacing_4x);
    opacity: 0;
    overflow: hidden;
    pointer-events: initial;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ids-cmsless .ids-mobile-header__presentation>*,
.ids-cmsless :host.ids-mobile-header__presentation>* {
    font: inherit;
    margin: 0;
    overflow: inherit;
    text-overflow: inherit
}

.ids-cmsless .ids-mobile-header__controls,
.ids-cmsless :host.ids-mobile-header__controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto
}

.ids-cmsless .ids-mobile-header__button,
.ids-cmsless :host.ids-mobile-header__button {
    background-color: transparent;
    border: none;
    color: var(--ids_color_action_neutral_base);
    height: var(--ids_size_general_48x);
    line-height: 1;
    width: var(--ids_size_general_48x)
}

.ids-cmsless .ids-mobile-header__button+.ids-mobile-header__presentation,
.ids-cmsless :host.ids-mobile-header__button+.ids-mobile-header__presentation {
    margin-left: var(--ids_spacing_2x)
}

.ids-cmsless .ids-mobile-header--collapsed,
.ids-cmsless :host.ids-mobile-header--collapsed {
    border-color: var(--ids_color_border_soft);
    -webkit-transition: background-color 250ms cubic-bezier(0.42, 0, 1, 1), color 250ms cubic-bezier(0.42, 0, 1, 1);
    transition: background-color 250ms cubic-bezier(0.42, 0, 1, 1), color 250ms cubic-bezier(0.42, 0, 1, 1);
    z-index: 1000
}

.ids-cmsless .ids-mobile-header--collapsed .ids-mobile-header__presentation,
.ids-cmsless :host.ids-mobile-header--collapsed .ids-mobile-header__presentation {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    opacity: 1;
    pointer-events: initial;
    -webkit-transition: opacity 250ms ease-in;
    transition: opacity 250ms ease-in
}

.ids-cmsless .ids-mobile-header--on-brand,
.ids-cmsless :host.ids-mobile-header--on-brand {
    color: var(--ids_color_contrast_onBrand_primary)
}

.ids-cmsless .ids-mobile-header--on-brand .ids-icon-button,
.ids-cmsless :host.ids-mobile-header--on-brand .ids-icon-button {
    color: inherit
}

.ids-cmsless .ids-mobile-header--on-brand ::ng-deep .ids-icon-button,
.ids-cmsless :host.ids-mobile-header--on-brand ::ng-deep .ids-icon-button {
    color: inherit
}

.ids-cmsless .ids-mobile-header--on-brand.ids-mobile-header--collapsed,
.ids-cmsless :host.ids-mobile-header--on-brand.ids-mobile-header--collapsed {
    border-color: var(--ids_color_action_primary_contrast_soft)
}

.ids-cmsless .ids-mobile-header-wrapper {
    display: block;
    position: sticky;
    top: 0
}

.ids-cmsless .voxel-theme-empresas .ids-mobile-header:not(.ids-mobile-header--on-brand) {
    background: var(--ids_color_bg_brand_gradient);
    color: var(--ids_color_contrast_onBrand_primary)
}

.ids-cmsless .ids-number-badge {
    background-color: var(--ids_color_action_primary_base);
    border-radius: var(--ids_size_cornerRadius_layout_01);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--ids_color_action_primary_contrast);
    display: inline-block;
    font: var(--ids_textStyle_f02_s20_h26_wbd);
    height: var(--ids_size_general_24x);
    line-height: 1;
    min-width: var(--ids_size_general_24x);
    padding: .0625rem var(--ids_size_general_6x);
    position: relative;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media(max-width: 63.99rem) {
    .ids-cmsless .ids-number-badge {
        font: var(--ids_textStyle_f02_s14_h20_wbd);
        height: var(--ids_size_general_20x);
        line-height: 1.2;
        min-width: var(--ids_size_general_20x)
    }
}

.ids-cmsless .ids-number-badge--neutral {
    background-color: var(--ids_color_feedback_neutral);
    color: var(--ids_color_feedback_neutral_contrast)
}

.ids-cmsless .ids-number-badge--secondary {
    background-color: var(--ids_color_action_secondary_base);
    color: var(--ids_color_action_secondary_contrast)
}

.ids-cmsless .ids-number-badge--on-brand {
    background-color: var(--ids_color_action_primary_contrast);
    color: var(--ids_color_action_primary_base)
}

.ids-cmsless .ids-number-badge--on-brand.ids-number-badge--neutral {
    background-color: var(--ids_color_feedback_neutral_contrast);
    color: var(--ids_color_feedback_neutral)
}

.ids-cmsless .ids-number-badge--on-brand.ids-number-badge--secondary {
    background-color: var(--ids_color_action_secondary_contrast);
    color: var(--ids_color_action_secondary_base)
}

.ids-cmsless .ids-number-badge__content-hidden {
    display: none
}

.ids-cmsless .ids-number-badge__hidden-aria-label {
    display: block;
    font-size: .3125rem;
    height: var(--ids_size_general_24x);
    left: 0;
    -webkit-line-clamp: 2;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    text-overflow: ellipsis;
    top: 0;
    -webkit-transform: translate(-0.125rem, var(--ids_size_general_8x));
    transform: translate(-0.125rem, var(--ids_size_general_8x));
    width: var(--ids_size_general_24x)
}

.ids-cmsless .ids-option,
.ids-cmsless :host.ids-option {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--ids_color_bg_base);
    border-left: var(--ids_size_border_large) solid var(--ids_color_bg_base);
    color: var(--ids_color_action_neutral_variant);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font: var(--ids_textStyle_label_medium_regular);
    min-height: var(--ids_size_general_48x);
    text-align: left
}

.ids-cmsless .ids-option:not(.ids-option--small):hover,
.ids-cmsless :host.ids-option:not(.ids-option--small):hover {
    background-color: var(--ids_color_bg_variant_02);
    border-left-color: var(--ids_color_bg_variant_02)
}

.ids-cmsless .ids-option [aria-selected=true],
.ids-cmsless .ids-option--selected,
.ids-cmsless :host.ids-option [aria-selected=true],
.ids-cmsless :host.ids-option--selected {
    border-left-color: var(--ids_color_action_primary_variant);
    font: var(--ids_textStyle_label_medium_bold)
}

.ids-cmsless .ids-option [aria-selected=true]:hover,
.ids-cmsless .ids-option--selected:hover,
.ids-cmsless :host.ids-option [aria-selected=true]:hover,
.ids-cmsless :host.ids-option--selected:hover {
    border-left-color: var(--ids_color_action_primary_variant)
}

.ids-cmsless .ids-option [aria-disabled=true],
.ids-cmsless .ids-option--disabled,
.ids-cmsless :host.ids-option [aria-disabled=true],
.ids-cmsless :host.ids-option--disabled {
    background-color: var(--ids_color_bg_variant_01);
    border-left-color: var(--ids_color_bg_variant_01);
    color: var(--ids_color_action_disabled_variant);
    pointer-events: none
}

.ids-cmsless .ids-option--highlighted,
.ids-cmsless :host.ids-option--highlighted {
    background-color: var(--ids_color_bg_variant_02);
    border-left-color: var(--ids_color_bg_variant_02)
}

.ids-cmsless .ids-option--hide,
.ids-cmsless :host.ids-option--hide {
    display: none
}

.ids-cmsless .ids-option__text,
.ids-cmsless :host.ids-option__text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    padding: var(--ids_size_general_12x) var(--ids_size_general_8x);
    text-overflow: ellipsis;
    white-space: nowrap
}

.ids-cmsless .ids-radio-button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--ids_color_action_neutral_base);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 0;
    min-height: var(--ids_size_general_48x);
    min-width: var(--ids_size_general_48x);
    position: relative
}

.ids-cmsless .ids-radio-button__input {
    all: unset;
    all: revert;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    appearance: none;
    background-color: transparent;
    border-radius: 0;
    cursor: pointer;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.ids-cmsless .ids-radio-button__input:focus-visible,
.ids-cmsless .ids-radio-button__input:focus.focus-visible {
    outline: 5px auto Highlight !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline: revert !important
}

.ids-cmsless .ids-radio-button__input:disabled {
    cursor: not-allowed
}

.ids-cmsless .ids-radio-button__icon::before {
    content: "radio_button_outline"
}

.ids-cmsless .ids-radio-button--invalid .ids-radio-button__icon {
    color: var(--ids_color_feedback_error)
}

.ids-cmsless .ids-radio-button__input:disabled+.ids-radio-button__icon {
    color: var(--ids_color_action_disabled_variant);
    cursor: not-allowed
}

.ids-cmsless .ids-radio-button__input:checked+.ids-radio-button__icon::before {
    content: "radio_button_selected"
}

.ids-cmsless .ids-radio-button__input[aria-invalid=true]+.ids-radio-button__icon {
    color: var(--ids_color_feedback_error)
}

.ids-cmsless .ids-radio-button__input:not(:disabled):hover+.ids-radio-button__icon {
    color: var(--ids_color_action_neutral_variant)
}

.ids-cmsless .ids-radio-button__input:checked:not(:disabled)+.ids-radio-button__icon {
    color: var(--ids_color_action_primary_base)
}

.ids-cmsless .ids-radio-button__input:checked:not(:disabled):hover+.ids-radio-button__icon {
    color: var(--ids_color_action_primary_variant)
}

.ids-cmsless .ids-radio-button--invalid {
    color: var(--ids_color_feedback_error)
}

.ids-cmsless .ids-pagination-dots {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: var(--ids_size_general_48x);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: var(--ids_size_general_48x);
    max-width: -moz-fit-content;
    max-width: -webkit-fit-content;
    max-width: fit-content;
    -webkit-transition: background-color var(--ids_motion_time_superslow_01) var(--ids_motion_easing_effective_02);
    transition: background-color var(--ids_motion_time_superslow_01) var(--ids_motion_easing_effective_02)
}

.ids-cmsless .ids-pagination-dots .ids-icon-button {
    border-radius: 50% 0 0 50%
}

.ids-cmsless .ids-pagination-dots .ids-icon-button:last-child {
    border-radius: 0 50% 50% 0
}

.ids-cmsless .ids-pagination-dots__items {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: var(--ids_size_general_4x);
    padding: 0 var(--ids_size_general_16x)
}

.ids-cmsless .ids-pagination-dots__item {
    background-color: var(--ids_color_action_neutral_variant_soft);
    border: none;
    border-radius: var(--ids_size_general_10x);
    height: var(--ids_size_general_6x);
    outline-offset: var(--ids_size_general_2x);
    padding: 0;
    -webkit-transition: width var(--ids_motion_time_superslow_01) var(--ids_motion_easing_effective_02), background-color var(--ids_motion_time_superslow_01) var(--ids_motion_easing_effective_02);
    transition: width var(--ids_motion_time_superslow_01) var(--ids_motion_easing_effective_02), background-color var(--ids_motion_time_superslow_01) var(--ids_motion_easing_effective_02);
    width: var(--ids_size_general_6x)
}

.ids-cmsless .ids-pagination-dots__item--selected,
.ids-cmsless .ids-pagination-dots__item[aria-selected=true] {
    background-color: var(--ids_color_action_primary_base);
    width: var(--ids_size_general_20x)
}

.ids-cmsless .ids-pagination-dots--on-brand {
    background-color: var(--ids_color_contrast_onBrand_primary_soft)
}

.ids-cmsless .ids-pagination-dots--on-brand .ids-pagination-dots__item {
    background-color: var(--ids_color_contrast_onBrand_primary_medium)
}

.ids-cmsless .ids-pagination-dots--on-brand .ids-pagination-dots__item--selected,
.ids-cmsless .ids-pagination-dots--on-brand .ids-pagination-dots__item[aria-selected=true] {
    background-color: var(--ids_color_action_primary_contrast)
}

.ids-cmsless .ids-pagination-dots--with-arrow .ids-pagination-dots__items {
    padding: 0
}

.ids-cmsless .ids-pagination-number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ids-cmsless .ids-pagination-number__container {
    gap: var(--ids_size_general_8x);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ids-cmsless .js-no-flexbox-gap .ids-pagination-number__container {
    margin: calc(var(--ids_size_general_8x) / -2) !important
}

.ids-cmsless .js-no-flexbox-gap .ids-pagination-number__container>* {
    margin: calc(var(--ids_size_general_8x) / 2) !important
}

.ids-cmsless .ids-pagination-number__label {
    color: var(--ids_color_action_neutral_base);
    font: var(--ids_textStyle_f02_s12_h18_wrg)
}

.ids-cmsless .ids-pagination-number__label--bold {
    font: var(--ids_textStyle_f02_s12_h18_wbd)
}

.ids-cmsless .ids-pagination-number__progress-bar {
    -ms-flex-item-align: center;
    align-self: center;
    background: -webkit-gradient(linear, left top, right top, from(var(--ids_color_action_neutral_variant)), to(var(--ids_color_action_neutral_variant)));
    background: linear-gradient(to right, var(--ids_color_action_neutral_variant) 0%, var(--ids_color_action_neutral_variant) 100%);
    background-color: var(--ids_color_action_neutral_base_soft);
    background-repeat: no-repeat;
    border-radius: var(--ids_size_general_4x);
    height: var(--ids_size_general_4x);
    -webkit-transition: background-size 175ms ease-in;
    transition: background-size 175ms ease-in;
    width: var(--ids_size_general_32x)
}

.ids-cmsless .ids-pagination-number--on-brand .ids-pagination-number__label {
    color: var(--ids_color_contrast_onBrand_primary)
}

.ids-cmsless .ids-pagination-number--on-brand .ids-pagination-number__progress-bar {
    background: -webkit-gradient(linear, left top, right top, from(var(--ids_color_contrast_onBrand_primary)), to(var(--ids_color_contrast_onBrand_primary)));
    background: linear-gradient(to right, var(--ids_color_contrast_onBrand_primary) 0%, var(--ids_color_contrast_onBrand_primary) 100%);
    background-color: var(--ids_color_contrast_onBrand_primary_soft);
    background-repeat: no-repeat
}

.ids-cmsless .ids-animation-fade-in-start {
    opacity: 0
}

.ids-cmsless .ids-animation-fade-in-moderate-end {
    opacity: 1;
    -webkit-transition: opacity 200ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: opacity 200ms cubic-bezier(0.42, 0, 0.58, 1)
}

.ids-cmsless .ids-animation-fade-out-start {
    opacity: 1
}

.ids-cmsless .ids-animation-fade-out-moderate-output-end {
    opacity: 0;
    -webkit-transition: opacity 275ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: opacity 275ms cubic-bezier(0.42, 0, 0.58, 1)
}

.ids-cmsless .ids-animation-scale-x-down {
    -webkit-transform: scaleX(var(--ids-scale-x-down, 0));
    transform: scaleX(var(--ids-scale-x-down, 0))
}

.ids-cmsless .ids-animation-scale-x-up {
    -webkit-transform: scaleX(var(--ids-scale-x-up, 100%));
    transform: scaleX(var(--ids-scale-x-up, 100%))
}

.ids-cmsless .ids-animation-time-transform-slow {
    -webkit-transition: -webkit-transform 2000ms cubic-bezier(0, 0, 0.58, 1);
    transition: -webkit-transform 2000ms cubic-bezier(0, 0, 0.58, 1);
    transition: transform 2000ms cubic-bezier(0, 0, 0.58, 1);
    transition: transform 2000ms cubic-bezier(0, 0, 0.58, 1), -webkit-transform 2000ms cubic-bezier(0, 0, 0.58, 1)
}

.ids-cmsless .ids-animation-width-down {
    width: var(--ids-width-down, 0)
}

.ids-cmsless .ids-animation-width-up {
    width: var(--ids-width-up, 100%)
}

.ids-cmsless .ids-animation-time-width-slow {
    -webkit-transition: width 2000ms cubic-bezier(0, 0, 0.58, 1);
    transition: width 2000ms cubic-bezier(0, 0, 0.58, 1)
}

.ids-cmsless .ids-motion-none,
.ids-cmsless .ids-motion-none::before,
.ids-cmsless .ids-motion-none::after,
.ids-cmsless .ids-motion-none *,
.ids-cmsless .ids-motion-none *::before,
.ids-cmsless .ids-motion-none *::after {
    -webkit-animation: none !important;
    animation: none !important;
    -webkit-transition: none !important;
    transition: none !important
}

.ids-cmsless .ids-progress-bar {
    background: var(--ids_color_bg_variant_02);
    border-radius: var(--ids_size_general_8x);
    height: var(--ids_size_general_8x)
}

.ids-cmsless .ids-progress-bar::before {
    -webkit-animation: ids-progress-bar-to-half var(--ids_motion_time_slow_02);
    animation: ids-progress-bar-to-half var(--ids_motion_time_slow_02);
    background: var(--ids_color_action_primary_base);
    border-radius: var(--ids_size_general_8x);
    content: "";
    display: block;
    height: 100%;
    overflow: hidden;
    -webkit-transition: var(--ids_motion_time_slow_02) var(--ids_motion_easing_effective_standard);
    transition: var(--ids_motion_time_slow_02) var(--ids_motion_easing_effective_standard);
    width: var(--ids-progress-bar-width)
}

.ids-cmsless .ids-progress-bar--gradient::before {
    background: var(--ids_color_bg_brand_gradient)
}

.ids-cmsless .ids-progress-bar--weight {
    border-radius: var(--ids_size_general_8x);
    height: var(--ids_size_general_16x)
}

.ids-cmsless .ids-progress-bar--weight::before {
    border-radius: var(--ids_size_general_8x)
}

.ids-cmsless .ids-progress-bar--over-half::before {
    -webkit-animation: ids-progress-bar-over-half var(--ids_motion_time_slow_02);
    animation: ids-progress-bar-over-half var(--ids_motion_time_slow_02)
}

.ids-cmsless .ids-progress-bar--decrescent::before {
    -webkit-animation: ids-progress-bar-decrescent-to-half var(--ids_motion_time_slow_02);
    animation: ids-progress-bar-decrescent-to-half var(--ids_motion_time_slow_02)
}

.ids-cmsless .ids-progress-bar--decrescent.ids-progress-bar--over-half::before {
    -webkit-animation: ids-progress-bar-decrescent-over-half var(--ids_motion_time_slow_02);
    animation: ids-progress-bar-decrescent-over-half var(--ids_motion_time_slow_02)
}

.ids-cmsless .ids-progress-bar--secondary::before {
    background: var(--ids_color_bg_brand_secondary)
}

.ids-cmsless .ids-progress-bar--information::before {
    background: var(--ids_color_feedback_information)
}

.ids-cmsless .ids-progress-bar--success::before {
    background: var(--ids_color_feedback_success)
}

.ids-cmsless .ids-progress-bar--alert::before {
    background: var(--ids_color_feedback_alert)
}

.ids-cmsless .ids-progress-bar--error::before {
    background: var(--ids_color_feedback_error)
}

@-webkit-keyframes ids-progress-bar-to-half {
    from {
        width: var(--ids_motion_scale_0)
    }
    to {
        width: var(--ids-progress-bar-width)
    }
}

@keyframes ids-progress-bar-to-half {
    from {
        width: var(--ids_motion_scale_0)
    }
    to {
        width: var(--ids-progress-bar-width)
    }
}

@-webkit-keyframes ids-progress-bar-over-half {
    from {
        width: 51%
    }
    to {
        width: var(--ids-progress-bar-width)
    }
}

@keyframes ids-progress-bar-over-half {
    from {
        width: 51%
    }
    to {
        width: var(--ids-progress-bar-width)
    }
}

@-webkit-keyframes ids-progress-bar-decrescent-to-half {
    from {
        width: 51%
    }
    to {
        width: var(--ids-progress-bar-width)
    }
}

@keyframes ids-progress-bar-decrescent-to-half {
    from {
        width: 51%
    }
    to {
        width: var(--ids-progress-bar-width)
    }
}

@-webkit-keyframes ids-progress-bar-decrescent-over-half {
    from {
        width: calc(var(--ids_motion_scale_100) * 1%)
    }
    to {
        width: var(--ids-progress-bar-width)
    }
}

@keyframes ids-progress-bar-decrescent-over-half {
    from {
        width: calc(var(--ids_motion_scale_100) * 1%)
    }
    to {
        width: var(--ids-progress-bar-width)
    }
}

.ids-cmsless .ids-shimmer,
.ids-cmsless :host.ids-shimmer {
    -webkit-animation: shimmer 1000ms ease infinite;
    animation: shimmer 1000ms ease infinite;
    background-image: var(--ids_color_bg_shimmer_gradient);
    background-size: 200%;
    border-radius: var(--ids_size_general_8x);
    color: transparent;
    display: block;
    min-height: var(--ids_size_general_24x);
    overflow: hidden;
    position: relative
}

.ids-cmsless .ids-shimmer--on-brand,
.ids-cmsless :host.ids-shimmer--on-brand {
    background-image: var(--ids_color_bg_shimmer_gradient_onDark)
}

.ids-cmsless .ids-shimmer>*,
.ids-cmsless :host.ids-shimmer>* {
    opacity: 0 !important;
    visibility: hidden !important
}

.ids-cmsless .ids-shimmer ::ng-deep>*,
.ids-cmsless :host.ids-shimmer ::ng-deep>* {
    opacity: 0 !important;
    visibility: hidden !important
}

@-webkit-keyframes shimmer {
    from {
        background-position-x: 200%
    }
    to {
        background-position-x: 0%
    }
}

@keyframes shimmer {
    from {
        background-position-x: 200%
    }
    to {
        background-position-x: 0%
    }
}

.ids-cmsless .ids-switch {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--ids_color_text_body_01);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 0;
    min-height: var(--ids_size_general_48x);
    min-width: var(--ids_size_general_48x);
    position: relative
}

.ids-cmsless .ids-switch__input {
    all: unset;
    all: revert;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    appearance: none;
    background-color: transparent;
    border-radius: 0;
    cursor: pointer;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    border: 0
}

.ids-cmsless .ids-switch__input:focus-visible,
.ids-cmsless .ids-switch__input:focus.focus-visible {
    outline: 5px auto Highlight !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline: revert !important
}

.ids-cmsless .ids-switch__input:disabled {
    cursor: not-allowed
}

.ids-cmsless .ids-switch__icon {
    background: transparent;
    border: var(--ids_size_border_small) solid var(--ids_color_action_neutral_base);
    border-radius: var(--ids_size_general_14x);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: var(--ids_size_general_24x);
    inset: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    pointer-events: none;
    position: relative;
    -webkit-transition: background-color .2s, -webkit-transform .2s;
    transition: background-color .2s, -webkit-transform .2s;
    transition: transform .2s, background-color .2s;
    transition: transform .2s, background-color .2s, -webkit-transform .2s;
    width: var(--ids_size_general_40x)
}

.ids-cmsless .ids-switch__icon::before {
    background: var(--ids_color_action_neutral_base);
    border-radius: 50%;
    content: "";
    height: var(--ids_size_general_18x);
    left: var(--ids_size_general_2x);
    position: absolute;
    -webkit-transition: background-color .2s, -webkit-transform .2s;
    transition: background-color .2s, -webkit-transform .2s;
    transition: transform .2s, background-color .2s;
    transition: transform .2s, background-color .2s, -webkit-transform .2s;
    width: var(--ids_size_general_18x)
}

.ids-cmsless .ids-switch--on-brand .ids-switch__icon {
    background: transparent;
    border-color: var(--ids_color_contrast_onBrand_primary)
}

.ids-cmsless .ids-switch--on-brand .ids-switch__icon::before {
    background: var(--ids_color_contrast_onBrand_primary)
}

.ids-cmsless .ids-switch__input[aria-pressed=true]+.ids-switch__icon,
.ids-cmsless .ids-switch__input:checked+.ids-switch__icon {
    background: var(--ids_color_action_primary_base);
    border-color: var(--ids_color_action_primary_base)
}

.ids-cmsless .ids-switch__input[aria-pressed=true]+.ids-switch__icon::before,
.ids-cmsless .ids-switch__input:checked+.ids-switch__icon::before {
    background: var(--ids_color_contrast_onBrand_primary);
    -webkit-transform: translateX(var(--ids_size_general_16x));
    transform: translateX(var(--ids_size_general_16x))
}

.ids-cmsless .ids-switch__input:disabled+.ids-switch__icon {
    border-color: var(--ids_color_action_disabled_base);
    cursor: not-allowed
}

.ids-cmsless .ids-switch__input:disabled+.ids-switch__icon::before {
    background: var(--ids_color_action_disabled_base)
}

.ids-cmsless .ids-switch__input[aria-pressed=true]:disabled+.ids-switch__icon,
.ids-cmsless .ids-switch__input:checked:disabled+.ids-switch__icon {
    background: var(--ids_color_action_disabled_base);
    border-color: var(--ids_color_action_disabled_base)
}

.ids-cmsless .ids-switch__input[aria-pressed=true]:disabled+.ids-switch__icon::before,
.ids-cmsless .ids-switch__input:checked:disabled+.ids-switch__icon::before {
    background-color: var(--ids_color_contrast_onBrand_primary)
}

.ids-cmsless .ids-switch--on-brand .ids-switch__input:disabled+.ids-switch__icon {
    background: transparent;
    border-color: var(--ids_color_contrast_onBrand_primary_medium)
}

.ids-cmsless .ids-switch--on-brand .ids-switch__input:disabled+.ids-switch__icon::before {
    background-color: var(--ids_color_contrast_onBrand_primary_medium)
}

.ids-cmsless .ids-switch--on-brand .ids-switch__input[aria-pressed=true]+.ids-switch__icon,
.ids-cmsless .ids-switch--on-brand .ids-switch__input:checked+.ids-switch__icon {
    background: var(--ids_color_contrast_onBrand_primary);
    border-color: var(--ids_color_contrast_onBrand_primary)
}

.ids-cmsless .ids-switch--on-brand .ids-switch__input[aria-pressed=true]+.ids-switch__icon::before,
.ids-cmsless .ids-switch--on-brand .ids-switch__input:checked+.ids-switch__icon::before {
    background-color: var(--ids_color_action_primary_base)
}

.ids-cmsless .ids-switch--on-brand .ids-switch__input[aria-pressed=true]:disabled+.ids-switch__icon,
.ids-cmsless .ids-switch--on-brand .ids-switch__input:checked:disabled+.ids-switch__icon {
    background: var(--ids_color_contrast_onBrand_primary_medium);
    border-color: var(--ids_color_contrast_onBrand_primary_soft)
}

.ids-cmsless .ids-switch--on-brand .ids-switch__input[aria-pressed=true]:disabled+.ids-switch__icon::before,
.ids-cmsless .ids-switch--on-brand .ids-switch__input:checked:disabled+.ids-switch__icon::before {
    background: var(--ids_color_contrast_onBrand_primary_strong)
}

.ids-cmsless .ids-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: var(--ids_size_general_56x);
    overflow-x: scroll;
    position: relative;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    scrollbar-width: none
}

.ids-cmsless .ids-tabs::-webkit-scrollbar {
    display: none
}

.ids-cmsless .ids-tabs::after {
    border-bottom: var(--ids_size_border_small) solid var(--ids_color_border_medium);
    content: "";
    width: 100%
}

.ids-cmsless .ids-tabs__item {
    all: unset;
    all: revert;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    padding: 0;
    gap: var(--ids_spacing_2x);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--ids_opacity_empty);
    border: none;
    border-bottom: var(--ids_size_border_small) solid var(--ids_color_border_medium);
    color: var(--ids_color_action_neutral_base);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font: var(--ids_textStyle_f02_s16_h24_wrg);
    outline-offset: -0.0625rem;
    padding: 0 var(--ids_size_general_12x);
    scroll-snap-align: center;
    white-space: nowrap
}

.ids-cmsless .ids-tabs__item:focus-visible,
.ids-cmsless .ids-tabs__item:focus.focus-visible {
    outline: 5px auto Highlight !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline: revert !important
}

.ids-cmsless .js-no-flexbox-gap .ids-tabs__item {
    white-space: pre
}

.ids-cmsless .ids-tabs__item:disabled,
.ids-cmsless .ids-tabs__item[aria-disabled=true] {
    color: var(--ids_color_action_disabled_variant);
    pointer-events: none
}

.ids-cmsless .ids-tabs__item:hover {
    background-color: var(--ids_color_action_neutral_base_soft)
}

.ids-cmsless .ids-tabs__item[aria-selected=true],
.ids-cmsless .ids-tabs__item--selected {
    border-bottom: var(--ids_size_border_medium) solid var(--ids_color_action_primary_base);
    font: var(--ids_textStyle_f02_s16_h24_wbd)
}

.ids-cmsless .ids-tabs--on-brand::after {
    border-bottom: var(--ids_size_border_small) solid var(--ids_color_contrast_onBrand_primary_medium)
}

.ids-cmsless .ids-tabs--on-brand .ids-tabs__item {
    border-bottom: var(--ids_size_border_small) solid var(--ids_color_contrast_onBrand_primary_medium);
    color: var(--ids_color_contrast_onBrand_primary)
}

.ids-cmsless .ids-tabs--on-brand .ids-tabs__item:disabled,
.ids-cmsless .ids-tabs--on-brand .ids-tabs__item[aria-disabled=true] {
    color: var(--ids_color_contrast_onBrand_primary_medium)
}

.ids-cmsless .ids-tabs--on-brand .ids-tabs__item:hover {
    background-color: var(--ids_color_contrast_onBrand_primary_soft)
}

.ids-cmsless .ids-tabs--on-brand .ids-tabs__item[aria-selected=true],
.ids-cmsless .ids-tabs--on-brand .ids-tabs__item--selected {
    border-bottom: var(--ids_size_border_medium) solid var(--ids_color_contrast_onBrand_primary_medium)
}

.ids-cmsless .ids-sort__content,
.ids-cmsless :host.ids-sort__content {
    background-color: var(--ids_color_bg_base);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: var(--ids_size_general_48x);
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    width: var(--ids_size_general_64x);
    color: var(--ids_color_text_heading_01);
    font: var(--ids_textStyle_f02_s16_h24_wbd);
    padding: 0 var(--ids_spacing_4x);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 0;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: var(--ids_spacing_2x);
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    outline-offset: -0.0625rem;
    width: 100%
}

.ids-cmsless .ids-sort__content:hover,
.ids-cmsless :host.ids-sort__content:hover {
    background-color: var(--ids_color_bg_variant_02);
    color: var(--ids_color_text_heading_01)
}

.ids-cmsless .ids-sort__content:active,
.ids-cmsless :host.ids-sort__content:active {
    background-color: var(--ids_color_action_neutral_base);
    color: var(--ids_color_action_primary_contrast)
}

.ids-cmsless .ids-sort__content:first-child,
.ids-cmsless :host.ids-sort__content:first-child {
    border-top-left-radius: var(--ids_size_cornerRadius_tags_01)
}

.ids-cmsless .ids-sort__content:last-child,
.ids-cmsless :host.ids-sort__content:last-child {
    border-top-right-radius: var(--ids_size_cornerRadius_tags_01)
}

.ids-cmsless .ids-sort:not(:last-child) .ids-sort__content,
.ids-cmsless :host.ids-sort:not(:last-child) .ids-sort__content {
    border-top-right-radius: 0
}

.ids-cmsless .ids-sort:not(:first-child) .ids-sort__content,
.ids-cmsless :host.ids-sort:not(:first-child) .ids-sort__content {
    border-top-left-radius: 0
}

.ids-cmsless .ids-sort__icon,
.ids-cmsless :host.ids-sort__icon {
    min-width: var(--ids_size_general_14x)
}

.ids-cmsless .ids-table {
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%
}

.ids-cmsless .ids-table th {
    border-bottom: var(--ids_size_general_2x) solid var(--ids_color_border_medium);
    height: var(--ids_size_general_48x)
}

.ids-cmsless .ids-table th:not(.ids-sort) {
    background-color: var(--ids_color_bg_base);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: var(--ids_size_general_48x);
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    width: var(--ids_size_general_64x);
    color: var(--ids_color_text_heading_01);
    font: var(--ids_textStyle_f02_s16_h24_wbd);
    padding: 0 var(--ids_spacing_4x)
}

.ids-cmsless .ids-table th:not(.ids-sort):hover {
    background-color: var(--ids_color_bg_variant_02);
    color: var(--ids_color_text_heading_01)
}

.ids-cmsless .ids-table th:not(.ids-sort):active {
    background-color: var(--ids_color_action_neutral_base);
    color: var(--ids_color_action_primary_contrast)
}

.ids-cmsless .ids-table th:not(.ids-sort):first-child {
    border-top-left-radius: var(--ids_size_cornerRadius_tags_01)
}

.ids-cmsless .ids-table th:not(.ids-sort):last-child {
    border-top-right-radius: var(--ids_size_cornerRadius_tags_01)
}

.ids-cmsless .ids-table td {
    background-color: var(--ids_color_bg_base);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: var(--ids_size_general_48x);
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    width: var(--ids_size_general_64x);
    color: var(--ids_color_text_body_02);
    font: var(--ids_textStyle_f02_s16_h24_wrg);
    padding: 0 var(--ids_spacing_6x)
}

.ids-cmsless .ids-table__footer-cell {
    background-color: var(--ids_color_bg_base);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: var(--ids_size_general_48x);
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    width: var(--ids_size_general_64x);
    color: var(--ids_color_text_heading_01);
    font: var(--ids_textStyle_f02_s16_h24_wbd);
    padding: 0 var(--ids_spacing_4x);
    border-top: var(--ids_size_general_2x) solid var(--ids_color_border_medium)
}

.ids-cmsless .ids-table__footer-cell:hover {
    background-color: var(--ids_color_bg_variant_02);
    color: var(--ids_color_text_heading_01)
}

.ids-cmsless .ids-table__footer-cell:active {
    background-color: var(--ids_color_action_neutral_base);
    color: var(--ids_color_action_primary_contrast)
}

.ids-cmsless .ids-table--solid-border td {
    border: var(--ids_size_general_1x) solid var(--ids_color_border_medium)
}

.ids-cmsless .ids-table td:hover {
    background-color: var(--ids_color_bg_variant_02)
}

.ids-cmsless .ids-table--zebra-style tr:nth-child(even) td:not(:hover) {
    background-color: var(--ids_color_bg_variant_01)
}

.ids-cmsless .ids-table-sticky {
    position: sticky
}

.ids-cmsless .ids-table-sticky-border-elem-left {
    border-right: var(--ids_size_general_1x) solid var(--ids_color_border_medium)
}

.ids-cmsless .ids-table-sticky-border-elem-right {
    border-left: var(--ids_size_general_1x) solid var(--ids_color_border_medium)
}

.ids-cmsless .ids-table-wrapper {
    overflow: auto
}

.ids-cmsless .ids-image {
    height: auto;
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.ids-cmsless .ids-image.one-by-one,
.ids-cmsless .ids-image.-square {
    aspect-ratio: 1/1
}

.ids-cmsless .ids-image.-two-by-three,
.ids-cmsless .ids-image.-portrait {
    aspect-ratio: 2/3
}

.ids-cmsless .ids-image.-three-by-two,
.ids-cmsless .ids-image.-landscape {
    aspect-ratio: 3/2
}

.ids-cmsless .ids-image.-sixteen-by-nine,
.ids-cmsless .ids-image.-widescreen {
    aspect-ratio: 16/9
}

.ids-cmsless .ids-image.-three-by-one,
.ids-cmsless .ids-image.-panoramic {
    aspect-ratio: 3/1
}

.ids-cmsless .ids-overlay-tooltip {
    z-index: 0
}

.ids-cmsless .ids-tooltip {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--ids_color_contrast_onDark);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: left
}

.ids-cmsless .ids-tooltip .ids-icon {
    color: inherit;
    margin-right: .9375rem
}

.ids-cmsless .ids-tooltip__text {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--ids_color_feedback_information);
    border-radius: var(--ids_size_cornerRadius_tooltip);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font: var(--ids_textStyle_f02_s14_h20_wrg);
    line-height: 1.09375rem;
    max-width: 13.25rem;
    padding: var(--ids_size_general_12x)
}

@media(min-width: 64rem) {
    .ids-cmsless .ids-tooltip__text {
        max-width: 19rem
    }
}

.ids-cmsless .ids-tooltip::before {
    border: var(--ids_size_general_4x) solid transparent;
    border-top-color: var(--ids_color_feedback_information);
    content: "";
    margin: 0 var(--ids_size_general_5x);
    opacity: 0
}

.ids-cmsless .ids-tooltip--arrow::before {
    border-width: var(--ids_size_general_8x);
    opacity: 1
}

.ids-cmsless .ids-tooltip--description .ids-tooltip__text {
    background-color: var(--ids_color_feedback_neutral);
    color: var(--ids_color_contrast_onDark)
}

.ids-cmsless .ids-tooltip--description::before {
    border-top-color: var(--ids_color_feedback_neutral)
}

.ids-cmsless .ids-tooltip--bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.ids-cmsless .ids-tooltip--bottom::before {
    border-color: transparent;
    border-bottom-color: var(--ids_color_feedback_information)
}

.ids-cmsless .ids-tooltip--left {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.ids-cmsless .ids-tooltip--left::before {
    border-color: transparent;
    border-left-color: var(--ids_color_feedback_information);
    margin: var(--ids_size_general_5x) 0
}

.ids-cmsless .ids-tooltip--right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.ids-cmsless .ids-tooltip--right::before {
    border-color: transparent;
    border-right-color: var(--ids_color_feedback_information);
    margin: var(--ids_size_general_5x) 0
}

.ids-cmsless .ids-tooltip--right.ids-tooltip--description::before {
    border-right-color: var(--ids_color_feedback_neutral)
}

.ids-cmsless .ids-tooltip--bottom.ids-tooltip--description::before {
    border-bottom-color: var(--ids_color_feedback_neutral)
}

.ids-cmsless .ids-tooltip--left.ids-tooltip--description::before {
    border-left-color: var(--ids_color_feedback_neutral)
}

.ids-cmsless .ids-tooltip--start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.ids-cmsless .ids-tooltip--end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.ids-cmsless .ids-tooltip--left,
.ids-cmsless .ids-tooltip--right {
    -webkit-box-pack: initial;
    -ms-flex-pack: initial;
    justify-content: initial
}

.ids-cmsless .ids-box-field {
    all: unset;
    all: revert;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--ids_color_bg_variant_01);
    border: var(--ids_size_border_small) solid var(--ids_color_border_medium);
    border-radius: var(--ids_size_cornerRadius_button);
    color: var(--ids_color_action_neutral_variant);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: var(--ids_size_general_48x);
    position: relative
}

.ids-cmsless .ids-box-field input:not(.ids-box-field__input),
.ids-cmsless .ids-box-field__input {
    all: unset;
    all: revert;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    background-color: transparent;
    border-radius: var(--ids_size_cornerRadius_button);
    caret-color: var(--ids_color_action_primary_base);
    color: inherit;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font: var(--ids_textStyle_f02_s16_h24_wrg);
    outline-offset: var(--ids_size_general_1x);
    padding: var(--ids_size_general_10x) var(--ids_size_general_16x)
}

.ids-cmsless .ids-box-field input:not(.ids-box-field__input):focus-visible,
.ids-cmsless .ids-box-field input:not(.ids-box-field__input):focus.focus-visible,
.ids-cmsless .ids-box-field__input:focus-visible,
.ids-cmsless .ids-box-field__input:focus.focus-visible {
    outline: 5px auto Highlight !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline: revert !important
}

.ids-cmsless .ids-box-field__prefix {
    all: unset;
    all: revert;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: calc(var(--ids_size_general_16x) + var(--ids_size_border_small));
    line-height: 1;
    pointer-events: none;
    position: absolute
}

.ids-cmsless .ids-box-field__prefix+input:not(.ids-box-field__input),
.ids-cmsless .ids-box-field__prefix+.ids-box-field__input {
    padding-left: var(--ids_size_general_48x)
}

.ids-cmsless .ids-box-field__suffix {
    all: unset;
    all: revert;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    right: calc(var(--ids_size_general_8x) + var(--ids_size_border_small))
}

.ids-cmsless .ids-box-field--on-brand {
    background-color: var(--ids_color_action_neutral_base);
    border-color: var(--ids_color_contrast_onDark_medium);
    color: var(--ids_color_contrast_onDark)
}

.ids-cmsless .ids-box-field--suffix input:not(.ids-box-field__input),
.ids-cmsless .ids-box-field--suffix .ids-box-field__input {
    padding-right: 3.75rem
}

.ids-cmsless .ids-listbox {
    background-color: var(--ids_color_bg_base);
    border-radius: 0 0 var(--ids_size_cornerRadius_tags_01) var(--ids_size_cornerRadius_tags_01);
    -webkit-box-shadow: 0 0 var(--ids_size_general_2x) 0 rgba(86, 80, 76, .16), 0 var(--ids_size_general_2x) var(--ids_size_general_8x) 0 rgba(86, 80, 76, .16);
    box-shadow: 0 0 var(--ids_size_general_2x) 0 rgba(86, 80, 76, .16), 0 var(--ids_size_general_2x) var(--ids_size_general_8x) 0 rgba(86, 80, 76, .16);
    overflow-y: auto;
    width: 100%
}

.ids-cmsless .ids-listbox--top {
    border-radius: var(--ids_size_cornerRadius_tags_01) var(--ids_size_cornerRadius_tags_01) 0 0;
    -webkit-box-shadow: 0 0 var(--ids_size_general_2x) 0 rgba(86, 80, 76, .16), 0 -0.125rem var(--ids_size_general_8x) 0 rgba(86, 80, 76, .16);
    box-shadow: 0 0 var(--ids_size_general_2x) 0 rgba(86, 80, 76, .16), 0 -0.125rem var(--ids_size_general_8x) 0 rgba(86, 80, 76, .16)
}

.ids-cmsless .ids-listbox-wrapper {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin: 0 -0.5rem;
    overflow: hidden;
    padding: 0 var(--ids_size_general_8x)
}

.ids-cmsless .ids-listbox-wrapper .ids-listbox {
    margin-bottom: var(--ids_size_general_8x)
}

.ids-cmsless .ids-listbox-wrapper .ids-listbox--top {
    margin-bottom: 0;
    margin-top: var(--ids_size_general_8x)
}

.ids-cmsless .ids-modal-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    isolation: isolate;
    max-height: 96vh;
    min-width: 272px
}

.ids-cmsless .ids-modal-wrapper__container {
    padding: 0 var(--ids_spacing_2x);
    width: 100%
}

@media(min-width: 360px) {
    .ids-cmsless .ids-modal-wrapper {
        max-height: 92vh
    }
    .ids-cmsless .ids-modal-wrapper__container {
        padding: 0 var(--ids_spacing_6x)
    }
}

.ids-cmsless .ids-modal {
    all: unset;
    all: revert;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: var(--ids_color_bg_base);
    border-radius: var(--ids_size_general_8x);
    color: var(--ids_color_text_body_01);
    container-name: idsmodal;
    container-type: inline-size;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font: var(--ids_textStyle_f02_s16_h24_wrg);
    max-height: 100%;
    max-width: 100%;
    min-width: 272px;
    overflow: hidden
}

.ids-cmsless .ids-modal--shadow {
    -webkit-box-shadow: 0 var(--ids_size_general_4x) var(--ids_size_general_8x) 0 rgba(0, 0, 0, .08);
    box-shadow: 0 var(--ids_size_general_4x) var(--ids_size_general_8x) 0 rgba(0, 0, 0, .08)
}

.ids-cmsless .ids-modal__body {
    all: unset;
    all: revert;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline-offset: -0.0625rem;
    overflow-y: auto
}

.ids-cmsless .ids-modal-header {
    all: unset;
    all: revert;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    gap: var(--ids_spacing_2x);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: var(--ids_spacing_2x);
    padding-left: var(--ids_spacing_3x)
}

.ids-cmsless .js-no-flexbox-gap .ids-modal-header {
    margin: calc(var(--ids_spacing_2x) / -2) !important
}

.ids-cmsless .js-no-flexbox-gap .ids-modal-header>* {
    margin: calc(var(--ids_spacing_2x) / 2) !important
}

.ids-cmsless .ids-modal-header__title {
    all: unset;
    all: revert;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    font: var(--ids_textStyle_f01_s20_h28_wrg)
}

.ids-cmsless .ids-modal-header__description {
    font: var(--ids_textStyle_f02_s14_h20_wrg);
    margin-top: var(--ids_spacing_1x)
}

.ids-cmsless .ids-modal-footer {
    all: unset;
    all: revert;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    gap: var(--ids_spacing_3x);
    background-color: var(--ids_color_bg_base);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: var(--ids_spacing_4x);
    position: relative
}

.ids-cmsless .js-no-flexbox-gap .ids-modal-footer {
    margin: calc(var(--ids_spacing_3x) / -2) !important
}

.ids-cmsless .js-no-flexbox-gap .ids-modal-footer>* {
    margin: calc(var(--ids_spacing_3x) / 2) !important
}

.ids-cmsless .ids-modal-footer--inline {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.ids-cmsless .ids-modal-footer--inline>a.ids-main-button,
.ids-cmsless .ids-modal-footer--inline>button.ids-main-button,
.ids-cmsless .ids-modal-footer--inline>* {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@container idsmodal (inline-size>34.5rem) {
    .ids-cmsless .ids-modal-footer {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@supports not (container-name: idsmodal) {
    @media(min-width: 37.5rem) {
        .ids-cmsless .ids-modal-footer {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row
        }
    }
}

.ids-cmsless .ids-slider-currency {
    padding: 0 var(--ids_spacing_4x)
}

.ids-cmsless .ids-slider-currency .ids-form-field,
.ids-cmsless .ids-slider-currency ::ng-deep .ids-form-field {
    margin-bottom: var(--ids_spacing_6x)
}

.ids-cmsless .ids-slider-currency .ids-form-field .ids-input,
.ids-cmsless .ids-slider-currency ::ng-deep .ids-form-field .ids-input {
    min-width: 3.75rem
}

.ids-cmsless :host(.ids-slider-range),
.ids-cmsless .ids-slider-range {
    color: var(--ids_color_action_neutral_base);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    font: var(--ids_textStyle_f02_s16_h24_wrg);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.ids-cmsless .ids-slider:disabled+:host(.ids-slider-range),
.ids-cmsless .ids-slider:disabled+.ids-slider-range {
    color: var(--ids_color_action_disabled_base)
}

.ids-cmsless .ids-tooltip::before {
    display: none
}

.ids-cmsless .ids-form-field--error .idl-form-message--description {
    display: none
}

.ids-cmsless .idl-md-button--full {
    width: 100%;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ids-cmsless .idl-md-button--full .ids-main-button__content {
    max-width: 80%;
    display: inline
}

@media(min-width: 48rem) {
    .ids-cmsless .idl-md-button--full {
        width: auto;
        text-align: inherit
    }
}

.ids-cmsless .idl-full-ellipsis {
    width: 100%;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ids-cmsless .idl-full-ellipsis .ids-main-button__content {
    max-width: 80%;
    display: inline
}

.ids-cmsless .idl-central-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ids-cmsless .idl-position {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ids-cmsless .idl-section-title .idl-section-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ids-cmsless .idl-section-title .idl-section-flex .ids-icon {
    margin-right: 6px
}

.ids-cmsless .idl-section-title .idl-section-overwrite {
    font: var(--ids_textStyle_f02_s16_h24_wrg);
    color: var(--ids_color_text_heading_01)
}

.ids-cmsless [data-segment=blackweek] .idl-section-title .idl-section-overwrite {
    color: var(--ids_color_text_heading_02)
}

.ids-cmsless .idl-section-title .idl-section-heading {
    font: var(--ids_textStyle_f01_s24_h32_wrg);
    line-height: var(--ids_size_general_32x);
    color: var(--ids_color_text_heading_01)
}

.ids-cmsless .idl-section-title .idl-section-description {
    font: var(--ids_textStyle_f02_s16_h24_wrg);
    color: var(--ids_color_text_heading_02)
}

.ids-cmsless .idl-section-title .idl-section-description a,
.ids-cmsless .idl-section-title .idl-section-description u {
    font-size: var(--ids_size_general_16x);
    line-height: var(--ids_size_general_24x);
    text-decoration: none;
    text-decoration: underline
}

.ids-cmsless .idl-section-title .idl-section-description h2 {
    font: var(--ids_textStyle_f01_s32_h48_wbd);
    line-height: var(--ids_size_general_30x)
}

.ids-cmsless .idl-section-title .idl-section-description h3 {
    font: var(--ids_textStyle_f01_s20_h28_wrg);
    line-height: var(--ids_size_general_30x);
    font-weight: 700
}

.ids-cmsless .idl-section-title .idl-section-description h4 {
    font: var(--ids_textStyle_f01_s16_h24_wbd);
    line-height: var(--ids_size_general_30x)
}

.ids-cmsless .idl-section-title .idl-section-description h5 {
    font: var(--ids_textStyle_f02_s16_h24_wrg);
    line-height: var(--ids_size_general_30x)
}

.ids-cmsless .idl-section-title .idl-section-description h6 {
    font: var(--ids_textStyle_f02_s16_h24_wrg);
    line-height: var(--ids_size_general_30x)
}

.ids-cmsless .idl-section-title .idl-section-description b {
    font-weight: 700
}

.ids-cmsless .idl-section-title .idl-section-description strong {
    font-weight: 700
}

.ids-cmsless .idl-section-title .idl-section-description em {
    font-style: italic
}

.ids-cmsless .idl-section-title .idl-section-description ol,
.ids-cmsless .idl-section-title .idl-section-description ul {
    margin-left: 3%;
    font: var(--ids_textStyle_f02_s14_h20_wrg);
    line-height: var(--ids_size_general_22x)
}

.ids-cmsless .idl-section-title .idl-section-description ul,
.ids-cmsless .idl-section-title .idl-section-description li {
    list-style-type: disc
}

.ids-cmsless .idl-section-title .idl-section-description a {
    color: var(--ids_color_text_link_base);
    font: var(--ids_textStyle_f02_s16_h24_wrg);
    font-size: inherit;
    font-weight: 700;
    line-height: inherit
}

.ids-cmsless .idl-section-title .idl-section-description a:hover,
.ids-cmsless .idl-section-title .idl-section-description a:focus {
    color: var(--ids_color_text_link_variant)
}

.ids-cmsless [data-segment=private] .ids-color-bg-variant-01 .idl-section-title .ids-icon--primary,
.ids-cmsless [data-segment=private] .ids-color-bg-variant-02 .idl-section-title .ids-icon--primary {
    color: var(--ids_color_text_body_01)
}

.ids-cmsless [data-segment=family-office] .ids-color-bg-variant-01 .idl-section-title .ids-icon--primary,
.ids-cmsless [data-segment=family-office] .ids-color-bg-variant-02 .idl-section-title .ids-icon--primary {
    color: var(--ids_color_text_body_01)
}

.ids-cmsless [data-segment=empresas] .ids-color-bg-variant-01 .idl-section-title .ids-icon--primary,
.ids-cmsless [data-segment=empresas] .ids-color-bg-variant-02 .idl-section-title .ids-icon--primary {
    color: var(--ids_color_text_body_01_strong)
}

.ids-cmsless [data-segment=ibba] .ids-color-bg-variant-01 .idl-section-title .ids-icon--primary,
.ids-cmsless [data-segment=ibba] .ids-color-bg-variant-02 .idl-section-title .ids-icon--primary {
    color: var(--ids_color_text_body_01_strong)
}

.ids-cmsless [data-segment=private] .ids-color-bg-variant-01 .idl-section-title .idl-section-description,
.ids-cmsless [data-segment=private] .ids-color-bg-variant-02 .idl-section-title .idl-section-description {
    color: var(--ids_color_text_body_01)
}

.ids-cmsless [data-segment=personnalite-rebranding] .ids-color-bg-variant-01 .idl-section-title .idl-section-description,
.ids-cmsless [data-segment=personnalite-rebranding] .ids-color-bg-variant-02 .idl-section-title .idl-section-description {
    color: var(--ids_color_text_body_01)
}

.ids-cmsless [data-segment=family-office] .ids-color-bg-variant-01 .idl-section-title .idl-section-description,
.ids-cmsless [data-segment=family-office] .ids-color-bg-variant-02 .idl-section-title .idl-section-description {
    color: var(--ids_color_text_body_01)
}

.ids-cmsless .ids-tabs {
    padding: 3px
}

.ids-cmsless .ids-tabs button[aria-selected=true] {
    border-bottom: var(--ids_size_border_medium) solid var(--ids_color_action_primary_base);
    font: var(--ids_textStyle_f02_s16_h24_wbd)
}

.ids-cmsless .idl-tab-content>.ids-tab-pane {
    display: none
}

.ids-cmsless .idl-tab-content>.active {
    display: block
}

framework-analytics-web {
    display: none
}