#vivavis-seminar-preview-notice {
    position: fixed;
    bottom: 12px;
    left: 12px;
    z-index: 9999;
    display: flex;
    align-items: center;
    gap: 8px;
    box-sizing: border-box;
    max-width: calc(100vw - 24px);
    padding: 4px 4px 4px 12px;
    border: 1px solid #dce2df;
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 2px 8px rgb(0 0 0 / 8%);
    color: #3f4944;
    font: 12px/1.5 Arial, sans-serif;
    text-align: left;
}

#vivavis-seminar-preview-notice .vivavis-seminar-preview-dot {
    flex: 0 0 7px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #258343;
}

#vivavis-seminar-preview-notice button {
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #edf1ee;
    color: #47554d;
    font: inherit;
    cursor: pointer;
}

#vivavis-seminar-preview-notice button:hover {
    background: #e1e7e3;
    color: #18281e;
}

#vivavis-seminar-preview-notice button:focus-visible {
    outline: 2px solid #258343;
    outline-offset: 3px;
}

#vivavis-seminar-preview-notice .vivavis-seminar-preview-stop-icon {
    width: 9px;
    height: 9px;
    border-radius: 1px;
    background: currentColor;
}