whoami7 - Manager
:
/
home
/
analuakl
/
bents.in
/
wp-content
/
plugins
/
burst-statistics
/
assets
/
css
/
Upload File:
files >> /home/analuakl/bents.in/wp-content/plugins/burst-statistics/assets/css/admin.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: #009fff; --rsp-dark-blue: #1E73BE; --rsp-green: #2e8a37; --rsp-red: #D7263D; --rsp-pink: #E35899; --rsp-orange: #f39c12; --rsp-wp-blue: #007cba; --rsp-yellow-faded: #fdf4df; --rsp-blue-faded: #ecf8fe; --rsp-dark-blue-faded: #ebf2f9; --rsp-green-faded: #ecf4ed; --rsp-red-faded: #fbebed; --rsp-pink-faded: #fceff5; --rsp-orange-faded: #fef5ea; --rsp-wp-blue-faded: #c6e0ef; --rsp-background-block-color: var(--rsp-white); --rsp-background-color: #f0f0f1; --rsp-input-background-color: #fff; --rsp-input-text-color: var(--rsp-text-color); --rsp-input-border-color: var(--rsp-grey-400); --rsp-text-color: rgba(26, 26, 26, 0.9); --rsp-text-color-invert: rgba(255, 255, 255, 0.9); --rsp-text-color-white: rgba(255, 255, 255, 0.9); --rsp-text-color-light: rgba(69, 69, 82, 0.9); --rsp-text-color-hover: var(--rsp-green); --rsp-grey-100: #fafafa; --rsp-grey-200: #f7f7f7; --rsp-grey-300: #ededed; --rsp-grey-400: #c6c6c6; --rsp-grey-500: #737373; --rsp-grey-600: #696969; --rsp-color-success: var(--rsp-green); --rsp-color-error: var(--rsp-red); --rsp-color-warning: var(--rsp-red); --rsp-color-open: var(--rsp-yellow); --rsp-fs-100: 0.6875rem; --rsp-fs-200: 0.75rem; --rsp-fs-300: 0.8125rem; --rsp-fs-400: 0.875rem; --rsp-fs-500: 1rem; --rsp-fs-600: 1.125rem; --rsp-fs-700: 1.25rem; --rsp-fs-800: 1.5rem; --rsp-fs-900: 3.5rem; } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } .burst { font-variant-numeric: tabular-nums; margin: 0; margin-left: -20px; font-size: var(--rsp-fs-300); box-sizing: border-box; color: var(--rsp-text-color); font-weight: 400; line-height: 1.5; } @media only screen and (max-width: 768px) { .burst { margin-left: -9px; } } .burst *, .burst *:before, .burst *:after { box-sizing: inherit; } .burst body, .burst h1, .burst h2, .burst h3, .burst h4, .burst h5, .burst h6, .burst p, .burst ol, .burst ul { margin: 0; padding: 0; } .burst img { max-width: 100%; height: auto; } .burst h1, .burst h2, .burst h3, .burst h4, .burst h5, .burst h6 { color: var(--rsp-text-color); line-height: 1.5; } .burst .burst-h0 { font-size: var(--rsp-fs-900); font-weight: 700; letter-spacing: 0.025rem; } .burst h1, .burst .burst-h1 { font-size: var(--rsp-fs-800); line-height: 1.5; font-weight: 500; letter-spacing: 0.025rem; } .burst h2, .burst .burst-h2 { font-size: var(--rsp-fs-700); font-weight: 700; letter-spacing: 0.025rem; } .burst h3, .burst .burst-h3 { font-size: var(--rsp-fs-600); font-weight: 600; letter-spacing: 0.0125rem; } .burst h4, .burst .burst-h4 { font-size: var(--rsp-fs-500); font-weight: 600; letter-spacing: 0.0125rem; } .burst h5, .burst .burst-h5 { font-size: var(--rsp-fs-300); font-weight: 600; letter-spacing: 0.1px; } .burst h6, .burst .burst-h6 { font-size: var(--rsp-fs-300); font-weight: 400; letter-spacing: 0.1px; } .burst p { color: var(--rsp-text-color); font-weight: 400; font-size: var(--rsp-fs-300); line-height: 1.5; } .burst .burst-small-text { font-size: var(--rsp-fs-200); color: var(--rsp-text-color-light); font-weight: 500; line-height: 1.5; } .burst a { font-size: 1em; } .burst .burst-notice-hook-element { display: none !important; } .burst .burst-divider { width: 1px; height: 1.3rem; background-color: #cccccc; } .error:not(.really-simple-plugins), .notice:not(.really-simple-plugins), .update-nag:not(.really-simple-plugins), .notice-info:not(.really-simple-plugins) { display: none !important; } .error.really-simple-plugins, .notice.really-simple-plugins, .update-nag.really-simple-plugins, .notice-info.really-simple-plugins { margin: var(--rsp-grid-gap); } /* Grid */ .burst .burst-header, .burst .burst-content-area { max-width: clamp(300px, 100% - var(--rsp-grid-gap) * 2, 1600px); margin: 0 auto; } @media (max-width: 1599px) { .burst .burst-header, .burst .burst-content-area { --rsp-grid-gap: var(--rsp-spacing-m); } } @media (max-width: 1440px) { .burst .burst-header, .burst .burst-content-area { --rsp-grid-gap: var(--rsp-spacing-s); } } @media (max-width: 1366px) { .burst .burst-header, .burst .burst-content-area { --rsp-grid-gap: var(--rsp-spacing-xs); } } .burst .burst-header-container .burst-header { display: flex; flex-wrap: wrap; justify-content: space-between; height: 70px; box-sizing: border-box; background-color: var(--rsp-background-block-color); } @media (max-width: 1080px) { .burst .burst-header-container .burst-header { height: 100%; } } @media (max-width: 576px) { .burst .burst-logo { display: none; } } .burst .burst-header-left { display: flex; font-size: var(--rsp-fs-400); } @media (max-width: 1080px) { .burst .burst-header-left { justify-content: center; margin: var(--rsp-spacing-xs) 0; order: 3; width: 100%; background-color: var(--rsp-background-block-color); } } .burst .burst-header-left .burst-header-menu { margin: auto 15px; } .burst .burst-header-left .burst-header-menu ul { display: flex; } .burst .burst-header-left .burst-header-menu li { margin-bottom: 0; } .burst .burst-header-left .burst-header-menu a { padding: 23px 15px; text-decoration: none; color: var(--rsp-text-color); height: 100%; border-bottom: 4px solid transparent; transition: border 0.3s ease-out; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } @media (max-width: 1080px) { .burst .burst-header-left .burst-header-menu a { padding: 10px 15px; } } .burst .burst-header-left .burst-header-menu a:focus { outline: none; box-shadow: none; } .burst .burst-header-left .burst-header-menu a.active { border-bottom: 4px solid var(--rsp-brand-primary); } .burst .burst-header-left .burst-header-menu a:hover { color: var(--rsp-brand-primary); } .burst .burst-header-right { display: flex; flex-wrap: wrap; align-items: center; margin-left: auto; gap: var(--rsp-spacing-s); min-height: 52px; } .burst .burst-header-right select { max-width: 60ch; } @media (max-width: 576px) { .burst .burst-header-right { display: none; } } @media (max-width: 768px) { .burst .burst-header-right .button { display: none; } } .burst .burst-content-area { margin-top: var(--rsp-grid-gap); } .burst .burst-header-container { background: var(--rsp-background-block-color); } .burst .burst-grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: max-content; gap: var(--rsp-grid-gap); min-height: calc(100vh - 32px - 80px - 20px - var(--rsp-grid-gap)); } .burst .burst-grid.burst-settings { grid-template-columns: 350px 1fr 1fr 1fr; } @media only screen and (max-width: 1280px) { .burst .burst-grid { grid-template-columns: repeat(2, 1fr); } } @media only screen and (max-width: 1080px) { .burst .burst-grid { max-width: 790px; width: calc(100% - var(--rsp-grid-gap) * 2); } } .burst .burst-grid-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: 2; } .burst-modal { max-width: 526px; min-width: 200px; position: fixed; z-index: 3; border-radius: var(--rsp-border-radius-s); background-color: var(--rsp-white); top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 25px; box-shadow: hsla(206, 22%, 7%, 0.35) 0px 10px 38px -10px, hsla(206, 22%, 7%, 0.2) 0px 10px 20px -15px; } .burst-modal .burst-modal-header { padding: var(--rsp-spacing-s) var(--rsp-spacing-m); display: flex; justify-content: space-between; align-items: center; } .burst-modal .burst-modal-header h2 { font-size: var(--rsp-fs-600); margin: 0; } .burst-modal .burst-modal-header .burst-modal-close { cursor: pointer; background: none; border: none; font-size: 1.5em; font-weight: 700; } .burst-modal .burst-modal-header button img { height: 16px; width: 16px; } .burst-modal .burst-modal-content { position: relative; padding: var(--rsp-spacing-s) var(--rsp-spacing-m); } .burst-modal .burst-modal-content .burst-modal-subtitle { font-weight: 600; font-size: var(--rsp-fs-500); margin-bottom: 10px; } .burst-modal .burst-modal-content .burst-modal-description { overflow-wrap: anywhere; margin-top: 0; font-weight: 500; } .burst-modal .burst-modal-footer { display: flex; flex-direction: row; padding: var(--rsp-spacing-s) var(--rsp-spacing-m); gap: 10px; justify-content: flex-end; } .burst-modal .burst-modal-footer .button { display: flex; align-items: center; justify-content: center; height: 45px; width: 100%; text-align: center; border-radius: 6px; } .burst-modal .burst-modal-footer .burst-button-help { background-color: #D7263D; color: white; border-color: #D7263D; } .burst-modal .burst-modal-footer .burst-button-help:hover { opacity: 0.9; } .burst-header-container .burst-header { display: flex; justify-content: space-between; height: 70px; box-sizing: border-box; background-color: #fff; } .burst-header-container .burst-header img { margin: auto 0; height: 26px; } .burst-header-container .burst-header .burst-header-menu { display: flex; align-items: center; height: 100%; padding: 0 20px; box-sizing: border-box; } .burst-header-container .burst-header .burst-header-menu .burst-header-menu-item { display: flex; align-items: center; height: 100%; padding: 0 20px; box-sizing: border-box; } .burst-header-container .burst-header .burst-header-menu .burst-header-menu-item:first-child { margin-left: 0; } .burst-header-container .burst-header .burst-header-menu .burst-header-menu-item:last-child { margin-right: 0; } .burst-header-container .burst-header .burst-header-menu .burst-header-menu-item.burst-header-menu-item-active { background-color: #f5f5f5; } .burst-header-container .burst-header .burst-header-actions { display: flex; align-items: center; margin-left: auto; gap: var(--rsp-spacing-s); } .burst-header-container .burst-header .burst-header-actions select { max-width: 60ch; } .burst.burst-dashboard-widget { margin-left: 0; } #dashboard_widget_burst .inside { padding: 0; margin: 0; } .burst-dashboard-widget__content { display: flex; flex-wrap: wrap; } .burst-dashboard-widget__footer { display: flex; gap: var(--rsp-spacing-xxs); padding: var(--rsp-spacing-xs); font-size: var(--rsp-fs-300); } .burst-dashboard-widget .burst-dashboard-widget__selected-date { margin-left: auto; font-size: var(--rsp-fs-300); } .burst-dashboard-widget .burst-kpi-result { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--rsp-spacing-xxs); } .burst-dashboard-widget .burst-kpi { background-color: var(--rsp-dark-blue-faded); padding: var(--rsp-spacing-m); width: 50%; } .burst-dashboard-widget .block__explanation-and-stats { width: 100%; padding: var(--rsp-spacing-xs); grid-template-columns: 1fr 1fr; } .burst-dashboard-widget .block__explanation-and-stats .uplift { margin-right: 0; } .burst-grid h4 { display: inline-block; } .burst-grid p { color: var(--rsp-text-color-light); } .burst-grid .block p { font-size: var(--rsp-fs-300); } .burst-grid .block__big-number { justify-content: space-between; background: var(--rsp-green-faded); padding: var(--rsp-spacing-xl) var(--rsp-spacing-l); flex-wrap: wrap-reverse; } .burst-grid .block__big-number .h0 { line-height: 1; } .burst-grid .block__big-number__right { text-align: right; flex: auto; } .burst-grid .block__big-number h5, .burst-grid .block__big-number p { line-height: 2; } .burst-grid .block__explanation-and-stats { margin: var(--rsp-spacing-l) auto; } .burst-grid .border-to-border .burst-grid-item-content { padding: 0; } .burst-grid .border-to-border .burst-grid-item-content > * { padding-inline: var(--rsp-spacing-l); width: 100%; display: flex; flex-wrap: wrap; align-items: center; } .burst-grid .border-to-border.datatable .burst-grid-item-content > *, .burst-grid .border-to-border.burst-today .burst-grid-item-content > *, .burst-grid .border-to-border.burst-goals .burst-grid-item-content > * { padding-left: 0; padding-right: 0; } .burst-grid .burst-grid-footer:empty { display: none; } .burst .burst-grid-item-controls .burst-filter-button { all: unset; background-color: transparent; border: none; position: relative; border-radius: 100%; display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; aspect-ratio: 1/1; transition: background-color 0.2s ease-in-out; cursor: pointer; background: var(--rsp-grey-200); } .burst .burst-grid-item-controls .burst-filter-button:hover, .burst .burst-grid-item-controls .burst-filter-button.active, .burst .burst-grid-item-controls .burst-filter-button:focus { background: var(--rsp-grey-300); } .burst .burst-real-time .block__explanation-and-stats { margin: var(--rsp-spacing-m) auto; } .burst .burst-today-select, .burst .burst-goals-select { padding-inline: var(--rsp-spacing-l); padding-block: var(--rsp-spacing-m); display: grid; width: 100%; grid-template-columns: 1fr 1fr; gap: var(--rsp-spacing-s); } .burst .burst-today-select-item, .burst .burst-goals-select-item { border-radius: var(--rsp-border-radius-xs); display: flex; flex-direction: column; justify-content: center; text-align: center; padding-block: var(--rsp-spacing-s); justify-items: center; flex-wrap: wrap; background: var(--rsp-white); } .burst .burst-today-select-item.active, .burst .burst-goals-select-item.active { box-shadow: inset 0 0 3px 2px var(--rsp-green-faded); border: 2px solid var(--rsp-green); } .burst .burst-today-select-item h2, .burst .burst-goals-select-item h2 { margin-top: var(--rsp-spacing-xxs); font-weight: 800; } .burst .burst-today-select-item span, .burst .burst-goals-select-item span { display: flex; gap: 3px; justify-content: center; font-size: var(--rsp-fs-100); } .burst .burst-today-select-item span .burst-icon-live, .burst .burst-goals-select-item span .burst-icon-live { animation-name: pulse; animation-duration: 1.5s; animation-timing-function: ease-in; animation-direction: alternate; animation-iteration-count: infinite; animation-play-state: running; } @keyframes pulse { 0% { transform: scale(0.9); opacity: 0.2; } 100% { transform: scale(1); opacity: 1; } } .burst .burst-today-list, .burst .burst-goals-list { width: 100%; } .burst .burst-today-list-item, .burst .burst-goals-list-item { width: 100%; display: grid; justify-items: flex-start; grid-template-columns: auto 1fr auto; gap: var(--rsp-spacing-s); padding-block: var(--rsp-spacing-xs); padding-inline: var(--rsp-spacing-l); } .burst .burst-today-list-item:nth-of-type(even), .burst .burst-goals-list-item:nth-of-type(even) { background: var(--rsp-grey-200); } .burst .burst-today-list-item-text, .burst .burst-goals-list-item-text { width: 100%; margin-right: auto; } .burst .burst-today-list-item-number, .burst .burst-goals-list-item-number { font-weight: 600; } .burst .burst-today-controls-flex, .burst .burst-goals-controls-flex { display: flex; align-items: center; gap: var(--rsp-spacing-xs); } .burst .burst-today-controls-flex .burst-divider, .burst .burst-goals-controls-flex .burst-divider { width: 1px; height: 80%; background: var(--rsp-grey-500); } .burst .burst-today-select { background: var(--rsp-green-faded); } .burst .burst-grid-item.burst-goals { position: relative; } .burst .burst-grid-item.burst-goals .burst-goals-select { background: var(--rsp-yellow-faded); } .burst .burst-grid-item.burst-goals .information-overlay { background: rgba(47, 47, 47, 0.15); overflow: hidden; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; display: flex; justify-content: flex-end; align-items: flex-start; flex-direction: column; border-radius: var(--rsp-border-radius); } .burst .burst-grid-item.burst-goals .information-overlay-container { display: flex; flex-wrap: wrap; align-items: center; background: var(--rsp-white); box-shadow: var(--rsp-box-shadow); padding: var(--rsp-spacing-s); padding-left: var(--rsp-spacing-m); padding-right: var(--rsp-spacing-m); border-radius: var(--rsp-border-radius-xs); margin: var(--rsp-spacing-s) 40px; /* animation */ transform: scale(0); animation: scale-in 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.3s forwards; } @keyframes scale-in { from { transform: scale(0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } to { transform: scale(1); animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } } .burst .burst-grid-item.burst-goals .information-overlay-container h4 { margin-bottom: var(--rsp-spacing-xs); } .burst .burst-grid-item.burst-goals .information-overlay-container p { margin-bottom: var(--rsp-spacing-s); } .burst .uplift { font-weight: 500; } .burst .uplift.positive { color: var(--rsp-color-success); } .burst .uplift.negative { color: var(--rsp-color-error); } .burst .block__explanation-and-stats { display: grid; grid-auto-columns: 16px 4fr 1fr; gap: var(--rsp-spacing-xs); grid-auto-flow: column; } .burst .block__explanation-and-stats__right { text-align: right; } .burst .block__explanation-and-stats .uplift { margin-right: 3px; } .burst .block__explanation-and-stats .burst-h5 { font-weight: 500; } .burst .block__explanation-and-stats p { font-size: var(--rsp-fs-200); } .burst .block__explanation-and-stats .burst-icon { align-items: flex-start; margin-top: 3px; } .burst .burst-statistics-container { height: 360px; margin-bottom: var(--rsp-spacing-m); } .burst .burst-filter-dropdown-content-body-item { margin-bottom: var(--rsp-spacing-xxs); } .burst .burst-data-filters { display: flex; grid-column: span 4; } .burst .burst-data-filters .burst-date-range-container { margin-left: auto; } /* Global Variables */ :root { --button-font-size: var(--rsp-fs-300); --button-font-weight: 400; --button-line-height: 2; --button-letter-spacing: 0.5px; --button-transition: all 0.3s ease; --button-min-height: 30px; --button-padding: 0 10px; --button-border-radius: 4px; --button-accent-color: #2271b1; --button-contrast-color: #000; --button-secondary-bg: #fff; } /* Button Base Styles */ a.burst-button, button.burst-button, input.burst-button { font-size: var(--button-font-size); font-weight: var(--button-font-weight); line-height: var(--button-line-height); letter-spacing: var(--button-letter-spacing); transition: var(--button-transition); min-height: var(--button-min-height); margin: 0; padding: var(--button-padding); border-radius: var(--button-border-radius); text-align: center; cursor: pointer; text-decoration: none; } a.burst-button--primary, button.burst-button--primary, input.burst-button--primary { background: var(--button-accent-color); color: var(--button-secondary-bg); border: 1px solid var(--button-accent-color); } a.burst-button--primary:hover, button.burst-button--primary:hover, input.burst-button--primary:hover { background: var(--button-accent-color); color: var(--button-secondary-bg); border-color: var(--button-accent-color); box-shadow: 0 0 0 3px rgba(34, 113, 177, 0.3); } a.burst-button--secondary, button.burst-button--secondary, input.burst-button--secondary { background: var(--rsp-grey-100); color: var(--rsp-text-color-light); border: 1px solid var(--rsp-grey-400); } a.burst-button--secondary:hover, button.burst-button--secondary:hover, input.burst-button--secondary:hover { background: var(--rsp-grey-200); color: var(--rsp-text-color); border-color: var(--rsp-grey-400); box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1); } a.burst-button--tertiary, button.burst-button--tertiary, input.burst-button--tertiary { background: var(--rsp-red); color: var(--rsp-text-color-white); border: 1px solid var(--rsp-red); } a.burst-button--tertiary:hover, button.burst-button--tertiary:hover, input.burst-button--tertiary:hover { background: var(--rsp-red-faded); color: var(--rsp-red); border-color: var(--rsp-red); box-shadow: 0 0 0 3px rgba(255, 0, 0, 0.3); } a.burst-button--pro, button.burst-button--pro, input.burst-button--pro { background: var(--rsp-brand-primary); color: var(--rsp-text-color-white); border: 1px solid var(--rsp-brand-primary-dark); } a.burst-button--pro:hover, button.burst-button--pro:hover, input.burst-button--pro:hover { background: var(--rsp-brand-primary-dark); color: var(--button-secondary-bg); border-color: var(--rsp-brand-primary-darker); box-shadow: 0 0 0 3px var(--rsp-brand-primary-light); } .burst-button-icon { background: transparent; background: var(--rsp-grey-300); color: #2271b1; border: 1px solid transparent; border-radius: 50%; width: 1em; height: 1em; padding: 10px; margin: 5px; display: inline-flex; align-items: center; justify-content: center; transition: all 0.3s ease; cursor: pointer; } .burst-button-icon:hover { padding: 15px; margin: 0; } .burst-button-icon--delete:hover { background: var(--rsp-red-faded); } .burst-button-icon--delete:hover svg path { fill: var(--rsp-red); } .burst .burst-button.burst-button--date-range { display: flex; align-items: center; padding: var(---rsp-filter-padding); box-shadow: var(--rsp-box-shadow); cursor: pointer; gap: var(--rsp-spacing-xs); color: var(--rsp-text-color-light); background-color: var(--rsp-input-background-color); background: var(--rsp-grey-200); border: 1px solid var(--rsp-input-border-color); border-radius: var(--rsp-border-radius-xs); } .burst .burst-button.burst-button--date-range .burst-icon { height: max-content; } .burst .burst-bullet { height: 13px; width: 13px; flex: 0 0 13px; border-radius: 50%; display: inline-block; background-color: var(--rsp-grey-500); } .burst .burst-bullet.rsp-yellow { background-color: var(--rsp-yellow); } .burst .burst-bullet.rsp-blue { background-color: var(--rsp-blue); } .burst .burst-bullet.rsp-pink { background-color: var(--rsp-pink); } .burst .burst-bullet.rsp-red, .burst .burst-bullet.burst-bullet-error { background-color: var(--rsp-red); } .burst .burst-bullet.rsp-green, .burst .burst-bullet.burst-bullet-success { background-color: var(--rsp-green); } .burst .burst-bullet.rsp-blue-yellow { background: var(--rsp-blue); background: linear-gradient(77deg, rgb(0, 159, 255) 0%, rgb(0, 159, 255) 30%, rgb(244, 191, 62) 70%, rgb(244, 191, 62) 100%); animation: gradient 2s ease infinite; background-size: 200% 200%; } .burst .burst-legend { width: max-content; color: var(--rsp-text-color-light); display: flex; align-items: center; min-width: 0; line-height: 1; gap: var(--rsp-spacing-xxs); text-decoration: none; } @keyframes gradient { 0% { background-position: 0 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0 50%; } } .burst-icon { display: flex; align-items: center; justify-content: center; } .burst-icon svg { fill: currentColor; } .burst-icon.burst-icon-loading { animation: burst-icon-loading 1.5s ease-in-out infinite; } @keyframes burst-icon-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .burst-grid-item.burst-progress .burst-grid-item-content { padding: 0; } .burst-grid-item.burst-progress .burst-placeholder { padding: var(--rsp-spacing-m) var(--rsp-spacing-l); } @media screen and (max-width: 1280px) { .burst-grid-item.burst-progress .burst-placeholder { padding: var(--rsp-spacing-xs) var(--rsp-spacing-s); } } .burst-progress-block .burst-progress { overflow: hidden; height: 7px; background-color: #f7f7f7; } .burst-progress-block .burst-progress .burst-bar { height: 100%; background-color: var(--rsp-color-success); } .burst-progress-block .burst-progress .burst-bar.burst-orange { background-color: var(--rsp-color-warning); } .burst-progress-block .burst-progress-text { display: flex; align-items: center; padding: var(--rsp-spacing-m) var(--rsp-spacing-l); padding-block: 0; padding-top: 10px; } @media screen and (max-width: 1280px) { .burst-progress-block .burst-progress-text { padding: var(--rsp-spacing-xs) var(--rsp-spacing-s); } } .burst-progress-block .burst-progress-text .burst-progress-percentage { font-size: 32px; font-weight: 700; } .burst-progress-block .burst-progress-text .burst-progress-text-span { margin-left: 35px; font-size: 18px; font-weight: 600; } .burst-progress-block .burst-progress-text .burst-progress-text-span a { margin-left: 3px; } .burst-header-html { display: flex; color: var(--rsp-text-color-light); } .burst-header-html .burst-toggle-active { text-decoration: underline; } .burst-task-switcher-container { display: flex; border-radius: var(--rsp-border-radius); } .burst-task-switcher-container .burst-task-switcher:first-of-type { border-right: 1px solid var(--rsp-grey-400); padding-right: 10px; } .burst-task-switcher-container .burst-task-switcher:last-of-type { padding-left: 10px; } .burst-task-switcher { font-size: var(--rsp-fs-200); cursor: pointer; transition: 0.3s; } .burst-task-switcher:hover { text-decoration: underline; } .burst-active-filter-remaining .burst-remaining-tasks, .burst-active-filter-all .burst-all-tasks { text-decoration: underline; } /** * Task element, list of tasks */ .burst-task-element { display: flex; align-items: center; justify-content: center; gap: var(--rsp-spacing-m); padding-bottom: var(--rsp-spacing-s); } .burst-task-element .burst-task-message { flex: 1; } .burst-task-element .burst-task-form { margin-top: var(--rsp-spacing-xxs); display: flex; gap: var(--rsp-spacing-xs); } .burst-task-element .burst-task-enable { cursor: pointer; } .burst-task-element .burst-task-dismiss button { all: initial; } .burst-task-element .burst-task-dismiss span { font-size: 1.5em; color: black; font-family: sans-serif; } .burst-task-element .burst-task-dismiss span:hover { cursor: pointer; color: grey; } .burst-task-element .burst-task-dismiss span svg { height: 12px; width: 12px; } .burst-scroll-container { padding: var(--rsp-spacing-m) var(--rsp-spacing-l); --rsp-scroll-bg-clr: var(--rsp-dark-blue-faded); height: 300px; overflow-y: auto; padding-block: 0; padding-top: var(--rsp-spacing-m); border-radius: 0; background-image: linear-gradient(to top, var(--rsp-scroll-bg-clr), var(--rsp-scroll-bg-clr)), linear-gradient(to top, var(--rsp-scroll-bg-clr), var(--rsp-scroll-bg-clr)), linear-gradient(to top, rgba(0, 0, 0, 0.15), rgba(255, 255, 255, 0)), linear-gradient(to bottom, rgba(0, 0, 0, 0.15), rgba(255, 255, 255, 0)); background-position: bottom center, top center, bottom center, top center; background-color: var(--rsp-scroll-bg-clr); background-repeat: no-repeat; background-size: 100% 25px, 100% 25px, 100% 15px, 100% 15px; background-attachment: local, local, scroll, scroll; } @media screen and (max-width: 1280px) { .burst-scroll-container { padding: var(--rsp-spacing-xs) var(--rsp-spacing-s); } } .burst-scroll-container::-webkit-scrollbar-track { border-radius: 10px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0); background-color: transparent; } .burst-scroll-container::-webkit-scrollbar { width: 8px; background-color: var(--rsp-grey-300); cursor: pointer; } .burst-scroll-container::-webkit-scrollbar-thumb { background-color: var(--rsp-grey-400); border-radius: 10px; } .burst-progress-status-container { margin-right: 40px; } .burst-task-status { display: block; min-width: 96px; text-align: center; border-radius: 15px; padding: 4px 8px; font-size: var(--rsp-fs-100); font-weight: 600; } .burst-task-status.burst-completed, .burst-task-status.burst-success { background-color: var(--rsp-green); color: var(--rsp-text-color-white); } .burst-task-status.burst-open { background-color: var(--rsp-color-open); } .burst-task-status.burst-error { background-color: var(--rsp-color-error); color: var(--rsp-text-color-white); } .burst-task-status.burst-warning { background-color: var(--rsp-color-warning); color: var(--rsp-text-color-white); } .burst-task-status.burst-new { background-color: var(--rsp-dark-blue); color: var(--rsp-text-color-white); } .burst-task-status.burst-pro { background-color: var(--rsp-color-success); color: var(--rsp-text-color-white); } .burst-task-status.burst-loading { background-color: var(--rsp-white); color: var(--rsp-text-color-light); } .burst-plusone { display: inline-block; vertical-align: top; box-sizing: border-box; margin: 1px 0 -1px 2px; padding: 0 5px; min-width: 18px; height: 18px; border-radius: 9px; background-color: #d63638; color: #fff; font-size: var(--rsp-fs-100); line-height: 1.6; text-align: center; } .burst-placeholder { box-sizing: border-box; width: 100%; text-align: left; margin: 0; padding-bottom: 24px; color: #1e1e1e; -webkit-font-smoothing: subpixel-antialiased; border-radius: 2px; background-color: #fff; flex-grow: 100; } .burst-placeholder .burst-placeholder-line { float: left; width: 100%; height: 16px; margin-top: 12px; border-radius: 7px; background-image: linear-gradient(90deg, #ddd 0, #e8e8e8 40px, #ddd 80px); background-size: 600px; animation: shine-lines 1.6s infinite linear; } .burst-placeholder .burst-placeholder-line:last-of-type { margin-bottom: 24px; } .burst-placeholder .burst-placeholder-line .burst-placeholder .burst-placeholder-line:nth-of-type(1) { width: 69%; } .burst-placeholder .burst-placeholder-line .burst-placeholder .burst-placeholder-line:nth-of-type(2) { width: 86%; } .burst-placeholder .burst-placeholder-line .burst-placeholder .burst-placeholder-line:nth-of-type(3) { width: 67%; } .burst-placeholder .burst-placeholder-line .burst-placeholder .burst-placeholder-line:nth-of-type(4) { width: 76%; } .burst-placeholder .burst-placeholder-line .burst-placeholder .burst-placeholder-line:nth-of-type(5) { width: 69%; } .burst-placeholder .burst-placeholder-line .burst-placeholder .burst-placeholder-line:nth-of-type(6) { width: 72%; } .burst-placeholder .burst-placeholder-line .burst-placeholder .burst-placeholder-line:nth-of-type(7) { width: 78%; } .burst-placeholder .burst-placeholder-line .burst-placeholder .burst-placeholder-line:nth-of-type(8) { width: 69%; } .burst-placeholder .burst-placeholder-line .burst-placeholder .burst-placeholder-line:nth-of-type(9) { width: 100%; } .burst-placeholder .burst-placeholder-line .burst-placeholder .burst-placeholder-line:nth-of-type(10) { width: 66%; } .burst-placeholder .burst-placeholder-line .burst-placeholder .burst-placeholder-line:nth-of-type(11) { width: 62%; } .burst-placeholder .burst-placeholder-line .burst-placeholder .burst-placeholder-line:nth-of-type(12) { width: 72%; } .burst-placeholder .burst-placeholder-line .burst-placeholder .burst-placeholder-line:nth-of-type(13) { width: 86%; } .burst-placeholder .burst-placeholder-line .burst-placeholder .burst-placeholder-line:nth-of-type(14) { width: 68%; } .burst-placeholder .burst-placeholder-line .burst-placeholder .burst-placeholder-line:nth-of-type(15) { width: 70%; } .burst-placeholder .burst-placeholder-line .burst-placeholder .burst-placeholder-line:nth-of-type(16) { width: 91%; } .burst-placeholder .burst-placeholder-line .burst-placeholder .burst-placeholder-line:nth-of-type(17) { width: 84%; } .burst-placeholder .burst-placeholder-line .burst-placeholder .burst-placeholder-line:nth-of-type(18) { width: 87%; } .burst-placeholder .burst-placeholder-line .burst-placeholder .burst-placeholder-line:nth-of-type(19) { width: 95%; } .burst-placeholder .burst-placeholder-line .burst-placeholder .burst-placeholder-line:nth-of-type(20) { width: 70%; } .burst-placeholder .burst-placeholder-line ~ .burst-placeholder-line { background-color: #ddd; } @keyframes shine-lines { 0% { background-position: -400px; } 100% { background-position: 220px; } } .burst .burst-page-placeholder .burst-grid-item, .burst-grid-item-placeholder { overflow: hidden !important; position: relative; z-index: 1; } .burst .burst-page-placeholder .burst-grid-item:after, .burst-grid-item-placeholder:after { content: ""; top: 0; overflow: hidden; transform: translateX(100%); width: 100%; height: 100%; position: absolute; display: inline-block; z-index: 1; animation: slide 2s infinite; background: linear-gradient(103deg, rgba(228, 229, 232, 0) 25%, rgba(228, 229, 232, 0.35) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 75%); /* W3C */ } .burst .burst-grid-item.burst-grid-item-placeholder { min-height: 300px; overflow: hidden; } /* animation */ @keyframes slide { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } } .burst-loading-container { transition: opacity 0.2s ease-in-out, filter 0.2s ease-in-out; } .burst-loading-container.burst-loading { opacity: 0.3; } .burst .burst-other-plugins .rsp-logo img { height: 20px; } .burst .burst-other-plugins-container { display: flex !important; flex-direction: row; flex-wrap: wrap; margin-bottom: 10px; font-size: var(--rsp-fs-300); line-height: 1.7; gap: var(--rsp-spacing-xxs); } @media screen and (max-width: 992px) { .burst .burst-other-plugins-container { flex-direction: row; overflow: hidden; } } .burst .burst-other-plugins-container .burst-other-plugins-element { width: 100%; display: flex; align-content: space-between; justify-content: space-between; gap: 10px; --rsp-other-plugins-color: var(--rsp-grey-400); } .burst .burst-other-plugins-container .burst-other-plugins-element.burst-really-simple-ssl { --rsp-other-plugins-color: var(--rsp-yellow); } .burst .burst-other-plugins-container .burst-other-plugins-element.burst-burst-statistics { --rsp-other-plugins-color: var(--rsp-green); } .burst .burst-other-plugins-container .burst-other-plugins-element.burst-complianz-gdpr { --rsp-other-plugins-color: var(--rsp-blue); } .burst .burst-other-plugins-container .burst-other-plugins-element.burst-complianz-terms-conditions { --rsp-other-plugins-color: var(--rsp-black); } .burst .burst-other-plugins-container .burst-other-plugins-element a { width: max-content; color: var(--rsp-text-color-light); transition: color 0.3s ease; display: flex; align-items: center; min-width: 0; gap: var(--rsp-spacing-xs); text-decoration: none; } .burst .burst-other-plugins-container .burst-other-plugins-element a:hover { color: var(--rsp-other-plugins-color); text-decoration: underline; } .burst .burst-other-plugins-container .burst-other-plugins-element a:hover .burst-bullet { background-color: var(--rsp-other-plugins-color); } .burst .burst-other-plugins-container .burst-other-plugins-element a:hover .burst-other-plugins-content { text-decoration: underline; } .burst .burst-other-plugins-container .burst-other-plugins-element .burst-bullet { transition: background-color 0.3s ease; background-color: var(--rsp-other-plugins-color); } .burst .burst-other-plugins-container .burst-other-plugins-element .burst-other-plugins-content { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .burst .burst-other-plugins-container .burst-other-plugins-element .burst-other-plugin-status { min-width: fit-content; } .burst-tips-tricks-container { display: flex !important; flex-direction: row; flex-wrap: wrap; margin-bottom: 10px; font-size: var(--rsp-fs-300); line-height: 1.7; gap: var(--rsp-spacing-xxs); } @media screen and (max-width: 992px) { .burst-tips-tricks-container { flex-direction: row; overflow: hidden; } } .burst-tips-tricks-container .burst-tips-tricks-element { width: calc(50% - var(--rsp-spacing-xxs)); } @media (max-width: 768px) { .burst-tips-tricks-container .burst-tips-tricks-element { width: 100%; } } .burst-tips-tricks-container .burst-tips-tricks-element a { color: var(--rsp-text-color-light); transition: color 0.3s ease; display: flex; align-items: center; gap: var(--rsp-spacing-xs); min-width: 0; /* or some value */ text-decoration: none; } .burst-tips-tricks-container .burst-tips-tricks-element a:hover { color: var(--rsp-brand-primary); text-decoration: underline; } .burst-tips-tricks-container .burst-tips-tricks-element a:hover .burst-bullet { background-color: var(--rsp-brand-primary); } .burst-tips-tricks-container .burst-tips-tricks-element a:hover .burst-tips-tricks-content { text-decoration: underline; } .burst-tips-tricks-container .burst-tips-tricks-element .burst-bullet { transition: background-color 0.3s ease; background-color: var(--rsp-grey-300); } .burst-tips-tricks-container .burst-tips-tricks-element .burst-tips-tricks-content { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .burst-pro-popover { background: var(--rsp-grey-100); z-index: 99; border: 1px solid var(--rsp-grey-400); 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)); right: 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)); 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-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); } .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-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 { font-size: var(--rsp-fs-400); font-weight: 400; 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-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 .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-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 { display: flex; flex-wrap: wrap; align-content: stretch; gap: var(--rsp-spacing-xl); } .burst div[class^=burst-wizard-] .burst-class-id > * { width: 100%; } .burst div[class^=burst-wizard-] .burst-class-id 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 .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-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 { display: flex; } .burst-label-container .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); }
Copyright ©2021 || Defacer Indonesia