.ark-contextual-help-launcher-wrapper {
    position: fixed;
    top: 56px;
    right: 16px;
    height: 760px;
    min-height: 480px;
    max-height: 100vh;
    width: 448px;
    min-width: 448px;
    max-width: 100vw;
    z-index: 1001;
}

.ark-contextual-help-launcher-drag-handler {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAhSURBVDiNY2AYBdQF/6GAWD4DAwMDEz0dSAcwGgZDFQAAQqEv1XE+yt4AAAAASUVORK5CYII=) no-repeat 50%;
    background-color: #555d65;
    border-style: solid;
    border-color: #000;
    border-width: 1px 1px 0;
    box-sizing: border-box;
    cursor: move;
    position: absolute;
    width: 100%;
    height: 20px;
    top: -20px;
}

.ark-contextual-help-launcher-iframe {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ark-contextual-help-launcher-iframe .ark-contextual-help {
    border: 0
}

.ark-resizable-s-resize {
    position: absolute;
    top: calc(100% - 4px);
    left: 0;
    width: 100%;
    height: 5px;
    cursor: s-resize
}

.ark-resizable-e-resize {
    left: calc(100% - 4px)
}

.ark-resizable-e-resize,
.ark-resizable-w-resize {
    position: absolute;
    top: 0;
    width: 5px;
    height: 100%;
    cursor: e-resize
}

.ark-resizable-w-resize {
    left: -2px
}

.ark-resizable-sw-resize {
    left: -2px;
    cursor: sw-resize
}

.ark-resizable-se-resize,
.ark-resizable-sw-resize {
    position: absolute;
    top: calc(100% - 4px);
    width: 7px;
    height: 7px
}

.ark-resizable-se-resize {
    left: calc(100% - 4px);
    cursor: se-resize
}