/*
    Main entrypoint for the CSS build.

    Note that variables, palettes, and light/dark mode definitions
    are generated using Style Dictionary (npm run tokens) as a pre-build
    step and can be found in 'dist/css' in light and dark variant files.
*/
*,
::before,
::after {
    box-sizing: border-box;
    /* 1 */
    border-width: 0;
    /* 2 */
    border-style: solid;
    /* 2 */
    border-color: #e5e7eb;
    /* 2 */
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
    line-height: 1.5;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    -moz-tab-size: 4;
    /* 3 */
    -o-tab-size: 4;
    tab-size: 4;
    /* 3 */
    font-family: ui-sans-serif, system-ui, sans-serif;
    /* 4 */
    font-feature-settings: normal;
    /* 5 */
    font-variation-settings: normal;
    /* 6 */
    -webkit-tap-highlight-color: transparent;
    /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
    margin: 0;
    /* 1 */
    line-height: inherit;
    /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
    height: 0;
    /* 1 */
    color: inherit;
    /* 2 */
    border-top-width: 1px;
    /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
    color: inherit;
    text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
    font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    /* 1 */
    font-feature-settings: normal;
    /* 2 */
    font-variation-settings: normal;
    /* 3 */
    font-size: 1em;
    /* 4 */
}

/*
Add the correct font size in all browsers.
*/
small {
    font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
    text-indent: 0;
    /* 1 */
    border-color: inherit;
    /* 2 */
    border-collapse: collapse;
    /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-feature-settings: inherit;
    /* 1 */
    font-variation-settings: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    font-weight: inherit;
    /* 1 */
    line-height: inherit;
    /* 1 */
    letter-spacing: inherit;
    /* 1 */
    color: inherit;
    /* 1 */
    margin: 0;
    /* 2 */
    padding: 0;
    /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
    text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
    -webkit-appearance: button;
    /* 1 */
    background-color: transparent;
    /* 2 */
    background-image: none;
    /* 2 */
    min-width: 64px;
}

/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
    outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
    box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
    vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type=search] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/
summary {
    display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
    margin: 0;
}

fieldset {
    margin: 0;
    padding: 0;
}

legend {
    padding: 0;
}

ol,
ul,
menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
    padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/
textarea {
    resize: vertical;
}

    /*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
    input::-moz-placeholder, textarea::-moz-placeholder {
        opacity: 1;
        /* 1 */
        color: #9ca3af;
        /* 2 */
    }

    input::placeholder,
    textarea::placeholder {
        opacity: 1;
        /* 1 */
        color: #9ca3af;
        /* 2 */
    }

/*
Set the default cursor for buttons.
*/
button,
[role=button] {
    cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
    cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
    display: block;
    /* 1 */
    vertical-align: middle;
    /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
    max-width: 100%;
    height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
    display: none;
}

.bg-primary, .bg-active {
    background-color: var(--iws-system-color-primary);
    color: var(--iws-system-color-on-primary);
}

.bg-primary-container {
    background-color: var(--iws-system-color-primary-container);
    color: var(--iws-system-color-on-primary-container);
}

.bg-secondary {
    background-color: var(--iws-system-color-secondary);
    color: var(--iws-system-color-on-secondary);
}

.bg-secondary-container {
    background-color: var(--iws-system-color-secondary-container);
    color: var(--iws-system-color-on-secondary-container);
}

.bg-tertiary {
    background-color: var(--iws-system-color-tertiary);
    color: var(--iws-system-color-on-tertiary);
}

.bg-tertiary-container {
    background-color: var(--iws-system-color-tertiary-container);
    color: var(--iws-system-color-on-tertiary-container);
}

.bg-surface {
    background-color: var(--iws-system-color-surface-default);
    color: var(--iws-system-color-on-surface);
}

.bg-surface-inverse {
    background-color: var(--iws-system-color-surface-inverse);
    color: var(--iws-system-color-on-surface);
}

.bg-surface-default, .surface-base .surface {
    background-color: var(--iws-system-color-surface-default);
    color: var(--iws-system-color-on-surface);
}

    .bg-surface-default.hover:hover, .surface-base .hover.surface:hover {
        background-color: var(--iws-system-color-surface-dim);
    }

.bg-surface-lowest, .surface-base .surface-below .surface-below, .surface-base {
    background-color: var(--iws-system-color-surface-lowest);
    color: var(--iws-system-color-on-surface);
}

    .bg-surface-lowest.hover:hover, .surface-base .surface-below .hover.surface-below:hover, .hover.surface-base:hover {
        background-color: var(--iws-system-color-surface-dim);
    }

    .bg-surface-low, .surface-base .surface-below {
        background-color: var(--iws-system-color-surface-low);
        color: var(--iws-system-color-on-surface);
    }

        .bg-surface-low.hover:hover, .surface-base .hover.surface-below:hover {
            background-color: var(--iws-system-color-surface-dim);
        }

    .bg-surface-high, .surface-base .surface .surface {
        background-color: var(--iws-system-color-surface-high);
        color: var(--iws-system-color-on-surface);
    }

        .bg-surface-high.hover:hover, .surface-base .surface .hover.surface:hover {
            background-color: var(--iws-system-color-surface-dim);
        }

        .bg-surface-highest, .surface-base .surface .surface .surface {
            background-color: var(--iws-system-color-surface-highest);
            color: var(--iws-system-color-on-surface);
        }

            .bg-surface-highest.hover:hover, .surface-base .surface .surface .hover.surface:hover {
                background-color: var(--iws-system-color-surface-dim);
            }

    .bg-surface-variant, .surface-base .surface-alt {
        background-color: var(--iws-system-color-surface-variant);
        color: var(--iws-system-color-on-surface-variant);
    }

.bg-error {
    background-color: var(--iws-system-color-error);
    color: var(--iws-system-color-on-error);
}

.bg-error-container {
    background-color: var(--iws-system-color-error-container);
    color: var(--iws-system-color-on-error-container);
}

.bg-warning {
    background-color: var(--iws-system-color-warning);
    color: var(--iws-system-color-on-warning);
}

.bg-warning-container {
    background-color: var(--iws-system-color-warning-container);
    color: var(--iws-system-color-on-warning-container);
}

.bg-success {
    background-color: var(--iws-system-color-success);
    color: var(--iws-system-color-on-success);
}

.bg-success-container {
    background-color: var(--iws-system-color-success-container);
    color: var(--iws-system-color-on-success-container);
}

.bg-black {
    background-color: var(--iws-ref-color-palette-black);
    color: var(--iws-ref-color-palette-white);
}

.bg-white {
    background-color: var(--iws-ref-color-palette-white);
    color: var(--iws-ref-color-palette-black);
}

.primary {
    color: var(--iws-system-color-primary);
}

.secondary {
    color: var(--iws-system-color-secondary);
}

.tertiary {
    color: var(--iws-system-color-tertiary);
}

.error {
    color: var(--iws-system-color-error);
}

.text-color {
    color: var(--iws-system-color-on-surface);
}

.muted {
    opacity: 0.8;
}

.faded {
    opacity: 0.5;
}

/* Quick surface classes
    Apply 'surface-base' to a root-level (or body) element and 
    each descendant with 'surface' will stand out on top of its 
    ancestor 'surface'
*/
.surface-lowest {
    background-color: var(--iws-system-color-surface-lowest);
}

.surface-low {
    background-color: var(--iws-system-color-surface-low);
}

.surface-default {
    background-color: var(--iws-system-color-surface-default);
}

.surface-high {
    background-color: var(--iws-system-color-surface-high);
}

.surface-highest {
    background-color: var(--iws-system-color-surface-highest);
}

.surface-base .surface .surface .surface.hover:hover {
    background-color: var(--iws-system-color-surface-bright);
}

.surface-base .surface .surface.hover:hover {
    background-color: var(--iws-system-color-surface-bright);
}

.surface-base .surface-below .surface-below.hover:hover {
    background-color: var(--iws-system-color-surface-bright);
}

.surface-base .surface-below.hover:hover {
    background-color: var(--iws-system-color-surface-bright);
}

/* border classes */
.border, .border-top, .border-left, .border-right, .border-bottom {
    --iws-system-border-width: 1px;
    --iws-system-border-color: var(--iws-system-color-outline-default);
    border-style: solid;
    border-color: var(--iws-system-border-color);
}

.border {
    border-width: var(--iws-system-border-width);
}

    .border.border-thick,
    .border-top.border-thick,
    .border-left.border-thick,
    .border-right.border-thick,
    .border-bottom.border-thick {
        --iws-system-border-width: 4px;
    }

.border-top {
    border-top-width: var(--iws-system-border-width);
}

.border-left {
    border-left-width: var(--iws-system-border-width);
}

.border-right {
    border-right-width: var(--iws-system-border-width);
}

.border-bottom {
    border-bottom-width: var(--iws-system-border-width);
}

.border-dashed {
    border-style: dashed;
}

.border-dotted {
    border-style: dotted;
}

.border.bg-primary, .border-top.bg-primary, .border-left.bg-primary, .border-right.bg-primary, .border-bottom.bg-primary {
    --iws-system-border-color: var(--iws-system-color-primary-container);
}

.border.bg-primary-container, .border-top.bg-primary-container, .border-left.bg-primary-container, .border-right.bg-primary-container, .border-bottom.bg-primary-container {
    --iws-system-border-color: var(--iws-system-color-primary);
}

.border.bg-secondary, .border-top.bg-secondary, .border-left.bg-secondary, .border-right.bg-secondary, .border-bottom.bg-secondary {
    --iws-system-border-color: var(--iws-system-color-secondary-container);
}

.border.bg-secondary-container, .border-top.bg-secondary-container, .border-left.bg-secondary-container, .border-right.bg-secondary-container, .border-bottom.bg-secondary-container {
    --iws-system-border-color: var(--iws-system-color-secondary);
}

.border.bg-tertiary, .border-top.bg-tertiary, .border-left.bg-tertiary, .border-right.bg-tertiary, .border-bottom.bg-tertiary {
    --iws-system-border-color: var(--iws-system-color-tertiary-container);
}

.border.bg-tertiary-container, .border-top.bg-tertiary-container, .border-left.bg-tertiary-container, .border-right.bg-tertiary-container, .border-bottom.bg-tertiary-container {
    --iws-system-border-color: var(--iws-system-color-tertiary);
}

.border.bg-error, .border-top.bg-error, .border-left.bg-error, .border-right.bg-error, .border-bottom.bg-error {
    --iws-system-border-color: var(--iws-system-color-error-container);
}

.border.bg-error-container, .border-top.bg-error-container, .border-left.bg-error-container, .border-right.bg-error-container, .border-bottom.bg-error-container {
    --iws-system-border-color: var(--iws-system-color-error);
}

.border.bg-warning, .border-top.bg-warning, .border-left.bg-warning, .border-right.bg-warning, .border-bottom.bg-warning {
    --iws-system-border-color: var(--iws-system-color-warning-container);
}

.border.bg-warning-container, .border-top.bg-warning-container, .border-left.bg-warning-container, .border-right.bg-warning-container, .border-bottom.bg-warning-container {
    --iws-system-border-color: var(--iws-system-color-warning);
}

.border.bg-success, .border-top.bg-success, .border-left.bg-success, .border-right.bg-success, .border-bottom.bg-success {
    --iws-system-border-color: var(--iws-system-color-success-container);
}

.border.bg-success-container, .border-top.bg-success-container, .border-left.bg-success-container, .border-right.bg-success-container, .border-bottom.bg-success-container {
    --iws-system-border-color: var(--iws-system-color-success);
}

.border.bg-black, .border-top.bg-black, .border-left.bg-black, .border-right.bg-black, .border-bottom.bg-black {
    --iws-system-border-color: var(--iws-ref-color-palette-white);
}

.border.bg-white, .border-top.bg-white, .border-left.bg-white, .border-right.bg-white, .border-bottom.bg-white {
    --iws-system-border-color: var(--iws-ref-color-palette-black);
}

.border.border-active, .border-top.border-active, .border-left.border-active, .border-right.border-active, .border-bottom.border-active {
    --iws-system-border-color: var(--iws-system-color-primary);
}

.border.border-disabled, .border-top.border-disabled, .border-left.border-disabled, .border-right.border-disabled, .border-bottom.border-disabled {
    --iws-system-border-color: var(--iws-system-color-outline-disabled);
}

.border.border-faint, .border-top.border-faint, .border-left.border-faint, .border-right.border-faint, .border-bottom.border-faint {
    --iws-system-border-color: var(--iws-system-color-outline-faint);
}

.border.border-light, .border-top.border-light, .border-left.border-light, .border-right.border-light, .border-bottom.border-light {
    --iws-system-border-color: var(--iws-system-color-outline-light);
}

.border.border-heavy, .border-top.border-heavy, .border-left.border-heavy, .border-right.border-heavy, .border-bottom.border-heavy {
    --iws-system-border-color: var(--iws-system-color-outline-heavy);
}

.border.border-transparent, .border-top.border-transparent, .border-left.border-transparent, .border-right.border-transparent, .border-bottom.border-transparent {
    --iws-system-border-color: transparent;
}

.border.border-same, .border-top.border-same, .border-left.border-same, .border-right.border-same, .border-bottom.border-same {
    --iws-system-border-color: inherit;
}

.br1, .br-100 {
    border-radius: var(--iws-system-shape-outline-small);
}

.br, .br2, .br-200 {
    border-radius: var(--iws-system-shape-outline-medium);
}

.br3, .br-300 {
    border-radius: var(--iws-system-shape-outline-large);
}

.br4, .br-400 {
    border-radius: var(--iws-system-shape-outline-xlarge);
}

.br100, .br-full {
    border-radius: 100%;
}

.brl-100 {
    border-top-left-radius: var(--iws-system-shape-outline-small);
    border-bottom-left-radius: var(--iws-system-shape-outline-small);
}

.brr-100 {
    border-top-right-radius: var(--iws-system-shape-outline-small);
    border-bottom-right-radius: var(--iws-system-shape-outline-small);
}

.brt-100 {
    border-top-left-radius: var(--iws-system-shape-outline-small);
    border-top-right-radius: var(--iws-system-shape-outline-small);
}

.brb-100 {
    border-bottom-left-radius: var(--iws-system-shape-outline-small);
    border-bottom-right-radius: var(--iws-system-shape-outline-small);
}

.brl, .brl-200 {
    border-top-left-radius: var(--iws-system-shape-outline-medium);
    border-bottom-left-radius: var(--iws-system-shape-outline-medium);
}

.brr, .brr-200 {
    border-top-right-radius: var(--iws-system-shape-outline-medium);
    border-bottom-right-radius: var(--iws-system-shape-outline-medium);
}

.brt, .brt-200 {
    border-top-left-radius: var(--iws-system-shape-outline-medium);
    border-top-right-radius: var(--iws-system-shape-outline-medium);
}

.brb, .brb-200 {
    border-bottom-left-radius: var(--iws-system-shape-outline-medium);
    border-bottom-right-radius: var(--iws-system-shape-outline-medium);
}

.brl-300 {
    border-top-left-radius: var(--iws-system-shape-outline-large);
    border-bottom-left-radius: var(--iws-system-shape-outline-large);
}

.brr-300 {
    border-top-right-radius: var(--iws-system-shape-outline-large);
    border-bottom-right-radius: var(--iws-system-shape-outline-large);
}

.brt-300 {
    border-top-left-radius: var(--iws-system-shape-outline-large);
    border-top-right-radius: var(--iws-system-shape-outline-large);
}

.brb-300 {
    border-bottom-left-radius: var(--iws-system-shape-outline-large);
    border-bottom-right-radius: var(--iws-system-shape-outline-large);
}

.brtl-100 {
    border-top-left-radius: var(--iws-system-shape-outline-small);
}

.brtr-100 {
    border-top-right-radius: var(--iws-system-shape-outline-small);
}

.brbl-100 {
    border-bottom-left-radius: var(--iws-system-shape-outline-small);
}

.brbr-100 {
    border-bottom-right-radius: var(--iws-system-shape-outline-small);
}

.brtl, .brtl-200 {
    border-top-left-radius: var(--iws-system-shape-outline-medium);
}

.brtr, .brtr-200 {
    border-top-right-radius: var(--iws-system-shape-outline-medium);
}

.brbl, .brbl-200 {
    border-bottom-left-radius: var(--iws-system-shape-outline-medium);
}

.brbr, .brbr-200 {
    border-bottom-right-radius: var(--iws-system-shape-outline-medium);
}

.brtl-300 {
    border-top-left-radius: var(--iws-system-shape-outline-large);
}

.brtr-300 {
    border-top-right-radius: var(--iws-system-shape-outline-large);
}

.brbl-300 {
    border-bottom-left-radius: var(--iws-system-shape-outline-large);
}

.brbr-300 {
    border-bottom-right-radius: var(--iws-system-shape-outline-large);
}

.bw0 {
    border-width: 0;
}

.bw, .bw1 {
    border-width: 1px;
}

.bw2 {
    border-width: 4px;
}

.bwl0 {
    border-left-width: 0;
}

.bwr0 {
    border-right-width: 0;
}

.bwt0 {
    border-top-width: 0;
}

.bwb0 {
    border-bottom-width: 0;
}

.border-light.bwt0 {
    border-top-width: 0;
}

.border-light.bwb0 {
    border-bottom-width: 0;
}

.border-light.bwl0 {
    border-left-width: 0;
}

.border-light.bwr0 {
    border-right-width: 0;
}

.surface.border-same {
    border-color: var(--iws-system-color-surface-default);
}

.surface-base .surface.border-same {
    border-color: var(--iws-system-color-surface-default);
}

.surface-base .surface .surface.border-same {
    border-color: var(--iws-system-color-surface-high);
}

.surface-base .surface .surface .surface.border-same {
    border-color: var(--iws-system-color-surface-highest);
}

/* Flex classes */
.flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.inline-flex {
    display: flex-inline;
    justify-content: space-between;
    align-items: center;
}

.d-flex-md {
    display: initial;
}

@media (min-width: 992px) {
    .d-flex-md {
        display: flex;
    }

    .d-inline-flex-md {
        display: inline-flex;
    }
}

.flex, .inline-flex, .d-flex-md, .d-inline-flex-md {
    /* row items should have bottom margins to space out vertically when wrapping */
}

    .flex.js, .inline-flex.js, .d-flex-md.js, .d-inline-flex-md.js {
        justify-content: flex-start;
    }

    .flex.je, .inline-flex.je, .d-flex-md.je, .d-inline-flex-md.je {
        justify-content: flex-end;
    }

    .flex.jc, .inline-flex.jc, .d-flex-md.jc, .d-inline-flex-md.jc {
        justify-content: center;
    }

    .flex.jst, .inline-flex.jst, .d-flex-md.jst, .d-inline-flex-md.jst {
        justify-content: stretch;
    }

    .flex.jsb, .inline-flex.jsb, .d-flex-md.jsb, .d-inline-flex-md.jsb {
        justify-content: space-between;
    }

    .flex.jsa, .inline-flex.jsa, .d-flex-md.jsa, .d-inline-flex-md.jsa {
        justify-content: space-around;
    }

    .flex.as, .inline-flex.as, .d-flex-md.as, .d-inline-flex-md.as {
        align-items: flex-start;
    }

    .flex.ae, .inline-flex.ae, .d-flex-md.ae, .d-inline-flex-md.ae {
        align-items: flex-end;
    }

    .flex.ast, .inline-flex.ast, .d-flex-md.ast, .d-inline-flex-md.ast {
        align-items: stretch;
    }

    .flex.ac, .inline-flex.ac, .d-flex-md.ac, .d-inline-flex-md.ac {
        align-items: center;
    }

    .flex.col, .inline-flex.col, .d-flex-md.col, .d-inline-flex-md.col {
        flex-direction: column;
    }

    .flex.row, .inline-flex.row, .d-flex-md.row, .d-inline-flex-md.row {
        flex-direction: row;
    }

    .flex:not(.col).gutter.wrap > *, .inline-flex:not(.col).gutter.wrap > *, .d-flex-md:not(.col).gutter.wrap > *, .d-inline-flex-md:not(.col).gutter.wrap > * {
        margin-bottom: var(--iws-ref-spacing-200);
    }

    .flex:not(.col).gutter > *:not(:last-child), .inline-flex:not(.col).gutter > *:not(:last-child), .d-flex-md:not(.col).gutter > *:not(:last-child), .d-inline-flex-md:not(.col).gutter > *:not(:last-child) {
        margin-right: var(--iws-ref-spacing-400);
    }

    .flex:not(.col).gutter-sm > *:not(:last-child), .inline-flex:not(.col).gutter-sm > *:not(:last-child), .d-flex-md:not(.col).gutter-sm > *:not(:last-child), .d-inline-flex-md:not(.col).gutter-sm > *:not(:last-child) {
        margin-right: var(--iws-ref-spacing-200);
    }

    .flex:not(.col).gutter-lg > *:not(:last-child), .inline-flex:not(.col).gutter-lg > *:not(:last-child), .d-flex-md:not(.col).gutter-lg > *:not(:last-child), .d-inline-flex-md:not(.col).gutter-lg > *:not(:last-child) {
        margin-right: var(--iws-ref-spacing-800);
    }

    .flex.col.gutter > *:not(:last-child), .inline-flex.col.gutter > *:not(:last-child), .d-flex-md.col.gutter > *:not(:last-child), .d-inline-flex-md.col.gutter > *:not(:last-child) {
        margin-bottom: var(--iws-ref-spacing-400);
    }

    .flex.col.gutter-sm > *:not(:last-child), .inline-flex.col.gutter-sm > *:not(:last-child), .d-flex-md.col.gutter-sm > *:not(:last-child), .d-inline-flex-md.col.gutter-sm > *:not(:last-child) {
        margin-bottom: var(--iws-ref-spacing-200);
    }

    .flex.col.gutter-lg > *:not(:last-child), .inline-flex.col.gutter-lg > *:not(:last-child), .d-flex-md.col.gutter-lg > *:not(:last-child), .d-inline-flex-md.col.gutter-lg > *:not(:last-child) {
        margin-bottom: var(--iws-ref-spacing-800);
    }

    .flex.wrap, .inline-flex.wrap, .d-flex-md.wrap, .d-inline-flex-md.wrap {
        flex-wrap: wrap;
    }

    .flex.wrap-r, .flex.wrap-reverse, .inline-flex.wrap-r, .inline-flex.wrap-reverse, .d-flex-md.wrap-r, .d-flex-md.wrap-reverse, .d-inline-flex-md.wrap-r, .d-inline-flex-md.wrap-reverse {
        flex-wrap: wrap-reverse;
    }

    .flex.nowrap, .inline-flex.nowrap, .d-flex-md.nowrap, .d-inline-flex-md.nowrap {
        flex-wrap: nowrap;
    }

.f1 {
    flex: 1;
}

.f2 {
    flex: 2;
}

.f3 {
    flex: 3;
}

.f4 {
    flex: 4;
}

.f5 {
    flex: 5;
}

.f6 {
    flex: 6;
}

.grid {
    display: grid;
}

    .grid.gutter-sm {
        gap: var(--iws-ref-spacing-200);
    }

    .grid.gutter {
        gap: var(--iws-ref-spacing-400);
    }

    .grid.gutter-lg {
        gap: var(--iws-ref-spacing-800);
    }

    .grid.col-auto {
        grid-template-columns: auto;
    }

    .grid.col-2 {
        grid-template-columns: repeat(2, 1fr);
    }

    .grid.col-3 {
        grid-template-columns: repeat(3, 1fr);
    }

    .grid.col-4 {
        grid-template-columns: repeat(4, 1fr);
    }

    .grid.col-5 {
        grid-template-columns: repeat(5, 1fr);
    }

    .grid.row-auto {
        grid-template-rows: auto;
    }

    .grid.row-2 {
        grid-template-rows: repeat(2, 1fr);
    }

    .grid.row-3 {
        grid-template-rows: repeat(3, 1fr);
    }

    .grid.row-4 {
        grid-template-rows: repeat(4, 1fr);
    }

    .grid.row-5 {
        grid-template-rows: repeat(5, 1fr);
    }

.sz-050 {
    font-size: var(--iws-ref-font-size-50);
}

.sz-100 {
    font-size: var(--iws-ref-font-size-100);
}

.sz-200 {
    font-size: var(--iws-ref-font-size-200);
}

.sz-300 {
    font-size: var(--iws-ref-font-size-300);
}

.sz-400 {
    font-size: var(--iws-ref-font-size-400);
}

.sz-500 {
    font-size: var(--iws-ref-font-size-500);
}

.sz-600 {
    font-size: var(--iws-ref-font-size-600);
}

.sz-700 {
    font-size: var(--iws-ref-font-size-700);
}

.sz-800 {
    font-size: var(--iws-ref-font-size-800);
}

.sz-900 {
    font-size: var(--iws-ref-font-size-900);
}

.text {
    font-size: var(--iws-system-font-body-medium-default-size);
    font-weight: var(--iws-system-font-body-medium-default-weight);
    font-family: var(--iws-system-font-body-typeface);
    line-height: 1.24;
}

.text-sm, .small {
    font-size: var(--iws-system-font-body-small-default-size);
}

.text-xs, .xsmall {
    font-size: var(--iws-system-font-body-xsmall-default-size);
}

.text-lg, .large {
    font-size: var(--iws-system-font-body-large-default-size);
}

.label {
    font-size: var(--iws-system-font-body-medium-default-size);
    font-weight: var(--iws-system-font-body-medium-bold-weight);
    font-family: var(--iws-system-font-body-typeface);
    line-height: 1.24;
    margin-bottom: var(--iws-ref-spacing-100);
}

    .label-sm, .label.small {
        font-size: var(--iws-system-font-body-small-bold-size, var(--iws-system-font-body-small-default-size));
        font-weight: var(--iws-system-font-body-small-bold-weight);
        font-family: var(--iws-system-font-body-typeface);
        line-height: 1.24;
        margin-bottom: var(--iws-ref-spacing-100);
    }

.heading {
    font-size: var(--iws-system-font-heading-medium-size);
    font-weight: var(--iws-system-font-heading-medium-weight);
    font-family: var(--iws-system-font-heading-typeface);
    text-transform: capitalize;
    line-height: 1.24;
    margin-bottom: var(--iws-ref-spacing-200);
}

    .heading-sm, .heading.small {
        font-size: var(--iws-system-font-heading-small-size);
        font-weight: var(--iws-system-font-heading-small-weight);
        font-family: var(--iws-system-font-heading-typeface);
        text-transform: capitalize;
        line-height: 1.24;
        margin-bottom: var(--iws-ref-spacing-200);
    }

.heading-lg {
    font-size: var(--iws-system-font-heading-large-size);
    font-weight: var(--iws-system-font-heading-large-weight);
    font-family: var(--iws-system-font-heading-typeface);
    text-transform: capitalize;
    line-height: 1.24;
    margin-bottom: var(--iws-ref-spacing-200);
}

.display {
    font-size: var(--iws-system-font-display-medium-size);
    font-weight: var(--iws-system-font-display-medium-weight);
    font-family: var(--iws-system-font-display-typeface, var(--iws-system-font-heading-typeface));
    text-transform: capitalize;
    line-height: 1.24;
    margin-bottom: var(--iws-ref-spacing-300);
}

.display-lg {
    font-size: var(--iws-system-font-display-large-size);
    font-weight: var(--iws-system-font-display-large-weight);
    font-family: var(--iws-system-font-display-typeface, var(--iws-system-font-heading-typeface));
    text-transform: capitalize;
    line-height: 1.24;
    margin-bottom: var(--iws-ref-spacing-300);
}

.italic, .italics {
    font-style: italic;
}

.capitalize {
    text-transform: capitalize;
}

.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}

.underline {
    text-decoration: underline;
}

.fw-400 {
    font-weight: var(--iws-ref-font-weight-400);
}

.fw-500 {
    font-weight: var(--iws-ref-font-weight-500);
}

.fw-600 {
    font-weight: var(--iws-ref-font-weight-600);
}

.fw-700 {
    font-weight: var(--iws-ref-font-weight-700);
}

.w100 {
    width: 100%;
}

.h100, .v100 {
    height: 100%;
}

.w-010 {
    width: 0.5em;
}

.w-025 {
    width: 1em;
}

.w-050 {
    width: 2em;
}

.w-075 {
    width: 4em;
}

.w-090 {
    width: 6em;
}

.w-100 {
    width: 8em;
}

.w-125 {
    width: 10em;
}

.w-150 {
    width: 12em;
}

.w-175 {
    width: 14em;
}

.w-200 {
    width: 16em;
}

.w-250 {
    width: 20em;
}

.w-300 {
    width: 24em;
}

.w-400 {
    width: 32em;
}

.w-500 {
    width: 40em;
}

.w-600 {
    width: 48em;
}

.w-700 {
    width: 56em;
}

.h-010 {
    height: 0.5em;
}

.h-025 {
    height: 1em;
}

.h-050 {
    height: 2em;
}

.h-075 {
    height: 4em;
}

.h-090 {
    height: 6em;
}

.h-100 {
    height: 8em;
}

.h-125 {
    height: 10em;
}

.h-150 {
    height: 12em;
}

.h-175 {
    height: 14em;
}

.h-200 {
    height: 16em;
}

.h-250 {
    height: 20em;
}

.h-300 {
    height: 24em;
}

.h-400 {
    height: 32em;
}

.h-500 {
    height: 40em;
}

.h-600 {
    height: 48em;
}

.h-700 {
    height: 56em;
}

.m0 {
    margin: 0;
}

.m1, .m-100 {
    margin: var(--iws-ref-spacing-100);
}

.m2, .m-200 {
    margin: var(--iws-ref-spacing-200);
}

.m3, .m-300 {
    margin: var(--iws-ref-spacing-300);
}

.m4, .m-400 {
    margin: var(--iws-ref-spacing-400);
}

.m5, .m-500 {
    margin: var(--iws-ref-spacing-500);
}

.m6, .m-600 {
    margin: var(--iws-ref-spacing-600);
}

.m7, .m-700 {
    margin: var(--iws-ref-spacing-700);
}

.m8, .m-800 {
    margin: var(--iws-ref-spacing-800);
}

.m9, .m-900 {
    margin: var(--iws-ref-spacing-900);
}

.mt0, .mt-0 {
    margin-top: 0;
}

.mt1, .mt-100 {
    margin-top: var(--iws-ref-spacing-100);
}

.mt2, .mt-200 {
    margin-top: var(--iws-ref-spacing-200);
}

.mt3, .mt-300 {
    margin-top: var(--iws-ref-spacing-300);
}

.mt4, .mt-400 {
    margin-top: var(--iws-ref-spacing-400);
}

.mt5, .mt-500 {
    margin-top: var(--iws-ref-spacing-500);
}

.mt6, .mt-600 {
    margin-top: var(--iws-ref-spacing-600);
}

.mt7, .mt-700 {
    margin-top: var(--iws-ref-spacing-700);
}

.mt8, .mt-800 {
    margin-top: var(--iws-ref-spacing-800);
}

.mt9, .mt-900 {
    margin-top: var(--iws-ref-spacing-900);
}

.mb0, .mb-0 {
    margin-bottom: 0;
}

.mb1, .mb-100 {
    margin-bottom: var(--iws-ref-spacing-100);
}

.mb2, .mb-200 {
    margin-bottom: var(--iws-ref-spacing-200);
}

.mb3, .mb-300 {
    margin-bottom: var(--iws-ref-spacing-300);
}

.mb4, .mb-400 {
    margin-bottom: var(--iws-ref-spacing-400);
}

.mb5, .mb-500 {
    margin-bottom: var(--iws-ref-spacing-500);
}

.mb6, .mb-600 {
    margin-bottom: var(--iws-ref-spacing-600);
}

.mb7, .mb-700 {
    margin-bottom: var(--iws-ref-spacing-700);
}

.mb8, .mb-800 {
    margin-bottom: var(--iws-ref-spacing-800);
}

.mb9, .mb-900 {
    margin-bottom: var(--iws-ref-spacing-900);
}

.ml0, .ml-0 {
    margin-left: 0;
}

.ml1, button > .icon:last-child, .ml-100 {
    margin-left: var(--iws-ref-spacing-100);
}

.ml2, .ml-200 {
    margin-left: var(--iws-ref-spacing-200);
}

.ml3, .ml-300 {
    margin-left: var(--iws-ref-spacing-300);
}

.ml4, .ml-400 {
    margin-left: var(--iws-ref-spacing-400);
}

.ml5, .ml-500 {
    margin-left: var(--iws-ref-spacing-500);
}

.ml6, .ml-600 {
    margin-left: var(--iws-ref-spacing-600);
}

.ml7, .ml-700 {
    margin-left: var(--iws-ref-spacing-700);
}

.ml8, .ml-800 {
    margin-left: var(--iws-ref-spacing-800);
}

.ml9, .ml-900 {
    margin-left: var(--iws-ref-spacing-900);
}

.mr0, .mr-0 {
    margin-right: 0;
}

.mr1, button > .icon:first-child, .mr-100 {
    margin-right: var(--iws-ref-spacing-100);
}

.mr2, .mr-200 {
    margin-right: var(--iws-ref-spacing-200);
}

.mr3, .mr-300 {
    margin-right: var(--iws-ref-spacing-300);
}

.mr4, .mr-400 {
    margin-right: var(--iws-ref-spacing-400);
}

.mr5, .mr-500 {
    margin-right: var(--iws-ref-spacing-500);
}

.mr6, .mr-600 {
    margin-right: var(--iws-ref-spacing-600);
}

.mr7, .mr-700 {
    margin-right: var(--iws-ref-spacing-700);
}

.mr8, .mr-800 {
    margin-right: var(--iws-ref-spacing-800);
}

.mr9, .mr-900 {
    margin-right: var(--iws-ref-spacing-900);
}

.mv0, .mv-0 {
    margin-top: 0;
    margin-bottom: 0;
}

.mv1, .mv-100 {
    margin-top: var(--iws-ref-spacing-100);
    margin-bottom: var(--iws-ref-spacing-100);
}

.mv2, .mv-200 {
    margin-top: var(--iws-ref-spacing-200);
    margin-bottom: var(--iws-ref-spacing-200);
}

.mv3, .mv-300 {
    margin-top: var(--iws-ref-spacing-300);
    margin-bottom: var(--iws-ref-spacing-300);
}

.mv4, hr, .mv-400 {
    margin-top: var(--iws-ref-spacing-400);
    margin-bottom: var(--iws-ref-spacing-400);
}

.mv5, .mv-500 {
    margin-top: var(--iws-ref-spacing-500);
    margin-bottom: var(--iws-ref-spacing-500);
}

.mv6, .mv-600 {
    margin-top: var(--iws-ref-spacing-600);
    margin-bottom: var(--iws-ref-spacing-600);
}

.mv7, .mv-700 {
    margin-top: var(--iws-ref-spacing-700);
    margin-bottom: var(--iws-ref-spacing-700);
}

.mv8, .mv-800 {
    margin-top: var(--iws-ref-spacing-800);
    margin-bottom: var(--iws-ref-spacing-800);
}

.mv9, .mv-900 {
    margin-top: var(--iws-ref-spacing-900);
    margin-bottom: var(--iws-ref-spacing-900);
}

.mh0, .mh-0 {
    margin-left: 0;
    margin-right: 0;
}

.mh1, .mh-100 {
    margin-left: var(--iws-ref-spacing-100);
    margin-right: var(--iws-ref-spacing-100);
}

.mh2, .mh-200 {
    margin-left: var(--iws-ref-spacing-200);
    margin-right: var(--iws-ref-spacing-200);
}

.mh3, .mh-300 {
    margin-left: var(--iws-ref-spacing-300);
    margin-right: var(--iws-ref-spacing-300);
}

.mh4, .mh-400 {
    margin-left: var(--iws-ref-spacing-400);
    margin-right: var(--iws-ref-spacing-400);
}

.mh5, .mh-500 {
    margin-left: var(--iws-ref-spacing-500);
    margin-right: var(--iws-ref-spacing-500);
}

.mh6, .mh-600 {
    margin-left: var(--iws-ref-spacing-600);
    margin-right: var(--iws-ref-spacing-600);
}

.mh7, .mh-700 {
    margin-left: var(--iws-ref-spacing-700);
    margin-right: var(--iws-ref-spacing-700);
}

.mh8, .mh-800 {
    margin-left: var(--iws-ref-spacing-800);
    margin-right: var(--iws-ref-spacing-800);
}

.mh9, .mh-900 {
    margin-left: var(--iws-ref-spacing-900);
    margin-right: var(--iws-ref-spacing-900);
}

.p0, .p-0 {
    padding: 0;
}

.p1, .p-100 {
    padding: var(--iws-ref-spacing-100);
}

.p2, .p-200 {
    padding: var(--iws-ref-spacing-200);
}

.p3, .p-300 {
    padding: var(--iws-ref-spacing-300);
}

.p4, .p-400 {
    padding: var(--iws-ref-spacing-400);
}

.p5, .p-500 {
    padding: var(--iws-ref-spacing-500);
}

.p6, .p-600 {
    padding: var(--iws-ref-spacing-600);
}

.p7, .p-700 {
    padding: var(--iws-ref-spacing-700);
}

.p8, .p-800 {
    padding: var(--iws-ref-spacing-800);
}

.p9, .p-900 {
    padding: var(--iws-ref-spacing-900);
}

.pt0, .pt-0 {
    padding-top: 0;
}

.pt1, .pt-100 {
    padding-top: var(--iws-ref-spacing-100);
}

.pt2, .pt-200 {
    padding-top: var(--iws-ref-spacing-200);
}

.pt3, .pt-300 {
    padding-top: var(--iws-ref-spacing-300);
}

.pt4, .pt-400 {
    padding-top: var(--iws-ref-spacing-400);
}

.pt5, .pt-500 {
    padding-top: var(--iws-ref-spacing-500);
}

.pt6, .pt-600 {
    padding-top: var(--iws-ref-spacing-600);
}

.pt7, .pt-700 {
    padding-top: var(--iws-ref-spacing-700);
}

.pt8, .pt-800 {
    padding-top: var(--iws-ref-spacing-800);
}

.pt9, .pt-900 {
    padding-top: var(--iws-ref-spacing-900);
}

.pb0, .pb-0 {
    padding-bottom: 0;
}

.pb1, .pb-100 {
    padding-bottom: var(--iws-ref-spacing-100);
}

.pb2, .pb-200 {
    padding-bottom: var(--iws-ref-spacing-200);
}

.pb3, .pb-300 {
    padding-bottom: var(--iws-ref-spacing-300);
}

.pb4, .pb-400 {
    padding-bottom: var(--iws-ref-spacing-400);
}

.pb5, .pb-500 {
    padding-bottom: var(--iws-ref-spacing-500);
}

.pb6, .pb-600 {
    padding-bottom: var(--iws-ref-spacing-600);
}

.pb7, .pb-700 {
    padding-bottom: var(--iws-ref-spacing-700);
}

.pb8, .pb-800 {
    padding-bottom: var(--iws-ref-spacing-800);
}

.pb9, .pb-900 {
    padding-bottom: var(--iws-ref-spacing-900);
}

.pl0, .pl-0 {
    padding-left: 0;
}

.pl1, .pl-100 {
    padding-left: var(--iws-ref-spacing-100);
}

.pl2, .pl-200 {
    padding-left: var(--iws-ref-spacing-200);
}

.pl3, .pl-300 {
    padding-left: var(--iws-ref-spacing-300);
}

.pl4, .pl-400 {
    padding-left: var(--iws-ref-spacing-400);
}

.pl5, .pl-500 {
    padding-left: var(--iws-ref-spacing-500);
}

.pl6, .pl-600 {
    padding-left: var(--iws-ref-spacing-600);
}

.pl7, .pl-700 {
    padding-left: var(--iws-ref-spacing-700);
}

.pl8, .pl-800 {
    padding-left: var(--iws-ref-spacing-800);
}

.pl9, .pl-900 {
    padding-left: var(--iws-ref-spacing-900);
}

.pr0, .pr-0 {
    padding-right: 0;
}

.pr1, .pr-100 {
    padding-right: var(--iws-ref-spacing-100);
}

.pr2, .pr-200 {
    padding-right: var(--iws-ref-spacing-200);
}

.pr3, .pr-300 {
    padding-right: var(--iws-ref-spacing-300);
}

.pr4, .pr-400 {
    padding-right: var(--iws-ref-spacing-400);
}

.pr5, .pr-500 {
    padding-right: var(--iws-ref-spacing-500);
}

.pr6, .pr-600 {
    padding-right: var(--iws-ref-spacing-600);
}

.pr7, .pr-700 {
    padding-right: var(--iws-ref-spacing-700);
}

.pr8, .pr-800 {
    padding-right: var(--iws-ref-spacing-800);
}

.pr9, .pr-900 {
    padding-right: var(--iws-ref-spacing-900);
}

.pv0, .pv-0 {
    padding-top: 0;
    padding-bottom: 0;
}

.pv1, .pv-100 {
    padding-top: var(--iws-ref-spacing-100);
    padding-bottom: var(--iws-ref-spacing-100);
}

.pv2, .pv-200 {
    padding-top: var(--iws-ref-spacing-200);
    padding-bottom: var(--iws-ref-spacing-200);
}

.pv3, .pv-300 {
    padding-top: var(--iws-ref-spacing-300);
    padding-bottom: var(--iws-ref-spacing-300);
}

.pv4, .pv-400 {
    padding-top: var(--iws-ref-spacing-400);
    padding-bottom: var(--iws-ref-spacing-400);
}

.pv5, .pv-500 {
    padding-top: var(--iws-ref-spacing-500);
    padding-bottom: var(--iws-ref-spacing-500);
}

.pv6, .pv-600 {
    padding-top: var(--iws-ref-spacing-600);
    padding-bottom: var(--iws-ref-spacing-600);
}

.pv7, .pv-700 {
    padding-top: var(--iws-ref-spacing-700);
    padding-bottom: var(--iws-ref-spacing-700);
}

.pv8, .pv-800 {
    padding-top: var(--iws-ref-spacing-800);
    padding-bottom: var(--iws-ref-spacing-800);
}

.pv9, .pv-900 {
    padding-top: var(--iws-ref-spacing-900);
    padding-bottom: var(--iws-ref-spacing-900);
}

.ph0, .ph-0 {
    padding-left: 0;
    padding-right: 0;
}

.ph1, .ph-100 {
    padding-left: var(--iws-ref-spacing-100);
    padding-right: var(--iws-ref-spacing-100);
}

.ph2, .ph-200 {
    padding-left: var(--iws-ref-spacing-200);
    padding-right: var(--iws-ref-spacing-200);
}

.ph3, .ph-300 {
    padding-left: var(--iws-ref-spacing-300);
    padding-right: var(--iws-ref-spacing-300);
}

.ph4, .ph-400 {
    padding-left: var(--iws-ref-spacing-400);
    padding-right: var(--iws-ref-spacing-400);
}

.ph5, .ph-500 {
    padding-left: var(--iws-ref-spacing-500);
    padding-right: var(--iws-ref-spacing-500);
}

.ph6, .ph-600 {
    padding-left: var(--iws-ref-spacing-600);
    padding-right: var(--iws-ref-spacing-600);
}

.ph7, .ph-700 {
    padding-left: var(--iws-ref-spacing-700);
    padding-right: var(--iws-ref-spacing-700);
}

.ph8, .ph-800 {
    padding-left: var(--iws-ref-spacing-800);
    padding-right: var(--iws-ref-spacing-800);
}

.ph9, .ph-900 {
    padding-left: var(--iws-ref-spacing-900);
    padding-right: var(--iws-ref-spacing-900);
}

.pointer {
    cursor: pointer;
}

.grabbed {
    cursor: grab;
}

.no-select {
    user-select: none;
}

.br-sm {
    border-radius: var(--iws-system-shape-outline-small);
}

.br {
    border-radius: var(--iws-system-shape-outline-medium);
}

.br-xl {
    border-radius: var(--iws-system-shape-outline-xlarge);
}

.br-full {
    border-radius: var(--iws-system-shape-outline-full);
}

.elevation-000 {
    box-shadow: none;
}

.elevation-100 {
    box-shadow: var(--iws-system-elevation-shadow-100);
}

.elevation-200 {
    box-shadow: var(--iws-system-elevation-shadow-200);
}

.elevation-300 {
    box-shadow: var(--iws-system-elevation-shadow-300);
}

.ofh {
    overflow: hidden;
}

.ofxa {
    overflow-x: auto;
}

.ofxh {
    overflow-x: hidden;
}

.ofya {
    overflow-y: auto;
}

.ofyh {
    overflow-y: hidden;
}

.tofe {
    text-overflow: ellipsis;
    overflow: hidden;
}

.center, .centered {
    text-align: center;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.justified, .justify {
    text-align: justify;
}

.block, .d-block {
    display: block !important;
}

.inline-block, .d-inline-block {
    display: inline-block !important;
}

.hidden, .d-none {
    display: none !important;
}

@media (max-width: 768px) {
    .hidden-sm, .d-none-sm {
        display: none !important;
    }
}

@media (max-width: 992px) {
    .hidden-md, .d-none-md {
        display: none !important;
    }
}

.break-all {
    word-break: break-all;
}

.break-word {
    word-break: break-word;
}

.break-none {
    word-break: none;
}

.dark input:-internal-autofill-selected,
.dark select:-internal-autofill-selected,
.dark textarea:-internal-autofill-selected {
    color-scheme: dark;
}

input, select, textarea {
    /* @extend .bg-surface-highest;*/
    background-color: var(--iws-component-form-input-default-container-color);
    padding: var(--iws-ref-spacing-200) var(--iws-ref-spacing-300);
    outline: transparent;
    border: var(--iws-component-form-input-default-container-outline-size, 1px) solid var(--iws-component-form-input-default-container-outline-color, var(--iws-system-color-outline-default));
    border-radius: var(--iws-component-form-input-default-container-outline-shape);
}

    input:hover:not(.disabled):not([disabled]):not(:focus):not(:focus-within), select:hover:not(.disabled):not([disabled]):not(:focus):not(:focus-within), textarea:hover:not(.disabled):not([disabled]):not(:focus):not(:focus-within) {
        background-color: var(--iws-component-form-input-hover-container-color);
        border-color: var(--iws-component-form-input-hover-container-outline-color);
    }

    input:focus, select:focus, textarea:focus {
        /*border-width: var(--iws-component-form-input-focus-container-outline-size);*/
        border-color: var(--iws-component-form-input-focus-container-outline-color);
    }

    input::placeholder, select::placeholder, textarea::placeholder {
        color: var(--iws-system-color-text-subtle);
    }

    input.invalid, input.error, select.invalid, select.error, textarea.invalid, textarea.error {
        border-color: var(--iws-system-color-error);
    }

    input[disabled], input.disabled, select[disabled], select.disabled, textarea[disabled], textarea.disabled {
        cursor: default;
        border-color: var(--iws-component-form-input-disabled-container-outline-color);
    }

    input[type=color], select[type=color], textarea[type=color] {
        width: var(--iws-ref-spacing-600);
        height: var(--iws-ref-spacing-600);
        padding: 0;
        margin: var(--iws-ref-spacing-100);
        background-color: var(--iws-system-color-surface-default);
        border-radius: var(--iws-system-shape-outline-small);
        border: none;
        box-shadow: var(--iws-system-elevation-shadow-100);
        cursor: pointer;
    }

        input[type=color]:hover, select[type=color]:hover, textarea[type=color]:hover {
            background-color: var(--iws-system-color-surface-highest);
        }

    input[type=checkbox] {
        width: var(--iws-ref-spacing-400);
        height: var(--iws-ref-spacing-400);
    }

        input[type=checkbox].large {
            width: var(--iws-ref-spacing-500);
            height: var(--iws-ref-spacing-500);
        }

    input[type=color i]::-webkit-color-swatch-wrapper,
    input[type=color i] {
        padding: 1px;
    }

label.color-input-container {
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: var(--iws-system-shape-outline-small);
    border: var(--iws-component-form-input-default-container-outline-size, 1px) solid transparent;
    cursor: pointer;
}

    label.color-input-container.small {
        width: 24px;
        height: 24px;
    }

    label.color-input-container:hover {
        border-color: var(--iws-system-color-primary);
    }

    label.color-input-container > input[type=color] {
        visibility: hidden;
        width: 100%;
        height: 100%;
    }

label.required::after {
    content: "*";
}

.form-field {
    width: 100%;
    margin-bottom: var(--iws-ref-spacing-400);
}

    .form-field.dense {
        margin-bottom: var(--iws-ref-spacing-200);
    }

    .form-field.no-footer {
        margin-bottom: 0;
    }

    .form-field .error, .form-field .hint {
        display: block;
        font-size: var(--iws-system-font-body-small-default-size);
    }

    .form-field .error, .form-field .hint, .form-field label, .form-field .label {
        padding-left: var(--iws-ref-spacing-100);
    }

    .form-field input:not([type=color]):not([type=checkbox]), .form-field select, .form-field textarea {
        width: 100%;
    }

    .form-field:not(.invalid) .error {
        display: none;
    }

    .form-field.invalid .error {
        color: var(--iws-system-color-error);
    }

    .form-field .hint {
        color: var(--iws-system-color-text-default);
    }

    .form-field textarea + .hint {
        margin-top: calc(-0.75 * var(--iws-ref-spacing-200));
    }

    .form-field .multiselect-field {
        --iws-multiselect-line-height: 1.5em;
        --iws-multiselect-option-padding-vertical: var(--iws-ref-spacing-100);
        --iws-multiselect-option-border-width: 1px;
        --iws-multiselect-option-height: calc(var(--iws-multiselect-line-height) + calc(2 * var(--iws-multiselect-option-padding-vertical)) + var(--iws-multiselect-option-border-width));
        padding: 0 var(--iws-ref-spacing-050) 0 0;
        border: 1px solid var(--iws-system-color-outline-light);
        border-radius: var(--iws-system-shape-outline-medium);
        overflow: hidden;
    }

        .form-field .multiselect-field .multiselect-inner-container {
            overflow-y: auto;
            overflow-x: hidden;
            scrollbar-color: var(--iws-system-color-surface-highest) var(--iws-system-color-surface-lowest);
            max-height: calc(5 * var(--iws-multiselect-option-height));
        }

            .form-field .multiselect-field .multiselect-inner-container .multiselect-option {
                padding: var(--iws-multiselect-option-padding-vertical) var(--iws-ref-spacing-200);
                border-bottom: var(--iws-multiselect-option-border-width) solid var(--iws-system-color-outline-subtle);
            }

                .form-field .multiselect-field .multiselect-inner-container .multiselect-option.active {
                    background-color: var(--iws-system-color-primary);
                    color: var(--iws-system-color-on-primary);
                }

        .form-field .multiselect-field.disabled {
            border-color: var(--iws-component-form-input-disabled-container-outline-color);
        }

            .form-field .multiselect-field.disabled .multiselect-inner-container {
                overflow: hidden;
            }

            .form-field .multiselect-field.disabled .multiselect-option {
                opacity: 0.6;
                cursor: default;
            }

        .form-field .multiselect-field:not(.disabled) .multiselect-option {
            cursor: pointer;
        }

            .form-field .multiselect-field:not(.disabled) .multiselect-option:hover:not(.active) {
                background-color: var(--iws-system-color-surface-dim);
                color: var(--iws-system-color-on-surface);
            }

    .form-field .slider-container {
        display: flex;
        align-items: center;
    }

        .form-field .slider-container input[type=range] {
            flex: 1;
            width: auto;
            padding: 0;
        }

    .form-field.checkbox label, .form-field.checkbox .label {
        margin-bottom: 0;
    }

/* dual range slider */
.range-slider-container .range-slider-controls {
    --iws-dual-range-color: #0075ff;
    --iws-dual-range-height: 8px;
    --iws-dual-range-thumb-height: 16px;
    --iws-dual-range-dif: calc(var(--iws-dual-range-max) - var(--iws-dual-range-min));
    position: relative;
    height: var(--iws-dual-range-height);
    background: var(--iws-ref-color-palette-neutral-90);
    border: 1px solid var(--iws-component-form-input-default-container-outline-color, var(--iws-system-color-outline-default));
    border-radius: var(--iws-component-form-input-default-container-outline-shape);
}

    .range-slider-container .range-slider-controls::before, .range-slider-container .range-slider-controls::after {
        height: 100%;
        background: var(--iws-dual-range-color);
        content: "";
        position: absolute;
    }

    .range-slider-container .range-slider-controls::before {
        margin-left: calc((var(--iws-dual-range-from-value) - var(--iws-dual-range-min)) / var(--iws-dual-range-dif) * 100%);
        width: calc((var(--iws-dual-range-to-value) - var(--iws-dual-range-from-value)) / var(--iws-dual-range-dif) * 100%);
    }

    .range-slider-container .range-slider-controls::after {
        margin-left: calc((var(--iws-dual-range-to-value) - var(--iws-dual-range-min)) / var(--iws-dual-range-dif) * 100%);
        width: calc((var(--iws-dual-range-from-value) - var(--iws-dual-range-to-value)) / var(--iws-dual-range-dif) * 100%);
    }

    .range-slider-container .range-slider-controls input[type=range] {
        -webkit-appearance: none;
        appearance: none;
        pointer-events: none;
        height: var(--iws-dual-range-height);
        width: 100%;
        position: absolute;
        background-color: transparent;
        position: absolute;
        padding: 0;
        border: 0;
    }

        .range-slider-container .range-slider-controls input[type=range]:hover:not(:disabled):not(.disabled) {
            -webkit-appearance: none;
            appearance: none;
            pointer-events: none;
            background-color: transparent;
        }

        .range-slider-container .range-slider-controls input[type=range]::-webkit-slider-thumb {
            -webkit-appearance: none;
            pointer-events: all;
            width: var(--iws-dual-range-thumb-height);
            height: var(--iws-dual-range-thumb-height);
            background-color: var(--iws-dual-range-color);
            border-radius: var(--iws-system-shape-outline-full);
            cursor: pointer;
        }

        .range-slider-container .range-slider-controls input[type=range]::-moz-range-thumb {
            -moz-appearance: none;
            pointer-events: all;
            width: var(--iws-dual-range-thumb-height);
            height: var(--iws-dual-range-thumb-height);
            background-color: var(--iws-dual-range-color);
            border-radius: var(--iws-system-shape-outline-full);
            cursor: pointer;
        }

.search-box-wrapper {
    background-color: var(--iws-component-form-input-default-container-color);
    border-radius: var(--iws-system-shape-outline-xlarge);
    border: var(--iws-component-form-input-default-container-outline-size, 1px) solid var(--iws-component-form-input-default-container-outline-color, var(--iws-system-color-outline-default));
    outline: transparent;
    display: flex;
    height: var(--iws-component-icon-button-default-height);
    width: 100%;
}

    .search-box-wrapper > input {
        border: none;
        flex: 1 0 auto;
        width: auto !important;
        background-color: transparent;
        border-top-right-radius: var(--iws-system-shape-outline-full);
        border-bottom-right-radius: var(--iws-system-shape-outline-full);
        outline: transparent;
    }

        .search-box-wrapper > input:hover:not(.disabled):not([disabled]):not(:focus):not(:focus-within) {
            background-color: transparent;
            border-color: transparent;
        }

    .search-box-wrapper:has(.input:focus) {
        border-color: var(--iws-component-form-input-focus-container-outline-color);
    }

    .search-box-wrapper > .icon-prefix.icon { /* icons (not buttons) as prefix */
        margin: var(--iws-ref-spacing-300) 0 var(--iws-ref-spacing-300) var(--iws-ref-spacing-200);
    }

    .search-box-wrapper > button.icon-suffix, .search-box-wrapper > .iws-icon-button.icon-suffix {
        cursor: pointer;
        margin-top: 1px;
        margin-right: 1px;
    }

    .search-box-wrapper:hover:not(.disabled):not(:has(.input:focus)) {
        background-color: var(--iws-component-form-input-hover-container-color);
        border-color: var(--iws-component-form-input-hover-container-outline-color);
    }

    .search-box-wrapper:focus-within {
        border-color: var(--iws-component-form-input-focus-container-outline-color);
    }

    .search-box-wrapper.disabled {
        border-color: var(--iws-component-form-input-disabled-container-outline-color);
    }

        .search-box-wrapper.disabled > .icon-prefix.icon {
            opacity: 40%;
        }

/* TOGGLE SWITCH Styles */
.toggle {
    display: inline-flex;
    align-items: center;
    position: relative;
    height: var(--iws-component-form-toggle-default-unchecked-container-height);
    padding-left: var(--iws-ref-spacing-000) !important;
    /* track */
    /* thumb */
}

    .toggle:not(.disabled) {
        cursor: pointer;
    }

    .toggle.disabled {
        opacity: 40%;
    }

    .toggle .label {
        padding-left: var(--iws-ref-spacing-200);
        margin-bottom: 0;
    }

    .toggle:before, .toggle:after {
        bottom: 0;
        content: "";
        display: inline-block;
        margin: 0 auto;
    }

    .toggle:before {
        border: 2px solid var(--iws-component-form-toggle-default-unchecked-container-outline-color);
        background-color: var(--iws-component-form-toggle-default-unchecked-container-color);
        border-radius: var(--iws-system-shape-outline-full);
        top: 0;
        height: var(--iws-component-form-toggle-default-unchecked-container-height);
        width: var(--iws-component-form-toggle-default-unchecked-container-width);
    }

    .toggle:after {
        background-color: var(--iws-component-form-toggle-default-unchecked-thumb-color);
        border-radius: var(--iws-system-shape-outline-full);
        position: absolute;
        transition: 0.4s;
        height: var(--iws-component-form-toggle-default-unchecked-thumb-height);
        width: var(--iws-component-form-toggle-default-unchecked-thumb-width);
        top: calc((var(--iws-component-form-toggle-default-unchecked-container-height) - var(--iws-component-form-toggle-default-unchecked-thumb-height)) / 2);
        left: var(--iws-ref-spacing-100);
    }

.toggle-checkbox {
    display: none; /* hide the "default" checkbox */
}

    .toggle-checkbox:checked ~ .toggle:before {
        border-color: var(--iws-component-form-toggle-default-checked-container-outline-color);
        background-color: var(--iws-component-form-toggle-default-checked-container-color);
    }

    .toggle-checkbox:checked ~ .toggle:after {
        background-color: var(--iws-component-form-toggle-default-checked-thumb-color);
        transform: translateX(var(--iws-component-form-toggle-default-unchecked-thumb-width));
    }

.form-field.small .toggle {
    height: var(--iws-component-form-toggle-small-unchecked-container-height);
    /* thumb */
}

    .form-field.small .toggle:before {
        height: var(--iws-component-form-toggle-small-unchecked-container-height);
        width: var(--iws-component-form-toggle-small-unchecked-container-width);
    }

    .form-field.small .toggle:after {
        height: var(--iws-component-form-toggle-small-unchecked-thumb-height);
        width: var(--iws-component-form-toggle-small-unchecked-thumb-width);
        top: calc((var(--iws-component-form-toggle-small-unchecked-container-height) - var(--iws-component-form-toggle-small-unchecked-thumb-height)) / 2);
    }

.form-field.small .toggle-checkbox:checked ~ .toggle:after {
    transform: translateX(var(--iws-component-form-toggle-small-unchecked-thumb-width));
}

button {
    cursor: pointer;
    user-select: none;
}

    button.disabled, button:disabled {
        opacity: 60%;
        cursor: default !important;
    }

    button > .icon {
        display: inline-block;
        width: var(--iws-ref-size-icon-default-width);
        height: var(--iws-ref-size-icon-default-height);
        flex-shrink: 0;
    }

.iws-button,
.iws-flat-button,
.iws-stroked-button,
.iws-raised-button {
    border-style: solid;
    border-radius: var(--iws-component-button-text-default-base-container-outline-shape, var(--iws-component-button-base-default-container-outline-shape, "8px"));
    padding: var(--iws-component-button-text-default-base-padding-vertical, var(--iws-component-button-base-default-padding-vertical)) var(--iws-component-button-text-default-base-padding-horizontal, var(--iws-component-button-base-default-padding-horizontal));
    height: var(--iws-component-button-text-default-base-height, var(--iws-component-button-base-default-height, "auto"));
    min-width: var(--iws-component-button-text-default-base-min-width, var(--iws-component-button-base-default-min-width, "auto"));
    font-weight: var(--iws-system-font-body-medium-bold-weight);
    font-size: var(--iws-system-font-body-medium-default-size);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
}

    .iws-button.small,
    .iws-flat-button.small,
    .iws-stroked-button.small,
    .iws-raised-button.small {
        height: var(--iws-component-button-base-small-height);
        min-width: var(--iws-component-button-base-small-min-width);
        padding: var(--iws-component-button-base-small-padding-vertical) var(--iws-component-button-base-small-padding-horizontal);
        font-size: var(--iws-system-font-body-small-default-size);
    }

        .iws-button.small .icon.icon-svg,
        .iws-flat-button.small .icon.icon-svg,
        .iws-stroked-button.small .icon.icon-svg,
        .iws-raised-button.small .icon.icon-svg {
            width: var(--iws-ref-size-icon-small-width);
            height: var(--iws-ref-size-icon-small-height);
            min-width: var(--iws-ref-size-icon-small-width);
            min-height: var(--iws-ref-size-icon-small-height);
        }

    .iws-button.large,
    .iws-flat-button.large,
    .iws-stroked-button.large,
    .iws-raised-button.large {
        height: var(--iws-component-button-base-large-height);
        min-width: var(--iws-component-button-base-large-min-width);
        padding: var(--iws-component-button-base-large-padding-vertical) var(--iws-component-button-base-large-padding-horizontal);
        font-size: var(--iws-system-font-body-large-default-size);
    }

        .iws-button.large .icon.icon-svg,
        .iws-flat-button.large .icon.icon-svg,
        .iws-stroked-button.large .icon.icon-svg,
        .iws-raised-button.large .icon.icon-svg {
            width: var(--iws-ref-size-icon-large-width);
            height: var(--iws-ref-size-icon-large-height);
            min-width: var(--iws-ref-size-icon-large-width);
            min-height: var(--iws-ref-size-icon-large-height);
        }

    .iws-button.full,
    .iws-flat-button.full,
    .iws-stroked-button.full,
    .iws-raised-button.full {
        width: 100%;
    }

.iws-button {
    background-color: var(--iws-component-button-text-default-base-container-color);
    color: var(--iws-component-button-text-default-base-label-color, var(--iws-component-button-base-default-label-color));
    border-width: var(--iws-component-button-text-default-base-container-outline-size, var(--iws-component-button-base-default-container-outline-size, 0));
    border-color: var(--iws-component-button-text-default-base-container-outline-color, var(--iws-component-button-base-default-container-outline-color, transparent));
}

    .iws-button.primary {
        color: var(--iws-component-button-text-primary-base-label-color, var(--iws-system-color-primary));
    }

    .iws-button.secondary {
        color: var(--iws-component-button-text-secondary-base-label-color, var(--iws-system-color-secondary));
    }

    .iws-button.tertiary {
        color: var(--iws-component-button-text-tertiary-base-label-color, var(--iws-system-color-tertiary));
    }

    .iws-button.error {
        color: var(--iws-component-button-text-error-base-label-color, var(--iws-system-color-error));
    }

    .iws-button.warning {
        color: var(--iws-component-button-text-warning-base-label-color, var(--iws-system-color-warning));
    }

    .iws-button.success {
        color: var(--iws-component-button-text-success-base-label-color, var(--iws-system-color-success));
    }

    .iws-button.white {
        color: var(--iws-ref-color-palette-white);
    }

    .iws-button:hover:not(.disabled):not([disabled]),
    .iws-button.hovered:not(.disabled):not([disabled]),
    .iws-button.active:not(.disabled):not([disabled]) {
        background-color: var(--iws-component-button-text-default-hover-container-color);
        color: var(--iws-component-button-text-default-hover-label-color, var(--iws-component-button-text-default-label-color));
        border-color: var(--iws-component-button-text-default-hover-container-outline-color, var(--iws-component-button-base-hover-container-outline-color, transparent));
    }

        .iws-button:hover:not(.disabled):not([disabled]).primary,
        .iws-button.hovered:not(.disabled):not([disabled]).primary,
        .iws-button.active:not(.disabled):not([disabled]).primary {
            background-color: var(--iws-component-button-flat-primary-hover-container-color);
            color: var(--iws-component-button-text-primary-hover-label-color);
        }

        .iws-button:hover:not(.disabled):not([disabled]).secondary,
        .iws-button.hovered:not(.disabled):not([disabled]).secondary,
        .iws-button.active:not(.disabled):not([disabled]).secondary {
            background-color: var(--iws-component-button-flat-secondary-hover-container-color);
            color: var(--iws-component-button-text-secondary-hover-label-color);
        }

        .iws-button:hover:not(.disabled):not([disabled]).tertiary,
        .iws-button.hovered:not(.disabled):not([disabled]).tertiary,
        .iws-button.active:not(.disabled):not([disabled]).tertiary {
            background-color: var(--iws-component-button-flat-tertiary-hover-container-color);
            color: var(--iws-component-button-text-tertiary-hover-label-color);
        }

        .iws-button:hover:not(.disabled):not([disabled]).error,
        .iws-button.hovered:not(.disabled):not([disabled]).error,
        .iws-button.active:not(.disabled):not([disabled]).error {
            background-color: var(--iws-component-button-flat-error-hover-container-color);
            color: var(--iws-component-button-text-error-hover-label-color);
        }

        .iws-button:hover:not(.disabled):not([disabled]).warning,
        .iws-button.hovered:not(.disabled):not([disabled]).warning,
        .iws-button.active:not(.disabled):not([disabled]).warning {
            background-color: var(--iws-component-button-flat-warning-hover-container-color);
            color: var(--iws-component-button-text-warning-hover-label-color);
        }

        .iws-button:hover:not(.disabled):not([disabled]).success,
        .iws-button.hovered:not(.disabled):not([disabled]).success,
        .iws-button.active:not(.disabled):not([disabled]).success {
            background-color: var(--iws-component-button-flat-success-hover-container-color);
            color: var(--iws-component-button-text-success-hover-label-color);
        }

        .iws-button:hover:not(.disabled):not([disabled]).white,
        .iws-button.hovered:not(.disabled):not([disabled]).white,
        .iws-button.active:not(.disabled):not([disabled]).white {
            color: var(--iws-ref-color-palette-white);
        }

    .iws-button:focus, .iws-icon-button:focus,
    .iws-button.focused, .iws-icon-button.focused {
        outline: 2px solid var(--iws-system-color-focus);
    }

.iws-icon-button {
    background-color: var(--iws-component-button-text-default-base-container-color);
    color: var(--iws-component-button-text-default-base-label-color, var(--iws-component-button-base-default-label-color, var(--iws-system-color-primary)));
    border-width: var(--iws-component-button-text-default-base-container-outline-size, var(--iws-component-button-base-default-container-outline-size, 0));
    border-style: solid;
    border-color: var(--iws-component-button-text-default-base-container-outline-color, var(--iws-component-button-base-default-container-outline-color, transparent));
    border-radius: var(--iws-component-button-icon-default-container-outline-shape, var(--iws-component-button-base-default-container-outline-shape, "8px"));
    padding: var(--iws-component-button-icon-default-padding-vertical, var(--iws-component-button-base-default-padding-vertical)) var(--iws-component-button-icon-default-padding-horizontal, var(--iws-component-button-base-default-padding-horizontal));
    height: var(--iws-component-button-icon-default-height, var(--iws-component-button-base-default-height, "auto"));
    width: var(--iws-component-button-icon-default-width, var(--iws-component-button-base-default-width, "auto"));
    min-width: var(--iws-component-button-icon-default-width, var(--iws-component-button-base-default-width, "auto"));
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

    .iws-icon-button.primary {
        background-color: var(--iws-component-button-icon-primary-base-container-color, var(--iws-system-color-primary));
        color: var(--iws-component-button-icon-primary-base-label-color, var(--iws-system-color-on-primary));
    }

    .iws-icon-button.secondary {
        background-color: var(--iws-component-button-icon-secondary-base-container-color, var(--iws-system-color-secondary));
        color: var(--iws-component-button-icon-secondary-base-label-color, var(--iws-system-color-on-secondary));
    }

    .iws-icon-button.tertiary {
        background-color: var(--iws-component-button-icon-tertiary-base-container-color, var(--iws-system-color-tertiary));
        color: var(--iws-component-button-icon-tertiary-base-label-color, var(--iws-system-color-on-tertiary));
    }

    .iws-icon-button.error {
        background-color: var(--iws-component-button-icon-error-base-container-color, var(--iws-system-color-error));
        color: var(--iws-component-button-icon-error-base-label-color, var(--iws-system-color-on-error));
    }

    .iws-icon-button.warning {
        background-color: var(--iws-component-button-icon-warning-base-container-color, var(--iws-system-color-warning));
        color: var(--iws-component-button-icon-warning-base-label-color, var(--iws-system-color-on-warning));
    }

    .iws-icon-button.success {
        background-color: var(--iws-component-button-icon-success-base-container-color, var(--iws-system-color-success));
        color: var(--iws-component-button-icon-success-base-label-color, var(--iws-system-color-on-success));
    }

    .iws-icon-button.white {
        color: var(--iws-ref-color-palette-white);
    }

    .iws-icon-button:hover:not(.disabled):not([disabled]),
    .iws-icon-button.hovered:not(.disabled):not([disabled]),
    .iws-icon-button.active:not(.disabled):not([disabled]) {
        background-color: var(--iws-component-button-base-hover-container-color);
        color: var(--iws-component-button-icon-hover-label-color, var(--iws-component-button-base-hover-label-color));
    }

        .iws-icon-button:hover:not(.disabled):not([disabled]).primary,
        .iws-icon-button.hovered:not(.disabled):not([disabled]).primary,
        .iws-icon-button.active:not(.disabled):not([disabled]).primary {
            background-color: var(--iws-component-button-flat-primary-hover-container-color, var(--iws-component-button-base-hover-container-color));
        }

        .iws-icon-button:hover:not(.disabled):not([disabled]).secondary,
        .iws-icon-button.hovered:not(.disabled):not([disabled]).secondary,
        .iws-icon-button.active:not(.disabled):not([disabled]).secondary {
            background-color: var(--iws-component-button-flat-secondary-hover-container-color, var(--iws-component-button-base-hover-container-color));
        }

        .iws-icon-button:hover:not(.disabled):not([disabled]).tertiary,
        .iws-icon-button.hovered:not(.disabled):not([disabled]).tertiary,
        .iws-icon-button.active:not(.disabled):not([disabled]).tertiary {
            background-color: var(--iws-component-button-flat-tertiary-hover-container-color, var(--iws-component-button-base-hover-container-color));
        }

        .iws-icon-button:hover:not(.disabled):not([disabled]).error,
        .iws-icon-button.hovered:not(.disabled):not([disabled]).error,
        .iws-icon-button.active:not(.disabled):not([disabled]).error {
            background-color: var(--iws-component-button-flat-error-hover-container-color, var(--iws-component-button-base-hover-container-color));
        }

        .iws-icon-button:hover:not(.disabled):not([disabled]).warning,
        .iws-icon-button.hovered:not(.disabled):not([disabled]).warning,
        .iws-icon-button.active:not(.disabled):not([disabled]).warning {
            background-color: var(--iws-component-button-flat-warning-hover-container-color, var(--iws-component-button-base-hover-container-color));
        }

        .iws-icon-button:hover:not(.disabled):not([disabled]).success,
        .iws-icon-button.hovered:not(.disabled):not([disabled]).success,
        .iws-icon-button.active:not(.disabled):not([disabled]).success {
            background-color: var(--iws-component-button-flat-success-hover-container-color, var(--iws-component-button-base-hover-container-color));
        }

        .iws-icon-button:hover:not(.disabled):not([disabled]).white,
        .iws-icon-button.hovered:not(.disabled):not([disabled]).white,
        .iws-icon-button.active:not(.disabled):not([disabled]).white {
            background-color: var(--iws-component-button-flat-secondary-hover-container-color);
        }

    .iws-icon-button > .icon {
        display: inline-block;
        width: var(--iws-component-button-icon-default-icon-width, var(--iws-component-button-base-default-icon-width, "auto"));
        height: var(--iws-component-button-icon-default-icon-height, var(--iws-component-button-base-default-icon-height, "auto"));
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
        fill: currentColor;
    }

        .iws-icon-button > .icon > svg {
            width: var(--iws-component-button-icon-default-icon-width, var(--iws-component-button-base-default-icon-width, "auto"));
            height: var(--iws-component-button-icon-default-icon-height, var(--iws-component-button-base-default-icon-height, "auto"));
        }

    .iws-icon-button.small {
        width: var(--iws-component-button-icon-small-default-width);
        height: var(--iws-component-button-icon-small-default-height);
        min-width: var(--iws-component-button-icon-small-default-width);
        padding: 0;
        font-size: var(--iws-system-font-body-small-default-size);
    }

        .iws-icon-button.small .icon.icon-svg {
            width: var(--iws-component-button-icon-small-default-icon-width);
            height: var(--iws-component-button-icon-small-default-icon-height);
            min-width: var(--iws-component-button-icon-small-default-icon-width);
            min-height: var(--iws-component-button-icon-small-default-icon-height);
        }

    .iws-icon-button.large {
        width: var(--iws-component-button-icon-large-default-width);
        height: var(--iws-component-button-icon-large-default-height);
        min-width: var(--iws-component-button-icon-large-default-width);
        padding: 0;
        font-size: var(--iws-system-font-body-large-default-size);
    }

        .iws-icon-button.large .icon.icon-svg {
            width: var(--iws-component-button-icon-large-default-icon-width);
            height: var(--iws-component-button-icon-large-default-icon-height);
            min-width: var(--iws-component-button-icon-large-default-icon-width);
            min-height: var(--iws-component-button-icon-large-default-icon-height);
        }

    /* Composited button classes 
    Ex: 
      <button class="iws-button filled raised primary">Click Me</button>
*/
    .iws-button.filled, .iws-icon-button.filled {
        background-color: var(--iws-component-button-flat-default-base-container-color);
    }

        .iws-button.filled.primary, .iws-icon-button.filled.primary {
            background-color: var(--iws-component-button-flat-primary-base-container-color);
            color: var(--iws-component-button-flat-primary-base-label-color, var(--iws-system-color-primary));
        }

        .iws-button.filled.secondary, .iws-icon-button.filled.secondary {
            background-color: var(--iws-component-button-flat-secondary-base-container-color);
            color: var(--iws-component-button-flat-secondary-base-label-color, var(--iws-system-color-secondary));
        }

        .iws-button.filled.tertiary, .iws-icon-button.filled.tertiary {
            background-color: var(--iws-component-button-flat-tertiary-base-container-color);
            color: var(--iws-component-button-flat-tertiary-base-label-color, var(--iws-system-color-tertiary));
        }

        .iws-button.filled.error, .iws-icon-button.filled.error {
            background-color: var(--iws-component-button-flat-error-base-container-color);
            color: var(--iws-component-button-flat-error-base-label-color, var(--iws-system-color-error));
        }

        .iws-button.filled.warning, .iws-icon-button.filled.warning {
            background-color: var(--iws-component-button-flat-warning-base-container-color);
            color: var(--iws-component-button-flat-warning-base-label-color, var(--iws-system-color-warning));
        }

        .iws-button.filled.success, .iws-icon-button.filled.success {
            background-color: var(--iws-component-button-flat-success-base-container-color);
            color: var(--iws-component-button-flat-success-base-label-color, var(--iws-system-color-success));
        }

        .iws-button.filled:hover:not(.disabled):not([disabled]) {
            background-color: var(--iws-component-button-flat-default-hover-container-color, var(--iws-component-button-base-hover-container-color));
        }

            .iws-button.filled:hover:not(.disabled):not([disabled]).primary {
                background-color: var(--iws-component-button-flat-primary-hover-container-color);
                color: var(--iws-component-button-flat-primary-hover-label-color, var(--iws-system-color-primary));
            }

            .iws-button.filled:hover:not(.disabled):not([disabled]).secondary {
                background-color: var(--iws-component-button-flat-secondary-hover-container-color);
                color: var(--iws-component-button-flat-secondary-hover-label-color, var(--iws-system-color-secondary));
            }

            .iws-button.filled:hover:not(.disabled):not([disabled]).tertiary {
                background-color: var(--iws-component-button-flat-tertiary-hover-container-color);
                color: var(--iws-component-button-flat-tertiary-hover-label-color, var(--iws-system-color-tertiary));
            }

            .iws-button.filled:hover:not(.disabled):not([disabled]).error {
                background-color: var(--iws-component-button-flat-error-hover-container-color);
                color: var(--iws-component-button-flat-error-hover-label-color, var(--iws-system-color-error));
            }

            .iws-button.filled:hover:not(.disabled):not([disabled]).warning {
                background-color: var(--iws-component-button-flat-warning-hover-container-color);
                color: var(--iws-component-button-flat-warning-hover-label-color, var(--iws-system-color-warning));
            }

            .iws-button.filled:hover:not(.disabled):not([disabled]).success {
                background-color: var(--iws-component-button-flat-success-hover-container-color);
                color: var(--iws-component-button-flat-success-hover-label-color, var(--iws-system-color-success));
            }

.iws-button.raised {
    box-shadow: var(--iws-component-button-raised-default-base-container-elevation);
}

    .iws-button.raised:hover:not(.disabled):not([disabled]) {
        box-shadow: var(--iws-component-button-raised-default-hover-container-elevation);
    }

.iws-button.stroked {
    border-width: var(--iws-component-button-stroked-default-base-container-outline-size, var(--iws-component-button-base-default-container-outline-size, 0));
    border-color: var(--iws-component-button-stroked-default-base-container-outline-color, var(--iws-system-color-outline-light));
}

    .iws-button.stroked.primary {
        border-color: var(--iws-component-button-stroked-primary-base-container-outline-color);
    }

    .iws-button.stroked.secondary {
        border-color: var(--iws-component-button-stroked-secondary-base-container-outline-color);
    }

    .iws-button.stroked.tertiary {
        border-color: var(--iws-component-button-stroked-tertiary-base-container-outline-color);
    }

    .iws-button.stroked.error {
        border-color: var(--iws-component-button-stroked-error-base-container-outline-color);
    }

    .iws-button.stroked.warning {
        border-color: var(--iws-component-button-stroked-warning-base-container-outline-color);
    }

    .iws-button.stroked.success {
        border-color: var(--iws-component-button-stroked-success-base-container-outline-color);
    }

    .iws-button.stroked.faint {
        border-color: var(--iws-system-color-outline-faint);
    }

    .iws-button.stroked:hover:not(.disabled):not([disabled]) {
        border-width: var(--iws-component-button-stroked-default-hover-container-outline-size, var(--iws-component-button-base-default-container-outline-size, 0));
        border-color: var(--iws-component-button-stroked-default-hover-container-outline-color, var(--iws-system-color-outline-light));
    }

        .iws-button.stroked:hover:not(.disabled):not([disabled]).primary {
            border-color: var(--iws-component-button-stroked-primary-hover-container-outline-color, var(--iws-component-button-stroked-primary-base-container-outline-color));
        }

        .iws-button.stroked:hover:not(.disabled):not([disabled]).secondary {
            border-color: var(--iws-component-button-stroked-secondary-hover-container-outline-color, var(--iws-component-button-stroked-secondary-base-container-outline-color));
        }

        .iws-button.stroked:hover:not(.disabled):not([disabled]).tertiary {
            border-color: var(--iws-component-button-stroked-tertiary-hover-container-outline-color, var(--iws-component-button-stroked-tertiary-base-container-outline-color));
        }

        .iws-button.stroked:hover:not(.disabled):not([disabled]).error {
            border-color: var(--iws-component-button-stroked-error-hover-container-outline-color, var(--iws-component-button-stroked-error-base-container-outline-color));
        }

        .iws-button.stroked:hover:not(.disabled):not([disabled]).warning {
            border-color: var(--iws-component-button-stroked-warning-hover-container-outline-color, var(--iws-component-button-stroked-warning-base-container-outline-color));
        }

        .iws-button.stroked:hover:not(.disabled):not([disabled]).success {
            border-color: var(--iws-component-button-stroked-success-hover-container-outline-color, var(--iws-component-button-stroked-success-base-container-outline-color));
        }

.iws-button.link {
    color: var(--iws-system-color-primary);
    --iws-button-icon-filter: var(--iws-icon-primary-filter);
    --iws-button-hover-icon-filter: var(--iws-icon-primary-dim-filter);
    padding: 0;
}

    .iws-button.link:not(.disabled):hover, .iws-button.link:not(:disabled):hover {
        background-color: transparent;
        color: var(--iws-system-color-primary);
    }

/* Button Badges */
.iws-button > .badge,
.iws-icon-button > .badge {
    position: absolute;
    top: 0;
    right: 0;
    font-size: var(--iws-ref-font-size-50);
    background-color: var(--iws-system-color-error-container);
    color: var(--iws-system-color-on-error-container);
    width: var(--iws-component-button-icon-small-default-icon-width);
    height: var(--iws-component-button-icon-small-default-icon-height);
    border-radius: var(--iws-system-shape-outline-full);
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Button Groups */
.button-group {
    --iws-component-button-group-container-color: var(--iws-component-button-flat-default-base-container-color);
    --iws-component-button-group-button-hover-container-color: var(--iws-component-button-base-hover-container-color);
    --iws-component-button-group-button-icon-filter: var(--iws-icon-on-surface-filter);
    --iws-component-button-group-button-hover-icon-filter: var(--iws-icon-on-surface-hover-filter);
    --iws-component-button-group-button-hover-label-color: var(--iws-component-button-base-hover-label-color);
    --iws-component-button-group-button-active-container-color: var(--iws-system-color-primary);
    --iws-component-button-group-button-active-icon-filter: var(--iws-icon-on-primary-filter);
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: var(--iws-system-shape-outline-medium);
    background-color: var(--iws-component-button-group-container-color);
    padding: var(--iws-ref-spacing-050);
}

    .button-group > button, .button-group > .iws-button, .button-group > .iws-icon-button {
        background-color: var(--iws-component-button-group-container-color);
        border-radius: var(--iws-system-shape-outline-medium);
    }

        .button-group > button:not(:last-child), .button-group > .iws-button:not(:last-child), .button-group > .iws-icon-button:not(:last-child) {
            margin-right: 2px;
        }

        .button-group > button .icon-svg, .button-group > .iws-button .icon-svg, .button-group > .iws-icon-button .icon-svg {
            filter: var(--iws-component-button-group-button-icon-filter);
        }

        .button-group > button:hover:not(:disabled):not(.disabled), .button-group > .iws-button:hover:not(:disabled):not(.disabled), .button-group > .iws-icon-button:hover:not(:disabled):not(.disabled) {
            background-color: var(--iws-component-button-group-button-hover-container-color);
            color: var(--iws-component-button-group-button-hover-label-color);
        }

            .button-group > button:hover:not(:disabled):not(.disabled) .icon-svg, .button-group > .iws-button:hover:not(:disabled):not(.disabled) .icon-svg, .button-group > .iws-icon-button:hover:not(:disabled):not(.disabled) .icon-svg {
                filter: var(--iws-component-button-group-button-hover-icon-filter);
            }

        .button-group > button.active:not(:disabled):not(.disabled):not([disabled]), .button-group > .iws-button.active:not(:disabled):not(.disabled):not([disabled]), .button-group > .iws-icon-button.active:not(:disabled):not(.disabled):not([disabled]) {
            background-color: var(--iws-component-button-group-button-active-container-color);
            color: var(--iws-component-button-group-button-hover-label-color);
        }

            .button-group > button.active:not(:disabled):not(.disabled):not([disabled]) .icon-svg, .button-group > .iws-button.active:not(:disabled):not(.disabled):not([disabled]) .icon-svg, .button-group > .iws-icon-button.active:not(:disabled):not(.disabled):not([disabled]) .icon-svg {
                filter: var(--iws-component-button-group-button-active-icon-filter);
            }

    .button-group.full {
        display: flex;
    }

    .button-group.primary {
        --iws-component-button-group-container-color: var(--iws-system-color-primary-container);
        /*--iws-component-button-group-button-hover-container-color: var(--iws-component-button-flat-primary-hover-container-color);*/
    }

    .button-group.secondary {
        --iws-component-button-group-container-color: var(--iws-system-color-secondary-faint);
        /*--iws-component-button-group-button-hover-container-color: var(--iws-component-button-flat-secondary-hover-container-color);*/
    }

    .button-group.tertiary {
        --iws-component-button-group-container-color: var(--iws-system-color-tertiary-container);
        /*--iws-component-button-group-button-hover-container-color: var(--iws-component-button-flat-tertiary-hover-container-color);*/
    }

:root {
    --iws-icon-white-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7488%) hue-rotate(151deg) brightness(111%) contrast(100%) !important;
}

    :root .light {
        --iws-icon-on-surface-filter: brightness(0) saturate(100%) invert(10%) sepia(14%) saturate(286%) hue-rotate(169deg) brightness(96%) contrast(97%);
        --iws-icon-on-surface-hover-filter: brightness(0) saturate(100%) invert(100%) sepia(95%) saturate(2%) hue-rotate(57deg) brightness(115%) contrast(101%);
        --iws-icon-surface-dim-filter: brightness(0) saturate(100%) invert(61%) sepia(5%) saturate(105%) hue-rotate(182deg) brightness(93%) contrast(90%);
        --iws-icon-primary-filter: brightness(0) saturate(100%) invert(28%) sepia(36%) saturate(2642%) hue-rotate(171deg) brightness(95%) contrast(102%);
        --iws-icon-primary-dim-filter: brightness(0) saturate(100%) invert(20%) sepia(22%) saturate(5722%) hue-rotate(176deg) brightness(95%) contrast(104%);
        --iws-icon-primary-bright-filter: brightness(0) saturate(100%) invert(72%) sepia(20%) saturate(1097%) hue-rotate(179deg) brightness(104%) contrast(102%);
        --iws-icon-primary-container-filter: brightness(0) saturate(100%) invert(92%) sepia(21%) saturate(2353%) hue-rotate(180deg) brightness(108%) contrast(102%);
        --iws-icon-on-primary-filter: brightness(0) saturate(100%) invert(100%) sepia(95%) saturate(2%) hue-rotate(57deg) brightness(115%) contrast(101%);
        --iws-icon-on-primary-container-filter: brightness(0) saturate(100%) invert(9%) sepia(38%) saturate(2188%) hue-rotate(171deg) brightness(95%) contrast(102%);
        --iws-icon-secondary-filter: brightness(0) saturate(100%) invert(36%) sepia(21%) saturate(441%) hue-rotate(166deg) brightness(92%) contrast(84%);
        --iws-icon-secondary-dim-filter: brightness(0) saturate(100%) invert(25%) sepia(8%) saturate(1405%) hue-rotate(168deg) brightness(94%) contrast(87%);
        --iws-icon-secondary-bright-filter: brightness(0) saturate(100%) invert(90%) sepia(10%) saturate(402%) hue-rotate(172deg) brightness(88%) contrast(91%);
        --iws-icon-secondary-container-filter: brightness(0) saturate(100%) invert(100%) sepia(9%) saturate(6533%) hue-rotate(176deg) brightness(99%) contrast(93%);
        --iws-icon-on-secondary-filter: brightness(0) saturate(100%) invert(100%) sepia(95%) saturate(2%) hue-rotate(57deg) brightness(115%) contrast(101%);
        --iws-icon-on-secondary-container-filter: brightness(0) saturate(100%) invert(8%) sepia(24%) saturate(1318%) hue-rotate(162deg) brightness(95%) contrast(95%);
        --iws-icon-tertiary-filter: brightness(0) saturate(100%) invert(13%) sepia(91%) saturate(4877%) hue-rotate(173deg) brightness(92%) contrast(101%);
        --iws-icon-tertiary-dim-filter: brightness(0) saturate(100%) invert(17%) sepia(95%) saturate(1595%) hue-rotate(156deg) brightness(95%) contrast(106%);
        --iws-icon-tertiary-bright-filter: brightness(0) saturate(100%) invert(100%) sepia(65%) saturate(5205%) hue-rotate(152deg) brightness(88%) contrast(90%);
        --iws-icon-tertiary-container-filter: brightness(0) saturate(100%) invert(89%) sepia(20%) saturate(999%) hue-rotate(145deg) brightness(106%) contrast(90%);
        --iws-icon-on-tertiary-filter: brightness(0) saturate(100%) invert(100%) sepia(95%) saturate(2%) hue-rotate(57deg) brightness(115%) contrast(101%);
        --iws-icon-on-tertiary-container-filter: brightness(0) saturate(100%) invert(12%) sepia(17%) saturate(2474%) hue-rotate(132deg) brightness(93%) contrast(106%);
        --iws-icon-error-filter: brightness(0) saturate(100%) invert(14%) sepia(99%) saturate(3417%) hue-rotate(358deg) brightness(96%) contrast(83%);
        --iws-icon-error-dim-filter: brightness(0) saturate(100%) invert(5%) sepia(92%) saturate(6757%) hue-rotate(330deg) brightness(98%) contrast(113%);
        --iws-icon-error-bright-filter: brightness(0) saturate(100%) invert(88%) sepia(7%) saturate(6455%) hue-rotate(300deg) brightness(118%) contrast(101%);
        --iws-icon-error-container-filter: brightness(0) saturate(100%) invert(86%) sepia(8%) saturate(732%) hue-rotate(316deg) brightness(100%) contrast(104%);
        --iws-icon-on-error-filter: brightness(0) saturate(100%) invert(100%) sepia(95%) saturate(2%) hue-rotate(57deg) brightness(115%) contrast(101%);
        --iws-icon-on-error-container-filter: brightness(0) saturate(100%) invert(6%) sepia(75%) saturate(4190%) hue-rotate(343deg) brightness(87%) contrast(111%);
        --iws-icon-warning-filter: brightness(0) saturate(100%) invert(31%) sepia(59%) saturate(1490%) hue-rotate(28deg) brightness(91%) contrast(101%);
        --iws-icon-warning-dim-filter: brightness(0) saturate(100%) invert(22%) sepia(50%) saturate(2560%) hue-rotate(37deg) brightness(95%) contrast(104%);
        --iws-icon-warning-bright-filter: brightness(0) saturate(100%) invert(94%) sepia(38%) saturate(2283%) hue-rotate(329deg) brightness(100%) contrast(88%);
        --iws-icon-warning-container-filter: brightness(0) saturate(100%) invert(94%) sepia(11%) saturate(1079%) hue-rotate(317deg) brightness(103%) contrast(106%);
        --iws-icon-on-warning-filter: brightness(0) saturate(100%) invert(100%) sepia(95%) saturate(2%) hue-rotate(57deg) brightness(115%) contrast(101%);
        --iws-icon-on-warning-container-filter: brightness(0) saturate(100%) invert(24%) sepia(66%) saturate(1199%) hue-rotate(25deg) brightness(93%) contrast(104%);
        --iws-icon-success-filter: brightness(0) saturate(100%) invert(21%) sepia(72%) saturate(2713%) hue-rotate(139deg) brightness(89%) contrast(107%);
        --iws-icon-success-dim-filter: brightness(0) saturate(100%) invert(26%) sepia(12%) saturate(4970%) hue-rotate(104deg) brightness(86%) contrast(105%);
        --iws-icon-success-bright-filter: brightness(0) saturate(100%) invert(72%) sepia(30%) saturate(6390%) hue-rotate(100deg) brightness(100%) contrast(107%);
        --iws-icon-success-container-filter: brightness(0) saturate(100%) invert(92%) sepia(12%) saturate(878%) hue-rotate(62deg) brightness(96%) contrast(98%);
        --iws-icon-on-success-filter: brightness(0) saturate(100%) invert(100%) sepia(95%) saturate(2%) hue-rotate(57deg) brightness(115%) contrast(101%);
        --iws-icon-on-success-container-filter: brightness(0) saturate(100%) invert(6%) sepia(60%) saturate(3766%) hue-rotate(139deg) brightness(98%) contrast(105%);
    }

    :root .dark {
        --iws-icon-on-surface-filter: brightness(0) saturate(100%) invert(94%) sepia(5%) saturate(80%) hue-rotate(202deg) brightness(97%) contrast(93%);
        --iws-icon-on-surface-hover-filter: brightness(0) saturate(100%) invert(10%) sepia(14%) saturate(286%) hue-rotate(169deg) brightness(96%) contrast(97%);
        --iws-icon-surface-dim-filter: brightness(0) saturate(100%) invert(51%) sepia(0%) saturate(1%) hue-rotate(96deg) brightness(91%) contrast(87%);
        --iws-icon-primary-filter: brightness(0) saturate(100%) invert(68%) sepia(52%) saturate(303%) hue-rotate(167deg) brightness(101%) contrast(103%);
        --iws-icon-primary-dim-filter: brightness(0) saturate(100%) invert(84%) sepia(3%) saturate(3246%) hue-rotate(186deg) brightness(104%) contrast(105%);
        --iws-icon-primary-bright-filter: brightness(0) saturate(100%) invert(24%) sepia(89%) saturate(1133%) hue-rotate(170deg) brightness(100%) contrast(103%);
        --iws-icon-primary-container-filter: brightness(0) saturate(100%) invert(11%) sepia(51%) saturate(6367%) hue-rotate(186deg) brightness(104%) contrast(102%);
        --iws-icon-on-primary-filter: brightness(0) saturate(100%) invert(15%) sepia(64%) saturate(1348%) hue-rotate(168deg) brightness(94%) contrast(102%);
        --iws-icon-on-primary-container-filter: brightness(0) saturate(100%) invert(83%) sepia(19%) saturate(717%) hue-rotate(186deg) brightness(103%) contrast(105%);
        --iws-icon-secondary-filter: brightness(0) saturate(100%) invert(74%) sepia(10%) saturate(383%) hue-rotate(169deg) brightness(107%) contrast(88%);
        --iws-icon-secondary-dim-filter: brightness(0) saturate(100%) invert(98%) sepia(25%) saturate(2043%) hue-rotate(175deg) brightness(99%) contrast(93%);
        --iws-icon-secondary-bright-filter: brightness(0) saturate(100%) invert(35%) sepia(35%) saturate(247%) hue-rotate(165deg) brightness(93%) contrast(88%);
        --iws-icon-secondary-container-filter: brightness(0) saturate(100%) invert(25%) sepia(14%) saturate(970%) hue-rotate(167deg) brightness(87%) contrast(83%);
        --iws-icon-on-secondary-filter: brightness(0) saturate(100%) invert(16%) sepia(16%) saturate(1040%) hue-rotate(164deg) brightness(94%) contrast(90%);
        --iws-icon-on-secondary-container-filter: brightness(0) saturate(100%) invert(94%) sepia(2%) saturate(3033%) hue-rotate(181deg) brightness(94%) contrast(104%);
        --iws-icon-tertiary-filter: brightness(0) saturate(100%) invert(89%) sepia(7%) saturate(3050%) hue-rotate(118deg) brightness(94%) contrast(78%);
        --iws-icon-tertiary-dim-filter: brightness(0) saturate(100%) invert(100%) sepia(32%) saturate(2150%) hue-rotate(103deg) brightness(94%) contrast(101%);
        --iws-icon-tertiary-bright-filter: brightness(0) saturate(100%) invert(30%) sepia(11%) saturate(5469%) hue-rotate(140deg) brightness(98%) contrast(101%);
        --iws-icon-tertiary-container-filter: brightness(0) saturate(100%) invert(23%) sepia(43%) saturate(1244%) hue-rotate(135deg) brightness(91%) contrast(101%);
        --iws-icon-on-tertiary-filter: brightness(0) saturate(100%) invert(13%) sepia(71%) saturate(1297%) hue-rotate(146deg) brightness(97%) contrast(102%);
        --iws-icon-on-tertiary-container-filter: brightness(0) saturate(100%) invert(88%) sepia(20%) saturate(742%) hue-rotate(112deg) brightness(105%) contrast(91%);
        --iws-icon-error-filter: brightness(0) saturate(100%) invert(85%) sepia(86%) saturate(3388%) hue-rotate(291deg) brightness(101%) contrast(106%);
        --iws-icon-error-container-filter: brightness(0) saturate(100%) invert(14%) sepia(86%) saturate(7304%) hue-rotate(350deg) brightness(57%) contrast(109%);
        --iws-icon-on-error-filter: brightness(0) saturate(100%) invert(13%) sepia(29%) saturate(4742%) hue-rotate(335deg) brightness(75%) contrast(98%);
        --iws-icon-error-dim-filter: brightness(0) saturate(100%) invert(84%) sepia(21%) saturate(253%) hue-rotate(316deg) brightness(99%) contrast(107%);
        --iws-icon-error-bright-filter: brightness(0) saturate(100%) invert(24%) sepia(34%) saturate(4494%) hue-rotate(342deg) brightness(85%) contrast(107%);
        --iws-icon-on-error-container-filter: brightness(0) saturate(100%) invert(94%) sepia(10%) saturate(1682%) hue-rotate(302deg) brightness(105%) contrast(105%);
        --iws-icon-warning-filter: brightness(0) saturate(100%) invert(79%) sepia(83%) saturate(651%) hue-rotate(334deg) brightness(103%) contrast(88%);
        --iws-icon-warning-dim-filter: brightness(0) saturate(100%) invert(87%) sepia(15%) saturate(1213%) hue-rotate(335deg) brightness(104%) contrast(104%);
        --iws-icon-warning-bright-filter: brightness(0) saturate(100%) invert(31%) sepia(97%) saturate(432%) hue-rotate(10deg) brightness(94%) contrast(101%);
        --iws-icon-warning-container-filter: brightness(0) saturate(100%) invert(23%) sepia(47%) saturate(1396%) hue-rotate(21deg) brightness(101%) contrast(104%);
        --iws-icon-on-warning-filter: brightness(0) saturate(100%) invert(14%) sepia(77%) saturate(1502%) hue-rotate(32deg) brightness(96%) contrast(101%);
        --iws-icon-on-warning-container-filter: brightness(0) saturate(100%) invert(91%) sepia(15%) saturate(1463%) hue-rotate(326deg) brightness(105%) contrast(103%);
        --iws-icon-success-filter: brightness(0) saturate(100%) invert(81%) sepia(41%) saturate(6090%) hue-rotate(96deg) brightness(99%) contrast(103%);
        --iws-icon-success-container-filter: brightness(0) saturate(100%) invert(19%) sepia(26%) saturate(3907%) hue-rotate(120deg) brightness(100%) contrast(103%);
        --iws-icon-on-success-filter: brightness(0) saturate(100%) invert(17%) sepia(24%) saturate(1835%) hue-rotate(94deg) brightness(96%) contrast(104%);
        --iws-icon-success-dim-filter: brightness(0) saturate(100%) invert(85%) sepia(25%) saturate(450%) hue-rotate(70deg) brightness(104%) contrast(90%);
        --iws-icon-success-bright-filter: brightness(0) saturate(100%) invert(27%) sepia(47%) saturate(1593%) hue-rotate(110deg) brightness(99%) contrast(104%);
        --iws-icon-on-success-container-filter: brightness(0) saturate(100%) invert(93%) sepia(5%) saturate(2149%) hue-rotate(63deg) brightness(101%) contrast(90%);
    }

.icon.icon-svg {
    display: inline-block;
    width: var(--iws-component-button-icon-default-icon-width, var(--iws-component-button-base-default-icon-width, "auto"));
    height: var(--iws-component-button-icon-default-icon-height, var(--iws-component-button-base-default-icon-height, "auto"));
    min-width: var(--iws-component-button-icon-default-icon-width, var(--iws-component-button-base-default-icon-width, "auto"));
    min-height: var(--iws-component-button-icon-default-icon-height, var(--iws-component-button-base-default-icon-height, "auto"));
}

    .icon.icon-svg.small {
        width: var(--iws-ref-size-icon-small-width);
        height: var(--iws-ref-size-icon-small-height);
        min-width: var(--iws-ref-size-icon-small-width);
        min-height: var(--iws-ref-size-icon-small-height);
    }

    .icon.icon-svg.large {
        width: var(--iws-ref-size-icon-large-width);
        height: var(--iws-ref-size-icon-large-height);
        min-width: var(--iws-ref-size-icon-large-width);
        min-height: var(--iws-ref-size-icon-large-height);
    }

    .icon.icon-svg.xlarge {
        width: var(--iws-ref-size-icon-xlarge-width);
        height: var(--iws-ref-size-icon-xlarge-height);
        min-width: var(--iws-ref-size-icon-xlarge-width);
        min-height: var(--iws-ref-size-icon-xlarge-height);
    }

.icon-link {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .icon-link > .icon + * {
        margin-right: var(--iws-ref-spacing-200);
    }

    .icon-link > * + .icon {
        margin-left: var(--iws-ref-spacing-200);
    }

/* default color for icons */
.icon-svg, .surface .icon-svg, .surface-variant .icon-svg {
    filter: var(--iws-icon-on-surface-filter);
}

    .icon-svg.primary {
        filter: var(--iws-icon-primary-filter);
    }

    .icon-svg.secondary {
        filter: var(--iws-icon-secondary-filter);
    }

    .icon-svg.tertiary {
        filter: var(--iws-icon-tertiary-filter);
    }

    .icon-svg.error {
        filter: var(--iws-icon-error-filter);
    }

    .icon-svg.warning {
        filter: var(--iws-icon-warning-filter);
    }

    .icon-svg.success {
        filter: var(--iws-icon-success-filter);
    }

/* Link Icons */
a:not(.primary):not(.secondary):not(.tertiary):not(.error):not(.warning):not(.success) .icon-svg {
    filter: var(--iws-icon-primary-filter);
}

/* Icons on surfaces */
.bg-primary .icon-svg {
    filter: var(--iws-icon-on-primary-filter);
}

.bg-primary-container .icon-svg {
    filter: var(--iws-icon-on-primary-container-filter);
}

.bg-secondary .icon-svg {
    filter: var(--iws-icon-on-secondary-filter);
}

.bg-secondary-container .icon-svg {
    filter: var(--iws-icon-on-secondary-container-filter);
}

.bg-tertiary .icon-svg {
    filter: var(--iws-icon-on-tertiary-filter);
}

.bg-tertiary-container .icon-svg {
    filter: var(--iws-icon-tertiary-container-filter);
}

.bg-error .icon-svg {
    filter: var(--iws-icon-on-error-filter);
}

.bg-error-container .icon-svg {
    filter: var(--iws-icon-on-error-container-filter);
}

.bg-warning .icon-svg {
    filter: var(--iws-icon-on-warning-filter);
}

.bg-warning-container .icon-svg {
    filter: var(--iws-icon-on-warning-container-filter);
}

.bg-success .icon-svg {
    filter: var(--iws-icon-on-success-filter);
}

.bg-success-container .icon-svg {
    filter: var(--iws-icon-on-success-container-filter);
}

.bg-black .icon-svg, .surface .bg-black .icon-svg, .icon-svg.white, .surface .icon-svg.white {
    filter: var(--iws-icon-white-filter);
}

/* CHIP Icons */
.chip {
    --iws-chip-icon-filter: var(--iws-icon-on-surface-filter);
}

    .chip .icon-svg {
        filter: var(--iws-chip-icon-filter);
    }

    .chip.primary {
        --iws-chip-icon-filter: var(--iws-icon-on-primary-filter);
    }

    .chip.secondary {
        --iws-chip-icon-filter: var(--iws-icon-on-secondary-filter);
    }

    .chip.tertiary {
        --iws-chip-icon-filter: var(--iws-icon-on-tertiary-filter);
    }

    .chip.error {
        --iws-chip-icon-filter: var(--iws-icon-on-error-filter);
    }

    .chip.warning {
        --iws-chip-icon-filter: var(--iws-icon-on-warning-filter);
    }

    .chip.success {
        --iws-chip-icon-filter: var(--iws-icon-on-success-filter);
    }

/* 
    BUTTON Icons 
*/
button, .iws-button, .iws-icon-button {
    --iws-button-icon-filter: var(--iws-icon-on-surface-filter);
    --iws-button-hover-icon-filter: var(--iws-icon-on-surface-hover-filter);
}

    button .icon-svg, .iws-button .icon-svg, .iws-icon-button .icon-svg {
        filter: var(--iws-button-icon-filter);
    }

    button:hover:not(.disabled):not([disabled]):not(:disabled) .icon-svg, .iws-button:hover:not(.disabled):not([disabled]):not(:disabled) .icon-svg, .iws-icon-button:hover:not(.disabled):not([disabled]):not(:disabled) .icon-svg {
        filter: var(--iws-button-hover-icon-filter);
    }

    button.active:not(.disabled):not([disabled]):not(:disabled) .icon-svg, .iws-button.active:not(.disabled):not([disabled]):not(:disabled) .icon-svg, .iws-icon-button.active:not(.disabled):not([disabled]):not(:disabled) .icon-svg {
        filter: var(--iws-button-hover-icon-filter);
    }

    /* --- primary --- */
    button.primary, .iws-button.primary, .iws-icon-button.primary {
        --iws-button-icon-filter: var(--iws-icon-primary-filter);
        --iws-button-hover-icon-filter: var(--iws-icon-primary-dim-filter);
    }

        button.primary.filled, .iws-button.primary.filled, .iws-icon-button.primary.filled {
            --iws-button-icon-filter: var(--iws-icon-on-primary-filter);
            --iws-button-hover-icon-filter: var(--iws-icon-primary-dim-filter);
        }

    /* --- secondary --- */
    button.secondary, .iws-button.secondary, .iws-icon-button.secondary {
        --iws-button-icon-filter: var(--iws-icon-secondary-filter);
        --iws-button-hover-icon-filter: var(--iws-icon-secondary-dim-filter);
    }

        button.secondary.filled, .iws-button.secondary.filled, .iws-icon-button.secondary.filled {
            --iws-button-icon-filter: var(--iws-icon-on-secondary-filter);
            --iws-button-hover-icon-filter: var(--iws-icon-secondary-dim-filter);
        }

    /* --- tertiary --- */
    button.tertiary, .iws-button.tertiary, .iws-icon-button.tertiary {
        --iws-button-icon-filter: var(--iws-icon-tertiary-filter);
        --iws-button-hover-icon-filter: var(--iws-icon-tertiary-dim-filter);
    }

        button.tertiary.filled, .iws-button.tertiary.filled, .iws-icon-button.tertiary.filled {
            --iws-button-icon-filter: var(--iws-icon-on-tertiary-filter);
            --iws-button-hover-icon-filter: var(--iws-icon-tertiary-dim-filter);
        }

    /* --- error --- */
    button.error, .iws-button.error, .iws-icon-button.error {
        --iws-button-icon-filter: var(--iws-icon-error-filter);
        --iws-button-hover-icon-filter: var(--iws-icon-error-dim-filter);
    }

        button.error.filled, .iws-button.error.filled, .iws-icon-button.error.filled {
            --iws-button-icon-filter: var(--iws-icon-on-error-filter);
            --iws-button-hover-icon-filter: var(--iws-icon-error-dim-filter);
        }

    /* --- warning --- */
    button.warning, .iws-button.warning, .iws-icon-button.warning {
        --iws-button-icon-filter: var(--iws-icon-warning-filter);
        --iws-button-hover-icon-filter: var(--iws-icon-warning-dim-filter);
    }

        button.warning.filled, .iws-button.warning.filled, .iws-icon-button.warning.filled {
            --iws-button-icon-filter: var(--iws-icon-on-warning-filter);
            --iws-button-hover-icon-filter: var(--iws-icon-warning-dim-filter);
        }

    /* --- success --- */
    button.success, .iws-button.success, .iws-icon-button.success {
        --iws-button-icon-filter: var(--iws-icon-success-filter);
        --iws-button-hover-icon-filter: var(--iws-icon-success-dim-filter);
    }

        button.success.filled, .iws-button.success.filled, .iws-icon-button.success.filled {
            --iws-button-icon-filter: var(--iws-icon-on-success-filter);
            --iws-button-hover-icon-filter: var(--iws-icon-success-dim-filter);
        }

    /* --- white --- */
    .iws-button.white, .iws-icon-button.white {
        --iws-button-icon-filter: var(--iws-icon-white-filter);
        --iws-button-hover-icon-filter: var(--iws-icon-white-filter);
    }

.light .yellow .icon-svg, .light .icon-svg.yellow {
    filter: brightness(0) saturate(100%) invert(90%) sepia(52%) saturate(3261%) hue-rotate(319deg) brightness(91%) contrast(105%);
}

.dark {
    /* Misc Icons */
}

    .dark .yellow .icon-svg, .dark .icon-svg.yellow {
        filter: brightness(0) saturate(100%) invert(90%) sepia(52%) saturate(3261%) hue-rotate(319deg) brightness(91%) contrast(105%);
    }

.icon.icon-svg.muted {
    opacity: 0.5;
}

.icon.icon-svg.faint {
    opacity: 0.3;
}

.icon[class*=icon-iws-] {
    background-color: transparent;
    background-size: 100% 100%;
}

.icon-iws-add {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pg0KDQo8IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCg0KPHRpdGxlLz4NCg0KPGcgaWQ9IkNvbXBsZXRlIj4NCg0KPGcgZGF0YS1uYW1lPSJhZGQiIGlkPSJhZGQtMiI+DQoNCjxnPg0KDQo8bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB4MT0iMTIiIHgyPSIxMiIgeTE9IjE5IiB5Mj0iNSIvPg0KDQo8bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB4MT0iNSIgeDI9IjE5IiB5MT0iMTIiIHkyPSIxMiIvPg0KDQo8L2c+DQoNCjwvZz4NCg0KPC9nPg0KDQo8L3N2Zz4=);
}

.icon-iws-alert {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEyIDIyYzUuNTIzIDAgMTAtNC40NzcgMTAtMTBTMTcuNTIzIDIgMTIgMiAyIDYuNDc3IDIgMTJzNC40NzcgMTAgMTAgMTB6bS0xLjUtNS4wMDljMC0uODY3LjY1OS0xLjQ5MSAxLjQ5MS0xLjQ5MS44NSAwIDEuNTA5LjYyNCAxLjUwOSAxLjQ5MSAwIC44NjctLjY1OSAxLjUwOS0xLjUwOSAxLjUwOS0uODMyIDAtMS40OTEtLjY0Mi0xLjQ5MS0xLjUwOXpNMTEuMTcyIDZhLjUuNSAwIDAgMC0uNDk5LjUyMmwuMzA2IDdhLjUuNSAwIDAgMCAuNS40NzhoMS4wNDNhLjUuNSAwIDAgMCAuNS0uNDc4bC4zMDUtN2EuNS41IDAgMCAwLS41LS41MjJoLTEuNjU1eiIgZmlsbD0iY3VycmVudENvbG9yIi8+PC9zdmc+);
}

.icon-iws-angle-up {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIEdlbmVyYXRvcjogU1ZHIFJlcG8gTWl4ZXIgVG9vbHMgLS0+DQo8c3ZnIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgY2xhc3M9Imljb24iICB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkwMy4yMzIgNzY4bDU2Ljc2OC01MC40MzJMNTEyIDI1NmwtNDQ4IDQ2MS41NjggNTYuNzY4IDUwLjQzMkw1MTIgMzY0LjkyOHoiIGZpbGw9ImN1cnJlbnRDb2xvciIgLz48L3N2Zz4=);
}

.icon-iws-angle-down {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIEdlbmVyYXRvcjogU1ZHIFJlcG8gTWl4ZXIgVG9vbHMgLS0+DQo8c3ZnIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgY2xhc3M9Imljb24iICB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkwMy4yMzIgMjU2bDU2Ljc2OCA1MC40MzJMNTEyIDc2OCA2NCAzMDYuNDMyIDEyMC43NjggMjU2IDUxMiA2NTkuMDcyeiIgZmlsbD0iY3VycmVudENvbG9yIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgLz48L3N2Zz4=);
}

.icon-iws-angle-left {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgZmlsbD0iY3VycmVudENvbG9yIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNDggNDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTt9DQo8L3N0eWxlPg0KPHBhdGggZD0iTTI5LjYsNC42bC0xOCwxOEwxMC4yLDI0bDEuNCwxLjRsMTgsMThsMi45LTIuOUwxNS45LDI0TDMyLjQsNy40TDI5LjYsNC42eiIvPg0KPHJlY3QgY2xhc3M9InN0MCIgd2lkdGg9IjQ4IiBoZWlnaHQ9IjQ4Ii8+DQo8cmVjdCBjbGFzcz0ic3QwIiB3aWR0aD0iNDgiIGhlaWdodD0iNDgiLz4NCjxyZWN0IHg9IjEyIiB5PSIxMiIgY2xhc3M9InN0MCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+DQo8L3N2Zz4=);
}

.icon-iws-angle-right {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgZmlsbD0iY3VycmVudENvbG9yIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTt9DQo8L3N0eWxlPg0KPHBhdGggZD0iTTguNywyLjNMNy4zLDMuN2w4LjMsOC4zbC04LjMsOC4zbDEuNCwxLjRsOS43LTkuN0w4LjcsMi4zeiIvPg0KPHJlY3QgY2xhc3M9InN0MCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+DQo8L3N2Zz4=);
}

.icon-iws-archive,
.icon-iws-trash {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMCAxMlYxNyIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KPHBhdGggZD0iTTE0IDEyVjE3IiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQo8cGF0aCBkPSJNNCA3SDIwIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQo8cGF0aCBkPSJNNiAxMFYxOEM2IDE5LjY1NjkgNy4zNDMxNSAyMSA5IDIxSDE1QzE2LjY1NjkgMjEgMTggMTkuNjU2OSAxOCAxOFYxMCIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KPHBhdGggZD0iTTkgNUM5IDMuODk1NDMgOS44OTU0MyAzIDExIDNIMTNDMTQuMTA0NiAzIDE1IDMuODk1NDMgMTUgNVY3SDlWNVoiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjwvc3ZnPg==);
}

.icon-iws-arrow-left {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik01IDEySDE5TTUgMTJMMTEgNk01IDEyTDExIDE4IiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQo8L3N2Zz4=);
}

.icon-iws-arrow-right {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik01IDEySDE5TTE5IDEyTDEzIDZNMTkgMTJMMTMgMTgiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjwvc3ZnPg==);
}

.icon-iws-arrows-between {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KPHBhdGggZD0iTTIxIDdWMTciIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KPHBhdGggZD0iTTMgN1YxNyIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQo8cGF0aCBkPSJNNyAxMkgxN003IDEyTDkuNSA5LjVNNyAxMkw5LjUgMTQuNU0xNyAxMkwxNC41IDkuNU0xNyAxMkwxNC41IDE0LjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KPC9zdmc+);
}

.icon-iws-arrow-down-line {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik04IDEyTDEyIDE2TTEyIDE2TDE2IDEyTTEyIDE2VjRNNCAyMEgyMCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQo8L3N2Zz4=);
}

.icon-iws-backward {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIEdlbmVyYXRvcjogU1ZHIFJlcG8gTWl4ZXIgVG9vbHMgLS0+CjxzdmcgZmlsbD0iIzAwMDAwMCIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgCgkgd2lkdGg9IjgwMHB4IiBoZWlnaHQ9IjgwMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAwIDEwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTg0LjYyNywyNi4yOTFjLTAuNDgzLDAtMC45MTgsMC4yLTEuMjMsMC41MjFMNTQuOTc4LDQzLjIyVjI4LjAwOWMwLTAuOTQ5LTAuNzY5LTEuNzE4LTEuNzE4LTEuNzE4CgkJYy0wLjQ4MywwLTAuOTE4LDAuMi0xLjIzLDAuNTIxTDE0LjQ4NSw0OC40ODlsMC4wMzEsMC4wNTRjLTAuNTEzLDAuMjk3LTAuODYyLDAuODQ2LTAuODYyLDEuNDgxYzAsMC43MDIsMC40MjIsMS4zMDMsMS4wMjYsMS41NwoJCWwtMC4wMTcsMC4wM2wzNy4zOTEsMjEuNTg4YzAuMzEsMC4zMDcsMC43MzYsMC40OTcsMS4yMDcsMC40OTdjMC45MzIsMCwxLjY4Ni0wLjc0MywxLjcxMy0xLjY2OWgwLjAwNVY1Ni43OTFsMjguNDQzLDE2LjQyMgoJCWMwLjMxLDAuMzA3LDAuNzM2LDAuNDk3LDEuMjA3LDAuNDk3YzAuOTMyLDAsMS42ODctMC43NDMsMS43MTMtMS42NjloMC4wMDVWMjguMDA5Qzg2LjM0NiwyNy4wNiw4NS41NzYsMjYuMjkxLDg0LjYyNywyNi4yOTF6Ii8+CjwvZz4KPC9zdmc+);
}

.icon-iws-circle-filled {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIGZpbGw9ImN1cnJlbnRDb2xvciIgd2lkdGg9IjgwMHB4IiBoZWlnaHQ9IjgwMHB4IiB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8Y2lyY2xlIGN4PSIxMjciIGN5PSIxMjkiIHI9IjgxIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4NCjwvc3ZnPg==);
}

.icon-iws-fast-backward {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIEdlbmVyYXRvcjogU1ZHIFJlcG8gTWl4ZXIgVG9vbHMgLS0+CjxzdmcgZmlsbD0iIzAwMDAwMCIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgCgkgd2lkdGg9IjgwMHB4IiBoZWlnaHQ9IjgwMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAwIDEwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTg3LjA2LDI2LjI5MWMtMC40ODMsMC0wLjkxOCwwLjItMS4yMywwLjUyMUw1Ny40MSw0My4yMlYyOC4wMDljMC0wLjk0OS0wLjc2OS0xLjcxOC0xLjcxOC0xLjcxOAoJCWMtMC40ODMsMC0wLjkxOCwwLjItMS4yMywwLjUyMUwyMS4xNDQsNDYuMDQ5VjIyLjY2N2gtMC4wMTNjMC4wMDItMC4wMzksMC4wMTItMC4wNzUsMC4wMTItMC4xMTRjMC0xLjM5OS0xLjEzNC0yLjUzMy0yLjUzMi0yLjUzNgoJCXYwaC00Ljg1MnYwLjAyNGMtMS40MDEsMC0yLjUzNywxLjEzNi0yLjUzNywyLjUzN2MwLDAuMDQ1LDAuMDExLDAuMDg2LDAuMDEzLDAuMTMxdjU0LjcyMWMwLDAuMDAyLDAsMC4wMDMsMCwwLjAwNQoJCXMwLDAuMDAzLDAsMC4wMDV2MC4yMzZoMC4wMjRjMC4xMjMsMS4yODYsMS4xOTQsMi4yOTYsMi41MTMsMi4yOTZjMC4wMywwLDAuMDU4LTAuMDA4LDAuMDg3LTAuMDA5aDQuNTY5CgkJYzAuMDcxLDAuMDA2LDAuMTQsMC4wMjEsMC4yMTMsMC4wMjFjMS40LDAsMi41MzctMS4xMzYsMi41MzctMi41MzdjMC0wLjExNy0wLjAxOS0wLjIzLTAuMDM1LTAuMzQzVjUzLjk2MmwzMy4zNDEsMTkuMjUKCQljMC4zMSwwLjMwNywwLjczNiwwLjQ5NywxLjIwNywwLjQ5N2MwLjkzMiwwLDEuNjg2LTAuNzQzLDEuNzEzLTEuNjY5aDAuMDA1VjU2Ljc5MWwyOC40NDMsMTYuNDIyCgkJYzAuMzEsMC4zMDcsMC43MzYsMC40OTcsMS4yMDcsMC40OTdjMC45MzIsMCwxLjY4Ny0wLjc0MywxLjcxMy0xLjY2OWgwLjAwNVYyOC4wMDlDODguNzc4LDI3LjA2LDg4LjAwOCwyNi4yOTEsODcuMDYsMjYuMjkxeiIvPgo8L2c+Cjwvc3ZnPg==);
}

.icon-iws-calendar {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik03IDE0QzcgMTMuNDQ3NyA3LjQ0NzcyIDEzIDggMTNDOC41NTIyOSAxMyA5IDEzLjQ0NzcgOSAxNEM5IDE0LjU1MjMgOC41NTIyOSAxNSA4IDE1QzcuNDQ3NzIgMTUgNyAxNC41NTIzIDcgMTRaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4NCjxwYXRoIGQ9Ik04IDE3QzcuNDQ3NzIgMTcgNyAxNy40NDc3IDcgMThDNyAxOC41NTIzIDcuNDQ3NzIgMTkgOCAxOUM4LjU1MjI5IDE5IDkgMTguNTUyMyA5IDE4QzkgMTcuNDQ3NyA4LjU1MjI5IDE3IDggMTdaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4NCjxwYXRoIGQ9Ik0xMSAxNEMxMSAxMy40NDc3IDExLjQ0NzcgMTMgMTIgMTNDMTIuNTUyMyAxMyAxMyAxMy40NDc3IDEzIDE0QzEzIDE0LjU1MjMgMTIuNTUyMyAxNSAxMiAxNUMxMS40NDc3IDE1IDExIDE0LjU1MjMgMTEgMTRaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4NCjxwYXRoIGQ9Ik0xMiAxN0MxMS40NDc3IDE3IDExIDE3LjQ0NzcgMTEgMThDMTEgMTguNTUyMyAxMS40NDc3IDE5IDEyIDE5QzEyLjU1MjMgMTkgMTMgMTguNTUyMyAxMyAxOEMxMyAxNy40NDc3IDEyLjU1MjMgMTcgMTIgMTdaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4NCjxwYXRoIGQ9Ik0xNSAxNEMxNSAxMy40NDc3IDE1LjQ0NzcgMTMgMTYgMTNDMTYuNTUyMyAxMyAxNyAxMy40NDc3IDE3IDE0QzE3IDE0LjU1MjMgMTYuNTUyMyAxNSAxNiAxNUMxNS40NDc3IDE1IDE1IDE0LjU1MjMgMTUgMTRaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4NCjxwYXRoIGQ9Ik0xNiAxN0MxNS40NDc3IDE3IDE1IDE3LjQ0NzcgMTUgMThDMTUgMTguNTUyMyAxNS40NDc3IDE5IDE2IDE5QzE2LjU1MjMgMTkgMTcgMTguNTUyMyAxNyAxOEMxNyAxNy40NDc3IDE2LjU1MjMgMTcgMTYgMTdaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNiAyQzYgMS40NDc3MiA2LjQ0NzcyIDEgNyAxQzcuNTUyMjggMSA4IDEuNDQ3NzIgOCAyVjNIMTZWMkMxNiAxLjQ0NzcyIDE2LjQ0NzcgMSAxNyAxQzE3LjU1MjMgMSAxOCAxLjQ0NzcyIDE4IDJWM0gxOUMyMC42NTY5IDMgMjIgNC4zNDMxNSAyMiA2VjIwQzIyIDIxLjY1NjkgMjAuNjU2OSAyMyAxOSAyM0g1QzMuMzQzMTUgMjMgMiAyMS42NTY5IDIgMjBWNkMyIDQuMzQzMTUgMy4zNDMxNSAzIDUgM0g2VjJaTTE2IDVWNkMxNiA2LjU1MjI4IDE2LjQ0NzcgNyAxNyA3QzE3LjU1MjMgNyAxOCA2LjU1MjI4IDE4IDZWNUgxOUMxOS41NTIzIDUgMjAgNS40NDc3MiAyMCA2VjlINFY2QzQgNS40NDc3MiA0LjQ0NzcyIDUgNSA1SDZWNkM2IDYuNTUyMjggNi40NDc3MiA3IDcgN0M3LjU1MjI4IDcgOCA2LjU1MjI4IDggNlY1SDE2Wk00IDExVjIwQzQgMjAuNTUyMyA0LjQ0NzcyIDIxIDUgMjFIMTlDMTkuNTUyMyAyMSAyMCAyMC41NTIzIDIwIDIwVjExSDRaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4NCjwvc3ZnPg==);
}

.icon-iws-caret-down {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNy4wMDAwMyA4LjVDNi41OTU1NyA4LjUgNi4yMzA5MyA4Ljc0MzY0IDYuMDc2MTUgOS4xMTczMkM1LjkyMTM3IDkuNDkwOTkgNi4wMDY5MiA5LjkyMTExIDYuMjkyOTIgMTAuMjA3MUwxMS4yOTI5IDE1LjIwNzFDMTEuNjgzNCAxNS41OTc2IDEyLjMxNjYgMTUuNTk3NiAxMi43MDcxIDE1LjIwNzFMMTcuNzA3MSAxMC4yMDcxQzE3Ljk5MzEgOS45MjExMSAxOC4wNzg3IDkuNDkwOTkgMTcuOTIzOSA5LjExNzMyQzE3Ljc2OTEgOC43NDM2NCAxNy40MDQ1IDguNSAxNyA4LjVINy4wMDAwM1oiIGZpbGw9ImN1cnJlbnRDb2xvciIvPg0KPC9zdmc+);
}

.icon-iws-checked {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIEdlbmVyYXRvcjogU1ZHIFJlcG8gTWl4ZXIgVG9vbHMgLS0+DQo8c3ZnIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KPGcgaWQ9IkludGVyZmFjZSAvIENoZWNrYm94X0NoZWNrIj4NCjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik04IDEyTDExIDE1TDE2IDlNNCAxNi44MDAyVjcuMjAwMkM0IDYuMDgwMDkgNCA1LjUxOTYyIDQuMjE3OTkgNS4wOTE4QzQuNDA5NzMgNC43MTU0NyA0LjcxNTQ3IDQuNDA5NzMgNS4wOTE4IDQuMjE3OTlDNS41MTk2MiA0IDYuMDgwMDkgNCA3LjIwMDIgNEgxNi44MDAyQzE3LjkyMDMgNCAxOC40Nzk2IDQgMTguOTA3NCA0LjIxNzk5QzE5LjI4MzcgNC40MDk3MyAxOS41OTA1IDQuNzE1NDcgMTkuNzgyMiA1LjA5MThDMjAgNS41MTkyIDIwIDYuMDc4OTkgMjAgNy4xOTY5MVYxNi44MDM2QzIwIDE3LjkyMTUgMjAgMTguNDgwNSAxOS43ODIyIDE4LjkwNzlDMTkuNTkwNSAxOS4yODQyIDE5LjI4MzcgMTkuNTkwNSAxOC45MDc0IDE5Ljc4MjJDMTguNDggMjAgMTcuOTIxIDIwIDE2LjgwMzEgMjBINy4xOTY5MUM2LjA3ODk5IDIwIDUuNTE5MiAyMCA1LjA5MTggMTkuNzgyMkM0LjcxNTQ3IDE5LjU5MDUgNC40MDk3MyAxOS4yODQyIDQuMjE3OTkgMTguOTA3OUM0IDE4LjQ4MDEgNCAxNy45MjAzIDQgMTYuODAwMloiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjwvZz4NCjwvc3ZnPg==);
}

.icon-iws-close {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTE5NS4yIDE5NS4yYTY0IDY0IDAgMCAxIDkwLjQ5NiAwTDUxMiA0MjEuNTA0IDczOC4zMDQgMTk1LjJhNjQgNjQgMCAwIDEgOTAuNDk2IDkwLjQ5Nkw2MDIuNDk2IDUxMiA4MjguOCA3MzguMzA0YTY0IDY0IDAgMCAxLTkwLjQ5NiA5MC40OTZMNTEyIDYwMi40OTYgMjg1LjY5NiA4MjguOGE2NCA2NCAwIDAgMS05MC40OTYtOTAuNDk2TDQyMS41MDQgNTEyIDE5NS4yIDI4NS42OTZhNjQgNjQgMCAwIDEgMC05MC40OTZ6Ii8+PC9zdmc+);
}

.icon-iws-contrast {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyMCAyMCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiAgICANCiAgICA8dGl0bGU+Y29udHJhc3QgWyM5MDddPC90aXRsZT4NCiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4NCiAgICA8ZGVmcz4NCg0KPC9kZWZzPg0KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8ZyBpZD0iRHJpYmJibGUtTGlnaHQtUHJldmlldyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE4MC4wMDAwMDAsIC00MTk5LjAwMDAwMCkiIGZpbGw9IiMwMDAwMDAiPg0KICAgICAgICAgICAgPGcgaWQ9Imljb25zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1Ni4wMDAwMDAsIDE2MC4wMDAwMDApIj4NCiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTI2LDQwNDkgQzEyNiw0MDQ0LjU4OSAxMjkuNTg5LDQwNDEgMTM0LDQwNDEgTDEzNCw0MDU3IEMxMjkuNTg5LDQwNTcgMTI2LDQwNTMuNDExIDEyNiw0MDQ5IE0xMzQsNDAzOSBDMTI4LjQ3Nyw0MDM5IDEyNCw0MDQzLjQ3NyAxMjQsNDA0OSBDMTI0LDQwNTQuNTIzIDEyOC40NzcsNDA1OSAxMzQsNDA1OSBDMTM5LjUyMyw0MDU5IDE0NCw0MDU0LjUyMyAxNDQsNDA0OSBDMTQ0LDQwNDMuNDc3IDEzOS41MjMsNDAzOSAxMzQsNDAzOSIgaWQ9ImNvbnRyYXN0LVsjOTA3XSI+DQoNCjwvcGF0aD4NCiAgICAgICAgICAgIDwvZz4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==);
}

.icon-iws-download {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pg0KDQo8IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCg0KPHRpdGxlLz4NCg0KPGcgaWQ9IkNvbXBsZXRlIj4NCg0KPGcgaWQ9ImRvd25sb2FkIj4NCg0KPGc+DQoNCjxwYXRoIGQ9Ik0zLDEyLjN2N2EyLDIsMCwwLDAsMiwySDE5YTIsMiwwLDAsMCwyLTJ2LTciIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4NCg0KPGc+DQoNCjxwb2x5bGluZSBkYXRhLW5hbWU9IlJpZ2h0IiBmaWxsPSJub25lIiBpZD0iUmlnaHQtMiIgcG9pbnRzPSI3LjkgMTIuMyAxMiAxNi4zIDE2LjEgMTIuMyIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIvPg0KDQo8bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB4MT0iMTIiIHgyPSIxMiIgeTE9IjIuNyIgeTI9IjE0LjIiLz4NCg0KPC9nPg0KDQo8L2c+DQoNCjwvZz4NCg0KPC9nPg0KDQo8L3N2Zz4=);
}

.icon-iws-drag-handle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyBmaWxsPSIjMDAwMDAwIiB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjM3NSAzLjY3YzAtLjY0NS0uNTYtMS4xNy0xLjI1LTEuMTdzLTEuMjUuNTI1LTEuMjUgMS4xN2MwIC42NDYuNTYgMS4xNyAxLjI1IDEuMTdzMS4yNS0uNTI0IDEuMjUtMS4xN3ptMCA4LjY2YzAtLjY0Ni0uNTYtMS4xNy0xLjI1LTEuMTdzLTEuMjUuNTI0LTEuMjUgMS4xN2MwIC42NDUuNTYgMS4xNyAxLjI1IDEuMTdzMS4yNS0uNTI1IDEuMjUtMS4xN3ptLTEuMjUtNS41Yy42OSAwIDEuMjUuNTI1IDEuMjUgMS4xNyAwIC42NDUtLjU2IDEuMTctMS4yNSAxLjE3UzQuODc1IDguNjQ1IDQuODc1IDhjMC0uNjQ1LjU2LTEuMTcgMS4yNS0xLjE3em01LTMuMTZjMC0uNjQ1LS41Ni0xLjE3LTEuMjUtMS4xN3MtMS4yNS41MjUtMS4yNSAxLjE3YzAgLjY0Ni41NiAxLjE3IDEuMjUgMS4xN3MxLjI1LS41MjQgMS4yNS0xLjE3em0tMS4yNSA3LjQ5Yy42OSAwIDEuMjUuNTI0IDEuMjUgMS4xNyAwIC42NDUtLjU2IDEuMTctMS4yNSAxLjE3cy0xLjI1LS41MjUtMS4yNS0xLjE3YzAtLjY0Ni41Ni0xLjE3IDEuMjUtMS4xN3pNMTEuMTI1IDhjMC0uNjQ1LS41Ni0xLjE3LTEuMjUtMS4xN3MtMS4yNS41MjUtMS4yNSAxLjE3YzAgLjY0NS41NiAxLjE3IDEuMjUgMS4xN3MxLjI1LS41MjUgMS4yNS0xLjE3eiIvPjwvc3ZnPg==);
}

.icon-iws-edit {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMS4xMjEzIDIuNzA3MDVDMTkuOTQ5NyAxLjUzNTQ4IDE4LjA1MDMgMS41MzU0NyAxNi44Nzg3IDIuNzA3MDVMMTUuMTk4OSA0LjM4Njg1TDcuMjkyODkgMTIuMjkyOEM3LjE2NDczIDEyLjQyMSA3LjA3MzgyIDEyLjU4MTYgNy4wMjk4NiAxMi43NTc0TDYuMDI5ODYgMTYuNzU3NEM1Ljk0NDY2IDE3LjA5ODIgNi4wNDQ1MSAxNy40NTg3IDYuMjkyODkgMTcuNzA3QzYuNTQxMjcgMTcuOTU1NCA2LjkwMTc2IDE4LjA1NTMgNy4yNDI1NCAxNy45NzAxTDExLjI0MjUgMTYuOTcwMUMxMS40MTg0IDE2LjkyNjEgMTEuNTc4OSAxNi44MzUyIDExLjcwNzEgMTYuNzA3TDE5LjU1NTYgOC44NTg1N0wyMS4yOTI5IDcuMTIxMjZDMjIuNDY0NSA1Ljk0OTY5IDIyLjQ2NDUgNC4wNTAxOSAyMS4yOTI5IDIuODc4NjJMMjEuMTIxMyAyLjcwNzA1Wk0xOC4yOTI5IDQuMTIxMjZDMTguNjgzNCAzLjczMDc0IDE5LjMxNjYgMy43MzA3NCAxOS43MDcxIDQuMTIxMjZMMTkuODc4NyA0LjI5MjgzQzIwLjI2OTIgNC42ODMzNiAyMC4yNjkyIDUuMzE2NTMgMTkuODc4NyA1LjcwNzA1TDE4Ljg2MjIgNi43MjM1N0wxNy4zMDY4IDUuMTA3MzhMMTguMjkyOSA0LjEyMTI2Wk0xNS44OTIzIDYuNTIxODVMMTcuNDQ3NyA4LjEzODA0TDEwLjQ4ODggMTUuMDk3TDguMzc0MzcgMTUuNjI1Nkw4LjkwMjk2IDEzLjUxMTJMMTUuODkyMyA2LjUyMTg1Wk00IDcuOTk5OTRDNCA3LjQ0NzY2IDQuNDQ3NzIgNi45OTk5NCA1IDYuOTk5OTRIMTBDMTAuNTUyMyA2Ljk5OTk0IDExIDYuNTUyMjMgMTEgNS45OTk5NEMxMSA1LjQ0NzY2IDEwLjU1MjMgNC45OTk5NCAxMCA0Ljk5OTk0SDVDMy4zNDMxNSA0Ljk5OTk0IDIgNi4zNDMwOSAyIDcuOTk5OTRWMTguOTk5OUMyIDIwLjY1NjggMy4zNDMxNSAyMS45OTk5IDUgMjEuOTk5OUgxNkMxNy42NTY5IDIxLjk5OTkgMTkgMjAuNjU2OCAxOSAxOC45OTk5VjEzLjk5OTlDMTkgMTMuNDQ3NyAxOC41NTIzIDEyLjk5OTkgMTggMTIuOTk5OUMxNy40NDc3IDEyLjk5OTkgMTcgMTMuNDQ3NyAxNyAxMy45OTk5VjE4Ljk5OTlDMTcgMTkuNTUyMiAxNi41NTIzIDE5Ljk5OTkgMTYgMTkuOTk5OUg1QzQuNDQ3NzIgMTkuOTk5OSA0IDE5LjU1MjIgNCAxOC45OTk5VjcuOTk5OTRaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4NCjwvc3ZnPg==);
}

.icon-iws-edit-circle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPgo8c3ZnIGZpbGw9ImN1cnJlbnRDb2xvciIgd2lkdGg9IjgwMHB4IiBoZWlnaHQ9IjgwMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTEyLjUsMTAuMjA3MTA2OCBMOCwxNC43MDcxMDY4IEw4LDE2IEw5LjI5Mjg5MzIyLDE2IEwxMy43OTI4OTMyLDExLjUgTDEyLjUsMTAuMjA3MTA2OCBaIE0xMy4yMDcxMDY4LDkuNSBMMTQuNSwxMC43OTI4OTMyIEwxNS43OTI4OTMyLDkuNSBMMTQuNSw4LjIwNzEwNjc4IEwxMy4yMDcxMDY4LDkuNSBaIE0xMiwyMiBDNi40NzcxNTI1LDIyIDIsMTcuNTIyODQ3NSAyLDEyIEMyLDYuNDc3MTUyNSA2LjQ3NzE1MjUsMiAxMiwyIEMxNy41MjI4NDc1LDIgMjIsNi40NzcxNTI1IDIyLDEyIEMyMiwxNy41MjI4NDc1IDE3LjUyMjg0NzUsMjIgMTIsMjIgWiBNMTIsMjEgQzE2Ljk3MDU2MjcsMjEgMjEsMTYuOTcwNTYyNyAyMSwxMiBDMjEsNy4wMjk0MzcyNSAxNi45NzA1NjI3LDMgMTIsMyBDNy4wMjk0MzcyNSwzIDMsNy4wMjk0MzcyNSAzLDEyIEMzLDE2Ljk3MDU2MjcgNy4wMjk0MzcyNSwyMSAxMiwyMSBaIE0xNC44NTM1NTM0LDcuMTQ2NDQ2NjEgTDE2Ljg1MzU1MzQsOS4xNDY0NDY2MSBDMTcuMDQ4ODE1NSw5LjM0MTcwODc2IDE3LjA0ODgxNTUsOS42NTgyOTEyNCAxNi44NTM1NTM0LDkuODUzNTUzMzkgTDkuODUzNTUzMzksMTYuODUzNTUzNCBDOS43NTk3ODUyLDE2Ljk0NzMyMTYgOS42MzI2MDgyNCwxNyA5LjUsMTcgTDcuNSwxNyBDNy4yMjM4NTc2MywxNyA3LDE2Ljc3NjE0MjQgNywxNi41IEw3LDE0LjUgQzcsMTQuMzY3MzkxOCA3LjA1MjY3ODQyLDE0LjI0MDIxNDggNy4xNDY0NDY2MSwxNC4xNDY0NDY2IEwxNC4xNDY0NDY2LDcuMTQ2NDQ2NjEgQzE0LjM0MTcwODgsNi45NTExODQ0NiAxNC42NTgyOTEyLDYuOTUxMTg0NDYgMTQuODUzNTUzNCw3LjE0NjQ0NjYxIFoiLz4KPC9zdmc+);
}

.icon-iws-email {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMy43NSA1LjI1TDMgNlYxOEwzLjc1IDE4Ljc1SDIwLjI1TDIxIDE4VjZMMjAuMjUgNS4yNUgzLjc1Wk00LjUgNy42OTU1VjE3LjI1SDE5LjVWNy42OTUyNUwxMS45OTk5IDE0LjUxMzZMNC41IDcuNjk1NVpNMTguMzA5OSA2Ljc1SDUuNjg5ODZMMTEuOTk5OSAxMi40ODY0TDE4LjMwOTkgNi43NVoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPg0KPC9zdmc+);
}

.icon-iws-export {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDx0aXRsZT5leHBvcnQ8L3RpdGxlPg0KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8ZyBpZD0iQ29tYmluZWQtU2hhcGUiIGZpbGw9ImN1cnJlbnRDb2xvciIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjQuMDAwMDAwLCA0OC45MTUwNTUpIj4NCiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNzAuNjY2NjY3LDM2LjQxODI3OCBMMTcwLjY2NjY2Nyw3OS4wODQ5NDQ3IEw0Mi42NjY2NjY3LDc5LjA4NDk0NDcgTDQyLjY2NjY2NjcsMzU2LjQxODI3OCBMMzQxLjMzMzMzMywzNTYuNDE4Mjc4IEwzNDEuMzMzMzMzLDIyOC40MTgyNzggTDM4NCwyMjguNDE4Mjc4IEwzODQsMzk5LjA4NDk0NSBMMCwzOTkuMDg0OTQ1IEwwLDM2LjQxODI3OCBMMTcwLjY2NjY2NywzNi40MTgyNzggWiBNMzEzLjc1MTYxMSwwIEw0MTQuMTY5ODg5LDEwMC40MTgyNzggTDMxMy43NTE2MTEsMjAwLjgzNjU1NiBMMjgzLjU4MTcyMiwxNzAuNjY2NjY3IEwzMzIuNDg1LDEyMS43NTEgTDI3Ny4zMzMzMzMsMTIxLjc1MTYxMSBDMjQzLjI0OTQ3NCwxMjEuNzUxNjExIDIxNS4zODg1NjgsMTQ4LjM5NTIzNyAyMTMuNDQxOTc3LDE4MS45OTExMjUgTDIxMy4zMzMzMzMsMTg1Ljc1MTYxMSBMMjEzLjMzMzMzMywyOTIuNDE4Mjc4IEwxNzAuNjY2NjY3LDI5Mi40MTgyNzggTDE3MC42NjY2NjcsMTg1Ljc1MTYxMSBDMTcwLjY2NjY2NywxMjguMzkxNTExIDIxNS45NDI1NDMsODEuNjA2MTU4MiAyNzIuNzA2MzU1LDc5LjE4MzQ5NDMgTDI3Ny4zMzMzMzMsNzkuMDg0OTQ0NyBMMzMyLjQ4NCw3OS4wODQgTDI4My41ODE3MjIsMzAuMTY5ODg5MyBMMzEzLjc1MTYxMSwwIFoiPg0KDQo8L3BhdGg+DQogICAgICAgIDwvZz4NCiAgICA8L2c+DQo8L3N2Zz4=);
}

.icon-iws-file {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xOSA5VjE3LjhDMTkgMTguOTIwMSAxOSAxOS40ODAyIDE4Ljc4MiAxOS45MDhDMTguNTkwMyAyMC4yODQzIDE4LjI4NDMgMjAuNTkwMyAxNy45MDggMjAuNzgyQzE3LjQ4MDIgMjEgMTYuOTIwMSAyMSAxNS44IDIxSDguMkM3LjA3OTg5IDIxIDYuNTE5ODQgMjEgNi4wOTIwMiAyMC43ODJDNS43MTU2OSAyMC41OTAzIDUuNDA5NzMgMjAuMjg0MyA1LjIxNzk5IDE5LjkwOEM1IDE5LjQ4MDIgNSAxOC45MjAxIDUgMTcuOFY2LjJDNSA1LjA3OTg5IDUgNC41MTk4NCA1LjIxNzk5IDQuMDkyMDJDNS40MDk3MyAzLjcxNTY5IDUuNzE1NjkgMy40MDk3MyA2LjA5MjAyIDMuMjE3OTlDNi41MTk4NCAzIDcuMDc5OSAzIDguMiAzSDEzTTE5IDlMMTMgM00xOSA5SDE0QzEzLjQ0NzcgOSAxMyA4LjU1MjI4IDEzIDhWMyIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQo8L3N2Zz4=);
}

.icon-iws-folder {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBVcGxvYWRlZCB0bzogU1ZHIFJlcG8sIHd3dy5zdmdyZXBvLmNvbSwgR2VuZXJhdG9yOiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIGZpbGw9IiMwMDAwMDAiIGhlaWdodD0iODAwcHgiIHdpZHRoPSI4MDBweCIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiANCgkgdmlld0JveD0iMCAwIDQ3OS4yNTUgNDc5LjI1NSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBkPSJNNDc5LjI1NSwxNTYuNzU5YzAtMTUuMzM1LTEyLjQzNS0yNy43ODYtMjcuNzg0LTI3Ljc4NkgyODQuNzg4Yy0xOS4xNzksMC0zNC43MzUtMTUuNTU2LTM0LjczNS0zNC43MzUNCgkJYzAtMTUuMzM0LTEyLjQzNS0yNy43Ny0yNy43ODYtMjcuNzdIOTAuMjc0Yy0xNS4zMTgsMC0yNy43NTMsMTIuNDM2LTI3Ljc1MywyNy43N2MwLDE5LjE4LTE1LjU1NiwzNC43MzUtMzQuNzM3LDM0LjczNQ0KCQlDMTIuNDM1LDEyOC45NzMsMCwxNDEuNDI0LDAsMTU2Ljc1OXYyMjIuNjQ3YzAsMTguNDM5LDE0Ljk1NiwzMy4zODEsMzMuMzYzLDMzLjM4MWg3My4yNTVoMzUuNjE4aDMwMy42MzkNCgkJYzE4LjQwOCwwLDMzLjM2NS0xNC45NDEsMzMuMzY1LTMzLjM4MXYtMTUyLjQ1bDAuMDE1LDAuMDE2VjE1Ni43NTl6Ii8+DQo8L2c+DQo8L3N2Zz4=);
}

.icon-iws-forward {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIEdlbmVyYXRvcjogU1ZHIFJlcG8gTWl4ZXIgVG9vbHMgLS0+CjxzdmcgZmlsbD0iIzAwMDAwMCIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgCgkgd2lkdGg9IjgwMHB4IiBoZWlnaHQ9IjgwMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAwIDEwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTg2LjM0Niw0OS45NzZjMC0wLjcwMi0wLjQyMi0xLjMwMy0xLjAyNi0xLjU3bDAuMDE3LTAuMDNsLTM3LjM5LTIxLjU4OGMtMC4zMS0wLjMwNy0wLjczNi0wLjQ5Ny0xLjIwNy0wLjQ5NwoJCWMtMC45MzIsMC0xLjY4NiwwLjc0My0xLjcxMywxLjY2OWgtMC4wMDV2MTUuMjQ5TDE2LjU4LDI2Ljc4OGMtMC4zMS0wLjMwNy0wLjczNi0wLjQ5Ny0xLjIwNy0wLjQ5NwoJCWMtMC45MzIsMC0xLjY4NywwLjc0My0xLjcxMywxLjY2OWgtMC4wMDV2NDQuMDMxYzAsMC45NDksMC43NywxLjcxOCwxLjcxOCwxLjcxOGMwLjQ4MywwLDAuOTE4LTAuMiwxLjIzLTAuNTIxbDI4LjQyLTE2LjQwOAoJCXYxNS4yMTJjMCwwLjk0OSwwLjc2OSwxLjcxOCwxLjcxOCwxLjcxOGMwLjQ4MywwLDAuOTE4LTAuMiwxLjIzLTAuNTIxbDM3LjU0NS0yMS42NzdsLTAuMDMxLTAuMDU0CgkJQzg1Ljk5Nyw1MS4xNiw4Ni4zNDYsNTAuNjExLDg2LjM0Niw0OS45NzZ6Ii8+CjwvZz4KPC9zdmc+);
}

.icon-iws-fast-forward {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIEdlbmVyYXRvcjogU1ZHIFJlcG8gTWl4ZXIgVG9vbHMgLS0+CjxzdmcgZmlsbD0iIzAwMDAwMCIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgCgkgd2lkdGg9IjgwMHB4IiBoZWlnaHQ9IjgwMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAwIDEwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTg4Ljc2NSw3Ny4yOTF2LTU0LjcyYzAtMC4wMDIsMC4wMDEtMC4wMDMsMC4wMDEtMC4wMDVzLTAuMDAxLTAuMDA0LTAuMDAxLTAuMDA1di0wLjIzNWgtMC4wMjQKCQljLTAuMTIzLTEuMjg2LTEuMTk0LTIuMjk2LTIuNTEzLTIuMjk2Yy0wLjAzLDAtMC4wNTgsMC4wMDgtMC4wODcsMC4wMDloLTQuNTY5Yy0wLjA3MS0wLjAwNi0wLjE0LTAuMDIxLTAuMjEzLTAuMDIxCgkJYy0xLjQsMC0yLjUzNywxLjEzNi0yLjUzNywyLjUzN2MwLDAuMTE3LDAuMDE5LDAuMjMsMC4wMzUsMC4zNDN2MjMuMTQxbC0zMy4zNDEtMTkuMjVjLTAuMzEtMC4zMDctMC43MzYtMC40OTctMS4yMDctMC40OTcKCQljLTAuOTMyLDAtMS42ODYsMC43NDMtMS43MTMsMS42NjlINDIuNTl2MTUuMjQ5TDE0LjE0OCwyNi43ODhjLTAuMzEtMC4zMDctMC43MzYtMC40OTctMS4yMDctMC40OTcKCQljLTAuOTMyLDAtMS42ODcsMC43NDMtMS43MTMsMS42NjloLTAuMDA1djQ0LjAzMWMwLDAuOTQ5LDAuNzcsMS43MTgsMS43MTgsMS43MThjMC40ODMsMCwwLjkxOC0wLjIsMS4yMy0wLjUyMUw0Mi41OSw1Ni43OHYxNS4yMTIKCQljMCwwLjk0OSwwLjc2OSwxLjcxOCwxLjcxOCwxLjcxOGMwLjQ4MywwLDAuOTE4LTAuMiwxLjIzLTAuNTIxbDMzLjMxOS0xOS4yMzd2MjMuMzgyaDAuMDEzYy0wLjAwMiwwLjAzOS0wLjAxMiwwLjA3NS0wLjAxMiwwLjExNAoJCWMwLDEuMzk5LDEuMTM0LDIuNTMzLDIuNTMyLDIuNTM2djBoNC44NTJ2LTAuMDI0YzEuNDAxLDAsMi41MzctMS4xMzYsMi41MzctMi41MzdDODguNzc4LDc3LjM3Nyw4OC43NjcsNzcuMzM1LDg4Ljc2NSw3Ny4yOTF6Ii8+CjwvZz4KPC9zdmc+);
}

.icon-iws-help {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0yMyAxMkMyMyAxOC4wNzUxIDE4LjA3NTEgMjMgMTIgMjNDNS45MjQ4NyAyMyAxIDE4LjA3NTEgMSAxMkMxIDUuOTI0ODcgNS45MjQ4NyAxIDEyIDFDMTguMDc1MSAxIDIzIDUuOTI0ODcgMjMgMTJaTTMuMDA2ODMgMTJDMy4wMDY4MyAxNi45NjY4IDcuMDMzMjEgMjAuOTkzMiAxMiAyMC45OTMyQzE2Ljk2NjggMjAuOTkzMiAyMC45OTMyIDE2Ljk2NjggMjAuOTkzMiAxMkMyMC45OTMyIDcuMDMzMjEgMTYuOTY2OCAzLjAwNjgzIDEyIDMuMDA2ODNDNy4wMzMyMSAzLjAwNjgzIDMuMDA2ODMgNy4wMzMyMSAzLjAwNjgzIDEyWiIgZmlsbD0iY3VycmVudENvbG9yIi8+DQo8cGF0aCBkPSJNMTMuNSAxOEMxMy41IDE4LjgyODQgMTIuODI4NCAxOS41IDEyIDE5LjVDMTEuMTcxNiAxOS41IDEwLjUgMTguODI4NCAxMC41IDE4QzEwLjUgMTcuMTcxNiAxMS4xNzE2IDE2LjUgMTIgMTYuNUMxMi44Mjg0IDE2LjUgMTMuNSAxNy4xNzE2IDEzLjUgMThaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4NCjxwYXRoIGQ9Ik0xMSAxMlYxNEMxMSAxNCAxMSAxNSAxMiAxNUMxMyAxNSAxMyAxNCAxMyAxNFYxMkMxMyAxMiAxMy40NzkyIDExLjg2MjkgMTMuNjYyOSAxMS43ODgzQzEzLjY2MjkgMTEuNzg4MyAxMy45OTY5IDExLjY2OTEgMTQuMjMwNyAxMS40ODk2QzE0LjQ2NDYgMTEuMzEwMiAxNC42NzYxIDExLjA5NyAxNC44NjU0IDEwLjg1MDNDMTUuMDY1OCAxMC42MDM1IDE1LjIyMTcgMTAuMzE3NSAxNS4zMzMgOS45OTIyMUMxNS40NDQzIDkuNjY2OTMgMTUuNSA5LjQwMzggMTUuNSA5QzE1LjUgOC4zMjcwMSAxNS4zNDk3IDcuNjM2NzUgMTUuMDQ5MSA3LjEzMkMxNC43NTk2IDYuNjE2MDQgMTQuMzQ3NiA2LjIxNzg2IDEzLjgxMzIgNS45Mzc0NUMxMy4yNzg4IDUuNjQ1ODIgMTIuNjU1MyA1LjUgMTEuOTQyNyA1LjVDMTEuNDk3NCA1LjUgMTEuMTAyMSA1LjU1NjA4IDEwLjc1NyA1LjY2ODI1QzEwLjQxMTggNS43NjkyIDEwLjEwNTcgNS45MDk0IDkuODM4NDQgNi4wODg4N0M5LjU4MjM2IDYuMjU3MTIgOS4zNjUyNSA2LjQ0NzggOS4xODcxMSA2LjY2MDkxQzkuMDIwMTEgNi44NjI4MSA4Ljg4NjUgNy4wNTkxIDguNzg2MjkgNy4yNDk3OEM4LjY4NjA5IDcuNDQwNDYgOC42MTkyOSA3LjYwODcgOC41ODU4OSA3Ljc1NDUyQzguNTE5MDggNy45Njc2MyA4LjQ5MTI1IDguMTQxNDkgOC41MDIzOCA4LjI3NjA5QzguNTI0NjUgOC40MTA2OSA4LjU5MTQ1IDguNTIyODUgOC43MDI3OSA4LjYxMjU4QzguODE0MTMgOC43MDIzMSA4Ljk4NjcgOC43OTc2NSA5LjIyMDUxIDguODk4NkM5LjQ2NTQ2IDguOTc3MTIgOS42NTQ3MyA5LjAwNTE2IDkuNzg4MzQgOC45ODI3M0M5LjkzMzA4IDguOTYwMjkgMTAuMDUgOC44OTI5OSAxMC4xMzkxIDguNzgwODNDMTAuMTM5MSA4Ljc4MDgzIDEwLjYxMzggOC4xMDU2OSAxMC43NDc0IDcuOTcxMDlDMTAuODkyMiA3LjgyNTI4IDExLjA3MDMgNy43MTMxMiAxMS4yODE5IDcuNjM0NkMxMS40OTM0IDcuNTQ0ODcgMTEuNzMyOCA3LjUgMTIgNy41QzEyLjU3OSA3LjUgMTMuMDA3NiA3LjY0MDIxIDEzLjI4NiA3LjkyMDYyQzEzLjU3NTQgOC4xODk4MiAxMy42NjI5IDguNDE2MjkgMTMuNjYyOSA4LjkzMjI1QzEzLjY2MjkgOS4yNzk5NiAxMy42MDE3IDkuNTYwMzggMTMuNDc5MiA5Ljc3MzQ5QzEzLjM1NjcgOS45ODY2IDEzLjE5NTMgMTAuMTYwNSAxMi45OTQ5IDEwLjI5NTFDMTIuOTk0OSAxMC4yOTUxIDEyLjcyMjcgMTAuMzk5MSAxMi41IDEwLjVDMTIuMjg4NSAxMC41ODk3IDExLjkwMDEgMTAuNzM4MSAxMS42OTk3IDEwLjg1MDNDMTEuNTEwNCAxMC45NTEyIDExLjQwNDMgMTEuMDU3MyAxMS4yODE5IDExLjIxNDRDMTEuMTU5NCAxMS4zNzE0IDExIDExLjczMDggMTEgMTJaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4NCjwvc3ZnPg==);
}

.icon-iws-home {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOCAwTDAgNlY4SDFWMTVINFYxMEg3VjE1SDE1VjhIMTZWNkwxNCA0LjVWMUgxMVYyLjI1TDggMFpNOSAxMEgxMlYxM0g5VjEwWiIgZmlsbD0iIzAwMDAwMCIvPg0KPC9zdmc+);
}

.icon-iws-image {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyBmaWxsPSIjMDAwMDAwIiB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjEsNEgzQTEsMSwwLDAsMCwyLDVWMTlhMSwxLDAsMCwwLDEsMUgyMWExLDEsMCwwLDAsMS0xVjVBMSwxLDAsMCwwLDIxLDRaTTcsN0EyLDIsMCwxLDEsNSw5LDIsMiwwLDAsMSw3LDdaTTIwLDE4SDRWMTYuMzMzTDgsMTNsMi44NTcsMi4xNDNMMTYsMTBsNCw1LjMzM1oiLz48L3N2Zz4=);
}

.icon-iws-info {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZpZXdCb3g9IjAgMCAyMCAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBmaWxsPSJub25lIj4NCiAgPHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMCAzYTcgNyAwIDEwMCAxNCA3IDcgMCAwMDAtMTR6bS05IDdhOSA5IDAgMTExOCAwIDkgOSAwIDAxLTE4IDB6bTgtNGExIDEgMCAwMTEtMWguMDFhMSAxIDAgMTEwIDJIMTBhMSAxIDAgMDEtMS0xem0uMDEgOGExIDEgMCAxMDIgMFY5YTEgMSAwIDEwLTIgMHY1eiIvPg0KPC9zdmc+);
}

.icon-iws-light {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIEdlbmVyYXRvcjogU1ZHIFJlcG8gTWl4ZXIgVG9vbHMgLS0+Cjxzdmcgd2lkdGg9IjgwMHB4IiBoZWlnaHQ9IjgwMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+Cg08ZyBjbGlwLXBhdGg9InVybCgjYSkiIGZpbGw9IiMwMDAwMDAiPgoNPHBhdGggZD0iTTEyIDBhMSAxIDAgMCAxIDEgMXY0YTEgMSAwIDEgMS0yIDBWMWExIDEgMCAwIDEgMS0xWk00LjkyOSAzLjUxNWExIDEgMCAwIDAtMS40MTQgMS40MTRsMi44MjggMi44MjhhMSAxIDAgMCAwIDEuNDE0LTEuNDE0TDQuOTMgMy41MTVaTTEgMTFhMSAxIDAgMSAwIDAgMmg0YTEgMSAwIDEgMCAwLTJIMVpNMTggMTJhMSAxIDAgMCAxIDEtMWg0YTEgMSAwIDEgMSAwIDJoLTRhMSAxIDAgMCAxLTEtMVpNMTcuNjU3IDE2LjI0M2ExIDEgMCAwIDAtMS40MTQgMS40MTRsMi44MjggMi44MjhhMSAxIDAgMSAwIDEuNDE0LTEuNDE0bC0yLjgyOC0yLjgyOFpNNy43NTcgMTcuNjU3YTEgMSAwIDEgMC0xLjQxNC0xLjQxNEwzLjUxNSAxOS4wN2ExIDEgMCAxIDAgMS40MTQgMS40MTRsMi44MjgtMi44MjhaTTIwLjQ4NSA0LjkyOWExIDEgMCAwIDAtMS40MTQtMS40MTRsLTIuODI4IDIuODI4YTEgMSAwIDEgMCAxLjQxNCAxLjQxNGwyLjgyOC0yLjgyOFpNMTMgMTlhMSAxIDAgMSAwLTIgMHY0YTEgMSAwIDEgMCAyIDB2LTRaTTEyIDdhNSA1IDAgMSAwIDAgMTAgNSA1IDAgMCAwIDAtMTBaIi8+Cg08L2c+Cg08ZGVmcz4KDTxjbGlwUGF0aCBpZD0iYSI+Cg08cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMCAwaDI0djI0SDB6Ii8+Cg08L2NsaXBQYXRoPgoNPC9kZWZzPgoNPC9zdmc+);
}

.icon-iws-list {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KPHBhdGggZD0iTTggNi4wMDA2N0wyMSA2LjAwMTM5TTggMTIuMDAwN0wyMSAxMi4wMDE1TTggMTguMDAwN0wyMSAxOC4wMDE1TTMuNSA2SDMuNTFNMy41IDEySDMuNTFNMy41IDE4SDMuNTFNNCA2QzQgNi4yNzYxNCAzLjc3NjE0IDYuNSAzLjUgNi41QzMuMjIzODYgNi41IDMgNi4yNzYxNCAzIDZDMyA1LjcyMzg2IDMuMjIzODYgNS41IDMuNSA1LjVDMy43NzYxNCA1LjUgNCA1LjcyMzg2IDQgNlpNNCAxMkM0IDEyLjI3NjEgMy43NzYxNCAxMi41IDMuNSAxMi41QzMuMjIzODYgMTIuNSAzIDEyLjI3NjEgMyAxMkMzIDExLjcyMzkgMy4yMjM4NiAxMS41IDMuNSAxMS41QzMuNzc2MTQgMTEuNSA0IDExLjcyMzkgNCAxMlpNNCAxOEM0IDE4LjI3NjEgMy43NzYxNCAxOC41IDMuNSAxOC41QzMuMjIzODYgMTguNSAzIDE4LjI3NjEgMyAxOEMzIDE3LjcyMzkgMy4yMjM4NiAxNy41IDMuNSAxNy41QzMuNzc2MTQgMTcuNSA0IDE3LjcyMzkgNCAxOFoiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KPC9zdmc+);
}

.icon-iws-loading {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPgo8c3ZnIGZpbGw9IiMwMDAwMDAiIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAtMC41IDEwMDEgMTAwMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNDk3LjU3MSAwYy0xMTMuNjg0IC4yNjcgLTIyNy4zMDEgMzguODg3IC0zMTkuNzI1IDExNS44OTJsLjE4OCAuMTg4YzE3Mi45MDEgLTE0MC4zMzUgNDI3LjQ4MSAtMTMwLjA2IDU4OC4zOTggMzAuODU3IDEzMy44NzggMTMzLjg3NiAxNjMuNDg1IDMzMi42MDQgODguODUgNDk1LjE3MyAtMTAuMTg2IDI5LjI4OCAtNS41MjMgNTAuMjE5IDExLjk3NCA2Ny43MTYgMjAuNzA5IDIwLjcwOSA2MC42OTYgMjMuMTUxIDgzLjg0NyAwIDIuNjQzIC0yLjY0MyAxMi4xODcgLTE0LjQxMSAxNC42OTQgLTI0LjA0MSA3MC44NDkgLTE4MC4yMjQgMzMuNDc5IC0zOTMuMTk3IC0xMTIuMTcxIC01MzguODQ2IC05OC4yODEgLTk4LjI4MiAtMjI3LjIxMSAtMTQ3LjIzOCAtMzU2LjA1MiAtMTQ2LjkzNXptLTQwOC4xMzcgMjczLjcwNmMtMTQuNTMyIC4zNiAtMjkuMTAxIDUuNTkyIC0zOS45NTQgMTYuNDQ1IC0yLjY0MyAyLjY0NCAtMTIuMTg3IDE0LjQxIC0xNC42OTQgMjQuMDQxIC03MC44NDkgMTgwLjIyMyAtMzMuNDc5IDM5My4xOTcgMTEyLjE3MSA1MzguODQ2IDE4NS4wMDMgMTg1LjAwMyA0NzguNjA3IDE5NS4zMjIgNjc1Ljc3OCAzMS4wNDRsLS4xODggLS4xODhjLTE3Mi45MDEgMTQwLjMzNiAtNDI3LjQ4MSAxMzAuMDYgLTU4OC4zOTggLTMwLjg1NyAtMTMzLjg3NiAtMTMzLjg3OCAtMTYzLjQ4NSAtMzMyLjYwMyAtODguODUgLTQ5NS4xNzMgMTAuMTg2IC0yOS4yODcgNS41MjMgLTUwLjIxOSAtMTEuOTc0IC02Ny43MTYgLTExLjAwMiAtMTEuMDAyIC0yNy40MjMgLTE2Ljg1MiAtNDMuODkzIC0xNi40NDV6Ii8+PC9zdmc+);
}

.icon-iws-locate {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCg0KPCEtLSBVcGxvYWRlZCB0bzogU1ZHIFJlcG8sIHd3dy5zdmdyZXBvLmNvbSwgR2VuZXJhdG9yOiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4NCjxzdmcgZmlsbD0iY3VycmVudENvbG9yIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiANCgkgdmlld0JveD0iMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOm5vbmU7fQ0KPC9zdHlsZT4NCjxwYXRoIGQ9Ik0xMiwyQzguNywyLDYsNC43LDYsOGMwLDUuMiw2LDExLjEsNiwxMS4xczYtNiw2LTExLjFDMTgsNC43LDE1LjMsMiwxMiwyeiBNMTIsNS45YzEuMSwwLDIuMSwxLDIuMSwyLjENCgljMCwxLjItMC45LDIuMS0yLjEsMi4xUzkuOSw5LjEsOS45LDhDOS45LDYuOCwxMC45LDUuOSwxMiw1Ljl6IE02LjgsMTUuMWMtMS4zLDAuMy0yLjMsMC42LTMuMiwxYy0wLjQsMC4yLTAuOCwwLjUtMS4xLDAuOA0KCVMyLDE3LjgsMiwxOC4zYzAsMC44LDAuNSwxLjQsMS4xLDEuOHMxLjMsMC43LDIuMiwxQzcuMSwyMS43LDkuNCwyMiwxMiwyMnM0LjktMC4zLDYuNy0wLjhjMC45LTAuMywxLjYtMC42LDIuMi0xczEuMS0xLDEuMS0xLjgNCgljMC0xLTAuOC0xLjctMS42LTIuMmMtMC44LTAuNS0xLjktMC44LTMuMi0xbC0wLjMsMmMxLjEsMC4yLDIsMC41LDIuNiwwLjhjMC40LDAuMiwwLjUsMC40LDAuNiwwLjRjMCwwLTAuMSwwLjEtMC4yLDAuMg0KCWMtMC4zLDAuMi0wLjksMC41LTEuNiwwLjdDMTYuNiwxOS43LDE0LjQsMjAsMTIsMjBzLTQuNi0wLjMtNi4xLTAuOGMtMC43LTAuMi0xLjMtMC41LTEuNi0wLjdjLTAuMS0wLjEtMC4yLTAuMi0wLjItMC4yDQoJYzAuMS0wLjEsMC4yLTAuMiwwLjUtMC40YzAuNi0wLjMsMS41LTAuNiwyLjctMC44TDYuOCwxNS4xeiIvPg0KPHJlY3QgY2xhc3M9InN0MCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+DQo8L3N2Zz4=);
}

.icon-iws-menu {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZpZXdCb3g9IjAgMCAyMCAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBmaWxsPSJub25lIj4NCiAgPHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOSA0YTEgMSAwIDAxLTEgMUgyYTEgMSAwIDAxMC0yaDE2YTEgMSAwIDAxMSAxem0wIDZhMSAxIDAgMDEtMSAxSDJhMSAxIDAgMTEwLTJoMTZhMSAxIDAgMDExIDF6bS0xIDdhMSAxIDAgMTAwLTJIMmExIDEgMCAxMDAgMmgxNnoiLz4NCjwvc3ZnPg==);
}

.icon-iws-menu-right {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiBjbGFzcz0iaWNvbiIgIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTA5LjYzMiA2NzMuNjY0aDUxOS42OGMyNS4xNTIgMCA0NS41NjgtMjIuMDE2IDQ1LjU2OC00OC44OTYgMC0yNi44OC0yMC40MTYtNDguODk2LTQ1LjU2OC00OC44OTZoLTUxOS42OGMtMjUuMjE2IDAtNDUuNjMyIDIyLjAxNi00NS42MzIgNDguODk2IDAgMjYuODggMjAuNDggNDguODk2IDQ1LjYzMiA0OC44OTZ6IG0wLTIyOC4wOTZoNTE5LjY4YzI1LjE1MiAwIDQ1LjU2OC0yMS45NTIgNDUuNTY4LTQ4Ljg5NiAwLTI2Ljg4LTIwLjQxNi00OC44OTYtNDUuNTY4LTQ4Ljg5NmgtNTE5LjY4Yy0yNS4yMTYgMC00NS42MzIgMjIuMDE2LTQ1LjYzMiA0OC44OTYgMCAyNi44OCAyMC40OCA0OC44OTYgNDUuNjMyIDQ4Ljg5NnogbTMuMjY0LTIxOS45MDRoNzk1Ljc3NmMyNi44OCAwIDUwLjU2LTIwLjM1MiA1MS4zMjgtNDcuMTY4QTQ4Ljg5NiA0OC44OTYgMCAwIDAgOTExLjEwNCAxMjhIMTE1LjMyOGMtMjYuODggMC01MC41NiAyMC40MTYtNTEuMzI4IDQ3LjE2OGE0OC44OTYgNDguODk2IDAgMCAwIDQ4Ljg5NiA1MC41NnogbTYxOS43NzYgNDQ3LjIzMlYzNDguNjcyTDk2MCA1MTAuNzg0bC0yMjcuMzI4IDE2Mi4xMTJjMCAwLjc2OCAwIDAuNzY4IDAgMHogbTE3OC40MzIgMTIyLjk0NEgxMTUuMzI4Yy0yNi44OCAwLTUwLjU2IDIwLjQ4LTUxLjMyOCA0Ny4yMzJhNDguODk2IDQ4Ljg5NiAwIDAgMCA0OC44OTYgNTAuNDk2aDc5NS43NzZjMjYuODggMCA1MC41Ni0yMC40MTYgNTEuMzI4LTQ3LjIzMmE0OC44OTYgNDguODk2IDAgMCAwLTQ4Ljg5Ni01MC40OTZ6IiBmaWxsPSJjdXJyZW50Q29sb3IiIC8+PC9zdmc+);
}

.icon-iws-menu-left {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiBjbGFzcz0iaWNvbiIgIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOTE0LjM2OCA2NzMuNjY0aC01MTkuNjhjLTI1LjE1MiAwLTQ1LjU2OC0yMi4wMTYtNDUuNTY4LTQ4Ljg5NiAwLTI2Ljg4IDIwLjQxNi00OC44OTYgNDUuNTY4LTQ4Ljg5Nmg1MTkuNjhjMjUuMjE2IDAgNDUuNjMyIDIyLjAxNiA0NS42MzIgNDguODk2IDAgMjYuODgtMjAuNDggNDguODk2LTQ1LjYzMiA0OC44OTZ6IG0wLTIyOC4wOTZoLTUxOS42OGMtMjUuMTUyIDAtNDUuNTY4LTIxLjk1Mi00NS41NjgtNDguODk2IDAtMjYuODggMjAuNDE2LTQ4Ljg5NiA0NS41NjgtNDguODk2aDUxOS42OGMyNS4yMTYgMCA0NS42MzIgMjIuMDE2IDQ1LjYzMiA0OC44OTYgMCAyNi44OC0yMC40OCA0OC44OTYtNDUuNjMyIDQ4Ljg5NnogbS0zLjI2NC0yMTkuOTA0SDExNS4zMjhjLTI2Ljg4IDAtNTAuNTYtMjAuMzUyLTUxLjMyOC00Ny4xNjhBNDguODk2IDQ4Ljg5NiAwIDAgMSAxMTIuODk2IDEyOGg3OTUuNzc2YzI2Ljg4IDAgNTAuNTYgMjAuNDE2IDUxLjMyOCA0Ny4xNjhhNDguODk2IDQ4Ljg5NiAwIDAgMS00OC44OTYgNTAuNTZ6IG0tNjE5Ljc3NiA0NDcuMjMyVjM0OC42NzJMNjQgNTEwLjc4NGwyMjcuMzI4IDE2Mi4xMTJjMCAwLjc2OCAwIDAuNzY4IDAgMHogbS0xNzguNDMyIDEyMi45NDRoNzk1Ljc3NmMyNi44OCAwIDUwLjU2IDIwLjQ4IDUxLjMyOCA0Ny4yMzJhNDguODk2IDQ4Ljg5NiAwIDAgMS00OC44OTYgNTAuNDk2SDExNS4zMjhjLTI2Ljg4IDAtNTAuNTYtMjAuNDE2LTUxLjMyOC00Ny4yMzJhNDguODk2IDQ4Ljg5NiAwIDAgMSA0OC44OTYtNTAuNDk2eiIgZmlsbD0iY3VycmVudENvbG9yIiAvPjwvc3ZnPg==);
}

.icon-iws-more-vertical {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pg0KPHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9ImN1cnJlbnRDb2xvciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxnIGlkPSJDb21wbGV0ZSI+DQo8ZyBpZD0iRi1Nb3JlIj4NCjxwYXRoIGQ9Ik0xMiwxNmEyLDIsMCwxLDEtMiwyQTIsMiwwLDAsMSwxMiwxNlpNMTAsNmEyLDIsMCwxLDAsMi0yQTIsMiwwLDAsMCwxMCw2Wm0wLDZhMiwyLDAsMSwwLDItMkEyLDIsMCwwLDAsMTAsMTJaIiBpZD0iVmVydGljYWwiLz4NCjwvZz4NCjwvZz4NCjwvc3ZnPg==);
}

.icon-iws-more-horizontal {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pg0KPHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9ImN1cnJlbnRDb2xvciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxnIGlkPSJDb21wbGV0ZSI+DQo8ZyBpZD0iRi1Nb3JlIj4NCjxwYXRoIGQ9Ik04LDEyYTIsMiwwLDEsMS0yLTJBMiwyLDAsMCwxLDgsMTJabTEwLTJhMiwyLDAsMSwwLDIsMkEyLDIsMCwwLDAsMTgsMTBabS02LDBhMiwyLDAsMSwwLDIsMkEyLDIsMCwwLDAsMTIsMTBaIiBpZD0iSG9yaXpvbnRhbCIvPg0KPC9nPg0KPC9nPg0KPC9zdmc+);
}

.icon-iws-new-window {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIEdlbmVyYXRvcjogU1ZHIFJlcG8gTWl4ZXIgVG9vbHMgLS0+CjxzdmcgZmlsbD0iIzAwMDAwMCIgd2lkdGg9IjgwMHB4IiBoZWlnaHQ9IjgwMHB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+Cg08Zz4KDTxwYXRoIGQ9Ik00LDBWM0gxVjE1SDEzVjEyaDNWMFptNy4yLDEzLjJIMi44VjQuOEg0VjEyaDcuMlptMy40LTIuNkg2LjM5TDExLjUsNS41LDEzLDdWM0g5bDEuNSwxLjVMNS40LDkuNjFWMS40aDkuMloiLz4KDTwvZz4KDTwvc3ZnPg==);
}

.icon-iws-ok {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCg0KPCEtLSBVcGxvYWRlZCB0bzogU1ZHIFJlcG8sIHd3dy5zdmdyZXBvLmNvbSwgR2VuZXJhdG9yOiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4NCjxzdmcgZmlsbD0iY3VycmVudENvbG9yIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiANCgkgdmlld0JveD0iMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOm5vbmU7fQ0KPC9zdHlsZT4NCjxwYXRoIGQ9Ik0xOS4zLDUuM0w5LDE1LjZsLTQuMy00LjNsLTEuNCwxLjRsNSw1TDksMTguNGwwLjctMC43bDExLTExTDE5LjMsNS4zeiIvPg0KPHJlY3QgY2xhc3M9InN0MCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+DQo8L3N2Zz4=);
}

.icon-iws-ok-circle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgZmlsbD0iY3VycmVudENvbG9yIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTt9DQo8L3N0eWxlPg0KPGc+DQoJPHBhdGggZD0iTTEyLDJDNi41LDIsMiw2LjUsMiwxMnM0LjUsMTAsMTAsMTBzMTAtNC41LDEwLTEwUzE3LjUsMiwxMiwyeiBNMTIsMjBjLTQuNSwwLTgtMy41LTgtOHMzLjUtOCw4LThzOCwzLjUsOCw4DQoJCVMxNi41LDIwLDEyLDIweiIvPg0KCTxwb2x5Z29uIHBvaW50cz0iOS44LDE2LjggNi4xLDEzLjIgNy41LDExLjcgOS44LDE0IDE1LjUsNy45IDE3LDkuMyAJIi8+DQo8L2c+DQo8cmVjdCBjbGFzcz0ic3QwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz4NCjwvc3ZnPg==);
}

.icon-iws-paint {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgZmlsbD0iY3VycmVudENvbG9yIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAwIDEwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTgzLjA5NSw0Ny44NzhjLTAuMDAxLTAuMDAxLTAuMDAzLTAuMDAyLTAuMDA0LTAuMDAzbC0zMi4wODgtMzIuMDlsLTAuMDAxLDBsMCwwYy0wLjk4NC0wLjk4NC0yLjU3OC0wLjk4NC0zLjU2MiwwCgkJbC01LjI2LDUuMjZMMzAuOTM0LDkuNzk5Yy0wLjkwMy0wLjk0My0yLjE2Ni0xLjUzNS0zLjU3MS0xLjUzNGMtMi43NDMtMC4wMDEtNC45NjYsMi4yMzEtNC45NjQsNC45ODYKCQljMCwxLjQyNiwwLjYwMywyLjcwMywxLjU1OCwzLjYxMmwxMS4yMDMsMTEuMjA1TDcuODgzLDU1LjM0NGMwLDAsMCwwLDAsMGMtMC45ODQsMC45ODMtMC45ODQsMi41NzgsMCwzLjU2MmwzMi4wOTEsMzIuMDkyCgkJYzAuOTg0LDAuOTg0LDIuNTc5LDAuOTg0LDMuNTYyLDBsMC4wMDEtMC4wMDFMODMuMDk1LDUxLjQ0Qzg0LjA3OCw1MC40NTYsODQuMDc4LDQ4Ljg2MSw4My4wOTUsNDcuODc4eiBNNjMuMzkxLDU3LjEwNkgyMC4yMzMKCQlsMjkuMDAzLTI5LjAwNGwyMS41NzksMjEuNThMNjMuMzkxLDU3LjEwNnoiLz4KCTxwYXRoIGQ9Ik05MS4wNzMsNzMuNzM1bC01Ljk3LTEwLjMzOWMtMC4wMzEtMC4wNTgtMC4wNjEtMC4xMTctMC4wOTgtMC4xNzFMODQuOTksNjMuMmwtMC4wMDQsMC4wMDIKCQljLTAuMzAyLTAuNDE4LTAuNzg4LTAuNjktMS4zNTEtMC42OWMtMC41MDgsMC0wLjk1MiwwLjIzMS0xLjI1NiwwLjU4OGwtMC4wMTYtMC4wMDlsLTAuMDU5LDAuMTAzCgkJYy0wLjA4NiwwLjExNi0wLjE2MiwwLjIzOS0wLjIxNywwLjM3NWwtNS44MzUsMTAuMTA1Yy0xLjE0NCwxLjUzNS0xLjgyOSwzLjQzMi0xLjgyOSw1LjQ5M2MwLDUuMDksNC4xMjQsOS4yMTcsOS4yMTYsOS4yMTcKCQljNS4wOTMsMCw5LjIxNy00LjEyNyw5LjIxNy05LjIxN0M5Mi44NTYsNzcuMTMzLDkyLjE4OSw3NS4yNiw5MS4wNzMsNzMuNzM1eiIvPgo8L2c+Cjwvc3ZnPg==);
}

.icon-iws-pause {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik03IDFIMlYxNUg3VjFaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4NCjxwYXRoIGQ9Ik0xNCAxSDlWMTVIMTRWMVoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPg0KPC9zdmc+);
}

.icon-iws-persist {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIEdlbmVyYXRvcjogU1ZHIFJlcG8gTWl4ZXIgVG9vbHMgLS0+DQo8c3ZnIGZpbGw9IiMwMDAwMDAiIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDMyIDMyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8dGl0bGU+c2F2ZTwvdGl0bGU+DQo8cGF0aCBkPSJNOS40NjcgMy4xMDZoMy4wMzBjMC4yNjYgMCAwLjQ4MiAwLjI3OCAwLjQ4MiAwLjYyMXY0LjM3NGMwIDAuMzQzLTAuMjE2IDAuNjIxLTAuNDgyIDAuNjIxaC0zLjAzMGMtMC4yNjYgMC0wLjQ4Mi0wLjI3OC0wLjQ4Mi0wLjYyMXYtNC4zNzRjMC0wLjM0MyAwLjIxNi0wLjYyMSAwLjQ4Mi0wLjYyMXpNMjEuOTY0IDE0LjUyNGw3Ljk4NyA3Ljk4N2gtMy45OTN2Ny45ODdoLTcuOTg3di03Ljk4N2gtMy45OTNsNy45ODctNy45ODd6TTE3LjQyMiAyNC43NjhoLTEwLjMwOWMtMC4yNzYgMC0wLjQ5OS0wLjIyMy0wLjQ5OS0wLjQ5OXYtMTEuNDgxYzAtMC4yNzYgMC4yMjMtMC40OTkgMC40OTktMC40OTloMTcuNzIxYzAuMjc2IDAgMC40OTkgMC4yMjMgMC40OTkgMC40OTl2NC40MDJsMy4xMiAzLjEydi0xMy4yNjJjMC0wLjI3Ni00LjIxNi00LjQ5My00LjQ5My00LjQ5M2gtNC43NDFjMC4xNjkgMC4wNjkgMC4yODcgMC4yMjMgMC4yODcgMC40MDR2Ni4xODFjMCAwLjI0NC0wLjIxNiAwLjQ0Mi0wLjQ4MiAwLjQ0MmgtMTAuNTk0Yy0wLjI2NiAwLTAuNDgyLTAuMTk4LTAuNDgyLTAuNDQydi02LjE4MWMwLTAuMTggMC4xMTgtMC4zMzUgMC4yODctMC40MDRoLTQuMjQyYy0wLjI3NyAwLTAuNDk5IDAuMjIzLTAuNDk5IDAuNDk5djIzLjk2MWMwIDAuMjc3IDAuMjIzIDAuNDk5IDAuNDk5IDAuNDk5aDEzLjQyOXYtMi43NDZ6TTI2LjUwNiAyMi45MDN2NC42MTFoMS40NDljMC4yNzcgMCAwLjQ5OS0wLjIyMyAwLjQ5OS0wLjQ5OXYtNC4xMTFsLTEuOTQ4IDB6Ij48L3BhdGg+DQo8L3N2Zz4=);
}

.icon-iws-play {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHZpZXdCb3g9Ii0zIDAgMjggMjgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPg0KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHNrZXRjaDp0eXBlPSJNU1BhZ2UiPg0KICAgICAgICA8ZyBpZD0iSWNvbi1TZXQtRmlsbGVkIiBza2V0Y2g6dHlwZT0iTVNMYXllckdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDE5LjAwMDAwMCwgLTU3MS4wMDAwMDApIiBmaWxsPSJjdXJyZW50Q29sb3IiPg0KICAgICAgICAgICAgPHBhdGggZD0iTTQ0MC40MTUsNTgzLjU1NCBMNDIxLjQxOCw1NzEuMzExIEM0MjAuMjkxLDU3MC43MDQgNDE5LDU3MC43NjcgNDE5LDU3Mi45NDYgTDQxOSw1OTcuMDU0IEM0MTksNTk5LjA0NiA0MjAuMzg1LDU5OS4zNiA0MjEuNDE4LDU5OC42ODkgTDQ0MC40MTUsNTg2LjQ0NiBDNDQxLjE5Nyw1ODUuNjQ3IDQ0MS4xOTcsNTg0LjM1MyA0NDAuNDE1LDU4My41NTQiIGlkPSJwbGF5IiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj4NCjwvcGF0aD4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==);
}

.icon-iws-point {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIEdlbmVyYXRvcjogU1ZHIFJlcG8gTWl4ZXIgVG9vbHMgLS0+CjxzdmcgZmlsbD0iIzAwMDAwMCIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgCgkgd2lkdGg9IjgwMHB4IiBoZWlnaHQ9IjgwMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAwIDEwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTUwLDEwLjQxN2MtMTUuNTgxLDAtMjguMjAxLDEyLjYyNy0yOC4yMDEsMjguMjAxYzAsNi4zMjcsMi4wODMsMTIuMTY4LDUuNjAyLDE2Ljg3M0w0NS40OSw4Ni44MjMKCQljMC4xMDUsMC4yMDIsMC4yMSwwLjQwMywwLjMzOSwwLjU4OGwwLjA0LDAuMDY5bDAuMDExLTAuMDA2YzAuOTI0LDEuMjc4LDIuNDExLDIuMTExLDQuMTM1LDIuMTExYzEuNTU2LDAsMi45MTItMC43MDgsMy44NDUtMS43OTkKCQlsMC4wNDcsMC4wMjdsMC4xNzktMC4zMWMwLjI2NC0wLjM1NiwwLjQ5OC0wLjczNiwwLjY2Ny0xLjE1NUw3Mi40NzUsNTUuNjVjMy41OTItNC43MzMsNS43MjYtMTAuNjMyLDUuNzI2LTE3LjAzMgoJCUM3OC4yMDEsMjMuMDQ0LDY1LjU4MSwxMC40MTcsNTAsMTAuNDE3eiBNNDkuNzIxLDUyLjkxNWMtNy42NzcsMC0xMy44OTUtNi4yMjEtMTMuODk1LTEzLjg5NWMwLTcuNjczLDYuMjE4LTEzLjg5NSwxMy44OTUtMTMuODk1CgkJczEzLjg5NSw2LjIyMiwxMy44OTUsMTMuODk1QzYzLjYxNiw0Ni42OTMsNTcuMzk4LDUyLjkxNSw0OS43MjEsNTIuOTE1eiIvPgo8L2c+Cjwvc3ZnPg==);
}

.icon-iws-polygon {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPgo8c3ZnIGZpbGw9IiMwMDAwMDAiIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI1NiAyNTYiIGlkPSJGbGF0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxwYXRoIGQ9Ik0yMzMuNDYsOTcuNDZhMzYsMzYsMCwwLDAtNTAuOTItNTAuOTJoMGEzNi4xOCwzNi4xOCwwLDAsMC00LjEyLDVsLTIyLjU0LTYuMTRBMzYsMzYsMCwwLDAsOTQuNTQsMjIuNTRoMGEzNi4wNywzNi4wNywwLDAsMC03Ljc5LDM5LjI0TDU3LjIsODguMzhhMzYuMDYsMzYuMDYsMCwwLDAtNDIuNjYsNi4xNmgwYTM2LDM2LDAsMCwwLDQ1LjczLDU1LjJsNjUuMjcsNDcuODdhMzYsMzYsMCwxLDAsNTkuOTItMTUuMDcsMzcuNjksMzcuNjksMCwwLDAtMi44NS0yLjU1TDIwOCwxMDhBMzUuODcsMzUuODcsMCwwLDAsMjMzLjQ2LDk3LjQ2Wm0tOTMuNzMsODAuOEw3NC40NiwxMzAuMzlhMzYuMTksMzYuMTksMCwwLDAtMS4yMS0yNC4xN2wyOS41NS0yNi42YTM1LjkyLDM1LjkyLDAsMCwwLDQ2Ljc4LTExLjExbDIyLjU0LDYuMTRhMzUuODgsMzUuODgsMCwwLDAsMTAuNDIsMjIuODEsMzcuNjksMzcuNjksMCwwLDAsMi44NSwyLjU1TDE2MCwxNzJBMzUuODksMzUuODksMCwwLDAsMTM5LjczLDE3OC4yNlpNMjE2LjQ5LDYzLjUxYTEyLDEyLDAsMSwxLTE3LDBoMEExMiwxMiwwLDAsMSwyMTYuNDksNjMuNTFabS0xMDUtMjRhMTIsMTIsMCwxLDEsMCwxNywxMiwxMiwwLDAsMSwwLTE3Wm0tODAsODlhMTIsMTIsMCwwLDEsMC0xN2gwYTEyLDEyLDAsMSwxLDAsMTdabTEzNyw4OGExMiwxMiwwLDAsMS0xNy0xN2gwYTEyLDEyLDAsMCwxLDE3LDE3WiIvPgo8L3N2Zz4=);
}

.icon-iws-polyline {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPgo8c3ZnIGZpbGw9IiMwMDAwMDAiIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDQ4IDQ4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ4IDQ4IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBzdHlsZT0iZmlsbDpub25lIiBkPSJNMCAwaDQ4djQ4SDB6Ii8+PHBhdGggZD0iTTM2IDI4Yy0uNDM4IDAtLjg2Ni4wNDUtMS4yODUuMTEzbC00LjQ0Ny0xMC4xMDhBNy45NzYgNy45NzYgMCAwIDAgMzMgMTJjMC00LjQxMS0zLjU4OS04LTgtOHMtOCAzLjU4OS04IDhjMCAxLjguNjA1IDMuNDU3IDEuNjEyIDQuNzk1bC0zLjg5MyA1LjY5QTcuOTY4IDcuOTY4IDAgMCAwIDEyIDIyYy00LjQxMSAwLTggMy41ODktOCA4czMuNTg5IDggOCA4IDgtMy41ODkgOC04YTcuOTYxIDcuOTYxIDAgMCAwLTEuOTgyLTUuMjU0bDMuNzI2LTUuNDQ2YTcuOTQ0IDcuOTQ0IDAgMCAwIDQuOTUuNTE2bDQuMzYgOS45MDlBNy45ODMgNy45ODMgMCAwIDAgMjggMzZjMCA0LjQxMSAzLjU4OSA4IDggOHM4LTMuNTg5IDgtOC0zLjU4OS04LTgtOHptLTI0IDZjLTIuMjA2IDAtNC0xLjc5NC00LTRzMS43OTQtNCA0LTQgNCAxLjc5NCA0IDQtMS43OTQgNC00IDR6bTktMjJjMC0yLjIwNiAxLjc5NC00IDQtNHM0IDEuNzk0IDQgNC0xLjc5NCA0LTQgNC00LTEuNzk0LTQtNHptMTUgMjhjLTIuMjA2IDAtNC0xLjc5NC00LTRzMS43OTQtNCA0LTQgNCAxLjc5NCA0IDQtMS43OTQgNC00IDR6Ii8+PC9zdmc+);
}

.icon-iws-publish {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMy45NTUyNiAyLjI1QzMuOTcwMTMgMi4yNTAwMSAzLjk4NTA1IDIuMjUwMDEgNC4wMDAwMSAyLjI1MDAxTDIwLjA0NDggMi4yNUMyMC40Nzc2IDIuMjQ5OTUgMjAuODc0NCAyLjI0OTkxIDIxLjE5NzIgMi4yOTMzMUMyMS41NTI3IDIuMzQxMSAyMS45Mjg0IDIuNDUzNTUgMjIuMjM3NCAyLjc2MjU3QzIyLjU0NjUgMy4wNzE1OSAyMi42NTg5IDMuNDQ3MzIgMjIuNzA2NyAzLjgwMjhDMjIuNzUwMSA0LjEyNTYxIDIyLjc1MDEgNC41MjI0NSAyMi43NSA0Ljk1NTI2VjUuMDQ0NzVDMjIuNzUwMSA1LjQ3NzU3IDIyLjc1MDEgNS44NzQ0IDIyLjcwNjcgNi4xOTcyMUMyMi42NTg5IDYuNTUyNjkgMjIuNTQ2NSA2LjkyODQyIDIyLjIzNzQgNy4yMzc0NEMyMS45NDM3IDcuNTMxMjEgMjEuNTg5NiA3LjY0NzMzIDIxLjI1IDcuNjk5MTRWMTMuMDU2NEMyMS4yNSAxNC44OTQyIDIxLjI1IDE2LjM0OTggMjEuMDk2OSAxNy40ODlDMjAuOTM5MiAxOC42NjE1IDIwLjYwNzEgMTkuNjEwNCAxOS44NTg4IDIwLjM1ODhDMTkuMTEwNCAyMS4xMDcxIDE4LjE2MTUgMjEuNDM5MiAxNi45ODkgMjEuNTk2OUMxNS44NDk4IDIxLjc1IDE0LjM5NDIgMjEuNzUgMTIuNTU2NCAyMS43NUgxMS40NDM2QzkuNjA1ODMgMjEuNzUgOC4xNTAyIDIxLjc1IDcuMDEwOTggMjEuNTk2OUM1LjgzODU2IDIxLjQzOTIgNC44ODk2MSAyMS4xMDcxIDQuMTQxMjUgMjAuMzU4OEMzLjM5Mjg5IDE5LjYxMDQgMy4wNjA3NyAxOC42NjE1IDIuOTAzMTQgMTcuNDg5QzIuNzQ5OTggMTYuMzQ5OCAyLjc0OTk5IDE0Ljg5NDIgMi43NTAwMSAxMy4wNTY0TDIuNzUwMDEgNy42OTkxNEMyLjQxMDM4IDcuNjQ3MzMgMi4wNTYzNCA3LjUzMTIxIDEuNzYyNTcgNy4yMzc0NEMxLjQ1MzU1IDYuOTI4NDIgMS4zNDExIDYuNTUyNjkgMS4yOTMzMSA2LjE5NzIxQzEuMjQ5OTEgNS44NzQ0IDEuMjQ5OTUgNS40Nzc1NyAxLjI1IDUuMDQ0NzZDMS4yNTAwMSA1LjAyOTg4IDEuMjUwMDEgNS4wMTQ5NiAxLjI1MDAxIDUuMDAwMDFDMS4yNTAwMSA0Ljk4NTA1IDEuMjUwMDEgNC45NzAxMyAxLjI1IDQuOTU1MjZDMS4yNDk5NSA0LjUyMjQ0IDEuMjQ5OTEgNC4xMjU2MSAxLjI5MzMxIDMuODAyOEMxLjM0MTEgMy40NDczMiAxLjQ1MzU1IDMuMDcxNTkgMS43NjI1NyAyLjc2MjU3QzIuMDcxNTkgMi40NTM1NSAyLjQ0NzMyIDIuMzQxMSAyLjgwMjggMi4yOTMzMUMzLjEyNTYxIDIuMjQ5OTEgMy41MjI0NCAyLjI0OTk1IDMuOTU1MjYgMi4yNVpNNC4yNTAwMSA3Ljc1MDAxVjEzQzQuMjUwMDEgMTQuOTA2OCA0LjI1MTYgMTYuMjYxNSA0LjM4OTc3IDE3LjI4OTJDNC41MjUwMyAxOC4yOTUyIDQuNzc4NyAxOC44NzQ5IDUuMjAxOTEgMTkuMjk4MUM1LjYyNTEyIDE5LjcyMTMgNi4yMDQ3NyAxOS45NzUgNy4yMTA4NiAyMC4xMTAyQzguMTkzMDMgMjAuMjQyMyA5LjQ3Mzg5IDIwLjI0OTYgMTEuMjUgMjAuMjVWMTMuOTU0NUw5LjU1NzQ4IDE1LjgzNTFDOS4yODAzOCAxNi4xNDI5IDguODA2MTcgMTYuMTY3OSA4LjQ5ODI4IDE1Ljg5MDhDOC4xOTA0IDE1LjYxMzcgOC4xNjU0NCAxNS4xMzk1IDguNDQyNTQgMTQuODMxNkwxMS40NDI1IDExLjQ5ODNDMTEuNTg0OCAxMS4zNDAyIDExLjc4NzQgMTEuMjUgMTIgMTEuMjVDMTIuMjEyNiAxMS4yNSAxMi40MTUyIDExLjM0MDIgMTIuNTU3NSAxMS40OTgzTDE1LjU1NzUgMTQuODMxNkMxNS44MzQ2IDE1LjEzOTUgMTUuODA5NiAxNS42MTM3IDE1LjUwMTcgMTUuODkwOEMxNS4xOTM4IDE2LjE2NzkgMTQuNzE5NiAxNi4xNDI5IDE0LjQ0MjUgMTUuODM1MUwxMi43NSAxMy45NTQ1VjIwLjI1QzE0LjUyNjEgMjAuMjQ5NiAxNS44MDcgMjAuMjQyMyAxNi43ODkyIDIwLjExMDJDMTcuNzk1MiAxOS45NzUgMTguMzc0OSAxOS43MjEzIDE4Ljc5ODEgMTkuMjk4MUMxOS4yMjEzIDE4Ljg3NDkgMTkuNDc1IDE4LjI5NTIgMTkuNjEwMiAxNy4yODkyQzE5Ljc0ODQgMTYuMjYxNSAxOS43NSAxNC45MDY4IDE5Ljc1IDEzVjcuNzUwMDFINC4yNTAwMVpNMi44MjMyNCAzLjgyMzI0TDIuODI1NjggMy44MjE4N0MyLjgyNzYxIDMuODIwODYgMi44MzA5MyAzLjgxOTI0IDIuODM1OTcgMy44MTcxN0MyLjg1Nzc1IDMuODA4MjEgMi45MDYxMSAzLjc5MjkxIDMuMDAyNjcgMy43Nzk5M0MzLjIxMzM5IDMuNzUxNiAzLjUwNzQgMy43NTAwMSA0LjAwMDAxIDMuNzUwMDFIMjBDMjAuNDkyNiAzLjc1MDAxIDIwLjc4NjYgMy43NTE2IDIwLjk5NzMgMy43Nzk5M0MyMS4wOTM5IDMuNzkyOTEgMjEuMTQyMyAzLjgwODIxIDIxLjE2NCAzLjgxNzE3QzIxLjE2OTEgMy44MTkyNCAyMS4xNzI0IDMuODIwODYgMjEuMTc0MyAzLjgyMTg3TDIxLjE3NjggMy44MjMyM0wyMS4xNzgxIDMuODI1NjhDMjEuMTc5MiAzLjgyNzYxIDIxLjE4MDggMy44MzA5MyAyMS4xODI4IDMuODM1OTdDMjEuMTkxOCAzLjg1Nzc1IDIxLjIwNzEgMy45MDYxMSAyMS4yMjAxIDQuMDAyNjdDMjEuMjQ4NCA0LjIxMzM5IDIxLjI1IDQuNTA3NCAyMS4yNSA1LjAwMDAxQzIxLjI1IDUuNDkyNjEgMjEuMjQ4NCA1Ljc4NjYyIDIxLjIyMDEgNS45OTczNEMyMS4yMDcxIDYuMDkzOSAyMS4xOTE4IDYuMTQyMjYgMjEuMTgyOCA2LjE2NDA0QzIxLjE4MDggNi4xNjkwOSAyMS4xNzkyIDYuMTcyNCAyMS4xNzgxIDYuMTc0MzRMMjEuMTc2OCA2LjE3Njc4TDIxLjE3NDMgNi4xNzgxNUMyMS4xNzI0IDYuMTc5MTYgMjEuMTY5MSA2LjE4MDc3IDIxLjE2NCA2LjE4Mjg1QzIxLjE0MjMgNi4xOTE4MSAyMS4wOTM5IDYuMjA3MSAyMC45OTczIDYuMjIwMDhDMjAuNzg2NiA2LjI0ODQxIDIwLjQ5MjYgNi4yNTAwMSAyMCA2LjI1MDAxSDQuMDAwMDFDMy41MDc0IDYuMjUwMDEgMy4yMTMzOSA2LjI0ODQxIDMuMDAyNjcgNi4yMjAwOEMyLjkwNjExIDYuMjA3MSAyLjg1Nzc1IDYuMTkxODEgMi44MzU5NyA2LjE4Mjg1QzIuODMwOTMgNi4xODA3NyAyLjgyNzYxIDYuMTc5MTYgMi44MjU2OCA2LjE3ODE1TDIuODIzMjQgNi4xNzY3N0wyLjgyMTg3IDYuMTc0MzRDMi44MjA4NiA2LjE3MjQgMi44MTkyNCA2LjE2OTA5IDIuODE3MTcgNi4xNjQwNEMyLjgwODIxIDYuMTQyMjYgMi43OTI5MSA2LjA5MzkgMi43Nzk5MyA1Ljk5NzM0QzIuNzUxNiA1Ljc4NjYyIDIuNzUwMDEgNS40OTI2MSAyLjc1MDAxIDUuMDAwMDFDMi43NTAwMSA0LjUwNzQgMi43NTE2IDQuMjEzMzkgMi43Nzk5MyA0LjAwMjY3QzIuNzkyOTEgMy45MDYxMSAyLjgwODIxIDMuODU3NzUgMi44MTcxNyAzLjgzNTk3QzIuODE5MjQgMy44MzA5MyAyLjgyMDg2IDMuODI3NjEgMi44MjE4NyAzLjgyNTY4TDIuODIzMjQgMy44MjMyNFpNMi44MjMyNCA2LjE3Njc3QzIuODIyODQgNi4xNzYzNiAyLjgyMjk3IDYuMTc2NDQgMi44MjMyNCA2LjE3Njc3VjYuMTc2NzdaIiBmaWxsPSIjMUMyNzRDIi8+DQo8L3N2Zz4=);
}

.icon-iws-refresh {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0yMSAxMkMyMSAxNi45NzA2IDE2Ljk3MDYgMjEgMTIgMjFDOS42OTQ5NCAyMSA3LjU5MjI3IDIwLjEzMzQgNiAxOC43MDgzTDMgMTZNMyAxMkMzIDcuMDI5NDQgNy4wMjk0NCAzIDEyIDNDMTQuMzA1MSAzIDE2LjQwNzcgMy44NjY1NiAxOCA1LjI5MTY4TDIxIDhNMyAyMVYxNk0zIDE2SDhNMjEgM1Y4TTIxIDhIMTYiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjwvc3ZnPg==);
}

.icon-iws-rotate {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIEdlbmVyYXRvcjogU1ZHIFJlcG8gTWl4ZXIgVG9vbHMgLS0+CjxzdmcgZmlsbD0iIzAwMDAwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiANCgkgd2lkdGg9IjgwMHB4IiBoZWlnaHQ9IjgwMHB4IiB2aWV3Qm94PSIwIDAgNTIgNTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUyIDUyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik00OC41LDJoLTNDNDQuNywyLDQ0LDIuNyw0NCwzLjV2N2MwLDAuOS0xLDEuNS0xLjYsMC44bDAsMEMzNy43LDYuMSwzMSwzLjQsMjMuNyw0LjENCgkJYy0yLjYsMC4yLTUuMSwxLTcuNCwyLjJjLTEuMiwwLjYtMi40LDEuMy0zLjQsMi4xYy0wLjcsMC41LTAuOCwxLjYtMC4yLDIuM2wyLjEsMi4xYzAuNSwwLjUsMS4zLDAuNiwxLjksMC4yDQoJCWMxLjItMC44LDIuNS0xLjUsMy45LTIuMWMwLjYtMC4yLDEuMy0wLjQsMi0wLjZjNi4zLTEuMiwxMi4zLDEuMywxNS43LDUuNGMxLjIsMS40LDAuMywyLjMtMC43LDIuM2gtN2MtMC44LDAtMS42LDAuNy0xLjYsMS41djMNCgkJYzAsMC44LDAuOCwxLjUsMS42LDEuNWgxOC4yYzAuNywwLDEuMi0wLjYsMS4yLTEuM1YzLjVDNTAsMi43LDQ5LjMsMiw0OC41LDJ6Ii8+DQoJPHBhdGggZD0iTTM5LjQsMzcuNGMtMC42LTAuNi0xLjUtMC42LTIuMSwwYy0xLjYsMS42LTMuNiwyLjktNS44LDMuN2MtMC42LDAuMi0xLjMsMC40LTIsMC42DQoJCWMtNi4zLDEuMi0xMi4zLTEuMy0xNS43LTUuNGMtMS4yLTEuNC0wLjMtMi4zLDAuNy0yLjNoN2MwLjgsMCwxLjUtMC43LDEuNS0xLjV2LTNjMC0wLjgtMC43LTEuNS0xLjUtMS41SDMuM0MyLjYsMjgsMiwyOC42LDIsMjkuMw0KCQl2MTkuMkMyLDQ5LjMsMi43LDUwLDMuNSw1MGgzQzcuMyw1MCw4LDQ5LjMsOCw0OC41di03YzAtMC45LDEtMS41LDEuNi0wLjhsMCwwYzQuNiw1LjIsMTEuNCw3LjksMTguNyw3LjJjMi42LTAuMiw1LjEtMSw3LjQtMi4yDQoJCWMyLjItMS4xLDQuMS0yLjUsNS43LTQuMWMwLjYtMC42LDAuNi0xLjYsMC0yLjFMMzkuNCwzNy40eiIvPg0KPC9nPg0KPC9zdmc+);
}

.icon-iws-search {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMTUuNzk1NSAxNS44MTExTDIxIDIxTTE4IDEwLjVDMTggMTQuNjQyMSAxNC42NDIxIDE4IDEwLjUgMThDNi4zNTc4NiAxOCAzIDE0LjY0MjEgMyAxMC41QzMgNi4zNTc4NiA2LjM1Nzg2IDMgMTAuNSAzQzE0LjY0MjEgMyAxOCA2LjM1Nzg2IDE4IDEwLjVaIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjwvc3ZnPg==);
}

.icon-iws-settings {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNC4yNzg4IDIuMTUyMjRDMTMuOTA4NSAyIDEzLjQzOSAyIDEyLjUgMkMxMS41NjEgMiAxMS4wOTE1IDIgMTAuNzIxMiAyLjE1MjI0QzEwLjIyNzQgMi4zNTUyMyA5LjgzNTA5IDIuNzQ0NTggOS42MzA1NiAzLjIzNDYzQzkuNTM3MTkgMy40NTgzNCA5LjUwMDY1IDMuNzE4NSA5LjQ4NjM1IDQuMDk3OTlDOS40NjUzNCA0LjY1NTY4IDkuMTc3MTYgNS4xNzE4OSA4LjY5MDE3IDUuNDUwOTNDOC4yMDMxOCA1LjcyOTk2IDcuNjA4NjQgNS43MTk1NCA3LjExMTQ5IDUuNDU4NzZDNi43NzMxOCA1LjI4MTMgNi41Mjc4OSA1LjE4MjYyIDYuMjg1OTkgNS4xNTEwMkM1Ljc1NjA5IDUuMDgxNzggNS4yMjAxOCA1LjIyNDI5IDQuNzk2MTYgNS41NDcyQzQuNDc4MTQgNS43ODkzOCA0LjI0MzM5IDYuMTkyOSAzLjc3MzkgNi45OTk5M0MzLjMwNDQxIDcuODA2OTcgMy4wNjk2NyA4LjIxMDQ4IDMuMDE3MzUgOC42MDQ5MUMyLjk0NzU4IDkuMTMwOCAzLjA5MTE4IDkuNjYyNjYgMy40MTY1NSAxMC4wODM1QzMuNTY1MDYgMTAuMjc1NiAzLjc3Mzc3IDEwLjQzNyA0LjA5NzcgMTAuNjM5QzQuNTczOTEgMTAuOTM2IDQuODgwMzIgMTEuNDQxOSA0Ljg4MDI5IDEyQzQuODgwMjYgMTIuNTU4MSA0LjU3Mzg2IDEzLjA2MzkgNC4wOTc3IDEzLjM2MDhDMy43NzM3MiAxMy41NjI5IDMuNTY0OTcgMTMuNzI0NCAzLjQxNjQ1IDEzLjkxNjVDMy4wOTEwOCAxNC4zMzczIDIuOTQ3NDkgMTQuODY5MSAzLjAxNzI1IDE1LjM5NUMzLjA2OTU3IDE1Ljc4OTQgMy4zMDQzMiAxNi4xOTMgMy43NzM4IDE3QzQuMjQzMjkgMTcuODA3IDQuNDc4MDQgMTguMjEwNiA0Ljc5NjA2IDE4LjQ1MjdDNS4yMjAwOCAxOC43NzU2IDUuNzU1OTkgMTguOTE4MSA2LjI4NTg5IDE4Ljg0ODlDNi41Mjc3OCAxOC44MTczIDYuNzczMDUgMTguNzE4NiA3LjExMTMzIDE4LjU0MTJDNy42MDg1MiAxOC4yODA0IDguMjAzMSAxOC4yNyA4LjY5MDEyIDE4LjU0OUM5LjE3NzE0IDE4LjgyODEgOS40NjUzMyAxOS4zNDQzIDkuNDg2MzUgMTkuOTAyMUM5LjUwMDY1IDIwLjI4MTUgOS41MzcxOSAyMC41NDE3IDkuNjMwNTYgMjAuNzY1NEM5LjgzNTA5IDIxLjI1NTQgMTAuMjI3NCAyMS42NDQ4IDEwLjcyMTIgMjEuODQ3OEMxMS4wOTE1IDIyIDExLjU2MSAyMiAxMi41IDIyQzEzLjQzOSAyMiAxMy45MDg1IDIyIDE0LjI3ODggMjEuODQ3OEMxNC43NzI2IDIxLjY0NDggMTUuMTY0OSAyMS4yNTU0IDE1LjM2OTQgMjAuNzY1NEMxNS40NjI4IDIwLjU0MTcgMTUuNDk5NCAyMC4yODE1IDE1LjUxMzcgMTkuOTAyQzE1LjUzNDcgMTkuMzQ0MyAxNS44MjI4IDE4LjgyODEgMTYuMzA5OCAxOC41NDlDMTYuNzk2OCAxOC4yNjk5IDE3LjM5MTQgMTguMjgwNCAxNy44ODg2IDE4LjU0MTJDMTguMjI2OSAxOC43MTg2IDE4LjQ3MjEgMTguODE3MiAxOC43MTQgMTguODQ4OEMxOS4yNDM5IDE4LjkxODEgMTkuNzc5OCAxOC43NzU2IDIwLjIwMzggMTguNDUyN0MyMC41MjE5IDE4LjIxMDUgMjAuNzU2NiAxNy44MDcgMjEuMjI2MSAxNi45OTk5QzIxLjY5NTYgMTYuMTkyOSAyMS45MzAzIDE1Ljc4OTQgMjEuOTgyNyAxNS4zOTVDMjIuMDUyNCAxNC44NjkxIDIxLjkwODggMTQuMzM3MiAyMS41ODM1IDEzLjkxNjRDMjEuNDM0OSAxMy43MjQzIDIxLjIyNjIgMTMuNTYyOCAyMC45MDIyIDEzLjM2MDhDMjAuNDI2MSAxMy4wNjM5IDIwLjExOTcgMTIuNTU4IDIwLjExOTcgMTEuOTk5OUMyMC4xMTk3IDExLjQ0MTggMjAuNDI2MSAxMC45MzYxIDIwLjkwMjIgMTAuNjM5MkMyMS4yMjYzIDEwLjQzNzEgMjEuNDM1IDEwLjI3NTcgMjEuNTgzNiAxMC4wODM1QzIxLjkwODkgOS42NjI3MyAyMi4wNTI1IDkuMTMwODcgMjEuOTgyOCA4LjYwNDk3QzIxLjkzMDQgOC4yMTA1NSAyMS42OTU3IDcuODA3MDMgMjEuMjI2MiA3QzIwLjc1NjcgNi4xOTI5NyAyMC41MjIgNS43ODk0NSAyMC4yMDM5IDUuNTQ3MjdDMTkuNzc5OSA1LjIyNDM2IDE5LjI0NCA1LjA4MTg1IDE4LjcxNDEgNS4xNTEwOUMxOC40NzIyIDUuMTgyNjkgMTguMjI2OSA1LjI4MTM2IDE3Ljg4ODcgNS40NTg4QzE3LjM5MTUgNS43MTk1OSAxNi43OTY5IDUuNzMwMDIgMTYuMzA5OSA1LjQ1MDk2QzE1LjgyMjkgNS4xNzE5MSAxNS41MzQ3IDQuNjU1NjYgMTUuNTEzNiA0LjA5Nzk0QzE1LjQ5OTMgMy43MTg0OCAxNS40NjI4IDMuNDU4MzMgMTUuMzY5NCAzLjIzNDYzQzE1LjE2NDkgMi43NDQ1OCAxNC43NzI2IDIuMzU1MjMgMTQuMjc4OCAyLjE1MjI0Wk0xMi41IDE1QzE0LjE2OTUgMTUgMTUuNTIyOCAxMy42NTY5IDE1LjUyMjggMTJDMTUuNTIyOCAxMC4zNDMxIDE0LjE2OTUgOSAxMi41IDlDMTAuODMwNSA5IDkuNDc3MTYgMTAuMzQzMSA5LjQ3NzE2IDEyQzkuNDc3MTYgMTMuNjU2OSAxMC44MzA1IDE1IDEyLjUgMTVaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4NCjwvc3ZnPg==);
}

.icon-iws-share {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgZmlsbD0iY3VycmVudENvbG9yIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0wIDI1LjQ3MnEwIDIuMzY4IDEuNjY0IDQuMDMydDQuMDMyIDEuNjY0aDE4Ljk0NHEyLjMzNiAwIDQtMS42NjR0MS42NjQtNC4wMzJ2LTguMTkybC0zLjc3NiAzLjE2OHY1LjAyNHEwIDAuOC0wLjU0NCAxLjM0NHQtMS4zNDQgMC41NzZoLTE4Ljk0NHEtMC44IDAtMS4zNDQtMC41NzZ0LTAuNTQ0LTEuMzQ0di0xOC45NDRxMC0wLjc2OCAwLjU0NC0xLjM0NHQxLjM0NC0wLjU0NGg5LjQ3MnYtMy43NzZoLTkuNDcycS0yLjM2OCAwLTQuMDMyIDEuNjY0dC0xLjY2NCA0djE4Ljk0NHpNNS42OTYgMTkuODA4cTAgMi43NTIgMS4wODggNS4yOCAwLjUxMi0yLjk0NCAyLjI0LTUuMzQ0dDQuMjg4LTMuODcyIDUuNjMyLTEuNjY0djUuNmwxMS4zNi05LjQ3Mi0xMS4zNi05LjQ3MnY1LjY2NHEtMi42ODggMC01LjE1MiAxLjA1NnQtNC4yMjQgMi44NDgtMi44NDggNC4yMjQtMS4wMjQgNS4xNTJ6TTMyIDIyLjA4MHYwIDAgMHoiPjwvcGF0aD4NCjwvc3ZnPg==");
}

.icon-iws-sort-asc {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIEdlbmVyYXRvcjogU1ZHIFJlcG8gTWl4ZXIgVG9vbHMgLS0+Cjxzdmcgd2lkdGg9IjgwMHB4IiBoZWlnaHQ9IjgwMHB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0ibm9uZSI+Cg08ZyBmaWxsPSIjMDAwMDAwIj4KDTxwYXRoIGQ9Ik0xNS43OCA1LjcyYS43NS43NSAwIDAxLTEuMDYgMS4wNkwxMyA1LjA2djQuNjlhLjc1Ljc1IDAgMDEtMS41IDBWNS4wNkw5Ljc4IDYuNzhhLjc1Ljc1IDAgMDEtMS4wNi0xLjA2bDMtM2EuNzQ4Ljc0OCAwIDAxLjUyOC0uMjJoLjAwNGEuNzQ4Ljc0OCAwIDAxLjUyOC4yMmwzIDN6TTMgMTAuNUEuNzUuNzUgMCAwMTMgOWg2YS43NS43NSAwIDAxMCAxLjVIM3pNMi4yNSAxMi43NWMwIC40MTQuMzM2Ljc1Ljc1Ljc1aDEwYS43NS43NSAwIDAwMC0xLjVIM2EuNzUuNzUgMCAwMC0uNzUuNzV6TTMgNy41QS43NS43NSAwIDAxMyA2aDNhLjc1Ljc1IDAgMDEwIDEuNUgzek0yLjI1IDMuNzVjMCAuNDE0LjMzNi43NS43NS43NWgzQS43NS43NSAwIDAwNiAzSDNhLjc1Ljc1IDAgMDAtLjc1Ljc1eiIvPgoNPC9nPgoNPC9zdmc+);
}

.icon-iws-sort-desc {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIEdlbmVyYXRvcjogU1ZHIFJlcG8gTWl4ZXIgVG9vbHMgLS0+Cjxzdmcgd2lkdGg9IjgwMHB4IiBoZWlnaHQ9IjgwMHB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0ibm9uZSI+Cg08ZyBmaWxsPSIjMDAwMDAwIj4KDTxwYXRoIGQ9Ik0yLjI1IDMuNzVBLjc1Ljc1IDAgMDEzIDNoMTBhLjc1Ljc1IDAgMDEwIDEuNUgzYS43NS43NSAwIDAxLS43NS0uNzV6TTMgNmEuNzUuNzUgMCAwMDAgMS41aDZBLjc1Ljc1IDAgMDA5IDZIM3pNMTEuOTYzIDEzLjk0M2EuNzQ3Ljc0NyAwIDAwLjgxNy0uMTYzbDMtM2EuNzUuNzUgMCAxMC0xLjA2LTEuMDZMMTMgMTEuNDRWNi43NWEuNzUuNzUgMCAwMC0xLjUgMHY0LjY5TDkuNzggOS43MmEuNzUuNzUgMCAwMC0xLjA2IDEuMDZsMyAzYS43NDguNzQ4IDAgMDAuMjQzLjE2M3pNMyA5YS43NS43NSAwIDAwMCAxLjVoM0EuNzUuNzUgMCAwMDYgOUgzek0yLjI1IDEyLjc1QS43NS43NSAwIDAxMyAxMmgzYS43NS43NSAwIDAxMCAxLjVIM2EuNzUuNzUgMCAwMS0uNzUtLjc1eiIvPgoNPC9nPgoNPC9zdmc+);
}

.icon-iws-star-empty {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMiAxN0w2IDIwTDcuNSAxNEwzIDlMOS41IDguNUwxMiAzTDE0LjUgOC41TDIxIDlMMTYuNSAxNEwxOCAyMEwxMiAxN1oiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQo8L3N2Zz4=);
}

.icon-iws-star-filled {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0xMiAxNy4zMjgtNS40MDMgMy4yODZhLjc1Ljc1IDAgMCAxLTEuMTItLjgxM2wxLjQ1Ni02LjE1NS00Ljc5Ni00LjEyM2EuNzUuNzUgMCAwIDEgLjQyOC0xLjMxNmw2LjMwMy0uNTE3IDIuNDQtNS44MzVhLjc1Ljc1IDAgMCAxIDEuMzg0IDBsMi40NCA1LjgzNSA2LjMwMy41MTdhLjc1Ljc1IDAgMCAxIC40MjcgMS4zMTZsLTQuNzk1IDQuMTIzIDEuNDU2IDYuMTU1YS43NS43NSAwIDAgMS0xLjEyLjgxM0wxMiAxNy4zMjh6IiBmaWxsPSJjdXJyZW50Q29sb3IiLz48L3N2Zz4=);
}

.icon-iws-stop {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyI+DQogICAgDQogICAgPHRpdGxlPnN0b3A8L3RpdGxlPg0KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2ggQmV0YS48L2Rlc2M+DQogICAgPGRlZnM+DQoNCjwvZGVmcz4NCiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4NCiAgICAgICAgPGcgaWQ9Ikljb24tU2V0LUZpbGxlZCIgc2tldGNoOnR5cGU9Ik1TTGF5ZXJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUyMC4wMDAwMDAsIC01NzEuMDAwMDAwKSIgZmlsbD0iIzAwMDAwMCI+DQogICAgICAgICAgICA8cGF0aCBkPSJNNTQ2LDU3MSBMNTIyLDU3MSBDNTIwLjg5Niw1NzEgNTIwLDU3MS44OTYgNTIwLDU3MyBMNTIwLDU5NyBDNTIwLDU5OC4xMDQgNTIwLjg5Niw1OTkgNTIyLDU5OSBMNTQ2LDU5OSBDNTQ3LjEwNCw1OTkgNTQ4LDU5OC4xMDQgNTQ4LDU5NyBMNTQ4LDU3MyBDNTQ4LDU3MS44OTYgNTQ3LjEwNCw1NzEgNTQ2LDU3MSIgaWQ9InN0b3AiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPg0KDQo8L3BhdGg+DQogICAgICAgIDwvZz4NCiAgICA8L2c+DQo8L3N2Zz4=);
}

.icon-iws-theme-dark {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPHN2ZyBmaWxsPSJjdXJyZW50Q29sb3IiIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIA0KCSB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8Zz4NCgkJPHBhdGggZD0iTTUwNC45MjksMzIzLjYzN2MtNi45NTUtNi45NTMtMTcuNDM2LTguOTk1LTI2LjQ4OS01LjE2Yy0yNi45MjIsMTEuNDAzLTU1LjQ3MSwxNy4xODUtODQuODU5LDE3LjE4NQ0KCQkJYy01OC4wMzIsMC0xMTIuNTg2LTIyLjU5Ny0xNTMuNjE4LTYzLjYzYy02Mi45Mi02Mi45MTgtODEuMTQ5LTE1Ni41MjUtNDYuNDQyLTIzOC40NzRjMy44MzUtOS4wNTcsMS43OTMtMTkuNTM0LTUuMTYyLTI2LjQ4Nw0KCQkJYy02Ljk1My02Ljk1NS0xNy40MzQtOC45OTItMjYuNDg3LTUuMTU3Yy0zMS40OTUsMTMuMzQzLTU5Ljc4OCwzMi40MzMtODQuMDkzLDU2Ljc0QzI3LjYxNiwxMDguODE1LTAuMDA2LDE3NS41MDYsMCwyNDYuNDQzDQoJCQljMC4wMDYsNzAuOTI3LDI3LjYzLDEzNy42MSw3Ny43ODUsMTg3Ljc2N0MxMjcuOTQ4LDQ4NC4zNzQsMTk0LjY0Myw1MTIsMjY1LjU4LDUxMmM3MC45MjYsMCwxMzcuNjEtMjcuNjIyLDE4Ny43NjctNzcuNzc5DQoJCQljMjQuMzA4LTI0LjMwOCw0My4zOTctNTIuNiw1Ni43NC04NC4wOTNDNTEzLjkyMywzNDEuMDcxLDUxMS44ODMsMzMwLjU5Myw1MDQuOTI5LDMyMy42Mzd6Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+);
}

.icon-iws-theme-light {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIEdlbmVyYXRvcjogU1ZHIFJlcG8gTWl4ZXIgVG9vbHMgLS0+Cjxzdmcgd2lkdGg9IjgwMHB4IiBoZWlnaHQ9IjgwMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+Cg08ZyBjbGlwLXBhdGg9InVybCgjYSkiIGZpbGw9IiMwMDAwMDAiPgoNPHBhdGggZD0iTTEyIDBhMSAxIDAgMCAxIDEgMXY0YTEgMSAwIDEgMS0yIDBWMWExIDEgMCAwIDEgMS0xWk00LjkyOSAzLjUxNWExIDEgMCAwIDAtMS40MTQgMS40MTRsMi44MjggMi44MjhhMSAxIDAgMCAwIDEuNDE0LTEuNDE0TDQuOTMgMy41MTVaTTEgMTFhMSAxIDAgMSAwIDAgMmg0YTEgMSAwIDEgMCAwLTJIMVpNMTggMTJhMSAxIDAgMCAxIDEtMWg0YTEgMSAwIDEgMSAwIDJoLTRhMSAxIDAgMCAxLTEtMVpNMTcuNjU3IDE2LjI0M2ExIDEgMCAwIDAtMS40MTQgMS40MTRsMi44MjggMi44MjhhMSAxIDAgMSAwIDEuNDE0LTEuNDE0bC0yLjgyOC0yLjgyOFpNNy43NTcgMTcuNjU3YTEgMSAwIDEgMC0xLjQxNC0xLjQxNEwzLjUxNSAxOS4wN2ExIDEgMCAxIDAgMS40MTQgMS40MTRsMi44MjgtMi44MjhaTTIwLjQ4NSA0LjkyOWExIDEgMCAwIDAtMS40MTQtMS40MTRsLTIuODI4IDIuODI4YTEgMSAwIDEgMCAxLjQxNCAxLjQxNGwyLjgyOC0yLjgyOFpNMTMgMTlhMSAxIDAgMSAwLTIgMHY0YTEgMSAwIDEgMCAyIDB2LTRaTTEyIDdhNSA1IDAgMSAwIDAgMTAgNSA1IDAgMCAwIDAtMTBaIi8+Cg08L2c+Cg08ZGVmcz4KDTxjbGlwUGF0aCBpZD0iYSI+Cg08cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMCAwaDI0djI0SDB6Ii8+Cg08L2NsaXBQYXRoPgoNPC9kZWZzPgoNPC9zdmc+);
}

.icon-iws-unchecked {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIEdlbmVyYXRvcjogU1ZHIFJlcG8gTWl4ZXIgVG9vbHMgLS0+DQo8c3ZnIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KPGcgaWQ9IkludGVyZmFjZSAvIENoZWNrYm94X1VuY2hlY2tlZCI+DQo8cGF0aCBpZD0iVmVjdG9yIiBkPSJNNCA3LjIwMDJWMTYuODAwMkM0IDE3LjkyMDMgNCAxOC40ODAxIDQuMjE3OTkgMTguOTA3OUM0LjQwOTczIDE5LjI4NDIgNC43MTU0NyAxOS41OTA1IDUuMDkxOCAxOS43ODIyQzUuNTE5MiAyMCA2LjA3ODk5IDIwIDcuMTk2OTEgMjBIMTYuODAzMUMxNy45MjEgMjAgMTguNDggMjAgMTguOTA3NCAxOS43ODIyQzE5LjI4MzcgMTkuNTkwNSAxOS41OTA1IDE5LjI4NDIgMTkuNzgyMiAxOC45MDc5QzIwIDE4LjQ4MDUgMjAgMTcuOTIxNSAyMCAxNi44MDM2VjcuMTk2OTFDMjAgNi4wNzg5OSAyMCA1LjUxOTIgMTkuNzgyMiA1LjA5MThDMTkuNTkwNSA0LjcxNTQ3IDE5LjI4MzcgNC40MDk3MyAxOC45MDc0IDQuMjE3OTlDMTguNDc5NiA0IDE3LjkyMDMgNCAxNi44MDAyIDRINy4yMDAyQzYuMDgwMDkgNCA1LjUxOTYyIDQgNS4wOTE4IDQuMjE3OTlDNC43MTU0NyA0LjQwOTczIDQuNDA5NzMgNC43MTU0NyA0LjIxNzk5IDUuMDkxOEM0IDUuNTE5NjIgNCA2LjA4MDA5IDQgNy4yMDAyWiIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KPC9nPg0KPC9zdmc+);
}

.icon-iws-unpublish {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMy45NTUyNiAyLjI1QzMuOTcwMTMgMi4yNTAwMSAzLjk4NTA1IDIuMjUwMDEgNC4wMDAwMSAyLjI1MDAxTDIwLjA0NDggMi4yNUMyMC40Nzc2IDIuMjQ5OTUgMjAuODc0NCAyLjI0OTkxIDIxLjE5NzIgMi4yOTMzMUMyMS41NTI3IDIuMzQxMSAyMS45Mjg0IDIuNDUzNTUgMjIuMjM3NCAyLjc2MjU3QzIyLjU0NjUgMy4wNzE1OSAyMi42NTg5IDMuNDQ3MzIgMjIuNzA2NyAzLjgwMjhDMjIuNzUwMSA0LjEyNTYxIDIyLjc1MDEgNC41MjI0NSAyMi43NSA0Ljk1NTI2VjUuMDQ0NzVDMjIuNzUwMSA1LjQ3NzU3IDIyLjc1MDEgNS44NzQ0IDIyLjcwNjcgNi4xOTcyMUMyMi42NTg5IDYuNTUyNjkgMjIuNTQ2NSA2LjkyODQyIDIyLjIzNzQgNy4yMzc0NEMyMS45NDM3IDcuNTMxMjEgMjEuNTg5NiA3LjY0NzMzIDIxLjI1IDcuNjk5MTRWMTMuMDU2NEMyMS4yNSAxNC44OTQyIDIxLjI1IDE2LjM0OTggMjEuMDk2OSAxNy40ODlDMjAuOTM5MiAxOC42NjE1IDIwLjYwNzEgMTkuNjEwNCAxOS44NTg4IDIwLjM1ODhDMTkuMTEwNCAyMS4xMDcxIDE4LjE2MTUgMjEuNDM5MiAxNi45ODkgMjEuNTk2OUMxNS44NDk4IDIxLjc1IDE0LjM5NDIgMjEuNzUgMTIuNTU2NCAyMS43NUgxMS40NDM2QzkuNjA1ODMgMjEuNzUgOC4xNTAyIDIxLjc1IDcuMDEwOTggMjEuNTk2OUM1LjgzODU2IDIxLjQzOTIgNC44ODk2MSAyMS4xMDcxIDQuMTQxMjUgMjAuMzU4OEMzLjM5Mjg5IDE5LjYxMDQgMy4wNjA3NyAxOC42NjE1IDIuOTAzMTQgMTcuNDg5QzIuNzQ5OTggMTYuMzQ5OCAyLjc0OTk5IDE0Ljg5NDIgMi43NTAwMSAxMy4wNTY0TDIuNzUwMDEgNy42OTkxNEMyLjQxMDM4IDcuNjQ3MzMgMi4wNTYzNCA3LjUzMTIxIDEuNzYyNTcgNy4yMzc0NEMxLjQ1MzU1IDYuOTI4NDIgMS4zNDExIDYuNTUyNjkgMS4yOTMzMSA2LjE5NzIxQzEuMjQ5OTEgNS44NzQ0IDEuMjQ5OTUgNS40Nzc1NyAxLjI1IDUuMDQ0NzZDMS4yNTAwMSA1LjAyOTg4IDEuMjUwMDEgNS4wMTQ5NiAxLjI1MDAxIDUuMDAwMDFDMS4yNTAwMSA0Ljk4NTA1IDEuMjUwMDEgNC45NzAxMyAxLjI1IDQuOTU1MjZDMS4yNDk5NSA0LjUyMjQ0IDEuMjQ5OTEgNC4xMjU2MSAxLjI5MzMxIDMuODAyOEMxLjM0MTEgMy40NDczMiAxLjQ1MzU1IDMuMDcxNTkgMS43NjI1NyAyLjc2MjU3QzIuMDcxNTkgMi40NTM1NSAyLjQ0NzMyIDIuMzQxMSAyLjgwMjggMi4yOTMzMUMzLjEyNTYxIDIuMjQ5OTEgMy41MjI0NCAyLjI0OTk1IDMuOTU1MjYgMi4yNVpNNC4yNTAwMSA3Ljc1MDAxVjEzQzQuMjUwMDEgMTQuOTA2OCA0LjI1MTYgMTYuMjYxNSA0LjM4OTc3IDE3LjI4OTJDNC41MjUwMyAxOC4yOTUyIDQuNzc4NyAxOC44NzQ5IDUuMjAxOTEgMTkuMjk4MUM1LjYyNTEyIDE5LjcyMTMgNi4yMDQ3NyAxOS45NzUgNy4yMTA4NiAyMC4xMTAyQzguMjM4NTIgMjAuMjQ4NCA5LjU5MzE5IDIwLjI1IDExLjUgMjAuMjVIMTIuNUMxNC40MDY4IDIwLjI1IDE1Ljc2MTUgMjAuMjQ4NCAxNi43ODkyIDIwLjExMDJDMTcuNzk1MiAxOS45NzUgMTguMzc0OSAxOS43MjEzIDE4Ljc5ODEgMTkuMjk4MUMxOS4yMjEzIDE4Ljg3NDkgMTkuNDc1IDE4LjI5NTIgMTkuNjEwMiAxNy4yODkyQzE5Ljc0ODQgMTYuMjYxNSAxOS43NSAxNC45MDY4IDE5Ljc1IDEzVjcuNzUwMDFIMTIuNzVWMTQuMDQ1NUwxNC40NDI1IDEyLjE2NDlDMTQuNzE5NiAxMS44NTcxIDE1LjE5MzggMTEuODMyMSAxNS41MDE3IDEyLjEwOTJDMTUuODA5NiAxMi4zODYzIDE1LjgzNDYgMTIuODYwNSAxNS41NTc1IDEzLjE2ODRMMTIuNTU3NSAxNi41MDE3QzEyLjQxNTIgMTYuNjU5OCAxMi4yMTI2IDE2Ljc1IDEyIDE2Ljc1QzExLjc4NzQgMTYuNzUgMTEuNTg0OCAxNi42NTk4IDExLjQ0MjUgMTYuNTAxN0w4LjQ0MjU0IDEzLjE2ODRDOC4xNjU0NCAxMi44NjA1IDguMTkwNCAxMi4zODYzIDguNDk4MjggMTIuMTA5MkM4LjgwNjE3IDExLjgzMjEgOS4yODAzOCAxMS44NTcxIDkuNTU3NDggMTIuMTY0OUwxMS4yNSAxNC4wNDU1VjcuNzUwMDFINC4yNTAwMVpNMjAgNi4yNTAwMUMyMC40OTI2IDYuMjUwMDEgMjAuNzg2NiA2LjI0ODQxIDIwLjk5NzMgNi4yMjAwOEMyMS4wOTM5IDYuMjA3MSAyMS4xNDIzIDYuMTkxODEgMjEuMTY0IDYuMTgyODVDMjEuMTY5MSA2LjE4MDc3IDIxLjE3MjQgNi4xNzkxNiAyMS4xNzQzIDYuMTc4MTVMMjEuMTc2OCA2LjE3Njc4TDIxLjE3ODEgNi4xNzQzNEMyMS4xNzkyIDYuMTcyNCAyMS4xODA4IDYuMTY5MDkgMjEuMTgyOCA2LjE2NDA0QzIxLjE5MTggNi4xNDIyNiAyMS4yMDcxIDYuMDkzOSAyMS4yMjAxIDUuOTk3MzRDMjEuMjQ4NCA1Ljc4NjYyIDIxLjI1IDUuNDkyNjEgMjEuMjUgNS4wMDAwMUMyMS4yNSA0LjUwNzQgMjEuMjQ4NCA0LjIxMzM5IDIxLjIyMDEgNC4wMDI2N0MyMS4yMDcxIDMuOTA2MTEgMjEuMTkxOCAzLjg1Nzc1IDIxLjE4MjggMy44MzU5N0MyMS4xODA4IDMuODMwOTMgMjEuMTc5MiAzLjgyNzYxIDIxLjE3ODEgMy44MjU2OEwyMS4xNzY4IDMuODIzMjNMMjEuMTc0MyAzLjgyMTg3QzIxLjE3MjQgMy44MjA4NiAyMS4xNjkxIDMuODE5MjQgMjEuMTY0IDMuODE3MTdDMjEuMTQyMyAzLjgwODIxIDIxLjA5MzkgMy43OTI5MSAyMC45OTczIDMuNzc5OTNDMjAuNzg2NiAzLjc1MTYgMjAuNDkyNiAzLjc1MDAxIDIwIDMuNzUwMDFINC4wMDAwMUMzLjUwNzQgMy43NTAwMSAzLjIxMzM5IDMuNzUxNiAzLjAwMjY3IDMuNzc5OTNDMi45MDYxMSAzLjc5MjkxIDIuODU3NzUgMy44MDgyMSAyLjgzNTk3IDMuODE3MTdDMi44MzA5MyAzLjgxOTI0IDIuODI3NjEgMy44MjA4NiAyLjgyNTY4IDMuODIxODdMMi44MjMyNCAzLjgyMzI0TDIuODIxODcgMy44MjU2OEMyLjgyMDg2IDMuODI3NjEgMi44MTkyNCAzLjgzMDkzIDIuODE3MTcgMy44MzU5N0MyLjgwODIxIDMuODU3NzUgMi43OTI5MSAzLjkwNjExIDIuNzc5OTMgNC4wMDI2N0MyLjc1MTYgNC4yMTMzOSAyLjc1MDAxIDQuNTA3NCAyLjc1MDAxIDUuMDAwMDFDMi43NTAwMSA1LjQ5MjYxIDIuNzUxNiA1Ljc4NjYyIDIuNzc5OTMgNS45OTczNEMyLjc5MjkxIDYuMDkzOSAyLjgwODIxIDYuMTQyMjYgMi44MTcxNyA2LjE2NDA0QzIuODE5MjQgNi4xNjkwOSAyLjgyMDg2IDYuMTcyNCAyLjgyMTg3IDYuMTc0MzRMMi44MjMyNCA2LjE3Njc3TDIuODI1NjggNi4xNzgxNUMyLjgyNzYxIDYuMTc5MTYgMi44MzA5MyA2LjE4MDc3IDIuODM1OTcgNi4xODI4NUMyLjg1Nzc1IDYuMTkxODEgMi45MDYxMSA2LjIwNzEgMy4wMDI2NyA2LjIyMDA4QzMuMjEzMzkgNi4yNDg0MSAzLjUwNzQgNi4yNTAwMSA0LjAwMDAxIDYuMjUwMDFIMjBaTTIuODIzMjQgNi4xNzY3N0MyLjgyMjg0IDYuMTc2MzYgMi44MjI5NyA2LjE3NjQ0IDIuODIzMjQgNi4xNzY3N1Y2LjE3Njc3WiIgZmlsbD0iIzFDMjc0QyIvPg0KPC9zdmc+);
}

.icon-iws-upload {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pg0KDQo8IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCg0KPHRpdGxlLz4NCg0KPGcgaWQ9IkNvbXBsZXRlIj4NCg0KPGcgaWQ9InVwbG9hZCI+DQoNCjxnPg0KDQo8cGF0aCBkPSJNMywxMi4zdjdhMiwyLDAsMCwwLDIsMkgxOWEyLDIsMCwwLDAsMi0ydi03IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+DQoNCjxnPg0KDQo8cG9seWxpbmUgZGF0YS1uYW1lPSJSaWdodCIgZmlsbD0ibm9uZSIgaWQ9IlJpZ2h0LTIiIHBvaW50cz0iNy45IDYuNyAxMiAyLjcgMTYuMSA2LjciIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4NCg0KPGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgeDE9IjEyIiB4Mj0iMTIiIHkxPSIxNi4zIiB5Mj0iNC44Ii8+DQoNCjwvZz4NCg0KPC9nPg0KDQo8L2c+DQoNCjwvZz4NCg0KPC9zdmc+);
}

.icon-iws-user {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIyIDEyQzIyIDE3LjUyMjggMTcuNTIyOCAyMiAxMiAyMkM2LjQ3NzE1IDIyIDIgMTcuNTIyOCAyIDEyQzIgNi40NzcxNSA2LjQ3NzE1IDIgMTIgMkMxNy41MjI4IDIgMjIgNi40NzcxNSAyMiAxMlpNMTUgOUMxNSAxMC42NTY5IDEzLjY1NjkgMTIgMTIgMTJDMTAuMzQzMSAxMiA5IDEwLjY1NjkgOSA5QzkgNy4zNDMxNSAxMC4zNDMxIDYgMTIgNkMxMy42NTY5IDYgMTUgNy4zNDMxNSAxNSA5Wk0xMiAyMC41QzEzLjc4NCAyMC41IDE1LjQzOTcgMTkuOTUwNCAxNi44MDY5IDE5LjAxMTJDMTcuNDEwOCAxOC41OTY0IDE3LjY2ODggMTcuODA2MiAxNy4zMTc4IDE3LjE2MzJDMTYuNTkgMTUuODMwMyAxNS4wOTAyIDE1IDExLjk5OTkgMTVDOC45MDk2OSAxNSA3LjQwOTk3IDE1LjgzMDIgNi42ODIxNCAxNy4xNjMyQzYuMzMxMDUgMTcuODA2MiA2LjU4OTEgMTguNTk2MyA3LjE5Mjk2IDE5LjAxMTFDOC41NjAxOCAxOS45NTAzIDEwLjIxNTkgMjAuNSAxMiAyMC41WiIgZmlsbD0iY3VycmVudENvbG9yIi8+DQo8L3N2Zz4=);
}

.icon-iws-video {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xNiAxMEwxOC41NzY4IDguNDUzOTJDMTkuMzY5OSA3Ljk3ODAzIDE5Ljc2NjUgNy43NDAwOSAyMC4wOTI4IDcuNzcwNTFDMjAuMzc3MyA3Ljc5NzAzIDIwLjYzNjkgNy45NDQgMjAuODA2IDguMTc0MzNDMjEgOC40Mzg0OCAyMSA4LjkwMDk1IDIxIDkuODI1OVYxNC4xNzQxQzIxIDE1LjA5OSAyMSAxNS41NjE1IDIwLjgwNiAxNS44MjU3QzIwLjYzNjkgMTYuMDU2IDIwLjM3NzMgMTYuMjAzIDIwLjA5MjggMTYuMjI5NUMxOS43NjY1IDE2LjI1OTkgMTkuMzY5OSAxNi4wMjIgMTguNTc2OCAxNS41NDYxTDE2IDE0TTYuMiAxOEgxMi44QzEzLjkyMDEgMTggMTQuNDgwMiAxOCAxNC45MDggMTcuNzgyQzE1LjI4NDMgMTcuNTkwMyAxNS41OTAzIDE3LjI4NDMgMTUuNzgyIDE2LjkwOEMxNiAxNi40ODAyIDE2IDE1LjkyMDEgMTYgMTQuOFY5LjJDMTYgOC4wNzk5IDE2IDcuNTE5ODQgMTUuNzgyIDcuMDkyMDJDMTUuNTkwMyA2LjcxNTY5IDE1LjI4NDMgNi40MDk3MyAxNC45MDggNi4yMTc5OUMxNC40ODAyIDYgMTMuOTIwMSA2IDEyLjggNkg2LjJDNS4wNzk5IDYgNC41MTk4NCA2IDQuMDkyMDIgNi4yMTc5OUMzLjcxNTY5IDYuNDA5NzMgMy40MDk3MyA2LjcxNTY5IDMuMjE3OTkgNy4wOTIwMkMzIDcuNTE5ODQgMyA4LjA3OTg5IDMgOS4yVjE0LjhDMyAxNS45MjAxIDMgMTYuNDgwMiAzLjIxNzk5IDE2LjkwOEMzLjQwOTczIDE3LjI4NDMgMy43MTU2OSAxNy41OTAzIDQuMDkyMDIgMTcuNzgyQzQuNTE5ODQgMTggNS4wNzk4OSAxOCA2LjIgMThaIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjwvc3ZnPg==);
}

.icon-iws-visible {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgd2lkdGg9IjQ4IgogICBoZWlnaHQ9IjQ4IgogICB2aWV3Qm94PSIwIDAgNDggNDgiCiAgIGZpbGw9Im5vbmUiCiAgIHZlcnNpb249IjEuMSIKICAgaWQ9InN2ZzYiCiAgIHNvZGlwb2RpOmRvY25hbWU9Ikljb25WaWV3T3Blbi5zdmciCiAgIGlua3NjYXBlOnZlcnNpb249IjEuMi4yICg3MzJhMDFkYTYzLCAyMDIyLTEyLTA5KSIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZGVmcwogICAgIGlkPSJkZWZzMTAiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJuYW1lZHZpZXc4IgogICAgIHBhZ2Vjb2xvcj0iIzUwNTA1MCIKICAgICBib3JkZXJjb2xvcj0iI2VlZWVlZSIKICAgICBib3JkZXJvcGFjaXR5PSIxIgogICAgIGlua3NjYXBlOnNob3dwYWdlc2hhZG93PSIwIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIgogICAgIGlua3NjYXBlOnBhZ2VjaGVja2VyYm9hcmQ9IjAiCiAgICAgaW5rc2NhcGU6ZGVza2NvbG9yPSIjNTA1MDUwIgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBpbmtzY2FwZTp6b29tPSIyMy41IgogICAgIGlua3NjYXBlOmN4PSIyMC42NTk1NzQiCiAgICAgaW5rc2NhcGU6Y3k9IjExLjAyMTI3NyIKICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjEzNjYiCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iNjk3IgogICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmc2IiAvPgogIDxnCiAgICAgaWQ9Imc4NTAiCiAgICAgaW5rc2NhcGU6bGFiZWw9Ikljb25WaWV3T3BlbiIKICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjUxMDk3NjUsMTIuOTAwMzk0KSI+CiAgICA8cGF0aAogICAgICAgZmlsbC1ydWxlPSJldmVub2RkIgogICAgICAgY2xpcC1ydWxlPSJldmVub2RkIgogICAgICAgZD0ibSAyOS45ODg4LDExLjEwMTYgYyAwLDQuMTQwNiAtMy4zNTc5LDcuNSAtNy41LDcuNSAtNC4xNDIxLDAgLTcuNSwtMy4zNTk0IC03LjUsLTcuNSAwLC00LjE0MDY2IDMuMzU3OSwtNy41MDAwNCA3LjUsLTcuNTAwMDQgNC4xNDIxLDAgNy41LDMuMzU5MzggNy41LDcuNTAwMDQgeiBNIDIyLjk1MTIsNy40ODQzOCBjIDAsMS40MTAxNSAtMS4xNDM2LDIuNTU0NzIgLTIuNTU0NywyLjU1NDcyIC0xLjQxMTEsMCAtMi41NTQ3LC0xLjE0NDU3IC0yLjU1NDcsLTIuNTU0NzIgMCwtMS40MTAxNiAxLjE0MzYsLTIuNTU0NjkgMi41NTQ3LC0yLjU1NDY5IDEuNDExMSwwIDIuNTU0NywxLjE0NDUzIDIuNTU0NywyLjU1NDY5IHoiCiAgICAgICBmaWxsPSJjdXJyZW50Q29sb3IiCiAgICAgICBpZD0icGF0aDIiCiAgICAgICBpbmtzY2FwZTpsYWJlbD0iSXJpcyIgLz4KICAgIDxwYXRoCiAgICAgICBmaWxsLXJ1bGU9ImV2ZW5vZGQiCiAgICAgICBjbGlwLXJ1bGU9ImV2ZW5vZGQiCiAgICAgICBkPSJtIDIyLjQ4ODgsMjEuNTY2NCBjIC0xMS45MDM0LDAgLTIxLjU1MzI1MywtMTAuNDY0OCAtMjEuNTUzMjUzLC0xMC40NjQ4IDAsMCA5LjY0OTg1MywtMTAuNDY4Nzg4IDIxLjU1MzI1MywtMTAuNDY4Nzg4IDExLjkwMzgsMCAyMS41NTM3LDEwLjQ2ODc4OCAyMS41NTM3LDEwLjQ2ODc4OCAwLDAgLTkuNjQ5OSwxMC40NjQ4IC0yMS41NTM3LDEwLjQ2NDggeiBNIDMuOTY2OCwxMS4yNSAzLjgwMjczLDExLjEwMTYgMy45NjY4LDEwLjk0OTIgQyA1LjAwMzkxLDEwLjAxOTUgNi41MDczMiw4Ljc3MzQ0IDguMzYyNzksNy41MjczNCAxMi4xMDg5LDUuMDE1NjIgMTcuMTAyNSwyLjYzMjgxIDIyLjQ4ODgsMi42MzI4MSBjIDUuMzg2NywwIDEwLjM4MDMsMi4zODI4MSAxNC4xMjY0LDQuODk0NTMgMS44NTU1LDEuMjQ2MSAzLjM1ODksMi40OTIxNiA0LjM5NTUsMy40MjE4NiBsIDAuMTY0NiwwLjE1MjQgLTAuMTY0NiwwLjE0ODQgYyAtMS4wMzY2LDAuOTI5NyAtMi41NCwyLjE3NTggLTQuMzk1NSwzLjQyMTkgLTMuNzQ2MSwyLjUxMTcgLTguNzM5Nyw0Ljg5NDUgLTE0LjEyNjQsNC44OTQ1IC01LjM4NjMsMCAtMTAuMzc5OSwtMi4zODI4IC0xNC4xMjYwMSwtNC44OTQ1IEMgNi41MDczMiwxMy40MjU4IDUuMDAzOTEsMTIuMTc5NyAzLjk2NjgsMTEuMjUgWiIKICAgICAgIGZpbGw9ImN1cnJlbnRDb2xvciIKICAgICAgIGlkPSJwYXRoNCIKICAgICAgIGlua3NjYXBlOmxhYmVsPSJFeWVsaWQiIC8+CiAgPC9nPgo8L3N2Zz4K);
}

.icon-iws-invisible {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgd2lkdGg9IjQ4IgogICBoZWlnaHQ9IjQ4IgogICB2aWV3Qm94PSIwIDAgNDggNDgiCiAgIGZpbGw9Im5vbmUiCiAgIHZlcnNpb249IjEuMSIKICAgaWQ9InN2ZzEyIgogICBzb2RpcG9kaTpkb2NuYW1lPSJJY29uVmlld0Nsb3NlZC5zdmciCiAgIGlua3NjYXBlOnZlcnNpb249IjEuMi4yICg3MzJhMDFkYTYzLCAyMDIyLTEyLTA5KSIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZGVmcwogICAgIGlkPSJkZWZzMTYiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJuYW1lZHZpZXcxNCIKICAgICBwYWdlY29sb3I9IiM1MDUwNTAiCiAgICAgYm9yZGVyY29sb3I9IiNlZWVlZWUiCiAgICAgYm9yZGVyb3BhY2l0eT0iMSIKICAgICBpbmtzY2FwZTpzaG93cGFnZXNoYWRvdz0iMCIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCIKICAgICBpbmtzY2FwZTpwYWdlY2hlY2tlcmJvYXJkPSIwIgogICAgIGlua3NjYXBlOmRlc2tjb2xvcj0iIzUwNTA1MCIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgaW5rc2NhcGU6em9vbT0iOS43MjI3MTgyIgogICAgIGlua3NjYXBlOmN4PSIxOS4yODQ3MyIKICAgICBpbmtzY2FwZTpjeT0iMS45NTQxODYiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxMzY2IgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjY5NyIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9Ii04IgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnMTIiIC8+CiAgPHBhdGgKICAgICBpZD0icmVjdDIiCiAgICAgZD0ibSAyLjQ1NDEwMjYsMTYuNjI3MDMgYyAtMC4wMDQ3MywwLjAwNTEgLTAuMDA3ODIsMC4wMDc4IC0wLjAwNzgyLDAuMDA3OCAwLDAgMS43NzA0MzgxLDEuOTA5OTA4IDQuNzEyODkwNiw0LjA5NTcwNCBMIDQuODE5MzM3LDI0LjMzMjEwOSBjIC0wLjI3MTU1NjcsMC40MTgxNiAtMC4xNTI1MzU3LDAuOTc0NTM3IDAuMjY1NjI1MSwxLjI0NjA5MyBsIDAuMzc2OTUzMSwwLjI0NDE0MSBDIDUuODgwMDc1OSwyNi4wOTM5IDYuNDM0NDk5LDI1Ljk3NjgzMiA2LjcwNjA1NTgsMjUuNTU4NjcxIGwgMi4yOTY4NzUsLTMuNTM3MTA5IGMgMi40Mjk3MTUyLDEuNjA0NDM4IDUuNDA1Njg0MiwzLjE4NzcxNCA4LjcyODUxNTIsNC4xNDg0MzcgbCAtMS4wNTg1OTMsMy45NTMxMjUgYyAtMC4xMjkwNDgsMC40ODE2MSAwLjE1NTEwOCwwLjk3NDQ2OSAwLjYzNjcxOCwxLjEwMzUxNSBsIDAuNDM1NTQ3LDAuMTE1MjM1IGMgMC40ODE2MSwwLjEyOTA0NyAwLjk3MjUxNiwtMC4xNTUxMDkgMS4xMDE1NjMsLTAuNjM2NzE5IGwgMS4wNzQyMTgsLTQuMDA5NzY1IGMgMS4zMjExOTcsMC4yNTM2OTYgMi42ODUwNywwLjQwMjM0MyA0LjA4MDA3OCwwLjQwMjM0NCAxLjQ4MTc2LC0xMGUtNyAyLjkyODUyLC0wLjE2MTQzOSA0LjMyNjE3MiwtMC40NDUzMTMgbCAxLjA2ODM2LDMuOTg4MjgxIGMgMC4xMjkwNDcsMC40ODE2MSAwLjYyMTkwNSwwLjc2NTc2NiAxLjEwMzUxNSwwLjYzNjcxOSBsIDAuNDMzNTk0LC0wLjExNzE4NyBjIDAuNDgxNjEsLTAuMTI5MDQ3IDAuNzY1NzY2LC0wLjYxOTk1MiAwLjYzNjcxOCwtMS4xMDE1NjMgTCAzMC41MDg3OSwyNi4wOTk2ODcgYyAzLjMxOTMyOSwtMC45OTQzOTcgNi4yOTEyODMsLTIuNjAxNDk2IDguNjk5MjE5LC00LjIxMjg5MSBsIDIuMjk0OTIxLDMuNTM1MTU2IGMgMC4yNzE1NTcsMC40MTgxNjEgMC44Mjc5MzQsMC41MzUyMjkgMS4yNDYwOTQsMC4yNjM2NzIgbCAwLjM3Njk1MywtMC4yNDQxNCBjIDAuNDE4MTYxLC0wLjI3MTU1NyAwLjUzNzE4MiwtMC44Mjc5MzMgMC4yNjU2MjYsLTEuMjQ2MDk0IGwgLTIuMzQ5NjExLC0zLjYxNzE4OCBjIDIuODE3NzAzLC0yLjEyMDIzNyA0LjUxMTcyLC0zLjk0MzM1OSA0LjUxMTcyLC0zLjk0MzM1OSAwLDAgLTAuMDAzMSwtMC4wMDI3IC0wLjAwNzgsLTAuMDA3OCBsIC0yLjg2NzE4OCwwIGMgMC4wMDI0LDAuMDAyMiAwLjAwNTQsMC4wMDM2IDAuMDA3OCwwLjAwNTkgLTAuMDUzNCwwLjA0ODU5IC0wLjEwNzg2NCwwLjA5OTg1IC0wLjE2NDA2NCwwLjE1MDM5MSAtMS4wMzY4OTgsMC45MzI1MDUgLTIuNTQxMjg1LDIuMTc3NzY4IC00LjM5NjQ4MywzLjQyMTg3NyAtMy43NDYxOTYsMi41MTIxODcgLTguNzM4MzA1LDQuODkyNTc4IC0xNC4xMjQ5OTksNC44OTI1NzggLTUuMzg2Nzk1LC0xMGUtNyAtMTAuMzgwNzU3LC0yLjM4MDM5MSAtMTQuMTI2OTUzNCwtNC44OTI1NzggLTEuODU1MjI4MywtMS4yNDQxMDkgLTMuMzU5NTg1NSwtMi40ODkzNzIgLTQuMzk2NDg0NCwtMy40MjE4NzUgLTAuMDU2MiwtMC4wNTA1NCAtMC4xMTA2ODI2LC0wLjEwMTc5OCAtMC4xNjQwNjI2LC0wLjE1MDM5MSAwLjAwMjQyLC0wLjAwMjIgMC4wMDUzOSwtMC4wMDM2IDAuMDA3ODEsLTAuMDA1OSB6IgoJIGZpbGw9ImN1cnJlbnRDb2xvciIKICAgICBpbmtzY2FwZTpsYWJlbD0iSWNvblZpZXdDbG9zZWQiIC8+Cjwvc3ZnPgo=);
}

.icon-iws-warn {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMDI0IDEwMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGQ9Ik05MjguOTkgNzU1LjgzIDU3NC42IDIwMy4yNWMtMTIuODktMjAuMTYtMzYuNzYtMzIuNTgtNjIuNi0zMi41OHMtNDkuNzEgMTIuNDMtNjIuNiAzMi41OEw5NS4wMSA3NTUuODNjLTEyLjkxIDIwLjEyLTEyLjkgNDQuOTEuMDEgNjUuMDMgMTIuOTIgMjAuMTIgMzYuNzggMzIuNTEgNjIuNTkgMzIuNDloNzA4Ljc4YzI1LjgyLjAxIDQ5LjY4LTEyLjM3IDYyLjU5LTMyLjQ5IDEyLjkxLTIwLjEyIDEyLjkyLTQ0LjkxLjAxLTY1LjAzek01NTQuNjcgNzY4aC04NS4zM3YtODUuMzNoODUuMzNWNzY4em0wLTQyNi42N3YyOTguNjZoLTg1LjMzVjM0MS4zMmw4NS4zMy4wMXoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPjwvc3ZnPg==);
}

/* LIST styles */
.list .list-item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: var(--iws-ref-spacing-200) var(--iws-ref-spacing-400);
    min-height: calc(var(--iws-ref-spacing-200) * 2 + var(--iws-component-button-base-small-height));
    border-radius: var(--iws-system-shape-outline-small);
}

    .list .list-item:hover:not(.no-hover):not(.disabled):not([disabled]):not(.active):not(.iws-button):not(:has(> .list)) {
        background-color: var(--iws-system-color-faded);
    }

    .list .list-item.active, .list .list-item.active:hover {
        background-color: var(--iws-system-color-primary-container);
        color: var(--iws-system-color-on-primary-container);
    }

    .list .list-item.disabled, .list .list-item[disabled] {
        cursor: default;
        color: var(--iws-system-color-text-disabled);
    }

        .list .list-item.disabled .icon.icon-svg, .list .list-item[disabled] .icon.icon-svg {
            filter: var(--iws-icon-surface-dim-filter);
        }

    .list .list-item.heading, .list .list-item > .heading {
        margin: 0;
        font-size: var(--iws-system-font-body-medium-default-size);
    }

        .list .list-item.heading:hover, .list .list-item > .heading:hover {
            background-color: inherit !important;
        }

    .list .list-item > .heading {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .list .list-item > .icon {
        display: inline-block;
    }

        .list .list-item > .icon:first-child {
            margin-right: var(--iws-ref-spacing-200);
        }

        .list .list-item > .icon:last-child {
            margin-left: var(--iws-ref-spacing-200);
        }

    .list .list-item > .list {
        margin-left: var(--iws-ref-spacing-400);
        margin-bottom: var(--iws-ref-spacing-200);
    }

    .list .list-item:has(> .list) {
        flex-direction: column;
        align-items: stretch;
        padding: var(--iws-ref-spacing-200);
    }

        .list .list-item:has(> .list):hover {
            background-color: inherit;
        }

.list.dense .list-item {
    padding-top: var(--iws-ref-spacing-100);
    padding-bottom: var(--iws-ref-spacing-100);
    min-height: calc(var(--iws-ref-spacing-100) * 2 + var(--iws-component-button-base-small-height));
}

    .list.dense .list-item > .list {
        margin-bottom: var(--iws-ref-spacing-100);
    }

.list .list-item.iws-button {
    display: flex;
    justify-content: flex-start;
    border-radius: var(--iws-system-shape-outline-small);
    width: 100%;
}

.list.border, .list.border-light, .list.border-heavy {
    border: 1px solid var(--iws-system-color-outline-light);
    border-radius: var(--iws-system-shape-outline-medium);
}

    .list.border .list-item, .list.border-light .list-item, .list.border-heavy .list-item {
        border-bottom: 1px solid var(--iws-system-color-outline-light);
        border-radius: 0;
    }

        .list.border .list-item.iws-button, .list.border-light .list-item.iws-button, .list.border-heavy .list-item.iws-button {
            border-radius: 0;
        }

        .list.border .list-item:last-child, .list.border-light .list-item:last-child, .list.border-heavy .list-item:last-child {
            border-bottom: none;
        }

        .list.border .list-item:first-child, .list.border-light .list-item:first-child, .list.border-heavy .list-item:first-child {
            border-top-left-radius: var(--iws-system-shape-outline-small);
            border-top-right-radius: var(--iws-system-shape-outline-small);
        }

        .list.border .list-item:last-child, .list.border-light .list-item:last-child, .list.border-heavy .list-item:last-child {
            border-bottom-left-radius: var(--iws-system-shape-outline-small);
            border-bottom-right-radius: var(--iws-system-shape-outline-small);
        }

/*
    <div class="tree">
        <div class="tree-item">
            <div class="tree-item-line">
                <expand>
                <icon>
                <label>
            </div>
            <div class="tree">
                <div class="tree-item">
                    <div class="tree-item-line">
                        <expand>
                        <icon>
                        <label>
                    </div>
                </div>
            </div>
        </div>
    </div>
*/
.tree {
    --iws-component-tree-indentation: var(--iws-component-button-icon-default-width);
    display: block;
    transition: opacity linear 0.5s;
}

    .tree .tree-item {
        display: block;
        padding: 0;
        cursor: default;
    }

        .tree .tree-item .tree-item-line {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            padding-top: var(--iws-ref-spacing-100);
            padding-bottom: var(--iws-ref-spacing-100);
            border-radius: var(--iws-system-shape-outline-small);
            height: var(--iws-component-button-icon-default-height);
        }

            .tree .tree-item .tree-item-line:not(:has(> .expander)) > :first-child {
                margin-left: var(--iws-component-tree-indentation);
            }

            .tree .tree-item .tree-item-line > .icon, .tree .tree-item .tree-item-line > .expander {
                margin-right: var(--iws-ref-spacing-100);
            }

            .tree .tree-item .tree-item-line > .title {
                flex: 1;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            .tree .tree-item .tree-item-line > .tree-item-icon {
                display: flex;
                justify-content: center;
                align-items: center;
                width: var(--iws-component-button-icon-default-icon-width);
                height: var(--iws-component-button-icon-default-icon-height);
                margin-right: var(--iws-ref-spacing-100);
            }

        .tree .tree-item.selectable > .tree-item-line:hover {
            background-color: var(--iws-system-color-faded);
        }

        .tree .tree-item.selectable .tree-item-line > .title {
            cursor: pointer;
        }

        .tree .tree-item:not(.active):not(.no-hover):not(.disabled):not([disabled]) > .tree-item-line:hover {
            background-color: var(--iws-system-color-faded);
        }

        .tree .tree-item.active > .tree-item-line {
            background-color: var(--iws-system-color-primary-container);
            color: var(--iws-system-color-on-primary-container);
        }

        .tree .tree-item.disabled > .tree-item-line, .tree .tree-item[disabled] > .tree-item-line {
            cursor: default;
            color: var(--iws-system-color-text-disabled);
        }

            .tree .tree-item.disabled > .tree-item-line .icon.icon-svg, .tree .tree-item[disabled] > .tree-item-line .icon.icon-svg {
                filter: var(--iws-icon-surface-dim-filter);
            }

        .tree .tree-item > .tree-item-line .expander .icon-svg.icon-iws-angle-right {
            transition: transform ease 0.3s;
            transform: rotate(0deg);
        }

        .tree .tree-item.expanded > .tree-item-line .expander .icon-svg.icon-iws-angle-right {
            transform: rotate(90deg);
        }

        .tree .tree-item > .tree {
            padding-left: var(--iws-component-tree-indentation);
        }

        .tree .tree-item:not(.expanded) > .tree {
            opacity: 0;
            display: none;
        }

        .tree .tree-item.dense, .tree .tree-item.dense .tree, .tree .tree-item.dense .tree.dense .tree {
            --iws-component-tree-indentation: var(--iws-component-button-icon-small-default-width);
        }

            .tree .tree-item.dense .tree-item-line {
                display: flex;
                justify-content: flex-start;
                align-items: center;
                padding-top: var(--iws-ref-spacing-050);
                padding-bottom: var(--iws-ref-spacing-050);
                border-radius: var(--iws-system-shape-outline-small);
                height: var(--iws-component-button-icon-small-default-height);
            }

            .tree .tree-item.dense .iws-icon-button {
                width: var(--iws-component-button-icon-small-default-width);
                height: var(--iws-component-button-icon-small-default-height);
                min-width: var(--iws-component-button-icon-small-default-width);
            }

                .tree .tree-item.dense .icon, .tree .tree-item.dense .iws-icon-button .icon {
                    width: var(--iws-component-button-icon-small-default-icon-width);
                    height: var(--iws-component-button-icon-small-default-icon-height);
                    min-width: var(--iws-component-button-icon-small-default-icon-width);
                    min-height: var(--iws-component-button-icon-small-default-icon-height);
                }

            .tree .tree-item.dense .tree-item .tree-item-line > .tree-item-icon {
                width: var(--iws-component-button-icon-small-icon-default-width);
                height: var(--iws-component-button-icon-small-icon-default-height);
            }

            .tree .tree-item.dense .tree-item > .tree-item-line .iws-icon-button.expander {
                width: var(--iws-component-button-icon-small-default-width);
                height: var(--iws-component-button-icon-small-default-height);
            }

/* TABLE styles */
table, .table {
    --iws-component-table-cell-padding-vertical: var(--iws-ref-spacing-100);
    --iws-component-table-cell-padding-horizontal: var(--iws-ref-spacing-300);
    --iws-component-table-border-color: var(--iws-system-color-outline-light);
    --iws-component-table-head-border-width: 2px;
    display: table;
    width: 100%;
    margin: 0;
    /*
  &.hoverable tbody tr:not(.active):hover td {
      background-color: var(--iws-system-color-faded);
  }
  */
}

    table.dense, .table.dense {
        --iws-component-table-cell-padding-vertical: var(--iws-ref-spacing-50);
        --iws-component-table-cell-padding-horizontal: var(--iws-ref-spacing-300);
    }

    table thead tr, .table thead tr {
        border-bottom-width: var(--iws-component-table-head-border-width);
    }

    table tr, .table tr {
        display: table-row;
        border-color: var(--iws-component-table-border-color);
        border-style: solid;
        /*border-bottom-width: 1px;*/
    }

    table th, .table th {
        text-transform: capitalize;
    }

    table th, table td, .table th, .table td {
        display: table-cell;
        padding: var(--iws-component-table-cell-padding-vertical) var(--iws-component-table-cell-padding-horizontal);
    }

    table tbody tr:last-child, .table tbody tr:last-child {
        border-bottom: 0;
    }

    table tbody tr.active,
    table tbody tr.active td, .table tbody tr.active,
    .table tbody tr.active td {
        background-color: var(--iws-system-color-primary-container);
        color: var(--iws-system-color-on-primary-container);
    }

    table table tbody tr:hover:not(.disabled), table .table tbody tr:hover:not(.disabled), .table table tbody tr:hover:not(.disabled), .table .table tbody tr:hover:not(.disabled) {
        background-color: var(--iws-system-color-surface-dim);
    }

    table.border-faint, .table.border-faint {
        --iws-component-table-border-color: var(--iws-system-color-outline-faint);
    }

    table.border-heavy, .table.border-heavy {
        --iws-component-table-border-color: var(--iws-system-color-outline-heavy);
    }

    table.border, .table.border {
        border-collapse: separate;
        border-spacing: 0;
    }

        table.border thead tr th, .table.border thead tr th {
            border-width: 0 1px var(--iws-component-table-head-border-width) 0;
            border-color: var(--iws-component-table-border-color);
        }

            table.border thead tr th:last-child, .table.border thead tr th:last-child {
                border-right-width: 0;
            }

        table.border tbody tr th, table.border tbody tr td, .table.border tbody tr th, .table.border tbody tr td {
            border-width: 0 1px 1px 0;
            border-color: var(--iws-component-table-border-color);
        }

            table.border tbody tr th:last-child, table.border tbody tr td:last-child, .table.border tbody tr th:last-child, .table.border tbody tr td:last-child {
                border-right-width: 0;
            }

        table.border tbody tr:last-child th, table.border tbody tr:last-child td, .table.border tbody tr:last-child th, .table.border tbody tr:last-child td {
            border-bottom-width: 0;
        }

    table.br, .table.br {
        --iws-component-table-border-radius: var(--iws-system-shape-outline-medium);
    }

        table.br thead tr th:first-child, .table.br thead tr th:first-child {
            border-top-left-radius: var(--iws-component-table-border-radius);
        }

        table.br thead tr th:last-child, .table.br thead tr th:last-child {
            border-top-right-radius: var(--iws-component-table-border-radius);
        }

        table.br:not(:has(thead)) tbody tr:first-child td:first-child, .table.br:not(:has(thead)) tbody tr:first-child td:first-child {
            border-top-left-radius: var(--iws-component-table-border-radius);
        }

        table.br:not(:has(thead)) tbody tr:first-child td:last-child, .table.br:not(:has(thead)) tbody tr:first-child td:last-child {
            border-top-right-radius: var(--iws-component-table-border-radius);
        }

        table.br tbody tr:last-child td:first-child, .table.br tbody tr:last-child td:first-child {
            border-bottom-left-radius: var(--iws-component-table-border-radius);
        }

        table.br tbody tr:last-child td:last-child, .table.br tbody tr:last-child td:last-child {
            border-bottom-right-radius: var(--iws-component-table-border-radius);
        }

.card {
    display: flex;
    flex-direction: column;
    background: var(--iws-system-color-surface-default);
    color: var(--iws-system-color-on-surface);
    border-radius: var(--iws-system-shape-outline-medium);
    max-width: 22rem;
    /* overflow: hidden; */
}

.card-image {
    overflow: hidden;
    text-align: center;
    background: var(--iws-system-color-surface-highest);
    position: relative;
    box-sizing: border-box;
    border-radius: var(--iws-system-shape-outline-medium) var(--iws-system-shape-outline-medium) 0 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    aspect-ratio: 16/9;
}

    .card-image > img {
        height: 100%;
        width: 100%;
    }

.card.ar4-3 .card-image {
    aspect-ratio: 4/3;
}

.card-body {
    position: relative;
    flex: 1;
    padding: var(--iws-ref-spacing-400);
    font-weight: var(--iws-system-font-body-medium-default-weight);
    font-size: var(--iws-system-font-body-medium-default-size);
}

    .card-body .card-header {
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .card-body .card-header .title {
            word-break: break-all;
            font-weight: var(--iws-system-font-body-large-bold-weight);
            font-size: var(--iws-system-font-body-large-bold-size, var(--iws-system-font-body-large-default-size));
        }

        .card-body .card-header .menu {
            left: unset;
            right: var(--iws-ref-spacing-300);
        }

    .card-body .subheading {
        color: var(--iws-system-color-text-subtle);
        font-weight: var(--iws-system-font-body-small-default-weight);
        font-size: var(--iws-system-font-body-small-default-size);
        margin-bottom: var(--iws-ref-spacing-100);
    }

    .card-body .card-avatar {
        position: absolute;
        height: var(--iws-component-button-icon-default-height);
        width: var(--iws-component-button-icon-default-width);
        margin-top: calc(-1 * var(--iws-component-button-icon-default-height));
        left: var(--iws-ref-spacing-400);
        border-radius: var(--iws-system-shape-outline-full);
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: var(--iws-system-color-surface-inverse);
        background-size: cover;
        box-shadow: var(--iws-system-elevation-shadow-100);
    }

.card:not(:has(.card-image)) .card-body .card-avatar {
    display: none;
}

.card-footer {
    display: flex;
    justify-content: flex-end;
    border-top: 1px solid var(--iws-system-color-outline-faint);
    padding: var(--iws-ref-spacing-100) 0;
}

.card.horizontal {
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    max-width: unset;
}

    .card.horizontal .card-image {
        flex: 1;
        border-radius: var(--iws-system-shape-outline-medium) 0 0 var(--iws-system-shape-outline-medium);
    }

    .card.horizontal .card-body {
        flex: 3;
        padding: var(--iws-ref-spacing-200);
    }

    .card.horizontal .card-footer {
        display: flex;
        justify-content: center;
        align-items: center;
        border: none;
        padding: 0 var(--iws-ref-spacing-100);
    }

.card.dense .card-body {
    padding: var(--iws-ref-spacing-200);
}

/* TAB styles */
.tabs-container {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-items: stretch;
}

.tabs {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    background: linear-gradient(to top, var(--iws-system-color-outline-faint) 0 2px, transparent 2px);
}

    .tabs.sm > .tab {
        height: var(--iws-ref-size-tab-small-height);
    }

.tab {
    border-width: 0 0 2px 0;
    border-style: solid;
    border-color: transparent;
    height: var(--iws-ref-size-tab-default-height);
    padding-bottom: var(--iws-ref-spacing-100);
    padding-left: var(--iws-ref-spacing-300);
    padding-right: var(--iws-ref-spacing-300);
    font-size: var(--iws-system-font-body-medium-default-size);
    font-weight: var(--iws-system-font-body-medium-bold-weight);
    vertical-align: top;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    user-select: none;
}

    .tab:not(:first-child) {
        margin-inline-start: var(--iws-ref-spacing-100);
    }

    .tab.active {
        border-color: var(--iws-system-color-primary);
    }

    .tab:hover {
        background-color: var(--iws-system-color-outline-faint);
    }

    .tab > .icon:first-child {
        margin-right: var(--iws-ref-spacing-100);
    }

    .tab > .icon:last-child {
        margin-left: var(--iws-ref-spacing-100);
    }

.tab-content {
    flex: 1;
    border-radius: 0 var(--iws-border-radius) var(--iws-border-radius) var(--iws-border-radius);
    padding: var(--iws-ref-spacing-200);
}

    .tab-content:not(.active) {
        display: none;
    }

.modal-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
}

.light .modal-container {
    background-color: rgba(0, 0, 0, 0.6);
}

.dark .modal-container {
    background-color: rgba(55, 55, 55, 0.6);
}

.modal {
    width: 50vw;
    max-width: 600px;
    min-width: 400px;
    /* min-height: 50vh; */
    max-height: 90vh;
    background: var(--iws-system-color-surface-default);
    color: var(--iws-system-color-on-surface);
    border-radius: var(--iws-system-shape-outline-medium);
    box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2);
}

    .modal.large {
        width: 80vw;
        min-height: 80vh;
        margin-left: 10%;
        margin-top: 10%;
    }

.modal-heading {
    padding: var(--iws-ref-spacing-200) var(--iws-ref-spacing-400);
    background-color: var(--iws-system-color-surface-high);
    border-radius: var(--iws-system-shape-outline-medium) var(--iws-system-shape-outline-medium) 0 0;
    font-weight: 600;
}

.modal-body {
    padding: var(--iws-ref-spacing-300) var(--iws-ref-spacing-400);
    background-color: var(--iws-system-color-surface-default);
    color: var(--iws-system-color-on-surface);
}

.modal-footer {
    display: flex;
    justify-content: flex-end;
    border-top: 1px solid var(--iws-system-color-outline-faint);
    padding: var(--iws-ref-spacing-100) 0;
}

/* DIALOG HTML Element */
dialog[open].modal {
    display: block;
    opacity: 1;
}

dialog.modal {
    display: none;
    opacity: 0;
    transition: opacity 0.25s ease-out, transform 0.25s ease-out, overlay 0.25s ease-out allow-discrete, display 0.25s ease-out allow-discrete;
    /* Equivalent to transition: all 0.7s allow-discrete; */
}

@starting-style {
    dialog[open].modal {
        opacity: 0;
    }
}

.modal {
    position: relative;
}

/* Necessary to prevent layout issues with closed modals */
/*.modal:not(.open) { display: none; }*/
dialog.modal::backdrop {
    background-color: rgba(0, 0, 0, 0);
    transition: display 0.25s allow-discrete, overlay 0.25s allow-discrete, background-color 0.25s;
    /* Equivalent to transition: all 0.7s allow-discrete; */
}

dialog.modal[open]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
}

@starting-style {
    dialog.modal[open]::backdrop {
        background-color: rgba(0, 0, 0, 0);
    }
}

.video-wrapper {
    --iws-component-video-track-height: 5px;
    --iws-component-video-track-thumb-height: 1rem;
    --iws-component-video-footer-height: calc( var(--iws-component-button-icon-default-height) + calc(2 * var(--iws-ref-spacing-100)) + calc( var(--iws-component-video-track-thumb-height) * 0.5) );
    --iws-component-video-small-footer-height: calc( var(--iws-component-button-icon-small-default-height) + calc(2 * var(--iws-ref-spacing-100)) + calc( var(--iws-component-video-track-thumb-height) * 0.5) );
    --iws-component-video-button-icon-container-outline-shape: var(--iws-system-shape-outline-medium);
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: var(--iws-system-shape-outline-medium);
}

    .video-wrapper .video-content {
        border-radius: var(--iws-system-shape-outline-medium);
        background: var(--iws-system-color-surface-highest);
        overflow: hidden;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        max-height: 90vh; /* keep video from stretching beyond visible screen */
        width: 100%;
        height: 100%;
        /* aspect-ratio: 4 / 3;*/
    }

    .video-wrapper .video-track {
        position: relative;
        height: var(--iws-component-video-track-thumb-height);
        margin-bottom: calc(var(--iws-component-video-track-thumb-height)); /** -0.5);*/
    }

        .video-wrapper .video-track input[type=range].seek {
            position: absolute;
            top: calc(var(--iws-component-video-track-thumb-height) * 0.34);
            width: 100%;
            height: var(--iws-component-video-track-height);
            border-radius: var(--iws-system-shape-outline-xlarge);
            padding: 0;
            border: none;
            accent-color: var(--iws-ref-color-palette-error-40);
        }

    .video-wrapper .video-track-current {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        background: var(--iws-ref-color-palette-error-40);
    }

    .video-wrapper .video-scrubber {
        position: absolute;
        top: -4px;
        width: 13px;
        height: 13px;
        border-radius: 9999px;
        background: var(--iws-ref-color-palette-error-40);
        cursor: pointer;
    }

    .video-wrapper .trim-display {
        --gunss-trim-container-height: 18px; /*--gunss-trim-container-height: 16px;*/
        --gunss-trim-track-height: 6px;
        --gunss-trim-track-color: var(--iws-ref-color-palette-tertiary-90);
        --gunss-trim-marker-width: 16px;
        width: 100%;
        z-index: -1; /*z-index: 999;*/
        position: absolute;
        top: calc(-0.65 * var(--gunss-trim-container-height)); /* top: calc(-1 * var(--gunss-trim-container-height));*/
        left: 0;
        height: var(--gunss-trim-container-height);
        background: rgba(0, 0, 0, 0.3);
        padding-top: calc(0.25 * var(--gunss-trim-container-height));
    }

        .video-wrapper .trim-display .trim-track {
            position: absolute;
            top: var(--gunss-trim-container-height); /* calc(calc(var(--gunss-trim-container-height) - var(--gunss-trim-track-height)) * .5); */
            background: var(--gunss-trim-track-color);
            height: var(--gunss-trim-track-height);
            opacity: 50%;
        }

        .video-wrapper .trim-display .trim-marker-start, .video-wrapper .trim-display .trim-marker-end {
            position: absolute;
            top: 0;
            background: var(--gunss-trim-track-color);
            width: var(--gunss-trim-marker-width);
            height: var(--gunss-trim-marker-width);
            border-radius: var(--iws-system-shape-outline-medium);
        }

            .video-wrapper .trim-display .trim-marker-start:after, .video-wrapper .trim-display .trim-marker-end:after {
                content: " ";
                height: calc(0.5 * var(--gunss-trim-marker-width));
                background-color: var(--gunss-trim-track-color);
                width: calc(0.25 * var(--gunss-trim-marker-width));
                display: block;
                position: absolute;
                top: 100%;
                left: calc(50% - 0.125 * var(--gunss-trim-marker-width));
            }

    .video-wrapper .video-header {
        position: absolute;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 1%, rgba(0, 0, 0, 0.5) 28%, rgba(0, 0, 0, 0.3) 55%, transparent);
        padding: var(--iws-ref-spacing-200) var(--iws-ref-spacing-400);
        border-radius: var(--iws-system-shape-outline-medium) var(--iws-system-shape-outline-medium) 0 0;
        top: 0;
        left: 0;
        right: 0;
        height: calc(var(--iws-component-button-icon-default-height, 40px) + var(--iws-ref-spacing-200));
        opacity: 0;
        transition: opacity linear 0.25s;
    }

        .video-wrapper .video-header .heading, .video-wrapper .video-header .label {
            margin-bottom: 0;
        }

    .video-wrapper .video-footer {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: var(--iws-component-video-footer-height);
        border-radius: 0 0 var(--iws-system-shape-outline-medium) var(--iws-system-shape-outline-medium);
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 20%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.2) 80%, transparent);
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        opacity: 0;
        transition: opacity linear 0.25s;
    }

        .video-wrapper .video-footer .video-controls {
            display: grid;
            grid-template-areas: "timecontrols timedisplay addlcontrols";
            grid-template-columns: auto 1fr auto;
            padding: var(--iws-ref-spacing-100) var(--iws-ref-spacing-200) var(--iws-ref-spacing-100);
            border-bottom-left-radius: var(--iws-system-shape-outline-medium);
            border-bottom-right-radius: var(--iws-system-shape-outline-medium);
        }

            .video-wrapper .video-footer .video-controls .video-time-controls {
                grid-area: timecontrols;
                display: flex;
                justify-content: flex-start;
                align-items: center;
                font-size: var(--iws-system-font-body-small-default-size);
            }

                .video-wrapper .video-footer .video-controls .video-time-controls .video-time {
                    padding: var(--iws-ref-spacing-200) var(--iws-ref-spacing-400);
                }

            .video-wrapper .video-footer .video-controls .video-time {
                grid-area: timedisplay;
                padding: 0 var(--iws-ref-spacing-400);
                display: flex;
                align-items: center;
                justify-content: flex-start;
            }

            .video-wrapper .video-footer .video-controls .video-additional-controls {
                grid-area: addlcontrols;
                display: flex;
                justify-content: flex-end;
                align-items: center;
            }

            .video-wrapper .video-footer .video-controls .iws-icon-button {
                margin-left: var(--iws-ref-spacing-100);
            }

                .video-wrapper .video-footer .video-controls .iws-icon-button.active, .video-wrapper .video-footer .video-controls .iws-icon-button.active:hover {
                    background-color: var(--iws-system-color-primary-container);
                }

                    .video-wrapper .video-footer .video-controls .iws-icon-button.active .icon-svg, .video-wrapper .video-footer .video-controls .iws-icon-button.active:hover .icon-svg {
                        filter: var(--iws-icon-on-primary-container-filter);
                    }

            .video-wrapper .video-footer .video-controls.centered {
                grid-template-areas: "timedisplay timecontrols addlcontrols";
                grid-template-columns: 1fr 1fr 1fr;
            }

                .video-wrapper .video-footer .video-controls.centered .video-time-controls {
                    justify-content: center;
                }

    .video-wrapper .video-header, .video-wrapper .video-footer {
        color: var(--iws-ref-color-palette-white);
        text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
        z-index: 991;
    }

        .video-wrapper .video-header .iws-icon-button, .video-wrapper .video-footer .iws-icon-button {
            border-radius: var(--iws-component-video-button-icon-container-outline-shape);
        }

    .video-wrapper:hover .video-header, .video-wrapper:hover .video-footer, .video-wrapper.is-stopped .video-header, .video-wrapper.is-stopped .video-footer, .video-wrapper.show-controls .video-header, .video-wrapper.show-controls .video-footer {
        opacity: 1;
    }

    .video-wrapper input[type=range].seek:not(:disabled):not(.disabled) {
        width: 100%;
        height: var(--iws-component-video-track-height);
        border-radius: var(--iws-system-shape-outline-xlarge);
        padding: 0;
        border: none;
        accent-color: var(--iws-ref-color-palette-error-40);
        background-color: var(--iws-ref-color-palette-error-40);
        /*
  &::-webkit-slider-thumb:hover {
      box-shadow: 0 0 0 4px rgba(255,85,0, .1)
  }

  &:active::-webkit-slider-thumb {
      box-shadow: 0 0 0 4px rgba(255,85,0, .2)
  }

  &:focus::-webkit-slider-thumb {
      box-shadow: 0 0 0 4px rgba(255,85,0, .2)
  }
  */
    }

        .video-wrapper input[type=range].seek:not(:disabled):not(.disabled):hover {
            /* assumes dark color background for video overlays */
            /* background: var(--iws-system-color-palette-neutral-60); */
            background-color: var(--iws-ref-color-palette-error-40);
        }

        .video-wrapper input[type=range].seek:not(:disabled):not(.disabled)::-webkit-slider-thumb {
            -webkit-appearance: none;
            appearance: none;
            height: var(--iws-component-video-track-thumb-height);
            width: var(--iws-component-video-track-thumb-height);
            background-color: var(--iws-ref-color-palette-error-40);
            border-radius: 50%;
            border: 2px solid var(--iws-ref-color-palette-white);
        }

        .video-wrapper input[type=range].seek:not(:disabled):not(.disabled)::-moz-range-thumb {
            height: var(--iws-component-video-track-thumb-height);
            width: var(--iws-component-video-track-thumb-height);
            background-color: #fff;
            border-radius: 50%;
            border: 1px solid var(--iws-ref-color-palette-white);
        }

    .video-wrapper *[data-tooltip]:before {
        --tooltip-bg-color: var(--iws-system-color-primary);
        --tooltip-fg-color: var(--iws-system-color-on-primary);
        font-weight: var(--iws-system-font-body-xsmall-bold-weight);
        z-index: 9999;
    }

    .video-wrapper .video-controls-overlay {
        position: absolute;
        opacity: 0;
        bottom: calc(var(--iws-component-video-footer-height) + 1.5em);
        right: var(--iws-ref-spacing-300);
        max-height: 40vh;
        max-width: 66%;
        min-width: 100px;
        min-height: 50px;
        overflow-y: auto;
        overflow-x: hidden;
        background: rgba(0, 0, 0, 0.8);
        color: var(--iws-ref-color-palette-white);
        border: 1px solid var(--iws-system-color-surface-highest);
        border-radius: var(--iws-system-shape-outline-medium);
        padding: var(--iws-ref-spacing-200);
        transition: opacity 0.1s cubic-bezier(0, 0, 0.2, 1);
        z-index: 101;
        display: none;
    }

        .video-wrapper .video-controls-overlay.is-open {
            opacity: 1;
            display: block;
        }

        .video-wrapper .video-controls-overlay.list {
            padding: 1px;
        }

            .video-wrapper .video-controls-overlay.list .list-item,
            .video-wrapper .video-controls-overlay.list .list-item.iws-button {
                border-color: transparent;
            }

                .video-wrapper .video-controls-overlay.list .list-item:hover:not(.active):not(.disabled):not(:disabled),
                .video-wrapper .video-controls-overlay.list .list-item.iws-button:hover:not(.active):not(.disabled):not(:disabled) {
                    background-color: var(--iws-ref-color-palette-neutral-30);
                }

                .video-wrapper .video-controls-overlay.list .list-item.active, .video-wrapper .video-controls-overlay.list .list-item.active:hover,
                .video-wrapper .video-controls-overlay.list .list-item.iws-button.active,
                .video-wrapper .video-controls-overlay.list .list-item.iws-button.active:hover {
                    background-color: var(--iws-system-color-primary);
                    color: var(--iws-system-color-on-primary);
                }

                    .video-wrapper .video-controls-overlay.list .list-item.active .icon-svg, .video-wrapper .video-controls-overlay.list .list-item.active:hover .icon-svg,
                    .video-wrapper .video-controls-overlay.list .list-item.iws-button.active .icon-svg,
                    .video-wrapper .video-controls-overlay.list .list-item.iws-button.active:hover .icon-svg {
                        filter: var(--iws-icon-filter-on-primary);
                    }

    .video-wrapper.video-small .video-footer {
        height: var(--iws-component-video-small-footer-height);
    }

        .video-wrapper.video-small .video-footer .video-controls .video-additional-controls {
            display: none;
        }

        .video-wrapper.video-small .video-footer .video-time-controls .video-time {
            padding: var(--iws-ref-spacing-100) var(--iws-ref-spacing-200);
        }

    .video-wrapper.video-small .iws-button {
        height: var(--iws-component-button-base-small-height);
        min-width: var(--iws-component-button-base-small-min-width);
        padding: var(--iws-component-button-base-small-padding-vertical) var(--iws-component-button-base-small-padding-horizontal);
        font-size: var(--iws-system-font-body-small-default-size);
    }

    .video-wrapper.video-small .iws-icon-button {
        width: var(--iws-component-button-icon-small-default-width);
        height: var(--iws-component-button-icon-small-default-height);
        min-width: var(--iws-component-button-icon-small-default-width);
        padding: 0;
        font-size: var(--iws-system-font-body-small-default-size);
    }

    .video-wrapper.video-small .icon.icon-svg {
        width: var(--iws-component-button-icon-small-default-icon-width, var(--iws-component-button-base-default-icon-width, "auto"));
        height: var(--iws-component-button-icon-small-default-icon-height, var(--iws-component-button-base-default-icon-height, "auto"));
        min-width: var(--iws-component-button-icon-small-default-icon-width, var(--iws-component-button-base-default-icon-width, "auto"));
        min-height: var(--iws-component-button-icon-small-default-icon-height, var(--iws-component-button-base-default-icon-height, "auto"));
    }

    .video-wrapper.video-small .video-controls-overlay {
        bottom: calc(var(--iws-component-video-small-footer-height) + var(--iws-component-video-track-thumb-height));
    }

.dark .video-wrapper {
    box-shadow: 0px 0px 8px rgba(255, 255, 255, 0.3);
}

.video-wrapper .thumbnail-preview {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--iws-system-color-surface-low);
    color: var(--iws-system-color-on-surface);
    width: 100px;
    height: 100px;
    border-radius: var(--iws-system-shape-outline-small);
    padding: var(--iws-ref-spacing-050);
    z-index: 9999;
}

    .video-wrapper .thumbnail-preview:before {
        content: "";
        position: absolute;
        border-top: 10px solid var(--iws-system-color-surface-low);
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        top: 100%;
        left: 45%;
        margin-left: -5px;
        margin-top: 0px;
    }

    .video-wrapper .thumbnail-preview img {
        height: 100%;
    }

    .video-wrapper .thumbnail-preview .thumbnail-preview-time-display {
        position: absolute;
        bottom: var(--iws-ref-spacing-100);
        left: 0;
        right: 0;
        font-size: var(--iws-ref-font-size-100);
        color: var(--iws-ref-color-palette-white);
        text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
        text-align: center;
    }

.video-message {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.video-message-text {
    color: var(--primary-font-color);
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
}

.video-message-text-title {
    font-size: 1.5em;
    font-weight: bold;
    margin: 10px 0;
}

.video-message-text-description {
    font-size: 1em;
    margin: 10px 0;
}

.video-annotation-layer {
    justify-content: center;
    position: absolute;
}

/**
 * EXPERIMENTAL
 */
.video-container {
    --iws-component-video-track-height: 3px;
    --iws-component-video-track-thumb-height: 0.75rem;
    --iws-component-video-footer-height: calc( var(--iws-component-button-icon-default-height) + var(--iws-ref-spacing-200) + var(--iws-ref-spacing-200) + calc( var(--iws-component-video-track-thumb-height) * 0.5) );
    --iws-component-video-small-footer-height: calc( var(--iws-component-button-icon-small-default-height) + var(--iws-ref-spacing-200) + var(--iws-ref-spacing-200) + calc( var(--iws-component-video-track-thumb-height) * 0.5) );
    --iws-component-video-button-icon-container-outline-shape: var(--iws-system-shape-outline-medium);
    position: relative;
    border-radius: var(--iws-system-shape-outline-medium);
    color: var(--iws-ref-color-palette-white);
    background-color: var(--iws-ref-color-palette-black);
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    max-height: 99%;
}

    .video-container video, .video-container .video-content {
        max-width: 100%;
        width: 100%;
        aspect-ratio: 4/3;
        max-height: 100%;
        position: relative;
        border-radius: var(--iws-system-shape-outline-medium);
        box-shadow: var(--iws-system-elevation-shadow-100);
        overflow: hidden;
    }

        .video-container video.wide, .video-container .video-content.wide {
            aspect-ratio: 16/9;
        }

    .video-container .video-header {
        top: 0;
        display: flex;
        gap: var(--iws-ref-spacing-200);
        align-items: center;
        border-radius: var(--iws-system-shape-outline-medium) var(--iws-system-shape-outline-medium) 0 0;
    }

        .video-container .video-header > * { /* because of aspect ratio on :before, have to pad children instead */
            padding: var(--iws-ref-spacing-200);
        }

        .video-container .video-header .label, .video-container .video-header .heading, .video-container .video-header .title {
            flex: 1;
        }

    .video-container .video-footer {
        bottom: 0;
        border-radius: 0 0 var(--iws-system-shape-outline-medium) var(--iws-system-shape-outline-medium);
    }

    .video-container .video-header, .video-container .video-footer {
        position: absolute;
        left: 0;
        right: 0;
        opacity: 0;
        transition: opacity 150ms ease-in-out;
        z-index: 100;
        width: 100%;
    }

        .video-container .video-header:before, .video-container .video-footer:before {
            content: "";
            position: absolute;
            aspect-ratio: 6/1;
            width: 100%;
            z-index: -1;
            pointer-events: none;
        }

        .video-container .video-header:before {
            top: 0;
            border-radius: var(--iws-system-shape-outline-medium) var(--iws-system-shape-outline-medium) 0 0;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 10%, rgba(0, 0, 0, 0.3) 70%, transparent);
        }

        .video-container .video-footer:before {
            bottom: 0;
            border-radius: 0 0 var(--iws-system-shape-outline-medium) var(--iws-system-shape-outline-medium);
            background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 10%, rgba(0, 0, 0, 0.3) 70%, transparent);
        }

    .video-container:hover .video-header, .video-container:hover .video-footer, .video-container.paused .video-header, .video-container.paused .video-footer {
        opacity: 1;
    }

    .video-container .video-track {
        position: relative;
        height: var(--iws-component-video-track-thumb-height);
        margin-bottom: calc(var(--iws-component-video-track-thumb-height) * -0.5);
    }

        .video-container .video-track input[type=range].seek {
            position: absolute;
            top: calc(var(--iws-component-video-track-thumb-height) * 0.34);
            width: 100%;
            height: var(--iws-component-video-track-height);
            border-radius: var(--iws-system-shape-outline-xlarge);
            padding: 0;
            border: none;
            accent-color: var(--iws-ref-color-palette-error-40);
        }

    .video-container .video-track-current {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        background: var(--iws-ref-color-palette-error-40);
    }

    .video-container .video-scrubber {
        position: absolute;
        top: -4px;
        width: 13px;
        height: 13px;
        border-radius: 9999px;
        background: var(--iws-ref-color-palette-error-40);
        cursor: pointer;
    }

    .video-container .video-controls {
        display: flex;
        justify-content: space-between;
        gap: var(--iws-ref-spacing-200);
        align-items: center;
        padding: var(--iws-ref-spacing-200);
    }

    .video-container .video-time-controls {
        display: flex;
        gap: var(--iws-ref-spacing-200);
        align-items: center;
        font-size: var(--iws-system-font-body-small-default-size);
    }

        .video-container .video-time-controls .video-time {
            padding: var(--iws-ref-spacing-200) var(--iws-ref-spacing-400);
        }

    .video-container .video-header .iws-icon-button .icon-svg, .video-container .video-header .iws-icon-button:hover .icon-svg, .video-container .video-header .iws-button .icon-svg, .video-container .video-header .iws-button:hover .icon-svg, .video-container .video-footer .iws-icon-button .icon-svg, .video-container .video-footer .iws-icon-button:hover .icon-svg, .video-container .video-footer .iws-button .icon-svg, .video-container .video-footer .iws-button:hover .icon-svg {
        filter: var(--iws-icon-white-filter);
    }

    .video-container .video-header .iws-icon-button, .video-container .video-footer .iws-icon-button {
        border-radius: var(--iws-component-video-button-icon-container-outline-shape);
    }

        .video-container .video-header .iws-icon-button:hover:not(:disabled):not(.disabled), .video-container .video-footer .iws-icon-button:hover:not(:disabled):not(.disabled) {
            background-color: transparent;
        }

    .video-container .video-overlay-panel {
        position: absolute;
        opacity: 0;
        bottom: calc(var(--iws-component-video-footer-height) + var(--iws-component-video-track-thumb-height) + 1em);
        right: var(--iws-ref-spacing-300);
        max-height: 40vh;
        max-width: 66%;
        min-width: 100px;
        min-height: 100px;
        background: rgba(0, 0, 0, 0.8);
        color: var(--iws-ref-color-palette-white);
        border: 1px solid var(--iws-system-color-surface-highest);
        border-radius: var(--iws-system-shape-outline-medium);
        padding: var(--iws-ref-spacing-200);
        transition: opacity 0.1s cubic-bezier(0, 0, 0.2, 1);
        z-index: 101;
        display: none;
    }

        .video-container .video-overlay-panel.is-open {
            opacity: 1;
            display: block;
            overflow-y: auto;
            overflow-x: hidden;
        }

        .video-container .video-overlay-panel.list {
            padding: 1px;
        }

            .video-container .video-overlay-panel.list .list-item,
            .video-container .video-overlay-panel.list .list-item.iws-button {
                border-color: transparent;
            }

                .video-container .video-overlay-panel.list .list-item:hover:not(.active):not(.disabled):not(:disabled),
                .video-container .video-overlay-panel.list .list-item.iws-button:hover:not(.active):not(.disabled):not(:disabled) {
                    background-color: var(--iws-ref-color-palette-neutral-30);
                }

                .video-container .video-overlay-panel.list .list-item.active, .video-container .video-overlay-panel.list .list-item.active:hover,
                .video-container .video-overlay-panel.list .list-item.iws-button.active,
                .video-container .video-overlay-panel.list .list-item.iws-button.active:hover {
                    background-color: var(--iws-system-color-primary);
                    color: var(--iws-system-color-on-primary);
                }

                    .video-container .video-overlay-panel.list .list-item.active .icon-svg, .video-container .video-overlay-panel.list .list-item.active:hover .icon-svg,
                    .video-container .video-overlay-panel.list .list-item.iws-button.active .icon-svg,
                    .video-container .video-overlay-panel.list .list-item.iws-button.active:hover .icon-svg {
                        filter: var(--iws-icon-filter-on-primary);
                    }

    .video-container *[data-tooltip]:before {
        --tooltip-bg-color: var(--iws-system-color-primary);
        --tooltip-fg-color: var(--iws-system-color-on-primary);
        font-weight: var(--iws-system-font-body-xsmall-bold-weight);
        z-index: 9999;
    }

    .video-container .player {
        width: 100%;
        max-width: 100%;
        max-height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        grid-area: player;
        background-color: var(--primary-video-color);
    }

    .video-container .hidden-canvas {
        display: none;
    }

/*
 * Replace this with your own classes
 *
 * e.g.
 * .container {
 * }
*/
.color-picker-container {
    position: relative;
}

.color-picker-current-display {
    display: inline-block;
    width: 28px;
    height: 28px;
    border-radius: var(--iws-system-shape-outline-small);
    border: 1px solid var(--iws-system-color-surface-low);
    background: repeating-conic-gradient(#808080 0% 25%, transparent 0% 50%) 50%/15px 15px;
}

.color-picker-current-value {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.color-picker {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 16px;
    grid-template-rows: 1fr 16px;
    grid-gap: var(--iws-ref-spacing-200);
    grid-template-areas: "saturation alpha" "hue x";
    /*    background-color: var(--iws-system-color-surface-high);*/
    padding: var(--iws-ref-spacing-200);
    border-radius: var(--iws-system-shape-outline-medium);
}

.color-picker-saturation {
    grid-area: saturation;
    width: 100%;
    aspect-ratio: 4/3;
    min-height: 100px;
    background-image: linear-gradient(transparent, black), linear-gradient(to right, white, transparent);
    border-radius: var(--iws-system-shape-outline-medium);
    border: 2px solid var(--iws-ref-color-palette-black);
    position: relative;
    cursor: crosshair;
}

    .color-picker-saturation .indicator {
        width: 15px;
        height: 15px;
        border: 2px solid #ffffff;
        border-radius: var(--iws-system-shape-outline-full);
        transform: translate(-7.5px, -7.5px);
        position: absolute;
        top: 2px;
    }

.color-picker-hue {
    grid-area: hue;
    background-image: linear-gradient(to right, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000);
    border: 2px solid var(--iws-ref-color-palette-black);
    border-radius: var(--iws-system-shape-outline-medium);
    position: relative;
    cursor: crosshair;
}

.color-picker-alpha {
    grid-area: alpha;
    position: relative;
    /*    background-image: linear-gradient(to bottom, white, transparent);*/
    background: repeating-conic-gradient(#808080 0% 25%, transparent 0% 50%) 50%/15px 15px;
    border: 2px solid var(--iws-ref-color-palette-black);
    border-radius: var(--iws-system-shape-outline-medium);
    cursor: crosshair;
}

    .color-picker-alpha .color-picker-alpha-gradient {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-image: linear-gradient(to bottom, white, transparent);
        z-index: 1;
        border-radius: var(--iws-system-shape-outline-medium);
    }

    .color-picker-hue .indicator,
    .color-picker-alpha .indicator {
        /*        cursor: pointer;*/
        width: 16px;
        height: 16px;
        background-color: #000;
        border: 2px solid #ffffff;
        border-radius: 50%;
        position: absolute;
        z-index: 2;
    }

.color-picker-hue .indicator {
    /*    top: 2px;*/
    transform: translate(-7.5px, -2px);
}

.color-picker-alpha .indicator {
    /*    left: 1px;*/
    transform: translate(-2px, -7.5px);
}

.color-picker-trigger .iws-button.menu-trigger {
    border-color: transparent;
    justify-content: center;
}

    .color-picker-trigger .iws-button.menu-trigger:hover:not(:disabled):not(.disabled) {
        border-color: transparent;
        background-color: transparent;
    }

    .color-picker-trigger .iws-button.menu-trigger:focus:not(:disabled):not(.disabled) {
        outline: none;
    }

        .color-picker-trigger .iws-button.menu-trigger:focus:not(:disabled):not(.disabled) > .color-picker-current-display {
            outline: 2px solid var(--iws-system-color-focus);
        }

.progress-circle {
    position: relative;
    color: var(--iws-system-color-text);
}

    .progress-circle svg {
        transform: rotate(-90deg); /* Fix the orientation */
    }

    .progress-circle .progress-track {
        stroke: var(--iws-system-color-surface-highest);
    }

    .progress-circle .progress-indicator {
        stroke: var(--iws-system-color-primary);
    }

        .progress-circle .progress-indicator.success {
            stroke: var(--iws-system-color-success);
        }

        .progress-circle .progress-indicator.warning {
            stroke: var(--iws-system-color-warning);
        }

        .progress-circle .progress-indicator.error {
            stroke: var(--iws-system-color-error);
        }

        .progress-circle .progress-indicator.secondary {
            stroke: var(--iws-system-color-secondary);
        }

        .progress-circle .progress-indicator.tertiary {
            stroke: var(--iws-system-color-tertiary);
        }

/* Animated spinner version */
.progress-circle-indicator--spinner {
    animation: spinner 0.75s linear infinite;
    transform-origin: center;
}

.progress-label {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.progress-circle-label__loading {
    opacity: 0.5;
    font-size: 0.75em;
}

.progress-circle .progress-amount-label {
    font-size: var(--iws-system-font-body-large-default-size);
    font-weight: var(--iws-system-font-body-large-bold-weight);
}

.progress-circle-label__loading,
.progress-circle-label__progress {
    display: block;
}

/* Spinner animation */
@keyframes spinner {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.progress-bar {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: var(--iws-ref-spacing-200) 0;
}

.progress-bar-outer {
    background-color: var(--iws-system-color-surface-default);
    height: var(--iws-ref-size-border-400);
    width: 100%;
}

.progress-bar-inner {
    background-color: var(--iws-system-color-primary);
    height: 100%;
    transition: width linear 1s;
}

.progress-bar-details {
    font-size: var(--iws-ref-font-size-100);
    margin-top: var(--iws-ref-spacing-100);
}

.progress-bar-title {
    margin-bottom: var(--iws-ref-spacing-200);
}

:root {
    --iws-svg-stroke: var(--iws-system-color-on-surface);
}

/* For ensuring spacing is based on 4px increments */
html {
    font-size: 16px;
}

body {
    /* use style guide font defaults at body (14px font size, etc)*/
    font-size: var(--iws-ref-font-size-200);
    font-family: var(--iws-ref-font-typeface-default);
    font-weight: var(--iws-ref-font-weight-400);
}

.block {
    display: block;
}

.inline {
    display: inline-block;
}

.grid {
    display: grid;
}

hr {
    border-color: var(--iws-system-color-outline-default);
}

a.link, a.link:visited {
    color: var(--iws-system-color-primary);
    filter: var(--iws-icon-primary-filter);
    cursor: pointer;
}

a[target="_blank"].link:after {
    filter: inherit;
    display: inline-block;
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyBmaWxsPSJjdXJyZW50Q29sb3IiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Zz48cGF0aCBkPSJNNCwwVjNIMVYxNUgxM1YxMmgzVjBabTcuMiwxMy4ySDIuOFY0LjhINFYxMmg3LjJabTMuNC0yLjZINi4zOUwxMS41LDUuNSwxMyw3VjNIOWwxLjUsMS41TDUuNCw5LjYxVjEuNGg5LjJaIi8+PC9nPjwvc3ZnPg==);
    width: 0.85em;
    height: 0.85em;
    margin-top: -.75em;
    margin-left: 0.25em;
}


.banner {
    --iws-component-banner-logo-width: var(--iws-component-button-icon-default-width);
    --iws-component-banner-logo-height: var(--iws-component-button-icon-default-height);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--iws-ref-spacing-200) var(--iws-ref-spacing-400);
}

    .banner .logo {
        margin-right: var(--iws-ref-spacing-200);
        width: var(--iws-component-banner-logo-width);
        height: var(--iws-component-banner-logo-height);
    }

    .banner .heading, .banner .heading-lg, .banner .heading-sm {
        flex: 1;
        margin-bottom: 0;
    }

/* CHIP styles */
.chip {
    --iws-component-chip-background-color: var(--iws-system-color-surface-bright);
    --iws-component-chip-foreground-color: var(--iws-system-color-on-surface);
    display: inline-flex;
    align-items: center;
    font-size: var(--iws-system-font-body-small-default-size);
    font-weight: var(--iws-system-font-body-small-bold-weight);
    border-radius: var(--iws-system-shape-outline-small);
    padding: var(--iws-ref-spacing-100) var(--iws-ref-spacing-200);
    background-color: var(--iws-component-chip-background-color);
    color: var(--iws-component-chip-foreground-color);
    cursor: default;
}

    .chip .icon {
        width: var(--iws-system-font-body-small-default-size);
        height: var(--iws-system-font-body-small-default-size);
        min-width: var(--iws-system-font-body-small-default-size);
        min-height: var(--iws-system-font-body-small-default-size);
    }

        .chip .icon:first-child {
            margin-right: var(--iws-ref-spacing-100);
        }

        .chip .icon:last-child {
            margin-left: var(--iws-ref-spacing-100);
        }

    .chip.primary {
        --iws-component-chip-background-color: var(--iws-system-color-primary);
        --iws-component-chip-foreground-color: var(--iws-system-color-on-primary);
    }

    .chip.secondary {
        --iws-component-chip-background-color: var(--iws-system-color-secondary);
        --iws-component-chip-foreground-color: var(--iws-system-color-on-secondary);
    }

    .chip.tertiary {
        --iws-component-chip-background-color: var(--iws-system-color-tertiary);
        --iws-component-chip-foreground-color: var(--iws-system-color-on-tertiary);
    }

    .chip.error {
        --iws-component-chip-background-color: var(--iws-system-color-error);
        --iws-component-chip-foreground-color: var(--iws-system-color-on-error);
    }

    .chip.warning {
        --iws-component-chip-background-color: var(--iws-system-color-warning);
        --iws-component-chip-foreground-color: var(--iws-system-color-on-warning);
    }

    .chip.success {
        --iws-component-chip-background-color: var(--iws-system-color-success);
        --iws-component-chip-foreground-color: var(--iws-system-color-on-success);
    }

.horizontal-divider {
    height: 1px;
    border-top: 1px solid var(--iws-system-color-outline-light);
    width: 100%;
    margin: var(--iws-ref-spacing-200) 0;
}

.vertical-divider {
    width: 1px;
    border-right: 1px solid var(--iws-system-color-outline-light);
    height: 100%;
    min-height: var(--iws-component-button-base-small-height);
    margin: 0 var(--iws-ref-spacing-200);
}

.breadcrumbs {
    display: flex;
    align-content: center;
    padding: var(--iws-ref-spacing-200) var(--iws-ref-spacing-200);
}

.breadcrumb {
    display: flex;
    align-content: center;
    color: var(--iws-system-color-text-subtle);
    font-size: var(--iws-system-font-body-small-default-size);
    font-weight: var(--iws-system-font-body-small-bold-weight);
    max-width: 150px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: normal;
}

    .breadcrumb:not(:last-child) {
        cursor: pointer;
        font-weight: var(--iws-system-font-body-small-default-weight);
    }

        .breadcrumb:not(:last-child):after {
            content: "/";
            padding: 0 var(--iws-ref-spacing-200);
        }

    .breadcrumb:not(:last-of-type) .icon-svg {
        filter: var(--iws-icon-primary-filter);
    }

@keyframes spinner {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.animation-spinner {
    animation: spinner 1s infinite linear;
}

.drop-zone {
    border-style: dashed;
    border-width: 2px;
    border-color: transparent;
    border-radius: var(--iws-system-shape-outline-medium);
}

    .drop-zone.drop-zone-active:not(.drop-invalid) {
        border-color: var(--iws-system-color-secondary);
        background-color: var(--iws-system-color-secondary-container);
    }

*[data-tooltip] {
    position: relative;
}

:root .light {
    --tooltip-bg-color: var(--iws-ref-color-palette-neutral-variant-10);
    --tooltip-fg-color: var(--iws-ref-color-palette-neutral-variant-98);
}

:root .dark {
    --tooltip-bg-color: var(--iws-ref-color-palette-neutral-90);
    --tooltip-fg-color: var(--iws-ref-color-palette-neutral-10);
}

*[data-tooltip]:hover:before {
    display: block;
}

*[data-tooltip].tooltip-below:before {
    top: 100%;
    margin-top: calc(var(--iws-ref-spacing-100) + var(--iws-ref-spacing-100) * 0.5);
}

*[data-tooltip].tooltip-left:before {
    top: 0%;
    right: 100%;
    margin-right: calc(var(--iws-ref-spacing-100) + var(--iws-ref-spacing-100) * 0.5);
}

*[data-tooltip].tooltip-right:before {
    top: 0%;
    left: 100%;
    margin-left: calc(var(--iws-ref-spacing-100) + var(--iws-ref-spacing-100) * 0.5);
}

*[data-tooltip].tooltip-above:before, *[data-tooltip]:not(.tooltip-below):not(.tooltip-left):not(.tooltip-right):before {
    bottom: 100%;
    margin-bottom: calc(var(--iws-ref-spacing-100) + var(--iws-ref-spacing-100) * 0.5);
}

*[data-tooltip]:not(.tooltip-left):not(.tooltip-right):before {
    left: 50%;
    transform: translateX(-50%);
}

*[data-tooltip]:before {
    --tooltip-base: 2em;
    --tooltip-height: 1em;
    --tooltip-position: 50%;
    --tooltip-border-radius: var(--iws-system-shape-outline-small);
    content: attr(data-tooltip);
    position: absolute;
    width: max-content;
    max-width: 200px;
    padding: var(--iws-ref-spacing-200);
    border-radius: var(--tooltip-border-radius);
    background: var(--tooltip-bg-color);
    color: var(--tooltip-fg-color);
    text-align: center;
    font-size: var(--iws-system-font-body-small-default-size);
    font-weight: var(--iws-system-font-body-small-default-weight);
    box-shadow: var(--iws-system-elevation-shadow-200);
    display: none;
    z-index: 999;
    /* places a 'tip' but can cause text to blur on Chromium browsers b/c of sub-pixel positions */
}

.overlay {
    position: absolute;
    display: inline-block;
    padding: var(--iws-ref-spacing-200);
    line-height: 1.5;
    opacity: 0.9;
    box-shadow: var(--iws-system-elevation-shadow-200);
}

    .overlay .header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: nowrap;
        width: 100%;
    }

        .overlay .header:not(:only-child) {
            margin-bottom: var(--iws-ref-spacing-100);
        }

        .overlay .header > .icon:not(:only-child) {
            width: 18px;
            height: 18px;
            margin-right: var(--iws-ref-spacing-100);
        }

        .overlay .header .label {
            white-space: nowrap;
            flex: 1;
            text-overflow: ellipsis;
            margin-bottom: 0;
        }

        .overlay .header .iws-icon-button {
            margin-left: var(--iws-ref-spacing-100);
        }

    .overlay .description {
        max-height: calc(3 * var(--iws-system-font-body-medium-default-size));
        overflow: hidden;
    }

    .overlay .line {
        white-space: nowrap;
        width: 100%;
        text-overflow: ellipsis;
        margin-top: var(--iws-ref-spacing-100);
    }

.iws-button.menu-trigger {
    border-radius: var(--iws-system-shape-outline-small);
    justify-content: space-between;
}

    .iws-button.menu-trigger .icon-svg {
        width: 14px;
        height: 14px;
        min-height: 14px;
        min-width: 14px;
    }

.menu-container {
    display: inline-block;
    position: relative;
}

.menu {
    padding: 4px 0;
    background-color: var(--iws-system-color-surface-high);
    color: var(--iws-system-color-on-surface);
    border-radius: var(--iws-system-shape-outline-small);
    display: none;
    z-index: 100;
    position: absolute;
    left: 0;
    top: var(--iws-component-button-base-default-height);
    min-width: 150px;
    max-width: 240px;
    box-shadow: var(--iws-system-elevation-shadow-200);
}

    .menu.is-open {
        display: block;
    }

    .menu.menu-top {
        top: unset;
        bottom: var(--iws-component-button-base-default-height);
    }

    .menu.menu-right {
        left: unset;
        right: 0;
    }

    .menu.at-root {
        display: block;
        visibility: hidden;
        z-index: -1;
    }

        .menu.at-root.is-open {
            display: block;
            visibility: visible;
            z-index: 999;
        }

.menu-item {
    width: 100%;
    padding: var(--iws-ref-spacing-200) var(--iws-ref-spacing-400);
    text-align: left;
}

    .menu-item:not(.iws-button):not(.iws-icon-button) {
        display: block;
    }

    .menu-item.iws-button, .menu-item.iws-icon-button {
        justify-content: flex-start;
        border-radius: 0;
    }

        .menu-item.iws-button .button-label, .menu-item.iws-icon-button .button-label {
            width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            font-weight: var(--iws-system-font-body-medium-default-weight);
        }

    .menu-item.active {
        background-color: var(--iws-system-color-secondary-container);
        color: var(--iws-system-color-on-secondary-container);
    }

    .menu-item:hover:not(.disabled):not(.active),
    button.menu-item:hover:not(.disabled):not(.active) {
        background-color: var(--iws-system-color-hover);
        /*color: var(--iws-system-color-on-surface);*/
    }

.message {
    --iws-component-message-background-color: var(--iws-system-color-surface-highest);
    --iws-component-message-foreground-color: var(--iws-system-color-on-surface);
    --iws-component-message-icon-filter: var(--iws-icon-on-surface-filter);
    --iws-component-message-icon-hover-filter: var(--iws-icon-on-surface-filter);
    --iws-component-message-button-hover-background-color: var(--iws-system-color-surface-high);
    min-height: var(--iws-component-message-min-height, 48px);
    padding: var(--iws-ref-spacing-200) var(--iws-ref-spacing-300);
    margin: var(--iws-ref-spacing-300) var(--iws-ref-spacing-000);
    border-radius: var(--iws-system-shape-outline-medium);
    background-color: var(--iws-component-message-background-color);
    color: var(--iws-component-message-foreground-color);
}

    .message .header {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

        .message .header > .icon-svg:first-child {
            margin-right: var(--iws-ref-spacing-200);
            padding: var(--iws-component-button-icon-default-padding-vertical, var(--iws-component-button-base-default-padding-vertical)) var(--iws-component-button-icon-default-padding-horizontal, var(--iws-component-button-base-default-padding-horizontal));
        }

        .message .header > .icon-svg:last-child, .message .header.iws-icon-button, .message .header.iws-button {
            margin-left: var(--iws-ref-spacing-200);
        }

        .message .header > .title {
            flex: 1;
            font-weight: var(--iws-system-font-body-medium-bold-weight);
        }

    .message .message-body {
        line-height: 1.5;
    }

    .message > .header > .icon-svg, .message > .header > .iws-icon-button > .icon-svg {
        filter: var(--iws-component-message-icon-filter);
    }

    .message > .header > .iws-icon-button:not(.disabled):not([disabled]):not(:disabled):hover {
        background-color: var(--iws-component-message-button-hover-background-color);
    }

        .message > .header > .iws-icon-button:not(.disabled):not([disabled]):not(:disabled):hover > .icon-svg {
            filter: var(--iws-component-message-icon-hover-filter);
        }

    .message.flat {
        --iws-component-message-background-color: var(--iws-system-color-surface-lowest);
        --iws-component-message-foreground-color: var(--iws-system-color-on-surface);
        --iws-component-message-icon-filter: var(--iws-icon-on-surface-filter);
        --iws-component-message-button-hover-background-color: var(--iws-system-color-surface-highest);
        --iws-component-message-icon-hover-filter: var(--iws-icon-on-surface-filter);
        border: 1px solid var(--iws-system-color-outline-light);
    }

    .message.primary, .message.info {
        --iws-component-message-background-color: var(--iws-system-color-primary-container);
        --iws-component-message-foreground-color: var(--iws-system-color-on-primary-container);
        --iws-component-message-icon-filter: var(--iws-icon-on-primary-container-filter);
        --iws-component-message-button-hover-background-color: var(--iws-system-color-primary);
        --iws-component-message-icon-hover-filter: var(--iws-icon-on-primary-filter);
    }

    .message.secondary {
        --iws-component-message-background-color: var(--iws-system-color-secondary-container);
        --iws-component-message-foreground-color: var(--iws-system-color-on-secondary-container);
        --iws-component-message-icon-filter: var(--iws-icon-on-secondary-container-filter);
        --iws-component-message-button-hover-background-color: var(--iws-system-color-secondary);
        --iws-component-message-icon-hover-filter: var(--iws-icon-on-secondary-filter);
    }

    .message.tertiary {
        --iws-component-message-background-color: var(--iws-system-color-tertiary-container);
        --iws-component-message-foreground-color: var(--iws-system-color-on-tertiary-container);
        --iws-component-message-icon-filter: var(--iws-icon-on-tertiary-container-filter);
        --iws-component-message-button-hover-background-color: var(--iws-system-color-tertiary);
        --iws-component-message-icon-hover-filter: var(--iws-icon-on-tertiary-filter);
    }

    .message.error {
        --iws-component-message-background-color: var(--iws-system-color-error-container);
        --iws-component-message-foreground-color: var(--iws-system-color-on-error-container);
        --iws-component-message-icon-filter: var(--iws-icon-on-error-container-filter);
        --iws-component-message-button-hover-background-color: var(--iws-system-color-error);
        --iws-component-message-icon-hover-filter: var(--iws-icon-on-error-filter);
    }

    .message.warning {
        --iws-component-message-background-color: var(--iws-system-color-warning-container);
        --iws-component-message-foreground-color: var(--iws-system-color-on-warning-container);
        --iws-component-message-icon-filter: var(--iws-icon-on-warning-container-filter);
        --iws-component-message-button-hover-background-color: var(--iws-system-color-warning);
        --iws-component-message-icon-hover-filter: var(--iws-icon-on-warning-filter);
    }

    .message.success {
        --iws-component-message-background-color: var(--iws-system-color-success-container);
        --iws-component-message-foreground-color: var(--iws-system-color-on-success-container);
        --iws-component-message-icon-filter: var(--iws-icon-on-success-container-filter);
        --iws-component-message-button-hover-background-color: var(--iws-system-color-success);
        --iws-component-message-icon-hover-filter: var(--iws-icon-on-success-filter);
    }

.toast {
    --iws-component-toast-background-color: var(--iws-system-color-surface-highest);
    --iws-component-toast-foreground-color: var(--iws-system-color-on-surface);
    --iws-component-toast-icon-filter: var(--iws-icon-on-surface-filter);
    --iws-component-toast-icon-hover-filter: var(--iws-icon-on-surface-filter);
    --iws-component-toast-button-hover-background-color: var(--iws-system-color-surface-high);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 48px;
    padding: var(--iws-ref-spacing-200) var(--iws-ref-spacing-300);
    margin: var(--iws-ref-spacing-200) var(--iws-ref-spacing-000);
    border-radius: var(--iws-system-shape-outline-medium);
    background-color: var(--iws-component-toast-background-color);
    color: var(--iws-component-toast-foreground-color);
}

    .toast > .icon-svg:first-child {
        margin-right: var(--iws-ref-spacing-200);
    }

    .toast > .icon-svg:last-child, .toast.iws-icon-button, .toast.iws-button {
        margin-left: var(--iws-ref-spacing-200);
    }

    .toast .title {
        flex: 1;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .toast > .icon-svg, .toast > .iws-icon-button > .icon-svg {
        filter: var(--iws-component-toast-icon-filter);
    }

    .toast > .iws-icon-button:not(.disabled):not([disabled]):not(:disabled):hover {
        background-color: var(--iws-component-toast-button-hover-background-color);
    }

        .toast > .iws-icon-button:not(.disabled):not([disabled]):not(:disabled):hover > .icon-svg {
            filter: var(--iws-component-toast-icon-hover-filter);
        }

    .toast.primary, .toast.info {
        --iws-component-toast-background-color: var(--iws-system-color-primary);
        --iws-component-toast-foreground-color: var(--iws-system-color-on-primary);
        --iws-component-toast-icon-filter: var(--iws-icon-on-primary-filter);
        --iws-component-toast-button-hover-background-color: var(--iws-system-color-primary-container);
        --iws-component-toast-icon-hover-filter: var(--iws-icon-on-primary-container-filter);
    }

    .toast.secondary {
        --iws-component-toast-background-color: var(--iws-system-color-secondary);
        --iws-component-toast-foreground-color: var(--iws-system-color-on-secondary);
        --iws-component-toast-icon-filter: var(--iws-icon-on-secondary-filter);
        --iws-component-toast-button-hover-background-color: var(--iws-system-color-secondary-container);
        --iws-component-toast-icon-hover-filter: var(--iws-icon-on-secondary-container-filter);
    }

    .toast.tertiary {
        --iws-component-toast-background-color: var(--iws-system-color-tertiary);
        --iws-component-toast-foreground-color: var(--iws-system-color-on-tertiary);
        --iws-component-toast-icon-filter: var(--iws-icon-on-tertiary-filter);
        --iws-component-toast-button-hover-background-color: var(--iws-system-color-tertiary-container);
        --iws-component-toast-icon-hover-filter: var(--iws-icon-on-tertiary-container-filter);
    }

    .toast.error {
        --iws-component-toast-background-color: var(--iws-system-color-error);
        --iws-component-toast-foreground-color: var(--iws-system-color-on-error);
        --iws-component-toast-icon-filter: var(--iws-icon-on-error-filter);
        --iws-component-toast-button-hover-background-color: var(--iws-system-color-error-container);
        --iws-component-toast-icon-hover-filter: var(--iws-icon-on-error-container-filter);
    }

    .toast.warning {
        --iws-component-toast-background-color: var(--iws-system-color-warning);
        --iws-component-toast-foreground-color: var(--iws-system-color-on-warning);
        --iws-component-toast-icon-filter: var(--iws-icon-on-warning-filter);
        --iws-component-toast-button-hover-background-color: var(--iws-system-color-warning-container);
        --iws-component-toast-icon-hover-filter: var(--iws-icon-on-warning-container-filter);
    }

    .toast.success {
        --iws-component-toast-background-color: var(--iws-system-color-success);
        --iws-component-toast-foreground-color: var(--iws-system-color-on-success);
        --iws-component-toast-icon-filter: var(--iws-icon-on-success-filter);
        --iws-component-toast-button-hover-background-color: var(--iws-system-color-success-container);
        --iws-component-toast-icon-hover-filter: var(--iws-icon-on-success-container-filter);
    }

.accordion {
    border: 1px solid var(--iws-system-color-outline-light);
    border-radius: var(--iws-system-shape-outline-small);
}

    .accordion .accordion-item {
        display: block;
        position: relative;
        overflow: hidden;
        min-height: var(--iws-component-button-icon-default-height);
    }

        .accordion .accordion-item .header {
            position: relative;
            z-index: 10;
            height: var(--iws-component-button-icon-default-height);
            padding: var(--iws-component-button-base-default-padding-vertical) var(--iws-component-button-base-default-padding-horizontal);
            display: flex;
            justify-content: flex-start;
            align-items: center;
            cursor: pointer;
            background-color: var(--iws-system-color-surface-high);
            border-radius: var(--iws-system-shape-outline-small);
        }

            .accordion .accordion-item .header .title {
                flex: 1;
                font-weight: var(--iws-system-font-body-medium-bold-weight);
            }

            .accordion .accordion-item .header .icon-iws-caret-down {
                transition: transform ease 0.3s;
            }

        .accordion .accordion-item .contents {
            position: relative;
            z-index: 1;
            padding: 0 var(--iws-ref-spacing-400);
            height: 0;
            visibility: hidden;
        }

        .accordion .accordion-item.active {
            display: flex;
            flex-direction: column;
        }

            .accordion .accordion-item.active .header .icon-iws-caret-down {
                transform: rotate(0deg);
            }

            .accordion .accordion-item.active .contents {
                padding: var(--iws-ref-spacing-400);
                height: auto;
                visibility: visible;
            }

button.menu-trigger.color-picker-trigger {
    min-width: auto;
    padding: 0;
    height: var(--iws-component-button-text-default-base-height, var(--iws-component-button-base-default-height, "auto"));
    width: var(--iws-component-button-text-default-base-height, var(--iws-component-button-base-default-height, "auto"));
}

.color-picker-container {
    position: relative;
}

    .color-picker-container .color-picker-current-display {
        display: inline-block;
        height: 100%;
        width: 100%;
        border-radius: var(--iws-system-shape-outline-small);
        border: 1px solid var(--iws-system-color-surface-low);
        background: repeating-conic-gradient(#808080 0% 25%, transparent 0% 50%) 50%/15px 15px;
    }

    .color-picker-container .color-picker-current-value {
        display: inline-block;
        width: 100%;
        height: 100%;
    }

    .color-picker-container .color-picker {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 16px;
        grid-template-rows: 1fr 16px;
        grid-gap: var(--iws-ref-spacing-200);
        grid-template-areas: "saturation alpha" "hue x";
        /*    background-color: var(--iws-system-color-surface-high);*/
        padding: var(--iws-ref-spacing-200);
        border-radius: var(--iws-system-shape-outline-medium);
    }

    .color-picker-container .color-picker-saturation {
        grid-area: saturation;
        width: 100%;
        aspect-ratio: 4/3;
        min-height: 100px;
        background-image: linear-gradient(transparent, black), linear-gradient(to right, white, transparent);
        border-radius: var(--iws-system-shape-outline-medium);
        border: 2px solid var(--iws-ref-color-palette-black);
        position: relative;
        cursor: crosshair;
    }

        .color-picker-container .color-picker-saturation .indicator {
            width: 15px;
            height: 15px;
            border: 2px solid #ffffff;
            border-radius: var(--iws-system-shape-outline-full);
            transform: translate(-7.5px, -7.5px);
            position: absolute;
            top: 2px;
        }

    .color-picker-container .color-picker-hue {
        grid-area: hue;
        background-image: linear-gradient(to right, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000);
        border: 2px solid var(--iws-ref-color-palette-black);
        border-radius: var(--iws-system-shape-outline-medium);
        position: relative;
        cursor: crosshair;
    }

        .color-picker-container .color-picker-hue .indicator {
            transform: translate(-7.5px, -2px);
        }

    .color-picker-container .color-picker-alpha {
        grid-area: alpha;
        position: relative;
        /*    background-image: linear-gradient(to bottom, white, transparent);*/
        background: repeating-conic-gradient(#808080 0% 25%, transparent 0% 50%) 50%/15px 15px;
        border: 2px solid var(--iws-ref-color-palette-black);
        border-radius: var(--iws-system-shape-outline-medium);
        cursor: crosshair;
    }

        .color-picker-container .color-picker-alpha .color-picker-alpha-gradient {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            background-image: linear-gradient(to bottom, white, transparent);
            z-index: 1;
            border-radius: var(--iws-system-shape-outline-medium);
        }

        .color-picker-container .color-picker-alpha .indicator {
            transform: translate(-2px, -7.5px);
        }

        .color-picker-container .color-picker-hue .indicator,
        .color-picker-container .color-picker-alpha .indicator {
            width: 16px;
            height: 16px;
            background-color: #000;
            border: 2px solid #ffffff;
            border-radius: 50%;
            position: absolute;
            z-index: 2;
        }

.rail {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: stretch;
    background: var(--iws-system-color-surface-bright);
    padding: var(--iws-ref-spacing-200);
    width: 80px;
    border-right: 1px solid var(--iws-system-color-outline-faint);
}

    .rail.transparent {
        background: none;
    }

    .rail > * {
        margin-top: var(--iws-ref-spacing-200);
    }

    .rail > .iws-button, .rail > .iws-icon-button, .rail > button {
        flex-direction: column;
        height: 64px;
        width: 64px;
        min-width: unset;
        border-radius: var(--iws-system-shape-outline-medium);
        color: var(--iws-system-color-on-surface);
    }

        .rail > .iws-button > .icon, .rail > .iws-icon-button > .icon, .rail > button > .icon {
            width: var(--iws-component-button-icon-large-default-icon-width);
            height: var(--iws-component-button-icon-large-default-icon-height);
            margin-right: 0;
        }

        .rail > .iws-button > .icon-svg, .rail > .iws-icon-button > .icon-svg, .rail > button > .icon-svg {
            filter: var(--iws-icon-on-surface-filter);
        }

        .rail > .iws-button > .button-label, .rail > .iws-icon-button > .button-label, .rail > button > .button-label {
            font-size: var(--iws-ref-font-size-100);
        }

    .rail.dense {
        width: 64px;
    }

        .rail.dense > * {
            margin-top: var(--iws-ref-spacing-100);
        }

        .rail.dense > .iws-button, .rail.dense > .iws-icon-button, .rail.dense > button {
            flex-direction: column;
            height: 48px;
            width: 48px;
        }

            .rail.dense > .iws-button > .icon, .rail.dense > .iws-icon-button > .icon, .rail.dense > button > .icon {
                width: var(--iws-component-button-icon-default-icon-width);
                height: var(--iws-component-button-icon-default-icon-height);
            }

.snackbar {
    position: absolute;
    bottom: 1em;
    width: 100%;
    display: flex;
    justify-content: center;
    z-index: 9999;
}

    .snackbar .toast,
    .snackbar .message {
        width: 300px;
    }

.mil-2525-filled.hostile,
.mil-2525-filled.suspect,
.mil-2525-filled.joker,
.mil-2525-filled.faker {
    background-color: rgb(255, 48, 49);
}

    .mil-2525-filled.hostile.dark,
    .mil-2525-filled.suspect.dark,
    .mil-2525-filled.joker.dark,
    .mil-2525-filled.faker.dark {
        background-color: rgb(200, 0, 0);
    }

    .mil-2525-filled.hostile.light,
    .mil-2525-filled.suspect.light,
    .mil-2525-filled.joker.light,
    .mil-2525-filled.faker.light {
        background-color: rgb(255, 128, 128);
    }

.mil-2525-filled.friend,
.mil-2525-filled.assumed-friend {
    background-color: rgb(0, 168, 220);
}

    .mil-2525-filled.friend.dark,
    .mil-2525-filled.assumed-friend.dark {
        background-color: rgb(0, 107, 140);
    }

    .mil-2525-filled.friend.light,
    .mil-2525-filled.assumed-friend.light {
        background-color: rgb(128, 224, 255);
    }

.mil-2525-filled.neutral {
    background-color: rgb(0, 226, 0);
}

    .mil-2525-filled.neutral.dark {
        background-color: rgb(0, 160, 0);
    }

    .mil-2525-filled.neutral.light {
        background-color: rgb(170, 255, 170);
    }

.mil-2525-filled.unknown,
.mil-2525-filled.pending {
    background-color: rgb(255, 255, 0);
}

    .mil-2525-filled.unknown.dark,
    .mil-2525-filled.pending.dark {
        background-color: rgb(225, 220, 0);
    }

    .mil-2525-filled.unknown.light,
    .mil-2525-filled.pending.light {
        background-color: rgb(255, 255, 128);
    }

.mil-2525-filled.civilian {
    background-color: rgb(128, 0, 128);
}

    .mil-2525-filled.civilian.dark {
        background-color: rgb(80, 0, 80);
    }

    .mil-2525-filled.civilian.light {
        background-color: rgb(255, 161, 255);
    }

.mil-2525-unfilled.hostile,
.mil-2525-unfilled.suspect,
.mil-2525-unfilled.joker,
.mil-2525-unfilled.faker {
    border-color: rgb(255, 0, 0);
}

.mil-2525-unfilled.friend,
.mil-2525-unfilled.assumed-friend {
    border-color: rgb(0, 255, 255);
}

.mil-2525-unfilled.neutral {
    border-color: rgb(0, 255, 0);
}

.mil-2525-unfilled.unknown,
.mil-2525-unfilled.pending {
    border-color: rgb(255, 255, 0);
}

.mil-2525-unfilled.civilian {
    border-color: rgb(255, 0, 255);
}