@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600&family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700&display=swap);
/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */ *, :after, :before {
    box-sizing: border-box
}

html {
    -webkit-text-size-adjust: 100%;
    line-height: 1.15;
    tab-size: 4
}

body {
    font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;
    margin: 0
}

hr {
    color: inherit;
    height: 0
}

abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted currentColor;
    text-decoration: underline dotted currentColor
}

b, strong {
    font-weight: bolder
}

code, kbd, pre, samp {
    font-family: ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    border-color: inherit;
    text-indent: 0
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, select {
    text-transform: none
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button
}

::-moz-focus-inner {
    border-style: none;
    padding: 0
}

:-moz-focusring {
    outline: 1px dotted ButtonText
}

:-moz-ui-invalid {
    box-shadow: none
}

legend {
    padding: 0
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

.gw-button, .gw-button-outlined, .gw-icon-button {
    background-color: #d5d6d7;
    background-color: #e3e7ed;
    background-color: var(--defaultColor,var(--defaultColor));
    border: 2px solid #d5d6d7;
    border: var(--buttonBorder,var(--buttonBorderColor));
    border-radius: 30px;
    border-radius: var(--buttonBorderRadius,var(--buttonBorderRadius));
    color: #000;
    color: #242a38;
    color: var(--buttonTextColor,var(--fontColorDark));
    cursor: pointer;
    display: inline-block;
    /*font-family: Open Sans,Arial,sans-serif;*/
    font-size: 1.4em;
    font-weight: 600;
    height: 44px;
    line-height: 1.4;
    min-width: 15px;
    overflow: visible;
    padding: 10px 20px;
    position: relative;
    text-decoration: none;
    text-transform: none;
    transform: none;
    transition: background-color .06s ease-in-out;
    transition: color .1s ease-in-out,background-color .1s ease-in-out,border-color .1s ease-in-out,box-shadow .1s ease-in-out;
    -webkit-user-select: none;
    user-select: none
}

    .gw-button-outlined:visited, .gw-button:visited, .gw-icon-button:visited {
        color: #000;
        color: #242a38;
        color: var(--buttonTextVisitedColor,var(--buttonTextVisitedColor));
        text-decoration: none
    }

    .gw-button-outlined:hover, .gw-button:hover, .gw-icon-button:hover {
        background-color: #bbbdbe;
        background-color: #bcc3d2;
        background-color: var(--buttonBackgroundHoverColor,var(--defaultColorHover));
        border: 2px solid #bbbdbe;
        border: var(--buttonBorderColorHover,var(--buttonBorderColorHover));
        color: #000;
        color: #242a38;
        color: var(--buttonTextHoverColor,var(--fontColorDark))
    }

    .gw-button-outlined:focus, .gw-button-outlined:hover, .gw-button:focus, .gw-button:hover, .gw-icon-button:focus, .gw-icon-button:hover {
        text-decoration: none
    }

    .gw-button-outlined:active, .gw-button:active, .gw-icon-button:active {
        background-color: #a1a3a5;
        background-color: #9ea8bd;
        background-color: var(--buttonBackgroundActiveColor,var(--defaultColorActive));
        border: 2px solid #bbbdbe;
        border: var(--buttonBorderColorActive,var(--buttonBorderColorActive));
        color: #000;
        color: #242a38;
        color: var(--buttonTextActiveColor,var(--fontColorDark))
    }

    .gw-button-outlined > svg, .gw-button > svg, .gw-icon-button > svg {
        fill: #000;
        fill: #fff;
        fill: var(--iconFillColor,var(--iconFillColor))
    }

.gw-button--dropdown {
    position: relative;
    z-index: 2
}

    .gw-button--dropdown > .gw-button__icon, .gw-button--dropdown > .gw-icon-button__icon {
        height: 11px;
        margin-left: 8px;
        width: 11px
    }

.gw-button--no-background {
    fill: #fff;
    fill: var(--buttonNoBackgroundIconColor,var(--fontColorWhite));
    background-color: #006fe6;
    background-color: #367a76;
    background-color: var(--buttonNoBackgroundColor,var(--primaryColor));
    border: 2px solid #367c77;
    border: var(--buttonNoBackgroundBorder,var(--primaryButtonBorder));
    color: #fff;
    color: var(--buttonNoBackgroundTextColor,var(--fontColorWhite))
}

    .gw-button--no-background:visited {
        color: #fff;
        color: var(--primaryButtonTextColor,var(#fff));
        text-decoration: none
    }

    .gw-button--no-background:hover {
        background-color: #0056b3;
        background-color: var(--primaryColorHover);
        background-color: var(--buttonNoBackgroundColorHover,var(--primaryColorHover));
        border: 2px solid #2f6a66;
        border: var(--buttonNoBackgroundBorderHover,var(--primaryButtonBorderHover))
    }

    .gw-button--no-background:active, .gw-button--no-background:hover {
        color: #367a76;
        color: var(--buttonNoBackgroundTextColor,var(--fontColorWhite))
    }

    .gw-button--no-background:active {
        background-color: #003e80;
        background-color: var(--primaryColorActive);
        background-color: var(--buttonNoBackgroundColorActive,var(--primaryColorActive));
        border: 2px solid #9ea8bd;
        border: var(--buttonNoBackgroundBorderActive,var(--primaryButtonBorderActive))
    }

.gw-button--primary {
    background-color: #006fe6;
    background-color: #367c77;
    background-color: var(--primaryButtonBackgroundColor,var(--primaryColor));
    border: 2px solid #367c77;
    border: var(--primaryButtonBorder,var(--primaryButtonBorder));
    border-radius: 30px;
    border-radius: var(--buttonBorderRadius,var(--buttonBorderRadius));
    color: #fff;
    color: var(--primaryButtonTextColor,var(--fontColorWhite))
}

    .gw-button--primary:visited {
        text-decoration: none
    }

    .gw-button--primary:hover {
        background-color: #0056b3;
        background-color: #2f6a66;
        background-color: var(--primaryButtonBackgroundHoverColor,var(--primaryColorHover));
        border: 2px solid #2f6a66;
        border: var(--primaryButtonBorderHover,var(--primaryButtonBorderHover));
        color: #fff;
        color: var(--primaryButtonTextHoverColor,var(--fontColorWhite))
    }

    .gw-button--primary:active {
        background-color: #003e80;
        background-color: #2f6a66;
        background-color: var(--primaryButtonBackgroundActiveColor,var(--primaryColorActive));
        border: 2px solid #9ea8bd;
        border: var(--primaryButtonBorderActive,var(--primaryButtonBorderActive));
        color: #fff;
        color: var(--primaryButtonTextActiveColor,var(--fontColorWhite))
    }

    .gw-button--primary > svg {
        fill: #000;
        fill: hsl(0,0,0);
        fill: var(--buttonIconFillColor,var(--buttonIconFillColor))
    }

.gw-button--secondary {
    background-color: #434e65;
    background-color: #e4e7ec;
    background-color: var(--secondaryButtonBackgroundColor,var(--secondaryColor));
    border: 2px solid #e4e7ec;
    border: var(--secondaryButtonBorder,var(--secondaryButtonBorderColor));
    border-radius: 30px;
    border-radius: var(--secondaryButtonBorderRadius,var(--buttonBorderRadius))
}

    .gw-button--secondary, .gw-button--secondary:visited {
        color: #fff;
        color: var(--secondaryButtonTextColor,var(--fontColorWhite))
    }

        .gw-button--secondary:visited {
            text-decoration: none
        }

        .gw-button--secondary:hover {
            background-color: #2f3646;
            background-color: #bcc3d2;
            background-color: var(--secondaryButtonBackgroundHoverColor,var(--secondaryColorHover));
            border: 2px solid #bcc3d2;
            border: var(--secondaryButtonBorderHover,var(--secondaryButtonBorderColorHover));
            color: #fff;
            color: var(--secondaryButtonTextHoverColor,var(--fontColorWhite))
        }

        .gw-button--secondary:active {
            background-color: #1b1f28;
            background-color: #9ea8bd;
            background-color: var(--secondaryButtonBackgroundActiveColor,var(--secondaryColorActive));
            border: 2px solid #1b1f28;
            border: var(--secondaryButtonBorderColorActive,var(--secondaryButtonBorderColorActive));
            color: #fff;
            color: var(--secondaryButtonTextActiveColor,var(--fontColorWhite))
        }

        .gw-button--secondary > svg {
            fill: #000;
            fill: #fff;
            fill: var(--secondaryButtonIconFillColor,var(--secondaryButtonIconFillColor))
        }

.gw-button-outlined:disabled, .gw-button:disabled, .gw-button[disabled], .gw-icon-button:disabled, [disabled].gw-button-outlined, [disabled].gw-icon-button {
    opacity: .36;
    pointer-events: none
}

    .gw-button-outlined:disabled .gw-button__icon, .gw-button-outlined:disabled .gw-icon-button__icon, .gw-button:disabled .gw-button__icon, .gw-button:disabled .gw-icon-button__icon, .gw-button[disabled] .gw-button__icon, .gw-button[disabled] .gw-icon-button__icon, .gw-icon-button:disabled .gw-button__icon, .gw-icon-button:disabled .gw-icon-button__icon, [disabled].gw-button-outlined .gw-button__icon, [disabled].gw-button-outlined .gw-icon-button__icon, [disabled].gw-icon-button .gw-button__icon, [disabled].gw-icon-button .gw-icon-button__icon {
        opacity: .36
    }

.gw-button--s1, .gw-button-outlined--s1 {
    font-size: 1.3em;
    height: 36px;
    line-height: 1.5;
    padding: 6px 15px
}

.gw-button--s2, .gw-button-outlined--s2 {
    font-size: 1.5em;
    height: 44px;
    line-height: 1.4;
    padding: 10px 20px
}

.gw-button--s3, .gw-button-outlined--s3 {
    font-size: 1.7em;
    height: 56px;
    line-height: 1.3;
    padding: 16px 38px
}

.gw-button--full-width, .gw-button-outlined--full-width {
    width: 100%
}

.gw-button__icon, .gw-icon-button__icon {
    height: 18px;
    margin: 0 .2em 0 0;
    position: relative;
    right: 2px;
    top: -1px;
    vertical-align: middle;
    width: 18px
}

.gw-button__icon--left {
    margin: 0 .2em 0 0 !important
}

.gw-button__icon--right {
    margin: 0 0 0 .4em !important
}

.gw-button__icon--s1 {
    height: 12px;
    top: 0;
    width: 12px
}

.gw-button--double-icon {
    font-size: 1.3em;
    font-weight: 700;
    text-transform: uppercase
}

.gw-button--green {
    background-color: var(--primaryColorGreen);
    border: var(--buttonBorderGreen);
    color: #fff
}

    .gw-button--green:visited {
        color: #fff;
        text-decoration: none
    }

    .gw-button--green:hover {
        background-color: var(--primaryColorGreenHover);
        border: var(--buttonBorderGreenHover);
        color: #fff
    }

    .gw-button--green:active {
        background-color: var(--primaryColorGreenActive);
        border: var(--buttonBorderGreenActive);
        color: #fff
    }

.gw-button--pink {
    background-color: var(--primaryColorPink);
    border: var(--buttonBorderPink);
    color: #fff
}

    .gw-button--pink:visited {
        color: #fff;
        text-decoration: none
    }

    .gw-button--pink:hover {
        background-color: var(--primaryColorPinkHover);
        border: var(--buttonBorderPinkHover);
        color: #fff
    }

    .gw-button--pink:active {
        background-color: var(--primaryColorPinkActive);
        border: var(--buttonBorderPinkActive);
        color: #fff
    }

.gw-button--teal {
    background-color: var(--primaryColorTeal);
    border: var(--buttonBorderTeal);
    color: #fff
}

    .gw-button--teal:visited {
        color: #fff;
        text-decoration: none
    }

    .gw-button--teal:hover {
        background-color: var(--primaryColorTealHover);
        border: var(--buttonBorderTealHover);
        color: #fff
    }

    .gw-button--teal:active {
        background-color: var(--primaryColorTealActive);
        border: var(--buttonBorderTealActive);
        color: #fff
    }

.gw-button--purple {
    background-color: var(--primaryColorPurple);
    border: var(--buttonBorderPurple);
    color: #fff
}

    .gw-button--purple:visited {
        color: #fff;
        text-decoration: none
    }

    .gw-button--purple:hover {
        background-color: var(--primaryColorPurpleHover);
        border: var(--buttonBorderPurpleHover);
        color: #fff
    }

    .gw-button--purple:active {
        background-color: var(--primaryColorPurpleActive);
        border: var(--buttonBorderPurpleActive);
        color: #fff
    }

.gw-button--orange {
    background-color: var(--primaryColorOrange);
    border: var(--buttonBorderOrange);
    color: #fff
}

    .gw-button--orange:visited {
        color: #fff;
        text-decoration: none
    }

    .gw-button--orange:hover {
        background-color: var(--primaryColorOrangeHover);
        border: var(--buttonBorderOrangeHover);
        color: #fff
    }

    .gw-button--orange:active {
        background-color: var(--primaryColorOrangeActive);
        border: var(--buttonBorderOrangeActive);
        color: #fff
    }

.gw-button--blue {
    background-color: var(--primaryColorBlue);
    border: var(--buttonBorderBlue);
    color: #fff
}

    .gw-button--blue:visited {
        color: #fff;
        text-decoration: none
    }

    .gw-button--blue:hover {
        background-color: var(--primaryColorBlueHover);
        border: var(--buttonBorderBlueHover);
        color: #fff
    }

    .gw-button--blue:active {
        background-color: var(--primaryColorBlueActive);
        border: var(--buttonBorderBlueActive);
        color: #fff
    }

.gw-button--light {
    background-color: var(--launchpadButtonLight);
    border: var(--launchpadButtonLight)
}

    .gw-button--light:visited {
        text-decoration: none
    }

    .gw-button--light:hover {
        background-color: var(--launchpadButtonLightHover);
        border: var(--launchpadButtonLightHover)
    }

    .gw-button--light:active {
        background-color: var(--launchpadButtonLightActive);
        border: var(--launchpadButtonLightActive)
    }

.gw-button--link {
    background-color: transparent;
    border: 2px solid transparent;
    color: #367a76 !important;
    color: var(--buttonLinkTextColor) !important;
    font-weight: 400;
    text-decoration: none
}

    .gw-button--link:visited {
        color: #367a76;
        color: var(--primaryColor)
    }

    .gw-button--link:hover {
        color: var(--primaryColorHover)
    }

    .gw-button--link:focus, .gw-button--link:hover {
        background-color: transparent;
        border: 2px solid transparent;
        text-decoration: underline
    }

    .gw-button--link:active {
        background-color: transparent;
        border: 2px solid transparent;
        color: var(--primaryColorActive)
    }

.gw-button--link-dark {
    background-color: transparent;
    border: 2px solid transparent;
    color: #fff !important;
    color: var(--fontColorWhite) !important;
    font-weight: 600;
    text-decoration: none
}

    .gw-button--link-dark:visited {
        color: #fff;
        color: var(--fontColorWhite);
        text-decoration: none
    }

    .gw-button--link-dark:hover {
        background-color: transparent;
        border: 2px solid transparent;
        color: #fff;
        color: var(--fontColorWhite);
        text-decoration: underline
    }

    .gw-button--link-dark:active {
        color: #fff
    }

.gw-button--icon {
    fill: #000;
    fill: var(--fontColorDark);
    fill: var(--toolbarIconButtonFillColor,var(--fontColorDark));
    background-color: var(--transparent);
    border: 2px solid transparent;
    color: #fff
}

    .gw-button--icon:disabled, .gw-button--icon[disabled] {
        background-color: var(--transparent);
        border-color: var(--transparent)
    }

    .gw-button--icon:visited {
        color: var(--fontColorDark);
        text-decoration: none
    }

    .gw-button--icon:hover {
        background-color: #bcc3d2;
        background-color: var(--defaultColorHover);
        color: rgba(0,0,0,.6)
    }

    .gw-button--icon:focus, .gw-button--icon:hover {
        text-decoration: none
    }

    .gw-button--icon:active {
        background-color: #9ea8bd;
        background-color: var(--defaultColorActive,#a1a3a5);
        color: #000;
        color: var(--fontColorDark,#000)
    }

::slotted(.gw-button__icon,.gw-icon-button__icon) {
    height: 18px;
    margin: 0;
    position: relative;
    right: 2px;
    top: -1px;
    vertical-align: middle;
    width: 18px
}

.gw-icon-button {
    background-color: rgba(220,223,228,.5);
    background-color: rgba(0,0,0,.077);
    background-color: var(--iconButtonBackgroundDefaultColor,var(--icon-button-background-default-color));
    border: 2px solid var(--transparent);
    border-radius: 35px;
    display: inline-block;
    font-size: 10px;
    height: 3.5em;
    margin: 0;
    padding: .4em;
    width: 3.5em
}

.gw-icon-button--icon {
    fill: #000;
    fill: var(--fontColorDark);
    fill: var(--toolbarIconButtonFillColor,var(--fontColorDark));
    background-color: transparent;
    border: 2px solid transparent;
    color: #fff
}

    .gw-icon-button--icon:disabled, .gw-icon-button--icon[disabled] {
        background-color: var(--transparent);
        border-color: var(--transparent)
    }

    .gw-icon-button--icon:visited {
        color: var(--fontColorDark);
        text-decoration: none
    }

    .gw-icon-button--icon:hover {
        background-color: rgba(220,223,228,.5);
        background-color: rgba(0,0,0,.125);
        background-color: var(--iconButtonBackgroundHoverColor,var(--icon-button-background-hover-color));
        border: 2px solid transparent;
        border: rgba(0,0,0,.077);
        border: var(--iconButtonBackgroundDefaultColor,var(--icon-button-border-color));
        color: rgba(0,0,0,.6)
    }

    .gw-icon-button--icon:focus, .gw-icon-button--icon:hover {
        text-decoration: none
    }

    .gw-icon-button--icon:active {
        background-color: rgba(220,223,228,.5);
        background-color: rgba(0,0,0,.187);
        background-color: var(--iconButtonBackgroundActiveColor,var(--icon-button-background-active-color));
        background-color: hsla(0,0%,99%,.135);
        background-color: var(--icon-button-background-active-color-no-background);
        background-color: var(--iconButtonBackgroundActiveColorNoBackground,var(--icon-button-background-active-color-no-background));
        border: 2px solid transparent;
        border: var(--icon-button-border-color,var(--icon-button-background-hover-color));
        color: #000;
        color: var(--fontColorDark,#000)
    }

.gw-icon-button:not(:last-child) {
    margin-right: .25em
}

.gw-icon-button:hover {
    background-color: hsla(0,0%,100%,.22);
    background-color: rgba(0,0,0,.125);
    background-color: var(--iconButtonBackgroundHoverColor,var(--icon-button-background-hover-color))
}

.gw-icon-button:active, .gw-icon-button:hover {
    border: 2px solid transparent;
    border: var(--icon-button-border-color,var(--icon-button-background-hover-color))
}

.gw-icon-button:active {
    background-color: rgba(36,42,56,.12);
    background-color: rgba(0,0,0,.187);
    background-color: var(--iconButtonBackgroundActiveColor,var(--icon-button-background-active-color))
}

.gw-icon-button__icon {
    height: 1.3em;
    right: -.1em;
    top: -.1em;
    width: 1.3em
}

.gw-icon-button__icon--mini-accordion-collapse {
    width: .7em
}

.gw-icon-button__icon--s2b {
    height: 1.7em;
    top: -1px;
    width: 1.7em
}

.gw-icon-button__icon--s2 {
    height: 1.9em;
    top: -1px;
    width: 1.9em
}

.gw-icon-button__icon--s3 {
    height: 2.2em;
    top: 0;
    width: 2.2em
}

.gw-icon-button__icon--app-floating {
    height: 3.2em;
    top: 0;
    width: 3.2em
}

.gw-icon-button__icon--app-square {
    height: 3.5em;
    top: 0;
    width: 3.5em
}

.gw-icon-button__icon--launchpad-s1 {
    height: 3.2em;
    top: 0;
    width: auto
}

.gw-icon-button__icon--launchpad-s1b {
    height: 2.8em;
    top: 0;
    width: auto
}

.gw-icon-button__icon--launchpad-s2 {
    height: auto;
    top: 0;
    width: 3.2em
}

.gw-icon-button--move {
    background-color: transparent;
    color: #fff;
    opacity: .5
}

    .gw-icon-button--move:visited {
        color: var(--fontColorDark);
        text-decoration: none
    }

    .gw-icon-button--move:hover {
        background-color: transparent;
        border-color: transparent;
        color: rgba(0,0,0,.6);
        opacity: .8
    }

    .gw-icon-button--move:focus, .gw-icon-button--move:hover {
        text-decoration: none
    }

    .gw-icon-button--move:active {
        background-color: transparent;
        color: var(--fontColorDark)
    }

    .gw-icon-button--move > .gw-icon-button__icon {
        height: 17px;
        width: 17px
    }

.gw-icon-button--selected {
    background-color: #bcc3d2;
    background-color: #b3bbcc;
    background-color: var(--defaultColorSelected,var(--defaultColorSelected));
    border: 2px solid #bcc3d2;
    border: var(--buttonBorderColorSelected,var(--buttonBorderColorSelected))
}

.gw-icon-button--s3 {
    align-items: center;
    border-radius: 54px;
    display: flex;
    height: 54px;
    justify-content: center;
    width: 54px
}

.gw-icon-button--recording {
    background-color: #da2b2e;
    position: relative;
    transition: scale .05s ease-in-out
}

    .gw-icon-button--recording:hover {
        background-color: #c8191c
    }

    .gw-icon-button--recording:active {
        transform: scale(.95)
    }

    .gw-icon-button--recording:after, .gw-icon-button--recording:before {
        border-radius: 50%;
        bottom: 0;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%
    }

    .gw-icon-button--recording:before {
        -webkit-animation: pulse 1.5s infinite;
        box-shadow: 0 0 0 0 hsla(0,60%,79%,.5);
        z-index: 1
    }

.gw-icon-button--mobile-s4 {
    align-items: center;
    border-radius: 9em;
    box-shadow: 0 3px 9px rgba(0,0,0,.62);
    display: flex;
    height: 9em;
    justify-content: center;
    transition: scale .05s ease-in-out;
    width: 9em
}

.gw-icon-button--mobile-square {
    align-items: center;
    border-radius: 0;
    display: flex;
    height: 8em;
    justify-content: center;
    width: 8em
}

.gw-icon-button--green, .gw-icon-button--green:hover {
    background-color: var(--brandColorGreen)
}

    .gw-icon-button--green:active {
        background-color: var(--brandColorGreenActive);
        opacity: 1;
        transform: scale(.95)
    }

.gw-icon-button--blue, .gw-icon-button--blue:hover {
    background-color: var(--brandColorBlue)
}

    .gw-icon-button--blue:active {
        background-color: var(--brandColorBlueActive);
        opacity: 1;
        transform: scale(.95)
    }

.gw-icon-button--red, .gw-icon-button--red:hover {
    background-color: #da2b2e
}

    .gw-icon-button--red:active {
        background-color: #c8191c;
        opacity: 1;
        transform: scale(.95)
    }

.gw-icon-button--orange {
    background-color: var(--primaryColorOrange)
}

    .gw-icon-button--orange:hover {
        background-color: var(--primaryColorOrangeHover)
    }

    .gw-icon-button--orange:active {
        background-color: var(--primaryColorOrangeActive);
        opacity: 1
    }

.gw-icon-button--primary-blue {
    background-color: var(--primaryColorBlue)
}

    .gw-icon-button--primary-blue:hover {
        background-color: var(--primaryColorBlueHover)
    }

    .gw-icon-button--primary-blue:active {
        background-color: var(--primaryColorBlueActive);
        opacity: 1
    }

.gw-icon-button--dark {
    background-color: #434e65;
    background-color: #e4e7ec;
    background-color: var(--secondaryButtonBackgroundColor,var(--secondaryColor))
}

    .gw-icon-button--dark:hover {
        background-color: #2f3646;
        background-color: #bcc3d2;
        background-color: var(--secondaryButtonBackgroundHoverColor,var(--secondaryColorHover))
    }

    .gw-icon-button--dark:active {
        background-color: #1b1f28;
        background-color: #9ea8bd;
        background-color: var(--secondaryButtonBackgroundActiveColor,var(--secondaryColorActive));
        opacity: 1
    }

.gw-icon-button--light {
    background-color: var(--launchpadButtonLight)
}

    .gw-icon-button--light:hover {
        background-color: var(--launchpadButtonLightHover)
    }

    .gw-icon-button--light:active {
        background-color: var(--launchpadButtonLightActive);
        opacity: 1
    }

.gw-icon-button--white, .gw-icon-button--white:hover {
    background-color: #fff
}

    .gw-icon-button--white:active {
        background-color: hsla(0,0%,100%,.75);
        transform: scale(.95)
    }

.gw-button-outlined {
    background-color: transparent;
    border-color: #e3e7ed;
    border-color: var(--defaultColor);
    color: var(--fontColorDark)
}

    .gw-button-outlined:visited {
        color: var(--fontColorDark);
        text-decoration: none
    }

    .gw-button-outlined:hover {
        background-color: #bcc3d2;
        background-color: var(--defaultColorHover);
        border-color: #bcc3d2;
        border-color: var(--defaultColorHover);
        color: var(--fontColorDark)
    }

    .gw-button-outlined:active {
        background-color: #9ea8bd;
        background-color: var(--defaultColorActive);
        border-color: #9ea8bd;
        border-color: var(--defaultColorActive);
        color: var(--fontColorDark)
    }

.gw-button-outlined--primary {
    background-color: transparent;
    border: 2px solid #367c77;
    border: var(--primaryButtonBorder,var(--primaryButtonBorder));
    border-radius: 30px;
    border-radius: var(--buttonBorderRadius,var(--buttonBorderRadius));
    color: var(--fontColorDark)
}

    .gw-button-outlined--primary:visited {
        color: var(--fontColorDark);
        text-decoration: none
    }

    .gw-button-outlined--primary:hover {
        background-color: #0056b3;
        background-color: #2f6a66;
        background-color: var(--primaryButtonBackgroundHoverColor,var(--primaryColorHover));
        color: #fff;
        color: var(--fontColorWhite)
    }

    .gw-button-outlined--primary:active, .gw-button-outlined--primary:hover {
        border: 2px solid #2f6a66;
        border: var(--primaryButtonBorderHover,var(--primaryButtonBorderHover))
    }

    .gw-button-outlined--primary:active {
        background-color: #003e80;
        background-color: #2f6a66;
        background-color: var(--primaryButtonBackgroundActiveColor,var(--primaryColorActive));
        color: #fff
    }

.gw-button-outlined--secondary {
    background-color: transparent;
    border: 2px solid #e4e7ec;
    border: var(--secondaryButtonBorder,var(--secondaryButtonBorderColor));
    color: var(--fontColorDark)
}

    .gw-button-outlined--secondary:visited {
        color: var(--fontColorDark);
        text-decoration: none
    }

    .gw-button-outlined--secondary:hover {
        background-color: #e4e7ec;
        background-color: var(--secondaryColorHover);
        border-color: #e4e7ec;
        border-color: var(--secondaryColorHover);
        color: #fff;
        color: var(--fontColorWhite)
    }

    .gw-button-outlined--secondary:active {
        background-color: #e4e7ec;
        background-color: var(--secondaryColorActive);
        border-color: #e4e7ec;
        border-color: var(--secondaryColorActive);
        color: #fff
    }

.gw-button-outlined:disabled, .gw-button-outlined[disabled] {
    border-color: var(--disabledColor);
    color: var(--disabledColor);
    pointer-events: none
}

    .gw-button-outlined:disabled .gw-button__icon, .gw-button-outlined:disabled .gw-icon-button__icon, .gw-button-outlined[disabled] .gw-button__icon, .gw-button-outlined[disabled] .gw-icon-button__icon {
        opacity: .2
    }

.gw-button-outlined--green {
    background-color: transparent;
    border-color: var(--primaryColorGreen);
    color: var(--fontColorDark)
}

    .gw-button-outlined--green:visited {
        color: var(--fontColorDark);
        text-decoration: none
    }

    .gw-button-outlined--green:hover {
        background-color: var(--primaryColorGreenHover);
        border-color: var(--primaryColorGreenHover);
        color: #fff;
        color: var(--fontColorWhite)
    }

    .gw-button-outlined--green:active {
        background-color: var(--primaryColorGreenActive);
        border-color: var(--primaryColorGreenActive);
        color: #fff
    }

.gw-button-outlined--pink {
    background-color: transparent;
    border-color: var(--primaryColorPink);
    color: var(--fontColorDark)
}

    .gw-button-outlined--pink:visited {
        color: var(--fontColorDark);
        text-decoration: none
    }

    .gw-button-outlined--pink:hover {
        background-color: var(--primaryColorPinkHover);
        border-color: var(--primaryColorPinkHover);
        color: #fff
    }

    .gw-button-outlined--pink:active {
        background-color: var(--primaryColorPinkActive);
        border-color: var(--primaryColorPinkActive);
        color: #fff
    }

.gw-button-outlined--teal {
    background-color: transparent;
    border-color: var(--primaryColorTeal);
    color: var(--fontColorDark)
}

    .gw-button-outlined--teal:visited {
        color: var(--fontColorDark);
        text-decoration: none
    }

    .gw-button-outlined--teal:hover {
        background-color: var(--primaryColorTealHover);
        border-color: var(--primaryColorTealHover);
        color: #fff;
        color: var(--fontColorWhite)
    }

    .gw-button-outlined--teal:active {
        background-color: var(--primaryColorTealActive);
        border-color: var(--primaryColorTealActive);
        color: #fff
    }

.gw-button-outlined--purple {
    background-color: transparent;
    border-color: var(--primaryColorPurple);
    color: var(--fontColorDark)
}

    .gw-button-outlined--purple:visited {
        color: var(--fontColorDark);
        text-decoration: none
    }

    .gw-button-outlined--purple:hover {
        background-color: var(--primaryColorPurpleHover);
        border-color: var(--primaryColorPurpleHover);
        color: #fff;
        color: var(--fontColorWhite)
    }

    .gw-button-outlined--purple:active {
        background-color: var(--primaryColorPurpleActive);
        border-color: var(--primaryColorPurpleActive);
        color: #fff
    }

.gw-button-outlined--orange {
    background-color: transparent;
    border-color: var(--primaryColorOrange);
    color: var(--fontColorDark)
}

    .gw-button-outlined--orange:visited {
        color: var(--fontColorDark);
        text-decoration: none
    }

    .gw-button-outlined--orange:hover {
        background-color: var(--primaryColorOrangeHover);
        border-color: var(--primaryColorOrangeHover);
        color: #fff;
        color: var(--fontColorWhite)
    }

    .gw-button-outlined--orange:active {
        background-color: var(--primaryColorOrangeActive);
        border-color: var(--primaryColorOrangeActive);
        color: #fff
    }

.gw-button-outlined--blue {
    background-color: transparent;
    border-color: var(--primaryColorBlue);
    color: var(--fontColorDark)
}

    .gw-button-outlined--blue:visited {
        color: var(--fontColorDark);
        text-decoration: none
    }

    .gw-button-outlined--blue:hover {
        background-color: var(--primaryColorBlueHover);
        border-color: var(--primaryColorBlueHover);
        color: #fff;
        color: var(--fontColorWhite)
    }

    .gw-button-outlined--blue:active {
        background-color: var(--primaryColorBlueActive);
        border-color: var(--primaryColorBlueActive);
        color: #fff
    }

.gw-button-outlined--dark {
    background-color: transparent;
    color: #fff;
    color: var(--fontColorWhite)
}

    .gw-button-outlined--dark:visited {
        text-decoration: none
    }

    .gw-button-outlined--dark:hover, .gw-button-outlined--dark:visited {
        color: #fff;
        color: var(--fontColorWhite)
    }

    .gw-button-outlined--dark:active {
        color: #fff
    }

.gw-input {
    background: transparent;
    border: 1px solid #dadada;
    border: var(--inputBorder,var(--input-border));
    border-radius: .3em;
    color: #242a38;
    color: var(--th-slate-dark);
    color: var(--inputTextColor,var(--th-slate-dark));
    display: block;
    flex: 1;
    font-family: Open Sans,Arial,sans-serif;
    font-size: 1.4em;
    height: 3.015em;
    line-height: 1.75;
    padding: 8px 10px;
    width: 100%
}

    .gw-input, .gw-input:focus {
        background-color: #fff;
        background-color: var(--inputBackgroundColor,var(--th-white))
    }

        .gw-input:disabled, .gw-input:read-only {
            opacity: .36;
            text-decoration: none;
            -webkit-user-select: none;
            user-select: none
        }

        .gw-input::placeholder {
            color: #242a38;
            color: var(--th-slate-dark);
            color: var(--inputTextColor,var(--th-slate-dark));
            opacity: .6
        }

.gw-input--s1 {
    font-size: 1.2em;
    height: 2.5em;
    line-height: 1.5
}

.gw-input--s2 {
    font-size: 1.4em;
    height: 3.015em;
    line-height: 1.75
}

.gw-input--s3 {
    font-size: 1.6em;
    height: 4.4em;
    line-height: 1.75
}

.gw-input--slider-value {
    margin: 0 0 0 1em;
    position: relative;
    width: 60px
}

.gw-input:read-only {
    background-color: #eaedf0;
    opacity: .8;
    text-decoration: none;
    -webkit-user-select: none;
    user-select: none
}

.gw-textarea {
    height: auto;
    resize: none
}

    .gw-textarea::placeholder {
        color: #242a38;
        color: var(--th-slate-dark);
        color: var(--inputTextColor,var(--th-slate-dark));
        opacity: .8
    }

.gw-checkbox {
    display: block;
    padding-right: 1.25em;
    position: relative
}

.gw-checkbox__input {
    -webkit-appearance: none;
    background: #d7e7ff;
}

    .gw-checkbox__input:checked:after {
        border: solid #fff;
        border-width: 0 2px 2px 0;
        content: "";
        height: 10px;
        left: 5px;
        position: absolute;
        top: 2px;
        transform: rotate(45deg);
        width: 4px
    }

    .gw-checkbox__input:checked {
        background-color: #367a76;
        background-color: var(--primaryColor)
    }

    .gw-checkbox__input:disabled ~ .gw-checkbox__input-label {
        color: #6d767e !important
    }

    .gw-checkbox__input:indeterminate:after {
        border: solid var(--secondaryColor);
        border-width: 0 3px 0 0;
        content: "";
        height: 10px;
        left: 5px;
        position: absolute;
        top: 2px;
        transform: rotate(90deg);
        width: 4px
    }

.gw-checkbox__input-label {
    color: inherit;
    display: inline-block;
    font-family: Open Sans,sans-serif;
    font-size: 1.4em;
    line-height: 1.5;
    margin: 0 0 .5em 1.8em;
    position: relative
}

.gw-checkbox--no-form {
    display: block;
    padding-left: 1.5em;
    position: relative
}

.gw-checkbox--inline {
    display: inline-flex;
    margin-right: 1.5em
}

    .gw-checkbox--inline:not(:first-child) {
        padding-left: 0
    }

.gw-checkbox > input[type=checkbox]:after, .gw-checkbox > input[type=checkbox]:before {
    box-sizing: border-box
}

.gw-checkbox > input[type=checkbox] {
    box-sizing: border-box;
    padding: 0; 
    border: 1px solid #c3daff;
    border-radius: 4px;
    height: 16px;
    margin-top: .3em;
    overflow: visible;
    position: absolute;
    width: 16px;
    clip: revert;
}

    .gw-checkbox > input[type=checkbox]:active {
        background-color: rgba(112,169,255,.35)
    }

    .gw-checkbox > input[type=checkbox]:disabled, .gw-checkbox > input[type=checkbox][disabled] {
        background-color: rgba(214,231,255,.35);
        border: 1px solid rgba(195,218,254,.35);
        pointer-events: none
    }

.gw-select {
    -webkit-appearance: none;
    background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='22' width='22' viewBox='0 0 18 18'%3E%3Cpath d='M7.41 7.84 12 12.42l4.59-4.58L18 9.25l-6 6-6-6z' fill='%23232937'/%3E%3Cpath d='M0-.75h24v24H0z' fill='none'/%3E%3C/svg%3E") no-repeat;
    background-color: #fff;
    background-color: var(--settingsDialogBackgroundColor,var(--modal-content-bg));
    background-position: right .9em top 40%,0 0;
    background-repeat: no-repeat,repeat;
    background-size: 1.3em auto,100%;
    border: 1px solid #dadada;
    border: var(--selectBorder,var(--select-border));
    border-radius: 3px;
    color: #242a38;
    color: var(--th-slate-dark);
    color: var(--modalTextColor,var(--th-slate-dark));
    cursor: pointer;
    display: block;
    font-family: Open Sans,Arial,sans-serif;
    font-size: 1.3em;
    height: 3.25em;
    line-height: 1.75;
    min-width: 175px;
    padding: 5px 30px 5px 10px;
    width: 100%
}

    .gw-select:hover {
        background-color: #f7f7f7;
        background-color: #fff;
        background-color: var(--selectBackgroundColorHover,var(--select-background-color-hover))
    }

.gw-select--dark {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='22' width='22' viewBox='0 0 18 18'%3E%3Cpath d='M7.41 7.84 12 12.42l4.59-4.58L18 9.25l-6 6-6-6z' fill='%23fff'/%3E%3Cpath d='M0-.75h24v24H0z' fill='none'/%3E%3C/svg%3E") no-repeat;
    background-color: transparent;
    background-position: right .9em top 40%,0 0;
    background-repeat: no-repeat,repeat;
    border: 1px solid #fff;
    color: #fff
}

    .gw-select--dark:hover {
        background-color: hsla(0,0%,97%,.057)
    }

.gw-select--no-border {
    border: none
}

:root {
    --ld-base-text: #373b43;
    --ld-base-background: #f6faff;
    --ld-base-svg: #2a3953;
    --ld-context-menu-background: #f4f5f6;
    --ld-context-menu-settings-background: #fff;
    --ld-context-menu-shadow: rgba(0,0,0,.086);
    --ld-context-menu-border: hsla(0,0%,44%,.188);
    --ld-context-menu-hover: #e4e7ed;
    --ld-modal-alt-backdrop: #f8f8f8;
    --ld-modal-backdrop: rgba(0,0,0,.3);
    --ld-modal-background: #fff;
    --ld-modal: #484848;
    --ld-modal-settings: #445066;
    --ld-modal-header: #f5f5f5;
    --primaryColor: #367a76;
    --buttonLinkTextColor: #367a76;
    --inputBackgroundColor: #fff;
    --inputDisabledBackgroundColor: #eaedf0;
    --inputBorder: 1px solid #dadada;
    --select-border: 1px solid #dadada;
    --settingsDialogBackgroundColor: #fff;
    --selectBackgroundColorHover: #fff;
    --fontColorWhite: #fff;
    --defaultColor: #e3e7ed;
    --defaultColorHover: #bcc3d2;
    --defaultColorActive: #9ea8bd;
    --defaultColorSelected: #b3bbcc;
    --secondaryColorHover: #e4e7ec;
    --secondaryColorActive: #e4e7ec;
    --buttonBackgroundHoverColor: #bcc3d2;
    --buttonBackgroundActiveColor: #9ea8bd;
    --buttonTextColor: #242a38;
    --buttonTextHoverColor: #242a38;
    --buttonTextActiveColor: #242a38;
    --buttonTextVisitedColor: #242a38;
    --buttonBorderHover: 2px solid #bcc3d2;
    --buttonBorderRadius: 30px;
    --buttonIconFillColor: hsl(0,0,0);
    --primaryButtonBackgroundColor: #367c77;
    --primaryButtonBackgroundHoverColor: #2f6a66;
    --primaryButtonBackgroundActiveColor: #2f6a66;
    --primaryButtonBorder: 2px solid #367c77;
    --primaryButtonBorderHover: 2px solid #2f6a66;
    --primaryButtonBorderActive: 2px solid #2f6a66;
    --primaryButtonTextColor: #fff;
    --primaryButtonTextHoverColor: #fff;
    --primaryButtonTextActiveColor: #fff;
    --primaryButtonTextVisitedColor: #fff;
    --primaryButtonBorderRadius: 30px;
    --primaryButtonIconFillColor: #fff;
    --secondaryButtonBackgroundColor: #e4e7ec;
    --secondaryButtonBackgroundHoverColor: #bcc3d2;
    --secondaryButtonBackgroundActiveColor: #9ea8bd;
    --secondaryButtonBorder: 2px solid #e4e7ec;
    --secondaryButtonBorderHover: 2px solid #bcc3d2;
    --secondaryButtonTextColor: #fff;
    --secondaryButtonTextHoverColor: #fff;
    --secondaryButtonTextActiveColor: #fff;
    --secondaryButtonTextVisitedColor: #fff;
    --secondaryButtonBorderRadius: 30px;
    --secondaryButtonIconFillColor: #fff;
    --iconButtonBackgroundDefaultColor: rgba(0,0,0,.077);
    --iconButtonBackgroundHoverColor: rgba(0,0,0,.125);
    --iconButtonBackgroundActiveColor: rgba(0,0,0,.187);
    --iconButtonBorderColor: 2px solid transparent;
    --iconFillColor: #fff
}

@supports (color:hsl(0 0% 0%/0)) {
    :root {
        --primaryButtonBorderActive: 2px solid #9ea8bd
    }
}

:root .gw-button-outlined--secondary:hover {
    border: 2px solid #e4e7ec;
    color: #373b43;
    color: var(--ld-base-text)
}

:root .gw-button__icon, :root .gw-icon-button__icon {
    display: inline-block
}

:root .gw-button__icon--close {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 13.827 13.826'%3E%3Cpath d='M13.83 1.33 12.502 0 6.913 5.588 1.33 0 0 1.33l5.588 5.588L0 12.502l1.33 1.328 5.588-5.588 5.584 5.588 1.328-1.328-5.588-5.588z' fill='%23367A76'/%3E%3C/svg%3E")
}

:root .gw-button__icon--chevron-left {
    align-self: center;
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='17' viewBox='0 0 8.053 13.036'%3E%3Cpath d='m0 6.518 6.518 6.518 1.535-1.535L3.07 6.518l4.983-4.982L6.518.001Z' fill='%23367A76'/%3E%3C/svg%3E")
}

.ld-theme-light, [data-th-theme=light] {
    --ld-base-text: #373b43;
    --ld-base-background: #f6faff;
    --ld-base-svg: #2a3953;
    --ld-context-menu-background: #f4f5f6;
    --ld-context-menu-settings-background: #fff;
    --ld-context-menu-shadow: rgba(0,0,0,.086);
    --ld-context-menu-border: hsla(0,0%,44%,.188);
    --ld-context-menu-hover: #e4e7ed;
    --ld-modal-alt-backdrop: #f8f8f8;
    --ld-modal-backdrop: rgba(0,0,0,.3);
    --ld-modal-background: #fff;
    --ld-modal: #484848;
    --ld-modal-settings: #445066;
    --ld-modal-header: #f5f5f5;
    --primaryColor: #367a76;
    --buttonLinkTextColor: #367a76;
    --inputBackgroundColor: #fff;
    --inputDisabledBackgroundColor: #eaedf0;
    --inputBorder: 1px solid #dadada;
    --select-border: 1px solid #dadada;
    --settingsDialogBackgroundColor: #fff;
    --selectBackgroundColorHover: #fff;
    --fontColorWhite: #fff;
    --defaultColor: #e3e7ed;
    --defaultColorHover: #bcc3d2;
    --defaultColorActive: #9ea8bd;
    --defaultColorSelected: #b3bbcc;
    --secondaryColorHover: #e4e7ec;
    --secondaryColorActive: #e4e7ec;
    --buttonBackgroundHoverColor: #bcc3d2;
    --buttonBackgroundActiveColor: #9ea8bd;
    --buttonTextColor: #242a38;
    --buttonTextHoverColor: #242a38;
    --buttonTextActiveColor: #242a38;
    --buttonTextVisitedColor: #242a38;
    --buttonBorderHover: 2px solid #bcc3d2;
    --buttonBorderRadius: 30px;
    --buttonIconFillColor: hsl(0,0,0);
    --primaryButtonBackgroundColor: #367c77;
    --primaryButtonBackgroundHoverColor: #2f6a66;
    --primaryButtonBackgroundActiveColor: #2f6a66;
    --primaryButtonBorder: 2px solid #367c77;
    --primaryButtonBorderHover: 2px solid #2f6a66;
    --primaryButtonBorderActive: 2px solid #2f6a66;
    --primaryButtonTextColor: #fff;
    --primaryButtonTextHoverColor: #fff;
    --primaryButtonTextActiveColor: #fff;
    --primaryButtonTextVisitedColor: #fff;
    --primaryButtonBorderRadius: 30px;
    --primaryButtonIconFillColor: #fff;
    --secondaryButtonBackgroundColor: #e4e7ec;
    --secondaryButtonBackgroundHoverColor: #bcc3d2;
    --secondaryButtonBackgroundActiveColor: #9ea8bd;
    --secondaryButtonBorder: 2px solid #e4e7ec;
    --secondaryButtonBorderHover: 2px solid #bcc3d2;
    --secondaryButtonTextColor: #fff;
    --secondaryButtonTextHoverColor: #fff;
    --secondaryButtonTextActiveColor: #fff;
    --secondaryButtonTextVisitedColor: #fff;
    --secondaryButtonBorderRadius: 30px;
    --secondaryButtonIconFillColor: #fff;
    --iconButtonBackgroundDefaultColor: rgba(0,0,0,.077);
    --iconButtonBackgroundHoverColor: rgba(0,0,0,.125);
    --iconButtonBackgroundActiveColor: rgba(0,0,0,.187);
    --iconButtonBorderColor: 2px solid transparent;
    --iconFillColor: #fff
}

@supports (color:hsl(0 0% 0%/0)) {
    .ld-theme-light, [data-th-theme=light] {
        --primaryButtonBorderActive: 2px solid #9ea8bd
    }
}

.ld-theme-light .gw-button-outlined--secondary:hover, [data-th-theme=light] .gw-button-outlined--secondary:hover {
    border: 2px solid #e4e7ec;
    color: #373b43;
    color: var(--ld-base-text)
}

.ld-theme-light .gw-button__icon, .ld-theme-light .gw-icon-button__icon, [data-th-theme=light] .gw-button__icon, [data-th-theme=light] .gw-icon-button__icon {
    display: inline-block
}

.ld-theme-light .gw-button__icon--close, [data-th-theme=light] .gw-button__icon--close {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 13.827 13.826'%3E%3Cpath d='M13.83 1.33 12.502 0 6.913 5.588 1.33 0 0 1.33l5.588 5.588L0 12.502l1.33 1.328 5.588-5.588 5.584 5.588 1.328-1.328-5.588-5.588z' fill='%23367A76'/%3E%3C/svg%3E")
}

.ld-theme-light .gw-button__icon--chevron-left, [data-th-theme=light] .gw-button__icon--chevron-left {
    align-self: center;
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='17' viewBox='0 0 8.053 13.036'%3E%3Cpath d='m0 6.518 6.518 6.518 1.535-1.535L3.07 6.518l4.983-4.982L6.518.001Z' fill='%23367A76'/%3E%3C/svg%3E")
}

.th-ld {
    color: #444f66;
    font-family: Inter,sans-serif;
    font-size: 10px
}

    .th-ld h1, .th-ld h2, .th-ld h3, .th-ld h4, .th-ld h5, .th-ld h6 {
        font-family: Plus Jakarta Sans,sans-serif;
        font-weight: 600
    }

    .th-ld h1 {
        font-size: 2.6em;
        line-height: 1.6em
    }

    .th-ld h2 {
        font-size: 2.4em;
        line-height: 1.4em
    }

    .th-ld h3 {
        font-size: 1.8em;
        line-height: 1.2em
    }

    .th-ld h4 {
        font-size: 1.6em;
        line-height: 1.8em
    }

    .th-ld h5 {
        font-size: 1.4em;
        line-height: 1.6em
    }

    .th-ld h6, .th-ld p {
        font-size: 1.4em;
        line-height: 1.4em
    }

    .th-ld p {
        font-weight: 400
    }

/*
    .th-ld a {
        color: #367a76
    }
*/

    #btnSuccess {
        color: #fff
    }

body, html {
    color: #444;
    font-size: 10px
}

.gw-button-outlined, .gw-icon-button {
    cursor: pointer
}

.gw-button, .gw-button-outlined, .gw-icon-button {
    align-items: center;
    display: flex;
    height: 40px;
    justify-content: center
}

    .gw-button svg, .gw-button-outlined svg, .gw-icon-button svg {
        aspect-ratio: 1;
        height: auto;
        margin: 0 10px 0 0;
        width: 19px
    }

    .gw-button-outlined.gw-button--link, .gw-button.gw-button--link, .gw-icon-button.gw-button--link {
        height: 17px;
        padding: 8px 20px;
        text-decoration: underline
    }

.ld-context-menu {
    background: #f4f5f6;
    background: var(--ld-context-menu-background);
    border: 1px solid var(--ld-toolbar-border);
    border-radius: 10px;
    box-shadow: 3px 3px 6px rgba(0,0,0,.16);
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 15
}

.ld-form {
    width: 100%;
}

.ld-context-menu__item {
    align-items: center;
    display: flex;
    justify-content: space-between;
    position: relative
}

    .ld-context-menu__item > button:not(.gw-button):not(.gw-icon-button):not(.gw-button-outlined) {
        align-items: center;
        background: #f4f5f6;
        background: var(--ld-context-menu-background);
        border: none;
        color: #373b43;
        color: var(--ld-base-text);
        cursor: pointer;
        display: flex;
        font-family: Inter,Arial,sans-serif;
        font-size: 1.5em;
        justify-content: flex-start;
        padding: 12px 35px 12px 20px;
        transition: all .25s ease;
        width: 100%
    }

        .ld-context-menu__item > button:not(.gw-button):not(.gw-icon-button):not(.gw-button-outlined):hover {
            background: #e4e7ed;
            background: var(--ld-context-menu-hover)
        }

        .ld-context-menu__item > button:not(.gw-button):not(.gw-icon-button):not(.gw-button-outlined):disabled {
            opacity: .5;
            pointer-events: none
        }

    .ld-context-menu__item:first-of-type > button:not(.gw-button):not(.gw-icon-button):not(.gw-button-outlined) {
        border-radius: 10px 10px 0 0
    }

    .ld-context-menu__item:last-of-type > button:not(.gw-button):not(.gw-icon-button):not(.gw-button-outlined) {
        border-bottom: none;
        border-radius: 0 0 10px 10px
    }

.ld-context-menu__item--spacer {
    border-bottom: 1px solid var(--ld-toolbar-border)
}

.ld-context-menu__item--beta:after, .ld-context-menu__item--coming-soon:after {
    background: #25af60;
    background: #367a76;
    background: var(--primaryColor);
    border-radius: 8px;
    color: #fff;
    content: "Beta";
    font-size: 1em;
    font-weight: bolder;
    left: 80%;
    padding: 4px 9px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.ld-context-menu__item--coming-soon:after {
    content: "Coming Soon";
    left: 80%;
    width: 86px
}

.ld-context-menu__item > p {
    font-family: Inter,Arial,sans-serif;
    font-size: 1.5em;
    margin: 20px 0;
    padding: 0 20px
}

.ld-context-menu__item > .ld-toggle {
    margin-right: 20px
}

.ld-context-menu__item > .ld-slider {
    flex: 1;
    padding: 24px 10px 40px
}

.ld-context-menu__item > .ld-voices {
    flex: 1
}

.ld-context-menu__item > .gw-button, .ld-context-menu__item > .gw-button-outlined, .ld-context-menu__item > .gw-icon-button {
    margin: 20px;
    width: 100%
}

.ld-context-menu__item > .gw-icon-button {
    border-radius: 50%;
    height: 90px;
    margin: 30px auto 17px;
    width: 90px
}

.ld-context-menu__item .gw-icon-button__icon {
    height: 66px;
    margin: auto;
    width: 42px
}

.ld-context-menu__item > small {
    font-size: 1em;
    margin: 0 auto 14px
}

.ld-context-menu__item > .ld-voices__radio {
    width: 100%
}

    .ld-context-menu__item > .ld-voices__radio label {
        padding-left: 20px
    }

        .ld-context-menu__item > .ld-voices__radio label svg {
            height: 21px;
            margin-left: 2px;
            width: 20px
        }

.ld-context-menu__item .ld-language-select {
    margin: 0 20px 10px;
    width: 100%
}

.ld-context-menu__item .ld-language-select__dropdown {
    width: 100%
}

.ld-context-menu__item .ld-language-select__activator {
    background: #fff;
    width: 100%
}

.ld-context-menu__item > .gw-form-fieldset-item {
    margin: 0 20px;
    width: 100%
}

.ld-context-menu__item--warning button:not(.gw-button):not(.gw-icon-button):not(.gw-button-outlined), .ld-context-menu__item--warning svg {
    color: #c33c3f
}

.ld-context-menu__icon {
    color: #373b43;
    color: var(--ld-base-text);
    height: 25px;
    margin-right: 12px;
    width: 25px
}

.ld-context-menu__icon--wide {
    margin-right: 6px;
    width: 40px
}

.ld-modal {
    background: rgba(0,0,0,.3);
    background: var(--ld-modal-backdrop);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    padding: 15px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 20
}

@media screen and (max-width:1200px) {
    .ld-modal--ios .ld-modal__container {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        max-height: -webkit-fit-content;
        max-height: -moz-fit-content;
        max-height: fit-content;
        max-width: 480px
    }

    .ld-modal--ios .ld-modal__left {
        display: none
    }

    .ld-modal--ios .ld-modal__right {
        width: 100%
    }
}

.ld-modal--single .ld-modal__container {
    max-width: 480px;
    max-height: 560px;
}

.ld-modal__container {
    background: #fff;
    background: var(--ld-modal-background);
    border-radius: 10px;
    display: flex;
    height: 100%;
    margin: auto;
    max-height: 700px;
    max-width: 960px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.ld-modal__container--form .ld-modal__left {
    padding: 40px 30px 50px;
    width: 310px
}

    .ld-modal__container--form .ld-modal__left .ld-modal-content {
        max-width: 200px
    }

    .ld-modal__container--form .ld-modal__left .ld-modal-content__logo {
        margin-bottom: 30px;
        max-width: 170px
    }

.ld-modal__container--form .ld-modal__right {
    padding: 40px;
    width: calc(100% - 310px)
}

    .ld-modal__container--form .ld-modal__right .ld-modal-content {
        max-width: 100%
    }

    .ld-modal__container--form .ld-modal__right .gw-icon-button + h1 {
        margin-top: 14px
    }

    .ld-modal__container--form .ld-modal__right .gw-field {
        margin-bottom: 20px
    }

    .ld-modal__container--form .ld-modal__right .gw-button, .ld-modal__container--form .ld-modal__right .gw-button-outlined, .ld-modal__container--form .ld-modal__right .gw-icon-button {
        align-self: center;
        max-width: 180px;
        justify-self: center;
    }

.ld-modal__left {
    align-content: flex-start;
    background: #367a76;
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    justify-content: center;
    padding: 50px 30px;
    width: 50%
}

    .ld-modal--single .ld-modal__left, .ld-modal--single .ld-modal__right {
        width: 100%;
    }

    .ld-modal__left .ld-modal-content {
        --primaryButtonBackgroundColor: #fff;
        --primaryButtonBackgroundHoverColor: #f5f5f5;
        --primaryButtonBackgroundActiveColor: #f5f5f5;
        --primaryButtonBorder: 2px solid #fff;
        --primaryButtonBorderHover: 2px solid #f5f5f5;
        --primaryButtonBorderActive: 2px solid #f5f5f5;
        --primaryButtonTextColor: #367c77;
        --primaryButtonTextHoverColor: #367c77;
        --primaryButtonTextActiveColor: #367c77;
        --primaryButtonTextVisitedColor: #367c77;
        align-items: center
    }

        .ld-modal__left .ld-modal-content p {
            color: #fff;
            font-size: 16px;
            font-weight: 700
        }

        .ld-modal__left .ld-modal-content ul {
            align-self: flex-start;
            margin: 0;
            padding: 0
        }

            .ld-modal__left .ld-modal-content ul li {
                align-items: center;
                display: flex;
                margin-bottom: 25px
            }

                .ld-modal__left .ld-modal-content ul li svg {
                    height: 40px;
                    margin-right: 15px;
                    width: 40px
                }

                .ld-modal__left .ld-modal-content ul li p {
                    margin: 0
                }

.ld-modal__right {
    align-content: flex-start;
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    justify-content: center;
    padding: 42px 30px;
    position: relative;
    width: 50%
}

    .ld-modal__right .ld-modal-content .gw-button-outlined:not(.gw-icon-button), .ld-modal__right .ld-modal-content .gw-button:not(.gw-icon-button), .ld-modal__right .ld-modal-content .gw-field, .ld-modal__right .ld-modal-content .gw-icon-button:not(.gw-icon-button) {
        width: 100%
    }

    .ld-modal__right .gw-icon-button {
        height: 30px;
        left: 10px;
        position: absolute;
        top: 20px;
        width: 30px
    }

        .ld-modal__right .gw-icon-button + h1 {
            margin-top: 34px
        }

.ld-modal-content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    max-width: 320px;
    width: 100%
}

    .ld-modal-content form {
        width: 100%;
        display: grid;
    }

.ld-modal-content--centered {
    justify-content: center;
    margin-bottom: 120px
}

.ld-modal-content__logo {
    height: 52px;
    margin-bottom: 46px;
    width: 213px
}

.ld-modal-content__mobile-logo {
    display: none;
    height: 50px;
    margin: 0 auto 12px;
    width: 200px
}

@media screen and (max-width:1200px) {
    .ld-modal-content__mobile-logo {
        display: block
    }
}

.ld-modal-content__texthelper {
    height: 250px;
    margin-bottom: 20px;
    width: 250px
}

.ld-modal__left .ld-modal-content h1 {
    align-self: flex-start;
    color: #fff;
    font-size: 22px;
    justify-self: flex-start;
    margin: 0 0 20px;
    text-align: left;
}

.ld-modal-content h1 {
    font-size: 16px;
    margin: 10px 0 28px
}

.ld-modal-content p {
    margin: 0 0 20px
}

    .ld-modal-content p.ld-modal-content__bold {
        color: #367a76;
        font-size: 15px;
        font-size: 1.2vw;
        font-weight: 600;
        margin: 0 0 20px
    }

.ld-modal-content .gw-field {
    margin: 0 0 26px
}

.ld-modal-content .gw-button, .ld-modal-content .gw-button-outlined, .ld-modal-content .gw-icon-button, .ld-modal-content .ld-break {
    margin: 0 0 20px
}

.ld-modal-content__error {
    color: rgba(229,0,0,.9);
    font-size: 12px;
    margin: 2px 0 0
}

.ld-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    margin: 0 auto;
    max-width: 360px;
    padding: 20px
}

    .ld-content .ld-content__bold {
        color: #367a76;
        font-size: 20px;
        font-weight: 600;
        margin: 0;
        width: 100%
    }

    .ld-content > .gw-icon-button {
        height: 40px;
        position: absolute;
        right: 10px;
        top: 10px;
        width: 40px !important
    }

    .ld-content .ld-modal-content__logo {
        margin: 0
    }

    .ld-content h1 {
        font-size: 1.6em;
        margin: 0;
        text-align: left;
        width: 100%
    }

    .ld-content .gw-field {
        margin-bottom: 6px;
        width: 100%
    }

    .ld-content .gw-button, .ld-content .gw-button-outlined, .ld-content .gw-icon-button {
        width: 100%
    }

.gw-input-label {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.25rem;
    line-height: 1
}

.gw-field .gw-input, .gw-field .gw-select {
    height: 40px;
    margin-top: 4px
}

.gw-field .gw-checkbox__input-label {
    color: #367a76;
    font-size: 12px;
    font-weight: 500
}

    .gw-field .gw-checkbox__input-label a {
        color: inherit
    }

.gw-field .gw-checkbox + .gw-field--error {
    margin: 2px 0 0 20px
}

.gw-field-group {
    display: flex;
    gap: 30px;
    justify-content: space-between;
    width: 100%
}

#confirm-password-field{
    margin-top: 20px;
}

.gw-field-group > .gw-field {
    max-width: 280px
}

span.gw-field--error {
    color: rgba(229,0,0,.9);
    font-size: 12px;
    margin: 2px 0 0;
    position: absolute;
    width: 320px;
}

.ld-break {
    align-items: center;
    display: grid;
    grid-template-areas: "center";
    grid-template-rows: 1fr;
    justify-items: center;
    width: 100%
}

    .ld-break hr {
        border-top: 1px solid #65a7a2;
        grid-area: center;
        width: 100%
    }

    .ld-break p {
        background-color: #fff;
        font-size: 16px;
        grid-area: center;
        line-height: 19px;
        margin: 0;
        padding: 0 20px
    }

.ld-stepper {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: center;
    width: 100%
}

.ld-step {
    background: #d9d9d9;
    border-radius: 50%;
    height: 16px;
    width: 16px
}

.ld-step--active {
    background-color: #367a76
}

.ld-login-header {
    background: #004c49;
    height: 80px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 25
}

.ld-login-header__container {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1080px;
    padding: 0 20px;
    width: 100%
}

    .ld-login-header__container svg {
        height: 45px;
        width: 150px
    }

.ld-login-footer {
    background: #004c49;
    bottom: 0;
    height: 80px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 25
}

.ld-login-footer__container {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1080px;
    padding: 0 20px;
    width: 100%
}

    .ld-login-footer__container a, .ld-login-footer__container a:hover, .ld-login-footer__container a:visited {
        color: #aab200 !important
    }

#feide-recovery__error {
    color: rgba(229,0,0,.9);
    font-size: 12px;
    margin: 2px 0 10px;
}

.gw-validation {
    display: block;
    text-align: center;
    margin: 15px 0;
}

.gw-validation__header {
    font-size: 14px;
    font-family: Inter, sans-serif;
}

.gw-validation__content {
    font-size: 12px;
    font-family: Inter, sans-serif;
}