File "admin.css"
Full path: /home/satkhirabarta/public_html/wp-content/plugins/burst-statistics/assets/css/admin.css
File
size: 117.81 B (117.81 KB bytes)
MIME-type: text/plain
Charset: utf-8
Download Open Edit Advanced Editor &nnbsp; Back
@charset "UTF-8";
/**
*
* Prefix everything
* Name descriptively
* Structure radically
*
* CSS Structure
* css/
* ├─ admin/
* │ ├─ base.scss
* │ ├─ layout.scss
* │ ├─ modules/
* │ │ ├─ modal.scss
* │ │ ├─ button.scss
* │ │ ├─ modal.scss
* │ │ ├─ notices.scss
* │ │ ├─ tips-and-tricks.scss
* │ │ ├─ etc.....
* │ ├─ states.scss
* │ ├─ theme.scss
* ├─ admin.scss
* ├─ admin.min.css
* ├─ admin.css
* ├─ variables.scss
*
*/
:root {
--rsp-spacing-xxs: 5px;
--rsp-spacing-xs: 10px;
--rsp-spacing-s: 15px;
--rsp-spacing-m: 20px;
--rsp-spacing-l: 25px;
--rsp-spacing-xl: 30px;
--rsp-grid-margin: var(--rsp-spacing-s);
--rsp-grid-gap: var(--rsp-spacing-m);
--rsp-border-radius: 12px;
--rsp-border-radius-s: 8px;
--rsp-border-radius-xs: 5px;
--rsp-border: 1px solid var(--rsp-border-color);
--rsp-box-shadow: rgba(0, 0, 0, 0.1) 0 4px 6px -1px, rgba(0, 0, 0, 0.06) 0 2px 4px -1px;
--rsp-border-color: #dfdfdf;
--rsp-black: #333;
--rsp-white: #fff;
--rsp-yellow: #f4bf3e;
--rsp-blue: #009fff;
--rsp-dark-blue: #1E73BE;
--rsp-green: #2e8a37;
--rsp-red: #D7263D;
--rsp-pink: #E35899;
--rsp-orange: #f39c12;
--rsp-wp-blue: #007cba;
--rsp-yellow-faded: #fdf4df;
--rsp-blue-faded: #ecf8fe;
--rsp-dark-blue-faded: #ebf2f9;
--rsp-green-faded: #ecf4ed;
--rsp-red-faded: #fbebed;
--rsp-pink-faded: #fceff5;
--rsp-orange-faded: #fef5ea;
--rsp-wp-blue-faded: #c6e0ef;
--rsp-background-block-color: var(--rsp-white);
--rsp-background-color: #f0f0f1;
--rsp-input-background-color: #fff;
--rsp-input-text-color: var(--rsp-text-color);
--rsp-input-border-color: var(--rsp-grey-400);
--rsp-text-color: rgba(26, 26, 26, 0.9);
--rsp-text-color-invert: rgba(255, 255, 255, 0.9);
--rsp-text-color-white: rgba(255, 255, 255, 0.9);
--rsp-text-color-light: rgba(69, 69, 82, 0.9);
--rsp-text-color-hover: var(--rsp-green);
--rsp-grey-100: #fafafa;
--rsp-grey-200: #f7f7f7;
--rsp-grey-300: #ededed;
--rsp-grey-400: #c6c6c6;
--rsp-grey-500: #737373;
--rsp-grey-600: #696969;
--rsp-color-success: var(--rsp-green);
--rsp-color-error: var(--rsp-red);
--rsp-color-warning: var(--rsp-red);
--rsp-color-open: var(--rsp-yellow);
--rsp-fs-100: 0.6875rem;
--rsp-fs-200: 0.75rem;
--rsp-fs-300: 0.8125rem;
--rsp-fs-400: 0.875rem;
--rsp-fs-500: 1rem;
--rsp-fs-600: 1.125rem;
--rsp-fs-700: 1.25rem;
--rsp-fs-800: 1.5rem;
--rsp-fs-900: 3.5rem;
}
@keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.burst {
font-variant-numeric: tabular-nums;
margin: 0;
margin-left: -20px;
font-size: var(--rsp-fs-300);
box-sizing: border-box;
color: var(--rsp-text-color);
font-weight: 400;
line-height: 1.5;
}
@media only screen and (max-width: 768px) {
.burst {
margin-left: -9px;
}
}
.burst *, .burst *:before, .burst *:after {
box-sizing: inherit;
}
.burst body, .burst h1, .burst h2, .burst h3, .burst h4, .burst h5, .burst h6, .burst p, .burst ol, .burst ul {
margin: 0;
padding: 0;
}
.burst img {
max-width: 100%;
height: auto;
}
.burst h1, .burst h2, .burst h3, .burst h4, .burst h5, .burst h6 {
color: var(--rsp-text-color);
line-height: 1.5;
}
.burst .burst-h0 {
font-size: var(--rsp-fs-900);
font-weight: 700;
letter-spacing: 0.025rem;
}
.burst h1, .burst .burst-h1 {
font-size: var(--rsp-fs-800);
line-height: 1.5;
font-weight: 500;
letter-spacing: 0.025rem;
}
.burst h2, .burst .burst-h2 {
font-size: var(--rsp-fs-700);
font-weight: 700;
letter-spacing: 0.025rem;
}
.burst h3, .burst .burst-h3 {
font-size: var(--rsp-fs-600);
font-weight: 600;
letter-spacing: 0.0125rem;
}
.burst h4, .burst .burst-h4 {
font-size: var(--rsp-fs-500);
font-weight: 600;
letter-spacing: 0.0125rem;
}
.burst h5, .burst .burst-h5 {
font-size: var(--rsp-fs-300);
font-weight: 600;
letter-spacing: 0.1px;
}
.burst h6, .burst .burst-h6 {
font-size: var(--rsp-fs-300);
font-weight: 400;
letter-spacing: 0.1px;
}
.burst p {
color: var(--rsp-text-color);
font-weight: 400;
font-size: var(--rsp-fs-300);
line-height: 1.5;
}
.burst .burst-small-text {
font-size: var(--rsp-fs-200);
color: var(--rsp-text-color-light);
font-weight: 500;
line-height: 1.5;
}
.burst a {
font-size: 1em;
}
.burst .burst-notice-hook-element {
display: none !important;
}
.burst .burst-divider {
width: 1px;
height: 1.3rem;
background-color: #cccccc;
}
.error:not(.really-simple-plugins), .notice:not(.really-simple-plugins), .update-nag:not(.really-simple-plugins), .notice-info:not(.really-simple-plugins) {
display: none !important;
}
.error.really-simple-plugins, .notice.really-simple-plugins, .update-nag.really-simple-plugins, .notice-info.really-simple-plugins {
margin: var(--rsp-grid-gap);
}
/* Grid */
.burst .burst-header, .burst .burst-content-area {
max-width: clamp(300px, 100% - var(--rsp-grid-gap) * 2, 1600px);
margin: 0 auto;
}
@media (max-width: 1599px) {
.burst .burst-header, .burst .burst-content-area {
--rsp-grid-gap: var(--rsp-spacing-m);
}
}
@media (max-width: 1440px) {
.burst .burst-header, .burst .burst-content-area {
--rsp-grid-gap: var(--rsp-spacing-s);
}
}
@media (max-width: 1366px) {
.burst .burst-header, .burst .burst-content-area {
--rsp-grid-gap: var(--rsp-spacing-xs);
}
}
.burst .burst-header-container .burst-header {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
height: 70px;
box-sizing: border-box;
background-color: var(--rsp-background-block-color);
}
@media (max-width: 1080px) {
.burst .burst-header-container .burst-header {
height: 100%;
}
}
@media (max-width: 576px) {
.burst .burst-logo {
display: none;
}
}
.burst .burst-header-left {
display: flex;
font-size: var(--rsp-fs-400);
}
@media (max-width: 1080px) {
.burst .burst-header-left {
justify-content: center;
margin: var(--rsp-spacing-xs) 0;
order: 3;
width: 100%;
background-color: var(--rsp-background-block-color);
}
}
.burst .burst-header-left .burst-header-menu {
margin: auto 15px;
}
.burst .burst-header-left .burst-header-menu ul {
display: flex;
}
.burst .burst-header-left .burst-header-menu li {
margin-bottom: 0;
}
.burst .burst-header-left .burst-header-menu a {
padding: 23px 15px;
text-decoration: none;
color: var(--rsp-text-color);
height: 100%;
border-bottom: 4px solid transparent;
transition: border 0.3s ease-out;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
@media (max-width: 1080px) {
.burst .burst-header-left .burst-header-menu a {
padding: 10px 15px;
}
}
.burst .burst-header-left .burst-header-menu a:focus {
outline: none;
box-shadow: none;
}
.burst .burst-header-left .burst-header-menu a.active {
border-bottom: 4px solid var(--rsp-brand-primary);
}
.burst .burst-header-left .burst-header-menu a:hover {
color: var(--rsp-brand-primary);
}
.burst .burst-header-right {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-left: auto;
gap: var(--rsp-spacing-s);
min-height: 52px;
}
.burst .burst-header-right select {
max-width: 60ch;
}
@media (max-width: 576px) {
.burst .burst-header-right {
display: none;
}
}
@media (max-width: 768px) {
.burst .burst-header-right .button {
display: none;
}
}
.burst .burst-content-area {
margin-top: var(--rsp-grid-gap);
}
.burst .burst-header-container {
background: var(--rsp-background-block-color);
}
.burst .burst-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-auto-rows: max-content;
gap: var(--rsp-grid-gap);
min-height: calc(100vh - 32px - 80px - 20px - var(--rsp-grid-gap));
}
.burst .burst-grid.burst-settings {
grid-template-columns: 350px 1fr 1fr 1fr;
}
@media only screen and (max-width: 1280px) {
.burst .burst-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (max-width: 1080px) {
.burst .burst-grid {
max-width: 790px;
width: calc(100% - var(--rsp-grid-gap) * 2);
}
}
.burst .burst-grid-title {
display: flex;
align-items: center;
gap: var(--rsp-spacing-s);
}
.burst .burst-grid-item {
background: var(--rsp-background-block-color);
box-shadow: var(--rsp-box-shadow);
border-radius: var(--rsp-border-radius);
transition: all 1s ease;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
flex-direction: column;
flex-basis: 100%;
grid-column: span 1;
grid-row: span 1;
overflow: auto;
}
@media (max-width: 1080px) {
.burst .burst-grid-item {
grid-column: span 4;
}
}
.burst .burst-grid-item.burst-disabled {
min-height: 200px;
}
.burst .burst-grid-item.no-background {
background: none;
border: none;
box-shadow: none;
}
.burst .burst-grid-item.burst-column-2 {
grid-column: span 2;
}
@media (max-width: 1280px) {
.burst .burst-grid-item.burst-column-2 {
grid-column: span 4;
}
}
.burst .burst-grid-item.burst-row-2 {
grid-row: span 2;
min-height: 400px;
}
.burst .burst-grid-item-header {
width: 100%;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: space-between;
min-height: calc(40px + var(--rsp-spacing-s) * 2);
padding-inline: var(--rsp-spacing-l);
}
@media screen and (max-width: 1280px) {
.burst .burst-grid-item-header {
padding-inline: var(--rsp-spacing-s);
}
}
.burst .burst-grid-item-header:empty {
display: none;
}
.burst .burst-grid-item-title {
margin: 4px 0 4px 0;
}
.burst .burst-grid-item-controls {
font-size: var(--rsp-fs-200);
display: flex;
align-items: center;
gap: var(--rsp-spacing-s);
}
.burst .burst-grid-item-content {
width: 100%;
box-sizing: border-box;
padding-inline: var(--rsp-spacing-l);
flex-grow: 100;
}
@media screen and (max-width: 1280px) {
.burst .burst-grid-item-content {
padding-inline: var(--rsp-spacing-s);
}
}
.burst .burst-grid-item-content:empty {
display: none;
}
.burst .burst-grid-item-footer {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: var(--rsp-grid-margin);
width: 100%;
min-height: calc(30px + var(--rsp-spacing-s) * 2);
box-sizing: border-box;
padding-inline: var(--rsp-spacing-l);
align-self: flex-end;
}
@media screen and (max-width: 1280px) {
.burst .burst-grid-item-footer {
padding-inline: var(--rsp-spacing-s);
}
}
.burst .burst-grid-item-footer .burst-legend {
display: flex;
}
.burst .burst-grid-item-footer .burst-legend span {
padding-left: 5px;
}
.burst .burst-grid-item-footer:empty {
display: none;
}
.burst .burst-grid-item .burst-flex-push-right {
margin-left: auto;
}
.burst .burst-grid-item .burst-flex-push-left {
margin-right: auto;
}
.burst-modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: grey;
opacity: 0.45;
width: 100%;
height: 100%;
z-index: 4;
}
.burst-modal {
max-width: 526px;
min-width: 200px;
position: fixed;
z-index: 5;
border-radius: var(--rsp-border-radius-s);
background-color: var(--rsp-white);
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: 25px;
box-shadow: hsla(206, 22%, 7%, 0.35) 0px 10px 38px -10px, hsla(206, 22%, 7%, 0.2) 0px 10px 20px -15px;
}
.burst-modal .burst-modal-header {
padding: var(--rsp-spacing-s) var(--rsp-spacing-m);
display: flex;
justify-content: space-between;
align-items: center;
}
.burst-modal .burst-modal-header h2 {
font-size: var(--rsp-fs-600);
margin: 0;
}
.burst-modal .burst-modal-header .burst-modal-close {
cursor: pointer;
background: none;
border: none;
font-size: 1.5em;
font-weight: 700;
}
.burst-modal .burst-modal-header button img {
height: 16px;
width: 16px;
}
.burst-modal .burst-modal-content {
position: relative;
padding: var(--rsp-spacing-s) var(--rsp-spacing-m);
}
.burst-modal .burst-modal-content .burst-modal-subtitle {
font-weight: 600;
font-size: var(--rsp-fs-500);
margin-bottom: 10px;
}
.burst-modal .burst-modal-content .burst-modal-description {
overflow-wrap: anywhere;
margin-top: 0;
font-weight: 500;
}
.burst-modal .burst-modal-footer {
display: flex;
flex-direction: row;
padding: var(--rsp-spacing-s) var(--rsp-spacing-m);
gap: 10px;
justify-content: flex-end;
}
.burst-modal .burst-modal-footer .button {
display: flex;
align-items: center;
justify-content: center;
height: 45px;
width: 100%;
text-align: center;
border-radius: 6px;
}
.burst-modal .burst-modal-footer .burst-button-help {
background-color: #D7263D;
color: white;
border-color: #D7263D;
}
.burst-modal .burst-modal-footer .burst-button-help:hover {
opacity: 0.9;
}
.burst-header-container .burst-header {
display: flex;
justify-content: space-between;
height: 70px;
box-sizing: border-box;
background-color: #fff;
}
.burst-header-container .burst-header img {
margin: auto 0;
height: 26px;
}
.burst-header-container .burst-header .burst-header-menu {
display: flex;
align-items: center;
height: 100%;
padding: 0 20px;
box-sizing: border-box;
}
.burst-header-container .burst-header .burst-header-menu .burst-header-menu-item {
display: flex;
align-items: center;
height: 100%;
padding: 0 20px;
box-sizing: border-box;
}
.burst-header-container .burst-header .burst-header-menu .burst-header-menu-item:first-child {
margin-left: 0;
}
.burst-header-container .burst-header .burst-header-menu .burst-header-menu-item:last-child {
margin-right: 0;
}
.burst-header-container .burst-header .burst-header-menu .burst-header-menu-item.burst-header-menu-item-active {
background-color: #f5f5f5;
}
.burst-header-container .burst-header .burst-header-actions {
display: flex;
align-items: center;
margin-left: auto;
gap: var(--rsp-spacing-s);
}
.burst-header-container .burst-header .burst-header-actions select {
max-width: 60ch;
}
.burst.burst-dashboard-widget {
margin-left: 0;
}
#dashboard_widget_burst .inside {
padding: 0;
margin: 0;
}
.burst-dashboard-widget__content {
display: flex;
flex-wrap: wrap;
}
.burst-dashboard-widget__footer {
display: flex;
gap: var(--rsp-spacing-xxs);
padding: var(--rsp-spacing-xs);
font-size: var(--rsp-fs-300);
}
.burst-dashboard-widget .burst-dashboard-widget__selected-date {
margin-left: auto;
font-size: var(--rsp-fs-300);
}
.burst-dashboard-widget .burst-kpi-result {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: var(--rsp-spacing-xxs);
}
.burst-dashboard-widget .burst-kpi {
background-color: var(--rsp-dark-blue-faded);
padding: var(--rsp-spacing-m);
width: 50%;
}
.burst-dashboard-widget .block__explanation-and-stats {
width: 100%;
padding: var(--rsp-spacing-xs);
grid-template-columns: 1fr 1fr;
}
.burst-dashboard-widget .block__explanation-and-stats .uplift {
margin-right: 0;
}
.burst-grid h4 {
display: inline-block;
}
.burst-grid p {
color: var(--rsp-text-color-light);
}
.burst-grid .block p {
font-size: var(--rsp-fs-300);
}
.burst-grid .block__big-number {
justify-content: space-between;
background: var(--rsp-green-faded);
padding: var(--rsp-spacing-xl) var(--rsp-spacing-l);
flex-wrap: wrap-reverse;
}
.burst-grid .block__big-number .h0 {
line-height: 1;
}
.burst-grid .block__big-number__right {
text-align: right;
flex: auto;
}
.burst-grid .block__big-number h5, .burst-grid .block__big-number p {
line-height: 2;
}
.burst-grid .block__explanation-and-stats {
margin: var(--rsp-spacing-l) auto;
}
.burst-grid .border-to-border .burst-grid-item-content {
padding: 0;
}
.burst-grid .border-to-border .burst-grid-item-content > * {
padding-inline: var(--rsp-spacing-l);
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.burst-grid .border-to-border.datatable .burst-grid-item-content > *, .burst-grid .border-to-border.burst-today .burst-grid-item-content > *, .burst-grid .border-to-border.burst-goals .burst-grid-item-content > * {
padding-left: 0;
padding-right: 0;
}
.burst-grid .burst-grid-footer:empty {
display: none;
}
.burst .burst-grid-item-controls .burst-filter-button {
all: unset;
background-color: transparent;
border: none;
position: relative;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
width: 45px;
height: 45px;
aspect-ratio: 1/1;
transition: background-color 0.2s ease-in-out;
cursor: pointer;
background: var(--rsp-grey-200);
}
.burst .burst-grid-item-controls .burst-filter-button:hover, .burst .burst-grid-item-controls .burst-filter-button.active, .burst .burst-grid-item-controls .burst-filter-button:focus {
background: var(--rsp-grey-300);
}
.burst .burst-real-time .block__explanation-and-stats {
margin: var(--rsp-spacing-m) auto;
}
.burst .burst-today-select, .burst .burst-goals-select {
padding-inline: var(--rsp-spacing-l);
padding-block: var(--rsp-spacing-m);
display: grid;
width: 100%;
grid-template-columns: 1fr 1fr;
gap: var(--rsp-spacing-s);
}
.burst .burst-today-select-item, .burst .burst-goals-select-item {
border-radius: var(--rsp-border-radius-xs);
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
padding-block: var(--rsp-spacing-s);
justify-items: center;
flex-wrap: wrap;
background: var(--rsp-white);
}
.burst .burst-today-select-item.active, .burst .burst-goals-select-item.active {
box-shadow: inset 0 0 3px 2px var(--rsp-green-faded);
border: 2px solid var(--rsp-green);
}
.burst .burst-today-select-item h2, .burst .burst-goals-select-item h2 {
margin-top: var(--rsp-spacing-xxs);
font-weight: 800;
}
.burst .burst-today-select-item span, .burst .burst-goals-select-item span {
display: flex;
gap: 3px;
justify-content: center;
font-size: var(--rsp-fs-100);
}
.burst .burst-today-select-item span .burst-icon-live, .burst .burst-goals-select-item span .burst-icon-live {
animation-name: pulse;
animation-duration: 1.5s;
animation-timing-function: ease-in;
animation-direction: alternate;
animation-iteration-count: infinite;
animation-play-state: running;
}
@keyframes pulse {
0% {
transform: scale(0.9);
opacity: 0.2;
}
100% {
transform: scale(1);
opacity: 1;
}
}
.burst .burst-today-list, .burst .burst-goals-list {
width: 100%;
}
.burst .burst-today-list-item, .burst .burst-goals-list-item {
width: 100%;
display: grid;
justify-items: flex-start;
grid-template-columns: auto 1fr auto;
gap: var(--rsp-spacing-s);
padding-block: var(--rsp-spacing-xs);
padding-inline: var(--rsp-spacing-l);
}
.burst .burst-today-list-item:nth-of-type(even), .burst .burst-goals-list-item:nth-of-type(even) {
background: var(--rsp-grey-200);
}
.burst .burst-today-list-item-text, .burst .burst-goals-list-item-text {
width: 100%;
margin-right: auto;
}
.burst .burst-today-list-item-number, .burst .burst-goals-list-item-number {
font-weight: 600;
}
.burst .burst-today-controls-flex, .burst .burst-goals-controls-flex {
display: flex;
align-items: center;
gap: var(--rsp-spacing-xs);
}
.burst .burst-today-controls-flex .burst-divider, .burst .burst-goals-controls-flex .burst-divider {
width: 1px;
height: 80%;
background: var(--rsp-grey-500);
}
.burst .burst-today-select {
background: var(--rsp-green-faded);
}
.burst .burst-grid-item.burst-goals {
position: relative;
}
.burst .burst-grid-item.burst-goals .burst-goals-select {
background: var(--rsp-yellow-faded);
}
.burst .burst-grid-item.burst-goals .information-overlay {
background: rgba(47, 47, 47, 0.15);
overflow: hidden;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
display: flex;
justify-content: flex-end;
align-items: flex-start;
flex-direction: column;
border-radius: var(--rsp-border-radius);
}
.burst .burst-grid-item.burst-goals .information-overlay-container {
display: flex;
flex-wrap: wrap;
align-items: center;
background: var(--rsp-white);
box-shadow: var(--rsp-box-shadow);
padding: var(--rsp-spacing-s);
padding-left: var(--rsp-spacing-m);
padding-right: var(--rsp-spacing-m);
border-radius: var(--rsp-border-radius-xs);
margin: var(--rsp-spacing-s) 40px;
/* animation */
transform: scale(0);
animation: scale-in 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.3s forwards;
}
@keyframes scale-in {
from {
transform: scale(0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
to {
transform: scale(1);
animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
}
.burst .burst-grid-item.burst-goals .information-overlay-container h4 {
margin-bottom: var(--rsp-spacing-xs);
}
.burst .burst-grid-item.burst-goals .information-overlay-container p {
margin-bottom: var(--rsp-spacing-s);
}
.burst .uplift {
font-weight: 500;
}
.burst .uplift.positive {
color: var(--rsp-color-success);
}
.burst .uplift.negative {
color: var(--rsp-color-error);
}
.burst .block__explanation-and-stats {
display: grid;
grid-auto-columns: 16px 4fr 1fr;
gap: var(--rsp-spacing-xs);
grid-auto-flow: column;
}
.burst .block__explanation-and-stats__right {
text-align: right;
}
.burst .block__explanation-and-stats .uplift {
margin-right: 3px;
}
.burst .block__explanation-and-stats .burst-h5 {
font-weight: 500;
}
.burst .block__explanation-and-stats p {
font-size: var(--rsp-fs-200);
}
.burst .block__explanation-and-stats .burst-icon {
align-items: flex-start;
margin-top: 3px;
}
.burst .burst-statistics-container {
height: 360px;
margin-bottom: var(--rsp-spacing-m);
}
.burst .burst-filter-dropdown-content-body-item {
margin-bottom: var(--rsp-spacing-xxs);
}
.burst .burst-data-filters {
display: flex;
grid-column: span 4;
}
.burst .burst-data-filters .burst-date-range-container {
margin-left: auto;
}
/* Global Variables */
:root {
--button-font-size: var(--rsp-fs-300);
--button-font-weight: 400;
--button-line-height: 2;
--button-letter-spacing: 0.5px;
--button-transition: all 0.3s ease;
--button-min-height: 30px;
--button-padding: 0 10px;
--button-border-radius: 4px;
--button-accent-color: #2271b1;
--button-contrast-color: #000;
--button-secondary-bg: #fff;
}
/* Button Base Styles */
a.burst-button, button.burst-button, input.burst-button {
font-size: var(--button-font-size);
font-weight: var(--button-font-weight);
line-height: var(--button-line-height);
letter-spacing: var(--button-letter-spacing);
transition: var(--button-transition);
min-height: var(--button-min-height);
margin: 0;
padding: var(--button-padding);
border-radius: var(--button-border-radius);
text-align: center;
cursor: pointer;
text-decoration: none;
}
a.burst-button--primary, button.burst-button--primary, input.burst-button--primary {
background: var(--button-accent-color);
color: var(--button-secondary-bg);
border: 1px solid var(--button-accent-color);
}
a.burst-button--primary:hover, button.burst-button--primary:hover, input.burst-button--primary:hover {
background: var(--button-accent-color);
color: var(--button-secondary-bg);
border-color: var(--button-accent-color);
box-shadow: 0 0 0 3px rgba(34, 113, 177, 0.3);
}
a.burst-button--secondary, button.burst-button--secondary, input.burst-button--secondary {
background: var(--rsp-grey-100);
color: var(--rsp-text-color-light);
border: 1px solid var(--rsp-grey-400);
}
a.burst-button--secondary:hover, button.burst-button--secondary:hover, input.burst-button--secondary:hover {
background: var(--rsp-grey-200);
color: var(--rsp-text-color);
border-color: var(--rsp-grey-400);
box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
}
a.burst-button--tertiary, button.burst-button--tertiary, input.burst-button--tertiary {
background: var(--rsp-red);
color: var(--rsp-text-color-white);
border: 1px solid var(--rsp-red);
}
a.burst-button--tertiary:hover, button.burst-button--tertiary:hover, input.burst-button--tertiary:hover {
background: var(--rsp-red-faded);
color: var(--rsp-red);
border-color: var(--rsp-red);
box-shadow: 0 0 0 3px rgba(255, 0, 0, 0.3);
}
a.burst-button--pro, button.burst-button--pro, input.burst-button--pro {
background: var(--rsp-brand-primary);
color: var(--rsp-text-color-white);
border: 1px solid var(--rsp-brand-primary-dark);
}
a.burst-button--pro:hover, button.burst-button--pro:hover, input.burst-button--pro:hover {
background: var(--rsp-brand-primary-dark);
color: var(--button-secondary-bg);
border-color: var(--rsp-brand-primary-darker);
box-shadow: 0 0 0 3px var(--rsp-brand-primary-light);
}
.burst-button-icon {
background: transparent;
background: var(--rsp-grey-300);
color: #2271b1;
border: 1px solid transparent;
border-radius: 50%;
width: 1em;
height: 1em;
padding: 10px;
margin: 5px;
display: inline-flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
cursor: pointer;
}
.burst-button-icon:hover {
padding: 15px;
margin: 0;
}
.burst-button-icon--delete:hover {
background: var(--rsp-red-faded);
}
.burst-button-icon--delete:hover svg path {
fill: var(--rsp-red);
}
.burst .burst-button.burst-button--date-range {
display: flex;
align-items: center;
padding: var(---rsp-filter-padding);
box-shadow: var(--rsp-box-shadow);
cursor: pointer;
gap: var(--rsp-spacing-xs);
color: var(--rsp-text-color-light);
background-color: var(--rsp-input-background-color);
background: var(--rsp-grey-200);
border: 1px solid var(--rsp-input-border-color);
border-radius: var(--rsp-border-radius-xs);
}
.burst .burst-button.burst-button--date-range .burst-icon {
height: max-content;
}
.burst .burst-bullet {
height: 13px;
width: 13px;
flex: 0 0 13px;
border-radius: 50%;
display: inline-block;
background-color: var(--rsp-grey-500);
}
.burst .burst-bullet.rsp-yellow {
background-color: var(--rsp-yellow);
}
.burst .burst-bullet.rsp-blue {
background-color: var(--rsp-blue);
}
.burst .burst-bullet.rsp-pink {
background-color: var(--rsp-pink);
}
.burst .burst-bullet.rsp-red, .burst .burst-bullet.burst-bullet-error {
background-color: var(--rsp-red);
}
.burst .burst-bullet.rsp-green, .burst .burst-bullet.burst-bullet-success {
background-color: var(--rsp-green);
}
.burst .burst-bullet.rsp-blue-yellow {
background: var(--rsp-blue);
background: linear-gradient(77deg, rgb(0, 159, 255) 0%, rgb(0, 159, 255) 30%, rgb(244, 191, 62) 70%, rgb(244, 191, 62) 100%);
animation: gradient 2s ease infinite;
background-size: 200% 200%;
}
.burst .burst-legend {
width: max-content;
color: var(--rsp-text-color-light);
display: flex;
align-items: center;
min-width: 0;
line-height: 1;
gap: var(--rsp-spacing-xxs);
text-decoration: none;
}
@keyframes gradient {
0% {
background-position: 0 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0 50%;
}
}
.burst-icon {
display: flex;
align-items: center;
justify-content: center;
}
.burst-icon svg {
fill: currentColor;
}
.burst-icon.burst-icon-loading {
animation: burst-icon-loading 1.5s ease-in-out infinite;
}
@keyframes burst-icon-loading {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.burst-grid-item.burst-progress .burst-grid-item-content {
padding: 0;
}
.burst-grid-item.burst-progress .burst-placeholder {
padding: var(--rsp-spacing-m) var(--rsp-spacing-l);
}
@media screen and (max-width: 1280px) {
.burst-grid-item.burst-progress .burst-placeholder {
padding: var(--rsp-spacing-xs) var(--rsp-spacing-s);
}
}
.burst-progress-block .burst-progress {
overflow: hidden;
height: 7px;
background-color: #f7f7f7;
}
.burst-progress-block .burst-progress .burst-bar {
height: 100%;
background-color: var(--rsp-color-success);
}
.burst-progress-block .burst-progress .burst-bar.burst-orange {
background-color: var(--rsp-color-warning);
}
.burst-progress-block .burst-progress-text {
display: flex;
align-items: center;
padding: var(--rsp-spacing-m) var(--rsp-spacing-l);
padding-block: 0;
padding-top: 10px;
}
@media screen and (max-width: 1280px) {
.burst-progress-block .burst-progress-text {
padding: var(--rsp-spacing-xs) var(--rsp-spacing-s);
}
}
.burst-progress-block .burst-progress-text .burst-progress-percentage {
font-size: 32px;
font-weight: 700;
}
.burst-progress-block .burst-progress-text .burst-progress-text-span {
margin-left: 35px;
font-size: 18px;
font-weight: 600;
}
.burst-progress-block .burst-progress-text .burst-progress-text-span a {
margin-left: 3px;
}
.burst-header-html {
display: flex;
color: var(--rsp-text-color-light);
}
.burst-header-html .burst-toggle-active {
text-decoration: underline;
}
.burst-task-switcher-container {
display: flex;
border-radius: var(--rsp-border-radius);
}
.burst-task-switcher-container .burst-task-switcher:first-of-type {
border-right: 1px solid var(--rsp-grey-400);
padding-right: 10px;
}
.burst-task-switcher-container .burst-task-switcher:last-of-type {
padding-left: 10px;
}
.burst-task-switcher {
font-size: var(--rsp-fs-200);
cursor: pointer;
transition: 0.3s;
}
.burst-task-switcher:hover {
text-decoration: underline;
}
.burst-active-filter-remaining .burst-remaining-tasks, .burst-active-filter-all .burst-all-tasks {
text-decoration: underline;
}
/**
* Task element, list of tasks
*/
.burst-task-element {
display: flex;
align-items: center;
justify-content: center;
gap: var(--rsp-spacing-m);
padding-bottom: var(--rsp-spacing-s);
}
.burst-task-element .burst-task-message {
flex: 1;
}
.burst-task-element .burst-task-form {
margin-top: var(--rsp-spacing-xxs);
display: flex;
gap: var(--rsp-spacing-xs);
}
.burst-task-element .burst-task-enable {
cursor: pointer;
}
.burst-task-element .burst-task-dismiss button {
all: initial;
}
.burst-task-element .burst-task-dismiss span {
font-size: 1.5em;
color: black;
font-family: sans-serif;
}
.burst-task-element .burst-task-dismiss span:hover {
cursor: pointer;
color: grey;
}
.burst-task-element .burst-task-dismiss span svg {
height: 12px;
width: 12px;
}
.burst-scroll-container {
padding: var(--rsp-spacing-m) var(--rsp-spacing-l);
--rsp-scroll-bg-clr: var(--rsp-dark-blue-faded);
height: 300px;
overflow-y: auto;
padding-block: 0;
padding-top: var(--rsp-spacing-m);
border-radius: 0;
background-image: linear-gradient(to top, var(--rsp-scroll-bg-clr), var(--rsp-scroll-bg-clr)), linear-gradient(to top, var(--rsp-scroll-bg-clr), var(--rsp-scroll-bg-clr)), linear-gradient(to top, rgba(0, 0, 0, 0.15), rgba(255, 255, 255, 0)), linear-gradient(to bottom, rgba(0, 0, 0, 0.15), rgba(255, 255, 255, 0));
background-position: bottom center, top center, bottom center, top center;
background-color: var(--rsp-scroll-bg-clr);
background-repeat: no-repeat;
background-size: 100% 25px, 100% 25px, 100% 15px, 100% 15px;
background-attachment: local, local, scroll, scroll;
}
@media screen and (max-width: 1280px) {
.burst-scroll-container {
padding: var(--rsp-spacing-xs) var(--rsp-spacing-s);
}
}
.burst-scroll-container::-webkit-scrollbar-track {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0);
background-color: transparent;
}
.burst-scroll-container::-webkit-scrollbar {
width: 8px;
background-color: var(--rsp-grey-300);
cursor: pointer;
}
.burst-scroll-container::-webkit-scrollbar-thumb {
background-color: var(--rsp-grey-400);
border-radius: 10px;
}
.burst-progress-status-container {
margin-right: 40px;
}
.burst-task-status {
display: block;
min-width: 96px;
text-align: center;
border-radius: 15px;
padding: 4px 8px;
font-size: var(--rsp-fs-100);
font-weight: 600;
}
.burst-task-status.burst-completed, .burst-task-status.burst-success {
background-color: var(--rsp-green);
color: var(--rsp-text-color-white);
}
.burst-task-status.burst-open {
background-color: var(--rsp-color-open);
}
.burst-task-status.burst-error {
background-color: var(--rsp-color-error);
color: var(--rsp-text-color-white);
}
.burst-task-status.burst-warning {
background-color: var(--rsp-color-warning);
color: var(--rsp-text-color-white);
}
.burst-task-status.burst-new {
background-color: var(--rsp-dark-blue);
color: var(--rsp-text-color-white);
}
.burst-task-status.burst-pro {
background-color: var(--rsp-color-success);
color: var(--rsp-text-color-white);
}
.burst-task-status.burst-loading {
background-color: var(--rsp-white);
color: var(--rsp-text-color-light);
}
.burst-task-status.burst-skeleton {
background-color: var(--rsp-grey-400);
color: var(--rsp-white);
}
.burst-plusone {
display: inline-block;
vertical-align: top;
box-sizing: border-box;
margin: 1px 0 -1px 2px;
padding: 0 5px;
min-width: 18px;
height: 18px;
border-radius: 9px;
background-color: #d63638;
color: #fff;
font-size: var(--rsp-fs-100);
line-height: 1.6;
text-align: center;
}
.burst-placeholder {
box-sizing: border-box;
width: 100%;
text-align: left;
margin: 0;
padding-bottom: 24px;
color: #1e1e1e;
-webkit-font-smoothing: subpixel-antialiased;
border-radius: 2px;
background-color: #fff;
flex-grow: 100;
}
.burst-placeholder .burst-placeholder-line {
float: left;
width: 100%;
height: 16px;
margin-top: 12px;
border-radius: 7px;
background-image: linear-gradient(90deg, #ddd 0, #e8e8e8 40px, #ddd 80px);
background-size: 600px;
animation: shine-lines 1.6s infinite linear;
}
.burst-placeholder .burst-placeholder-line:last-of-type {
margin-bottom: 24px;
}
.burst-placeholder .burst-placeholder-line .burst-placeholder .burst-placeholder-line:nth-of-type(1) {
width: 69%;
}
.burst-placeholder .burst-placeholder-line .burst-placeholder .burst-placeholder-line:nth-of-type(2) {
width: 86%;
}
.burst-placeholder .burst-placeholder-line .burst-placeholder .burst-placeholder-line:nth-of-type(3) {
width: 67%;
}
.burst-placeholder .burst-placeholder-line .burst-placeholder .burst-placeholder-line:nth-of-type(4) {
width: 76%;
}
.burst-placeholder .burst-placeholder-line .burst-placeholder .burst-placeholder-line:nth-of-type(5) {
width: 69%;
}
.burst-placeholder .burst-placeholder-line .burst-placeholder .burst-placeholder-line:nth-of-type(6) {
width: 72%;
}
.burst-placeholder .burst-placeholder-line .burst-placeholder .burst-placeholder-line:nth-of-type(7) {
width: 78%;
}
.burst-placeholder .burst-placeholder-line .burst-placeholder .burst-placeholder-line:nth-of-type(8) {
width: 69%;
}
.burst-placeholder .burst-placeholder-line .burst-placeholder .burst-placeholder-line:nth-of-type(9) {
width: 100%;
}
.burst-placeholder .burst-placeholder-line .burst-placeholder .burst-placeholder-line:nth-of-type(10) {
width: 66%;
}
.burst-placeholder .burst-placeholder-line .burst-placeholder .burst-placeholder-line:nth-of-type(11) {
width: 62%;
}
.burst-placeholder .burst-placeholder-line .burst-placeholder .burst-placeholder-line:nth-of-type(12) {
width: 72%;
}
.burst-placeholder .burst-placeholder-line .burst-placeholder .burst-placeholder-line:nth-of-type(13) {
width: 86%;
}
.burst-placeholder .burst-placeholder-line .burst-placeholder .burst-placeholder-line:nth-of-type(14) {
width: 68%;
}
.burst-placeholder .burst-placeholder-line .burst-placeholder .burst-placeholder-line:nth-of-type(15) {
width: 70%;
}
.burst-placeholder .burst-placeholder-line .burst-placeholder .burst-placeholder-line:nth-of-type(16) {
width: 91%;
}
.burst-placeholder .burst-placeholder-line .burst-placeholder .burst-placeholder-line:nth-of-type(17) {
width: 84%;
}
.burst-placeholder .burst-placeholder-line .burst-placeholder .burst-placeholder-line:nth-of-type(18) {
width: 87%;
}
.burst-placeholder .burst-placeholder-line .burst-placeholder .burst-placeholder-line:nth-of-type(19) {
width: 95%;
}
.burst-placeholder .burst-placeholder-line .burst-placeholder .burst-placeholder-line:nth-of-type(20) {
width: 70%;
}
.burst-placeholder .burst-placeholder-line ~ .burst-placeholder-line {
background-color: #ddd;
}
@keyframes shine-lines {
0% {
background-position: -400px;
}
100% {
background-position: 220px;
}
}
.burst .burst-page-placeholder .burst-grid-item, .burst-grid-item-placeholder {
overflow: hidden !important;
position: relative;
z-index: 1;
}
.burst .burst-page-placeholder .burst-grid-item:after, .burst-grid-item-placeholder:after {
content: "";
top: 0;
overflow: hidden;
transform: translateX(100%);
width: 100%;
height: 100%;
position: absolute;
display: inline-block;
z-index: 1;
animation: slide 2s infinite;
background: linear-gradient(103deg, rgba(228, 229, 232, 0) 25%, rgba(228, 229, 232, 0.35) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 75%);
/* W3C */
}
.burst .burst-grid-item.burst-grid-item-placeholder {
min-height: 300px;
overflow: hidden;
}
/* animation */
@keyframes slide {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(100%);
}
}
.burst-loading-container {
transition: opacity 0.2s ease-in-out, filter 0.2s ease-in-out;
}
.burst-loading-container.burst-loading {
opacity: 0.3;
}
.burst .burst-other-plugins .rsp-logo img {
height: 20px;
}
.burst .burst-other-plugins-container {
display: flex !important;
flex-direction: row;
flex-wrap: wrap;
margin-bottom: 10px;
font-size: var(--rsp-fs-300);
line-height: 1.7;
gap: var(--rsp-spacing-xxs);
}
@media screen and (max-width: 992px) {
.burst .burst-other-plugins-container {
flex-direction: row;
overflow: hidden;
}
}
.burst .burst-other-plugins-container .burst-other-plugins-element {
width: 100%;
display: flex;
align-content: space-between;
justify-content: space-between;
gap: 10px;
--rsp-other-plugins-color: var(--rsp-grey-400);
}
.burst .burst-other-plugins-container .burst-other-plugins-element.burst-really-simple-ssl {
--rsp-other-plugins-color: var(--rsp-yellow);
}
.burst .burst-other-plugins-container .burst-other-plugins-element.burst-burst-statistics {
--rsp-other-plugins-color: var(--rsp-green);
}
.burst .burst-other-plugins-container .burst-other-plugins-element.burst-complianz-gdpr {
--rsp-other-plugins-color: var(--rsp-blue);
}
.burst .burst-other-plugins-container .burst-other-plugins-element.burst-complianz-terms-conditions {
--rsp-other-plugins-color: var(--rsp-black);
}
.burst .burst-other-plugins-container .burst-other-plugins-element a {
width: max-content;
color: var(--rsp-text-color-light);
transition: color 0.3s ease;
display: flex;
align-items: center;
min-width: 0;
gap: var(--rsp-spacing-xs);
text-decoration: none;
}
.burst .burst-other-plugins-container .burst-other-plugins-element a:hover {
color: var(--rsp-other-plugins-color);
text-decoration: underline;
}
.burst .burst-other-plugins-container .burst-other-plugins-element a:hover .burst-bullet {
background-color: var(--rsp-other-plugins-color);
}
.burst .burst-other-plugins-container .burst-other-plugins-element a:hover .burst-other-plugins-content {
text-decoration: underline;
}
.burst .burst-other-plugins-container .burst-other-plugins-element .burst-bullet {
transition: background-color 0.3s ease;
background-color: var(--rsp-other-plugins-color);
}
.burst .burst-other-plugins-container .burst-other-plugins-element .burst-other-plugins-content {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.burst .burst-other-plugins-container .burst-other-plugins-element .burst-other-plugin-status {
min-width: fit-content;
}
.burst-tips-tricks-container {
display: flex !important;
flex-direction: row;
flex-wrap: wrap;
margin-bottom: 10px;
font-size: var(--rsp-fs-300);
line-height: 1.7;
gap: var(--rsp-spacing-xxs);
}
@media screen and (max-width: 992px) {
.burst-tips-tricks-container {
flex-direction: row;
overflow: hidden;
}
}
.burst-tips-tricks-container .burst-tips-tricks-element {
width: calc(50% - var(--rsp-spacing-xxs));
}
@media (max-width: 768px) {
.burst-tips-tricks-container .burst-tips-tricks-element {
width: 100%;
}
}
.burst-tips-tricks-container .burst-tips-tricks-element a {
color: var(--rsp-text-color-light);
transition: color 0.3s ease;
display: flex;
align-items: center;
gap: var(--rsp-spacing-xs);
min-width: 0;
/* or some value */
text-decoration: none;
}
.burst-tips-tricks-container .burst-tips-tricks-element a:hover {
color: var(--rsp-brand-primary);
text-decoration: underline;
}
.burst-tips-tricks-container .burst-tips-tricks-element a:hover .burst-bullet {
background-color: var(--rsp-brand-primary);
}
.burst-tips-tricks-container .burst-tips-tricks-element a:hover .burst-tips-tricks-content {
text-decoration: underline;
}
.burst-tips-tricks-container .burst-tips-tricks-element .burst-bullet {
transition: background-color 0.3s ease;
background-color: var(--rsp-grey-300);
}
.burst-tips-tricks-container .burst-tips-tricks-element .burst-tips-tricks-content {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.burst-pro-popover-trigger {
background: none;
border: none;
padding: 0;
cursor: pointer;
transition: transform 300ms ease-out;
display: flex;
align-items: center;
gap: var(--rsp-spacing-xxs);
}
.burst-pro-popover {
background: var(--rsp-grey-100);
z-index: 99;
border: 1px solid var(--rsp-grey-400);
margin: var(--rsp-spacing-xs) 0;
padding: var(--rsp-spacing-m) var(--rsp-spacing-l);
border-radius: var(--rsp-border-radius-xs);
display: flex;
flex-wrap: wrap;
flex-direction: column;
gap: var(--rsp-spacing-m);
box-shadow: hsla(206, 22%, 7%, 0.35) 0px 10px 38px -10px, hsla(206, 22%, 7%, 0.2) 0px 10px 20px -15px;
animation-duration: 600ms;
animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
will-change: transform, opacity;
}
.burst-pro-popover[data-state=open] {
animation-name: slideDownAndFade;
}
@keyframes slideDownAndFade {
from {
opacity: 0;
transform: translateY(-2px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.burst-pro-popover__arrow {
--rsp-arrow-size: 8px;
position: absolute;
top: calc(-1 * var(--rsp-arrow-size));
left: calc(var(--rsp-arrow-size) * 2);
width: 0;
height: 0;
border-left: var(--rsp-arrow-size) solid transparent;
border-right: var(--rsp-arrow-size) solid transparent;
border-bottom: var(--rsp-arrow-size) solid var(--rsp-grey-400);
}
.burst-pro-popover__arrow:after {
content: "";
position: absolute;
bottom: calc(-1 * var(--rsp-arrow-size));
right: calc(-1 * var(--rsp-arrow-size) + 1px);
width: 0;
height: 0;
border-left: calc(var(--rsp-arrow-size) - 1px) solid transparent;
border-right: calc(var(--rsp-arrow-size) - 1px) solid transparent;
border-bottom: calc(var(--rsp-arrow-size) - 1px) solid var(--rsp-grey-100);
}
.burst-pro-popover__header {
display: grid;
grid-template-columns: 1fr auto;
gap: 3px;
}
.burst-pro-popover h5 {
grid-column: 1/2;
order: -1;
}
.burst-pro-popover__close {
grid-column: 2/3;
background: none;
border: none;
transition: transform 300ms ease-out;
cursor: pointer;
}
.burst-pro-popover__close:hover {
transform: scale(1.1);
}
.burst-pro-popover__close:focus-visible {
outline: 0px solid transparent;
}
.burst-pro-popover h6 {
grid-column: span 2;
}
.burst-pro-popover p.burst-pro-popover__small-text {
font-size: var(--rsp-fs-200);
color: var(--rsp-text-color-light);
font-weight: 500;
}
.burst-pro-popover__bullet-list {
display: flex;
flex-direction: column;
gap: var(--rsp-spacing-xxs);
}
.burst-pro-popover__bullet-list span {
display: flex;
font-size: var(--rsp-fs-400);
gap: var(--rsp-spacing-xs);
}
.burst-pro-popover__footer {
display: flex;
align-items: center;
justify-content: flex-start;
gap: var(--rsp-spacing-xs);
}
.burst-popover {
background: var(--rsp-grey-100);
z-index: 99;
border: 1px solid var(--rsp-grey-400);
padding: var(--rsp-spacing-xs) var(--rsp-spacing-s);
border-radius: var(--rsp-border-radius-xs);
display: flex;
flex-wrap: wrap;
flex-direction: column;
gap: var(--rsp-spacing-s);
box-shadow: hsla(206, 22%, 7%, 0.35) 0px 10px 38px -10px, hsla(206, 22%, 7%, 0.2) 0px 10px 20px -15px;
animation-duration: 600ms;
animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
will-change: transform, opacity;
}
.burst-popover[data-state=open] {
animation-name: slideDownAndFade;
}
@keyframes slideDownAndFade {
from {
opacity: 0;
transform: translateY(-2px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.burst-popover--date-range {
padding: 0;
overflow: hidden;
}
.burst-popover__arrow {
--rsp-arrow-size: 8px;
position: absolute;
top: calc(-1 * var(--rsp-arrow-size));
right: calc(var(--rsp-arrow-size) * 2 - 3px);
width: 0;
height: 0;
border-left: var(--rsp-arrow-size) solid transparent;
border-right: var(--rsp-arrow-size) solid transparent;
border-bottom: var(--rsp-arrow-size) solid var(--rsp-grey-400);
}
.burst-popover__arrow:after {
content: "";
position: absolute;
bottom: calc(-1 * var(--rsp-arrow-size));
left: calc(-1 * var(--rsp-arrow-size) + 1px);
width: 0;
height: 0;
border-left: calc(var(--rsp-arrow-size) - 1px) solid transparent;
border-right: calc(var(--rsp-arrow-size) - 1px) solid transparent;
border-bottom: calc(var(--rsp-arrow-size) - 1px) solid var(--rsp-grey-100);
}
.burst-popover__header {
display: grid;
grid-template-columns: 1fr auto;
gap: 3px;
}
.burst-popover h5 {
grid-column: 1/2;
order: -1;
}
.burst-popover h6 {
grid-column: span 2;
}
.burst-popover p.burst-popover__small-text {
font-size: var(--rsp-fs-200);
color: var(--rsp-text-color-light);
font-weight: 500;
}
.burst-popover__content {
display: flex;
flex-direction: column;
gap: var(--rsp-spacing-xxs);
}
.burst-popover__footer {
display: flex;
align-items: center;
justify-content: flex-start;
gap: var(--rsp-spacing-xs);
}
.burst-tooltip-content {
border-radius: var(--rsp-border-radius-xs);
padding: 7px var(--rsp-spacing-xs);
font-size: var(--rsp-fs-200);
line-height: 1.5;
color: var(--rsp-text-color-white);
background-color: var(--rsp-black);
box-shadow: hsla(206, 22%, 7%, 0.35) 0px 10px 38px -10px, hsla(206, 22%, 7%, 0.2) 0px 10px 20px -15px;
user-select: none;
animation-duration: 400ms;
animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
will-change: transform, opacity;
max-width: 40ch;
}
.burst-tooltip-content[data-state=delayed-open][data-side=top] {
animation-name: slideDownAndFade;
}
.burst-tooltip-content[data-state=delayed-open][data-side=right] {
animation-name: slideLeftAndFade;
}
.burst-tooltip-content[data-state=delayed-open][data-side=bottom] {
animation-name: slideUpAndFade;
}
.burst-tooltip-content[data-state=delayed-open][data-side=left] {
animation-name: slideRightAndFade;
}
.burst-tooltip-arrow {
fill: var(--rsp-black);
}
@keyframes slideUpAndFade {
from {
opacity: 0;
transform: translateY(2px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes slideRightAndFade {
from {
opacity: 0;
transform: translateX(-2px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
@keyframes slideDownAndFade {
from {
opacity: 0;
transform: translateY(-2px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes slideLeftAndFade {
from {
opacity: 0;
transform: translateX(2px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
.burst-acquisition-switch {
display: flex;
min-height: 30px;
}
.burst-acquisition-switch__option {
display: flex;
align-items: center;
justify-content: flex-start;
gap: var(--rsp-spacing-xxs);
font-size: var(--rsp-fs-300);
background: var(--rsp-grey-300);
border: var(--rsp-grey-400) 1px solid;
border-right-width: 0px;
padding: var(--rsp-spacing-xxs) var(--rsp-spacing-s);
color: var(--rsp-text-color-light);
cursor: pointer;
}
.burst-acquisition-switch__option svg path {
fill: var(--rsp-text-color-light);
}
.burst-acquisition-switch__option:first-child {
border-top-left-radius: var(--rsp-border-radius-xs);
border-bottom-left-radius: var(--rsp-border-radius-xs);
}
.burst-acquisition-switch__option:last-child {
border-right-width: 1px;
border-top-right-radius: var(--rsp-border-radius-xs);
border-bottom-right-radius: var(--rsp-border-radius-xs);
}
.burst-acquisition-switch__option:hover {
background: var(--rsp-grey-200);
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.burst-acquisition-switch__option--selected {
background: var(--rsp-white);
cursor: default;
}
.burst-acquisition-switch__option--selected:hover {
background: var(--rsp-white);
}
.burst-acquisition-switch__option--pro {
color: var(--rsp-grey-500);
}
.burst-acquisition-switch__option--pro svg path {
fill: var(--rsp-grey-500);
}
.burst .burst-checkbox-group {
display: flex;
flex-direction: column;
gap: var(--rsp-spacing-xs);
}
.burst .burst-checkbox-group__item {
display: grid;
grid-template-columns: auto 1fr auto;
gap: var(--rsp-spacing-xs);
background-color: transparent;
align-items: flex-start;
}
.burst .burst-checkbox-group__item.burst-hidden {
display: none;
}
.burst .burst-checkbox-group__item__pill {
justify-self: end;
}
.burst .burst-checkbox-group__checkbox {
all: unset;
display: flex;
align-content: center;
align-items: center;
justify-content: center;
border-radius: 3px;
width: 16px;
height: 16px;
aspect-ratio: 1/1;
outline: 1px solid var(--rsp-input-border-color);
transition: background-color 0.2s ease-in-out;
margin-top: 2px;
}
.burst .burst-checkbox-group__checkbox:hover {
background-color: var(--rsp-blue-faded);
}
.burst .burst-checkbox-group__checkbox:focus {
box-shadow: 0 0 0 3px var(--rsp-background-color), 0 0 0 4px var(--rsp-dark-blue);
}
.burst .burst-checkbox-group__checkbox:disabled {
background-color: var(--rsp-grey-300);
cursor: not-allowed;
}
.burst .burst-checkbox-group__checkbox:disabled + label {
cursor: not-allowed;
}
.burst .burst-checkbox-group__label {
font-size: var(--rsp-fs-300);
color: var(--rsp-text-color-light);
margin: 0 !important;
}
.burst-pill {
padding: 2px var(--rsp-spacing-xs);
background: var(--rsp-brand-primary);
color: var(--rsp-text-color-white);
border-radius: var(--rsp-border-radius);
font-size: var(--rsp-fs-300);
font-weight: 600;
}
.burst .burst-error-boundary {
padding: 20px;
border: 2px solid var(--rsp-border-color);
border-radius: 8px;
background-color: var(--rsp-grey-200);
max-width: 70ch;
margin: auto;
margin-top: var(--rsp-spacing-l);
}
.burst .burst-error-boundary h3 {
margin-bottom: 20px;
}
.burst .burst-error-boundary__copy-error {
background-color: #ffffff;
padding: 15px;
border: 1px solid var(--rsp-border-color);
border-radius: 4px;
margin-bottom: 20px;
}
.burst .burst-error-boundary__error-code, .burst .burst-error-boundary__error-stack {
color: var(--rsp-text-color-light);
font-family: monospace;
margin-bottom: 10px;
}
.burst .burst-error-boundary ol {
margin-top: var(--rsp-spacing-xs);
list-style-position: inside;
padding-left: 0;
margin-bottom: var(--rsp-spacing-xs);
}
.burst .burst-error-boundary ol li {
margin-bottom: var(--rsp-spacing-s);
padding-left: 1.5em;
text-indent: -1.5em;
}
.burst .burst-error-boundary a:hover {
text-decoration: underline;
}
.burst-goal-status {
display: flex;
align-items: center;
gap: var(--rsp-spacing-xxs);
}
.burst-goal-status p {
color: var(--rsp-text-color-light);
font-size: var(--rsp-fs-200);
}
.burst .burst-select-group {
display: flex;
justify-content: space-between;
align-items: center;
}
.burst .burst-select-group .burst-icon > div {
margin-top: 2px;
margin-bottom: -2px;
}
.burst .burst-select-group__trigger {
padding: var(--rsp-spacing-xxs) var(--rsp-spacing-xs);
font-size: var(--rsp-fs-300);
color: var(--rsp-text-color-light);
line-height: 1.5;
background-color: var(--rsp-white);
border-radius: var(--rsp-border-radius-xs);
border: 1px solid var(--rsp-input-border-color);
display: inline-flex;
align-items: center;
justify-content: space-between;
gap: var(--rsp-spacing-xxs);
min-width: 15ch;
}
.burst .burst-select-group__trigger:hover:not([disabled]) {
background-color: var(--rsp-brand-primary-faded);
}
.burst .burst-select-group__trigger:focus {
box-shadow: 0 0 0 2px var(--rsp-brand-primary-faded);
}
.burst .burst-select-group__trigger[data-placeholder] {
color: var(--rsp-grey-400);
}
.burst .burst-select-group__trigger[disabled] {
background-color: var(--rsp-grey-200);
color: var(--rsp-grey-400);
}
.burst .burst-select-group__content {
width: var(--radix-select-trigger-width);
max-height: calc(var(--radix-select-content-available-height) - 32px - var(--rsp-spacing-s));
overflow: hidden;
background-color: var(--rsp-white);
border-radius: 0 0 var(--rsp-border-radius-xs) var(--rsp-border-radius-xs);
border: 1px solid var(--rsp-input-border-color);
border-top: none;
box-shadow: 0px 10px 38px -10px rgba(22, 23, 24, 0.35), 0px 10px 20px -15px rgba(22, 23, 24, 0.2);
z-index: 5;
}
.burst .burst-select-group__item {
line-height: 1;
padding: var(--rsp-spacing-xs) var(--rsp-spacing-xs);
font-size: var(--rsp-fs-300);
color: var(--rsp-text-color-light);
display: flex;
align-items: center;
position: relative;
user-select: none;
}
.burst .burst-select-group__item[data-disabled] {
background: var(--rsp-grey-300);
color: var(--rsp-grey-500);
cursor: not-allowed;
}
.burst .burst-select-group__item[data-highlighted] {
outline: none;
background-color: var(--rsp-brand-primary-faded);
color: var(--rsp-text-color);
}
.burst .burst-select-group__scroll-button {
display: flex;
align-items: center;
justify-content: center;
height: 25px;
background-color: white;
cursor: default;
}
.burst div[class^=burst-wizard-] .burst-email_reports .burst-table-header, .burst div[class^=burst-wizard-] .burst-email_reports .burst-field-description {
padding: var(--rsp-spacing-xs) var(--rsp-spacing-l);
}
.burst div[class^=burst-wizard-] .burst-email_reports .burst-field-wrap.burst-email_reports {
padding: 0;
}
.burst div[class^=burst-wizard-] .burst-email_reports .burst-email-reports-field__add {
margin-top: var(--rsp-spacing-xs);
padding: var(--rsp-spacing-xs) var(--rsp-spacing-l);
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--rsp-spacing-xs);
}
.burst div[class^=burst-wizard-] .burst-email_reports .burst-email-reports-field__add input {
min-width: 30ch;
}
.burst div[class^=burst-wizard-] .burst-email_reports .burst-email-reports-field__add label {
margin: 0;
width: 100%;
}
.burst div[class^=burst-wizard-] .burst-email_reports .burst-button-icon--delete {
width: 3em;
height: 3em;
margin: 0;
}
.burst div[class^=burst-wizard-] .burst-email_reports .burst-warning {
margin: var(--rsp-spacing-xs) var(--rsp-spacing-l);
color: var(--rsp-color-error);
background-color: var(--rsp-red-faded);
padding: var(--rsp-spacing-xxs) var(--rsp-spacing-xs);
border: 1px solid var(--rsp-color-error);
border-radius: var(--rsp-border-radius-s);
}
.burst div[class^=burst-wizard-] .burst-helplink {
color: var(--rsp-text-color);
}
.burst div[class^=burst-wizard-] .burst-grid-item {
position: relative;
margin-bottom: var(--rsp-grid-gap);
}
@media (max-width: 1080px) {
.burst div[class^=burst-wizard-] .burst-grid-item {
grid-column: span 4;
}
}
.burst div[class^=burst-wizard-].burst-column-2 {
grid-column: span 2;
}
@media (max-width: 1080px) {
.burst div[class^=burst-wizard-].burst-column-2 {
grid-column: span 4;
}
}
.burst div[class^=burst-wizard-] .burst-locked {
position: absolute;
z-index: 4;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(255, 255, 255, 0.8);
border-radius: var(--rsp-border-radius);
}
.burst div[class^=burst-wizard-] .burst-locked .burst-locked-overlay {
z-index: 1;
top: calc(100% - 95px);
position: relative;
display: flex;
align-items: center;
gap: var(--rsp-spacing-s);
background-color: var(--rsp-grey-100);
border: 1px solid var(--rsp-grey-300);
padding: var(--rsp-spacing-m) var(--rsp-spacing-l);
border-radius: var(--rsp-border-radius-xs);
margin: var(--rsp-spacing-s);
box-shadow: var(--rsp-box-shadow);
}
@media screen and (max-width: 1280px) {
.burst div[class^=burst-wizard-] .burst-locked .burst-locked-overlay {
padding: var(--rsp-spacing-xs) var(--rsp-spacing-s);
}
}
.burst div[class^=burst-wizard-] .burst-locked .burst-locked-overlay .burst-open {
float: left;
margin-right: 12px;
}
.burst div[class^=burst-wizard-] .burst-locked .burst-locked-overlay .burst-progress-status {
float: left;
margin-right: 20px;
}
.burst div[class^=burst-wizard-] .burst-grid-item-footer {
justify-content: flex-end;
padding: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--rsp-grid-margin);
width: 100%;
min-height: 20px;
box-sizing: border-box;
align-self: flex-end;
}
.burst div[class^=burst-wizard-] .burst-grid-item-footer .burst-legend {
display: flex;
}
.burst div[class^=burst-wizard-] .burst-grid-item-footer .burst-legend span {
padding-left: 5px;
}
.burst div[class^=burst-wizard-] .burst-grid-item-footer:empty {
display: none;
}
.burst .button-add-ip {
margin-top: var(--rsp-spacing-xs);
}
.burst-wizard-help {
display: flex;
flex-wrap: wrap;
align-content: flex-start;
gap: var(--rsp-spacing-xs);
}
.burst-wizard-help details {
font-size: var(--rsp-fs-200);
}
.burst-wizard-help details .burst-help-more-info {
display: flex;
flex-direction: row;
margin-top: 12px;
}
.burst-wizard-help details summary {
display: grid;
grid-template-columns: 1fr auto;
justify-content: space-between;
font-size: var(--rsp-fs-300);
font-weight: 500;
cursor: pointer;
}
.burst-wizard-help details summary::-webkit-details-marker {
display: none;
}
.burst-wizard-help details summary:first-of-type {
list-style-type: none;
}
.burst-wizard-help details summary .burst-icon {
transition: all 0.25s ease-in-out;
transform: rotate(0deg);
}
.burst-wizard-help summary, .burst-wizard-help p {
font-size: var(--rsp-fs-200);
}
.burst-wizard-help details[open] {
padding: var(--rsp-spacing-s) var(--rsp-spacing-m);
}
.burst-wizard-help details[open] summary {
padding: 0;
padding-bottom: var(--rsp-spacing-xs);
}
.burst-wizard-help details[open] summary .burst-icon {
transform: rotate(180deg);
}
.burst-wizard-help .burst-help-header {
width: 100%;
display: flex;
padding: 10px;
}
.burst-wizard-help .burst-help-header .burst-help-title {
font-size: var(--rsp-fs-400);
font-weight: 500;
}
.burst-wizard-help .burst-help-header .burst-help-control {
margin-left: auto;
cursor: pointer;
}
.burst-wizard-help-notice {
width: 100%;
background: var(--rsp-background-block-color);
box-shadow: var(--rsp-box-shadow);
border-radius: var(--rsp-border-radius);
border-radius: var(--rsp-border-radius-s);
height: fit-content;
background-color: var(--rsp-dark-blue-faded);
}
.burst-wizard-help-notice.burst-warning {
background-color: var(--rsp-yellow-faded);
}
.burst-wizard-help-notice summary, .burst-wizard-help-notice p {
padding: var(--rsp-spacing-s) var(--rsp-spacing-m);
}
.burst-wizard-menu {
height: fit-content;
}
.burst-wizard-menu .burst-grid-item-content {
padding: 0;
padding-bottom: var(--rsp-spacing-l);
}
.burst-wizard-menu-items .burst-menu-item a {
display: flex;
align-items: center;
gap: var(--rsp-spacing-xs);
text-decoration: none;
color: var(--rsp-text-color);
font-size: var(--rsp-fs-400);
padding-block: var(--rsp-spacing-xs);
padding-inline: var(--rsp-spacing-l);
transition: all 0.2s ease-in-out;
border-left: 4px solid transparent;
}
@media screen and (max-width: 1280px) {
.burst-wizard-menu-items .burst-menu-item a {
padding-inline: var(--rsp-spacing-s);
}
}
.burst-wizard-menu-items .burst-menu-item.burst-active > a {
color: var(--rsp-green);
font-weight: 600;
border-left: 4px solid var(--rsp-green);
}
.burst-wizard-menu-items .burst-menu-item.burst-featured a {
font-weight: 600;
flex-wrap: wrap;
}
.burst-wizard-menu-items .burst-menu-item.burst-featured a .burst-menu-item-featured-pill {
background: var(--rsp-green);
color: var(--rsp-text-color-white);
padding: 2px 9px;
border-radius: var(--rsp-border-radius);
font-size: var(--rsp-fs-100);
}
.burst-wizard-menu-items .burst-menu-item.burst-pro a {
background: var(--rsp-dark-blue-faded);
flex-wrap: wrap;
}
.burst-wizard-menu-items .burst-menu-item.burst-pro a .burst-menu-item-featured-pill {
background: var(--rsp-dark-blue);
color: var(--rsp-text-color-white);
padding: 2px 9px;
border-radius: var(--rsp-border-radius);
font-size: var(--rsp-fs-100);
}
.burst-wizard-menu-items .burst-pro-menu-item {
background: var(--rsp-dark-blue-faded);
}
.burst-wizard-menu-items .burst-pro-menu-item div {
display: flex;
align-items: center;
gap: var(--rsp-spacing-xs);
text-decoration: none;
color: var(--rsp-text-color);
font-size: var(--rsp-fs-400);
padding-block: var(--rsp-spacing-xs);
padding-inline: var(--rsp-spacing-l);
transition: all 0.2s ease-in-out;
border-left: 4px solid transparent;
}
@media screen and (max-width: 1280px) {
.burst-wizard-menu-items .burst-pro-menu-item div {
padding-inline: var(--rsp-spacing-s);
}
}
.burst-wizard-menu-items .burst-submenu-item a {
padding-left: calc(var(--rsp-spacing-l) + var(--rsp-spacing-m));
font-size: var(--rsp-fs-300);
}
.burst input[type=text], .burst input[type=password], .burst input[type=date], .burst input[type=datetime], .burst input[type=datetime-local], .burst input[type=email], .burst input[type=month], .burst input[type=number], .burst input[type=search], .burst input[type=tel], .burst input[type=time], .burst input[type=url], .burst input[type=week] {
background-color: var(--rsp-input-background-color);
border: 1px solid var(--rsp-input-border-color);
border-radius: var(--rsp-border-radius-xs);
color: var(--rsp-input-text-color);
}
.burst div[class^=burst-wizard-] input[type=text], .burst div[class^=burst-wizard-] input[type=password], .burst div[class^=burst-wizard-] input[type=date], .burst div[class^=burst-wizard-] input[type=datetime], .burst div[class^=burst-wizard-] input[type=datetime-local], .burst div[class^=burst-wizard-] input[type=email], .burst div[class^=burst-wizard-] input[type=month], .burst div[class^=burst-wizard-] input[type=number], .burst div[class^=burst-wizard-] input[type=search], .burst div[class^=burst-wizard-] input[type=tel], .burst div[class^=burst-wizard-] input[type=time], .burst div[class^=burst-wizard-] input[type=url], .burst div[class^=burst-wizard-] input[type=week] {
background-color: var(--rsp-input-background-color);
border: 1px solid var(--rsp-input-border-color);
border-radius: var(--rsp-border-radius-xs);
color: var(--rsp-input-text-color);
}
.burst div[class^=burst-wizard-] .components-flex {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.burst div[class^=burst-wizard-] .components-flex .components-flex-item label {
margin: 0;
}
.burst div[class^=burst-wizard-] .components-flex .components-input-control__container {
max-width: max-content;
}
.burst div[class^=burst-wizard-] .burst-grid-item-content label {
color: var(--rsp-text-color);
font-size: var(--rsp-fs-400);
font-weight: 500;
line-height: 1.5;
text-transform: unset;
box-sizing: border-box;
display: inherit;
max-width: 100%;
z-index: 1;
text-overflow: ellipsis;
white-space: nowrap;
}
.burst div[class^=burst-wizard-] .components-base-control__field {
margin-bottom: 0;
}
.burst div[class^=burst-wizard-] .components-toggle-control .components-base-control__field, .burst div[class^=burst-wizard-] .components-toggle-control .components-flex {
display: flex;
flex-direction: row-reverse;
align-items: center;
justify-content: space-between;
}
.burst div[class^=burst-wizard-] .components-toggle-control .components-base-control__field .components-form-toggle, .burst div[class^=burst-wizard-] .components-toggle-control .components-flex .components-form-toggle {
margin-right: 0;
}
.burst div[class^=burst-wizard-] .components-form-toggle.is-checked .components-form-toggle__track {
background-color: var(--rsp-green);
}
.burst div[class^=burst-wizard-] .burst-grid-item .burst-grid-item-content {
padding: var(--rsp-spacing-xs) 0;
}
.burst div[class^=burst-wizard-] .burst-field-wrap, .burst div[class^=burst-wizard-] .burst-settings-block-intro {
padding-block: var(--rsp-spacing-s);
padding-inline: var(--rsp-spacing-l);
}
@media screen and (max-width: 1280px) {
.burst div[class^=burst-wizard-] .burst-field-wrap, .burst div[class^=burst-wizard-] .burst-settings-block-intro {
padding-inline: var(--rsp-spacing-s);
}
}
.burst div[class^=burst-wizard-] .burst-field-wrap > .burst-field-wrap, .burst div[class^=burst-wizard-] .burst-settings-block-intro > .burst-field-wrap {
padding: 0;
}
.burst div[class^=burst-wizard-] .burst-field-button {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
}
.burst div[class^=burst-wizard-] .burst-highlight {
background-color: transparent;
border-left: 4px solid var(--rsp-green);
-o-animation: fadeIt 3s ease-in-out;
animation: fadeIt 3s ease-in-out;
}
@-o-keyframes fadeIt {
0% {
background-color: transparent;
}
30% {
background-color: var(--rsp-green-faded);
}
100% {
border-right: 0;
background-color: inherit;
}
}
@keyframes fadeIt {
0% {
background-color: transparent;
border-right: 0;
}
30% {
background-color: var(--rsp-green-faded);
}
100% {
background-color: inherit;
}
}
.burst div[class^=burst-wizard-] .burst-license .burst-task-element {
padding-top: var(--rsp-spacing-s);
padding-bottom: 0;
}
.burst div[class^=burst-wizard-] .burst-license .burst-task-element .burst-icon {
width: 15px;
}
.burst div[class^=burst-wizard-] .burst-license .burst-license-field {
display: flex;
}
.burst div[class^=burst-wizard-] .burst-user-role-checkbox-blocklist {
margin-top: var(--rsp-spacing-xs);
}
.burst div[class^=burst-wizard-] .burst-user-role-checkbox-blocklist label {
margin-top: var(--rsp-spacing-xxs);
font-weight: 400;
font-size: var(--rsp-fs-300);
}
.burst div[class^=burst-wizard-] .burst-class-id-field {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.burst div[class^=burst-wizard-] .burst-class-id-field > * {
width: 100%;
}
.burst div[class^=burst-wizard-] .burst-class-id-field__input {
flex: 1;
display: grid;
grid-template-columns: 28px 1fr;
}
.burst div[class^=burst-wizard-] .burst-class-id-field__input button {
background-color: var(--rsp-input-background-color);
border: 1px solid var(--rsp-input-border-color);
border-radius: var(--rsp-border-radius-xs) 0 0 var(--rsp-border-radius-xs);
border-right: 0;
cursor: pointer;
}
.burst div[class^=burst-wizard-] .burst-class-id-field__input input {
margin-left: 0;
border-radius: 0 var(--rsp-border-radius-xs) var(--rsp-border-radius-xs) 0;
}
.burst .burst-license .button {
margin-top: var(--rsp-spacing-xs);
}
.burst .burst-comment {
width: 100%;
}
.burst .components-snackbar-list.edit-site-notices {
width: max-content;
position: fixed;
bottom: var(--rsp-spacing-m);
right: var(--rsp-spacing-l);
}
.burst .components-snackbar-list.edit-site-notices > div {
margin-left: auto;
}
.burst .components-snackbar-list.edit-site-notices .components-snackbar {
background: var(--rsp-background-block-color);
box-shadow: var(--rsp-box-shadow);
border-radius: var(--rsp-border-radius);
color: var(--rsp-text-color);
font-weight: 700;
}
.burst div[class^=burst-wizard-] .burst-settings-goals__list {
display: flex;
flex-wrap: wrap;
flex-direction: column;
gap: var(--rsp-spacing-s);
margin-top: var(--rsp-spacing-s);
}
.burst div[class^=burst-wizard-] .burst-settings-goals__list__item {
width: 100%;
background-color: var(--rsp-grey-200);
border-radius: var(--rsp-border-radius);
}
.burst div[class^=burst-wizard-] .burst-settings-goals__list__item__fields {
display: flex;
flex-wrap: wrap;
gap: var(--rsp-spacing-xl);
padding: var(--rsp-spacing-xs) var(--rsp-spacing-l) var(--rsp-spacing-m) var(--rsp-spacing-l);
margin-top: var(--rsp-spacing-s);
}
.burst div[class^=burst-wizard-] .burst-settings-goals__list__item__fields > * {
width: 100%;
}
.burst div[class^=burst-wizard-] .burst-settings-goals__list__item__fields__warning {
padding: var(--rsp-spacing-xs) var(--rsp-spacing-s);
margin: var(--rsp-spacing-xxs) 0;
border-radius: var(--rsp-border-radius-xs);
opacity: 1;
transition: opacity 1.3s ease-in-out;
color: var(--rsp-red);
background-color: var(--rsp-red-faded);
border: 1px solid var(--rsp-red);
display: flex;
gap: var(--rsp-spacing-xs);
align-items: center;
}
.burst div[class^=burst-wizard-] .burst-settings-goals__list__item__fields__warning.hidden {
opacity: 0;
}
.burst div[class^=burst-wizard-] .burst-settings-goals__list__item__fields__warning.success {
color: var(--rsp-green);
background-color: var(--rsp-green-faded);
border: 1px solid var(--rsp-green);
}
.burst div[class^=burst-wizard-] .burst-settings-goals__list__item__fields__warning.warning {
color: var(--rsp-text-color);
background-color: var(--rsp-yellow-faded);
border: 1px solid var(--rsp-yellow);
}
.burst div[class^=burst-wizard-] .burst-settings-goals__list__item details {
border-radius: var(--rsp-border-radius);
border: 1px solid var(--rsp-grey-300);
}
.burst div[class^=burst-wizard-] .burst-settings-goals__list__item details summary {
padding: var(--rsp-spacing-xxs) var(--rsp-spacing-s);
display: grid;
grid-template-columns: 26px 1fr auto auto auto;
align-items: center;
gap: var(--rsp-spacing-s);
list-style: none;
}
.burst div[class^=burst-wizard-] .burst-settings-goals__list__item details summary::-webkit-details-marker {
display: none;
}
.burst div[class^=burst-wizard-] .burst-settings-goals__list__item details summary::marker {
display: none;
}
.burst div[class^=burst-wizard-] .burst-settings-goals__list__item details summary h5 {
font-weight: 600;
display: inline-block;
}
.burst div[class^=burst-wizard-] .burst-settings-goals__list__item details summary .components-toggle-control {
display: flex;
align-items: center;
margin: 0;
}
.burst div[class^=burst-wizard-] .burst-settings-goals__list__item details summary .components-toggle-control .components-flex {
gap: 0;
}
.burst div[class^=burst-wizard-] .burst-settings-goals__list__item details summary .burst-icon-chevron-down {
transition: all 0.25s ease-in-out;
transform: rotate(0deg);
}
.burst div[class^=burst-wizard-] .burst-settings-goals__list__item details[open] summary {
padding-bottom: var(--rsp-spacing-s);
border-bottom: 1px solid var(--rsp-grey-300);
}
.burst div[class^=burst-wizard-] .burst-settings-goals__list__item details[open] summary .burst-icon-chevron-down {
transform: rotate(180deg);
}
.burst div[class^=burst-wizard-] .burst-settings-goals__list__item details .burst-field-wrap {
padding-inline: 0;
padding: 0;
padding-top: var(--rsp-spacing-m);
}
.burst div[class^=burst-wizard-] .burst-settings-goals__list__item details .burst-label {
color: var(--rsp-text-color);
font-size: var(--rsp-fs-400);
font-weight: 600;
margin-bottom: var(--rsp-spacing-xs);
}
.burst div[class^=burst-wizard-] .burst-settings-goals__upgrade {
display: flex;
gap: var(--rsp-spacing-s);
padding: var(--rsp-spacing-s);
background-color: var(--rsp-grey-200);
border-radius: var(--rsp-border-radius);
margin-top: var(--rsp-spacing-s);
justify-content: flex-start;
align-items: center;
border: 2px solid var(--rsp-grey-300);
}
.burst div[class^=burst-wizard-] .burst-settings-goals__upgrade h5 {
font-weight: 600;
}
.burst div[class^=burst-wizard-] .burst-settings-goals__upgrade p {
font-size: var(--rsp-fs-200);
color: var(--rsp-text-color-light);
}
.burst div[class^=burst-wizard-] .burst-settings-goals__upgrade .burst-button {
margin-left: auto;
}
.burst div[class^=burst-wizard-] .burst-radio-buttons__list {
display: grid;
grid-template-columns: repeat(2, minmax(49%, 1fr));
gap: var(--rsp-spacing-s);
}
.burst div[class^=burst-wizard-] .burst-radio-buttons__list__item input[type=radio] {
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
}
.burst div[class^=burst-wizard-] .burst-radio-buttons__list__item input[type=radio]:checked + label {
background: var(--rsp-green-faded);
border: 2px solid var(--rsp-green);
margin: 0;
}
.burst div[class^=burst-wizard-] .burst-radio-buttons__list__item label {
background: var(--rsp-white);
margin: 1px;
border: 1px solid var(--rsp-input-border-color);
outline: 1px solid transparent;
padding: var(--rsp-spacing-xs);
border-radius: var(--rsp-border-radius-xs);
display: grid;
grid-template-columns: auto auto auto 1fr;
gap: var(--rsp-spacing-xs);
align-items: center;
}
.burst div[class^=burst-wizard-] .burst-radio-buttons__list__item label.burst-disabled-radio {
background: inherit;
}
.burst div[class^=burst-wizard-] .burst-radio-buttons__list__item label .burst-icon {
width: 24px;
height: 24px;
}
.burst div[class^=burst-wizard-] .burst-radio-buttons__list__item label h5 {
font-weight: 600;
letter-spacing: 0.3px;
line-height: 1;
}
.burst div[class^=burst-wizard-] .burst-radio-buttons__list__item label p {
line-height: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: var(--rsp-fs-200);
color: var(--rsp-text-color-light);
}
.burst div[class^=burst-wizard-] .burst-class-id, .burst div[class^=burst-wizard-] .burst-hook {
display: flex;
flex-wrap: wrap;
align-content: stretch;
gap: var(--rsp-spacing-xl);
}
.burst div[class^=burst-wizard-] .burst-class-id > *, .burst div[class^=burst-wizard-] .burst-hook > * {
width: 100%;
}
.burst div[class^=burst-wizard-] .burst-class-id input[type=text], .burst div[class^=burst-wizard-] .burst-hook input[type=text] {
width: 100%;
box-sizing: border-box;
}
.burst div[class^=burst-wizard-] .burst-select__control input {
outline-style: none;
box-shadow: none;
border-color: transparent;
}
.burst div[class^=burst-wizard-] .burst-select__custom-option {
padding: var(--rsp-spacing-xxs) var(--rsp-spacing-xs);
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--rsp-spacing-xxs);
transition: background ease 0.2s;
}
.burst div[class^=burst-wizard-] .burst-select__custom-option > div {
display: flex;
gap: var(--rsp-spacing-xxs);
}
.burst div[class^=burst-wizard-] .burst-select__custom-option:hover {
background: var(--rsp-green-faded);
}
.burst div[class^=burst-wizard-] .burst-select__title {
font-size: var(--rsp-fs-200);
color: var(--rsp-text-color);
}
.burst div[class^=burst-wizard-] .burst-select__subtitle {
font-size: var(--rsp-fs-100);
color: var(--rsp-text-color-light);
}
.burst div[class^=burst-wizard-] .burst-select__pageview-count {
min-width: 45px;
font-size: var(--rsp-fs-100);
color: var(--rsp-text-color-light);
}
.burst div[class^=burst-wizard-] .burst-click-to-edit h5 {
min-width: 150px;
}
.MuiDialog-container .MuiPaper-rounded {
border-radius: var(--rsp-border-radius-s);
}
.burst-settings-goals__add-goal {
display: flex;
}
.burst-settings-goals__add-goal .burst-button {
margin-right: 10px;
align-self: flex-start;
}
.burst-settings-goals__add-goal .burst-button.burst-inactive {
color: var(--rsp-grey-400);
}
.burst-button-dropdown-container {
position: relative;
}
.burst-button-dropdown-container .burst-button {
display: flex;
}
.burst-button-dropdown-container .burst-button .burst-icon {
margin-top: 6px;
margin-left: 5px;
}
.burst-button-dropdown-container .burst-button-dropdown {
background: var(--rsp-grey-100);
color: var(--rsp-text-color-light);
border: 1px solid var(--rsp-grey-400);
width: fit-content;
font-size: var(--button-font-size);
font-weight: var(--button-font-weight);
line-height: var(--button-line-height);
letter-spacing: var(--button-letter-spacing);
transition: var(--button-transition);
min-height: var(--button-min-height);
margin: 0;
padding: var(--button-padding);
border-radius: var(--button-border-radius);
text-align: center;
cursor: pointer;
text-decoration: none;
}
.burst-button-dropdown-container .burst-button-dropdown__row {
display: flex;
cursor: pointer;
}
.burst-button-dropdown-container .burst-button-dropdown__row.burst-inactive {
color: var(--rsp-grey-400);
}
.burst-button-dropdown-container .burst-button-dropdown__row .burst-icon {
margin-left: 5px;
margin-top: 2px;
}
.burst-logo-container {
display: flex;
}
.burst-logo-container .burst-logo-preview {
margin-top: 10px;
border: 1px var(--rsp-black) dashed;
display: flex;
align-items: center;
justify-content: center;
}
.burst-logo-container .burst-logo-preview.burst-clickable {
cursor: pointer;
height: calc(40px + 2 * var(--rsp-spacing-xs));
max-width: 100%;
border-radius: var(--rsp-border-radius-xs);
padding: var(--rsp-spacing-xs);
}
.burst-logo-container .burst-logo-preview.burst-clickable img {
max-width: 100%;
max-height: 100%;
}
.burst-logo-container .burst-logo-preview.disabled {
pointer-events: none;
opacity: 0.5;
}
.burst .burst-insights {
padding-bottom: var(--rsp-spacing-m);
}
.rdrCalendarWrapper {
color: #000000;
font-size: var(--rsp-fs-400);
}
.rdrDateDisplayWrapper {
background-color: var(--rsp-green-faded);
}
.rdrDateDisplay {
margin: 0.833em;
}
.rdrDateDisplayItem {
border-radius: 4px;
background-color: rgb(255, 255, 255);
box-shadow: 0 1px 2px 0 rgba(35, 57, 66, 0.21);
border: 1px solid transparent;
}
.rdrDateDisplayItem input {
cursor: pointer;
height: 2.5em;
line-height: 2.5em;
border: 0;
background: transparent;
width: 100%;
color: #849095;
}
.rdrDateDisplayItemActive {
border-color: currentColor;
}
.rdrDateDisplayItemActive input {
color: #7d888d;
}
.rdrMonthAndYearWrapper {
align-items: center;
height: 60px;
padding-top: var(--rsp-spacing-xxs);
}
.rdrMonthAndYearPickers {
font-weight: 600;
}
.rdrMonthAndYearPickers select {
appearance: none;
-webkit-appearance: none;
border: 0;
background: transparent;
border-radius: 4px;
outline: 0;
color: #3e484f;
background: url("data:image/svg+xml;utf8,<svg width='9px' height='6px' viewBox='0 0 9 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' transform='translate(-636.000000, -171.000000)' fill-opacity='0.368716033'><g id='input' transform='translate(172.000000, 37.000000)' fill='%230E242F' fill-rule='nonzero'><g id='Group-9' transform='translate(323.000000, 127.000000)'><path d='M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z' id='arrow'></path></g></g></g></svg>") no-repeat;
background-position: right 8px center;
cursor: pointer;
text-align: center;
}
.rdrMonthAndYearPickers select:hover {
background-color: rgba(0, 0, 0, 0.07);
}
.rdrMonthPicker, .rdrYearPicker {
margin: 0 5px;
}
.rdrNextPrevButton {
display: block;
width: 24px;
height: 24px;
margin: 0 0.833em;
padding: 0;
border: 0;
border-radius: 5px;
background: #EFF2F7;
}
.rdrNextPrevButton:hover {
background: #E1E7F0;
}
.rdrNextPrevButton i {
display: block;
width: 0;
height: 0;
padding: 0;
text-align: center;
border-style: solid;
margin: auto;
transform: translate(-3px, 0);
}
.rdrPprevButton i {
border-width: 4px 6px 4px 4px;
border-color: transparent rgb(52, 73, 94) transparent transparent;
transform: translate(-3px, 0);
}
.rdrNextButton i {
margin: 0 0 0 7px;
border-width: 4px 4px 4px 6px;
border-color: transparent transparent transparent rgb(52, 73, 94);
transform: translate(3px, 0);
}
.rdrWeekDays {
padding: 0 0.833em;
}
.rdrMonth {
padding: 0 0.833em 1.666em 0.833em;
}
.rdrMonth .rdrWeekDays {
padding: 0;
}
.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName {
display: none;
}
.rdrWeekDay {
font-weight: 400;
line-height: 2.667em;
color: rgb(132, 144, 149);
}
.rdrDay {
background: transparent;
user-select: none;
border: 0;
padding: 0;
aspect-ratio: 1.2/1;
text-align: center;
color: var(--rsp-text-color);
}
.rdrDay:focus {
outline: 0;
}
.rdrDayNumber {
outline: 0;
font-weight: 300;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
}
.rdrDayToday .rdrDayNumber span {
font-weight: 500;
}
.rdrDayToday .rdrDayNumber span:after {
content: "";
position: absolute;
bottom: -2px;
left: 50%;
transform: translate(-50%, 0);
width: 4px;
height: 4px;
border-radius: 100%;
background: var(--rsp-green);
}
.rdrDayToday:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span:after, .rdrDayToday:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span:after, .rdrDayToday:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span:after, .rdrDayToday:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span:after {
background: #fff;
}
.rdrDay:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span, .rdrDay:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span, .rdrDay:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span, .rdrDay:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span {
color: rgba(255, 255, 255, 0.85);
}
.rdrSelected, .rdrInRange, .rdrStartEdge, .rdrEndEdge {
background: currentColor;
position: absolute;
top: 5px;
left: 0;
right: 0;
bottom: 5px;
}
.rdrSelected {
left: 2px;
right: 2px;
}
.rdrStartEdge {
border-top-left-radius: var(--rsp-border-radius-xs);
border-bottom-left-radius: var(--rsp-border-radius-xs);
left: 2px;
}
.rdrEndEdge {
border-top-right-radius: var(--rsp-border-radius-xs);
border-bottom-right-radius: var(--rsp-border-radius-xs);
right: 2px;
}
.rdrSelected {
border-radius: var(--rsp-border-radius-xs);
}
.rdrDayStartOfMonth .rdrInRange, .rdrDayStartOfMonth .rdrEndEdge, .rdrDayStartOfWeek .rdrInRange, .rdrDayStartOfWeek .rdrEndEdge {
border-top-left-radius: var(--rsp-border-radius-xs);
border-bottom-left-radius: var(--rsp-border-radius-xs);
left: 2px;
}
.rdrDayEndOfMonth .rdrInRange, .rdrDayEndOfMonth .rdrStartEdge, .rdrDayEndOfWeek .rdrInRange, .rdrDayEndOfWeek .rdrStartEdge {
border-top-right-radius: var(--rsp-border-radius-xs);
border-bottom-right-radius: var(--rsp-border-radius-xs);
right: 2px;
}
.rdrDayStartOfMonth .rdrDayInPreview, .rdrDayStartOfMonth .rdrDayEndPreview, .rdrDayStartOfWeek .rdrDayInPreview, .rdrDayStartOfWeek .rdrDayEndPreview {
border-top-left-radius: var(--rsp-border-radius-xs);
border-bottom-left-radius: var(--rsp-border-radius-xs);
border-left-width: 2px;
left: 0;
}
.rdrDayEndOfMonth .rdrDayInPreview, .rdrDayEndOfMonth .rdrDayStartPreview, .rdrDayEndOfWeek .rdrDayInPreview, .rdrDayEndOfWeek .rdrDayStartPreview {
border-top-right-radius: var(--rsp-border-radius-xs);
border-bottom-right-radius: var(--rsp-border-radius-xs);
border-right-width: 2px;
right: 0;
}
.rdrDayStartPreview, .rdrDayInPreview, .rdrDayEndPreview {
background: rgba(255, 255, 255, 0.09);
position: absolute;
top: 3px;
left: 0;
right: 0;
bottom: 3px;
pointer-events: none;
border: 0 solid currentColor;
z-index: 1;
}
.rdrDayStartPreview {
border-top-width: 2px;
border-left-width: 2px;
border-bottom-width: 2px;
border-top-left-radius: var(--rsp-border-radius-xs);
border-bottom-left-radius: var(--rsp-border-radius-xs);
left: 0;
}
.rdrDayInPreview {
border-top-width: 2px;
border-bottom-width: 2px;
}
.rdrDayEndPreview {
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-top-right-radius: var(--rsp-border-radius-xs);
border-bottom-right-radius: var(--rsp-border-radius-xs);
right: 0;
}
.rdrDefinedRangesWrapper {
font-size: 12px;
min-width: 160px;
width: max-content;
border-right: solid 1px #eff2f7;
background: #fff;
}
.rdrDefinedRangesWrapper .rdrStaticRangeSelected {
color: currentColor;
font-weight: 600;
}
.rdrStaticRange {
border: 0;
cursor: pointer;
display: block;
outline: 0;
border-bottom: 1px solid #eff2f7;
padding: 0;
background: #fff;
}
.rdrStaticRange:hover .rdrStaticRangeLabel, .rdrStaticRange:focus .rdrStaticRangeLabel {
background: #eff2f7;
}
.rdrStaticRangeLabel {
overflow: hidden;
display: block;
outline: 0;
line-height: 18px;
padding: 10px 20px;
text-align: left;
font-weight: 300;
}
.rdrInputRanges {
padding: 10px 0;
}
.rdrInputRange {
align-items: center;
padding: 5px 20px;
}
.rdrInputRangeInput {
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 4px;
text-align: center;
border: solid 1px rgb(222, 231, 235);
margin-right: 10px;
color: rgb(108, 118, 122);
}
.rdrInputRangeInput:focus, .rdrInputRangeInput:hover {
border-color: rgb(180, 191, 196);
outline: 0;
color: #333;
}
.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after {
content: "";
border: 1px solid currentColor;
border-radius: 1.333em;
position: absolute;
top: -2px;
bottom: -2px;
left: 0;
right: 0;
background: transparent;
}
.rdrDayPassive {
pointer-events: none;
}
.rdrDayPassive .rdrDayNumber span {
color: #d5dce0;
}
.rdrDayPassive .rdrInRange, .rdrDayPassive .rdrStartEdge, .rdrDayPassive .rdrEndEdge, .rdrDayPassive .rdrSelected, .rdrDayPassive .rdrDayStartPreview, .rdrDayPassive .rdrDayInPreview, .rdrDayPassive .rdrDayEndPreview {
display: none;
}
.rdrDayDisabled {
background-color: rgb(248, 248, 248);
}
.rdrDayDisabled .rdrDayNumber span {
color: #aeb9bf;
}
.rdrDayDisabled .rdrInRange, .rdrDayDisabled .rdrStartEdge, .rdrDayDisabled .rdrEndEdge, .rdrDayDisabled .rdrSelected, .rdrDayDisabled .rdrDayStartPreview, .rdrDayDisabled .rdrDayInPreview, .rdrDayDisabled .rdrDayEndPreview {
filter: grayscale(100%) opacity(60%);
}
.rdrMonthName {
text-align: left;
font-weight: 600;
color: #849095;
padding: var(--rsp-spacing-xxs);
}
.rdrCalendarWrapper {
box-sizing: border-box;
background: #ffffff;
display: inline-flex;
flex-direction: column;
user-select: none;
}
.rdrDateDisplay {
display: flex;
justify-content: space-between;
}
.rdrDateDisplayItem {
flex: 1 1;
width: 0;
text-align: center;
color: inherit;
}
.rdrDateDisplayItem + .rdrDateDisplayItem {
margin-left: 0.833em;
}
.rdrDateDisplayItem input {
color: var(--rsp-text-color);
text-align: inherit;
}
.rdrDateDisplayItem input:disabled {
cursor: default;
}
.rdrMonthAndYearWrapper {
box-sizing: inherit;
display: flex;
justify-content: space-between;
}
.rdrMonthAndYearPickers {
flex: 1 1 auto;
display: flex;
justify-content: center;
align-items: center;
}
.rdrNextPrevButton {
box-sizing: inherit;
cursor: pointer;
outline: none;
}
.rdrMonths {
display: flex;
}
.rdrMonthsVertical {
flex-direction: column;
}
.rdrMonthsHorizontal > div > div > div {
display: flex;
flex-direction: row;
}
.rdrMonth {
width: 300px;
}
.rdrWeekDays {
display: flex;
}
.rdrWeekDay {
flex-basis: 14.2857142857%;
box-sizing: inherit;
text-align: center;
}
.rdrDays {
display: flex;
flex-wrap: wrap;
}
.rdrInfiniteMonths {
overflow: auto;
}
.rdrDateRangeWrapper {
user-select: none;
}
.rdrDateInput {
position: relative;
}
.rdrDateInput input {
outline: none;
}
.rdrDateInput .rdrWarning {
position: absolute;
font-size: 1.6em;
line-height: 1.6em;
top: 0;
right: 0.25em;
color: #FF0000;
}
.rdrDay {
box-sizing: inherit;
width: 14.2857142857%;
position: relative;
font: inherit;
cursor: pointer;
}
.rdrDayNumber {
display: block;
position: relative;
}
.rdrDayNumber span {
color: #1d2429;
}
.rdrDayDisabled {
cursor: not-allowed;
}
@supports (-ms-ime-align: auto) {
.rdrDay {
flex-basis: 14.285% !important;
}
}
.rdrSelected, .rdrInRange, .rdrStartEdge, .rdrEndEdge {
pointer-events: none;
}
.rdrDayStartPreview, .rdrDayInPreview, .rdrDayEndPreview {
pointer-events: none;
}
.rdrDateRangePickerWrapper {
display: inline-flex;
user-select: none;
}
.rdrStaticRanges {
display: flex;
flex-direction: column;
}
.rdrStaticRange {
font-size: inherit;
}
.rdrInputRange {
display: flex;
}
.burst {
---rsp-filter-padding: 0.3rem 0.9rem;
}
.burst .burst-data-filters {
gap: var(--rsp-spacing-xs);
}
.burst .burst-data-filters .burst-data-filter {
display: flex;
align-items: center;
vertical-align: middle;
gap: var(--rsp-spacing-xs);
padding: var(---rsp-filter-padding);
box-shadow: var(--rsp-box-shadow);
background: var(--rsp-grey-200);
border-radius: var(--rsp-border-radius-xs);
border: 1px solid var(--rsp-input-border-color);
}
.burst .burst-data-filters .burst-data-filter .burst-data-filter__label {
font-size: var(--rsp-fs-400);
font-weight: 600;
line-height: var(--rsp-fs-400);
}
.burst .burst-data-filters .burst-data-filter .burst-data-filter-divider, .burst .burst-data-filters .burst-data-filter .burst-divider {
width: 1px;
height: 80%;
background: var(--rsp-grey-500);
}
.burst .burst-data-filters .burst-data-filter .burst-data-filter__value {
font-size: var(--rsp-fs-300);
line-height: var(--rsp-fs-300);
}
.burst .burst-data-filters .burst-data-filter button {
border: none;
background: none;
margin: 0;
font: inherit;
cursor: pointer;
padding: auto var(--rsp-spacing-xs);
height: 100%;
}
.burst .burst-data-filters .burst-data-filter--animate {
opacity: 0;
transform: scale(0.1);
}
.burst .burst-click-to-filter {
cursor: pointer;
}
.burst .burst-flag-wrapper {
display: flex;
align-items: center;
justify-content: flex-start;
gap: var(--rsp-spacing-xxs);
}
.burst .burst-flag svg {
height: var(--rsp-fs-300);
width: auto;
}
.burst .burst-flag div {
display: flex;
}
:root {
--toastify-color-light: var(--rsp-white);
--toastify-color-dark: var(--rsp-black);
--toastify-color-info: var(--rsp-yellow);
--toastify-color-success: var(--rsp-green);
--toastify-color-warning: var(--rsp-orange);
--toastify-color-error: var(--rsp-red);
--toastify-color-transparent: rgba(255, 255, 255, 0.7);
--toastify-icon-color-info: var(--toastify-color-info);
--toastify-icon-color-success: var(--toastify-color-success);
--toastify-icon-color-warning: var(--toastify-color-warning);
--toastify-icon-color-error: var(--toastify-color-error);
--toastify-toast-width: 320px;
--toastify-toast-background: #fff;
--toastify-toast-min-height: 42px;
--toastify-toast-max-height: 800px;
--toastify-font-family: sans-serif;
--toastify-z-index: 9999;
--toastify-text-color-light: var(--rsp-text-color);
--toastify-text-color-dark: var(--rsp-text-color-white);
--toastify-text-color-info: #fff;
--toastify-text-color-success: #fff;
--toastify-text-color-warning: #fff;
--toastify-text-color-error: #fff;
--toastify-spinner-color: #616161;
--toastify-spinner-color-empty-area: #e0e0e0;
--toastify-color-progress-light: linear-gradient(
to right,
#4cd964,
#5ac8fa,
#007aff,
#34aadc,
#5856d6,
#ff2d55
);
--toastify-color-progress-dark: #bb86fc;
--toastify-color-progress-info: var(--toastify-color-info);
--toastify-color-progress-success: var(--toastify-color-success);
--toastify-color-progress-warning: var(--toastify-color-warning);
--toastify-color-progress-error: var(--toastify-color-error);
}
.Toastify__toast-container {
z-index: var(--toastify-z-index);
-webkit-transform: translate3d(0, 0, var(--toastify-z-index) px);
position: fixed;
padding: 4px;
width: var(--toastify-toast-width);
box-sizing: border-box;
color: #fff;
}
.Toastify__toast-container--top-left {
top: 1em;
left: 1em;
}
.Toastify__toast-container--top-center {
top: calc(2em + 32px);
left: 50%;
transform: translateX(-50%);
}
.Toastify__toast-container--top-right {
top: 1em;
right: 1em;
}
.Toastify__toast-container--bottom-left {
bottom: 1em;
left: 1em;
}
.Toastify__toast-container--bottom-center {
bottom: 1em;
left: 50%;
transform: translateX(-50%);
}
.Toastify__toast-container--bottom-right {
bottom: 1em;
right: 1em;
}
@media only screen and (max-width : 480px) {
.Toastify__toast-container {
width: 100vw;
padding: 0;
left: 0;
margin: 0;
}
.Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
top: 0;
transform: translateX(0);
}
.Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
bottom: 0;
transform: translateX(0);
}
.Toastify__toast-container--rtl {
right: 0;
left: initial;
}
}
.Toastify__toast {
position: relative;
min-height: var(--toastify-toast-min-height);
box-sizing: border-box;
margin-bottom: 1rem;
padding: 8px;
border-radius: var(--rsp-border-radius);
border: 1px solid #eeeeee;
box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
box-shadow: var(--rsp-box-shadow);
display: flex;
justify-content: space-between;
max-height: var(--toastify-toast-max-height);
overflow: hidden;
font-family: var(--toastify-font-family);
cursor: default;
direction: ltr;
/* webkit only issue #791 */
z-index: 0;
}
.Toastify__toast--rtl {
direction: rtl;
}
.Toastify__toast--close-on-click {
cursor: pointer;
}
.Toastify__toast-body {
margin: auto 0;
flex: 1 1 auto;
padding: 6px;
display: flex;
align-items: center;
}
.Toastify__toast-body > div:last-child {
word-break: break-word;
flex: 1;
}
.Toastify__toast-icon {
margin-inline-end: 10px;
width: 20px;
flex-shrink: 0;
display: flex;
}
.Toastify--animate {
animation-fill-mode: both;
animation-duration: 0.7s;
}
.Toastify--animate-icon {
animation-fill-mode: both;
animation-duration: 0.3s;
}
@media only screen and (max-width : 480px) {
.Toastify__toast {
margin-bottom: 0;
border-radius: 0;
}
}
.Toastify__toast-theme--dark {
background: var(--toastify-color-dark);
color: var(--toastify-text-color-dark);
}
.Toastify__toast-theme--light {
background: var(--toastify-color-light);
color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--default {
background: var(--toastify-color-light);
color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--info {
color: var(--toastify-text-color-info);
background: var(--toastify-color-info);
}
.Toastify__toast-theme--colored.Toastify__toast--success {
color: var(--toastify-text-color-success);
background: var(--toastify-color-success);
}
.Toastify__toast-theme--colored.Toastify__toast--warning {
color: var(--toastify-text-color-warning);
background: var(--toastify-color-warning);
}
.Toastify__toast-theme--colored.Toastify__toast--error {
color: var(--toastify-text-color-error);
background: var(--toastify-color-error);
}
.Toastify__progress-bar-theme--light {
background: var(--toastify-color-progress-light);
}
.Toastify__progress-bar-theme--dark {
background: var(--toastify-color-progress-dark);
}
.Toastify__progress-bar--info {
background: var(--toastify-color-progress-info);
}
.Toastify__progress-bar--success {
background: var(--toastify-color-progress-success);
}
.Toastify__progress-bar--warning {
background: var(--toastify-color-progress-warning);
}
.Toastify__progress-bar--error {
background: var(--toastify-color-progress-error);
}
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
background: var(--toastify-color-transparent);
}
.Toastify__close-button {
color: #fff;
background: transparent;
outline: none;
border: none;
padding: 0;
cursor: pointer;
opacity: 0.7;
transition: 0.3s ease;
align-self: flex-start;
}
.Toastify__close-button--light {
color: #000;
opacity: 0.3;
}
.Toastify__close-button > svg {
fill: currentColor;
height: 16px;
width: 14px;
}
.Toastify__close-button:hover, .Toastify__close-button:focus {
opacity: 1;
}
@keyframes Toastify__trackProgress {
0% {
transform: scaleX(1);
}
100% {
transform: scaleX(0);
}
}
.Toastify__progress-bar {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 5px;
z-index: var(--toastify-z-index);
opacity: 0.7;
transform-origin: left;
}
.Toastify__progress-bar--animated {
animation: Toastify__trackProgress linear 1 forwards;
}
.Toastify__progress-bar--controlled {
transition: transform 0.2s;
}
.Toastify__progress-bar--rtl {
right: 0;
left: initial;
transform-origin: right;
}
.Toastify__spinner {
width: 20px;
height: 20px;
box-sizing: border-box;
border: 2px solid;
border-radius: 100%;
border-color: var(--toastify-spinner-color-empty-area);
border-right-color: var(--toastify-spinner-color);
animation: Toastify__spin 0.65s linear infinite;
}
@keyframes Toastify__bounceInRight {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(-25px, 0, 0);
}
75% {
transform: translate3d(10px, 0, 0);
}
90% {
transform: translate3d(-5px, 0, 0);
}
to {
transform: none;
}
}
@keyframes Toastify__bounceOutRight {
20% {
opacity: 1;
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
}
@keyframes Toastify__bounceInLeft {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(25px, 0, 0);
}
75% {
transform: translate3d(-10px, 0, 0);
}
90% {
transform: translate3d(5px, 0, 0);
}
to {
transform: none;
}
}
@keyframes Toastify__bounceOutLeft {
20% {
opacity: 1;
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes Toastify__bounceInUp {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
75% {
transform: translate3d(0, 10px, 0);
}
90% {
transform: translate3d(0, -5px, 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
@keyframes Toastify__bounceOutUp {
20% {
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
}
@keyframes Toastify__bounceInDown {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, 25px, 0);
}
75% {
transform: translate3d(0, -10px, 0);
}
90% {
transform: translate3d(0, 5px, 0);
}
to {
transform: none;
}
}
@keyframes Toastify__bounceOutDown {
20% {
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
}
.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
animation-name: Toastify__bounceInLeft;
}
.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
animation-name: Toastify__bounceInRight;
}
.Toastify__bounce-enter--top-center {
animation-name: Toastify__bounceInDown;
}
.Toastify__bounce-enter--bottom-center {
animation-name: Toastify__bounceInUp;
}
.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
animation-name: Toastify__bounceOutLeft;
}
.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
animation-name: Toastify__bounceOutRight;
}
.Toastify__bounce-exit--top-center {
animation-name: Toastify__bounceOutUp;
}
.Toastify__bounce-exit--bottom-center {
animation-name: Toastify__bounceOutDown;
}
@keyframes Toastify__zoomIn {
from {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes Toastify__zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
.Toastify__zoom-enter {
animation-name: Toastify__zoomIn;
}
.Toastify__zoom-exit {
animation-name: Toastify__zoomOut;
}
@keyframes Toastify__flipIn {
from {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
transform: perspective(400px);
}
}
@keyframes Toastify__flipOut {
from {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.Toastify__flip-enter {
animation-name: Toastify__flipIn;
}
.Toastify__flip-exit {
animation-name: Toastify__flipOut;
}
@keyframes Toastify__slideInRight {
from {
transform: translate3d(110%, 0, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
@keyframes Toastify__slideInLeft {
from {
transform: translate3d(-110%, 0, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
@keyframes Toastify__slideInUp {
from {
transform: translate3d(0, 110%, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
@keyframes Toastify__slideInDown {
from {
transform: translate3d(0, -110%, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
@keyframes Toastify__slideOutRight {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(110%, 0, 0);
}
}
@keyframes Toastify__slideOutLeft {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(-110%, 0, 0);
}
}
@keyframes Toastify__slideOutDown {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(0, 500px, 0);
}
}
@keyframes Toastify__slideOutUp {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(0, -500px, 0);
}
}
.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
animation-name: Toastify__slideInLeft;
}
.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
animation-name: Toastify__slideInRight;
}
.Toastify__slide-enter--top-center {
animation-name: Toastify__slideInDown;
}
.Toastify__slide-enter--bottom-center {
animation-name: Toastify__slideInUp;
}
.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
animation-name: Toastify__slideOutLeft;
}
.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
animation-name: Toastify__slideOutRight;
}
.Toastify__slide-exit--top-center {
animation-name: Toastify__slideOutUp;
}
.Toastify__slide-exit--bottom-center {
animation-name: Toastify__slideOutDown;
}
@keyframes Toastify__spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
/**
Admin notice
*/
.cmplz-admin-notice .cmplz-admin-notice-container {
display: flex;
padding: 12px;
align-items: center;
}
.cmplz-admin-notice .cmplz-admin-notice-container .cmplz-logo img {
margin-top: 0.5em;
}
.cmplz-admin-notice .cmplz-admin-notice-container .dashicons {
margin-left: 10px;
margin-right: 5px;
}
.burst .burst-status-allowed {
background-color: red;
}
.burst .burst-status-revoked {
background-color: green;
}
.burst .rdt_TableHeadRow, .burst .rdt_TableRow {
padding-inline: var(--rsp-spacing-l);
}
@media screen and (max-width: 1280px) {
.burst .rdt_TableHeadRow, .burst .rdt_TableRow {
padding-inline: var(--rsp-spacing-s);
}
}
.burst .rdt_TableCol, .burst .rdt_TableCell {
padding-left: 0;
padding-right: 0;
}
.burst .burst-csp-revoked > div:nth-child(-n+3) {
opacity: 0.3;
}
.burst .rdt_Pagination select + svg {
display: none;
}
.burst .burst-empty-data-table {
text-align: center;
padding: var(--rsp-spacing-xl);
}
.burst .burst-grid-item.datatable .burst-loading-container {
align-content: space-between;
height: 100%;
}
.burst .burst-grid-item.datatable .burst-loading-container > div {
width: 100%;
}
.burst .burst-clickable-row-item {
cursor: pointer;
display: flex;
gap: var(--rsp-spacing-xxs);
padding: var(--rsp-spacing-xxs) var(--rsp-spacing-xs);
}
.burst .burst-clickable-row-item .burst-icon {
pointer-events: none;
}
.burst .burst-not-clickable-row-item {
cursor: default;
padding: var(--rsp-spacing-xxs) var(--rsp-spacing-xs);
}
.burst .burst-datatable-message {
padding: var(--rsp-spacing-xl);
text-align: center;
}
.burst .burst-datatable__select-trigger {
all: unset;
display: inline-flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
padding: 8px 0;
}
.burst .burst-datatable__select-trigger__icon {
margin-left: 8px;
}
.burst .burst-datatable__select-content {
background: var(--rsp-grey-100);
z-index: 99;
border: 1px solid var(--rsp-grey-400);
border-radius: var(--rsp-border-radius-xs);
display: flex;
flex-wrap: wrap;
flex-direction: column;
gap: var(--rsp-spacing-s);
left: 0;
right: 0;
box-shadow: hsla(206, 22%, 7%, 0.35) 0px 10px 38px -10px, hsla(206, 22%, 7%, 0.2) 0px 10px 20px -15px;
animation-duration: 600ms;
animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
will-change: transform, opacity;
}
.burst .burst-datatable__select-content[data-state=open] {
animation-name: slideDownAndFade;
}
@keyframes slideDownAndFade {
from {
opacity: 0;
transform: translateY(-2px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.burst .burst-datatable__select-content__item {
min-width: min(100vw, 150px);
cursor: pointer;
color: var(--rsp-text-color);
font-size: var(--rsp-fs-400);
padding: var(--rsp-spacing-xs) var(--rsp-spacing-s);
border-radius: 3px;
display: flex;
align-items: center;
}
.burst .burst-datatable__select-content__item .burst-icon {
margin-right: 8px;
}
.burst .burst-datatable__select-content__item .burst-pill {
margin-left: 8px;
font-size: var(--rsp-fs-200);
}
.burst .burst-datatable__select-content__item[data-disabled] {
color: var(--rsp-text-grey-200);
background-color: var(--rsp-grey-100);
cursor: not-allowed;
}
.burst .burst-datatable__select-content__item[data-highlighted] {
color: var(--rsp-text-color);
outline: none;
background-color: var(--rsp-green-faded);
}
.burst .burst-datatable__select-content__item[data-state=selected] {
color: var(--rsp-text-color-light);
outline: none;
}
.burst-shepherd {
--rsp-black: #333;
background: var(--rsp-black);
color: var(--rsp-white);
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
width: min(45ch, 100%);
border-radius: var(--rsp-border-radius-xs);
z-index: 999;
margin: var(--rsp-spacing-s) !important;
}
.burst-shepherd .shepherd-arrow, .burst-shepherd .shepherd-arrow:before {
position: absolute;
width: 16px;
height: 16px;
z-index: -1;
}
.burst-shepherd .shepherd-arrow:before {
content: "";
transform: rotate(45deg);
background: var(--rsp-black);
}
.burst-shepherd[data-popper-placement^=top] > .shepherd-arrow {
bottom: -8px;
}
.burst-shepherd[data-popper-placement^=bottom] > .shepherd-arrow {
top: -8px;
}
.burst-shepherd[data-popper-placement^=left] > .shepherd-arrow {
right: -8px;
}
.burst-shepherd[data-popper-placement^=right] > .shepherd-arrow {
left: -8px;
}
.burst-shepherd.shepherd-centered > .shepherd-arrow {
opacity: 0;
}
.burst-shepherd .shepherd-header {
display: flex;
align-items: center;
justify-content: space-between;
min-height: 30px;
padding-inline: var(--rsp-spacing-s);
padding-block: var(--rsp-spacing-xs);
}
.burst-shepherd .shepherd-header .shepherd-title {
margin: 0;
color: var(--rsp-white);
}
.burst-shepherd .shepherd-header button.shepherd-cancel-icon {
background: transparent;
border: none;
outline: none;
cursor: pointer;
color: var(--rsp-text-color-white);
font-size: 20px;
position: relative;
top: -2px;
}
.burst-shepherd .shepherd-header button.shepherd-cancel-icon:hover {
color: var(--rsp-text-color-hover);
}
.burst-shepherd .shepherd-text {
padding-inline: var(--rsp-spacing-s);
padding-block: var(--rsp-spacing-xxs);
}
.burst-shepherd .shepherd-text p {
margin: 0;
margin-top: var(--rsp-spacing-xxs);
color: var(--rsp-white);
}
.burst-shepherd .shepherd-text p:first-of-type {
margin-top: 0;
}
.burst-shepherd .shepherd-footer {
display: flex;
align-items: center;
justify-content: flex-end;
min-height: 30px;
gap: var(--rsp-spacing-xs);
padding-inline: var(--rsp-spacing-s);
padding-block: var(--rsp-spacing-xs);
}
.dashboard_page_burst .shepherd-modal-overlay-container {
display: none;
}
.burst-selected-archive {
margin-top: 10px;
margin-bottom: 10px;
display: flex;
align-items: center;
background-color: var(--rsp-blue-faded);
padding: var(--rsp-spacing-xs) var(--rsp-spacing-l);
}
.burst-selected-archive-controls {
margin-left: auto;
display: flex;
gap: var(--rsp-spacing-xs);
}
.burst-selected-archive button.button.burst-btn-reset {
margin-left: 5px;
}
.burst-selected-archive button.button-default {
display: flex;
}
.burst-selected-archive button.button-default .burst-icon {
margin-top: 7px;
margin-left: 7px;
}
.burst-restore_archives input[type=checkbox] {
margin: 1px;
}
.burst div[class^=burst-wizard-] .burst-restore_archives .burst-table-header {
padding: var(--rsp-spacing-xs) var(--rsp-spacing-l);
}
.burst div[class^=burst-wizard-] .burst-restore_archives .burst-field-wrap {
padding: 0;
}
.burst-no-archives {
padding: var(--rsp-spacing-xl);
}
.burst-label-container, .burst-button {
display: flex;
}
.burst-label-container .burst-pro a, .burst-button .burst-pro a {
margin-left: 10px;
font-size: 11px;
font-weight: 500;
text-decoration: none;
padding: 5px;
background-color: #ecf4ed;
color: #333;
}
.burst {
/*skeleton*/
/*loader*/
}
.burst .burst-skeleton:empty {
margin: auto;
margin-bottom: 25px;
width: 100%;
height: 235px;
/* change height to see repeat-y behavior */
background-image: linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0.5) 15%), linear-gradient(#f2f2f2 38px, transparent 0), linear-gradient(#f2f2f2 38px, transparent 0), linear-gradient(#f2f2f2 38px, transparent 0), linear-gradient(#f2f2f2 38px, transparent 0);
background-repeat: repeat-y;
background-size: 50px 200px, 100% 117px, 100% 117px, 100% 117px, 100% 117px;
background-position: 0 0, 1px 1px, 1px 40px, 1px 79px, 1px 118px;
background-color: #d6d8db;
border-right: 1px solid #d6d8db;
animation: shine 2.5s infinite;
}
@keyframes shine {
to {
background-position: 100% 0, 1px 1px, 1px 40px, 1px 79px, 1px 118px;
}
}
.burst .burst-loader {
margin: 0;
width: 50px;
height: 15px;
text-align: center;
font-size: 10px;
}
.burst .burst-loader > div {
margin: 1px;
background-color: #333;
height: 100%;
width: 3px;
display: inline-block;
-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.burst .burst-loader.burst-loader-white > div {
background-color: #fff;
}
.burst .burst-loader .rect2 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.burst .burst-loader .rect3 {
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
.burst .burst-loader .rect4 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.burst .burst-loader .rect5 {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
.burst .button-primary .burst-loader div {
background-color: #fff;
}
@-webkit-keyframes sk-stretchdelay {
0%, 40%, 100% {
transform: scaleY(0.4);
}
20% {
transform: scaleY(1);
}
}
@keyframes sk-stretchdelay {
0%, 40%, 100% {
transform: scaleY(0.4);
}
20% {
transform: scaleY(1);
}
}
.burst {
--rsp-brand-primary-lightest: #ecf4ed;
--rsp-brand-primary-lighter: #d2e4d3;
--rsp-brand-primary-light: #b7d4b8;
--rsp-brand-primary: var(--rsp-green);
--rsp-brand-primary-dark: #1e7e1e;
--rsp-brand-primary-darker: #1a6c1a;
--rsp-brand-primary-darkest: #155515;
--rsp-brand-secondary: var(--rsp-yellow);
--rsp-brand-primary-faded: var(--rsp-brand-primary-lightest);
}