.intro-dialog {
    position: relative;

    width: 500px;

    font-size: 13px;
    line-height: 1.5;
}

.intro-dialog__close {
    position: absolute;
    top: 0;
    right: 0;
}

.intro-dialog .slide-body {
    min-height: 60px;
    margin: 24px;

    text-align: center;
}

.intro-dialog .slide-body a,
.intro-dialog .slide-body a:visited,
.intro-dialog .slide-body a:hover,
.intro-dialog .slide-body a:active {
    color: #2fa4ff;
}

.intro-dialog .slider-action {
    margin: 24px;

    text-align: center;
}

.intro-dialog .slider-navigation {
    margin: 24px;
}

.intro-dialog .slide-header {
    height: 215px;

    background-color: #000;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

.intro-dialog__portal-intro .slide__1 .slide-header {
    height: 217px;

    background-image: url('../../../static/i/intro.portal-1.svg');
}

.intro-dialog__portal-intro .slide__2 .slide-header {
    height: 217px;

    background-image: url('../../../static/i/intro.portal-2.svg');
}

.intro-dialog__portal-intro .slide__3 .slide-header {
    height: 217px;

    background-image: url('../../../static/i/intro.portal-3.svg');
}

.intro-dialog__portal-intro .slide__4 .slide-header {
    height: 217px;

    background-image: url('../../../static/i/intro.portal-4.svg');
}

.intro-dialog__dashboard-intro .slide-body {
    min-height: 56px;
}

.intro-dialog__dashboard-intro .slide__1 .slide-header {
    background-image: url('../../../static/i/intro.dashboard.svg');
}
