/* node_modules/@duetds/date-picker/dist/duet/themes/default.css */
:root {
--duet-color-primary: #005fcc;
--duet-color-text: #333;
--duet-color-text-active: #fff;
--duet-color-placeholder: #666;
--duet-color-button: #f5f5f5;
--duet-color-surface: #fff;
--duet-color-overlay: rgba(0, 0, 0, 0.8);
--duet-color-border: #333;
--duet-font:
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
Roboto,
Helvetica,
Arial,
sans-serif;
--duet-font-normal: 400;
--duet-font-bold: 600;
--duet-radius: 4px;
--duet-z-index: 600;
}
/* src/styles.scss */
@font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 300;
src: url("./media/open-sans-v17-latin-300.eot");
src:
local("Open Sans Light"),
local("OpenSans-Light"),
url("./media/open-sans-v17-latin-300.eot?#iefix") format("embedded-opentype"),
url("./media/open-sans-v17-latin-300.woff2") format("woff2"),
url("./media/open-sans-v17-latin-300.woff") format("woff"),
url("./media/open-sans-v17-latin-300.ttf") format("truetype"),
url("./media/open-sans-v17-latin-300.svg#OpenSans") format("svg");
}
@font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
src: url("./media/open-sans-v17-latin-regular.eot");
src:
local("Open Sans Regular"),
local("OpenSans-Regular"),
url("./media/open-sans-v17-latin-regular.eot?#iefix") format("embedded-opentype"),
url("./media/open-sans-v17-latin-regular.woff2") format("woff2"),
url("./media/open-sans-v17-latin-regular.woff") format("woff"),
url("./media/open-sans-v17-latin-regular.ttf") format("truetype"),
url("./media/open-sans-v17-latin-regular.svg#OpenSans") format("svg");
}
@font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 600;
src: url("./media/open-sans-v17-latin-600.eot");
src:
local("Open Sans SemiBold"),
local("OpenSans-SemiBold"),
url("./media/open-sans-v17-latin-600.eot?#iefix") format("embedded-opentype"),
url("./media/open-sans-v17-latin-600.woff2") format("woff2"),
url("./media/open-sans-v17-latin-600.woff") format("woff"),
url("./media/open-sans-v17-latin-600.ttf") format("truetype"),
url("./media/open-sans-v17-latin-600.svg#OpenSans") format("svg");
}
@font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 700;
src: url("./media/open-sans-v17-latin-700.eot");
src:
local("Open Sans Bold"),
local("OpenSans-Bold"),
url("./media/open-sans-v17-latin-700.eot?#iefix") format("embedded-opentype"),
url("./media/open-sans-v17-latin-700.woff2") format("woff2"),
url("./media/open-sans-v17-latin-700.woff") format("woff"),
url("./media/open-sans-v17-latin-700.ttf") format("truetype"),
url("./media/open-sans-v17-latin-700.svg#OpenSans") format("svg");
}
@font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 800;
src: url("./media/open-sans-v17-latin-800.eot");
src:
local("Open Sans ExtraBold"),
local("OpenSans-ExtraBold"),
url("./media/open-sans-v17-latin-800.eot?#iefix") format("embedded-opentype"),
url("./media/open-sans-v17-latin-800.woff2") format("woff2"),
url("./media/open-sans-v17-latin-800.woff") format("woff"),
url("./media/open-sans-v17-latin-800.ttf") format("truetype"),
url("./media/open-sans-v17-latin-800.svg#OpenSans") format("svg");
}
@font-face {
font-family: "Poppins";
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("./media/Poppins-SemiBold.eot");
src:
local("Poppins SemiBold"),
local("Poppins-SemiBold"),
url("./media/Poppins-SemiBold.woff2") format("woff2"),
url("./media/Poppins-SemiBold.woff") format("woff"),
url("./media/Poppins-SemiBold.ttf") format("truetype");
}
@font-face {
font-family: "Inter";
src: url(/assets/font/Inter-VariableFont.ttf) format("truetype");
font-weight: 100 900;
font-style: normal;
}
.ids__duet-date__label {
color: var(--color-complementary_5-500);
display: block;
font-size: var(--font-size-200);
line-height: var(--line-height-300);
margin-bottom: 5px;
}
.ids__duet-date__label.disabled {
color: var(--label-color-disabled);
font-style: italic;
}
.duet-date__input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-sizing: border-box;
display: inline-block;
font-size: 16px;
height: var(--IDS-INPUT__HEIGHT);
line-height: 24px !important;
padding: var(--IDS-INPUT__PADDING);
border: var(--IDS-INPUT__BORDER);
background: var(--IDS-INPUT__BACKGROUND-COLOR);
color: var(--IDS-INPUT__COLOR);
border-radius: var(--IDS-INPUT__BORDER-RADIUS);
}
.duet-date__input:focus {
box-shadow: var(--IDS-INPUT__BOX-SHADOW);
outline: var(--focus_outline);
outline-offset: var(--focus_outline-offset);
}
.duet-date__input:disabled {
background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
background-image: var(--IDS-FORM--DISABLED__BACKGROUND-IMAGE);
border: var(--IDS-FORM--DISABLED__COLOR);
color: var(---IDS-FORM__LABEL--DISABLED__COLOR);
font-style: italic !important;
}
.duet-date__input::placeholder {
overflow: visible;
}
.duet-date__toggle {
box-shadow: none;
}
.duet-date__toggle:focus {
box-shadow: none;
outline: var(--IDS-INPUT__FO);
outline-offset: var(--focus_outline-offset);
}
.duet-date__toggle-icon {
background-image: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWRzLWNhbGVuZGFyIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTM3IDIuMjVhMi43NSAyLjc1IDAgMCAxIDIuNzQ1IDIuNTgyTDM5Ljc1IDV2MzBhMi43NSAyLjc1IDAgMCAxLTIuNTgzIDIuNzQ1TDM3IDM3Ljc1SDNhMi43NSAyLjc1IDAgMCAxLTIuNzQ1LTIuNTgzTC4yNSAzNVY1YTIuNzUgMi43NSAwIDAgMSAyLjU4Mi0yLjc0NUwzIDIuMjVoMzRabS0zNS4yNSA2VjM1YzAgLjY0Ny40OTIgMS4xOCAxLjEyMiAxLjI0M0wzIDM2LjI1aDM0YTEuMjUgMS4yNSAwIDAgMCAxLjI0My0xLjEyMkwzOC4yNSAzNVY4LjI1SDEuNzVabTM2LjUtMS41SDEuNzVWNWwuMDA2LS4xMjhBMS4yNSAxLjI1IDAgMCAxIDMgMy43NWgzNGwuMTI4LjAwNkExLjI1IDEuMjUgMCAwIDEgMzguMjUgNXYxLjc1WiIgZmlsbD0iIzAwNzA2RSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjIgMjl2M2gtM3YtM2gzWm0tNCAwdjNoLTN2LTNoM1ptLTQgMHYzaC0zdi0zaDNabS00IDB2M0g3di0zaDNabTE2LTR2M2gtM3YtM2gzWm00IDB2M2gtM3YtM2gzWm00IDB2M2gtM3YtM2gzWm0tMjQgMHYzSDd2LTNoM1ptMTIgMHYzaC0zdi0zaDNabS00IDB2M2gtM3YtM2gzWm0tNCAwdjNoLTN2LTNoM1ptLTQtNHYzSDd2LTNoM1ptNCAwdjNoLTN2LTNoM1ptNCAwdjNoLTN2LTNoM1ptNCAwdjNoLTN2LTNoM1ptNCAwdjNoLTN2LTNoM1ptNCAwdjNoLTN2LTNoM1ptNCAwdjNoLTN2LTNoM1ptLTI0LTR2M0g3di0zaDNabTQgMHYzaC0zdi0zaDNabTggMHYzaC0zdi0zaDNabTQgMHYzaC0zdi0zaDNabTQgMHYzaC0zdi0zaDNabTQgMHYzaC0zdi0zaDNabS0xNiAwdjNoLTN2LTNoM1ptLTgtNHYzSDd2LTNoM1ptNCAwdjNoLTN2LTNoM1ptNCAwdjNoLTN2LTNoM1ptNCAwdjNoLTN2LTNoM1ptNCAwdjNoLTN2LTNoM1ptNCAwdjNoLTN2LTNoM1ptNCAwdjNoLTN2LTNoM1oiIGZpbGw9IiMwMDcwNkUiLz48L3N2Zz4=);
background-position: 50%;
background-repeat: no-repeat;
height: 20px;
width: 20px;
}
.duet-date__toggle:disabled .duet-date__toggle-icon {
background-image: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWRzLWNhbGVuZGFyIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTM3IDIuMjVhMi43NSAyLjc1IDAgMCAxIDIuNzQ1IDIuNTgyTDM5Ljc1IDV2MzBhMi43NSAyLjc1IDAgMCAxLTIuNTgzIDIuNzQ1TDM3IDM3Ljc1SDNhMi43NSAyLjc1IDAgMCAxLTIuNzQ1LTIuNTgzTC4yNSAzNVY1YTIuNzUgMi43NSAwIDAgMSAyLjU4Mi0yLjc0NUwzIDIuMjVoMzRabS0zNS4yNSA2VjM1YzAgLjY0Ny40OTIgMS4xOCAxLjEyMiAxLjI0M0wzIDM2LjI1aDM0YTEuMjUgMS4yNSAwIDAgMCAxLjI0My0xLjEyMkwzOC4yNSAzNVY4LjI1SDEuNzVabTM2LjUtMS41SDEuNzVWNWwuMDA2LS4xMjhBMS4yNSAxLjI1IDAgMCAxIDMgMy43NWgzNGwuMTI4LjAwNkExLjI1IDEuMjUgMCAwIDEgMzguMjUgNXYxLjc1WiIgZmlsbD0iIzVGNUY1RiIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjIgMjl2M2gtM3YtM2gzWm0tNCAwdjNoLTN2LTNoM1ptLTQgMHYzaC0zdi0zaDNabS00IDB2M0g3di0zaDNabTE2LTR2M2gtM3YtM2gzWm00IDB2M2gtM3YtM2gzWm00IDB2M2gtM3YtM2gzWm0tMjQgMHYzSDd2LTNoM1ptMTIgMHYzaC0zdi0zaDNabS00IDB2M2gtM3YtM2gzWm0tNCAwdjNoLTN2LTNoM1ptLTQtNHYzSDd2LTNoM1ptNCAwdjNoLTN2LTNoM1ptNCAwdjNoLTN2LTNoM1ptNCAwdjNoLTN2LTNoM1ptNCAwdjNoLTN2LTNoM1ptNCAwdjNoLTN2LTNoM1ptNCAwdjNoLTN2LTNoM1ptLTI0LTR2M0g3di0zaDNabTQgMHYzaC0zdi0zaDNabTggMHYzaC0zdi0zaDNabTQgMHYzaC0zdi0zaDNabTQgMHYzaC0zdi0zaDNabTQgMHYzaC0zdi0zaDNabS0xNiAwdjNoLTN2LTNoM1ptLTgtNHYzSDd2LTNoM1ptNCAwdjNoLTN2LTNoM1ptNCAwdjNoLTN2LTNoM1ptNCAwdjNoLTN2LTNoM1ptNCAwdjNoLTN2LTNoM1ptNCAwdjNoLTN2LTNoM1ptNCAwdjNoLTN2LTNoM1oiIGZpbGw9IiM1RjVGNUYiLz48L3N2Zz4=);
}
.duet-date__toggle-icon svg {
display: none;
}
.duet-date__dialog {
transition: none;
}
.duet-date__dialog-content {
background-color: #fff;
}
.duet-date__dialog.is-active {
z-index: 10;
}
.duet-date .duet-date__day.is-month,
.duet-date .duet-date__header,
.duet-date .duet-date__table-header {
color: var(--color-grey-base);
font-family: var(--font-family_1);
font-weight: 700;
}
.duet-date .duet-date__day.is-month.is-outside {
opacity: 0.6;
}
.duet-date__day[tabindex="-1"] {
color: #767676;
font-family: var(--font-family_1);
font-weight: 300;
opacity: 1;
}
.duet-date .duet-date__next:focus,
.duet-date .duet-date__prev:focus,
.duet-date__select select:focus + .duet-date__select-label {
border-radius: 12px;
box-shadow: 0 0 0 2px var(--color-main);
outline: 2px solid var(--IDS-COLOR-ACCENT-40);
outline-offset: var(--focus_outline-offset);
}
.duet-date button.is-today.is-month {
border: 2px solid var(--IDS-COLOR-ACCENT-40);
box-shadow: none;
}
.duet-date__day.is-today:before,
.duet-date__day:hover:before {
background: transparent;
}
.duet-date .duet-date__table button:focus,
.duet-date .duet-date__table button:hover {
background-color: var(--IDS-COLOR-ACCENT-30);
border: 1px solid var(--IDS-COLOR-ACCENT-30);
color: var(--IDS-COLOR-ON-ACCENT-30);
cursor: pointer;
font-weight: 700;
}
.duet-date__dialog-content .duet-date__table button:active,
.duet-date__dialog-content .duet-date__table button[aria-pressed=true] {
background-color: var(--IDS-COLOR-ACCENT-40) !important;
color: var(--IDS-COLOR-ON-ACCENT-40);
}
html,
body {
color: #333;
font-family:
"PT Sans",
"Helvetica Neue",
Helvetica,
Arial,
sans-serif;
height: 100vh;
width: 100vw;
}
@media (max-width: 768px) {
.container {
width: 100%;
}
}
.noselect {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.centered {
height: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: center;
}
.margin-right {
margin-right: 5px;
}
.margin-left {
margin-left: 5px;
}
.margin-top {
margin-top: 5px;
}
.margin-bottom {
margin-bottom: 5px;
}
html {
overflow-y: hidden !important;
font-family:
"PT Sans",
Arial,
Helvetica,
sans-serif;
}
.full-width {
width: 100vw;
}
.full-height {
height: 100vh;
}
.is-hidden {
display: none;
}
.float-right {
float: right;
}
.is-loading {
display: flex;
justify-content: space-around;
margin: 20px 0;
}
.is-clickable {
cursor: pointer;
}
.is-error-message {
line-height: 1rem;
white-space: pre;
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -o-pre-wrap;
}
.base-container {
display: flex;
flex: 1 auto;
flex-direction: column;
height: 100vh;
overflow: hidden;
width: 100vw;
}
.container {
width: 100% !important;
}
.main-layout {
display: flex;
flex: 1 100%;
flex-direction: row;
border-left: 1px solid #cec6bf;
border-right: 1px solid #cec6bf;
}
.main-layout .main-content {
display: flex;
flex: 1 1 auto;
flex-direction: column;
height: calc(100vh - 78px);
overflow-y: auto;
padding: 1.25rem 2rem 1.25rem 0.75rem;
}
.user-information {
display: flex;
flex: 1 600px;
flex-direction: row;
justify-content: flex-start;
}
.user-information .info-title {
font-weight: 800;
min-width: 200px;
display: flex;
flex: 0 200px;
}
.user-information:last-child {
margin-bottom: 10px;
}
.flex {
display: flex;
flex: 1 auto;
}
.flex-column {
flex-direction: column;
}
.flex-row {
flex-direction: row;
}
.flex-fill {
flex: 1 1 auto;
}
.flex-full {
flex: 0 100%;
}
.flex-wrap {
flex-wrap: wrap;
}
.flex-fixed {
flex: 1 0 auto;
}
.flex-start {
justify-content: flex-start;
}
.flex-end {
justify-content: flex-end;
}
.flex-self-end {
align-self: flex-end;
}
.flex-align-center {
align-items: center;
}
.flex-center {
justify-content: center;
}
.flex-stretch {
justify-content: stretch;
}
.flex-space-between {
justify-content: space-between;
}
.flex-space-around {
justify-content: space-around;
}
hr.is-lean {
margin: 0.5rem 0;
}
.table-spaced-top {
padding-top: 0.5rem;
}
.columns-table {
margin: 12px 12px 15px 12px;
}
.columns-table .columns-table-body.columns:nth-child(even) {
background-color: #fafafa;
}
.columns-table .columns-table-body.active {
color: white;
background-color: #00a9a7 !important;
}
.columns-table .columns-table-body.is-clickable:hover {
color: #f6a519;
}
.columns-table .columns-table-body:last-of-type {
border-bottom: 1px solid #d8d8d8;
}
.columns-table .column {
border-left: 1px solid #d8d8d8;
border-top: 1px solid #d8d8d8;
word-wrap: break-word;
padding: 4px;
font-size: 0.8em;
}
.columns-table .column:last-of-type {
border-right: 1px solid #d8d8d8;
}
.columns-table .columns-table-head {
font-weight: bold;
}
.columns-table .columns-table-head:last-of-type {
border-bottom: 1px solid #d8d8d8;
}
.columns-table .button:hover {
color: #f6a519;
}
.table-button {
width: 70px;
}
.table-button.active-button {
color: white;
background-color: #00a9a7 !important;
opacity: 1 !important;
cursor: default !important;
border: none;
}
.table-button.active-button:hover {
color: white;
}
.datepicker {
display: none;
}
.datepicker.is-active {
display: flex;
}
.datepicker.is-active .calendar {
z-index: 40;
min-width: 20rem;
max-width: 20rem;
position: relative;
margin: 0 auto;
max-height: calc(100vh - 40px);
}
.datepicker.is-active .calendar-nav {
flex-direction: column;
}
.datepicker .calendar {
background: #fff;
border: none;
border-radius: 0;
display: block;
min-width: 20rem;
text-align: center;
max-width: 20rem;
}
.datepicker .calendar.is-active {
display: initial;
}
.datepicker .calendar .calendar-nav {
background: #00a9a7;
color: #fff;
border-top-left-radius: 0;
border-top-right-radius: 0;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 1.25rem;
padding: 0.5em;
}
.datepicker .calendar .calendar-nav .calendar-nav-month,
.datepicker .calendar .calendar-nav .calendar-nav-day,
.datepicker .calendar .calendar-nav .calendar-nav-year {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.datepicker .calendar .calendar-nav .calendar-month,
.datepicker .calendar .calendar-nav .calendar-day,
.datepicker .calendar .calendar-nav .calendar-year {
flex: 1;
}
.datepicker .calendar .calendar-nav .calendar-month {
font-size: 1.5rem;
}
.datepicker .calendar .calendar-nav .calendar-day {
font-size: 2.5rem;
}
.datepicker .calendar .calendar-nav .calendar-nav-previous-month,
.datepicker .calendar .calendar-nav .calendar-nav-next-month,
.datepicker .calendar .calendar-nav .calendar-nav-previous-year,
.datepicker .calendar .calendar-nav .calendar-nav-next-year {
flex-basis: auto;
flex-grow: 0;
flex-shrink: 0;
text-decoration: none;
color: #fff;
}
.datepicker .calendar .calendar-nav .calendar-nav-previous-month:hover,
.datepicker .calendar .calendar-nav .calendar-nav-next-month:hover,
.datepicker .calendar .calendar-nav .calendar-nav-previous-year:hover,
.datepicker .calendar .calendar-nav .calendar-nav-next-year:hover {
background-color: transparent;
}
.datepicker .calendar .calendar-nav .calendar-nav-previous-month:hover svg,
.datepicker .calendar .calendar-nav .calendar-nav-next-month:hover svg,
.datepicker .calendar .calendar-nav .calendar-nav-previous-year:hover svg,
.datepicker .calendar .calendar-nav .calendar-nav-next-year:hover svg {
stroke-width: 1em;
}
.datepicker .calendar .calendar-nav .calendar-nav-previous-month svg,
.datepicker .calendar .calendar-nav .calendar-nav-next-month svg,
.datepicker .calendar .calendar-nav .calendar-nav-previous-year svg,
.datepicker .calendar .calendar-nav .calendar-nav-next-year svg {
stroke: currentColor;
width: 11.25px;
height: 18px;
}
.datepicker .calendar .calendar-header,
.datepicker .calendar .calendar-body {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.datepicker .calendar .calendar-header .calendar-date,
.datepicker .calendar .calendar-body .calendar-date {
flex: 0 0 14.28%;
max-width: 14.28%;
}
.datepicker .calendar .calendar-header {
padding: 1em 1em 0 1em;
background: transparent;
color: findColorInvert(transparent);
font-size: 0.75rem;
}
.datepicker .calendar .calendar-header .calendar-date {
color: hsl(0, 0%, 71%);
}
.datepicker .calendar .calendar-body {
padding: 0 1em 1em 1em;
color: hsl(0, 0%, 48%);
}
.datepicker .calendar .calendar-date {
border: 0;
padding: 0.4rem 0;
}
.datepicker .calendar .calendar-date .date-item {
appearance: none;
background: transparent;
border: 0.1rem solid transparent;
border-radius: 100%;
color: hsl(0, 0%, 29%);
cursor: pointer;
height: 2.2rem;
line-height: 1.4rem;
outline: none;
padding: 0.3rem;
position: relative;
text-align: center;
text-decoration: none;
transition: all 0.2s ease;
vertical-align: middle;
white-space: nowrap;
width: 2.2rem;
}
.datepicker .calendar .calendar-date .date-item.is-today {
background: transparent;
border-color: #00a9a7;
color: #00a9a7;
}
.datepicker .calendar .calendar-date .date-item:focus {
background: hsl(0, 0%, 96%);
border-color: hsl(0, 0%, 96%);
color: findColorInvert(hsl(0, 0%, 96%));
text-decoration: none;
}
.datepicker .calendar .calendar-date .date-item:hover {
background: hsl(0, 0%, 96%);
border-color: hsl(0, 0%, 96%);
color: findColorInvert(hsl(0, 0%, 96%));
text-decoration: none;
}
.datepicker .calendar .calendar-date .date-item.is-active {
background: #00a9a7;
border-color: #00a9a7;
color: findColorInvert(#00a9a7);
}
.datepicker .calendar .calendar-date.is-disabled .date-item,
.datepicker .calendar .calendar-date.is-disabled .calendar-event,
.datepicker .calendar .calendar-date[disabled] .date-item,
.datepicker .calendar .calendar-date[disabled] .calendar-event {
cursor: default;
opacity: 0.25;
pointer-events: none;
}
.datepicker .calendar .calendar-range {
position: relative;
}
.datepicker .calendar .calendar-range::before {
background: rgb(169, 255, 253.9822485207);
content: "";
height: 2.2rem;
left: 0;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.datepicker .calendar .calendar-range.calendar-range-start::before {
left: 50%;
}
.datepicker .calendar .calendar-range.calendar-range-end::before {
right: 50%;
}
.datepicker .calendar .calendar-range .date-item {
color: #00a9a7;
}
.datepicker .calendar.is-large {
max-width: 100%;
}
.datepicker .calendar.is-large .calendar-body .calendar-date {
border-bottom: none;
border-right: none;
display: flex;
flex-direction: column;
height: 11rem;
padding: 0;
}
.datepicker .calendar.is-large .calendar-body .calendar-date:nth-child(7n) {
border-right: 0;
}
.datepicker .calendar.is-large .calendar-body .calendar-date:nth-last-child(-n+7) {
border-bottom: 0;
}
.datepicker .calendar.is-large .date-item {
align-self: flex-end;
height: 2.2rem;
margin-right: 0.5rem;
margin-top: 0.5rem;
}
.calendar {
background: #fff;
border: none;
border-radius: 0;
display: block;
min-width: 20rem;
text-align: center;
max-width: 20rem;
}
.calendar.is-active {
display: initial;
}
.calendar .calendar-nav {
background: #00a9a7;
color: #fff;
border-top-left-radius: 0;
border-top-right-radius: 0;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 1.25rem;
padding: 0.5em;
}
.calendar .calendar-nav .calendar-nav-month,
.calendar .calendar-nav .calendar-nav-day,
.calendar .calendar-nav .calendar-nav-year {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.calendar .calendar-nav .calendar-month,
.calendar .calendar-nav .calendar-day,
.calendar .calendar-nav .calendar-year {
flex: 1;
}
.calendar .calendar-nav .calendar-month {
font-size: 1.5rem;
}
.calendar .calendar-nav .calendar-day {
font-size: 2.5rem;
}
.calendar .calendar-nav .calendar-nav-previous-month,
.calendar .calendar-nav .calendar-nav-next-month,
.calendar .calendar-nav .calendar-nav-previous-year,
.calendar .calendar-nav .calendar-nav-next-year {
flex-basis: auto;
flex-grow: 0;
flex-shrink: 0;
text-decoration: none;
color: #fff;
}
.calendar .calendar-nav .calendar-nav-previous-month:hover,
.calendar .calendar-nav .calendar-nav-next-month:hover,
.calendar .calendar-nav .calendar-nav-previous-year:hover,
.calendar .calendar-nav .calendar-nav-next-year:hover {
background-color: transparent;
}
.calendar .calendar-nav .calendar-nav-previous-month:hover svg,
.calendar .calendar-nav .calendar-nav-next-month:hover svg,
.calendar .calendar-nav .calendar-nav-previous-year:hover svg,
.calendar .calendar-nav .calendar-nav-next-year:hover svg {
stroke-width: 1em;
}
.calendar .calendar-nav .calendar-nav-previous-month svg,
.calendar .calendar-nav .calendar-nav-next-month svg,
.calendar .calendar-nav .calendar-nav-previous-year svg,
.calendar .calendar-nav .calendar-nav-next-year svg {
stroke: currentColor;
width: 11.25px;
height: 18px;
}
.calendar .calendar-header,
.calendar .calendar-body {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.calendar .calendar-header .calendar-date,
.calendar .calendar-body .calendar-date {
flex: 0 0 14.28%;
max-width: 14.28%;
}
.calendar .calendar-header {
padding: 1em 1em 0 1em;
background: transparent;
color: findColorInvert(transparent);
font-size: 0.75rem;
}
.calendar .calendar-header .calendar-date {
color: hsl(0, 0%, 71%);
}
.calendar .calendar-body {
padding: 0 1em 1em 1em;
color: hsl(0, 0%, 48%);
}
.calendar .calendar-date {
border: 0;
padding: 0.4rem 0;
}
.calendar .calendar-date .date-item {
appearance: none;
background: transparent;
border: 0.1rem solid transparent;
border-radius: 100%;
color: hsl(0, 0%, 29%);
cursor: pointer;
height: 2.2rem;
line-height: 1.4rem;
outline: none;
padding: 0.3rem;
position: relative;
text-align: center;
text-decoration: none;
transition: all 0.2s ease;
vertical-align: middle;
white-space: nowrap;
width: 2.2rem;
}
.calendar .calendar-date .date-item.is-today {
background: transparent;
border-color: #00a9a7;
color: #00a9a7;
}
.calendar .calendar-date .date-item:focus {
background: hsl(0, 0%, 96%);
border-color: hsl(0, 0%, 96%);
color: findColorInvert(hsl(0, 0%, 96%));
text-decoration: none;
}
.calendar .calendar-date .date-item:hover {
background: hsl(0, 0%, 96%);
border-color: hsl(0, 0%, 96%);
color: findColorInvert(hsl(0, 0%, 96%));
text-decoration: none;
}
.calendar .calendar-date .date-item.is-active {
background: #00a9a7;
border-color: #00a9a7;
color: findColorInvert(#00a9a7);
}
.calendar .calendar-date.is-disabled .date-item,
.calendar .calendar-date.is-disabled .calendar-event,
.calendar .calendar-date[disabled] .date-item,
.calendar .calendar-date[disabled] .calendar-event {
cursor: default;
opacity: 0.25;
pointer-events: none;
}
.calendar .calendar-range {
position: relative;
}
.calendar .calendar-range::before {
background: rgb(169, 255, 253.9822485207);
content: "";
height: 2.2rem;
left: 0;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.calendar .calendar-range.calendar-range-start::before {
left: 50%;
}
.calendar .calendar-range.calendar-range-end::before {
right: 50%;
}
.calendar .calendar-range .date-item {
color: #00a9a7;
}
.calendar.is-large {
max-width: 100%;
}
.calendar.is-large .calendar-body .calendar-date {
border-bottom: none;
border-right: none;
display: flex;
flex-direction: column;
height: 11rem;
padding: 0;
}
.calendar.is-large .calendar-body .calendar-date:nth-child(7n) {
border-right: 0;
}
.calendar.is-large .calendar-body .calendar-date:nth-last-child(-n+7) {
border-bottom: 0;
}
.calendar.is-large .date-item {
align-self: flex-end;
height: 2.2rem;
margin-right: 0.5rem;
margin-top: 0.5rem;
}
info-message .message-container.warning {
background-color: #ffdd57;
color: #000;
}
info-message .message-container.error {
background-color: #e81d38;
color: #fff;
}
info-message .message-container.primary {
background-color: #00a9a7;
color: #fff;
}
info-message .message-container.info {
background-color: #26a6d4;
color: #fff;
}
info-message .message-container.success {
background-color: #1ab915;
color: #fff;
}
.loading-indicator-small {
-webkit-animation: spinAround 0.75s infinite linear;
animation: spinAround 0.75s infinite linear;
border: 0.15em solid #00a9a7;
border-radius: 0.5em;
border-right-color: transparent;
border-top-color: transparent;
display: block;
height: 1em;
position: relative;
width: 1em;
}
.loading-indicator-medium {
-webkit-animation: spinAround 0.75s infinite linear;
animation: spinAround 0.75s infinite linear;
border: 0.25em solid #00a9a7;
border-radius: 1em;
border-right-color: transparent;
border-top-color: transparent;
display: block;
height: 2em;
position: relative;
width: 2em;
}
.loading-indicator-large {
-webkit-animation: spinAround 0.75s infinite linear;
animation: spinAround 0.75s infinite linear;
border: 0.4em solid #00a9a7;
border-radius: 2em;
border-right-color: transparent;
border-top-color: transparent;
display: block;
height: 4em;
position: relative;
width: 4em;
}
.tree-ngx {
display: flex;
flex: 1 1 auto;
flex-direction: column;
font-family:
"Helvetica Neue",
Helvetica,
Arial,
sans-serif;
}
.node {
display: flex;
flex: 1 1 auto;
flex-direction: column;
}
.node-children {
display: flex;
flex: 1 1 auto;
}
.node-name {
display: inline-block;
padding: 5px 0px 5px 7px;
}
.node-name.markSelected {
padding: 5px 0px 5px 2px;
border-left: 5px #226699 solid;
}
.node-name .active {
cursor: pointer;
}
.node-offset {
display: flex;
margin-left: 20px;
}
.node-icon-wrapper {
position: relative;
display: inline-block;
width: 25px;
height: 17px;
top: 1px;
left: 6px;
}
.node-icon-wrapper.disabled {
cursor: default;
}
.collapsable {
cursor: pointer;
}
.node-container {
display: inline-block;
}
.node-container .is-checkradio[type=checkbox] + label {
padding-left: 1.3rem;
margin-left: 8px !important;
}
.node-container .is-checkradio[type=checkbox] + label::before,
.node-container .is-checkradio[type=checkbox] + label:before {
width: 1.3rem;
height: 1.3rem;
}
.node-container .is-checkradio[type=checkbox] + label::after,
.node-container .is-checkradio[type=checkbox] + label:after {
top: 0.35rem;
left: 0.5rem;
}
.node-container .is-checkradio[type=checkbox] + label::after,
.node-container .is-checkradio[type=checkbox] + label:after + .no-after {
content: none;
}
.nodeDisabled {
opacity: 0.6;
}
.node-checkbox {
display: inline-block;
position: relative;
top: 3px;
left: 5px;
width: 16px;
height: 16px;
cursor: pointer;
}
.checkbox-label.no-after::after {
display: none !important;
}
.collapsible-wrapper {
display: flex;
overflow: hidden;
}
.collapsible-wrapper:after {
content: "";
height: 25px;
transition: height 0.3s linear, max-height 0s 0.3s linear;
max-height: 0px;
}
.collapsible {
transition: margin-bottom 0.3s cubic-bezier(0, 0, 0, 1);
margin-bottom: 0;
max-height: 1000000px;
}
.collapsible-wrapper.collapsed > .collapsible {
margin-bottom: -20000px;
transition:
margin-bottom 0.3s cubic-bezier(1, 0, 1, 1),
visibility 0s 0.3s,
max-height 0s 0.3s;
visibility: hidden;
max-height: 0;
}
.collapsible-wrapper.collapsed:after {
height: 0;
transition: height 0.3s linear;
max-height: 25px;
}
.arrow-down {
position: absolute;
width: 0;
height: 0;
left: 3px;
top: 6px;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid #455A64;
}
.arrow-down.collapse-empty {
border-top: 7px solid #ccc;
}
.arrow-right {
position: absolute;
width: 0;
height: 0;
left: 8px;
top: 3px;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
border-left: 7px solid #455A64;
}
.privilage-tree .tree-ngx {
margin-top: 10px;
font-size: 12px;
font-family:
"PT Sans",
"Helvetica Neue",
Helvetica,
Arial,
sans-serif;
}
.privilage-tree .node-name {
min-height: 22px;
min-width: 60px;
padding: 1px 0px 1px 8px;
cursor: pointer;
display: block;
}
.privilage-tree .node-name.markSelected {
color: #008583;
font-weight: bold;
border-left: none;
}
.privilage-tree .node-icon-wrapper {
top: 0px;
}
.privilage-tree .node-container {
display: flex;
}
table.table.is-selectable tbody > tr {
cursor: pointer;
}
.button {
padding-left: 0.75em !important;
padding-right: 0.75em !important;
}
.button.is-small {
border-radius: 0 !important;
}
.box {
position: relative;
display: flex;
flex: 1 1 auto;
flex-direction: column;
justify-content: flex-start;
margin: 5px;
min-width: 240px;
}
.box.is-fullwidth {
flex-basis: 100%;
}
.box .info-title,
.box .box-title {
margin-top: -2px;
margin-bottom: 0.5rem;
color: #333;
font-size: 0.75em;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.box .box-help {
position: absolute;
top: 5px;
right: 10px;
}
.is-checkradio[type=radio] + label::before,
.is-checkradio[type=checkbox] + label::before {
background: #fafafa !important;
}
.is-checkradio[type=radio] + label,
.is-checkradio[type=checkbox] + label {
margin-left: 0 !important;
}
.is-loading {
margin: 0;
}
.ids-table {
table-layout: fixed;
border-collapse: separate;
border-radius: var(--IDS-TABLE__BORDER-RADIUS);
border-top: var(--IDS-TABLE__BORDER-TOP);
border-left: var(--IDS-TABLE__BORDER-LR);
border-right: var(--IDS-TABLE__BORDER-LR);
border-bottom: var(--IDS-TABLE__BORDER-BOTTOM);
border-spacing: 0;
overflow: hidden;
}
.ids-table th {
background-color: var(--IDS-TABLE__HEAD-BACKGROUND-COLOR);
text-align: start;
color: var(--IDS-COLOR-NEUTRAL-20);
}
.ids-table th,
.ids-table td {
padding: 0.625rem;
}
.ids-table td,
.ids-table th {
border-left: var(--IDS-TABLE__CELL-BORDER);
border-top: var(--IDS-TABLE__CELL-BORDER);
color: var(--IDS-COLOR-NEUTRAL-20);
}
.ids-table tr:first-child th {
border-top: 0;
}
.ids-table tr td:first-child,
.ids-table tr th:first-child {
border-left: 0;
}
.ids *,
.ids *::before,
.ids *::after {
box-sizing: border-box;
}
body.ids,
.ids h1,
.ids h2,
.ids h3,
.ids h4,
.ids h5,
.ids h6,
.ids p,
.ids dl,
.ids dd,
.ids figure,
.ids picture {
margin: 0;
}
body.ids {
background-color: var(--IDS-COLOR-NEUTRAL-100);
color: var(--IDS-COLOR-NEUTRAL-20);
font-family: var(--IDS-FONT-FAMILY-BASE);
font-size: 1rem;
min-height: 100%;
}
.ids img,
.ids picture {
max-width: 100%;
display: block;
}
.ids input,
.ids button,
.ids textarea,
.ids select {
font: inherit;
}
.ids ul[class],
.ids ol[class] {
list-style: none;
padding: 0;
}
@media (prefers-reduced-motion: reduce) {
.ids *,
.ids *::before,
.ids *::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}
:root,
:host {
--IDS-COLOR-PRIMARY-30: #7e2a4c;
--IDS-COLOR-ON-PRIMARY-30: #FFF;
--IDS-COLOR-PRIMARY-40: #A33662;
--IDS-COLOR-ON-PRIMARY-40: #FFF;
--IDS-COLOR-PRIMARY-50: #C03F73;
--IDS-COLOR-ON-PRIMARY-50: #FFF;
--IDS-COLOR-SECONDARY-40: #E7DAC5;
--IDS-COLOR-ON-SECONDARY-40: var(--IDS-COLOR-NEUTRAL-20);
--IDS-COLOR-SECONDARY-90: #F6F1E9;
--IDS-COLOR-ON-SECONDARY-90: var(--IDS-COLOR-NEUTRAL-20);
--IDS-COLOR-SECONDARY-95: #F9F6F1;
--IDS-COLOR-ON-SECONDARY-95: var(--IDS-COLOR-NEUTRAL-20);
--IDS-COLOR-ACCENT-30: #305A47;
--IDS-COLOR-ON-ACCENT-30: #FFF;
--IDS-COLOR-ACCENT-40: #40775E;
--IDS-COLOR-ON-ACCENT-40: #FFF;
--IDS-COLOR-ACCENT-90: #AFD4C4;
--IDS-COLOR-ON-ACCENT-90: var(--IDS-COLOR-NEUTRAL-20);
--IDS-COLOR-GRAPHIC: #FF9517;
--IDS-COLOR-ALTERNATIVE: #0CB0C6;
--IDS-COLOR-NEUTRAL-20: #353636;
--IDS-COLOR-ON-NEUTRAL-20: #FFF;
--IDS-COLOR-NEUTRAL-40: #727373;
--IDS-COLOR-ON-NEUTRAL-40: #FFF;
--IDS-COLOR-NEUTRAL-90: #CCCCCC;
--IDS-COLOR-ON-NEUTRAL-90: var(--IDS-COLOR-NEUTRAL-20);
--IDS-COLOR-NEUTRAL-99: #F0F0F0;
--IDS-COLOR-ON-NEUTRAL-99: var(--IDS-COLOR-NEUTRAL-20);
--IDS-COLOR-NEUTRAL-100: #fff;
--IDS-COLOR-BACKGROUND: #fff;
--IDS-COLOR-ON-BACKGROUND: var(--IDS-COLOR-NEUTRAL-20);
--IDS-COLOR-SUCCESS-40: #277637;
--IDS-COLOR-ON-SUCCESS-40: #FFF;
--IDS-COLOR-SUCCESS-99: #E7F7EA;
--IDS-COLOR-ON-SUCCESS-99: var(--IDS-COLOR-NEUTRAL-20);
--IDS-COLOR-ATTENTION-40: #FFD748;
--IDS-COLOR-ON-ATTENTION-40: var(--IDS-COLOR-NEUTRAL-20);
--IDS-COLOR-ATTENTION-95: #FFF7D9;
--IDS-COLOR-ON-ATTENTION-95: var(--IDS-COLOR-NEUTRAL-20);
--IDS-COLOR-ERROR-40: #DB0F00;
--IDS-COLOR-ON-ERROR-40: #FFF;
--IDS-COLOR-ERROR-99: #FFDAD7;
--IDS-COLOR-ON-ERROR-99: var(--IDS-COLOR-NEUTRAL-20);
}
@font-face {
font-family: "Inera-Design-Icons";
src:
url("./media/Inera-Design-Icons.eot") format("embedded-opentype"),
url("./media/Inera-Design-Icons.ttf") format("truetype"),
url("./media/Inera-Design-Icons.woff") format("woff"),
url("./media/Inera-Design-Icons.svg") format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^=ids-icon-],
[class*=" ids-icon-"] {
position: relative;
display: inline-block;
box-sizing: border-box;
width: 1em;
height: 1em;
}
[class^=ids-icon-]:before,
[class*=" ids-icon-"]:before {
font: icon;
font-family: "Inera-Design-Icons" !important;
font-size: inherit;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
display: block;
text-decoration: none;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
}
[class^=ids-icon-].ids-icon--color-preset-1,
[class*=" ids-icon-"].ids-icon--color-preset-1 {
color: var(--IDS-ICON__COLOR-PRESET-1);
}
[class^=ids-icon-].ids-icon--color-preset-2,
[class*=" ids-icon-"].ids-icon--color-preset-2 {
color: var(--IDS-ICON__COLOR-PRESET-2);
}
[class^=ids-icon-].ids-icon--color-preset-3,
[class*=" ids-icon-"].ids-icon--color-preset-3 {
color: var(--IDS-ICON__COLOR-PRESET-3);
}
[class^=ids-icon-].ids-icon--light,
[class^=ids-icon-].ids-icon--color-preset-4,
[class*=" ids-icon-"].ids-icon--light,
[class*=" ids-icon-"].ids-icon--color-preset-4 {
color: var(--IDS-ICON__COLOR-PRESET-4);
}
[class^=ids-icon-].ids-icon--text-align,
[class*=" ids-icon-"].ids-icon--text-align {
position: relative;
bottom: -0.3125rem;
flex-shrink: 0;
}
[class^=ids-icon-].ids-icon--text-align:before,
[class*=" ids-icon-"].ids-icon--text-align:before {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
[class^=ids-icon-].ids-icon--text-start,
[class*=" ids-icon-"].ids-icon--text-start {
margin-right: 0.5rem;
position: relative;
top: -0.0938rem;
vertical-align: middle;
flex-shrink: 0;
}
[class^=ids-icon-].ids-icon--text-end,
[class*=" ids-icon-"].ids-icon--text-end {
margin-left: 0.5rem;
position: relative;
top: -0.0938rem;
vertical-align: middle;
flex-shrink: 0;
}
[class^=ids-icon-].ids-icon--xs,
[class*=" ids-icon-"].ids-icon--xs {
width: 0.75rem;
height: 0.75rem;
}
[class^=ids-icon-].ids-icon--xs:before,
[class*=" ids-icon-"].ids-icon--xs:before {
font-size: 0.75rem;
}
[class^=ids-icon-].ids-icon--s,
[class*=" ids-icon-"].ids-icon--s {
width: 1rem;
height: 1rem;
}
[class^=ids-icon-].ids-icon--s:before,
[class*=" ids-icon-"].ids-icon--s:before {
font-size: 1rem;
}
[class^=ids-icon-].ids-icon--m,
[class*=" ids-icon-"].ids-icon--m {
width: 1.25rem;
height: 1.25rem;
}
[class^=ids-icon-].ids-icon--m:before,
[class*=" ids-icon-"].ids-icon--m:before {
font-size: 1.25rem;
}
[class^=ids-icon-].ids-icon--l,
[class*=" ids-icon-"].ids-icon--l {
width: 1.5rem;
height: 1.5rem;
}
[class^=ids-icon-].ids-icon--l:before,
[class*=" ids-icon-"].ids-icon--l:before {
font-size: 1.5rem;
}
[class^=ids-icon-].ids-icon--xl,
[class*=" ids-icon-"].ids-icon--xl {
width: 1.75rem;
height: 1.75rem;
}
[class^=ids-icon-].ids-icon--xl:before,
[class*=" ids-icon-"].ids-icon--xl:before {
font-size: 1.75rem;
}
[class^=ids-icon-].ids-icon--xxl,
[class*=" ids-icon-"].ids-icon--xxl {
width: 2rem;
height: 2rem;
}
[class^=ids-icon-].ids-icon--xxl:before,
[class*=" ids-icon-"].ids-icon--xxl:before {
font-size: 2rem;
}
[class^=ids-icon-].ids-icon--rotate-90,
[class*=" ids-icon-"].ids-icon--rotate-90 {
transform: rotate(90deg);
}
[class^=ids-icon-].ids-icon--rotate-180,
[class*=" ids-icon-"].ids-icon--rotate-180 {
transform: rotate(180deg);
}
[class^=ids-icon-].ids-icon--rotate-270,
[class*=" ids-icon-"].ids-icon--rotate-270 {
transform: rotate(270deg);
}
.ids-icon-ai:before {
content: "\e9c6";
}
.ids-icon-atl:before {
content: "\e9b0";
}
.ids-icon-nlm:before {
content: "\e9b1";
}
.ids-icon-tvbl:before {
content: "\e9b2";
}
.ids-icon-vbl:before {
content: "\e9b3";
}
.ids-icon-ef:before {
content: "\e9b4";
}
.ids-icon-fsub:before {
content: "\e9b5";
}
.ids-icon-fsub-alt:before {
content: "\e9b6";
}
.ids-icon-fsub-f:before {
content: "\e9b7";
}
.ids-icon-m-info:before {
content: "\e9b8";
}
.ids-icon-monitoring:before {
content: "\e9b9";
}
.ids-icon-registered:before {
content: "\e9ba";
}
.ids-icon-trademark:before {
content: "\e9bb";
}
.ids-icon-narcotics-ii:before {
content: "\e9bc";
}
.ids-icon-narcotics-iii:before {
content: "\e9bd";
}
.ids-icon-narcotics-iv-v:before {
content: "\e9be";
}
.ids-icon-prescription-label-alt-small:before {
content: "\e9bf";
}
.ids-icon-prescription-label-alt:before {
content: "\e9c0";
}
.ids-icon-prescription-label-s-small:before {
content: "\e9c1";
}
.ids-icon-prescription-label-small:before {
content: "\e9c2";
}
.ids-icon-prescription-label-s:before {
content: "\e9c3";
}
.ids-icon-prescription-label:before {
content: "\e9c4";
}
.ids-icon-book:before {
content: "\e9c5";
}
.ids-icon-region-stockholm:before {
content: "\e947";
}
.ids-icon-region-blekinge:before {
content: "\e99c";
}
.ids-icon-region-dalarna:before {
content: "\e99d";
}
.ids-icon-region-gavleborg:before {
content: "\e99e";
}
.ids-icon-region-gotland:before {
content: "\e99f";
}
.ids-icon-region-halland:before {
content: "\e9a0";
}
.ids-icon-region-jamtland-harjedalen:before {
content: "\e9a1";
}
.ids-icon-region-jonkoping:before {
content: "\e9a2";
}
.ids-icon-region-kalmar:before {
content: "\e9a3";
}
.ids-icon-region-kronoberg:before {
content: "\e9a4";
}
.ids-icon-region-norrbotten:before {
content: "\e9a5";
}
.ids-icon-region-orebro:before {
content: "\e9a6";
}
.ids-icon-region-ostergotland:before {
content: "\e9a7";
}
.ids-icon-region-skane:before {
content: "\e9a8";
}
.ids-icon-region-sormland:before {
content: "\e9a9";
}
.ids-icon-region-uppsala:before {
content: "\e9aa";
}
.ids-icon-region-varmland:before {
content: "\e9ab";
}
.ids-icon-region-vasterbotten:before {
content: "\e9ac";
}
.ids-icon-region-vasternorrland:before {
content: "\e9ad";
}
.ids-icon-region-vastmanland:before {
content: "\e9ae";
}
.ids-icon-region-vastragotaland:before {
content: "\e9af";
}
.ids-icon-download-small:before {
content: "\e99a";
}
.ids-icon-copy-link:before {
content: "\e99b";
}
.ids-icon-activity:before {
content: "\e948";
}
.ids-icon-alarm:before {
content: "\e949";
}
.ids-icon-archive:before {
content: "\e94a";
}
.ids-icon-bookmark:before {
content: "\e94b";
}
.ids-icon-call-ongoing:before {
content: "\e94c";
}
.ids-icon-call:before {
content: "\e94d";
}
.ids-icon-camera-off:before {
content: "\e94e";
}
.ids-icon-camera-on:before {
content: "\e94f";
}
.ids-icon-camera-switch:before {
content: "\e950";
}
.ids-icon-chart-bar:before {
content: "\e951";
}
.ids-icon-chart-line:before {
content: "\e952";
}
.ids-icon-chat:before {
content: "\e953";
}
.ids-icon-clipboard-with-cross:before {
content: "\e954";
}
.ids-icon-clipboard-with-text:before {
content: "\e955";
}
.ids-icon-clipboard:before {
content: "\e956";
}
.ids-icon-copy-file:before {
content: "\e957";
}
.ids-icon-denied-small:before {
content: "\e958";
}
.ids-icon-denied:before {
content: "\e959";
}
.ids-icon-desktop:before {
content: "\e95a";
}
.ids-icon-doctors-bag:before {
content: "\e95b";
}
.ids-icon-document:before {
content: "\e95c";
}
.ids-icon-download:before {
content: "\e95d";
}
.ids-icon-e-mail-sent:before {
content: "\e95e";
}
.ids-icon-e-mail-unread:before {
content: "\e95f";
}
.ids-icon-e-mail:before {
content: "\e960";
}
.ids-icon-edit:before {
content: "\e961";
}
.ids-icon-error-filled:before {
content: "\e962";
}
.ids-icon-error:before {
content: "\e963";
}
.ids-icon-file-csv:before {
content: "\e964";
}
.ids-icon-file-excel:before {
content: "\e965";
}
.ids-icon-file-image:before {
content: "\e966";
}
.ids-icon-file-other:before {
content: "\e967";
}
.ids-icon-file-pdf:before {
content: "\e968";
}
.ids-icon-file-ppt:before {
content: "\e969";
}
.ids-icon-file-word:before {
content: "\e96a";
}
.ids-icon-find-care:before {
content: "\e96b";
}
.ids-icon-flag:before {
content: "\e96c";
}
.ids-icon-folder:before {
content: "\e96d";
}
.ids-icon-form-numbered-reoccurring:before {
content: "\e96e";
}
.ids-icon-form-numbered:before {
content: "\e96f";
}
.ids-icon-functions:before {
content: "\e970";
}
.ids-icon-headphones:before {
content: "\e971";
}
.ids-icon-hourglass-end:before {
content: "\e972";
}
.ids-icon-hourglass-start:before {
content: "\e973";
}
.ids-icon-hourglass:before {
content: "\e974";
}
.ids-icon-house:before {
content: "\e975";
}
.ids-icon-id-card-locked:before {
content: "\e976";
}
.ids-icon-id-card:before {
content: "\e977";
}
.ids-icon-image:before {
content: "\e978";
}
.ids-icon-inactivity:before {
content: "\e979";
}
.ids-icon-lightbulb:before {
content: "\e97a";
}
.ids-icon-list:before {
content: "\e97b";
}
.ids-icon-listen:before {
content: "\e97c";
}
.ids-icon-locked:before {
content: "\e97d";
}
.ids-icon-log-locked:before {
content: "\e97e";
}
.ids-icon-log:before {
content: "\e97f";
}
.ids-icon-mobile:before {
content: "\e980";
}
.ids-icon-moment-start:before {
content: "\e981";
}
.ids-icon-moment-stop:before {
content: "\e982";
}
.ids-icon-office-building:before {
content: "\e983";
}
.ids-icon-organization:before {
content: "\e984";
}
.ids-icon-prescription:before {
content: "\e985";
}
.ids-icon-print:before {
content: "\e986";
}
.ids-icon-settings:before {
content: "\e987";
}
.ids-icon-shield-locked-filled:before {
content: "\e988";
}
.ids-icon-shield-locked-outlined:before {
content: "\e989";
}
.ids-icon-social-facebook:before {
content: "\e98a";
}
.ids-icon-social-linkedin:before {
content: "\e98b";
}
.ids-icon-social-x:before {
content: "\e98c";
}
.ids-icon-switch-person:before {
content: "\e98d";
}
.ids-icon-toggle-card-view:before {
content: "\e98e";
}
.ids-icon-toggle-list-view:before {
content: "\e98f";
}
.ids-icon-trash-can:before {
content: "\e990";
}
.ids-icon-tube-analysis:before {
content: "\e991";
}
.ids-icon-tube-empty:before {
content: "\e992";
}
.ids-icon-tube-filled:before {
content: "\e993";
}
.ids-icon-unlocked:before {
content: "\e994";
}
.ids-icon-video-off:before {
content: "\e995";
}
.ids-icon-video-on:before {
content: "\e996";
}
.ids-icon-video-switch:before {
content: "\e997";
}
.ids-icon-visibility-off:before {
content: "\e998";
}
.ids-icon-visibility:before {
content: "\e999";
}
.ids-icon-1177:before {
content: "\e91e";
}
.ids-icon-agent:before {
content: "\e91f";
}
.ids-icon-inera:before {
content: "\e920";
}
.ids-icon-find-region:before {
content: "\e921";
}
.ids-icon-clock:before {
content: "\e922";
}
.ids-icon-user:before {
content: "\e923";
}
.ids-icon-drag-n-drop-small:before {
content: "\e924";
}
.ids-icon-drag-n-drop:before {
content: "\e925";
}
.ids-icon-expand-small:before {
content: "\e926";
}
.ids-icon-expand:before {
content: "\e927";
}
.ids-icon-external-link-small:before {
content: "\e928";
}
.ids-icon-menu-small:before {
content: "\e929";
}
.ids-icon-menu:before {
content: "\e92a";
}
.ids-icon-minus-small:before {
content: "\e92b";
}
.ids-icon-plus-small:before {
content: "\e92c";
}
.ids-icon-reload-small:before {
content: "\e92d";
}
.ids-icon-reload:before {
content: "\e92e";
}
.ids-icon-reply-small:before {
content: "\e92f";
}
.ids-icon-reply:before {
content: "\e930";
}
.ids-icon-share-small:before {
content: "\e931";
}
.ids-icon-swap-horizontal-small:before {
content: "\e932";
}
.ids-icon-swap-vertical-small:before {
content: "\e933";
}
.ids-icon-close-small:before {
content: "\e934";
}
.ids-icon-copy-link-small:before {
content: "\e935";
}
.ids-icon-chevron-down-small:before {
content: "\e936";
}
.ids-icon-chevron-left-small:before {
content: "\e937";
}
.ids-icon-chevron-right-small:before {
content: "\e938";
}
.ids-icon-chevron-up-small:before {
content: "\e939";
}
.ids-icon-check-small:before {
content: "\e93a";
}
.ids-icon-arrow-down-small:before {
content: "\e93b";
}
.ids-icon-arrow-left-small:before {
content: "\e93c";
}
.ids-icon-arrow-right-small:before {
content: "\e93d";
}
.ids-icon-arrow-up-small:before {
content: "\e93e";
}
.ids-icon-caregiver:before {
content: "\e93f";
}
.ids-icon-hospital:before {
content: "\e940";
}
.ids-icon-call-list:before {
content: "\e941";
}
.ids-icon-compare-small:before {
content: "\e942";
}
.ids-icon-compare:before {
content: "\e943";
}
.ids-icon-calendar:before {
content: "\e944";
}
.ids-icon-assistive-devices:before {
content: "\e945";
}
.ids-icon-medical-transportation:before {
content: "\e946";
}
.ids-icon-activity-missed:before {
content: "\e900";
}
.ids-icon-arrow-down:before {
content: "\e901";
}
.ids-icon-arrow-left:before {
content: "\e902";
}
.ids-icon-arrow-right:before {
content: "\e903";
}
.ids-icon-arrow-up:before {
content: "\e904";
}
.ids-icon-attention:before {
content: "\e905";
}
.ids-icon-check:before {
content: "\e914";
}
.ids-icon-chevron-down:before {
content: "\e906";
}
.ids-icon-chevron-left:before {
content: "\e907";
}
.ids-icon-chevron-right:before {
content: "\e908";
}
.ids-icon-chevron-up:before {
content: "\e909";
}
.ids-icon-close:before {
content: "\e916";
}
.ids-icon-drug:before {
content: "\e90d";
}
.ids-icon-exclamation-mark:before {
content: "\e91d";
}
.ids-icon-external-link:before {
content: "\e90a";
}
.ids-icon-group:before {
content: "\e90b";
}
.ids-icon-information:before {
content: "\e90c";
}
.ids-icon-minus:before {
content: "\e917";
}
.ids-icon-notification:before {
content: "\e90e";
}
.ids-icon-play:before {
content: "\e90f";
}
.ids-icon-plus:before {
content: "\e918";
}
.ids-icon-question:before {
content: "\e910";
}
.ids-icon-search:before {
content: "\e919";
}
.ids-icon-share:before {
content: "\e911";
}
.ids-icon-star:before {
content: "\e91a";
}
.ids-icon-star-filled:before {
content: "\e91b";
}
.ids-icon-success:before {
content: "\e912";
}
.ids-icon-swap-horizontal:before {
content: "\e915";
}
.ids-icon-swap-vertical:before {
content: "\e91c";
}
.ids-icon-warning:before {
content: "\e913";
}
@media (max-width: 1023px) {
.ids-desktop {
display: none !important;
}
}
@media (min-width: 1024px) {
.ids-mobile {
display: none !important;
}
}
.ids-block {
display: block !important;
}
.ids-bg-1 {
background-color: var(--IDS-COLOR-NEUTRAL-100);
}
.ids-bg-2 {
background-color: var(--IDS-COLOR-SECONDARY-95);
}
.ids-hide-overflow {
overflow: hidden;
}
.ids-btn-no-styles {
background: none;
color: inherit;
border: none;
padding: 0;
font: inherit;
cursor: pointer;
outline: inherit;
display: flex;
border-radius: var(--IDS-BUTTON__BORDER-RADIUS);
}
.ids-btn-no-styles:focus {
outline: var(--IDS-FOCUS__OUTLINE);
outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET);
}
.ids-btn-plain {
background: none;
border: none;
cursor: pointer;
}
.ids-link-no-styles {
color: var(--IDS-LINK--COLOR-PRESET-1__COLOR);
font-size: inherit;
font-family: inherit;
text-decoration: none;
cursor: pointer;
}
.ids-link-no-styles:hover {
color: var(--IDS-LINK--COLOR-PRESET-1__HOVER-COLOR);
}
.ids-inline-block {
display: inline-block;
}
.ids-no-margin {
margin: 0px !important;
}
.ids-mb-0 {
margin-bottom: 0px;
}
.ids .ids-mb-1 {
margin-bottom: 0.25rem;
}
.ids .ids-mb-10 {
margin-bottom: 2.5rem;
}
.ids .ids-mb-11 {
margin-bottom: 2.75rem;
}
.ids .ids-mb-12 {
margin-bottom: 3rem;
}
.ids .ids-mb-2 {
margin-bottom: 0.5rem;
}
.ids .ids-mb-3 {
margin-bottom: 0.75rem;
}
.ids .ids-mb-4 {
margin-bottom: 1rem;
}
.ids .ids-mb-5 {
margin-bottom: 1.25rem;
}
.ids .ids-mb-6 {
margin-bottom: 1.5rem;
}
.ids .ids-mb-7 {
margin-bottom: 1.75rem;
}
.ids .ids-mb-8 {
margin-bottom: 2rem;
}
.ids .ids-mb-9 {
margin-bottom: 2.25rem;
}
.ids-mb-auto {
margin-bottom: auto;
}
.ids-me-0 {
margin-inline-end: 0px;
}
.ids-me-1 {
margin-inline-end: 0.25rem;
}
.ids-me-10 {
margin-inline-end: 2.5rem;
}
.ids-me-11 {
margin-inline-end: 2.75rem;
}
.ids-me-12 {
margin-inline-end: 3rem;
}
.ids-me-2 {
margin-inline-end: 0.5rem;
}
.ids-me-3 {
margin-inline-end: 0.75rem;
}
.ids-me-4 {
margin-inline-end: 1rem;
}
.ids-me-5 {
margin-inline-end: 1.25rem;
}
.ids-me-6 {
margin-inline-end: 1.5rem;
}
.ids-me-7 {
margin-inline-end: 1.75rem;
}
.ids-me-8 {
margin-inline-end: 2rem;
}
.ids-me-9 {
margin-inline-end: 2.25rem;
}
.ids-me-auto {
margin-inline-end: auto;
}
.ids-ml-auto {
margin-left: auto;
}
.ids-ms-0 {
margin-inline-start: 0px;
}
.ids-ms-1 {
margin-inline-start: 0.25rem;
}
.ids-ms-10 {
margin-inline-start: 2.5rem;
}
.ids-ms-11 {
margin-inline-start: 2.75rem;
}
.ids-ms-12 {
margin-inline-start: 3rem;
}
.ids-ms-2 {
margin-inline-start: 0.5rem;
}
.ids-ms-3 {
margin-inline-start: 0.75rem;
}
.ids-ms-4 {
margin-inline-start: 1rem;
}
.ids-ms-5 {
margin-inline-start: 1.25rem;
}
.ids-ms-6 {
margin-inline-start: 1.5rem;
}
.ids-ms-7 {
margin-inline-start: 1.75rem;
}
.ids-ms-8 {
margin-inline-start: 2rem;
}
.ids-ms-9 {
margin-inline-start: 2.25rem;
}
.ids-ms-auto {
margin-inline-start: auto;
}
.ids-mt-auto {
margin-top: auto;
}
.ids-block {
display: block;
}
.ids-inline {
display: inline;
}
.ids-flex {
display: flex;
}
.ids-inline-flex {
display: inline-flex;
}
.ids-table {
display: table;
}
.ids-inline-table {
display: inline-table;
}
.ids-table-caption {
display: table-caption;
}
.ids-table-cell {
display: table-cell;
}
.ids-table-column {
display: table-column;
}
.ids-table-column-group {
display: table-column-group;
}
.ids-table-footer-group {
display: table-footer-group;
}
.ids-table-header-group {
display: table-header-group;
}
.ids-table-row-group {
display: table-row-group;
}
.ids-table-row {
display: table-row;
}
.ids-flow-root {
display: flow-root;
}
.ids-grid {
display: grid;
}
.ids-inline-grid {
display: inline-grid;
}
.ids-contents {
display: contents;
}
.ids-hidden {
display: none;
}
.ids-flex-1 {
flex: 1 1 0%;
}
.ids-flex-auto {
flex: 1 1 auto;
}
.ids-flex-initial {
flex: 0 1 auto;
}
.ids-flex-none {
flex: none;
}
.ids-p-0 {
padding: 0px;
}
.ids-p-1 {
padding: 0.25rem;
}
.ids-p-10 {
padding: 2.5rem;
}
.ids-p-11 {
padding: 2.75rem;
}
.ids-p-12 {
padding: 3rem;
}
.ids-p-2 {
padding: 0.5rem;
}
.ids-p-3 {
padding: 0.75rem;
}
.ids-p-4 {
padding: 1rem;
}
.ids-p-5 {
padding: 1.25rem;
}
.ids-p-6 {
padding: 1.5rem;
}
.ids-p-7 {
padding: 1.75rem;
}
.ids-p-8 {
padding: 2rem;
}
.ids-p-9 {
padding: 2.25rem;
}
.ids-pe-0 {
padding-inline-end: 0px;
}
.ids-pe-1 {
padding-inline-end: 0.25rem;
}
.ids-pe-10 {
padding-inline-end: 2.5rem;
}
.ids-pe-11 {
padding-inline-end: 2.75rem;
}
.ids-pe-12 {
padding-inline-end: 3rem;
}
.ids-pe-2 {
padding-inline-end: 0.5rem;
}
.ids-pe-3 {
padding-inline-end: 0.75rem;
}
.ids-pe-4 {
padding-inline-end: 1rem;
}
.ids-pe-5 {
padding-inline-end: 1.25rem;
}
.ids-pe-6 {
padding-inline-end: 1.5rem;
}
.ids-pe-7 {
padding-inline-end: 1.75rem;
}
.ids-pe-8 {
padding-inline-end: 2rem;
}
.ids-pe-9 {
padding-inline-end: 2.25rem;
}
.ids-ps-0 {
padding-inline-start: 0px;
}
.ids-ps-1 {
padding-inline-start: 0.25rem;
}
.ids-ps-10 {
padding-inline-start: 2.5rem;
}
.ids-ps-11 {
padding-inline-start: 2.75rem;
}
.ids-ps-12 {
padding-inline-start: 3rem;
}
.ids-ps-2 {
padding-inline-start: 0.5rem;
}
.ids-ps-3 {
padding-inline-start: 0.75rem;
}
.ids-ps-4 {
padding-inline-start: 1rem;
}
.ids-ps-5 {
padding-inline-start: 1.25rem;
}
.ids-ps-6 {
padding-inline-start: 1.5rem;
}
.ids-ps-7 {
padding-inline-start: 1.75rem;
}
.ids-ps-8 {
padding-inline-start: 2rem;
}
.ids-ps-9 {
padding-inline-start: 2.25rem;
}
.ids-leading-10 {
line-height: 2.5rem;
}
.ids-leading-3 {
line-height: 0.75rem;
}
.ids-leading-4 {
line-height: 1rem;
}
.ids-leading-5 {
line-height: 1.25rem;
}
.ids-leading-6 {
line-height: 1.5rem;
}
.ids-leading-7 {
line-height: 1.75rem;
}
.ids-leading-8 {
line-height: 2rem;
}
.ids-leading-9 {
line-height: 2.25rem;
}
.ids-leading-loose {
line-height: 2;
}
.ids-leading-none {
line-height: 1;
}
.ids-leading-normal {
line-height: 1.5;
}
.ids-leading-relaxed {
line-height: 1.625;
}
.ids-leading-snug {
line-height: 1.375;
}
.ids-leading-tight {
line-height: 1.25;
}
.ids .ids-mt-0 {
margin-top: 0px;
}
.ids .ids-mt-1 {
margin-top: 0.25rem;
}
.ids .ids-mt-2 {
margin-top: 0.5rem;
}
.ids .ids-mt-3 {
margin-top: 0.75rem;
}
.ids .ids-mt-4 {
margin-top: 1rem;
}
.ids .ids-mt-5 {
margin-top: 1.25rem;
}
.ids .ids-mt-6 {
margin-top: 1.5rem;
}
.ids .ids-mt-7 {
margin-top: 1.75rem;
}
.ids .ids-mt-8 {
margin-top: 2rem;
}
.ids .ids-mt-9 {
margin-top: 2.25rem;
}
.ids .ids-mt-10 {
margin-top: 2.5rem;
}
.ids .ids-mt-11 {
margin-top: 2.75rem;
}
.ids .ids-mt-12 {
margin-top: 3rem;
}
.ids .ids-mr-0 {
margin-right: 0px;
}
.ids .ids-mr-1 {
margin-right: 0.25rem;
}
.ids .ids-mr-2 {
margin-right: 0.5rem;
}
.ids .ids-mr-3 {
margin-right: 0.75rem;
}
.ids .ids-mr-4 {
margin-right: 1rem;
}
.ids .ids-mr-5 {
margin-right: 1.25rem;
}
.ids .ids-mr-6 {
margin-right: 1.5rem;
}
.ids .ids-mr-7 {
margin-right: 1.75rem;
}
.ids .ids-mr-8 {
margin-right: 2rem;
}
.ids .ids-mr-9 {
margin-right: 2.25rem;
}
.ids .ids-mr-10 {
margin-right: 2.5rem;
}
.ids .ids-mr-11 {
margin-right: 2.75rem;
}
.ids .ids-mr-12 {
margin-right: 3rem;
}
.ids .ids-ml-0 {
margin-left: 0px;
}
.ids .ids-ml-1 {
margin-left: 0.25rem;
}
.ids .ids-ml-2 {
margin-left: 0.5rem;
}
.ids .ids-ml-3 {
margin-left: 0.75rem;
}
.ids .ids-ml-4 {
margin-left: 1rem;
}
.ids .ids-ml-5 {
margin-left: 1.25rem;
}
.ids .ids-ml-6 {
margin-left: 1.5rem;
}
.ids .ids-ml-7 {
margin-left: 1.75rem;
}
.ids .ids-ml-8 {
margin-left: 2rem;
}
.ids .ids-ml-9 {
margin-left: 2.25rem;
}
.ids .ids-ml-10 {
margin-left: 2.5rem;
}
.ids .ids-ml-11 {
margin-left: 2.75rem;
}
.ids .ids-ml-12 {
margin-left: 3rem;
}
.ids .ids-my-0 {
margin-top: 0px;
margin-bottom: 0px;
}
.ids .ids-my-1 {
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
.ids .ids-my-2 {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.ids .ids-my-3 {
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
.ids .ids-my-4 {
margin-top: 1rem;
margin-bottom: 1rem;
}
.ids .ids-my-5 {
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
.ids .ids-my-6 {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.ids .ids-my-7 {
margin-top: 1.75rem;
margin-bottom: 1.75rem;
}
.ids .ids-my-8 {
margin-top: 2rem;
margin-bottom: 2rem;
}
.ids .ids-my-9 {
margin-top: 2.25rem;
margin-bottom: 2.25rem;
}
.ids .ids-my-10 {
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
.ids .ids-my-11 {
margin-top: 2.75rem;
margin-bottom: 2.75rem;
}
.ids .ids-my-12 {
margin-top: 3rem;
margin-bottom: 3rem;
}
.ids .ids-pt-0 {
padding-top: 0px;
}
.ids .ids-pt-1 {
padding-top: 0.25rem;
}
.ids .ids-pt-2 {
padding-top: 0.5rem;
}
.ids .ids-pt-3 {
padding-top: 0.75rem;
}
.ids .ids-pt-4 {
padding-top: 1rem;
}
.ids .ids-pt-5 {
padding-top: 1.25rem;
}
.ids .ids-pt-6 {
padding-top: 1.5rem;
}
.ids .ids-pt-7 {
padding-top: 1.75rem;
}
.ids .ids-pt-8 {
padding-top: 2rem;
}
.ids .ids-pt-9 {
padding-top: 2.25rem;
}
.ids .ids-pt-10 {
padding-top: 2.5rem;
}
.ids .ids-pt-11 {
padding-top: 2.75rem;
}
.ids .ids-pt-12 {
padding-top: 3rem;
}
.ids .ids-pb-0 {
padding-bottom: 0px;
}
.ids .ids-pb-1 {
padding-bottom: 0.25rem;
}
.ids .ids-pb-2 {
padding-bottom: 0.5rem;
}
.ids .ids-pb-3 {
padding-bottom: 0.75rem;
}
.ids .ids-pb-4 {
padding-bottom: 1rem;
}
.ids .ids-pb-5 {
padding-bottom: 1.25rem;
}
.ids .ids-pb-6 {
padding-bottom: 1.5rem;
}
.ids .ids-pb-7 {
padding-bottom: 1.75rem;
}
.ids .ids-pb-8 {
padding-bottom: 2rem;
}
.ids .ids-pb-9 {
padding-bottom: 2.25rem;
}
.ids .ids-pb-10 {
padding-bottom: 2.5rem;
}
.ids .ids-pb-11 {
padding-bottom: 2.75rem;
}
.ids .ids-pb-12 {
padding-bottom: 3rem;
}
.ids .ids-pr-0 {
padding-right: 0px;
}
.ids .ids-pr-1 {
padding-right: 0.25rem;
}
.ids .ids-pr-2 {
padding-right: 0.5rem;
}
.ids .ids-pr-3 {
padding-right: 0.75rem;
}
.ids .ids-pr-4 {
padding-right: 1rem;
}
.ids .ids-pr-5 {
padding-right: 1.25rem;
}
.ids .ids-pr-6 {
padding-right: 1.5rem;
}
.ids .ids-pr-7 {
padding-right: 1.75rem;
}
.ids .ids-pr-8 {
padding-right: 2rem;
}
.ids .ids-pr-9 {
padding-right: 2.25rem;
}
.ids .ids-pr-10 {
padding-right: 2.5rem;
}
.ids .ids-pr-11 {
padding-right: 2.75rem;
}
.ids .ids-pr-12 {
padding-right: 3rem;
}
.ids .ids-pl-0 {
padding-left: 0px;
}
.ids .ids-pl-1 {
padding-left: 0.25rem;
}
.ids .ids-pl-2 {
padding-left: 0.5rem;
}
.ids .ids-pl-3 {
padding-left: 0.75rem;
}
.ids .ids-pl-4 {
padding-left: 1rem;
}
.ids .ids-pl-5 {
padding-left: 1.25rem;
}
.ids .ids-pl-6 {
padding-left: 1.5rem;
}
.ids .ids-pl-7 {
padding-left: 1.75rem;
}
.ids .ids-pl-8 {
padding-left: 2rem;
}
.ids .ids-pl-9 {
padding-left: 2.25rem;
}
.ids .ids-pl-10 {
padding-left: 2.5rem;
}
.ids .ids-pl-11 {
padding-left: 2.75rem;
}
.ids .ids-pl-12 {
padding-left: 3rem;
}
.ids .ids-py-0 {
padding-top: 0px;
padding-bottom: 0px;
}
.ids .ids-py-1 {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.ids .ids-py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.ids .ids-py-3 {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.ids .ids-py-4 {
padding-top: 1rem;
padding-bottom: 1rem;
}
.ids .ids-py-5 {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.ids .ids-py-6 {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.ids .ids-py-7 {
padding-top: 1.75rem;
padding-bottom: 1.75rem;
}
.ids .ids-py-8 {
padding-top: 2rem;
padding-bottom: 2rem;
}
.ids .ids-py-9 {
padding-top: 2.25rem;
padding-bottom: 2.25rem;
}
.ids .ids-py-10 {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.ids .ids-py-11 {
padding-top: 2.75rem;
padding-bottom: 2.75rem;
}
.ids .ids-py-12 {
padding-top: 3rem;
padding-bottom: 3rem;
}
.ids .ids-px-0 {
padding-right: 0px;
padding-left: 0px;
}
.ids .ids-px-1 {
padding-right: 0.25rem;
padding-left: 0.25rem;
}
.ids .ids-px-2 {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.ids .ids-px-3 {
padding-right: 0.75rem;
padding-left: 0.75rem;
}
.ids .ids-px-4 {
padding-right: 1rem;
padding-left: 1rem;
}
.ids .ids-px-5 {
padding-right: 1.25rem;
padding-left: 1.25rem;
}
.ids .ids-px-6 {
padding-right: 1.5rem;
padding-left: 1.5rem;
}
.ids .ids-px-7 {
padding-right: 1.75rem;
padding-left: 1.75rem;
}
.ids .ids-px-8 {
padding-right: 2rem;
padding-left: 2rem;
}
.ids .ids-px-9 {
padding-right: 2.25rem;
padding-left: 2.25rem;
}
.ids .ids-px-10 {
padding-right: 2.5rem;
padding-left: 2.5rem;
}
.ids .ids-px-11 {
padding-right: 2.75rem;
padding-left: 2.75rem;
}
.ids .ids-px-12 {
padding-right: 3rem;
padding-left: 3rem;
}
.ids-hide {
display: none;
}
@media (max-width: 600px) {
.ids-fs-sm-1 {
font-size: 0.75rem;
}
.ids-fs-sm-2 {
font-size: 1rem;
}
}
@media only screen and (max-width: 640px) {
.ids .ids-s-mt-0 {
margin-top: 0px;
}
.ids .ids-s-mt-1 {
margin-top: 0.25rem;
}
.ids .ids-s-mt-2 {
margin-top: 0.5rem;
}
.ids .ids-s-mt-3 {
margin-top: 0.75rem;
}
.ids .ids-s-mt-4 {
margin-top: 1rem;
}
.ids .ids-s-mt-5 {
margin-top: 1.25rem;
}
.ids .ids-s-mt-6 {
margin-top: 1.5rem;
}
.ids .ids-s-mt-7 {
margin-top: 1.75rem;
}
.ids .ids-s-mt-8 {
margin-top: 2rem;
}
.ids .ids-s-mt-9 {
margin-top: 2.25rem;
}
.ids .ids-s-mt-10 {
margin-top: 2.5rem;
}
.ids .ids-s-mt-11 {
margin-top: 2.75rem;
}
.ids .ids-s-mt-12 {
margin-top: 3rem;
}
.ids .ids-s-mr-0 {
margin-right: 0px;
}
.ids .ids-s-mr-1 {
margin-right: 0.25rem;
}
.ids .ids-s-mr-2 {
margin-right: 0.5rem;
}
.ids .ids-s-mr-3 {
margin-right: 0.75rem;
}
.ids .ids-s-mr-4 {
margin-right: 1rem;
}
.ids .ids-s-mr-5 {
margin-right: 1.25rem;
}
.ids .ids-s-mr-6 {
margin-right: 1.5rem;
}
.ids .ids-s-mr-7 {
margin-right: 1.75rem;
}
.ids .ids-s-mr-8 {
margin-right: 2rem;
}
.ids .ids-s-mr-9 {
margin-right: 2.25rem;
}
.ids .ids-s-mr-10 {
margin-right: 2.5rem;
}
.ids .ids-s-mr-11 {
margin-right: 2.75rem;
}
.ids .ids-s-mr-12 {
margin-right: 3rem;
}
.ids .ids-s-mb-0 {
margin-bottom: 0px;
}
.ids .ids-s-mb-1 {
margin-bottom: 0.25rem;
}
.ids .ids-s-mb-2 {
margin-bottom: 0.5rem;
}
.ids .ids-s-mb-3 {
margin-bottom: 0.75rem;
}
.ids .ids-s-mb-4 {
margin-bottom: 1rem;
}
.ids .ids-s-mb-5 {
margin-bottom: 1.25rem;
}
.ids .ids-s-mb-6 {
margin-bottom: 1.5rem;
}
.ids .ids-s-mb-7 {
margin-bottom: 1.75rem;
}
.ids .ids-s-mb-8 {
margin-bottom: 2rem;
}
.ids .ids-s-mb-9 {
margin-bottom: 2.25rem;
}
.ids .ids-s-mb-10 {
margin-bottom: 2.5rem;
}
.ids .ids-s-mb-11 {
margin-bottom: 2.75rem;
}
.ids .ids-s-mb-12 {
margin-bottom: 3rem;
}
.ids .ids-s-ml-0 {
margin-left: 0px;
}
.ids .ids-s-ml-1 {
margin-left: 0.25rem;
}
.ids .ids-s-ml-2 {
margin-left: 0.5rem;
}
.ids .ids-s-ml-3 {
margin-left: 0.75rem;
}
.ids .ids-s-ml-4 {
margin-left: 1rem;
}
.ids .ids-s-ml-5 {
margin-left: 1.25rem;
}
.ids .ids-s-ml-6 {
margin-left: 1.5rem;
}
.ids .ids-s-ml-7 {
margin-left: 1.75rem;
}
.ids .ids-s-ml-8 {
margin-left: 2rem;
}
.ids .ids-s-ml-9 {
margin-left: 2.25rem;
}
.ids .ids-s-ml-10 {
margin-left: 2.5rem;
}
.ids .ids-s-ml-11 {
margin-left: 2.75rem;
}
.ids .ids-s-ml-12 {
margin-left: 3rem;
}
.ids .ids-s-my-0 {
margin-top: 0px;
margin-bottom: 0px;
}
.ids .ids-s-my-1 {
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
.ids .ids-s-my-2 {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.ids .ids-s-my-3 {
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
.ids .ids-s-my-4 {
margin-top: 1rem;
margin-bottom: 1rem;
}
.ids .ids-s-my-5 {
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
.ids .ids-s-my-6 {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.ids .ids-s-my-7 {
margin-top: 1.75rem;
margin-bottom: 1.75rem;
}
.ids .ids-s-my-8 {
margin-top: 2rem;
margin-bottom: 2rem;
}
.ids .ids-s-my-9 {
margin-top: 2.25rem;
margin-bottom: 2.25rem;
}
.ids .ids-s-my-10 {
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
.ids .ids-s-my-11 {
margin-top: 2.75rem;
margin-bottom: 2.75rem;
}
.ids .ids-s-my-12 {
margin-top: 3rem;
margin-bottom: 3rem;
}
.ids .ids-s-mx-0 {
margin-left: 0px;
margin-right: 0px;
}
.ids .ids-s-mx-1 {
margin-left: 0.25rem;
margin-right: 0.25rem;
}
.ids .ids-s-mx-2 {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.ids .ids-s-mx-3 {
margin-left: 0.75rem;
margin-right: 0.75rem;
}
.ids .ids-s-mx-4 {
margin-left: 1rem;
margin-right: 1rem;
}
.ids .ids-s-mx-5 {
margin-left: 1.25rem;
margin-right: 1.25rem;
}
.ids .ids-s-mx-6 {
margin-left: 1.5rem;
margin-right: 1.5rem;
}
.ids .ids-s-mx-7 {
margin-left: 1.75rem;
margin-right: 1.75rem;
}
.ids .ids-s-mx-8 {
margin-left: 2rem;
margin-right: 2rem;
}
.ids .ids-s-mx-9 {
margin-left: 2.25rem;
margin-right: 2.25rem;
}
.ids .ids-s-mx-10 {
margin-left: 2.5rem;
margin-right: 2.5rem;
}
.ids .ids-s-mx-11 {
margin-left: 2.75rem;
margin-right: 2.75rem;
}
.ids .ids-s-mx-12 {
margin-left: 3rem;
margin-right: 3rem;
}
.ids .ids-s-pt-0 {
padding-top: 0px;
}
.ids .ids-s-pt-1 {
padding-top: 0.25rem;
}
.ids .ids-s-pt-2 {
padding-top: 0.5rem;
}
.ids .ids-s-pt-3 {
padding-top: 0.75rem;
}
.ids .ids-s-pt-4 {
padding-top: 1rem;
}
.ids .ids-s-pt-5 {
padding-top: 1.25rem;
}
.ids .ids-s-pt-6 {
padding-top: 1.5rem;
}
.ids .ids-s-pt-7 {
padding-top: 1.75rem;
}
.ids .ids-s-pt-8 {
padding-top: 2rem;
}
.ids .ids-s-pt-9 {
padding-top: 2.25rem;
}
.ids .ids-s-pt-10 {
padding-top: 2.5rem;
}
.ids .ids-s-pt-11 {
padding-top: 2.75rem;
}
.ids .ids-s-pt-12 {
padding-top: 3rem;
}
.ids .ids-s-pb-0 {
padding-bottom: 0px;
}
.ids .ids-s-pb-1 {
padding-bottom: 0.25rem;
}
.ids .ids-s-pb-2 {
padding-bottom: 0.5rem;
}
.ids .ids-s-pb-3 {
padding-bottom: 0.75rem;
}
.ids .ids-s-pb-4 {
padding-bottom: 1rem;
}
.ids .ids-s-pb-5 {
padding-bottom: 1.25rem;
}
.ids .ids-s-pb-6 {
padding-bottom: 1.5rem;
}
.ids .ids-s-pb-7 {
padding-bottom: 1.75rem;
}
.ids .ids-s-pb-8 {
padding-bottom: 2rem;
}
.ids .ids-s-pb-9 {
padding-bottom: 2.25rem;
}
.ids .ids-s-pb-10 {
padding-bottom: 2.5rem;
}
.ids .ids-s-pb-11 {
padding-bottom: 2.75rem;
}
.ids .ids-s-pb-12 {
padding-bottom: 3rem;
}
.ids .ids-s-pr-0 {
padding-right: 0px;
}
.ids .ids-s-pr-1 {
padding-right: 0.25rem;
}
.ids .ids-s-pr-2 {
padding-right: 0.5rem;
}
.ids .ids-s-pr-3 {
padding-right: 0.75rem;
}
.ids .ids-s-pr-4 {
padding-right: 1rem;
}
.ids .ids-s-pr-5 {
padding-right: 1.25rem;
}
.ids .ids-s-pr-6 {
padding-right: 1.5rem;
}
.ids .ids-s-pr-7 {
padding-right: 1.75rem;
}
.ids .ids-s-pr-8 {
padding-right: 2rem;
}
.ids .ids-s-pr-9 {
padding-right: 2.25rem;
}
.ids .ids-s-pr-10 {
padding-right: 2.5rem;
}
.ids .ids-s-pr-11 {
padding-right: 2.75rem;
}
.ids .ids-s-pr-12 {
padding-right: 3rem;
}
.ids .ids-s-pl-0 {
padding-left: 0px;
}
.ids .ids-s-pl-1 {
padding-left: 0.25rem;
}
.ids .ids-s-pl-2 {
padding-left: 0.5rem;
}
.ids .ids-s-pl-3 {
padding-left: 0.75rem;
}
.ids .ids-s-pl-4 {
padding-left: 1rem;
}
.ids .ids-s-pl-5 {
padding-left: 1.25rem;
}
.ids .ids-s-pl-6 {
padding-left: 1.5rem;
}
.ids .ids-s-pl-7 {
padding-left: 1.75rem;
}
.ids .ids-s-pl-8 {
padding-left: 2rem;
}
.ids .ids-s-pl-9 {
padding-left: 2.25rem;
}
.ids .ids-s-pl-10 {
padding-left: 2.5rem;
}
.ids .ids-s-pl-11 {
padding-left: 2.75rem;
}
.ids .ids-s-pl-12 {
padding-left: 3rem;
}
.ids .ids-s-py-0 {
padding-top: 0px;
padding-bottom: 0px;
}
.ids .ids-s-py-1 {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.ids .ids-s-py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.ids .ids-s-py-3 {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.ids .ids-s-py-4 {
padding-top: 1rem;
padding-bottom: 1rem;
}
.ids .ids-s-py-5 {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.ids .ids-s-py-6 {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.ids .ids-s-py-7 {
padding-top: 1.75rem;
padding-bottom: 1.75rem;
}
.ids .ids-s-py-8 {
padding-top: 2rem;
padding-bottom: 2rem;
}
.ids .ids-s-py-9 {
padding-top: 2.25rem;
padding-bottom: 2.25rem;
}
.ids .ids-s-py-10 {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.ids .ids-s-py-11 {
padding-top: 2.75rem;
padding-bottom: 2.75rem;
}
.ids .ids-s-py-12 {
padding-top: 3rem;
padding-bottom: 3rem;
}
.ids .ids-s-px-0 {
padding-right: 0px;
padding-left: 0px;
}
.ids .ids-s-px-1 {
padding-right: 0.25rem;
padding-left: 0.25rem;
}
.ids .ids-s-px-2 {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.ids .ids-s-px-3 {
padding-right: 0.75rem;
padding-left: 0.75rem;
}
.ids .ids-s-px-4 {
padding-right: 1rem;
padding-left: 1rem;
}
.ids .ids-s-px-5 {
padding-right: 1.25rem;
padding-left: 1.25rem;
}
.ids .ids-s-px-6 {
padding-right: 1.5rem;
padding-left: 1.5rem;
}
.ids .ids-s-px-7 {
padding-right: 1.75rem;
padding-left: 1.75rem;
}
.ids .ids-s-px-8 {
padding-right: 2rem;
padding-left: 2rem;
}
.ids .ids-s-px-9 {
padding-right: 2.25rem;
padding-left: 2.25rem;
}
.ids .ids-s-px-10 {
padding-right: 2.5rem;
padding-left: 2.5rem;
}
.ids .ids-s-px-11 {
padding-right: 2.75rem;
padding-left: 2.75rem;
}
.ids .ids-s-px-12 {
padding-right: 3rem;
padding-left: 3rem;
}
.ids .ids-hide-on-mobile,
.ids .ids-hide-on-s,
.ids .ids-s-hide {
display: none;
}
}
@media only screen and (max-width: 1024px) {
.ids .ids-m-mt-0 {
margin-top: 0px;
}
.ids .ids-m-mt-1 {
margin-top: 0.25rem;
}
.ids .ids-m-mt-2 {
margin-top: 0.5rem;
}
.ids .ids-m-mt-3 {
margin-top: 0.75rem;
}
.ids .ids-m-mt-4 {
margin-top: 1rem;
}
.ids .ids-m-mt-5 {
margin-top: 1.25rem;
}
.ids .ids-m-mt-6 {
margin-top: 1.5rem;
}
.ids .ids-m-mt-7 {
margin-top: 1.75rem;
}
.ids .ids-m-mt-8 {
margin-top: 2rem;
}
.ids .ids-m-mt-9 {
margin-top: 2.25rem;
}
.ids .ids-m-mt-10 {
margin-top: 2.5rem;
}
.ids .ids-m-mt-11 {
margin-top: 2.75rem;
}
.ids .ids-m-mt-12 {
margin-top: 3rem;
}
.ids .ids-m-mr-0 {
margin-right: 0px;
}
.ids .ids-m-mr-1 {
margin-right: 0.25rem;
}
.ids .ids-m-mr-2 {
margin-right: 0.5rem;
}
.ids .ids-m-mr-3 {
margin-right: 0.75rem;
}
.ids .ids-m-mr-4 {
margin-right: 1rem;
}
.ids .ids-m-mr-5 {
margin-right: 1.25rem;
}
.ids .ids-m-mr-6 {
margin-right: 1.5rem;
}
.ids .ids-m-mr-7 {
margin-right: 1.75rem;
}
.ids .ids-m-mr-8 {
margin-right: 2rem;
}
.ids .ids-m-mr-9 {
margin-right: 2.25rem;
}
.ids .ids-m-mr-10 {
margin-right: 2.5rem;
}
.ids .ids-m-mr-11 {
margin-right: 2.75rem;
}
.ids .ids-m-mr-12 {
margin-right: 3rem;
}
.ids .ids-m-mb-0 {
margin-bottom: 0px;
}
.ids .ids-m-mb-1 {
margin-bottom: 0.25rem;
}
.ids .ids-m-mb-2 {
margin-bottom: 0.5rem;
}
.ids .ids-m-mb-3 {
margin-bottom: 0.75rem;
}
.ids .ids-m-mb-4 {
margin-bottom: 1rem;
}
.ids .ids-m-mb-5 {
margin-bottom: 1.25rem;
}
.ids .ids-m-mb-6 {
margin-bottom: 1.5rem;
}
.ids .ids-m-mb-7 {
margin-bottom: 1.75rem;
}
.ids .ids-m-mb-8 {
margin-bottom: 2rem;
}
.ids .ids-m-mb-9 {
margin-bottom: 2.25rem;
}
.ids .ids-m-mb-10 {
margin-bottom: 2.5rem;
}
.ids .ids-m-mb-11 {
margin-bottom: 2.75rem;
}
.ids .ids-m-mb-12 {
margin-bottom: 3rem;
}
.ids .ids-m-ml-0 {
margin-left: 0px;
}
.ids .ids-m-ml-1 {
margin-left: 0.25rem;
}
.ids .ids-m-ml-2 {
margin-left: 0.5rem;
}
.ids .ids-m-ml-3 {
margin-left: 0.75rem;
}
.ids .ids-m-ml-4 {
margin-left: 1rem;
}
.ids .ids-m-ml-5 {
margin-left: 1.25rem;
}
.ids .ids-m-ml-6 {
margin-left: 1.5rem;
}
.ids .ids-m-ml-7 {
margin-left: 1.75rem;
}
.ids .ids-m-ml-8 {
margin-left: 2rem;
}
.ids .ids-m-ml-9 {
margin-left: 2.25rem;
}
.ids .ids-m-ml-10 {
margin-left: 2.5rem;
}
.ids .ids-m-ml-11 {
margin-left: 2.75rem;
}
.ids .ids-m-ml-12 {
margin-left: 3rem;
}
.ids .ids-m-my-0 {
margin-top: 0px;
margin-bottom: 0px;
}
.ids .ids-m-my-1 {
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
.ids .ids-m-my-2 {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.ids .ids-m-my-3 {
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
.ids .ids-m-my-4 {
margin-top: 1rem;
margin-bottom: 1rem;
}
.ids .ids-m-my-5 {
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
.ids .ids-m-my-6 {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.ids .ids-m-my-7 {
margin-top: 1.75rem;
margin-bottom: 1.75rem;
}
.ids .ids-m-my-8 {
margin-top: 2rem;
margin-bottom: 2rem;
}
.ids .ids-m-my-9 {
margin-top: 2.25rem;
margin-bottom: 2.25rem;
}
.ids .ids-m-my-10 {
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
.ids .ids-m-my-11 {
margin-top: 2.75rem;
margin-bottom: 2.75rem;
}
.ids .ids-m-my-12 {
margin-top: 3rem;
margin-bottom: 3rem;
}
.ids .ids-m-mx-0 {
margin-left: 0px;
margin-right: 0px;
}
.ids .ids-m-mx-1 {
margin-left: 0.25rem;
margin-right: 0.25rem;
}
.ids .ids-m-mx-2 {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.ids .ids-m-mx-3 {
margin-left: 0.75rem;
margin-right: 0.75rem;
}
.ids .ids-m-mx-4 {
margin-left: 1rem;
margin-right: 1rem;
}
.ids .ids-m-mx-5 {
margin-left: 1.25rem;
margin-right: 1.25rem;
}
.ids .ids-m-mx-6 {
margin-left: 1.5rem;
margin-right: 1.5rem;
}
.ids .ids-m-mx-7 {
margin-left: 1.75rem;
margin-right: 1.75rem;
}
.ids .ids-m-mx-8 {
margin-left: 2rem;
margin-right: 2rem;
}
.ids .ids-m-mx-9 {
margin-left: 2.25rem;
margin-right: 2.25rem;
}
.ids .ids-m-mx-10 {
margin-left: 2.5rem;
margin-right: 2.5rem;
}
.ids .ids-m-mx-11 {
margin-left: 2.75rem;
margin-right: 2.75rem;
}
.ids .ids-m-mx-12 {
margin-left: 3rem;
margin-right: 3rem;
}
.ids .ids-m-pt-0 {
padding-top: 0px;
}
.ids .ids-m-pt-1 {
padding-top: 0.25rem;
}
.ids .ids-m-pt-2 {
padding-top: 0.5rem;
}
.ids .ids-m-pt-3 {
padding-top: 0.75rem;
}
.ids .ids-m-pt-4 {
padding-top: 1rem;
}
.ids .ids-m-pt-5 {
padding-top: 1.25rem;
}
.ids .ids-m-pt-6 {
padding-top: 1.5rem;
}
.ids .ids-m-pt-7 {
padding-top: 1.75rem;
}
.ids .ids-m-pt-8 {
padding-top: 2rem;
}
.ids .ids-m-pt-9 {
padding-top: 2.25rem;
}
.ids .ids-m-pt-10 {
padding-top: 2.5rem;
}
.ids .ids-m-pt-11 {
padding-top: 2.75rem;
}
.ids .ids-m-pt-12 {
padding-top: 3rem;
}
.ids .ids-m-pb-0 {
padding-bottom: 0px;
}
.ids .ids-m-pb-1 {
padding-bottom: 0.25rem;
}
.ids .ids-m-pb-2 {
padding-bottom: 0.5rem;
}
.ids .ids-m-pb-3 {
padding-bottom: 0.75rem;
}
.ids .ids-m-pb-4 {
padding-bottom: 1rem;
}
.ids .ids-m-pb-5 {
padding-bottom: 1.25rem;
}
.ids .ids-m-pb-6 {
padding-bottom: 1.5rem;
}
.ids .ids-m-pb-7 {
padding-bottom: 1.75rem;
}
.ids .ids-m-pb-8 {
padding-bottom: 2rem;
}
.ids .ids-m-pb-9 {
padding-bottom: 2.25rem;
}
.ids .ids-m-pb-10 {
padding-bottom: 2.5rem;
}
.ids .ids-m-pb-11 {
padding-bottom: 2.75rem;
}
.ids .ids-m-pb-12 {
padding-bottom: 3rem;
}
.ids .ids-m-pr-0 {
padding-right: 0px;
}
.ids .ids-m-pr-1 {
padding-right: 0.25rem;
}
.ids .ids-m-pr-2 {
padding-right: 0.5rem;
}
.ids .ids-m-pr-3 {
padding-right: 0.75rem;
}
.ids .ids-m-pr-4 {
padding-right: 1rem;
}
.ids .ids-m-pr-5 {
padding-right: 1.25rem;
}
.ids .ids-m-pr-6 {
padding-right: 1.5rem;
}
.ids .ids-m-pr-7 {
padding-right: 1.75rem;
}
.ids .ids-m-pr-8 {
padding-right: 2rem;
}
.ids .ids-m-pr-9 {
padding-right: 2.25rem;
}
.ids .ids-m-pr-10 {
padding-right: 2.5rem;
}
.ids .ids-m-pr-11 {
padding-right: 2.75rem;
}
.ids .ids-m-pr-12 {
padding-right: 3rem;
}
.ids .ids-m-pl-0 {
padding-left: 0px;
}
.ids .ids-m-pl-1 {
padding-left: 0.25rem;
}
.ids .ids-m-pl-2 {
padding-left: 0.5rem;
}
.ids .ids-m-pl-3 {
padding-left: 0.75rem;
}
.ids .ids-m-pl-4 {
padding-left: 1rem;
}
.ids .ids-m-pl-5 {
padding-left: 1.25rem;
}
.ids .ids-m-pl-6 {
padding-left: 1.5rem;
}
.ids .ids-m-pl-7 {
padding-left: 1.75rem;
}
.ids .ids-m-pl-8 {
padding-left: 2rem;
}
.ids .ids-m-pl-9 {
padding-left: 2.25rem;
}
.ids .ids-m-pl-10 {
padding-left: 2.5rem;
}
.ids .ids-m-pl-11 {
padding-left: 2.75rem;
}
.ids .ids-m-pl-12 {
padding-left: 3rem;
}
.ids .ids-m-py-0 {
padding-top: 0px;
padding-bottom: 0px;
}
.ids .ids-m-py-1 {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.ids .ids-m-py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.ids .ids-m-py-3 {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.ids .ids-m-py-4 {
padding-top: 1rem;
padding-bottom: 1rem;
}
.ids .ids-m-py-5 {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.ids .ids-m-py-6 {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.ids .ids-m-py-7 {
padding-top: 1.75rem;
padding-bottom: 1.75rem;
}
.ids .ids-m-py-8 {
padding-top: 2rem;
padding-bottom: 2rem;
}
.ids .ids-m-py-9 {
padding-top: 2.25rem;
padding-bottom: 2.25rem;
}
.ids .ids-m-py-10 {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.ids .ids-m-py-11 {
padding-top: 2.75rem;
padding-bottom: 2.75rem;
}
.ids .ids-m-py-12 {
padding-top: 3rem;
padding-bottom: 3rem;
}
.ids .ids-m-px-0 {
padding-right: 0px;
padding-left: 0px;
}
.ids .ids-m-px-1 {
padding-right: 0.25rem;
padding-left: 0.25rem;
}
.ids .ids-m-px-2 {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.ids .ids-m-px-3 {
padding-right: 0.75rem;
padding-left: 0.75rem;
}
.ids .ids-m-px-4 {
padding-right: 1rem;
padding-left: 1rem;
}
.ids .ids-m-px-5 {
padding-right: 1.25rem;
padding-left: 1.25rem;
}
.ids .ids-m-px-6 {
padding-right: 1.5rem;
padding-left: 1.5rem;
}
.ids .ids-m-px-7 {
padding-right: 1.75rem;
padding-left: 1.75rem;
}
.ids .ids-m-px-8 {
padding-right: 2rem;
padding-left: 2rem;
}
.ids .ids-m-px-9 {
padding-right: 2.25rem;
padding-left: 2.25rem;
}
.ids .ids-m-px-10 {
padding-right: 2.5rem;
padding-left: 2.5rem;
}
.ids .ids-m-px-11 {
padding-right: 2.75rem;
padding-left: 2.75rem;
}
.ids .ids-m-px-12 {
padding-right: 3rem;
padding-left: 3rem;
}
.ids .ids-hide-on-tablet,
.ids .ids-hide-on-m,
.ids .ids-m-hide {
display: none;
}
}
@media only screen and (min-width: 1024px) {
.ids .ids-hide-on-desktop,
.ids .ids-d-hide {
display: none;
}
}
.ids-ws-0 {
word-spacing: 0;
}
.ids-ws-1 {
word-spacing: 0.25rem;
}
.ids-ws-2 {
word-spacing: 0.5rem;
}
.ids-ws-3 {
word-spacing: 0.75rem;
}
.ids-ws-4 {
word-spacing: 1rem;
}
.ids-ws-5 {
word-spacing: 1.25rem;
}
.ids-ws-6 {
word-spacing: 1.5rem;
}
.ids-ws-7 {
word-spacing: 1.75rem;
}
.ids-ws-8 {
word-spacing: 2rem;
}
.ids-ws-9 {
word-spacing: 2.25rem;
}
.ids-ws-10 {
word-spacing: 2.5rem;
}
.ids-ws-11 {
word-spacing: 2.75rem;
}
.ids-ws-12 {
word-spacing: 3rem;
}
.ids-float-start {
float: inline-start;
}
.ids-float-end {
float: inline-end;
}
.ids-float-right {
float: right;
}
.ids-float-left {
float: left;
}
.ids-float-none {
float: none;
}
.ids-link:focus {
outline: var(--IDS-FOCUS__OUTLINE);
outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
}
.ids-link {
font-family: var(--IDS-LINK__FONT-FAMILY);
color: var(--IDS-LINK--COLOR-PRESET-1__COLOR);
text-decoration-color: var(--IDS-LINK--COLOR-PRESET-1__COLOR);
text-underline-offset: 0.125rem;
font-size: 1rem;
line-height: 1.5rem;
gap: 0.5rem;
cursor: pointer;
display: inline;
text-decoration: underline;
position: relative;
}
.ids-link:has(.ids-icon),
.ids-link.ids-link--old-icon {
text-decoration: none;
display: inline-flex;
align-items: flex-start;
}
.ids-link.ids-link--icon {
text-decoration: none;
}
.ids-link:hover,
.ids-link:focus {
text-decoration: underline !important;
color: var(--IDS-LINK--COLOR-PRESET-1__HOVER-COLOR);
}
.ids-link:hover .ids-link__icon:has(+ .ids-link__icon--hover),
.ids-link:focus .ids-link__icon:has(+ .ids-link__icon--hover) {
display: none;
}
.ids-link:hover .ids-link__icon--hover,
.ids-link:focus .ids-link__icon--hover {
display: inline-flex;
}
.ids-link.ids-link--small {
font-size: 0.875rem;
}
.ids-link.ids-link--small .ids-icon--text-start {
font-size: 0.875rem;
position: relative;
margin-right: 0.25rem !important;
}
.ids-link.ids-link--small .ids-icon--text-end {
font-size: 0.875rem;
position: relative;
bottom: -0.125rem;
margin-left: 0.25rem !important;
}
.ids-link.ids-link--large .ids-icon--text-start {
font-size: 1.25rem;
position: relative;
bottom: -0.25rem;
margin-right: 0.5rem !important;
}
.ids-link.ids-link--large .ids-icon--text-end {
font-size: 1.25rem;
position: relative;
bottom: -0.25rem;
margin-right: 0.5rem !important;
}
.ids-link.ids-link--block {
display: block;
width: 100%;
}
.ids-link.ids-link--block:has(.ids-icon),
.ids-link.ids-link--block.ids-link--old-icon {
display: flex;
flex-grow: 1;
}
.ids-link.ids-link--underlined {
text-decoration: underline;
}
.ids-link.ids-link--underlined:has(.ids-icon),
.ids-link.ids-link--underlined.ids-link--old-icon,
.ids-link.ids-link--underlined.ids-link--icon {
text-decoration: underline !important;
}
.ids-link.ids-link--no-underline {
text-decoration: none !important;
}
.ids-link.ids-link--no-underline:has(.ids-icon),
.ids-link.ids-link--no-underline.ids-link--old-icon,
.ids-link.ids-link--no-underline.ids-link--icon {
text-decoration: none !important;
}
.ids-link.ids-link--active-icon {
text-decoration: none !important;
}
.ids-link.ids-link--active-icon .ids-icon--text-start:before .ids-icon {
margin-top: 0.25rem;
display: inline-flex;
border-radius: 100%;
width: 1rem;
height: 1rem;
align-items: center;
justify-content: center;
padding: 0.188rem;
}
.ids-link.ids-link--active-icon .ids-icon--text-start:before:hover .ids-icon,
.ids-link.ids-link--active-icon .ids-icon--text-start:before:focus-within .ids-icon {
background-color: var(--IDS-LINK--COLOR-PRESET-1__COLOR);
}
.ids-link.ids-link--active-icon .ids-icon--text-start:before.ids-link--active .ids-icon {
background-color: var(--IDS-LINK--COLOR-PRESET-1__HOVER-COLOR);
}
.ids-link.ids-link--active-icon.ids-link--color-2 .ids-icon--text-start:before .ids-icon {
margin-top: 0.25rem;
display: inline-flex;
border-radius: 100%;
width: 1rem;
height: 1rem;
align-items: center;
justify-content: center;
padding: 0.188rem;
}
.ids-link.ids-link--active-icon.ids-link--color-2 .ids-icon--text-start:before:hover .ids-icon,
.ids-link.ids-link--active-icon.ids-link--color-2 .ids-icon--text-start:before:focus-within .ids-icon {
background-color: var(--IDS-LINK--COLOR-PRESET-2__COLOR);
}
.ids-link.ids-link--active-icon.ids-link--color-2 .ids-icon--text-start:before.ids-link--active .ids-icon {
background-color: var(--IDS-LINK--COLOR-PRESET-2__HOVER-COLOR);
}
.ids-link.ids-link--active-icon.ids-link--color-3 .ids-icon--text-start:before .ids-icon {
margin-top: 0.25rem;
display: inline-flex;
border-radius: 100%;
width: 1rem;
height: 1rem;
align-items: center;
justify-content: center;
padding: 0.188rem;
}
.ids-link.ids-link--active-icon.ids-link--color-3 .ids-icon--text-start:before:hover .ids-icon,
.ids-link.ids-link--active-icon.ids-link--color-3 .ids-icon--text-start:before:focus-within .ids-icon {
background-color: var(--IDS-LINK--COLOR-PRESET-3__COLOR);
}
.ids-link.ids-link--active-icon.ids-link--color-3 .ids-icon--text-start:before.ids-link--active .ids-icon {
background-color: var(--IDS-LINK--COLOR-PRESET-3__HOVER-COLOR);
}
.ids-link.ids-link--active-icon .ids-icon--text-start {
display: inline-block;
border-radius: 100%;
box-sizing: border-box;
width: 1rem;
height: 1rem;
}
.ids-link.ids-link--active-icon .ids-icon {
position: relative;
bottom: -0.25rem;
border-radius: 100%;
box-sizing: border-box;
width: 1rem;
height: 1rem;
}
.ids-link.ids-link--active-icon:hover .ids-icon--text-start,
.ids-link.ids-link--active-icon:hover .ids-icon,
.ids-link.ids-link--active-icon:focus .ids-icon--text-start,
.ids-link.ids-link--active-icon:focus .ids-icon {
color: var(--IDS-COLOR-NEUTRAL-100);
background-color: var(--IDS-LINK--COLOR-PRESET-1__COLOR);
}
.ids-link.ids-link--active-icon.ids-link--active .ids-icon--text-start,
.ids-link.ids-link--active-icon.ids-link--active .ids-icon {
color: var(--IDS-COLOR-NEUTRAL-100);
background-color: var(--IDS-LINK--COLOR-PRESET-1__HOVER-COLOR);
}
.ids-link.ids-link--color-2 {
color: var(--IDS-LINK--COLOR-PRESET-2__COLOR);
text-decoration-color: var(--IDS-LINK--COLOR-PRESET-2__COLOR);
}
.ids-link.ids-link--color-2:hover,
.ids-link.ids-link--color-2:focus {
color: var(--IDS-LINK--COLOR-PRESET-2__HOVER-COLOR);
text-decoration-color: var(--IDS-LINK--COLOR-PRESET-2__HOVER-COLOR);
}
.ids-link.ids-link--color-2.ids-link--active-icon:hover .ids-icon--text-start,
.ids-link.ids-link--color-2.ids-link--active-icon:hover .ids-icon,
.ids-link.ids-link--color-2.ids-link--active-icon:focus .ids-icon--text-start,
.ids-link.ids-link--color-2.ids-link--active-icon:focus .ids-icon {
color: var(--IDS-COLOR-NEUTRAL-100);
background-color: var(--IDS-LINK--COLOR-PRESET-2__COLOR);
}
.ids-link.ids-link--color-2.ids-link--active-icon.ids-link--active .ids-icon--text-start,
.ids-link.ids-link--color-2.ids-link--active-icon.ids-link--active .ids-icon {
color: var(--IDS-COLOR-NEUTRAL-100);
background-color: var(--IDS-LINK--COLOR-PRESET-2__HOVER-COLOR);
}
.ids-link.ids-link--color-3 {
color: var(--IDS-LINK--COLOR-PRESET-3__COLOR);
text-decoration-color: var(--IDS-LINK--COLOR-PRESET-3__COLOR);
}
.ids-link.ids-link--color-3:hover,
.ids-link.ids-link--color-3:focus {
color: var(--IDS-LINK--COLOR-PRESET-3__HOVER-COLOR);
text-decoration-color: var(--IDS-LINK--COLOR-PRESET-3__HOVER-COLOR);
}
.ids-link.ids-link--color-3.ids-link--active-icon:hover .ids-icon--text-start,
.ids-link.ids-link--color-3.ids-link--active-icon:hover .ids-icon,
.ids-link.ids-link--color-3.ids-link--active-icon:focus .ids-icon--text-start,
.ids-link.ids-link--color-3.ids-link--active-icon:focus .ids-icon {
color: var(--IDS-COLOR-NEUTRAL-100);
background-color: var(--IDS-LINK--COLOR-PRESET-3__COLOR);
}
.ids-link.ids-link--color-3.ids-link--active-icon.ids-link--active .ids-icon--text-start,
.ids-link.ids-link--color-3.ids-link--active-icon.ids-link--active .ids-icon {
color: var(--IDS-COLOR-NEUTRAL-100);
background-color: var(--IDS-LINK--COLOR-PRESET-3__HOVER-COLOR);
}
.ids-link.ids-link--light {
color: var(--IDS-COLOR-NEUTRAL-100) !important;
text-decoration-color: var(--IDS-COLOR-NEUTRAL-100) !important;
}
.ids-link.ids-link--light:focus {
outline-color: var(--IDS-COLOR-NEUTRAL-100) !important;
}
.ids-link.ids-link--light:hover {
color: var(--IDS-COLOR-NEUTRAL-100) !important;
}
.ids-link .ids-icon {
display: inline-flex;
align-items: center;
justify-content: center;
height: 1.5rem;
}
.ids-link .ids-link__icon {
display: inline-flex;
}
.ids-link .ids-link__icon--hover {
display: none;
}
.ids .ids-button.ids-button--secondary.ids-button--disabled,
.ids .ids-button.ids-button--secondary[disabled],
.ids-button.ids-button--secondary.ids-button--disabled,
.ids-button.ids-button--secondary[disabled],
.ids button.ids-button.ids-button--secondary.ids-button--disabled,
.ids button.ids-button.ids-button--secondary[disabled],
.ids .ids-button.ids-button--disabled,
.ids .ids-button[disabled],
.ids-button.ids-button--disabled,
.ids-button[disabled],
.ids button.ids-button.ids-button--disabled,
.ids button.ids-button[disabled] {
color: var(--IDS-BUTTON--DISABLED__COLOR) !important;
border: var(--IDS-BUTTON--DISABLED__BORDER) !important;
background-color: var(--IDS-COLOR-NEUTRAL-100) !important;
}
.ids button.ids-button {
min-width: 1.5rem;
min-height: 1.5rem;
background: none;
color: inherit;
border: none;
padding: 0;
font: inherit;
cursor: pointer;
outline: inherit;
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ids button.ids-button:focus {
outline: var(--IDS-FOCUS__OUTLINE);
outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
}
.ids .ids-button,
.ids-button,
.ids button.ids-button {
text-align: center;
background-color: var(--IDS-BUTTON__BACKGROUND-COLOR);
border: var(--IDS-BUTTON__BORDER);
border-radius: var(--IDS-BUTTON__BORDER-RADIUS);
text-decoration: none;
box-sizing: border-box;
color: var(--IDS-COLOR-NEUTRAL-100);
cursor: pointer;
gap: 0.5rem;
display: inline-flex;
justify-content: center;
align-items: center;
padding: var(--IDS-BUTTON--M__PADDING);
line-height: var(--IDS-BUTTON--M__LINE-HEIGHT);
font-size: var(--IDS-BUTTON--M__FONT-SIZE);
font-family: var(--IDS-BUTTON__FONT-FAMILY);
font-weight: var(--IDS-BUTTON__FONT-WEIGHT);
text-transform: uppercase;
user-select: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.ids .ids-button [class*=" ids-icon-"],
.ids-button [class*=" ids-icon-"],
.ids button.ids-button [class*=" ids-icon-"] {
font-size: 1.125rem;
}
.ids .ids-button:hover,
.ids-button:hover,
.ids button.ids-button:hover {
background-color: var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
box-shadow: var(--IDS-BUTTON--ACTIVE__BOX-SHADOW);
}
.ids .ids-button:active,
.ids .ids-button.ids-button--active,
.ids-button:active,
.ids-button.ids-button--active,
.ids button.ids-button:active,
.ids button.ids-button.ids-button--active {
background-color: var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
box-shadow: var(--IDS-BUTTON--ACTIVE__BOX-SHADOW);
outline: var(--IDS-FOCUS__OUTLINE);
outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
}
.ids .ids-button:focus,
.ids-button:focus,
.ids button.ids-button:focus {
background-color: var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
border-radius: var(--IDS-BUTTON__BORDER-RADIUS);
outline: var(--IDS-FOCUS__OUTLINE);
outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
}
.ids .ids-button.ids-button--s,
.ids-button.ids-button--s,
.ids button.ids-button.ids-button--s {
font-size: var(--IDS-BUTTON--S__FONT-SIZE);
line-height: var(--IDS-BUTTON--S__LINE-HEIGHT);
padding: var(--IDS-BUTTON--S__PADDING);
}
.ids .ids-button.ids-button--l,
.ids-button.ids-button--l,
.ids button.ids-button.ids-button--l {
font-size: var(--IDS-BUTTON--L__FONT-SIZE);
line-height: var(--IDS-BUTTON--L__LINE-HEIGHT);
padding: var(--IDS-BUTTON--L__PADDING);
}
.ids .ids-button.ids-button--loading,
.ids-button.ids-button--loading,
.ids button.ids-button.ids-button--loading {
pointer-events: none !important;
}
.ids .ids-button.ids-button--secondary,
.ids-button.ids-button--secondary,
.ids button.ids-button.ids-button--secondary {
background-color: var(--IDS-COLOR-NEUTRAL-100);
border: var(--IDS-BUTTON--SECONDARY__BORDER);
color: var(--IDS-BUTTON--SECONDARY__COLOR);
line-height: var(--IDS-BUTTON--M__LINE-HEIGHT);
padding: var(--IDS-BUTTON--M__PADDING);
}
.ids .ids-button.ids-button--secondary.ids-button--s,
.ids-button.ids-button--secondary.ids-button--s,
.ids button.ids-button.ids-button--secondary.ids-button--s {
line-height: var(--IDS-BUTTON--S__LINE-HEIGHT);
padding: var(--IDS-BUTTON--S__PADDING);
}
.ids .ids-button.ids-button--secondary.ids-button--l,
.ids-button.ids-button--secondary.ids-button--l,
.ids button.ids-button.ids-button--secondary.ids-button--l {
line-height: var(--IDS-BUTTON--L__LINE-HEIGHT);
padding: var(--IDS-BUTTON--L__PADDING);
}
.ids .ids-button.ids-button--secondary:hover,
.ids-button.ids-button--secondary:hover,
.ids button.ids-button.ids-button--secondary:hover {
background-color: var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
color: var(--IDS-COLOR-NEUTRAL-100);
border: 0.063rem solid var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
}
.ids .ids-button.ids-button--secondary.ids-button--active,
.ids .ids-button.ids-button--secondary:active,
.ids-button.ids-button--secondary.ids-button--active,
.ids-button.ids-button--secondary:active,
.ids button.ids-button.ids-button--secondary.ids-button--active,
.ids button.ids-button.ids-button--secondary:active {
background-color: var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
color: var(--IDS-COLOR-NEUTRAL-100);
outline: var(--IDS-FOCUS__OUTLINE);
outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
}
.ids .ids-button.ids-button--secondary:focus,
.ids-button.ids-button--secondary:focus,
.ids button.ids-button.ids-button--secondary:focus {
background-color: var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
color: var(--IDS-COLOR-NEUTRAL-100);
border-radius: var(--IDS-BUTTON__BORDER-RADIUS);
outline: var(--IDS-FOCUS__OUTLINE);
outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
}
.ids .ids-button.ids-button--tertiary,
.ids-button.ids-button--tertiary,
.ids button.ids-button.ids-button--tertiary {
background: transparent;
border-radius: 0;
border: 0.063rem solid transparent;
color: var(--IDS-BUTTON--TERTIARY__COLOR);
box-shadow: none;
font-family: var(--IDS-FONT-FAMILY-HEADING);
text-decoration: underline;
text-underline-offset: 0.125rem;
}
.ids .ids-button.ids-button--tertiary.ids-button--s,
.ids-button.ids-button--tertiary.ids-button--s,
.ids button.ids-button.ids-button--tertiary.ids-button--s {
line-height: var(--IDS-BUTTON--S__LINE-HEIGHT);
padding: var(--IDS-BUTTON--S__PADDING);
}
.ids .ids-button.ids-button--tertiary.ids-button--l,
.ids-button.ids-button--tertiary.ids-button--l,
.ids button.ids-button.ids-button--tertiary.ids-button--l {
line-height: var(--IDS-BUTTON--L__LINE-HEIGHT);
padding: var(--IDS-BUTTON--L__PADDING);
}
.ids .ids-button.ids-button--tertiary:hover,
.ids-button.ids-button--tertiary:hover,
.ids button.ids-button.ids-button--tertiary:hover {
background-color: var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
color: var(--IDS-COLOR-NEUTRAL-100);
border-radius: var(--IDS-BUTTON__BORDER-RADIUS);
border: 0.063rem solid var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
}
.ids .ids-button.ids-button--tertiary:active,
.ids .ids-button.ids-button--tertiary.ids-button--active,
.ids-button.ids-button--tertiary:active,
.ids-button.ids-button--tertiary.ids-button--active,
.ids button.ids-button.ids-button--tertiary:active,
.ids button.ids-button.ids-button--tertiary.ids-button--active {
background-color: var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
color: var(--IDS-COLOR-NEUTRAL-100);
border-radius: var(--IDS-BUTTON__BORDER-RADIUS);
border: 0.063rem solid var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
outline: var(--IDS-FOCUS__OUTLINE);
outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
}
.ids .ids-button.ids-button--tertiary:focus,
.ids-button.ids-button--tertiary:focus,
.ids button.ids-button.ids-button--tertiary:focus {
background-color: var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
color: var(--IDS-COLOR-NEUTRAL-100);
border-radius: var(--IDS-BUTTON__BORDER-RADIUS);
border: 0.063rem solid var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
outline: var(--IDS-FOCUS__OUTLINE);
outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
}
.ids .ids-button.ids-button--tertiary.ids-button--disabled,
.ids .ids-button.ids-button--tertiary[disabled],
.ids-button.ids-button--tertiary.ids-button--disabled,
.ids-button.ids-button--tertiary[disabled],
.ids button.ids-button.ids-button--tertiary.ids-button--disabled,
.ids button.ids-button.ids-button--tertiary[disabled] {
border: none !important;
text-decoration: underline !important;
color: var(--IDS-BUTTON--DISABLED__COLOR);
text-decoration: none;
}
.ids .ids-button.ids-button--icon,
.ids .ids-button.ids-button--fab,
.ids-button.ids-button--icon,
.ids-button.ids-button--fab,
.ids button.ids-button.ids-button--icon,
.ids button.ids-button.ids-button--fab {
width: 2.75rem;
height: 2.75rem !important;
border-radius: 100% !important;
font-style: normal;
font-weight: 400;
line-height: 0 !important;
font-size: 1.25rem;
padding: 0 !important;
justify-content: center;
}
.ids .ids-button.ids-button--icon.ids-button--s,
.ids .ids-button.ids-button--fab.ids-button--s,
.ids-button.ids-button--icon.ids-button--s,
.ids-button.ids-button--fab.ids-button--s,
.ids button.ids-button.ids-button--icon.ids-button--s,
.ids button.ids-button.ids-button--fab.ids-button--s {
width: 1.875rem;
height: 1.875rem !important;
}
.ids .ids-button.ids-button--icon.ids-button--l,
.ids .ids-button.ids-button--fab.ids-button--l,
.ids-button.ids-button--icon.ids-button--l,
.ids-button.ids-button--fab.ids-button--l,
.ids button.ids-button.ids-button--icon.ids-button--l,
.ids button.ids-button.ids-button--fab.ids-button--l {
width: 3.75rem;
height: 3.75rem !important;
}
.ids .ids-button.ids-button--fab,
.ids-button.ids-button--fab,
.ids button.ids-button.ids-button--fab {
color: var(--IDS-BUTTON--FAB__ICON-COLOR);
background-color: var(--IDS-COLOR-NEUTRAL-100);
border: var(--IDS-BUTTON--FAB__BORDER);
filter: drop-shadow(0 0 0.375rem rgba(0, 0, 0, 0.3));
}
.ids .ids-button.ids-button--fab [class^=ids-icon-],
.ids-button.ids-button--fab [class^=ids-icon-],
.ids button.ids-button.ids-button--fab [class^=ids-icon-] {
font-size: 1.5rem;
}
.ids .ids-button.ids-button--icon.ids-button--secondary,
.ids-button.ids-button--icon.ids-button--secondary,
.ids button.ids-button.ids-button--icon.ids-button--secondary {
background-color: var(--IDS-BUTTON--SECONDARY__ICON-BACKGROUND-COLOR);
}
.ids .ids-button.ids-button--icon:hover,
.ids-button.ids-button--icon:hover,
.ids button.ids-button.ids-button--icon:hover {
background-color: var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
color: var(--IDS-COLOR-NEUTRAL-100);
}
.ids .ids-button.ids-button--icon:active,
.ids .ids-button.ids-button--icon.ids-button--active,
.ids-button.ids-button--icon:active,
.ids-button.ids-button--icon.ids-button--active,
.ids button.ids-button.ids-button--icon:active,
.ids button.ids-button.ids-button--icon.ids-button--active {
background-color: var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
color: var(--IDS-COLOR-NEUTRAL-100);
outline: var(--IDS-FOCUS__OUTLINE);
outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
}
.ids .ids-button.ids-button--icon:focus,
.ids-button.ids-button--icon:focus,
.ids button.ids-button.ids-button--icon:focus {
background-color: var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
color: var(--IDS-COLOR-NEUTRAL-100);
outline: var(--IDS-FOCUS__OUTLINE);
outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
}
.ids .ids-button.ids-button--submit,
.ids-button.ids-button--submit,
.ids button.ids-button.ids-button--submit {
border-radius: var(--IDS-BUTTON--SUBMIT__BORDER-RADIUS);
font-size: var(--IDS-BUTTON--SUBMIT-S__FONT-SIZE);
height: var(--IDS-BUTTON--SUBMIT-S__HEIGHT);
padding: var(--IDS-BUTTON--SUBMIT-S__PADDING);
}
.ids .ids-button.ids-button--submit.ids-button--s,
.ids-button.ids-button--submit.ids-button--s,
.ids button.ids-button.ids-button--submit.ids-button--s {
height: var(--IDS-BUTTON--SEARCH-M__HEIGHT);
font-size: var(--IDS-BUTTON--SEARCH-M__FONT-SIZE);
padding: var(--IDS-BUTTON--SEARCH-M__PADDING);
}
@media (min-width: 1024px) {
.ids .ids-button.ids-button--submit,
.ids-button.ids-button--submit,
.ids button.ids-button.ids-button--submit {
height: var(--IDS-BUTTON--SUBMIT-L__HEIGHT);
padding: var(--IDS-BUTTON--SUBMIT-L__PADDING);
font-size: var(--IDS-BUTTON--SUBMIT-L__FONT-SIZE);
}
.ids .ids-button.ids-button--submit.ids-button--s,
.ids-button.ids-button--submit.ids-button--s,
.ids button.ids-button.ids-button--submit.ids-button--s {
height: var(--IDS-BUTTON--SEARCH-M__HEIGHT);
font-size: var(--IDS-BUTTON--SEARCH-M__FONT-SIZE);
padding: var(--IDS-BUTTON--SEARCH-M__PADDING);
}
}
.ids .ids-button.ids-button--block,
.ids-button.ids-button--block,
.ids button.ids-button.ids-button--block {
display: flex;
width: 100%;
}
@media (max-width: 1024px) {
.ids .ids-button.ids-button--m-block,
.ids-button.ids-button--m-block,
.ids button.ids-button.ids-button--m-block {
display: flex;
width: 100%;
}
}
@media (max-width: 640px) {
.ids .ids-button.ids-button--s-block,
.ids-button.ids-button--s-block,
.ids button.ids-button.ids-button--s-block {
display: flex;
width: 100%;
}
}
.ids .ids-button.ids-button--disabled,
.ids .ids-button[disabled],
.ids-button.ids-button--disabled,
.ids-button[disabled],
.ids button.ids-button.ids-button--disabled,
.ids button.ids-button[disabled] {
pointer-events: none;
}
.ids .ids-button:focus,
.ids-button:focus,
.ids button.ids-button:focus {
outline: var(--IDS-FOCUS__OUTLINE);
outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
}
.ids-radio {
display: inline-flex;
align-items: flex-start;
gap: 0.5rem;
margin-bottom: 0.25rem;
}
.ids-radio input,
.ids-radio input[type=radio] {
cursor: pointer;
appearance: none;
margin: 0;
width: 1.25rem;
height: 1.25rem;
color: var(--IDS-COLOR-ACCENT-40);
box-sizing: border-box;
border: 0.063rem solid var(--IDS-COLOR-ACCENT-40);
background-color: var(--IDS-RADIO__BACKGROUND-COLOR);
border-radius: 50%;
position: relative;
flex-shrink: 0;
}
.ids-radio input.ids-input--light:not(.ids-input--invalid),
.ids-radio input[type=radio].ids-input--light:not(.ids-input--invalid) {
background-color: var(--IDS-COLOR-NEUTRAL-100);
}
.ids-radio input.ids-input--light:not(.ids-input--invalid)::after,
.ids-radio input[type=radio].ids-input--light:not(.ids-input--invalid)::after {
border: 0.125rem solid var(--IDS-COLOR-NEUTRAL-100);
background-color: var(--IDS-COLOR-NEUTRAL-100);
}
.ids-radio input.ids-input--light:not(.ids-input--invalid):checked::after,
.ids-radio input[type=radio].ids-input--light:not(.ids-input--invalid):checked::after {
border: 0.125rem solid var(--IDS-RADIO__BACKGROUND-COLOR);
background-color: var(--IDS-RADIO--CHECKED__BACKGROUND-COLOR);
}
.ids-radio input.ids-input--light:not(.ids-input--invalid):disabled::after,
.ids-radio input[type=radio].ids-input--light:not(.ids-input--invalid):disabled::after {
border: 0.125rem solid var(--IDS-RADIO--DISABLED__BACKGROUND-COLOR);
background-color: var(--IDS-RADIO--DISABLED__BACKGROUND-COLOR);
}
.ids-radio input.ids-input--light:not(.ids-input--invalid):disabled:checked::after,
.ids-radio input[type=radio].ids-input--light:not(.ids-input--invalid):disabled:checked::after {
border: 0.125rem solid var(--IDS-RADIO--DISABLED__BACKGROUND-COLOR);
background-color: var(--IDS-RADIO--CHECKED-DISABLED__BACKGROUND-COLOR);
}
.ids-radio input::after,
.ids-radio input[type=radio]::after {
content: "";
position: absolute;
display: inline-block;
cursor: pointer;
width: 1.125rem;
height: 1.125rem;
box-sizing: border-box;
border-radius: 50%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border: 0.125rem solid var(--IDS-RADIO__BACKGROUND-COLOR);
background-color: var(--IDS-RADIO__BACKGROUND-COLOR);
}
.ids-radio input:checked::after,
.ids-radio input[type=radio]:checked::after {
border: 0.125rem solid var(--IDS-RADIO__BACKGROUND-COLOR);
background-color: var(--IDS-RADIO--CHECKED__BACKGROUND-COLOR);
}
.ids-radio input:disabled,
.ids-radio input[type=radio]:disabled {
cursor: default;
background-color: var(--IDS-RADIO--DISABLED__BACKGROUND-COLOR);
border: var(--IDS-FORM--DISABLED__BORDER);
}
.ids-radio input:disabled::after,
.ids-radio input[type=radio]:disabled::after {
cursor: default;
background-color: var(--IDS-RADIO--DISABLED__BACKGROUND-COLOR);
border: 0.125rem solid var(--IDS-RADIO--DISABLED__BACKGROUND-COLOR);
}
.ids-radio input:disabled:checked::after,
.ids-radio input[type=radio]:disabled:checked::after {
border: 0.125rem solid var(--IDS-RADIO--DISABLED__BACKGROUND-COLOR);
background-color: var(--IDS-RADIO--CHECKED-DISABLED__BACKGROUND-COLOR);
}
.ids-radio input[aria-invalid=true]:not(:checked),
.ids-radio input[type=radio][aria-invalid=true]:not(:checked) {
background-color: var(--IDS-RADIO--INVALID__BACKGROUND-COLOR);
border: 0.125rem solid var(--IDS-FORM--INVALID__BORDER-COLOR);
}
.ids-radio input[aria-invalid=true]:not(:checked)::after,
.ids-radio input[type=radio][aria-invalid=true]:not(:checked)::after {
width: 1rem;
height: 1rem;
background-color: var(--IDS-RADIO--INVALID__BACKGROUND-COLOR);
border: 0.125rem solid var(--IDS-RADIO--INVALID__BACKGROUND-COLOR) !important;
}
.ids-radio.ids-radio--compact {
margin: 0 !important;
}
.ids-radio.ids-radio--compact label {
margin-left: 0 !important;
margin-bottom: -0.125rem !important;
}
.ids-checkbox {
position: relative;
display: inline-flex;
align-items: flex-start;
gap: 0.5rem;
margin-bottom: 0.25rem;
}
.ids-checkbox input[type=checkbox],
.ids-checkbox input {
margin: 0;
position: relative;
height: 1.25rem;
width: 1.25rem;
appearance: none;
}
.ids-checkbox input[type=checkbox]::before,
.ids-checkbox input::before {
content: "";
position: relative;
display: inline-block;
cursor: pointer;
background-color: var(--IDS-CHECKBOX__BACKGROUND-COLOR);
border: var(--IDS-CHECKBOX__BORDER);
border-radius: var(--IDS-CHECKBOX__BORDER-RADIUS);
box-sizing: border-box;
min-height: 1.25rem;
min-width: 1.25rem;
}
input:focus + .ids-checkbox input[type=checkbox]::before,
input:focus + .ids-checkbox input::before {
outline: var(--IDS-FOCUS__OUTLINE);
outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET);
}
.ids-checkbox input[type=checkbox]:checked::after,
.ids-checkbox input:checked::after {
font: icon;
font-family: "Inera-Design-Icons" !important;
display: block;
position: absolute;
pointer-events: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e93a";
font-size: 1rem;
color: var(--IDS-ICON__COLOR);
top: 0.1875rem;
left: 0.1875rem;
font-size: 0.875rem;
}
.ids-checkbox input[type=checkbox]:indeterminate::after,
.ids-checkbox input:indeterminate::after {
font: icon;
font-family: "Inera-Design-Icons" !important;
display: block;
position: absolute;
pointer-events: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e92b";
font-size: 1rem;
top: 0.125rem;
left: 0.125rem;
color: var(--IDS-ICON__COLOR);
}
.ids-checkbox input[type=checkbox]:disabled::before,
.ids-checkbox input:disabled::before {
cursor: default;
border: var(--IDS-FORM--DISABLED__BORDER) !important;
background-color: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR) !important;
}
.ids-checkbox input[type=checkbox]:disabled:after,
.ids-checkbox input:disabled:after {
cursor: default;
}
.ids-checkbox input[type=checkbox]:disabled:indeterminate::after,
.ids-checkbox input[type=checkbox]:disabled:checked::after,
.ids-checkbox input:disabled:indeterminate::after,
.ids-checkbox input:disabled:checked::after {
color: var(--IDS-CHECKBOX--DISABLED-COLOR) !important;
}
.ids-checkbox input[type=checkbox].ids-input--invalid:checked::after,
.ids-checkbox input.ids-input--invalid:checked::after {
color: var(--IDS-ICON--INVALID-COLOR);
}
.ids-checkbox input[type=checkbox].ids-input--invalid::before,
.ids-checkbox input[type=checkbox][aria-invalid=true]::before,
.ids-checkbox input.ids-input--invalid::before,
.ids-checkbox input[aria-invalid=true]::before {
border: var(--IDS-FORM--INVALID__BORDER);
box-shadow: inset 0 0 0 0.0625rem var(--IDS-FORM--INVALID__BORDER-COLOR);
background-color: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
}
.ids-checkbox.ids-checkbox--light input[type=checkbox]::before,
.ids-checkbox.ids-checkbox--light input::before {
background-color: var(--IDS-COLOR-NEUTRAL-100);
}
.ids-checkbox.ids-checkbox--light input[type=checkbox].ids-input--invalid::before,
.ids-checkbox.ids-checkbox--light input[type=checkbox][aria-invalid=true]::before,
.ids-checkbox.ids-checkbox--light input.ids-input--invalid::before,
.ids-checkbox.ids-checkbox--light input[aria-invalid=true]::before {
background-color: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
}
.ids-checkbox.ids-checkbox--block {
width: 100%;
}
.ids-checkbox.ids-checkbox--block .ids-label {
width: 100%;
}
.ids-checkbox.ids-checkbox--compact {
margin: 0 !important;
}
.ids-checkbox.ids-checkbox--compact label {
margin-left: 0 !important;
margin-bottom: -0.125rem !important;
}
.ids-check-button {
position: relative;
display: inline-flex;
padding: 0.25rem 0.75rem;
justify-content: center;
align-items: flex-start;
border-radius: var(--IDS-CHECK-BUTTON__BORDER-RADIUS);
border: 0.0625rem solid var(--IDS-CHECK-BUTTON__BORDER-COLOR);
background-color: var(--IDS-CHECK-BUTTON__BACKGROUND-COLOR);
cursor: pointer;
}
.ids-check-button .ids-check-button__label {
cursor: pointer;
font-family: var(--IDS-FONT-FAMILY-BASE);
text-align: center;
color: var(--IDS-CHECK-BUTTON__COLOR);
font-size: var(--IDS-CHECK-BUTTON__FONT-SIZE);
line-height: 1.25rem;
font-weight: 400;
margin: 0;
}
.ids-check-button .ids-check-button__label::before {
font: icon;
font-family: "Inera-Design-Icons" !important;
display: block;
position: absolute;
pointer-events: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ids-check-button .ids-check-button__input[type=checkbox],
.ids-check-button .ids-check-button__input {
border-radius: var(--IDS-CHECK-BUTTON__BORDER-RADIUS);
cursor: pointer;
margin: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
appearance: none;
}
.ids-check-button .ids-check-button__input[type=checkbox]:checked + .ids-check-button__label,
.ids-check-button .ids-check-button__input:checked + .ids-check-button__label {
padding-left: 1.75rem;
}
.ids-check-button .ids-check-button__input[type=checkbox]:checked + .ids-check-button__label::before,
.ids-check-button .ids-check-button__input:checked + .ids-check-button__label::before {
font: icon;
font-family: "Inera-Design-Icons" !important;
display: block;
position: absolute;
pointer-events: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e93a";
font-size: 1rem;
top: 50%;
transform: translateY(-50%);
left: 0.75rem;
}
.ids-check-button .ids-check-button__input[type=checkbox]:disabled,
.ids-check-button .ids-check-button__input:disabled {
cursor: default;
}
.ids-check-button .ids-check-button__input[type=checkbox]:disabled::before,
.ids-check-button .ids-check-button__input:disabled::before {
cursor: default;
}
.ids-check-button .ids-check-button__input[type=checkbox]:disabled:checked + .ids-check-button__label::before,
.ids-check-button .ids-check-button__input:disabled:checked + .ids-check-button__label::before {
cursor: default;
color: var(--IDS-CHECK-BUTTON--DISABLED-COLOR);
}
.ids-check-button .ids-check-button__input[type=checkbox]:focus + .ids-check-button__label,
.ids-check-button .ids-check-button__input:focus + .ids-check-button__label {
color: var(--IDS-COLOR-NEUTRAL-100);
}
.ids-check-button .ids-check-button__input[type=checkbox]:disabled + .ids-check-button__label,
.ids-check-button .ids-check-button__input:disabled + .ids-check-button__label {
cursor: default;
font-style: normal;
color: var(--IDS-FORM--DISABLED__COLOR);
}
.ids-check-button:has(.ids-check-button__input:disabled) {
cursor: default;
border-color: var(--IDS-CHECK-BUTTON--DISABLED__BORDER-COLOR);
}
.ids-check-button:has(.ids-check-button__input:checked:not(:disabled)) {
background-color: var(--IDS-CHECK-BUTTON--CHECKED__BACKGROUND-COLOR);
}
.ids-check-button:has(.ids-check-button__input:checked:not(:disabled)) .ids-check-button__label {
color: var(--IDS-CHECK-BUTTON--CHECKED__COLOR);
}
.ids-check-button:has(.ids-check-button__input:focus) {
background-color: var(--IDS-CHECK-BUTTON--HOVER__BACKGROUND-COLOR);
}
.ids-check-button:hover:has(.ids-check-button__input:not(:disabled)),
.ids-check-button:hover:has(.ids-check-button__input:checked:not(:disabled)) {
background-color: var(--IDS-CHECK-BUTTON--HOVER__BACKGROUND-COLOR);
border-color: var(--IDS-CHECK-BUTTON--HOVER__BACKGROUND-COLOR);
}
.ids-check-button:hover:has(.ids-check-button__input:not(:disabled)) .ids-check-button__label,
.ids-check-button:hover:has(.ids-check-button__input:checked:not(:disabled)) .ids-check-button__label {
color: var(--IDS-COLOR-NEUTRAL-100);
}
.ids-radio-button {
position: relative;
display: inline-block;
padding: 0.75rem 1rem;
justify-content: center;
align-items: flex-start;
border-radius: var(--IDS-RADIO-BUTTON__BORDER-RADIUS);
border: 0.0625rem solid var(--IDS-RADIO-BUTTON__BORDER-COLOR);
background-color: var(--IDS-RADIO-BUTTON__BACKGROUND-COLOR);
cursor: pointer;
width: 100%;
}
.ids-radio-button .ids-radio-button__label {
cursor: pointer;
display: inline-table;
position: relative;
font-family: var(--IDS-FONT-FAMILY-BASE);
text-align: left;
color: var(--IDS-RADIO-BUTTON__COLOR);
font-size: 1rem;
line-height: 1.25rem;
font-weight: 400;
margin: 0;
width: 100%;
padding-left: 1.875rem;
}
.ids-radio-button .ids-radio-button__label::before {
font: icon;
font-family: "Inera-Design-Icons" !important;
display: block;
position: absolute;
pointer-events: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 1.25rem;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.ids-radio-button .ids-radio-button__input[type=radio],
.ids-radio-button .ids-radio-button__input {
border-radius: var(--IDS-RADIO-BUTTON__BORDER-RADIUS);
cursor: pointer;
margin: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
appearance: none;
}
.ids-radio-button .ids-radio-button__input[type=radio]:checked + .ids-radio-button__label::before,
.ids-radio-button .ids-radio-button__input:checked + .ids-radio-button__label::before {
font: icon;
font-family: "Inera-Design-Icons" !important;
display: block;
position: absolute;
pointer-events: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e93a";
font-size: 1.25rem;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.ids-radio-button .ids-radio-button__input[type=radio]:disabled,
.ids-radio-button .ids-radio-button__input:disabled {
cursor: default;
}
.ids-radio-button .ids-radio-button__input[type=radio]:disabled::before,
.ids-radio-button .ids-radio-button__input:disabled::before {
cursor: default;
}
.ids-radio-button .ids-radio-button__input[type=radio]:disabled:checked + .ids-radio-button_label::before,
.ids-radio-button .ids-radio-button__input:disabled:checked + .ids-radio-button_label::before {
cursor: default;
color: var(--IDS-RADIO-BUTTON--DISABLED-COLOR);
}
.ids-radio-button .ids-radio-button__input[type=radio]:focus + .ids-radio-button__label,
.ids-radio-button .ids-radio-button__input:focus + .ids-radio-button__label {
color: var(--IDS-COLOR-NEUTRAL-100);
}
.ids-radio-button .ids-radio-button__input[type=radio]:disabled + .ids-radio-button__label,
.ids-radio-button .ids-radio-button__input:disabled + .ids-radio-button__label {
cursor: default;
font-style: normal;
color: var(--IDS-FORM--DISABLED__COLOR);
}
.ids-radio-button:has(.ids-radio-button__input:disabled) {
cursor: default;
border: 0.0625rem solid var(--IDS-RADIO-BUTTON--DISABLED__BORDER-COLOR);
}
.ids-radio-button:has(.ids-radio-button__input:checked:not(:disabled)) {
background-color: var(--IDS-RADIO-BUTTON--CHECKED__BACKGROUND-COLOR);
}
.ids-radio-button:has(.ids-radio-button__input:checked:not(:disabled)) .ids-radio-button__label {
color: var(--IDS-RADIO-BUTTON--CHECKED__COLOR);
}
.ids-radio-button:has(.ids-radio-button__input:focus) {
background-color: var(--IDS-RADIO-BUTTON--HOVER__BACKGROUND-COLOR);
}
.ids-radio-button:hover:has(.ids-radio-button__input:not(:disabled)),
.ids-radio-button:hover:has(.ids-radio-button__input:checked:not(:disabled)) {
background-color: var(--IDS-RADIO-BUTTON--HOVER__BACKGROUND-COLOR);
border: 0.0625rem solid var(--IDS-RADIO-BUTTON--HOVER__BACKGROUND-COLOR);
}
.ids-radio-button:hover:has(.ids-radio-button__input:not(:disabled)) .ids-radio-button__label,
.ids-radio-button:hover:has(.ids-radio-button__input:checked:not(:disabled)) .ids-radio-button__label {
color: var(--IDS-COLOR-NEUTRAL-100);
}
.ids-input__wrapper {
position: relative;
display: flex;
gap: 0.5rem;
}
.ids-input__wrapper .ids-input__icon {
pointer-events: none;
position: absolute !important;
top: 50%;
right: var(--IDS-INPUT__ICON-RIGHT);
transform: translateY(-50%);
color: var(--IDS-ICON__COLOR);
font-size: 1.25rem;
}
.ids-input__wrapper:has(.ids-input--invalid) .ids-input__icon,
.ids-input__wrapper:has([aria-invalid=true]) .ids-input__icon {
color: var(--IDS-ICON--INVALID-COLOR);
}
.ids-input__wrapper:has(input:disabled) .ids-input__icon,
.ids-input__wrapper:has(input[readonly]) .ids-input__icon {
color: var(--IDS-ICON--DISABLED-COLOR);
}
.ids-input__wrapper .ids-input__inner-wrapper {
position: relative;
width: 100%;
}
.ids-input__wrapper .ids-input__inner-wrapper.ids-input--icon .ids-input {
padding-right: var(--IDS-INPUT__ICON-PADDING-RIGHT);
}
.ids-input__wrapper .ids-input__inner-wrapper.ids-input__inner-wrapper--search .ids-input__search-icon {
position: absolute;
top: 50%;
left: 1.25rem;
transform: translateY(-50%);
display: block;
width: 1.875rem;
height: 1.875rem;
}
.ids-input__wrapper .ids-input__inner-wrapper.ids-input__inner-wrapper--search .ids-input__search-icon:before {
font: icon;
font-family: "Inera-Design-Icons" !important;
display: block;
position: absolute;
pointer-events: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e919";
font-size: 1.875rem;
color: var(--IDS-ICON__COLOR);
}
.ids-input__wrapper .ids-input__inner-wrapper.ids-input__inner-wrapper--search .ids-input {
padding-left: var(--IDS-INPUT--SEARCH__PADDING-LEFT);
}
.ids-input__wrapper .ids-input__inner-wrapper.ids-input__inner-wrapper--search:has(input:disabled) .ids-input__search-icon:before,
.ids-input__wrapper .ids-input__inner-wrapper.ids-input__inner-wrapper--search:has(input[readonly]) .ids-input__search-icon:before {
color: var(--IDS-ICON--DISABLED-COLOR);
}
@media (min-width: 1024px) {
.ids-input__wrapper {
gap: 1.25rem;
}
}
.ids-input__hint {
margin-top: 0.313rem;
font-family: var(--IDS-FONT-FAMILY-BASE);
color: var(--IDS-FORM-LABEL__COLOR);
display: flex;
justify-content: end;
line-height: 1.5rem;
font-size: 1rem;
font-style: italic;
}
.ids-input {
font-family: var(--IDS-FONT-FAMILY-BASE) !important;
padding: var(--IDS-INPUT__PADDING);
background-color: var(--IDS-INPUT__BACKGROUND-COLOR);
border: var(--IDS-INPUT__BORDER);
border-radius: var(--IDS-INPUT__BORDER-RADIUS);
font-size: 1rem;
color: var(--IDS-INPUT__COLOR);
display: block;
}
.ids-input:disabled,
.ids-input[readonly] {
color: var(--IDS-FORM--DISABLED__COLOR);
font-style: italic !important;
background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
border: var(--IDS-FORM--DISABLED__BORDER);
opacity: 1;
}
.ids-input.ids-input--invalid,
.ids-input[aria-invalid=true] {
background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR) !important;
border: var(--IDS-FORM--INVALID__BORDER);
box-shadow: inset 0 0 0 0.0625rem var(--IDS-FORM--INVALID__BORDER-COLOR);
}
.ids-input.ids-input--light {
background-color: var(--IDS-COLOR-NEUTRAL-100);
}
.ids-input.ids-input--light:disabled,
.ids-input.ids-input--light[readonly] {
color: var(--IDS-FORM--DISABLED__COLOR);
font-style: italic !important;
background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
border: var(--IDS-FORM--DISABLED__BORDER);
opacity: 1;
}
.ids-input.ids-input--light.ids-input--invalid {
background-color: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
}
.ids-input:focus {
outline: var(--IDS-FOCUS__OUTLINE);
outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
}
.ids-input {
width: 100% !important;
height: var(--IDS-INPUT__HEIGHT);
line-height: 1.5rem;
font-size: 1rem;
}
.ids-input.ids-input--search,
.ids-input[type=search] {
margin-top: 0;
margin-bottom: 0;
padding-left: var(--IDS-INPUT--SEARCH__PADDING-LEFT);
font-size: var(--IDS-INPUT--SEARCH__FONT-SIZE-MOBILE);
border-radius: var(--IDS-INPUT--SEARCH__BORDER-RADIUS);
height: var(--IDS-INPUT--SEARCH__HEIGHT-MOBILE);
}
@media (min-width: 1024px) {
.ids-input.ids-input--search,
.ids-input[type=search] {
height: var(--IDS-INPUT--SEARCH__HEIGHT-DESKTOP);
}
}
.ids-input[type=date]::-webkit-calendar-picker-indicator,
.ids-input[type=datetime-local]::-webkit-calendar-picker-indicator,
.ids-input[type=month]::-webkit-calendar-picker-indicator,
.ids-input[type=week]::-webkit-calendar-picker-indicator {
background: transparent;
bottom: 0;
color: transparent;
cursor: pointer;
height: auto;
left: 0;
position: absolute;
right: 0;
top: 0;
width: auto;
}
.ids-input[type=color] {
cursor: pointer;
}
.ids-select {
appearance: none !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
font-family: var(--IDS-FONT-FAMILY-BASE) !important;
padding: var(--IDS-INPUT__PADDING);
background-color: var(--IDS-INPUT__BACKGROUND-COLOR);
border: var(--IDS-INPUT__BORDER);
border-radius: var(--IDS-INPUT__BORDER-RADIUS);
font-size: 1rem;
color: var(--IDS-INPUT__COLOR);
display: block;
}
.ids-select:disabled,
.ids-select[readonly] {
color: var(--IDS-FORM--DISABLED__COLOR);
font-style: italic !important;
background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
border: var(--IDS-FORM--DISABLED__BORDER);
opacity: 1;
}
.ids-select.ids-input--invalid,
.ids-select[aria-invalid=true] {
background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR) !important;
border: var(--IDS-FORM--INVALID__BORDER);
box-shadow: inset 0 0 0 0.0625rem var(--IDS-FORM--INVALID__BORDER-COLOR);
}
.ids-select.ids-input--light {
background-color: var(--IDS-COLOR-NEUTRAL-100);
}
.ids-select.ids-input--light:disabled,
.ids-select.ids-input--light[readonly] {
color: var(--IDS-FORM--DISABLED__COLOR);
font-style: italic !important;
background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
border: var(--IDS-FORM--DISABLED__BORDER);
opacity: 1;
}
.ids-select.ids-input--light.ids-input--invalid {
background-color: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
}
.ids-select {
height: var(--IDS-INPUT__HEIGHT);
cursor: pointer;
display: inline-block !important;
padding-right: var(--IDS-INPUT__ICON-PADDING-RIGHT) !important;
text-align: left;
overflow: hidden;
text-overflow: ellipsis;
border: var(--IDS-INPUT__BORDER);
width: 100% !important;
}
.ids-select.ids-input--invalid,
.ids-select[aria-invalid=true] {
background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR) !important;
border: var(--IDS-FORM--INVALID__BORDER);
box-shadow: inset 0 0 0 0.0625rem var(--IDS-FORM--INVALID__BORDER-COLOR);
}
.ids-select.ids-input--light {
background-color: var(--IDS-COLOR-NEUTRAL-100);
}
.ids-select.ids-input--light.ids-input--invalid,
.ids-select.ids-input--light[aria-invalid=true] {
background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR) !important;
border: var(--IDS-FORM--INVALID__BORDER);
box-shadow: inset 0 0 0 0.0625rem var(--IDS-FORM--INVALID__BORDER-COLOR);
}
.ids-select[aria-disabled=true] {
color: var(--IDS-FORM--DISABLED__COLOR);
font-style: italic !important;
background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
border: var(--IDS-FORM--DISABLED__BORDER);
opacity: 1;
}
.ids-select:disabled {
cursor: default;
}
.ids-select:disabled.ids-input--light {
background-color: var(--IDS-COLOR-NEUTRAL-100);
color: var(--IDS-FORM--DISABLED__COLOR);
font-style: italic !important;
background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
border: var(--IDS-FORM--DISABLED__BORDER);
opacity: 1;
}
.ids-select:focus {
outline: var(--IDS-FOCUS__OUTLINE);
outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
}
.ids-select-wrapper {
position: relative;
display: flex;
}
.ids-select-wrapper::after {
font: icon;
font-family: "Inera-Design-Icons" !important;
display: block;
position: absolute;
pointer-events: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e936";
color: var(--IDS-ICON__COLOR);
width: 1rem;
height: 1rem;
top: 50%;
transform: translateY(-50%);
right: var(--IDS-INPUT__ICON-RIGHT);
}
.ids-select-wrapper:has(.ids-input--invalid)::after,
.ids-select-wrapper:has([aria-invalid=true])::after {
color: var(--IDS-ICON--INVALID-COLOR);
}
.ids-select-wrapper:has(select:disabled)::after,
.ids-select-wrapper:has([aria-disabled=true])::after {
color: var(--IDS-ICON--DISABLED-COLOR);
}
.ids-textarea {
display: inline-block;
}
.ids-textarea textarea,
.ids-textarea .ids-textarea__textarea {
font-family: var(--IDS-FONT-FAMILY-BASE) !important;
padding: var(--IDS-INPUT__PADDING);
background-color: var(--IDS-INPUT__BACKGROUND-COLOR);
border: var(--IDS-INPUT__BORDER);
border-radius: var(--IDS-INPUT__BORDER-RADIUS);
font-size: 1rem;
color: var(--IDS-INPUT__COLOR);
display: block;
}
.ids-textarea textarea:disabled,
.ids-textarea textarea[readonly],
.ids-textarea .ids-textarea__textarea:disabled,
.ids-textarea .ids-textarea__textarea[readonly] {
color: var(--IDS-FORM--DISABLED__COLOR);
font-style: italic !important;
background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
border: var(--IDS-FORM--DISABLED__BORDER);
opacity: 1;
}
.ids-textarea textarea.ids-input--invalid,
.ids-textarea textarea[aria-invalid=true],
.ids-textarea .ids-textarea__textarea.ids-input--invalid,
.ids-textarea .ids-textarea__textarea[aria-invalid=true] {
background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR) !important;
border: var(--IDS-FORM--INVALID__BORDER);
box-shadow: inset 0 0 0 0.0625rem var(--IDS-FORM--INVALID__BORDER-COLOR);
}
.ids-textarea textarea.ids-input--light,
.ids-textarea .ids-textarea__textarea.ids-input--light {
background-color: var(--IDS-COLOR-NEUTRAL-100);
}
.ids-textarea textarea.ids-input--light:disabled,
.ids-textarea textarea.ids-input--light[readonly],
.ids-textarea .ids-textarea__textarea.ids-input--light:disabled,
.ids-textarea .ids-textarea__textarea.ids-input--light[readonly] {
color: var(--IDS-FORM--DISABLED__COLOR);
font-style: italic !important;
background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
border: var(--IDS-FORM--DISABLED__BORDER);
opacity: 1;
}
.ids-textarea textarea.ids-input--light.ids-input--invalid,
.ids-textarea .ids-textarea__textarea.ids-input--light.ids-input--invalid {
background-color: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
}
.ids-textarea textarea::-webkit-scrollbar,
.ids-textarea .ids-textarea__textarea::-webkit-scrollbar {
width: 0.625rem;
}
.ids-textarea textarea::-webkit-scrollbar-thumb,
.ids-textarea .ids-textarea__textarea::-webkit-scrollbar-thumb {
cursor: auto;
background: var(--IDS-SCROLL__THUMB-COLOR);
border-radius: 0.625rem;
box-sizing: border-box;
border: 0.125rem solid var(--IDS-INPUT__BACKGROUND-COLOR);
}
.ids-textarea textarea::-webkit-scrollbar-thumb:hover,
.ids-textarea .ids-textarea__textarea::-webkit-scrollbar-thumb:hover {
background: var(--IDS-SCROLL__THUMB-HOVER-COLOR);
}
.ids-textarea textarea::-webkit-scrollbar-track,
.ids-textarea .ids-textarea__textarea::-webkit-scrollbar-track {
border-radius: 0.625rem;
margin-top: 0.25rem;
background-color: transparent;
}
.ids-textarea textarea::-webkit-scrollbar-corner,
.ids-textarea .ids-textarea__textarea::-webkit-scrollbar-corner {
background-color: transparent;
}
.ids-textarea textarea,
.ids-textarea .ids-textarea__textarea {
padding: var(--IDS-TEXTAREA__PADDING);
box-sizing: border-box;
}
.ids-textarea textarea:focus,
.ids-textarea .ids-textarea__textarea:focus {
box-shadow: var(--IDS-INPUT__BOX-SHADOW);
}
.ids-textarea textarea::-webkit-resizer,
.ids-textarea .ids-textarea__textarea::-webkit-resizer {
appearance: none;
background-image: var(--IDS-TEXTAREA__RESIZER-IMAGE);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.ids-textarea.ids-textarea--block {
display: block;
width: 100%;
}
.ids-textarea.ids-textarea--block textarea {
display: block;
width: 100%;
}
.ids-textarea.ids-textarea--autosize {
display: block;
width: 100%;
resize: none;
}
.ids-textarea.ids-textarea--autosize textarea {
width: 100%;
resize: none;
overflow: hidden;
}
.ids-textarea.ids-textarea--no-resize {
resize: none;
}
.ids-textarea.ids-textarea--no-resize textarea {
resize: none;
}
.ids-time .ids-time__input-wrapper {
position: relative;
}
.ids-time .ids-time__input-wrapper:after {
font: icon;
font-family: "Inera-Design-Icons" !important;
display: block;
position: absolute;
pointer-events: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e922";
font-size: 1.25rem;
color: var(--IDS-ICON__COLOR);
top: 50%;
transform: translateY(-50%);
right: var(--IDS-INPUT__ICON-RIGHT);
}
.ids-time:has(.ids-input--invalid) .ids-time__input-wrapper:after,
.ids-time:has([aria-invalid=true]) .ids-time__input-wrapper:after {
color: var(--IDS-ICON--INVALID-COLOR);
}
.ids-time:has(input:disabled) .ids-time__input-wrapper:after,
.ids-time:has([aria-disabled=true]) .ids-time__input-wrapper:after {
color: var(--IDS-ICON--DISABLED-COLOR);
}
.ids-time ::slotted(input),
.ids-time input {
cursor: pointer;
}
.ids-time ::slotted(input:disabled),
.ids-time input:disabled {
cursor: default;
}
input.ids-time__input {
font-family: var(--IDS-FONT-FAMILY-BASE) !important;
padding: var(--IDS-INPUT__PADDING);
background-color: var(--IDS-INPUT__BACKGROUND-COLOR);
border: var(--IDS-INPUT__BORDER);
border-radius: var(--IDS-INPUT__BORDER-RADIUS);
font-size: 1rem;
color: var(--IDS-INPUT__COLOR);
display: block;
}
input.ids-time__input:disabled,
input.ids-time__input[readonly] {
color: var(--IDS-FORM--DISABLED__COLOR);
font-style: italic !important;
background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
border: var(--IDS-FORM--DISABLED__BORDER);
opacity: 1;
}
input.ids-time__input.ids-input--invalid,
input.ids-time__input[aria-invalid=true] {
background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR) !important;
border: var(--IDS-FORM--INVALID__BORDER);
box-shadow: inset 0 0 0 0.0625rem var(--IDS-FORM--INVALID__BORDER-COLOR);
}
input.ids-time__input.ids-input--light {
background-color: var(--IDS-COLOR-NEUTRAL-100);
}
input.ids-time__input.ids-input--light:disabled,
input.ids-time__input.ids-input--light[readonly] {
color: var(--IDS-FORM--DISABLED__COLOR);
font-style: italic !important;
background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
border: var(--IDS-FORM--DISABLED__BORDER);
opacity: 1;
}
input.ids-time__input.ids-input--light.ids-input--invalid {
background-color: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
}
input.ids-time__input {
cursor: pointer;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
display: inline-block;
box-sizing: border-box;
width: 100%;
height: var(--IDS-INPUT__HEIGHT);
padding: var(--IDS-INPUT__PADDING);
padding-right: var(--IDS-INPUT__ICON-PADDING-RIGHT);
}
input.ids-time__input::-webkit-calendar-picker-indicator {
opacity: 0;
appearance: none;
}
input.ids-time__input:disabled {
cursor: default;
}
.ids-toggle {
display: inline-flex;
align-items: flex-start;
gap: 0.5rem;
margin-bottom: 0.25rem;
}
.ids-toggle label {
position: relative;
top: 0.375rem;
flex-shrink: 100;
}
.ids-toggle .ids-label-tooltip-wrapper {
position: relative;
top: 0.375rem;
}
.ids-toggle .ids-label-tooltip-wrapper label {
top: -0.25rem;
margin-right: 0.25rem;
}
.ids-toggle input[type=checkbox],
.ids-toggle input {
position: relative;
margin: 0;
height: 2rem;
width: 3.9375rem;
border: 0.063rem solid transparent;
border-radius: 6.25rem;
appearance: none;
flex-shrink: 0;
}
.ids-toggle input[type=checkbox]:before,
.ids-toggle input:before {
content: "";
position: absolute;
cursor: pointer;
background-color: var(--IDS-TOGGLE__BACKGROUND-COLOR);
border-radius: 6.25rem;
height: 1.875rem;
width: 3.75rem;
-webkit-transition: 0.4s;
transition: 0.4s;
}
input:focus + .ids-toggle input[type=checkbox]:before,
input:focus + .ids-toggle input:before {
outline: var(--IDS-FOCUS__OUTLINE);
outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET);
}
.ids-toggle input[type=checkbox]:after,
.ids-toggle input:after {
font: icon;
font-family: "Inera-Design-Icons" !important;
display: block;
position: absolute;
pointer-events: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e934";
display: inline-block;
font-size: 0.75rem;
line-height: 1.5rem;
text-align: center;
background-color: var(--IDS-COLOR-NEUTRAL-100);
color: var(--IDS-ICON__COLOR);
height: 1.5rem;
width: 1.5rem;
border-radius: 100%;
top: 0.188rem;
left: 0.25rem;
-webkit-transition: 0.3s;
transition: all 0.3s;
}
.ids-toggle input[type=checkbox]:checked:before,
.ids-toggle input:checked:before {
background-color: var(--IDS-TOGGLE--CHECKED__BACKGROUND-COLOR);
}
.ids-toggle input[type=checkbox]:checked:after,
.ids-toggle input:checked:after {
font: icon;
font-family: "Inera-Design-Icons" !important;
display: block;
position: absolute;
pointer-events: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e93a";
font-size: 0.875rem;
line-height: 1.5rem;
text-align: center;
left: calc(100% - 1.875rem);
-webkit-transition: 0.3s;
transition: all 0.3s;
color: var(--IDS-TOGGLE--CHECKED__COLOR);
}
.ids-toggle input[type=checkbox]:disabled + label,
.ids-toggle input:disabled + label {
cursor: default;
font-style: italic;
color: var(--IDS-FORM-LABEL--DISABLED__COLOR);
}
.ids-toggle input[type=checkbox]:disabled:before,
.ids-toggle input:disabled:before {
cursor: default;
background-color: var(--IDS-TOGGLE--DISABLED__BACKGROUND-COLOR);
border: var(--IDS-TOGGLE--DISABLED__BORDER);
}
.ids-toggle input[type=checkbox]:disabled:after,
.ids-toggle input:disabled:after {
cursor: default;
background-color: var(--IDS-TOGGLE--DISABLED__KNOB-BACKGROUND-COLOR);
color: var(--IDS-ICON--DISABLED-COLOR);
}
.ids-toggle input[type=checkbox]:disabled:checked:before,
.ids-toggle input:disabled:checked:before {
cursor: default;
background-color: var(--IDS-TOGGLE--DISABLED__BACKGROUND-COLOR);
border: var(--IDS-TOGGLE--DISABLED__BORDER);
}
.ids-toggle input[type=checkbox]:disabled:checked:after,
.ids-toggle input:disabled:checked:after {
cursor: default;
background-color: var(--IDS-TOGGLE--DISABLED__KNOB-BACKGROUND-COLOR);
color: var(--IDS-ICON--DISABLED-COLOR);
}
@media (max-width: 18.75rem) {
.ids-toggle {
flex-wrap: wrap;
}
}
.ids-range .ids-label {
display: inline-block;
margin-bottom: 0.75rem !important;
}
.ids-range__input,
input[type=range] {
cursor: pointer;
appearance: none;
-webkit-appearance: none;
box-sizing: border-box;
display: block;
padding: 0;
margin: 0;
width: 100%;
height: 0.5rem;
border: 0.0625rem solid var(--IDS-RANGE__BORDER-COLOR);
border-radius: 1rem;
background-color: transparent;
background-size: 98% 100%;
background-repeat: no-repeat;
background-image: linear-gradient(var(--IDS-RANGE__FILL-BACKGROUND-COLOR), var(--IDS-RANGE__FILL-BACKGROUND-COLOR));
touch-action: pan-x;
-webkit-tap-highlight-color: transparent;
margin-bottom: 0.75rem;
}
.ids-range__input::-webkit-slider-thumb,
input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
height: 1.5rem;
width: 1.5rem;
outline: 0.1875rem solid var(--IDS-COLOR-NEUTRAL-100);
border-radius: 100%;
background-color: var(--IDS-RANGE__THUMB-BACKGROUND-COLOR);
cursor: pointer;
position: relative;
z-index: 1;
}
.ids-range__input::-moz-range-thumb,
input[type=range]::-moz-range-thumb {
-moz-appearance: none;
height: 1.5rem;
width: 1.5rem;
outline: 0.1875rem solid var(--IDS-COLOR-NEUTRAL-100);
border-radius: 100%;
background-color: var(--IDS-RANGE__THUMB-BACKGROUND-COLOR);
cursor: pointer;
position: relative;
z-index: 1;
}
.ids-range__input::-ms-thumb,
input[type=range]::-ms-thumb {
height: 1.5rem;
width: 1.5rem;
outline: 0.1875rem solid var(--IDS-COLOR-NEUTRAL-100);
border-radius: 100%;
background-color: var(--IDS-RANGE__THUMB-BACKGROUND-COLOR);
cursor: pointer;
position: relative;
z-index: 1;
}
.ids-range__input:disabled,
input[type=range]:disabled {
cursor: default;
border: 0.0625rem dashed var(--IDS-RANGE--DISABLED__BORDER-COLOR);
background-color: transparent;
background-image: linear-gradient(var(--IDS-RANGE--DISABLED__FILL-BACKGROUND-COLOR), var(--IDS-RANGE--DISABLED__FILL-BACKGROUND-COLOR));
}
.ids-range__input:disabled::-moz-range-thumb,
input[type=range]:disabled::-moz-range-thumb {
cursor: default;
background: var(--IDS-RANGE--DISABLED__FILL-BACKGROUND-COLOR);
}
.ids-range__input:disabled::-webkit-slider-thumb,
input[type=range]:disabled::-webkit-slider-thumb {
cursor: default;
background: var(--IDS-RANGE--DISABLED__FILL-BACKGROUND-COLOR);
}
.ids-range__input:disabled::-ms-thumb,
input[type=range]:disabled::-ms-thumb {
cursor: default;
background: var(--IDS-RANGE--DISABLED__FILL-BACKGROUND-COLOR);
}
.ids-form-group__fieldset {
border: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.ids-form-group__fieldset.ids-form-group__fieldset--compact {
gap: 0;
}
.ids-form-group__fieldset legend {
padding: 0;
font-style: normal;
color: var(--IDS-COLOR-NEUTRAL-20);
font-family: var(--IDS-BODY__FONT-FAMILY);
font-size: var(--IDS-BODY__FONT-SIZE);
line-height: var(--IDS-BODY__LINE-HEIGHT);
font-weight: 400;
letter-spacing: 0;
color: var(--IDS-FORM-LABEL__COLOR);
display: inline-flex;
gap: 0.5rem;
margin-bottom: 0.625rem;
}
.ids-description-list {
margin: 0;
padding: 0;
width: 100%;
border: var(--IDS-DESCRIPTION-LIST__BORDER);
border-radius: var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS);
display: var(--IDS-DESCRIPTION-LIST__DISPLAY);
flex-direction: column;
grid-template-columns: auto 1fr;
}
.ids-description-list .ids-description-list__term {
border-right: var(--IDS-DESCRIPTION-LIST__BORDER);
border-bottom: var(--IDS-DESCRIPTION-LIST__BORDER);
padding: var(--IDS-DESCRIPTION-LIST__PADDING);
background-color: var(--IDS-DESCRIPTION-LIST__TERM-BACKGROUND-COLOR);
color: var(--IDS-COLOR-NEUTRAL-20);
font-family: var(--IDS-FONT-FAMILY-BASE);
font-size: 1rem;
font-style: normal;
font-weight: var(--IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT);
line-height: 1.5rem;
overflow-wrap: break-word;
}
.ids-description-list .ids-description-list__term:first-child {
border-top-left-radius: var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS);
}
.ids-description-list .ids-description-list__term:nth-last-child(2) {
border-bottom: 0;
border-bottom-left-radius: var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS);
}
.ids-description-list .ids-description-list__description {
color: var(--IDS-COLOR-NEUTRAL-20);
border-bottom: var(--IDS-DESCRIPTION-LIST__BORDER);
padding: var(--IDS-DESCRIPTION-LIST__PADDING);
margin-bottom: var(--IDS-DESCRIPTION-LIST__DESCRIPTION-MARGIN-BOTTOM);
}
.ids-description-list .ids-description-list__description:first-child {
border-top-right-radius: var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS);
}
.ids-description-list .ids-description-list__description:last-child {
border-bottom: 0;
border-bottom-left-radius: var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS);
}
.ids-description-list.ids-description-list--column {
border: var(--IDS-DESCRIPTION-LIST--COLUMN__BORDER);
border-radius: var(--IDS-DESCRIPTION-LIST--COLUMN__BORDER-RADIUS);
display: var(--IDS-DESCRIPTION-LIST--COLUMN__DISPLAY);
}
.ids-description-list.ids-description-list--column .ids-description-list__term {
border-right: var(--IDS-DESCRIPTION-LIST--COLUMN__BORDER);
border-bottom: var(--IDS-DESCRIPTION-LIST--COLUMN__BORDER);
padding: var(--IDS-DESCRIPTION-LIST--COLUMN__PADDING);
background-color: var(--IDS-DESCRIPTION-LIST--COLUMN__TERM-BACKGROUND-COLOR);
}
.ids-description-list.ids-description-list--column .ids-description-list__term:first-child {
border-top-left-radius: var(--IDS-DESCRIPTION-LIST--COLUMN__BORDER-RADIUS);
}
.ids-description-list.ids-description-list--column .ids-description-list__term:nth-last-child(2) {
border-bottom: 0;
border-bottom-left-radius: var(--IDS-DESCRIPTION-LIST--COLUMN__BORDER-RADIUS);
}
.ids-description-list.ids-description-list--column .ids-description-list__description {
border-bottom: var(--IDS-DESCRIPTION-LIST--COLUMN__BORDER);
padding: var(--IDS-DESCRIPTION-LIST--COLUMN__PADDING);
margin-bottom: var(--IDS-DESCRIPTION-LIST--COLUMN__DESCRIPTION-MARGIN-BOTTOM);
background-color: var(--IDS-COLOR-NEUTRAL-100);
}
.ids-description-list.ids-description-list--column .ids-description-list__description:nth-child(2) {
border-top-right-radius: var(--IDS-DESCRIPTION-LIST--COLUMN__BORDER-RADIUS);
}
.ids-description-list.ids-description-list--column .ids-description-list__description:last-child {
border-bottom: 0;
border-bottom-right-radius: var(--IDS-DESCRIPTION-LIST--COLUMN__BORDER-RADIUS);
}
.ids .ids-heading-xxl {
font-style: normal;
color: var(--IDS-HEADING-XXL__COLOR);
font-family: var(--IDS-HEADING-XXL__FONT-FAMILY);
font-size: var(--IDS-HEADING-XXL__FONT-SIZE);
line-height: var(--IDS-HEADING-XXL__LINE-HEIGHT);
letter-spacing: var(--IDS-HEADING-XXL__LETTER-SPACING);
font-weight: var(--IDS-HEADING-XXL__FONT-WEIGHT);
}
@media (min-width: 1024px) {
.ids .ids-heading-xxl {
font-size: var(--IDS-HEADING-XXL__FONT-SIZE-DESKTOP);
line-height: var(--IDS-HEADING-XXL__LINE-HEIGHT-DESKTOP);
letter-spacing: var(--IDS-HEADING-XXL__LETTER-SPACING-DESKTOP);
}
}
.ids .ids-heading-xxl:focus-visible {
outline: none;
}
.ids .ids-heading-xl {
font-style: normal;
color: var(--IDS-HEADING-XL__COLOR);
font-family: var(--IDS-HEADING-XL__FONT-FAMILY);
font-size: var(--IDS-HEADING-XL__FONT-SIZE);
line-height: var(--IDS-HEADING-XL__LINE-HEIGHT);
letter-spacing: var(--IDS-HEADING-XL__LETTER-SPACING);
font-weight: var(--IDS-HEADING-XL__FONT-WEIGHT);
}
@media (min-width: 1024px) {
.ids .ids-heading-xl {
font-size: var(--IDS-HEADING-XL__FONT-SIZE-DESKTOP);
line-height: var(--IDS-HEADING-XL__LINE-HEIGHT-DESKTOP);
letter-spacing: var(--IDS-HEADING-XL__LETTER-SPACING-DESKTOP);
}
}
.ids .ids-heading-xl:focus-visible {
outline: none;
}
.ids .ids-heading-l {
font-style: normal;
color: var(--IDS-HEADING-L__COLOR);
font-family: var(--IDS-HEADING-L__FONT-FAMILY);
font-size: var(--IDS-HEADING-L__FONT-SIZE);
line-height: var(--IDS-HEADING-L__LINE-HEIGHT);
letter-spacing: var(--IDS-HEADING-L__LETTER-SPACING);
font-weight: var(--IDS-HEADING-L__FONT-WEIGHT);
}
@media (min-width: 1024px) {
.ids .ids-heading-l {
font-size: var(--IDS-HEADING-L__FONT-SIZE-DESKTOP);
line-height: var(--IDS-HEADING-L__LINE-HEIGHT-DESKTOP);
letter-spacing: var(--IDS-HEADING-L__LETTER-SPACING-DESKTOP);
}
}
.ids .ids-heading-l:focus-visible {
outline: none;
}
.ids .ids-heading-m {
font-style: normal;
color: var(--IDS-HEADING-M__COLOR);
font-family: var(--IDS-HEADING-M__FONT-FAMILY);
font-size: var(--IDS-HEADING-M__FONT-SIZE);
line-height: var(--IDS-HEADING-M__LINE-HEIGHT);
letter-spacing: var(--IDS-HEADING-M__LETTER-SPACING);
font-weight: var(--IDS-HEADING-M__FONT-WEIGHT);
}
@media (min-width: 1024px) {
.ids .ids-heading-m {
font-size: var(--IDS-HEADING-M__FONT-SIZE-DESKTOP);
line-height: var(--IDS-HEADING-M__LINE-HEIGHT-DESKTOP);
letter-spacing: var(--IDS-HEADING-M__LETTER-SPACING-DESKTOP);
}
}
.ids .ids-heading-m .ids-anchor {
color: var(--IDS-ANCHOR__COLOR) !important;
text-decoration: none;
text-underline-offset: 0.125rem;
}
.ids .ids-heading-m .ids-anchor:visited {
color: var(--IDS-ANCHOR__COLOR);
}
.ids .ids-heading-m .ids-anchor:link {
text-decoration: none;
}
.ids .ids-heading-m .ids-anchor:active,
.ids .ids-heading-m .ids-anchor:hover {
color: var(--IDS-ANCHOR__HOVER-COLOR);
}
.ids .ids-heading-m:focus-visible {
outline: none;
}
.ids .ids-heading-s {
font-style: normal;
color: var(--IDS-HEADING-S__COLOR);
font-family: var(--IDS-HEADING-S__FONT-FAMILY);
font-size: var(--IDS-HEADING-S__FONT-SIZE);
line-height: var(--IDS-HEADING-S__LINE-HEIGHT);
letter-spacing: var(--IDS-HEADING-S__LETTER-SPACING);
font-weight: var(--IDS-HEADING-S__FONT-WEIGHT);
}
@media (min-width: 1024px) {
.ids .ids-heading-s {
font-size: var(--IDS-HEADING-S__FONT-SIZE-DESKTOP);
line-height: var(--IDS-HEADING-S__LINE-HEIGHT-DESKTOP);
letter-spacing: var(--IDS-HEADING-S__LETTER-SPACING-DESKTOP);
}
}
.ids .ids-heading-s .ids-anchor {
color: var(--IDS-ANCHOR__COLOR) !important;
text-decoration: none;
text-underline-offset: 0.125rem;
}
.ids .ids-heading-s .ids-anchor:visited {
color: var(--IDS-ANCHOR__COLOR);
}
.ids .ids-heading-s .ids-anchor:link {
text-decoration: none;
}
.ids .ids-heading-s .ids-anchor:active,
.ids .ids-heading-s .ids-anchor:hover {
color: var(--IDS-ANCHOR__HOVER-COLOR);
}
.ids .ids-heading-s:focus-visible {
outline: none;
}
.ids .ids-heading-xs {
font-style: normal;
color: var(--IDS-HEADING-XS__COLOR);
font-family: var(--IDS-HEADING-XS__FONT-FAMILY);
font-size: var(--IDS-HEADING-XS__FONT-SIZE);
line-height: var(--IDS-HEADING-XS__LINE-HEIGHT);
letter-spacing: var(--IDS-HEADING-XS__LETTER-SPACING);
font-weight: var(--IDS-HEADING-XS__FONT-WEIGHT);
}
.ids .ids-heading-xs .ids-anchor {
color: var(--IDS-ANCHOR__COLOR) !important;
text-decoration: none;
text-underline-offset: 0.125rem;
}
.ids .ids-heading-xs .ids-anchor:visited {
color: var(--IDS-ANCHOR__COLOR);
}
.ids .ids-heading-xs .ids-anchor:link {
text-decoration: none;
}
.ids .ids-heading-xs .ids-anchor:active,
.ids .ids-heading-xs .ids-anchor:hover {
color: var(--IDS-ANCHOR__HOVER-COLOR);
}
.ids .ids-heading-xs:focus-visible {
outline: none;
}
.ids .ids-preamble {
font-style: normal;
color: var(--IDS-COLOR-NEUTRAL-20);
font-family: var(--IDS-PREAMBLE__FONT-FAMILY);
font-size: var(--IDS-PREAMBLE__FONT-SIZE);
line-height: var(--IDS-PREAMBLE__LINE-HEIGHT);
font-weight: 300;
letter-spacing: 0;
}
@media (min-width: 1024px) {
.ids .ids-preamble {
font-size: var(--IDS-PREAMBLE__FONT-SIZE-DESKTOP);
line-height: var(--IDS-PREAMBLE__LINE-HEIGHT-DESKTOP);
}
}
.ids .ids-preamble .ids-anchor {
color: var(--IDS-ANCHOR__COLOR) !important;
text-decoration: none;
text-underline-offset: 0.125rem;
}
.ids .ids-preamble .ids-anchor:visited {
color: var(--IDS-ANCHOR__COLOR);
}
.ids .ids-preamble .ids-anchor:link {
text-decoration: underline;
}
.ids .ids-preamble .ids-anchor:active,
.ids .ids-preamble .ids-anchor:hover {
color: var(--IDS-ANCHOR__HOVER-COLOR);
text-decoration: underline;
}
.ids .ids-body {
font-style: normal;
color: var(--IDS-COLOR-NEUTRAL-20);
font-family: var(--IDS-BODY__FONT-FAMILY);
font-size: var(--IDS-BODY__FONT-SIZE);
line-height: var(--IDS-BODY__LINE-HEIGHT);
font-weight: 400;
letter-spacing: 0;
}
.ids .ids-body .ids-anchor {
color: var(--IDS-ANCHOR__COLOR) !important;
text-decoration: none;
text-underline-offset: 0.125rem;
}
.ids .ids-body .ids-anchor:visited {
color: var(--IDS-ANCHOR__COLOR);
}
.ids .ids-body .ids-anchor:link {
text-decoration: underline;
}
.ids .ids-body .ids-anchor:active,
.ids .ids-body .ids-anchor:hover {
color: var(--IDS-ANCHOR__HOVER-COLOR);
text-decoration: underline;
}
.ids .ids-body.ids-disabled {
color: var(---IDS-BODY--DISABLED__COLOR);
font-style: italic;
}
.ids .ids-small {
font-style: normal;
color: var(--IDS-COLOR-NEUTRAL-20);
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 400;
letter-spacing: 0rem;
font-family: var(--IDS-FONT-FAMILY-BASE);
}
.ids .ids-small .ids-anchor {
color: var(--IDS-ANCHOR__COLOR) !important;
text-decoration: none;
text-underline-offset: 0.125rem;
}
.ids .ids-small .ids-anchor:visited {
color: var(--IDS-ANCHOR__COLOR);
}
.ids .ids-small .ids-anchor:link {
text-decoration: underline;
}
.ids .ids-small .ids-anchor:active,
.ids .ids-small .ids-anchor:hover {
color: var(--IDS-ANCHOR__HOVER-COLOR);
text-decoration: underline;
}
.ids .ids-pagelist {
font-style: normal;
color: var(--IDS-PAGE-LIST__COLOR);
font-family: var(--IDS-PAGE-LIST__FONT-FAMILY);
font-size: var(--IDS-PAGE-LIST__FONT-SIZE);
line-height: var(--IDS-PAGE-LIST__LINE-HEIGHT);
font-weight: var(--IDS-PAGE-LIST__FONT-WEIGHT);
letter-spacing: var(--IDS-PAGE-LIST__LETTER-SPACING);
}
.ids .ids-pagelist .ids-anchor {
color: var(--IDS-ANCHOR__COLOR) !important;
text-decoration: none;
text-underline-offset: 0.125rem;
}
.ids .ids-pagelist .ids-anchor:visited {
color: var(--IDS-ANCHOR__COLOR);
}
.ids .ids-pagelist .ids-anchor:link {
text-decoration: underline;
}
.ids .ids-pagelist .ids-anchor:active,
.ids .ids-pagelist .ids-anchor:hover {
color: var(--IDS-ANCHOR__HOVER-COLOR);
text-decoration: underline;
}
.ids ul.ids-bullet-list,
.ids .ids-bullet-list {
list-style: disc;
margin-left: 1.5rem;
}
.ids ul.ids-bullet-list li,
.ids .ids-bullet-list li {
margin-bottom: 1rem;
padding-left: 0.5rem;
display: list-item;
color: var(--IDS-COLOR-NEUTRAL-20);
font-family: var(--IDS-FONT-FAMILY-BASE);
font-size: 1rem;
font-style: normal;
font-weight: 400;
letter-spacing: 0;
line-height: var(--IDS-BULLET-LIST__LINE-HEIGHT);
}
.ids ul.ids-bullet-list li::marker,
.ids .ids-bullet-list li::marker {
color: var(--IDS-BULLET-LIST__MARKER-COLOR);
}
.ids ol.ids-numbered-list,
.ids .ids-numbered-list {
list-style-type: decimal;
margin-left: 1.5rem;
}
.ids ol.ids-numbered-list li,
.ids .ids-numbered-list li {
margin-bottom: 1rem;
padding-left: 0.5rem;
display: list-item;
color: var(--IDS-COLOR-NEUTRAL-20);
font-family: var(--IDS-FONT-FAMILY-BASE);
font-size: 1rem;
font-style: normal;
font-weight: 400;
letter-spacing: 0;
line-height: var(--IDS-BULLET-LIST__LINE-HEIGHT);
}
.ids ol.ids-numbered-list li::marker,
.ids .ids-numbered-list li::marker {
font-weight: var(--IDS-BULLET-LIST__MARKER-FONT-WEIGHT);
}
.ids-content .ids-heading-xxl {
margin-bottom: var(--IDS-HEADING-XXL__MARGIN-BOTTOM);
}
.ids-content .ids-heading-xl {
margin-bottom: var(--IDS-HEADING-XL__MARGIN-BOTTOM);
}
.ids-content .ids-heading-l {
margin-bottom: var(--IDS-HEADING-L__MARGIN-BOTTOM);
}
.ids-content .ids-heading-m,
.ids-content .ids-heading-s,
.ids-content .ids-heading-xs {
margin-bottom: 0.625rem;
}
.ids-content .ids-preamble {
margin-bottom: 2.5rem;
}
.ids-content .ids-body {
margin-bottom: 1.875rem;
}
:root {
--IDS__MAX-WIDTH: 1280px;
--IDS__FONT-FAMILY: Open sans;
--IDS__FONT-COLOR: black;
}
.ids input:focus,
.ids select:focus,
.ids textarea:focus,
.ids button:focus,
.ids ids-button:focus,
.ids a:focus {
outline: var(--IDS-FOCUS__OUTLINE);
outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET);
}
input::placeholder,
textarea::placeholder,
select::placeholder {
color: var(--IDS-FORM-PLACEHOLDER__COLOR);
}
[tabindex="0"]:focus {
outline: var(--IDS-FOCUS__OUTLINE);
outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET);
outline-color: var(--IDS-FOCUS__OUTLINE-COLOR);
}
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
-webkit-appearance: none;
}
:root,
:host {
--IDS-FONT-FAMILY-BASE: "Open Sans";
--IDS-FONT-FAMILY-HEADING: "Poppins";
--IDS-FONT-COLOR: var(--IDS-COLOR-NEUTRAL-20);
--IDS-HEADING-XXL__COLOR: var(--IDS-COLOR-PRIMARY-40);
--IDS-HEADING-XXL__FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
--IDS-HEADING-XXL__FONT-SIZE: 1.875rem;
--IDS-HEADING-XXL__LINE-HEIGHT: 2.375rem;
--IDS-HEADING-XXL__FONT-SIZE-DESKTOP: 2.5rem;
--IDS-HEADING-XXL__LINE-HEIGHT-DESKTOP: 3.125rem;
--IDS-HEADING-XXL__FONT-WEIGHT: 600;
--IDS-HEADING-XXL__LETTER-SPACING: inherit;
--IDS-HEADING-XXL__LETTER-SPACING-DESKTOP: inherit;
--IDS-HEADING-XXL__MARGIN-BOTTOM: 1.25rem;
--IDS-HEADING-XL__COLOR: var(--IDS-COLOR-PRIMARY-40);
--IDS-HEADING-XL__FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
--IDS-HEADING-XL__FONT-SIZE: 1.625rem;
--IDS-HEADING-XL__LINE-HEIGHT: 2rem;
--IDS-HEADING-XL__FONT-SIZE-DESKTOP: 2rem;
--IDS-HEADING-XL__LINE-HEIGHT-DESKTOP: 2.5rem;
--IDS-HEADING-XL__FONT-WEIGHT: 600;
--IDS-HEADING-XL__LETTER-SPACING: inherit;
--IDS-HEADING-XL__LETTER-SPACING-DESKTOP: inherit;
--IDS-HEADING-XL__MARGIN-BOTTOM: 1.25rem;
--IDS-HEADING-L__COLOR: var(--IDS-COLOR-PRIMARY-40);
--IDS-HEADING-L__FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
--IDS-HEADING-L__FONT-SIZE: 1.5rem;
--IDS-HEADING-L__LINE-HEIGHT: 1.875rem;
--IDS-HEADING-L__FONT-SIZE-DESKTOP: 1.75rem;
--IDS-HEADING-L__LINE-HEIGHT-DESKTOP: 2.25rem;
--IDS-HEADING-L__FONT-WEIGHT: 600;
--IDS-HEADING-L__LETTER-SPACING: inherit;
--IDS-HEADING-L__LETTER-SPACING-DESKTOP: inherit;
--IDS-HEADING-L__MARGIN-BOTTOM: 1.25rem;
--IDS-HEADING-M__COLOR: var(--IDS-COLOR-PRIMARY-40);
--IDS-HEADING-M__FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
--IDS-HEADING-M__FONT-SIZE: 1.375rem;
--IDS-HEADING-M__LINE-HEIGHT: 1.75rem;
--IDS-HEADING-M__FONT-SIZE-DESKTOP: 1.5rem;
--IDS-HEADING-M__LINE-HEIGHT-DESKTOP: 2rem;
--IDS-HEADING-M__FONT-WEIGHT: 600;
--IDS-HEADING-M__LETTER-SPACING: inherit;
--IDS-HEADING-M__LETTER-SPACING-DESKTOP: inherit;
--IDS-HEADING-S__COLOR: var(--IDS-COLOR-NEUTRAL-20);
--IDS-HEADING-S__FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
--IDS-HEADING-S__FONT-SIZE: 1.25rem;
--IDS-HEADING-S__LINE-HEIGHT: 1.5rem;
--IDS-HEADING-S__FONT-SIZE-DESKTOP: 1.25rem;
--IDS-HEADING-S__LINE-HEIGHT-DESKTOP: 1.625rem;
--IDS-HEADING-S__FONT-WEIGHT: 600;
--IDS-HEADING-S__LETTER-SPACING: inherit;
--IDS-HEADING-S__LETTER-SPACING-DESKTOP: inherit;
--IDS-HEADING-XS__COLOR: var(--IDS-COLOR-NEUTRAL-20);
--IDS-HEADING-XS__FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
--IDS-HEADING-XS__FONT-SIZE: 1rem;
--IDS-HEADING-XS__LINE-HEIGHT: 1.25rem;
--IDS-HEADING-XS__FONT-WEIGHT: 600;
--IDS-HEADING-XS__LETTER-SPACING: inherit;
--IDS-ANCHOR__COLOR: var(--IDS-COLOR-ACCENT-40);
--IDS-ANCHOR__HOVER-COLOR: var(--IDS-COLOR-ACCENT-30);
--IDS-PREAMBLE__FONT-FAMILY: var(--IDS-FONT-FAMILY-BASE);
--IDS-PREAMBLE__FONT-SIZE: 1.125rem;
--IDS-PREAMBLE__LINE-HEIGHT: 1.75rem;
--IDS-PREAMBLE__FONT-SIZE-DESKTOP: 1.375rem;
--IDS-PREAMBLE__LINE-HEIGHT-DESKTOP: 2.25rem;
--IDS-BODY__FONT-FAMILY: var(--IDS-FONT-FAMILY-BASE);
--IDS-BODY__FONT-SIZE: 1rem;
--IDS-BODY__LINE-HEIGHT: 1.625rem;
--IDS-BODY--DISABLED__COLOR: var(--IDS-COLOR-NEUTRAL-40);
--IDS-PAGE-LIST__COLOR: var(--IDS-COLOR-ACCENT-40);
--IDS-PAGE-LIST__FONT-FAMILY: var(--IDS-FONT-FAMILY-BASE);
--IDS-PAGE-LIST__FONT-SIZE: 1.125rem;
--IDS-PAGE-LIST__LINE-HEIGHT: 1.5rem;
--IDS-PAGE-LIST__FONT-WEIGHT: 600;
--IDS-PAGE-LIST__LETTER-SPACING: 0;
--IDS-BULLET-LIST__MARKER-COLOR: var(--IDS-COLOR-PRIMARY-40);
--IDS-BULLET-LIST__MARKER-FONT-WEIGHT: normal;
--IDS-BULLET-LIST__LINE-HEIGHT: 1.625rem;
}
:root,
:host {
--IDS-BORDER-RADIUS: 0.188rem;
--IDS-OVERLAY__BACKGROUND-COLOR: rgba(53, 53, 53, 0.6);
--IDS-FOCUS__OUTLINE: 0.125rem solid var(--IDS-COLOR-NEUTRAL-20);
--IDS-FOCUS__OUTLINE-COLOR: var(--IDS-COLOR-NEUTRAL-20);
--IDS-FOCUS__OUTLINE--LIGHT: 0.125rem solid var(--IDS-COLOR-NEUTRAL-100);
--IDS-FOCUS__OUTLINE-OFFSET: 0.125rem;
--IDS-SCROLL__THUMB-COLOR: var(--IDS-COLOR-NEUTRAL-40);
--IDS-SCROLL__THUMB-HOVER-COLOR: var(--IDS-COLOR-ACCENT-30);
--IDS-SCROLL__TRACK-BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-100);
--IDS-SCROLL__TRACK-OUTLINE-COLOR: var(--IDS-COLOR-NEUTRAL-90);
--IDS-FORM-PLACEHOLDER__COLOR: var(--IDS-COLOR-NEUTRAL-20);
--IDS-FORM--DISABLED__BORDER: 0.063rem dashed var(--IDS-COLOR-NEUTRAL-40);
--IDS-FORM--INVALID__BORDER: 0.063rem solid var(--IDS-COLOR-ERROR-40);
--IDS-FORM--INVALID__BORDER-COLOR: var(--IDS-COLOR-ERROR-40);
--IDS-FORM--DISABLED__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-99);
--IDS-FORM--DISABLED__COLOR: var(--IDS-COLOR-NEUTRAL-40);
--IDS-FORM--INVALID__BACKGROUND-COLOR: var(--IDS-COLOR-ERROR-99);
--IDS-FORM-LABEL__COLOR: var(--IDS-COLOR-NEUTRAL-20);
--IDS-FORM-LABEL__FONT-FAMILY: var(--IDS-FONT-FAMILY-BASE);
--IDS-FORM-LABEL__FONT-SIZE: 1rem;
--IDS-FORM-LABEL__FONT-WEIGHT: 400;
--IDS-FORM-LABEL__LETTER-SPACING: 0;
--IDS-FORM-LABEL__HEIGHT: 1.25rem;
--IDS-FORM-LABEL--DISABLED__COLOR: var(--IDS-COLOR-NEUTRAL-40);
--IDS-FORM-INERA__BORDER-RADIUS: 0.188rem;
--IDS-ERROR-MESSAGE__COLOR: var(--IDS-COLOR-ERROR-40);
--IDS-ERROR-MESSAGE__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-100);
--IDS-ERROR-MESSAGE__BORDER-COLOR: var(--IDS-COLOR-ERROR-40);
--IDS-ERROR-MESSAGE__BORDER: 0.063rem solid var(--IDS-ERROR-MESSAGE__BORDER-COLOR);
--IDS-ERROR-MESSAGE__PADDING: 0.813rem 1.25rem;
--IDS-CHECK-BUTTON__BORDER-RADIUS: 0.1875rem;
--IDS-CHECK-BUTTON__BORDER-COLOR: var(--IDS-COLOR-ACCENT-40);
--IDS-CHECK-BUTTON__COLOR: var(--IDS-COLOR-ACCENT-40);
--IDS-CHECK-BUTTON__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-100);
--IDS-CHECK-BUTTON__FONT-SIZE: 0.875rem;
--IDS-CHECK-BUTTON--CHECKED__COLOR: var(--IDS-COLOR-NEUTRAL-100);
--IDS-CHECK-BUTTON--CHECKED__BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-40);
--IDS-CHECK-BUTTON--HOVER__BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-30);
--IDS-CHECK-BUTTON--DISABLED__BORDER-COLOR: var(--IDS-COLOR-NEUTRAL-90);
--IDS-CHECK-BUTTON--DISABLED-COLOR: var(--IDS-COLOR-NEUTRAL-40);
--IDS-RADIO-BUTTON__BORDER-RADIUS: 1.875rem;
--IDS-RADIO-BUTTON__BORDER-COLOR: var(--IDS-COLOR-PRIMARY-40);
--IDS-RADIO-BUTTON__COLOR: var(--IDS-COLOR-NEUTRAL-20);
--IDS-RADIO-BUTTON__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-100);
--IDS-RADIO-BUTTON--CHECKED__BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-40);
--IDS-RADIO-BUTTON--CHECKED__COLOR: var(--IDS-COLOR-NEUTRAL-100);
--IDS-RADIO-BUTTON--HOVER__BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-30);
--IDS-RADIO-BUTTON--DISABLED__BORDER-COLOR: var(--IDS-COLOR-NEUTRAL-40);
--IDS-RADIO-BUTTON--DISABLED-COLOR: var(--IDS-COLOR-NEUTRAL-40);
--IDS-CHECKBOX__BORDER: 0.0625rem solid var(--IDS-COLOR-ACCENT-40);
--IDS-CHECKBOX__BORDER-RADIUS: var(--IDS-FORM-INERA__BORDER-RADIUS);
--IDS-CHECKBOX__BACKGROUND-COLOR: var(--IDS-COLOR-SECONDARY-95);
--IDS-CHECKBOX--DISABLED-COLOR: var(--IDS-COLOR-NEUTRAL-40);
--IDS-INPUT__COLOR: var(--IDS-COLOR-NEUTRAL-20);
--IDS-INPUT__BACKGROUND-COLOR: var(--IDS-COLOR-SECONDARY-95);
--IDS-INPUT__BORDER: 0.063rem solid var(--IDS-COLOR-ACCENT-40);
--IDS-INPUT__BORDER-RADIUS: var(--IDS-FORM-INERA__BORDER-RADIUS);
--IDS-INPUT__BOX-SHADOW: none;
--IDS-INPUT__HEIGHT: 3rem;
--IDS-INPUT__PADDING: 0 1.25rem;
--IDS-INPUT__ICON-RIGHT: 1.125rem;
--IDS-INPUT__ICON-PADDING-RIGHT: 2.75rem;
--IDS-INPUT--DISABLED__ICON-FILL: var(--IDS-COLOR-NEUTRAL-40);
--IDS-INPUT--INVALID__ICON-FILL: var(--IDS-COLOR-ACCENT-40);
--IDS-INPUT--SEARCH__BORDER-RADIUS: 0.188rem;
--IDS-INPUT--SEARCH__HEIGHT-MOBILE: 3rem;
--IDS-INPUT--SEARCH__HEIGHT-DESKTOP: 3.75rem;
--IDS-INPUT--SEARCH__FONT-SIZE-MOBILE: 1rem;
--IDS-INPUT--SEARCH__FONT-SIZE-DESKTOP: 1.125rem;
--IDS-INPUT--SEARCH__PADDING-LEFT: 3.625rem;
--IDS-RADIO__BACKGROUND-COLOR: var(--IDS-COLOR-SECONDARY-95);
--IDS-RADIO__BORDER: var(--IDS-INPUT__BORDER);
--IDS-RADIO--CHECKED__BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-40);
--IDS-RADIO--DISABLED__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-99);
--IDS-RADIO--CHECKED-DISABLED__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-40);
--IDS-RADIO--INVALID__BACKGROUND-COLOR: var(--IDS-COLOR-ERROR-99);
--IDS-SELECT__LINE-HEIGHT: 2.875rem;
--IDS-SELECT-MULTIPLE__DROPDOWN-BORDER-RADIUS: 0.188rem;
--IDS-TEXTAREA__BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-40);
--IDS-TEXTAREA__RESIZER-IMAGE: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' version='1.1' id='svg3' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs3' /%3E%3Cpath d='m 32.734885,3.0472647 c 0.976302,0.9763023 0.300534,1.4780576 -0.675775,2.454367 L 5.8886118,31.431711 C 4.9123102,32.408013 4.5993619,32.874138 3.6230589,31.897836 2.6467573,30.921533 3.4898813,30.441151 4.4661829,29.46485 L 30.142048,3.9168635 c 0.976309,-0.9763094 1.616535,-1.8459011 2.592837,-0.8695988 z' fill='%23396291' id='path2' /%3E%3Cpath d='m 32.60982,17.136263 c 0.502263,0.5256 0.682816,1.052801 0.06139,1.796875 L 19.810332,32.214623 c -0.66115,0.346852 -0.99803,0.166253 -1.500294,-0.359345 -0.502262,-0.525601 -0.718142,-0.721474 -0.196018,-1.425821 L 31.228158,16.914762 c 0.641292,-0.386577 0.879399,-0.30405 1.381662,0.221501 z' fill='%2340775e' id='path2-9' style='stroke-width:0.52627' /%3E%3C/svg%3E%0A");
--IDS-TEXTAREA__PADDING: 0.75rem 0.625rem;
--IDS-TOGGLE__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-40);
--IDS-TOGGLE__KNOB-BACKGROUND-IMAGE: url('data:image/svg+xml,');
--IDS-TOGGLE--CHECKED__BACKGROUND-COLOR: var(--IDS-COLOR-SUCCESS-40);
--IDS-TOGGLE--CHECKED__COLOR: var(--IDS-COLOR-SUCCESS-40);
--IDS-TOGGLE--CHECKED__KNOB-BACKGROUND-IMAGE: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="1rem" height="0.688rem" viewBox="0 0 40 32" fill="none">');
--IDS-TOGGLE--DISABLED__BACKGROUND-COLOR: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
--IDS-TOGGLE--DISABLED__BORDER: 0.063rem dashed var(--IDS-COLOR-NEUTRAL-40);
--IDS-TOGGLE--DISABLED__KNOB-BACKGROUND-IMAGE: url('data:image/svg+xml,');
--IDS-TOGGLE--DISABLED__KNOB-BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-90);
--IDS-TOGGLE--DISABLED-CHECKED__KNOB-BACKGROUND-IMAGE: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="1rem" height="0.688rem" viewBox="0 0 40 32" fill="none">');
--IDS-RANGE__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-100);
--IDS-RANGE__BORDER-COLOR: var(--IDS-COLOR-ACCENT-40);
--IDS-RANGE__THUMB-BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-40);
--IDS-RANGE__FILL-BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-40);
--IDS-RANGE__TICK-LINE-COLOR: var(--IDS-COLOR-NEUTRAL-20);
--IDS-RANGE--DISABLED__BORDER-COLOR: var(--IDS-COLOR-NEUTRAL-40);
--IDS-RANGE--DISABLED__FILL-BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-40);
--IDS-ACCORDION__BORDER-BOTTOM: 0.063rem solid var(--IDS-COLOR-NEUTRAL-40);
--IDS-ALERT__ICON-COLOR: var(--IDS-COLOR-NEUTRAL-20);
--IDS-ALERT__HEADLINE-FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
--IDS-ALERT__HEADLINE-FONT-WEIGHT: 600;
--IDS-ALERT__COLOR: var(--IDS-COLOR-NEUTRAL-20);
--IDS-ALERT--INFO__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-99);
--IDS-ALERT--INFO__BORDER-COLOR: var(--IDS-COLOR-NEUTRAL-40);
--IDS-ALERT--INFO__ICON-COLOR: var(--IDS-COLOR-NEUTRAL-20);
--IDS-ALERT--ATTENTION__BACKGROUND-COLOR: var(--IDS-COLOR-ATTENTION-95);
--IDS-ALERT--ATTENTION__BORDER-COLOR: var(--IDS-COLOR-NEUTRAL-40);
--IDS-ALERT--ATTENTION__ICON-COLOR: var(--IDS-COLOR-NEUTRAL-20);
--IDS-ALERT--SUCCESS__BACKGROUND-COLOR: var(--IDS-COLOR-SUCCESS-99);
--IDS-ALERT--SUCCESS__BORDER-COLOR: var(--IDS-COLOR-SUCCESS-40);
--IDS-ALERT--SUCCESS__ICON-COLOR: var(--IDS-COLOR-SUCCESS-40);
--IDS-ALERT--ERROR__BACKGROUND-COLOR: var(--IDS-COLOR-ERROR-99);
--IDS-ALERT--ERROR__BORDER-COLOR: var(--IDS-COLOR-ERROR-40);
--IDS-ALERT--ERROR__ICON-COLOR: var(--IDS-COLOR-ERROR-40);
--IDS-ALERT-GLOBAL__BACKGROUND-COLOR: var(--IDS-COLOR-ATTENTION-95);
--IDS-ALERT-GLOBAL__COLOR: var(--IDS-COLOR-NEUTRAL-20);
--IDS-ALERT-GLOBAL__HEADLINE-FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
--IDS-ALERT-GLOBAL__ICON-COLOR-1: var(--IDS-COLOR-NEUTRAL-20);
--IDS-ALERT-GLOBAL__ICON-COLOR-2: var(--IDS-COLOR-NEUTRAL-20);
--IDS-ALERT-GLOBAL-CHEVRON__COLOR: var(--IDS-COLOR-ON-ATTENTION-95);
--IDS-ALERT-GLOBAL-HEADLINE-COLOR: var(--IDS-COLOR-NEUTRAL-20);
--IDS-BADGE__COLOR: var(--IDS-COLOR-NEUTRAL-20);
--IDS-BADGE--PRIMARY__BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-40);
--IDS-BADGE--PRIMARY__BORDER: 0.063rem solid var(--IDS-COLOR-PRIMARY-40);
--IDS-BADGE--PRIMARY__COLOR: var(--IDS-COLOR-NEUTRAL-100);
--IDS-BADGE--NEUTRAL__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-90);
--IDS-BADGE--NEUTRAL__BORDER: 0.063rem solid var(--IDS-COLOR-NEUTRAL-40);
--IDS-BADGE--NEUTRAL__COLOR: var(--IDS-COLOR-NEUTRAL-20);
--IDS-BADGE--INFO__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-99);
--IDS-BADGE--INFO__BORDER: 0.063rem solid var(--IDS-COLOR-NEUTRAL-40);
--IDS-BADGE--INFO__COLOR: var(--IDS-COLOR-NEUTRAL-40);
--IDS-BADGE--ATTENTION__BACKGROUND-COLOR: var(--IDS-COLOR-ATTENTION-95);
--IDS-BADGE--ATTENTION__BORDER: 0.063rem solid var(--IDS-COLOR-NEUTRAL-40);
--IDS-BADGE--ATTENTION__COLOR: var(--IDS-COLOR-NEUTRAL-40);
--IDS-BADGE--SUCCESS__BACKGROUND-COLOR: var(--IDS-COLOR-SUCCESS-99);
--IDS-BADGE--SUCCESS__BORDER: 0.063rem solid var(--IDS-COLOR-SUCCESS-40);
--IDS-BADGE--SUCCESS__COLOR: var(--IDS-COLOR-SUCCESS-40);
--IDS-BADGE--ERROR__BACKGROUND-COLOR: var(--IDS-COLOR-ERROR-99);
--IDS-BADGE--ERROR__BORDER: 0.063rem solid var(--IDS-COLOR-ERROR-40);
--IDS-BADGE--ERROR__COLOR: var(--IDS-COLOR-ERROR-40);
--IDS-BADGE--SECONDARY__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-100);
--IDS-BADGE--SECONDARY__BORDER: 0.063rem solid var(--IDS-COLOR-NEUTRAL-40);
--IDS-BADGE--SECONDARY__COLOR: var(--IDS-COLOR-NEUTRAL-40);
--IDS-BREADCRUMBS__COLOR: var(--IDS-COLOR-NEUTRAL-20);
--IDS-BREADCRUMBS-LINK__COLOR: var(--IDS-COLOR-ACCENT-40);
--IDS-BREADCRUMBS-LINK__HOVER-COLOR: var(--IDS-COLOR-ACCENT-30);
--IDS-BUTTON--S__FONT-SIZE: 1rem;
--IDS-BUTTON--S__LINE-HEIGHT: 1.25rem;
--IDS-BUTTON--S__PADDING: 0.188rem 1.438rem;
--IDS-BUTTON--M__LINE-HEIGHT: 1.25rem;
--IDS-BUTTON--M__FONT-SIZE: 1.125rem;
--IDS-BUTTON--M__PADDING: 0.438rem 1.938rem;
--IDS-BUTTON--L__FONT-SIZE: 1.25rem;
--IDS-BUTTON--L__LINE-HEIGHT: 1.5rem;
--IDS-BUTTON--L__PADDING: 0.688rem 2.438rem;
--IDS-BUTTON__FONT-FAMILY: var(--IDS-FONT-FAMILY-BASE);
--IDS-BUTTON__FONT-WEIGHT: 400;
--IDS-BUTTON__BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-40);
--IDS-BUTTON__BORDER: 0.063rem solid var(--IDS-COLOR-ACCENT-40);
--IDS-BUTTON__BORDER-RADIUS: var(--IDS-FORM-INERA__BORDER-RADIUS);
--IDS-BUTTON__ICON-COLOR: var(--IDS-COLOR-ON-ACCENT-40);
--IDS-BUTTON__ICON-COLOR-2: var(--IDS-COLOR-ON-ACCENT-40);
--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-30);
--IDS-BUTTON--ACTIVE__BOX-SHADOW: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.15);
--IDS-BUTTON--ACTIVE__ICON-COLOR: var(--IDS-COLOR-ON-ACCENT-40);
--IDS-BUTTON--ACTIVE__ICON-COLOR-2: var(--IDS-COLOR-ON-ACCENT-40);
--IDS-BUTTON--SECONDARY__COLOR: var(--IDS-COLOR-ACCENT-40);
--IDS-BUTTON--SECONDARY__BORDER: 0.063rem solid var(--IDS-COLOR-ACCENT-40);
--IDS-BUTTON--SECONDARY__ICON-COLOR: var(--IDS-COLOR-ACCENT-30);
--IDS-BUTTON--SECONDARY__ICON-COLOR-2: var(--IDS-COLOR-ACCENT-30);
--IDS-BUTTON--SECONDARY__ICON-BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-99);
--IDS-BUTTON--SECONDARY-ACTIVE__COLOR: var(--IDS-COLOR-ON-ACCENT-30);
--IDS-BUTTON--SECONDARY-ACTIVE__BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-30);
--IDS-BUTTON--SECONDARY-ACTIVE__ICON-COLOR: var(--IDS-COLOR-ON-ACCENT-40);
--IDS-BUTTON--SECONDARY-ACTIVE__ICON-COLOR-2: var(--IDS-COLOR-ON-ACCENT-40);
--IDS-BUTTON--TERTIARY__COLOR: var(--IDS-COLOR-ACCENT-40);
--IDS-BUTTON--TERTIARY__ICON-COLOR: var(--IDS-COLOR-ACCENT-30);
--IDS-BUTTON--TERTIARY__ICON-COLOR-2: var(--IDS-COLOR-ACCENT-30);
--IDS-BUTTON--TERTIARY-ACTIVE__COLOR: var(--IDS-COLOR-ACCENT-30);
--IDS-BUTTON--TERTIARY-ACTIVE__ICON-COLOR: var(--IDS-COLOR-ON-ACCENT-40);
--IDS-BUTTON--TERTIARY-ACTIVE__ICON-COLOR-2: var(--IDS-COLOR-ON-ACCENT-40);
--IDS-BUTTON--DISABLED__COLOR: var(--IDS-COLOR-NEUTRAL-40);
--IDS-BUTTON--DISABLED__BORDER: 0.063rem solid var(--IDS-COLOR-NEUTRAL-90);
--IDS-BUTTON--SEARCH__BORDER-RADIUS: var(--IDS-FORM-INERA__BORDER-RADIUS);
--IDS-BUTTON--SEARCH-S__HEIGHT: 3rem;
--IDS-BUTTON--SEARCH-S__FONT-SIZE: 1.125rem;
--IDS-BUTTON--SEARCH-S__PADDING: 0.75rem 1.75rem;
--IDS-BUTTON--SEARCH-M__HEIGHT: 3rem;
--IDS-BUTTON--SEARCH-M__FONT-SIZE: 1.125rem;
--IDS-BUTTON--SEARCH-M__PADDING: 0.75rem 1.75rem;
--IDS-BUTTON--SEARCH-L__HEIGHT: 3.75rem;
--IDS-BUTTON--SEARCH-L__FONT-SIZE: 1.5rem;
--IDS-BUTTON--SEARCH-L__PADDING: 1rem 2rem;
--IDS-BUTTON--SUBMIT__BORDER-RADIUS: var(--IDS-FORM-INERA__BORDER-RADIUS);
--IDS-BUTTON--SUBMIT-S__HEIGHT: 3rem;
--IDS-BUTTON--SUBMIT-S__FONT-SIZE: 1.125rem;
--IDS-BUTTON--SUBMIT-S__PADDING: 0.75rem 1.75rem;
--IDS-BUTTON--SUBMIT-M__HEIGHT: 3rem;
--IDS-BUTTON--SUBMIT-M__FONT-SIZE: 1.125rem;
--IDS-BUTTON--SUBMIT-M__PADDING: 0.75rem 1.75rem;
--IDS-BUTTON--SUBMIT-L__HEIGHT: 3.75rem;
--IDS-BUTTON--SUBMIT-L__FONT-SIZE: 1.5rem;
--IDS-BUTTON--SUBMIT-L__PADDING: 1rem 2rem;
--IDS-BUTTON--FAB__ICON-COLOR: var(--IDS-COLOR-ACCENT-40);
--IDS-BUTTON--FAB__BORDER: 0.063rem solid var(--IDS-COLOR-NEUTRAL-90);
--IDS-CARD__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-100);
--IDS-CARD__BORDER: 0.063rem solid var(--IDS-COLOR-NEUTRAL-40);
--IDS-CARD__BORDER-RADIUS: var(--IDS-FORM-INERA__BORDER-RADIUS);
--IDS-CARD__COLOR: var(--IDS-COLOR-NEUTRAL-20);
--IDS-CARD--BORDER__BORDER: none;
--IDS-CARD--HOVER__BOX-SHADOW: 0 0 0.625rem 0 rgba(0, 0, 0, 0.3);
--IDS-CARD--FILL__BACKGROUND-COLOR: var(--IDS-COLOR-SECONDARY-95);
--IDS-CARD--FILL__BORDER: 0.063rem solid var(--IDS-COLOR-SECONDARY-95);
--IDS-CARD--FOCUS__BACKGROUND-COLOR: var(--IDS-COLOR-SECONDARY-95);
--IDS-CARD--FOCUS__BORDER: 0.125rem solid var(--IDS-COLOR-PRIMARY-40);
--IDS-CAROUSEL__BACKGROUND-COLOR: var(--IDS-COLOR-SECONDARY-95);
--IDS-CAROUSEL__FONT-FAMILY: var(--IDS-FONT-FAMILY-BASE);
--IDS-CAROUSEL__COLOR: var(--IDS-COLOR-NEUTRAL-20);
--IDS-CAROUSEL-HEADLINE__FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
--IDS-CAROUSEL-SLIDES__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-100);
--IDS-CAROUSEL-DESCRIPTION__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-100);
--IDS-CAROUSEL-ICON__COLOR: var(--IDS-COLOR-ACCENT-40);
--IDS-CAROUSEL-ICON__BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-40);
--IDS-DATA-TABLE__BORDER-RADIUS: 0.313rem 0.313rem 0.313rem 0.313rem;
--IDS-DATA-TABLE__BORDER-TOP-RADIUS: 0.313rem;
--IDS-DATA-TABLE__BORDER-BOTTOM-RADIUS: 0.313rem;
--IDS-DATA-TABLE__HEAD-FONT-FAMILY: var(--IDS-FONT-FAMILY-BASE);
--IDS-DATA-TABLE__HEAD-BACKGROUND_COLOR: var(--IDS-COLOR-SECONDARY-90);
--IDS-DATA-TABLE__CELL-BACKGROUND_COLOR: var(--IDS-COLOR-NEUTRAL-100);
--IDS-DATA-TABLE__ROW--SELECTED__COLOR: var(--IDS-COLOR-SECONDARY-90);
--IDS-DATA-TABLE__CELL-BORDER_COLOR: var(--IDS-COLOR-NEUTRAL-40);
--IDS-DATA-TABLE--HOVER-OUTLINE: var(--IDS-COLOR-NEUTRAL-40);
--IDS-DATE-LABEL__DAY-FONT-FAMILY: var(--IDS-FONT-FAMILY-BASE);
--IDS-DATE-LABEL__DAY-COLOR: var(--IDS-COLOR-ACCENT-40);
--IDS-DATE-LABEL__MONTH-FONT-FAMILY: var(--IDS-FONT-FAMILY-BASE);
--IDS-DATE-LABEL__MONTH-COLOR: var(--IDS-COLOR-NEUTRAL-20);
--IDS-DATE-LABEL__YEAR-FONT-FAMILY: var(--IDS-FONT-FAMILY-BASE);
--IDS-DATE-LABEL__YEAR-COLOR: var(--IDS-COLOR-NEUTRAL-20);
--IDS-DESCRIPTION-LIST__DISPLAY: flex;
--IDS-DESCRIPTION-LIST__BORDER: 0;
--IDS-DESCRIPTION-LIST__BORDER-RADIUS: 0;
--IDS-DESCRIPTION-LIST__PADDING: 0;
--IDS-DESCRIPTION-LIST__TERM-BACKGROUND-COLOR: transparent;
--IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT: 600;
--IDS-DESCRIPTION-LIST__DESCRIPTION-MARGIN-BOTTOM: 0.75rem;
--IDS-DESCRIPTION-LIST--COLUMN__DISPLAY: grid;
--IDS-DESCRIPTION-LIST--COLUMN__BORDER: 0.063rem solid var(--IDS-COLOR-NEUTRAL-40);
--IDS-DESCRIPTION-LIST--COLUMN__BORDER-RADIUS: 0.313rem;
--IDS-DESCRIPTION-LIST--COLUMN__PADDING: 0.5rem 1rem;
--IDS-DESCRIPTION-LIST--COLUMN__TERM-BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-99);
--IDS-DESCRIPTION-LIST--COLUMN__DESCRIPTION-MARGIN-BOTTOM: 0;
--IDS-DIALOG__COLOR: var(--IDS-COLOR-NEUTRAL-20);
--IDS-DIALOG__BORDER-COLOR: var(--IDS-COLOR-NEUTRAL-40);
--IDS-DIALOG__BORDER-RADIUS: var(--IDS-FORM-INERA__BORDER-RADIUS);
--IDS-DIALOG__HEADLINE-FONT-WEIGHT: 600;
--IDS-DIALOG__HEADLINE-COLOR: var(--IDS-COLOR-PRIMARY-40);
--IDS-DIALOG__HEADLINE-FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
--IDS-DROPDOWN__BORDER-COLOR: var(--IDS-COLOR-NEUTRAL-40);
--IDS-DROPDOWN__LINK-BORDER-RADIUS: 0.188rem;
--IDS-EXPANDABLE__BORDER-BOTTOM: 0.063rem solid var(--IDS-COLOR-NEUTRAL-40);
--IDS-EXPANDABLE__HEADLINE-COLOR: var(--IDS-COLOR-ACCENT-40);
--IDS-EXPANDABLE__HEADLINE-FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
--IDS-EXPANDABLE__HEADLINE-FONT-WEIGHT: 600;
--IDS-EXPANDABLE__HEADLINE-FONT-SIZE: 1.75rem;
--IDS-EXPANDABLE__HEADLINE-2-COLOR: var(--IDS-COLOR-NEUTRAL-20);
--IDS-EXPANDABLE__ICON-2-COLOR: var(--IDS-COLOR-ACCENT-40);
--IDS-EXPANDABLE--MOBILE__HEADLINE-FONT-SIZE: 1.75rem;
--IDS-EXPANDABLE--CHILD__HEADLINE-FONT-SIZE: 1.25rem;
--IDS-FOCUS-CARD__BACKGROUND-COLOR: var(--IDS-COLOR-SECONDARY-95);
--IDS-FOCUS-CARD__BORDER-RADIUS: 0.1875rem;
--IDS-FOCUS-CARD__BORDER-COLOR: var(--IDS-COLOR-PRIMARY-40);
--IDS-FOCUS-CARD__ICON-COLOR: var(--IDS-COLOR-PRIMARY-40);
--IDS-FOCUS-CARD__ICON-BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-100);
--IDS-HEADER-INERA__ITEM-ICON-COLOR: #e3abc1;
--IDS-HEADER-INERA__ITEM-ICON-COLOR-2: var(--IDS-COLOR-PRIMARY-40);
--IDS-HEADER-PATIENT__PADDING-DESKTOP: 0.75rem;
--IDS-HEADER-PATIENT__BACKGROUND-COLOR: var(--IDS-COLOR-SECONDARY-95);
--IDS-ICON__COLOR: var(--IDS-COLOR-ACCENT-40);
--IDS-ICON__COLOR-2: var(--IDS-COLOR-ACCENT-40);
--IDS-ICON--ACTIVE-COLOR: var(--IDS-COLOR-ACCENT-30);
--IDS-ICON--DISABLED-COLOR: var(--IDS-COLOR-NEUTRAL-90);
--IDS-ICON--INVALID-COLOR: var(--IDS-COLOR-ERROR-40);
--IDS-ICON--SUCCESS-COLOR: var(--IDS-COLOR-SUCCESS-40);
--IDS-ICON__COLOR-PRESET-1: var(--IDS-COLOR-ACCENT-40);
--IDS-ICON__COLOR-PRESET-1-2: var(--IDS-COLOR-ACCENT-40);
--IDS-ICON__COLOR-PRESET-2: var(--IDS-COLOR-PRIMARY-40);
--IDS-ICON__COLOR-PRESET-2-2: var(--IDS-COLOR-PRIMARY-40);
--IDS-ICON__COLOR-PRESET-3: var(--IDS-COLOR-NEUTRAL-40);
--IDS-ICON__COLOR-PRESET-3-2: var(--IDS-COLOR-NEUTRAL-40);
--IDS-ICON__COLOR-PRESET-4: var(--IDS-COLOR-NEUTRAL-100);
--IDS-ICON__COLOR-PRESET-4-2: var(--IDS-COLOR-NEUTRAL-100);
--IDS-LINK__FONT-FAMILY: var(--IDS-FONT-FAMILY-BASE);
--IDS-LINK--COLOR-PRESET-1__COLOR: var(--IDS-COLOR-ACCENT-40);
--IDS-LINK--COLOR-PRESET-1__HOVER-COLOR: var(--IDS-COLOR-ACCENT-30);
--IDS-LINK--COLOR-PRESET-2__COLOR: var(--IDS-COLOR-PRIMARY-40);
--IDS-LINK--COLOR-PRESET-2__HOVER-COLOR: var(--IDS-COLOR-PRIMARY-30);
--IDS-LINK--COLOR-PRESET-3__COLOR: var(--IDS-COLOR-NEUTRAL-20);
--IDS-LINK--COLOR-PRESET-3__HOVER-COLOR: black;
--IDS-LINK--BOX__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-99);
--IDS-LINK--BOX__BOX-SHADOW: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
--IDS-LIST__HEADING-COLOR: var(--IDS-COLOR-ACCENT-40);
--IDS-LIST__BORDER: var(--IDS-COLOR-NEUTRAL-90);
--IDS-LIST__COLOR: var(--IDS-COLOR-NEUTRAL-20);
--IDS-LIST__ITEM-INFO-COLOR: var(--IDS-COLOR-NEUTRAL-20);
--IDS-LIST-PAGINATION__LINK-FONT-FAMILY: var(--IDS-FONT-FAMILY-BASE);
--IDS-MOBILE-MENU-ITEM__FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
--IDS-MOBILE-MENU-ITEM__BEFORE-BACKGROUND-COLOR: var(--IDS-COLOR-SECONDARY-90);
--IDS-MOBILE-MENU-ITEM--HOVER__BEFORE-BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-30);
--IDS-MOBILE-MENU-ITEM__BACKGROUND-COLOR: var(--IDS-COLOR-SECONDARY-90);
--IDS-MOBILE-MENU-ITEM__COLOR: var(--IDS-COLOR-PRIMARY-40);
--IDS-MOBILE-MENU-ITEM__BORDER-BOTTOM: 0.063rem solid var(--IDS-COLOR-NEUTRAL-40);
--IDS-MOBILE-MENU-ITEM__FONT-WEIGHT: 600;
--IDS-MOBILE-MENU-ITEM__ICON-COLOR: var(--IDS-COLOR-PRIMARY-40);
--IDS-MOBILE-MENU-ITEM--ACTIVE__BEFORE-BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-40);
--IDS-MOBILE-MENU-ITEM--EXPANDED__BACKGROUND-COLOR: var(--IDS-COLOR-SECONDARY-90);
--IDS-MOBILE-MENU-ITEM--FOCUS__OUTLINE-COLOR: var(--IDS-FOCUS__OUTLINE-COLOR);
--IDS-MOBILE-MENU-ITEM-SECONDARY__ICON-COLOR: var(--IDS-COLOR-PRIMARY-40);
--IDS-MOBILE-MENU-ITEM-SECONDARY__COLOR: var(--IDS-COLOR-PRIMARY-40);
--IDS-MOBILE-MENU-ITEM-SECONDARY__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-100);
--IDS-MOBILE-MENU-ITEM-SECONDARY__BEFORE-BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-100);
--IDS-MOBILE-MENU-ITEM-SECONDARY--HOVER__BEFORE-BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-30);
--IDS-MOBILE-MENU-ITEM-SECONDARY--FOCUS__OUTLINE-COLOR: var(--IDS-FOCUS__OUTLINE-COLOR);
--IDS-MOBILE-MENU-ITEM-SECONDARY--ACTIVE__BEFORE-BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-40);
--IDS-MOBILE-MENU-ITEM--L2__FONT-WEIGHT: normal;
--IDS-MOBILE-MENU-ITEM--L2__COLOR: var(--IDS-COLOR-PRIMARY-40);
--IDS-MOBILE-MENU-ITEM--L2__ICON-COLOR: var(--IDS-COLOR-PRIMARY-40);
--IDS-MOBILE-MENU-ITEM--L2__BORDER-BOTTOM: 0.063rem solid var(--IDS-COLOR-NEUTRAL-40);
--IDS-MOBILE-MENU-ITEM--L2__BEFORE-BACKGROUND-COLOR: var(--IDS-COLOR-SECONDARY-40);
--IDS-MOBILE-MENU-ITEM--L2__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-100);
--IDS-MOBILE-MENU-ITEM--L2-HOVER__COLOR: var(--IDS-COLOR-PRIMARY-30);
--IDS-MOBILE-MENU-ITEM--L2-HOVER__BEFORE-BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-30);
--IDS-MOBILE-MENU-ITEM--L2-ACTIVE__BEFORE-BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-40);
--IDS-MOBILE-MENU-ITEM--L2-HAS-CHILDREN__FONT-WEIGHT: normal;
--IDS-MOBILE-MENU-ITEM--L2-FOCUS__OUTLINE-COLOR: var(--IDS-FOCUS__OUTLINE-COLOR);
--IDS-MOBILE-MENU-2-ITEM__ICON-COLOR: var(--IDS-COLOR-NEUTRAL-100);
--IDS-MOBILE-MENU-2-ITEM__BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-40);
--IDS-MOBILE-MENU-2-ITEM__COLOR: var(--IDS-COLOR-NEUTRAL-100);
--IDS-MOBILE-MENU-2-ITEM__BORDER-BOTTOM-COLOR: var(--IDS-COLOR-NEUTRAL-100);
--IDS-MOBILE-MENU-2-ITEM__ICON__COLOR: var(--IDS-COLOR-NEUTRAL-100);
--IDS-MOBILE-MENU-2-ITEM__FONT-WEIGHT: 600;
--IDS-MOBILE-MENU-2-ITEM__BEFORE-BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-40);
--IDS-MOBILE-MENU-2-ITEM--HOVER__COLOR: var(--IDS-COLOR-NEUTRAL-100);
--IDS-MOBILE-MENU-2-ITEM--HOVER__BEFORE-BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-100);
--IDS-MOBILE-MENU-2-ITEM--FOCUS__OUTLINE-COLOR: var(--IDS-COLOR-NEUTRAL-100);
--IDS-MOBILE-MENU-2-ITEM--L2__BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-40);
--IDS-MOBILE-MENU-2-ITEM--L2__COLOR: var(--IDS-COLOR-NEUTRAL-100);
--IDS-MOBILE-MENU-2-ITEM--L2__BORDER-BOTTOM-COLOR: var(--IDS-COLOR-NEUTRAL-100);
--IDS-MOBILE-MENU-2-ITEM--L2__ICON-COLOR: var(--IDS-COLOR-NEUTRAL-100);
--IDS-MOBILE-MENU-2-ITEM--L2__FONT-WEIGHT: normal;
--IDS-MOBILE-MENU-2-ITEM--L2__BEFORE-BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-40);
--IDS-MOBILE-MENU-2-ITEM--L2-HOVER__COLOR: var(--IDS-COLOR-NEUTRAL-100);
--IDS-MOBILE-MENU-2-ITEM--L2-HOVER__BEFORE-BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-100);
--IDS-MOBILE-MENU-2-ITEM--L2-FOCUS__OUTLINE-COLOR: var(--IDS-COLOR-NEUTRAL-100);
--IDS-MOBILE-MENU-2-ITEM--L3__BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-40);
--IDS-MOBILE-MENU-2-ITEM--L3__BORDER-BOTTOM-COLOR: var(--IDS-COLOR-NEUTRAL-100);
--IDS-MOBILE-MENU-2-ITEM--L3__COLOR: var(--IDS-COLOR-NEUTRAL-100);
--IDS-MOBILE-MENU-2-ITEM--L3__BEFORE-BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-40);
--IDS-MOBILE-MENU-2-ITEM--L3-HOVER__COLOR: var(--IDS-COLOR-NEUTRAL-100);
--IDS-MOBILE-MENU-2-ITEM--L3-HOVER__BEFORE-BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-100);
--IDS-MOBILE-MENU-2-ITEM--L3-FOCUS__OUTLINE-COLOR: var(--IDS-COLOR-NEUTRAL-100);
--IDS-NAVIGATION-CONTENT__BORDER-RADIUS: var(--IDS-FORM-INERA__BORDER-RADIUS);
--IDS-NAVIGATION-CONTENT__COLOR: var(--IDS-COLOR-NEUTRAL-20);
--IDS-NAVIGATION-CONTENT__FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
--IDS-NAVIGATION-CONTENT__FONT-WEIGHT: 600;
--IDS-NAVIGATION-CONTENT__FONT-SIZE: 1.25rem;
--IDS-NAVIGATION-CONTENT__LINE-HEIGHT: 1.375rem;
--IDS-NAVIGATION-CONTENT__PADDING-BOTTOM: 0.313rem;
--IDS-NAVIGATION-CONTENT__ITEM-BORDER-TOP: 0.063rem solid var(--IDS-COLOR-NEUTRAL-90);
--IDS-NAVIGATION-LOCAL__BORDER: 0.063rem solid var(--IDS-COLOR-NEUTRAL-90);
--IDS-NAVIGATION-LOCAL__HOVER-BORDER: 0.063rem solid var(--IDS-COLOR-NEUTRAL-90);
--IDS-NAVIGATION-LOCAL--ACTIVE-BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-40);
--IDS-NAVIGATION-LOCAL--ACTIVE-HOVER-BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-30);
--IDS-NAVIGATION-LOCAL__LINK-COLOR: var(--IDS-LINK--COLOR-PRESET-1__COLOR);
--IDS-NAVIGATION-LOCAL__LINK--HOVER-COLOR: var(--IDS-LINK--COLOR-PRESET-1__HOVER-COLOR);
--IDS-NOTIFICATION-BADGE--PRIMARY__BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-40);
--IDS-NOTIFICATION-BADGE--PRIMARY__BORDER: 0.063rem solid var(--IDS-COLOR-PRIMARY-40);
--IDS-NOTIFICATION-BADGE--PRIMARY__COLOR: var(--IDS-COLOR-NEUTRAL-100);
--IDS-NOTIFICATION-BADGE--NEUTRAL__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-90);
--IDS-NOTIFICATION-BADGE--NEUTRAL__BORDER: 0.063rem solid var(--IDS-COLOR-NEUTRAL-40);
--IDS-NOTIFICATION-BADGE--NEUTRAL__COLOR: var(--IDS-COLOR-NEUTRAL-20);
--IDS-NOTIFICATION-BADGE--INFO__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-99);
--IDS-NOTIFICATION-BADGE--INFO__BORDER: 0.063rem solid var(--IDS-COLOR-NEUTRAL-40);
--IDS-NOTIFICATION-BADGE--INFO__COLOR: var(--IDS-COLOR-NEUTRAL-20);
--IDS-NOTIFICATION-BADGE--ATTENTION__BACKGROUND-COLOR: var(--IDS-COLOR-ATTENTION-95);
--IDS-NOTIFICATION-BADGE--ATTENTION__BORDER: 0.063rem solid var(--IDS-COLOR-NEUTRAL-40);
--IDS-NOTIFICATION-BADGE--ATTENTION__COLOR: var(--IDS-COLOR-NEUTRAL-20);
--IDS-NOTIFICATION-BADGE--SUCCESS__BACKGROUND-COLOR: var(--IDS-COLOR-SUCCESS-99);
--IDS-NOTIFICATION-BADGE--SUCCESS__BORDER: 0.063rem solid var(--IDS-COLOR-SUCCESS-40);
--IDS-NOTIFICATION-BADGE--SUCCESS__COLOR: var(--IDS-COLOR-NEUTRAL-20);
--IDS-NOTIFICATION-BADGE--ERROR__BACKGROUND-COLOR: var(--IDS-COLOR-ERROR-99);
--IDS-NOTIFICATION-BADGE--ERROR__BORDER: 0.063rem solid var(--IDS-COLOR-ERROR-40);
--IDS-NOTIFICATION-BADGE--ERROR__COLOR: var(--IDS-COLOR-NEUTRAL-20);
--IDS-NOTIFICATION-BADGE--SECONDARY__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-100);
--IDS-NOTIFICATION-BADGE--SECONDARY__BORDER: 0.063rem solid var(--IDS-COLOR-NEUTRAL-40);
--IDS-NOTIFICATION-BADGE--SECONDARY__COLOR: var(--IDS-COLOR-NEUTRAL-20);
--IDS-POPOVER-CONTENT__BORDER: var(--IDS-COLOR-NEUTRAL-40);
--IDS-POPOVER-CONTENT__BORDER-RADIUS: 0.188rem;
--IDS-POPOVER__ICON-COLOR: var(--IDS-COLOR-ACCENT-40);
--IDS-PROGRESSBAR__BORDER-COLOR: 0.063rem solid var(--IDS-COLOR-ACCENT-40);
--IDS-PROGRESSBAR__PROGRESS-COLOR: var(--IDS-COLOR-ACCENT-40);
--IDS-PROGRESSBAR__LABEL-COLOR: var(--IDS-COLOR-NEUTRAL-20);
--IDS-SIDE-MENU__ICON-COLOR: var(--IDS-COLOR-PRIMARY-40);
--IDS-SIDE-MENU--ACTIVE__HEADER-BORDER-COLOR: var(--IDS-COLOR-PRIMARY-40);
--IDS-SIDE-MENU__LINK-COLOR: var(--IDS-COLOR-PRIMARY-40);
--IDS-SIDE-MENU__LINK--HOVER-COLOR: var(--IDS-COLOR-PRIMARY-30);
--IDS-SIDE-MENU__LABEL--ACTIVE-BACKGROUND-COLOR: var(--IDS-COLOR-SECONDARY-90);
--IDS-SIDE-PANEL__BORDER-COLOR: var(--IDS-COLOR-NEUTRAL-40);
--IDS-SIDE-PANEL__FOOTER-BORDER-TOP-COLOR: var(--IDS-COLOR-NEUTRAL-90);
--IDS-SIDE-PANEL__FOOTER-BORDER-BOTTOM-COLOR: var(--IDS-COLOR-PRIMARY-40);
--IDS-STEP__BORDER: 0.063rem solid var(--IDS-COLOR-ACCENT-40);
--IDS-STEP__HEADLINE-FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
--IDS-STEP__HEADLINE-COLOR: var(--IDS-COLOR-ACCENT-40);
--IDS-STEP__HEADLINE-LETTER-SPACING: 0;
--IDS-STEP__LABEL-COLOR: var(--IDS-COLOR-NEUTRAL-20);
--IDS-STEP--DISABLED__HEADLINE-COLOR: var(--IDS-COLOR-NEUTRAL-40);
--IDS-STEP--DISABLED__LABEL-COLOR: var(--IDS-COLOR-NEUTRAL-40);
--IDS-STEP__AFTER-BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-40);
--IDS-STEP__INDICATOR-BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-99);
--IDS-STEP__INDICATOR-BORDER: 0.063rem solid var(--IDS-COLOR-ACCENT-40);
--IDS-STEP__INDICATOR-COLOR: var(--IDS-COLOR-ACCENT-40);
--IDS-STEP__INDICATOR-FONT-FAMILY: var(--IDS-FONT-FAMILY-BASE);
--IDS-STEP__CHEVRON-COLOR: var(--IDS-COLOR-ACCENT-40);
--IDS-STEP--SELECTED__INDICATOR-BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-40);
--IDS-STEP--VALID__INDICATOR-ICON-COLOR: var(--IDS-COLOR-SUCCESS-40);
--IDS-STEP--VALID__INDICATOR-BACKGROUND-COLOR: var(--IDS-COLOR-SUCCESS-99);
--IDS-STEP--VALID__INDICATOR-BORDER: 0.063rem solid var(--IDS-COLOR-SUCCESS-40);
--IDS-STEP--INVALID__INDICATOR-ICON-COLOR: var(--IDS-COLOR-ERROR-40);
--IDS-STEP--INVALID__INDICATOR-BACKGROUND-COLOR: var(--IDS-COLOR-ERROR-99);
--IDS-STEP--INVALID__INDICATOR-BORDER: 0.063rem solid var(--IDS-COLOR-ERROR-40);
--IDS-SPINNER__COLOR: var(--IDS-COLOR-ACCENT-40);
--IDS-TABLE__BORDER-BOTTOM: 0.063rem solid var(--IDS-COLOR-NEUTRAL-40);
--IDS-TABLE__BORDER-RADIUS: 0.313rem;
--IDS-TABLE__BORDER-TOP: 0.063rem solid var(--IDS-COLOR-NEUTRAL-40);
--IDS-TABLE__BORDER-LR: 0.063rem solid var(--IDS-COLOR-NEUTRAL-40);
--IDS-TABLE__HEAD-BACKGROUND-COLOR: var(--IDS-COLOR-SECONDARY-90);
--IDS-TABLE__CELL-BORDER: 0.063rem solid var(--IDS-COLOR-NEUTRAL-40);
--IDS-TABS__BORDER-BOTTOM-COLOR: var(--IDS-COLOR-NEUTRAL-90);
--IDS-TAB__BORDER-COLOR: var(--IDS-COLOR-NEUTRAL-40);
--IDS-TAB__BORDER-RADIUS: 0.188rem 0.188rem 0 0;
--IDS-TAB__COLOR: var(--IDS-COLOR-ACCENT-40);
--IDS-TAB__ICON-COLOR: var(--IDS-COLOR-ACCENT-40);
--IDS-TAB__ICON-COLOR-2: var(--IDS-COLOR-ACCENT-40);
--IDS-TAB--SELECTED_COLOR: var(--IDS-COLOR-ACCENT-30);
--IDS-TAB--SELECTED-BORDER-COLOR: var(--IDS-COLOR-ACCENT-40);
--IDS-TAB--SELECTED__BEFORE-CONTENT: none;
--IDS-TAB--SELECTED__BORDER-HEIGHT: 0.25rem;
--IDS-TAG__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-100);
--IDS-TAG__BORDER-COLOR: var(--IDS-COLOR-NEUTRAL-40);
--IDS-TAG__BORDER-RADIUS: 0.313rem;
--IDS-TAG__PADDING: 0.438rem 0.938rem;
--IDS-TAG__COLOR: var(--IDS-COLOR-NEUTRAL-20);
--IDS-TAG--INTERACTIVE__COLOR: var(--IDS-COLOR-ACCENT-40);
--IDS-TAG--INTERACTIVE__BORDER-COLOR: var(--IDS-COLOR-ACCENT-40);
--IDS-TAG--INTERACTIVE__FONT-WEIGHT: normal;
--IDS-TAG--INTERACTIVE-HOVER__COLOR: var(--IDS-COLOR-ACCENT-30);
--IDS-TAG__ICON-COLOR: var(--IDS-COLOR-ACCENT-40);
--IDS-TOOLTIP__COLOR: var(--IDS-COLOR-NEUTRAL-20);
--IDS-TOOLTIP__BORDER-COLOR: var(--IDS-COLOR-NEUTRAL-40);
}
ids-input input[type=search]::-webkit-search-cancel-button,
ids-input input[type=search]::-webkit-search-results-button,
ids-input input[type=search]::-webkit-search-results-decoration {
appearance: none;
-webkit-appearance: none;
display: none;
}
.ids-divider {
width: 100%;
height: 0.063rem;
background-color: var(--IDS-COLOR-NEUTRAL-40);
border: none;
}
.ids-scrollbar::-webkit-scrollbar {
width: 0.625rem;
}
.ids-scrollbar::-webkit-scrollbar-thumb {
cursor: auto;
background: var(--IDS-SCROLL__THUMB-COLOR);
border-radius: 0.625rem;
border: 0.125rem solid var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);
}
.ids-scrollbar::-webkit-scrollbar-thumb:hover {
background: var(--IDS-SCROLL__THUMB-HOVER-COLOR);
}
.ids-scrollbar::-webkit-scrollbar-track {
background: var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);
border-radius: 0.625rem;
outline: 0.0625rem solid var(--IDS-SCROLL__TRACK-OUTLINE-COLOR);
}
.ids-scrollbar::-webkit-scrollbar-corner {
background-color: transparent;
}
.ids-label {
color: var(--IDS-FORM-LABEL__COLOR);
font-family: var(--IDS-FORM-LABEL__FONT-FAMILY);
font-size: var(--IDS-FORM-LABEL__FONT-SIZE);
font-style: normal;
font-weight: var(--IDS-FORM-LABEL__FONT-WEIGHT);
letter-spacing: var(--IDS-FORM-LABEL__LETTER-SPACING);
line-height: var(--IDS-FORM-LABEL__HEIGHT);
min-height: 1.25rem;
min-width: 1.5rem;
margin-bottom: 0.25rem;
}
.ids-label.ids-label--clickable {
cursor: pointer !important;
}
.ids-label.ids-label--disabled {
font-style: italic;
color: var(--IDS-FORM-LABEL--DISABLED__COLOR);
cursor: default !important;
}
.ids-label.ids-label--no-label {
display: none;
}
.ids-label-tooltip-wrapper {
display: inline-flex;
align-items: flex-start;
gap: 0.5rem;
}
.ids-label-tooltip-wrapper.ids-label-tooltip-wrapper--block {
width: 100%;
}
.ids-label-tooltip-wrapper.ids-label-tooltip-wrapper--inline {
display: inline;
}
.ids-label-tooltip-wrapper.ids-label-tooltip-wrapper--inline label {
display: inline;
margin-right: 0.5rem;
position: relative;
top: -0.1875rem;
}
.ids-show-inera {
display: block;
}
.ids-show-inera-force {
display: block !important;
}
.ids-show-inera-all {
display: block !important;
}
.ids-hide-inera {
display: none;
}
:root,
:host {
--IDS-INPUT__HEIGHT: 2.25rem;
--IDS-INPUT__PADDING: 0 1rem;
--IDS-INPUT__ICON-RIGHT: 1.125rem;
--IDS-BUTTON--SEARCH-M__HEIGHT: 2.25rem;
--IDS-BUTTON--SEARCH-M__FONT-SIZE: 1rem;
--IDS-BUTTON--SEARCH-M__PADDING: 0.5rem 1.5rem;
--IDS-BUTTON--FAB__ICON-COLOR: var(--IDS-COLOR-ACCENT-40);
--IDS-SELECT__LINE-HEIGHT: 2.125rem;
--IDS-TEXTAREA__PADDING: 0.5rem 0.625rem;
--IDS-DESCRIPTION-LIST__DISPLAY: flex;
--IDS-DESCRIPTION-LIST__BORDER: 0;
--IDS-DESCRIPTION-LIST__BORDER-RADIUS: 0;
--IDS-DESCRIPTION-LIST__PADDING: 0;
--IDS-DESCRIPTION-LIST__TERM-BACKGROUND-COLOR: transparent;
--IDS-DESCRIPTION-LIST__DESCRIPTION-MARGIN-BOTTOM: 0.75rem;
--IDS-DESCRIPTION-LIST--COLUMN__DISPLAY: grid;
--IDS-DESCRIPTION-LIST--COLUMN__BORDER: 0.063rem solid var(--IDS-COLOR-NEUTRAL-40);
--IDS-DESCRIPTION-LIST--COLUMN__BORDER-RADIUS: 0.313rem;
--IDS-DESCRIPTION-LIST--COLUMN__PADDING: 0.5rem 1rem;
--IDS-DESCRIPTION-LIST--COLUMN__TERM-BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-99);
--IDS-DESCRIPTION-LIST--COLUMN__DESCRIPTION-MARGIN-BOTTOM: 0;
--IDS-HEADER-INERA__ITEM-ICON-COLOR: var(--IDS-COLOR-PRIMARY-40);
--IDS-MOBILE-MENU-2-ITEM__ICON-COLOR: var(--IDS-COLOR-NEUTRAL-20);
--IDS-MOBILE-MENU-2-ITEM__BACKGROUND-COLOR: var(--IDS-COLOR-SECONDARY-90);
--IDS-MOBILE-MENU-2-ITEM__COLOR: var(--IDS-COLOR-ON-SECONDARY-90);
--IDS-MOBILE-MENU-2-ITEM__BORDER-BOTTOM-COLOR: var(--IDS-COLOR-NEUTRAL-40);
--IDS-MOBILE-MENU-2-ITEM__ICON__COLOR: var(--IDS-COLOR-ON-SECONDARY-90);
--IDS-MOBILE-MENU-2-ITEM__BEFORE-BACKGROUND-COLOR: var(--IDS-COLOR-SECONDARY-90);
--IDS-MOBILE-MENU-2-ITEM--HOVER__COLOR: var(--IDS-COLOR-ON-SECONDARY-90);
--IDS-MOBILE-MENU-2-ITEM--HOVER__BEFORE-BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-30);
--IDS-MOBILE-MENU-2-ITEM--FOCUS__OUTLINE-COLOR: var(--IDS-FOCUS__OUTLINE-COLOR);
--IDS-MOBILE-MENU-2-ITEM--L2__BACKGROUND-COLOR: var(--IDS-COLOR-SECONDARY-90);
--IDS-MOBILE-MENU-2-ITEM--L2__COLOR: var(--IDS-COLOR-ON-SECONDARY-90);
--IDS-MOBILE-MENU-2-ITEM--L2__BORDER-BOTTOM-COLOR: var(--IDS-COLOR-NEUTRAL-40);
--IDS-MOBILE-MENU-2-ITEM--L2__ICON-COLOR: var(--IDS-COLOR-ON-SECONDARY-90);
--IDS-MOBILE-MENU-2-ITEM--L2__BEFORE-BACKGROUND-COLOR: var(--IDS-COLOR-SECONDARY-90);
--IDS-MOBILE-MENU-2-ITEM--L2-HOVER__COLOR: var(--IDS-COLOR-ON-SECONDARY-90);
--IDS-MOBILE-MENU-2-ITEM--L2-HOVER__BEFORE-BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-30);
--IDS-MOBILE-MENU-2-ITEM--L2-FOCUS__OUTLINE-COLOR: var(--IDS-FOCUS__OUTLINE-COLOR);
--IDS-MOBILE-MENU-2-ITEM--L3__BACKGROUND-COLOR: var(--IDS-COLOR-SECONDARY-90);
--IDS-MOBILE-MENU-2-ITEM--L3__COLOR: var(--IDS-COLOR-ON-SECONDARY-90);
--IDS-MOBILE-MENU-2-ITEM--L3__BORDER-BOTTOM-COLOR: var(--IDS-COLOR-NEUTRAL-40);
--IDS-MOBILE-MENU-2-ITEM--L3__BEFORE-BACKGROUND-COLOR: var(--IDS-COLOR-SECONDARY-90);
--IDS-MOBILE-MENU-2-ITEM--L3-HOVER__COLOR: var(--IDS-COLOR-ON-SECONDARY-90);
--IDS-MOBILE-MENU-2-ITEM--L3-HOVER__BEFORE-BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-30);
--IDS-MOBILE-MENU-2-ITEM--L3-FOCUS__OUTLINE-COLOR: var(--IDS-FOCUS__OUTLINE-COLOR);
}
.ids-show-inera-admin {
display: block;
}
.ids-show-inera-admin-force {
display: block !important;
}
.ids-show-inera {
display: none;
}
.display-flex {
display: flex;
}
.flex-gap {
gap: 1em;
}
.flex-fill {
flex: 1 1 auto;
}
.flex-column {
flex-direction: column;
}
.align-center {
align-items: center;
}
.justify-self-end {
justify-self: flex-end;
}
.justify-center {
justify-content: center;
}
.justify-end {
justify-content: end;
}
.ids-divider {
background-color: #dadbdc;
}
.full-width {
width: 100%;
}
.text-center {
text-align: center;
}
.content {
margin: 0 auto;
width: 100%;
max-width: 1280px;
}
.side-nav-container {
display: flex;
flex-direction: column;
float: right;
align-items: flex-start;
margin-top: 3rem;
}
.tools {
display: flex;
width: 100%;
flex: 12;
flex-direction: row;
flex-wrap: wrap;
gap: 2.25rem;
}
.tools .tools-container {
display: flex;
float: left;
flex: 9;
flex-direction: column;
}
.hide-label {
display: none;
}
.overflow {
overflow: auto;
}
.selectable {
cursor: pointer;
}
.selectable:hover,
.selectable:focus {
background-color: var(--IDS-COLOR-NEUTRAL-99);
}
table .selectable {
outline: initial !important;
outline-offset: initial !important;
outline-color: initial !important;
}
.cm-editor {
max-height: 70vh;
}
.custom-header {
color: var(--primary-color) !important;
}
.error {
color: #d32f2f;
font-size: 0.875rem;
margin-top: 4px;
display: block;
}
.min-width {
width: 1px;
white-space: nowrap;
}
.min-width .flex {
min-width: 0;
}
th,
td {
border-left: none !important;
}
.hide-label {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */