4972 lines
117 KiB
CSS
4972 lines
117 KiB
CSS
|
|
@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: #7C22FF;
|
||
|
|
--rsp-dark-blue: #1E73BE;
|
||
|
|
--rsp-green: #2e8a37;
|
||
|
|
--rsp-red: #D7263D;
|
||
|
|
--rsp-pink: #E35899;
|
||
|
|
--rsp-orange: #db6939;
|
||
|
|
--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-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 {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
gap: var(--rsp-spacing-xxs);
|
||
|
|
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-sale {
|
||
|
|
background-color: var(--rsp-orange);
|
||
|
|
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-updraftplus {
|
||
|
|
--rsp-other-plugins-color: var(--rsp-orange);
|
||
|
|
}
|
||
|
|
|
||
|
|
.burst .burst-other-plugins-container .burst-other-plugins-element.burst-wp-optimize {
|
||
|
|
--rsp-other-plugins-color: var(--rsp-orange);
|
||
|
|
}
|
||
|
|
|
||
|
|
.burst .burst-other-plugins-container .burst-other-plugins-element.burst-all-in-one-wp-security-and-firewall {
|
||
|
|
--rsp-other-plugins-color: var(--rsp-orange);
|
||
|
|
}
|
||
|
|
|
||
|
|
.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 {
|
||
|
|
background: var(--rsp-grey-100);
|
||
|
|
}
|
||
|
|
|
||
|
|
.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 {
|
||
|
|
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;
|
||
|
|
border-radius: var(--button-border-radius);
|
||
|
|
text-align: center;
|
||
|
|
cursor: pointer;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.burst-button-dropdown__row {
|
||
|
|
display: flex;
|
||
|
|
cursor: pointer;
|
||
|
|
padding: var(--rsp-spacing-xxs) var(--rsp-spacing-xs);
|
||
|
|
gap: var(--rsp-spacing-xs);
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.burst-button-dropdown__row:hover {
|
||
|
|
background: var(--rsp-grey-300);
|
||
|
|
}
|
||
|
|
|
||
|
|
.burst-button-dropdown__row.burst-inactive {
|
||
|
|
color: var(--rsp-grey-400);
|
||
|
|
}
|
||
|
|
|
||
|
|
.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);
|
||
|
|
}
|