.i-notification-block{position:relative;background-color:#fff;padding:1rem;border-radius:var(--base-border-radius)}.i-notification-block.--read{background-color:#fafafa}.i-notification-block.--read .status-indicator{background-color:var(--color-gray-light)}.i-notification-block .wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.i-notification-block .status-indicator{width:10px;height:10px;border-radius:50%;background-color:var(--color-success)}.i-notification-block .date{text-align:right;color:var(--color-gray-light);font-size:.9rem}.i-notification-block .title{font-weight:var(--font-weight-medium);color:var(--color-gray-darker)}.i-notification-block .body{margin-top:.25rem;color:var(--color-gray-light)}.notifications-page .i-notification-block:not(:last-child){margin-bottom:.5rem}