@openziti/ziti-browzer-runtime/dist/polipop.compact.min.css

The Ziti JavaScript runtime that is auto-injected into the Page of a Zitified web app

.polipop_theme_compact {
    font-size: 14px
}

.polipop_theme_compact .polipop__closer {
    color: #777;
    font-weight: 600
}

.polipop_theme_compact .polipop__closer:hover {
    color: #555
}

.polipop_theme_compact .polipop__closer-count {
    background: #0ec47d;
    border-radius: 0;
    color: #fff;
    font-weight: 600
}

.polipop_theme_compact .polipop__notification {
    color: #555;
    padding: 0
}

.polipop_theme_compact .polipop__notification-progress {
    background-color: initial
}

.polipop_theme_compact .polipop__notification-icon {
    padding: 6px 5px 5px
}

.polipop_theme_compact .polipop__notification-icon svg {
    fill: #fff
}

.polipop_theme_compact .polipop__notification-inner {
    background: hsla(0,0%,100%,.15);
    padding: 5px 10px
}

.polipop_theme_compact .polipop__notification-close {
    background-color: initial;
    border-radius: 0;
    color: inherit
}

.polipop_theme_compact .polipop__notification-close:hover {
    background: rgba(0,0,0,.05);
    outline: none;
    text-decoration: none
}

.polipop_theme_compact .polipop__notification-content {
    font-weight: 400;
    line-height: 24px
}

.polipop_theme_compact .polipop__notification_type_success {
    background-color: #0ec47d;
    color: #fff
}

.polipop_theme_compact .polipop__notification_type_info,.polipop_theme_compact .polipop__notification_type_notice {
    background-color: #00b1fe;
    color: #fff
}

.polipop_theme_compact .polipop__notification_type_warning {
    background-color: #ffc107;
    color: #555
}

.polipop_theme_compact .polipop__notification_type_warning .polipop__notification-icon svg {
    fill: #555
}

.polipop_theme_compact .polipop__notification_type_error {
    background-color: #f76860;
    color: #fff
}

.polipop_theme_compact .polipop__notification_type_default {
    background-color: #fff;
    color: #555
}

.polipop_theme_compact .polipop__notification_type_default .polipop__notification-icon svg {
    fill: #555
}

.polipop_layout_panel.polipop_theme_compact {
    background-color: #f2f7fa;
    border-radius: 5px;
    box-shadow: 0 1px 2px rgba(0,0,0,.2)
}

.polipop_layout_panel.polipop_theme_compact .polipop__header {
    background-color: #e8e8e8
}

.polipop_layout_panel.polipop_theme_compact .polipop__header-inner {
    background-color: #edf4f9
}

.polipop_layout_panel.polipop_theme_compact .polipop__header-inner:hover .polipop__header-minimize {
    color: #555
}

.polipop_layout_panel.polipop_theme_compact .polipop__header-title {
    color: #777;
    font-size: 15px;
    font-weight: 600
}

.polipop_layout_panel.polipop_theme_compact .polipop__header-count {
    background: #00b1fe;
    border-radius: 3px;
    color: #fff;
    font-weight: 600
}

.polipop_layout_panel.polipop_theme_compact .polipop__header-minimize {
    color: #999
}

.polipop_layout_panel.polipop_theme_compact .polipop__notification {
    box-shadow: 0 1px 2px rgba(0,0,0,.05)
}

.polipop_layout_panel.polipop_theme_compact .polipop__notification_type_success {
    border-color: #0daf71
}

.polipop_layout_panel.polipop_theme_compact .polipop__notification_type_info,.polipop_layout_panel.polipop_theme_compact .polipop__notification_type_notice {
    border-color: #009de0
}

.polipop_layout_panel.polipop_theme_compact .polipop__notification_type_warning {
    border-color: #e0aa07
}

.polipop_layout_panel.polipop_theme_compact .polipop__notification_type_error {
    border-color: #d64f48
}

.polipop_layout_panel.polipop_theme_compact .polipop__notification_type_default {
    border-color: #e8e8e8
}

.polipop_layout_panel.polipop_theme_compact .polipop__notification-title {
    line-height: 22px
}

.polipop_layout_panel.polipop_theme_compact .polipop__closer {
    color: #777;
    font-weight: 600
}

.polipop_layout_panel.polipop_theme_compact .polipop__closer:hover {
    color: #555
}

.polipop_layout_popups.polipop_theme_compact .polipop__notification {
    border-radius: 0;
    box-shadow: 0 1px 2px rgba(0,0,0,.2)
}

.polipop_layout_popups.polipop_theme_compact .polipop__notification-title {
    line-height: 24px;
    margin: 0 0 3px
}

.polipop_layout_popups.polipop_theme_compact .polipop__closer {
    background-color: #333;
    border-color: #222;
    border-radius: 0;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    color: #eee;
    font-weight: 400
}

.polipop_layout_popups.polipop_theme_compact .polipop__closer:hover {
    color: #fff
}