/* Theme file BOSUI component/island */

.BOSUI_ISLAND__CTN {
    border-radius: var(--bosui-theme-border-radius-3);
    box-shadow: var(--bosui-theme-box-shadow-1);
}
.BOSUI_ISLAND.BOSUI_ISLAND_HEADER .BOSUI_ISLAND__CTN {
    background-color: var(--ita-colors-neutral-300);
}
.BOSUI_ISLAND:not(.BOSUI_ISLAND_HEADER) .BOSUI_ISLAND__CTN {
    background-color: var(--ita-colors-neutral-200);
}
.BOSUI_ISLAND__CTN__HEADER__TITLE {
    font-weight: 600;
    font-size: var(--ita-fontSizes-5);
    color: var(--ita-colors-neutral-800);
    scroll-margin-top: 1em;
}
@media screen and (width < 1440px) {
    .BOSUI_ISLAND__CTN__HEADER__TITLE {
        scroll-margin-top: 100px;
    }
}
.BOSUI_ISLAND__CTN__HEADER__TITLE a {
    color: currentColor;
    font-size: var(--ita-fontSizes-5);
}
.BOSUI_ISLAND .BOSUI_ISLAND__CTN__CONTENT {
    border-radius: var(--bosui-theme-border-radius-3);
}
.BOSUI_ISLAND.BOSUI_ISLAND_HEADER .BOSUI_ISLAND__CTN__CONTENT {
    background-color: var(--ita-colors-neutral-200);
    border-radius: var(--bosui-theme-border-radius-3);
    /* border-color: var(--ita-colors-neutral-400);     */
}

.BOSUI_ISLAND__CTN__CONTENT > *:first-child {
    margin-top: 0;
}
.BOSUI_ISLAND__CTN__CONTENT > *:last-child:not(dialog) {
    margin-bottom: 0;
}

/* 'invert' theme */
.BOSUI_ISLAND.BOSUI_ISLAND_HEADER.BOSUI_ISLAND_THEME_invert .BOSUI_ISLAND__CTN {
    background-color: var(--ita-colors-neutral-800);
}
.BOSUI_ISLAND.BOSUI_ISLAND_HEADER.BOSUI_ISLAND_THEME_invert .BOSUI_ISLAND__CTN__HEADER__TITLE {
    color: var(--ita-colors-neutral-400);
}

/* 'primary' theme */
.BOSUI_ISLAND.BOSUI_ISLAND_HEADER.BOSUI_ISLAND_THEME_primary .BOSUI_ISLAND__CTN {
    background-color: var(--ita-colors-primary-600);
}
.BOSUI_ISLAND.BOSUI_ISLAND_HEADER.BOSUI_ISLAND_THEME_primary .BOSUI_ISLAND__CTN__HEADER__TITLE {
    color: var(--ita-colors-primary-100);
}

/* 'success' theme */
.BOSUI_ISLAND.BOSUI_ISLAND_HEADER.BOSUI_ISLAND_THEME_success .BOSUI_ISLAND__CTN {
    background-color: var(--ita-colors-success-600);
}
.BOSUI_ISLAND.BOSUI_ISLAND_HEADER.BOSUI_ISLAND_THEME_success .BOSUI_ISLAND__CTN__HEADER__TITLE {
    color: var(--ita-colors-success-100);
}

/* 'primary-light' theme */
.BOSUI_ISLAND.BOSUI_ISLAND_HEADER.BOSUI_ISLAND_THEME_primary-light .BOSUI_ISLAND__CTN {
    background-color: var(--ita-colors-primary-200);
}
.BOSUI_ISLAND.BOSUI_ISLAND_HEADER.BOSUI_ISLAND_THEME_primary-light .BOSUI_ISLAND__CTN__HEADER__TITLE {
    color: var(--ita-colors-primary-800);
}

/* 'success-light' theme */
.BOSUI_ISLAND.BOSUI_ISLAND_HEADER.BOSUI_ISLAND_THEME_success-light .BOSUI_ISLAND__CTN {
    background-color: var(--ita-colors-success-200);
}
.BOSUI_ISLAND.BOSUI_ISLAND_HEADER.BOSUI_ISLAND_THEME_success-light .BOSUI_ISLAND__CTN__HEADER__TITLE {
    color: var(--ita-colors-success-800);
}

/* 'success' theme no header */
.BOSUI_ISLAND:not(.BOSUI_ISLAND_HEADER).BOSUI_ISLAND_THEME_success .BOSUI_ISLAND__CTN {
    background-color: var(--ita-colors-success-100);
    border-color: var(--ita-colors-success-500);
    color: var(--ita-colors-success-900);
    box-shadow: 0px 0px 14px 0px var(--ita-colors-success-300);
}

/* 'warning' theme */
.BOSUI_ISLAND.BOSUI_ISLAND_HEADER.BOSUI_ISLAND_THEME_warning .BOSUI_ISLAND__CTN {
    background-color: var(--ita-colors-warning-500);
}
.BOSUI_ISLAND.BOSUI_ISLAND_HEADER.BOSUI_ISLAND_THEME_warning .BOSUI_ISLAND__CTN__HEADER__TITLE {
    color: var(--ita-colors-warning-900);
}

/* 'warning-light' theme */
.BOSUI_ISLAND.BOSUI_ISLAND_HEADER.BOSUI_ISLAND_THEME_warning-light .BOSUI_ISLAND__CTN {
    background-color: var(--ita-colors-warning-200);
}
.BOSUI_ISLAND.BOSUI_ISLAND_HEADER.BOSUI_ISLAND_THEME_warning-light .BOSUI_ISLAND__CTN__HEADER__TITLE {
    color: var(--ita-colors-warning-800);
}

/* 'warning' theme no header */
.BOSUI_ISLAND:not(.BOSUI_ISLAND_HEADER).BOSUI_ISLAND_THEME_warning .BOSUI_ISLAND__CTN {
    background-color: var(--ita-colors-warning-100);
    border-color: var(--ita-colors-warning-500);
    color: var(--ita-colors-warning-900);
    box-shadow: 0px 0px 14px 0px var(--ita-colors-warning-300);
}

/* 'danger' theme */
.BOSUI_ISLAND.BOSUI_ISLAND_HEADER.BOSUI_ISLAND_THEME_danger .BOSUI_ISLAND__CTN {
    background-color: var(--ita-colors-danger-500);
}
.BOSUI_ISLAND.BOSUI_ISLAND_HEADER.BOSUI_ISLAND_THEME_danger .BOSUI_ISLAND__CTN__HEADER__TITLE {
    color: var(--ita-colors-danger-100);
}

/* 'danger-light' theme */
.BOSUI_ISLAND.BOSUI_ISLAND_HEADER.BOSUI_ISLAND_THEME_danger-light .BOSUI_ISLAND__CTN {
    background-color: var(--ita-colors-danger-200);
}
.BOSUI_ISLAND.BOSUI_ISLAND_HEADER.BOSUI_ISLAND_THEME_danger-light .BOSUI_ISLAND__CTN__HEADER__TITLE {
    color: var(--ita-colors-danger-800);
}

/* 'danger' theme no header */
.BOSUI_ISLAND:not(.BOSUI_ISLAND_HEADER).BOSUI_ISLAND_THEME_danger .BOSUI_ISLAND__CTN {
    background-color: var(--ita-colors-danger-100);
    border-color: var(--ita-colors-danger-500);
    color: var(--ita-colors-danger-900);
    box-shadow: 0px 0px 14px 0px var(--ita-colors-danger-300);
}