@font-face {
  font-family: Roboto;
  src: url(../../../assets/fonts/Roboto-Regular.ttf);
}
@font-face {
  font-family: Roboto;
  src: url(../../../assets/fonts/Roboto-Bold.ttf);
  font-weight: bold;
}

#screen-meta-links {
    position: absolute;
    right: 0;
}
/* Common styles */
.fastpixel-header-hr {
    visibility: hidden;
    margin: -2px 0 0 0;
}
#wpbody-content:has(.notice) {
    .fastpixel-header-hr {
        margin: 5px 0;
    }
}
/* Force a consistent dismiss icon for FastPixel notices. */
#wpbody-content [data-fastpixel-notice-id].notice.is-dismissible .notice-dismiss:before {
    content: "\00d7" !important;
    font-family: Arial, sans-serif !important;
    font-size: 20px !important;
    line-height: 20px !important;
}
.fastpixel-website-accelerator-wrap {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    --fastpixel-color-accent: #1ABDCA;
    --fastpixel-color-accent-dark: #116C7E;
    --fastpixel-color-surface: #F4FBFC;
    --fastpixel-color-panel-border: #d9e8ed;
    --fastpixel-setting-padding: 16px;
    --fastpixel-setting-gap: 12px;
    --fastpixel-section-gap: 16px;
    --fastpixel-description-font-size: 13px;
    --fastpixel-description-line-height: 1.5;
    --fastpixel-radius-sm: 6px;
    --fastpixel-radius-md: 8px;
}
.fastpixel-website-accelerator-wrap .fastpixel-icon {
    margin-right: 8px;
    width: 16px;
    height: 16px;
    filter: none;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
    line-height: 25px;
    vertical-align: middle;
    color: #1ABDCA;
}
.fastpixel-icon-diag-tab {
    width: 22px;
    height: 22px;
    line-height: 22px;
    vertical-align: middle;
    margin: -2px 0 0 10px;
}
/* Common tabs styles */
.fastpixel-website-accelerator-wrap header {
    clear: both;
    background: #fff;
    text-align: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px auto;
    margin-left: -22px;
    margin-top: -10px;
    margin-right: -22px;
    margin-bottom: 10px;
    padding: 8px 16px;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
}
.fastpixel-website-accelerator-wrap header h1 {
    line-height: 50px;
}
.fastpixel-website-accelerator-wrap header .fastpixel-logo-link {
    display: inline;
    line-height: inherit;
    text-decoration: none;
    user-select: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
}
.fastpixel-website-accelerator-wrap header .fastpixel-logo-link:focus,
.fastpixel-website-accelerator-wrap header .fastpixel-logo-link:active {
    outline: none;
    box-shadow: none;
}
.fastpixel-website-accelerator-wrap header .fastpixel-logo-link img {
    -webkit-user-drag: none;
    user-drag: none;
}
.fastpixel-website-accelerator-wrap header img {
    width: 195px;
    vertical-align: bottom;
    padding-bottom: 5px;
    margin-right: 8px;
    margin-left: 1.1em;
}
.fastpixel-website-accelerator-wrap .top-buttons {
    margin-right: 4em;
    display: flex;
    align-items: center;
}
.fastpixel-website-accelerator-wrap .top-buttons a {
    color: #fff;
    background: #1ABDCA;
    padding: 10px 12px;
    border: 0;
    margin: 4px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-weight: 700;
    border-radius: 6px;
    text-decoration: none;
    transition: all 0.1s ease-in-out;
    box-shadow: none;
}
.fastpixel-website-accelerator-wrap header .top-buttons .header-button i {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(20%) hue-rotate(283deg) brightness(105%) contrast(105%);
    margin: -1px 4px 0 0;
    height: 15px;
    width: 15px;
    vertical-align: text-top;
    background-image: url(../../../icons/user.svg);
    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
    line-height: 25px;
}
.fastpixel-website-accelerator-wrap .top-buttons a:hover {
        background: #32d7e5
}
.fastpixel-website-accelerator-wrap header .top-buttons .header-button.rate-us-button {
    display: inline-flex;
    align-items: center;
}
.fastpixel-website-accelerator-wrap header .top-buttons .header-button.rate-us-button .rate-us-star {
    color: #f6df66;
    margin: 0 4px 0 0;
    height: 15px;
    width: 15px;
    flex: 0 0 auto;
    display: block;
}
.fastpixel-website-accelerator-wrap .fastpixel-settings {
    width: 95%;
    display: flex;
    background: #fff;
    border-radius: 16px;
    margin: 10px auto;
    box-shadow: 1px 0px 4px 0px rgba(0, 0, 0, 0.12);
}
.fastpixel-website-accelerator-wrap .fastpixel-options-tab h2 {
    font-size: 24px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-weight: 700;
    outline: 0;
    text-decoration: none;
    color: #0f6a7d;
    margin: 1px 0 24px 0;
    line-height: 30px;
}
.fastpixel-website-accelerator-wrap .fastpixel-options-tab .fastpixel-settings-section-description {
    color: #333333;
    font-size: 13px;
    line-height: 1.5;
    margin: 1em 0px;
}
.fastpixel-website-accelerator-wrap .save-button {
    padding: 15px 20px;
    font-size: 14px;
    display: flex;
    color: #fff;
    background: #1ABDCA;
    border: 0;
    margin: 16px 0 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-weight: 700;
    border-radius: 6px;
    text-decoration: none;
    transition: all 0.1s ease-in-out;
    box-shadow: none;
    cursor: pointer
}
.fastpixel-website-accelerator-wrap .save-button:hover{
    background: #32d7e5;
}
.fastpixel-website-accelerator-wrap .save-button i {
    width: 15px;
    height: 15px;
    vertical-align: text-top;
    margin: 0 8px 0 0;
}
.fastpixel-website-accelerator-wrap .save-button i.fastpixel-icon.save {
    background-image: url(../../../icons/save.svg);
}
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-footer-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 16px;
}
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-footer-actions .save-button {
    margin: 0;
}
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-footer-actions .save-button,
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-purge-button {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    min-height: 49px;
    height: 49px;
    line-height: 1;
}
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-purge-button {
    padding: 15px 20px;
    margin: 0;
    border-radius: 6px;
    border: 0;
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    color: #fff;
    background: #1ABDCA;
    transition: all 0.1s ease-in-out;
    box-shadow: none;
}
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-purge-button:hover {
    background: #32d7e5;
    color: #fff;
}
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-purge-button[hidden] {
    display: none !important;
}
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-purge-button i.fastpixel-icon.refresh {
    width: 15px;
    height: 15px;
    margin: 0 8px 0 0;
    background-image: url(../../../icons/refresh.svg);
    transform: scale(1.5);
    transform-origin: center;
}

.fastpixel-website-accelerator-wrap table { 
    border-radius: 6px; 
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}
.fastpixel-website-accelerator-wrap table > tbody > :nth-child(odd) {
    background-color: #F4FBFC;
}
.fastpixel-website-accelerator-wrap table th { 
    font-size: 14px;
    font-weight: 700;
    color: #333333;
}
.fastpixel-website-accelerator-wrap table td { 
    font-size: 14px;
    font-weight: 500;
    color: #333333;
}
.fastpixel-website-accelerator-wrap .fastpixel-tab-description { 
    font-size: 14px;
    font-weight: 700;
    color: #333333;
}

@media screen and (max-width: 782px) {
    .fastpixel-website-accelerator-wrap header {
        position: fixed;
        top: 46px;
        left: 0;
        width: 100%;
        z-index: 10;
        height: 65px;
        margin: 0;
        padding: 0;
    }
    .fastpixel-website-accelerator-wrap header h1 {
        margin: 0;
        padding: 0;
        flex-grow: 3;
        text-align: left;
    }
    .fastpixel-website-accelerator-wrap header h1 img {
        vertical-align: middle;
        margin: 0 0 0 30px;
        padding: 0;
        width: 130px;
    }
    .fastpixel-website-accelerator-wrap header .top-buttons {
        margin: 0 30px 0 0;
        padding: 0;
    }
    .fastpixel-website-accelerator-wrap header .top-buttons .header-button i {
        margin: -1px 0 0 0;
    }
    .fastpixel-website-accelerator-wrap header .top-buttons .header-button name {
        display: none;
    }
    .fastpixel-website-accelerator-wrap .fastpixel-object-cache-footer-actions {
        align-items: stretch;
        width: 100%;
    }
    .fastpixel-website-accelerator-wrap .fastpixel-object-cache-footer-actions .save-button,
    .fastpixel-website-accelerator-wrap .fastpixel-object-cache-purge-button {
        width: 100%;
        justify-content: center;
        margin-right: 4px;
    }
}

/* New Menu styles */
.fastpixel-website-accelerator-wrap header .fastpixel-mobile-header-menu {
    display: none;
}
.fastpixel-website-accelerator-wrap header .fastpixel-mobile-header-menu img {
    padding: 0;
    margin: 0;
}
.fastpixel-website-accelerator-wrap header .fastpixel-mobile-header-menu span.close img {
    padding: 0;
    margin: 4px 0 0 0;
    width: 24px;
    height: 24px;
}

.fastpixel-website-accelerator-wrap menu {
    width: 25%;
    max-width: 220px;
    padding: 25px 0 0 25px;
    margin: 0;
}
.fastpixel-website-accelerator-wrap menu ul {
    list-style: none;
    border: none;
    padding: 0 0 4px 0;
    display: flex;
    flex-direction: column;
    margin: 0;
}
.fastpixel-website-accelerator-wrap menu ul li {
    text-align: left;
    border: none;
}
.fastpixel-website-accelerator-wrap menu ul li.fastpixel-settings-parent {
    margin: 0 0 6px 0;
}
.fastpixel-website-accelerator-wrap menu ul li a {
    padding: 6px 4px;
    font-size: 16px;
    color: #116C7E;
    text-decoration: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    border: none;
    font-weight: 600;
    white-space: nowrap;
}
.fastpixel-website-accelerator-wrap .fastpixel-settings-toggle {
    background: transparent;
    border: none;
    padding: 6px 4px;
    font-size: 16px;
    color: #116C7E;
    text-decoration: none;
    display: flex;
    flex-direction: row;
    width: 100%;
    border: none;
    font-weight: 600;
    white-space: nowrap;
    align-items: center;
    cursor: pointer;
}
.fastpixel-website-accelerator-wrap .fastpixel-settings-toggle:focus {
    outline: none;
    box-shadow: none;
}
.fastpixel-website-accelerator-wrap .fastpixel-settings-caret {
    margin-left: 16px;
    margin-right: auto;
    width: 6px;
    height: 6px;
    border-right: 2px solid #116C7E;
    border-bottom: 2px solid #116C7E;
    transform: rotate(45deg);
    transition: transform 0.15s ease-in-out;
}
.fastpixel-website-accelerator-wrap .fastpixel-settings-parent.collapsed .fastpixel-settings-caret {
    transform: rotate(-45deg);
}
.fastpixel-website-accelerator-wrap menu ul li.fastpixel-settings-child a {
    padding: 6px 4px 6px 24px;
    font-weight: normal;
}
.fastpixel-website-accelerator-wrap menu ul li.fastpixel-settings-child.collapsed {
    display: none;
}
.fastpixel-website-accelerator-wrap menu ul li a:focus {
    border: none;
    outline: none;
    box-shadow: none;
}
.fastpixel-website-accelerator-wrap menu ul li.ui-state-active a,
.fastpixel-website-accelerator-wrap menu ul li.ui-state-hover a {
    color: #1ABDCA;
}
.fastpixel-website-accelerator-wrap section.wrapper {
    width: 70%;
    margin: 25px 0 25px 5%;
}
.fastpixel-website-accelerator-wrap .fastpixel-settings section.wrapper .fastpixel-options-tab {
    color: #333;
    z-index: 2;
    display: none;
}
.fastpixel-website-accelerator-wrap .fastpixel-submenu {
    max-width: 220px;
    height: auto;
    margin: 16px 9px 7px 2px;
    border-radius: 0.7rem;
    background-color: #F4FBFC;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    padding: 20px 10px;
}
.fastpixel-website-accelerator-wrap .fastpixel-submenu-item {
    display: flex;
    flex-direction: row;
    min-height: 30px;
    align-items: center;
    justify-self: start
}
.fastpixel-website-accelerator-wrap .fastpixel-submenu a {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
    color: #116C7E;
    vertical-align: middle;
}
.fastpixel-website-accelerator-wrap .fastpixel-icon {
    display: block;
    width: 17px;
    height: 18px;
    margin: 0px 5px;
}
.fastpixel-website-accelerator-wrap .fastpixel-icon.ok {
    background-image: url(../../../icons/ok.svg);
}
.fastpixel-website-accelerator-wrap .fastpixel-submenu a::after {
    content: '';
}
.fastpixel-website-accelerator-wrap .fastpixel-submenu a:last-of-type:after {
    content: '';
}
.fastpixel-website-accelerator-wrap .fastpixel-field-desc {
    margin-left: 0;
}

@media screen and (max-width: 782px) {
    .fastpixel-website-accelerator-wrap menu {
        display: none;
        position: fixed;
        top: 111px;
        left: 0;
        width: 200px;
        background-color: #ffffff;
        z-index: 10;
        margin: 0;
        padding: 15px;
    }
    .fastpixel-website-accelerator-wrap menu.closed {
        display: none;
    }
    .fastpixel-website-accelerator-wrap menu.opened {
        display: block;
    }
    .fastpixel-website-accelerator-wrap header .fastpixel-mobile-header-menu {
        margin-left: 30px;
        display: block;
    }
    .fastpixel-website-accelerator-wrap header .fastpixel-mobile-header-menu span {
        width: 32px;
        height: 32px;
        display: none;
    }
    .fastpixel-website-accelerator-wrap header .fastpixel-mobile-header-menu img {
        width: 32px;
        height: 32px;
    }
    .fastpixel-website-accelerator-wrap header .fastpixel-mobile-header-menu.closed span.open {
        display: block;
    }
    .fastpixel-website-accelerator-wrap header .fastpixel-mobile-header-menu.closed span.close {
        display: none;
    }
    .fastpixel-website-accelerator-wrap header .fastpixel-mobile-header-menu.opened span.open {
        display: none;
    }
    .fastpixel-website-accelerator-wrap header .fastpixel-mobile-header-menu.opened span.close {
        display: block;
    }
}

/* Status tab styles */
.fastpixel-website-accelerator-wrap p.search-box,
.fastpixel-website-accelerator-wrap .tablenav-pages {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-weight: 700;
    text-decoration: none;
}
.fastpixel-website-accelerator-wrap .column-ID { width:80px !important; overflow:hidden }
.fastpixel-website-accelerator-wrap .column-cache_status { width:120px !important; overflow:visible }
.fastpixel-website-accelerator-wrap .column-post_status { width:120px !important; overflow:hidden }
.fastpixel-website-accelerator-wrap .column-cache_status .cached { color: rgba(17,200,17,1); }
.fastpixel-website-accelerator-wrap .column-cache_status .cached.invalidated { color: rgba(255,170,50,1) }
.fastpixel-website-accelerator-wrap .column-cache_status .not-cached,
.fastpixel-website-accelerator-wrap .column-cache_status .error { color: rgba(255,0,0,1) }
.fastpixel-website-accelerator-wrap .column-cache_status .queued { color: rgba(255,200,50,1) }
.fastpixel-website-accelerator-wrap .column-cache_status span { cursor: default; }
.fastpixel-website-accelerator-wrap .column-cache_status span.have-popup { cursor: pointer; }
.fastpixel-website-accelerator-wrap .column-cache_status .queued-container,
.fastpixel-website-accelerator-wrap .column-cache_status .stale-container { cursor: pointer; }
.fastpixel-website-accelerator-wrap .column-cache_status .pop-up {
    display: none;
    opacity: 1;
    position: fixed;
    min-width: 220px;
    max-width: min(320px, calc(100vw - 32px));
    padding: 10px 12px;
    border-radius: var(--fastpixel-radius-md);
    background: #1c5f6e;
    border: 1px solid rgba(255, 255, 255, 0.14);
    color: #ffffff;
    font-size: 12px;
    line-height: 1.4;
    box-shadow: 0 10px 24px rgba(15, 41, 48, 0.24);
    z-index: 20;
    white-space: normal;
    pointer-events: auto;
}
.fastpixel-website-accelerator-wrap .column-cache_status .pop-up::before {
    content: "";
    position: absolute;
    top: -6px;
    left: var(--fastpixel-popup-arrow-left, 18px);
    width: 12px;
    height: 12px;
    background: #1c5f6e;
    border-left: 1px solid rgba(255, 255, 255, 0.14);
    border-top: 1px solid rgba(255, 255, 255, 0.14);
    transform: translateX(-50%) rotate(45deg);
}
.fastpixel-website-accelerator-wrap .column-cache_status .pop-up.fastpixel-popup-above::before {
    top: auto;
    bottom: -7px;
    border-left: 0;
    border-top: 0;
    border-right: 1px solid rgba(255, 255, 255, 0.14);
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}
.fastpixel-website-accelerator-wrap .column-cache_status .fastpixel-error-popup {
    background: #c62828;
    border-color: rgba(255, 255, 255, 0.16);
    box-shadow: 0 10px 24px rgba(120, 18, 18, 0.24);
}
.fastpixel-website-accelerator-wrap .column-cache_status .fastpixel-error-popup::before {
    background: #c62828;
}
.fastpixel-website-accelerator-wrap .column-cache_status span.dont-have-popup { cursor: auto; }
.fastpixel-website-accelerator-wrap .column-cache_status img { width: 32px; }
.fastpixel-website-accelerator-wrap .column-cache_status .loader {
    width: 24px;
    height: 24px;
    border: 5px solid #21bbca;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
} 
.fastpixel-website-accelerator-wrap .column-cache_status .queued-container,
.fastpixel-website-accelerator-wrap .column-cache_status .stale-container {
    display: flex;
}
.fastpixel-website-accelerator-wrap .column-cache_status .queued-container span,
.fastpixel-website-accelerator-wrap .column-cache_status .stale-container span {
    flex-direction: row;
}
.fastpixel-website-accelerator-wrap .column-cache_status .queued-container span.queued,
.fastpixel-website-accelerator-wrap .column-cache_status .stale-container span.invalidated {
    margin-right: 20px;
}
.fastpixel-website-accelerator-wrap .column-cache_status .queued-loader,
.fastpixel-website-accelerator-wrap .column-cache_status .stale-loader,
.fastpixel-diagnostics-container .queued-loader,
.fastpixel-website-accelerator-wrap .column-cache_status .queued-loader:before,
.fastpixel-website-accelerator-wrap .column-cache_status .stale-loader:before,
.fastpixel-diagnostics-container .queued-loader:before,
.fastpixel-website-accelerator-wrap .column-cache_status .queued-loader:after,
.fastpixel-website-accelerator-wrap .column-cache_status .stale-loader:after,
.fastpixel-diagnostics-container .queued-loader:after {
    border-radius: 50%;
    width: 1em;
    height: 1em;
    animation-fill-mode: both;
    animation: bblFadInOut 1.8s infinite ease-in-out;
}
.fastpixel-website-accelerator-wrap .column-cache_status .queued-loader,
.fastpixel-website-accelerator-wrap .column-cache_status .stale-loader,
.fastpixel-diagnostics-container .queued-loader {
    display: inline-block;
    color: #21bbca;
    font-size: 7px;
    position: relative;
    text-indent: -9999em;
    transform: translateZ(0);
    animation-delay: -0.16s;
    margin-top: -3px;
}
.fastpixel-website-accelerator-wrap .column-cache_status .queued-loader:before,
.fastpixel-website-accelerator-wrap .column-cache_status .queued-loader:after,
.fastpixel-website-accelerator-wrap .column-cache_status .stale-loader:before,
.fastpixel-website-accelerator-wrap .column-cache_status .stale-loader:after,
.fastpixel-diagnostics-container .queued-loader:before,
.fastpixel-diagnostics-container .queued-loader:after {
    content: '';
    position: absolute;
    top: 0;
}
.fastpixel-website-accelerator-wrap .column-cache_status .queued-loader:before,
.fastpixel-website-accelerator-wrap .column-cache_status .stale-loader:before,
.fastpixel-diagnostics-container .queued-loader:before {
    left: -1.5em;
    animation-delay: -0.32s;
}
.fastpixel-website-accelerator-wrap .column-cache_status .queued-loader:after,
.fastpixel-website-accelerator-wrap .column-cache_status .stale-loader:after,
.fastpixel-diagnostics-container .queued-loader:after {
    left: 1.5em;
}

@keyframes bblFadInOut {
    0%, 80%, 100% { box-shadow: 0 1.5em 0 -1.3em }
    40% { box-shadow: 0 1.5em 0 0 }
}

/* Settings tab styles */
.fastpixel-website-accelerator-wrap .fastpixel-icon.settings {
    background-image: url(../../../icons/processing.svg);   
}
.fastpixel-website-accelerator-wrap .fastpixel-icon.page {
    background-image: url(../../../icons/page.svg);   
}
.fastpixel-website-accelerator-wrap .fastpixel-icon.object-cache {
    background-image: url(../../../icons/object-cache-icon.svg);
}
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-status-box {
    background: #f5fbfc;
    border: 1px solid #d4eaf0;
    border-left: 4px solid #1abdca;
    border-radius: 10px;
    padding: 10px 12px;
    margin: 10px 0 12px;
}
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-status-title {
    margin: 0 0 8px;
    padding: 4px 8px;
    color: #0c5f71;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.01em;
}
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-status-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    margin: 4px 0;
}
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-status-label {
    color: #3f6773;
    font-weight: 600;
    font-size: 12px;
    flex: 1 1 140px;
    min-width: 0;
}
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-status-badge {
    display: inline-block;
    font-size: 11px;
    line-height: 1.2;
    font-weight: 700;
    max-width: 100%;
    text-align: right;
    white-space: normal;
    overflow-wrap: anywhere;
}
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-status-badge.is-positive {
    color: #2c7a4b;
}
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-status-badge.is-negative {
    color: #a9652b;
}
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-status-badge.is-neutral {
    color: #536270;
}
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-layout {
    padding: 0;
    max-width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.fastpixel-website-accelerator-wrap .fastpixel-options-tab#object-cache {
    position: relative;
}
.fastpixel-website-accelerator-wrap .fastpixel-options-tab#object-cache > settinglist > h2 {
    padding-right: 56px;
}
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-method-block {
    margin-bottom: 10px;
}
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-top-help {
    position: absolute;
    top: -4px;
    right: 0;
    z-index: 3;
    display: flex;
    justify-content: flex-end;
    margin: 0;
}
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-top-help-trigger {
    position: relative;
    display: inline-flex;
    align-items: center;
}
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-top-help-button {
    width: 40px;
    height: 40px;
    border: 0;
    background: transparent;
    padding: 0;
    margin: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-top-help-button:focus-visible {
    outline: 2px solid #2f9ec2;
    outline-offset: 2px;
}
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-top-help-icon {
    width: 36px;
    height: 36px;
    display: block;
}
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-top-help-tooltip {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 3;
    min-width: 220px;
    max-width: 300px;
    padding: 8px 10px;
    border-radius: 6px;
    background: #1c5f6e;
    color: #ffffff;
    font-size: 12px;
    line-height: 1.35;
    box-shadow: 0 6px 14px rgba(15, 41, 48, 0.2);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-top-help-trigger:hover .fastpixel-object-cache-top-help-tooltip,
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-top-help-trigger:focus-within .fastpixel-object-cache-top-help-tooltip {
    opacity: 1;
    visibility: visible;
}
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-label-with-docs {
    display: inline-flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 6px;
}
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-docs-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    text-decoration: none;
    vertical-align: middle;
}
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-docs-link img {
    width: 16px;
    height: 16px;
    display: block;
}
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-docs-link:focus-visible {
    outline: 2px solid #2f9ec2;
    outline-offset: 2px;
    border-radius: 50%;
}
.fastpixel-website-accelerator-wrap .fastpixel-required-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #ffe9d7;
    color: #a9652b;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    vertical-align: middle;
}
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-group {
    border: 0;
    background: var(--fastpixel-color-surface);
    border-radius: var(--fastpixel-radius-md);
    padding: var(--fastpixel-setting-padding);
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--fastpixel-section-gap);
}
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-group-title {
    margin: 0;
    font-size: 14px;
    color: #1d2327;
}
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-grid-two {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-field {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-field br {
    display: none;
}
.fastpixel-website-accelerator-wrap setting .fastpixel-horizontal-options label.fastpixel-object-cache-method-option-disabled,
.fastpixel-website-accelerator-wrap setting .fastpixel-horizontal-options label.fastpixel-object-cache-method-option-disabled:has(input:checked) {
    background-color: #c5ccd1;
    cursor: not-allowed;
    position: relative;
}
.fastpixel-website-accelerator-wrap setting .fastpixel-horizontal-options label.fastpixel-object-cache-method-option-disabled span {
    color: #4d616a;
}
.fastpixel-website-accelerator-wrap setting .fastpixel-horizontal-options label.fastpixel-object-cache-method-option-disabled .fastpixel-object-cache-method-disabled-tooltip {
    right: auto;
    left: 50%;
    top: calc(100% + 8px);
    min-width: 220px;
    max-width: 280px;
    transform: translateX(-50%);
    text-align: left;
    font-size: 12px;
    line-height: 1.35;
    background: #c5ccd1;
    color: #4d616a;
    white-space: normal;
    box-shadow: 0 6px 14px rgba(77, 97, 106, 0.15);
}
.fastpixel-website-accelerator-wrap setting .fastpixel-horizontal-options label.fastpixel-object-cache-method-option-disabled:hover .fastpixel-object-cache-method-disabled-tooltip,
.fastpixel-website-accelerator-wrap setting .fastpixel-horizontal-options label.fastpixel-object-cache-method-option-disabled:focus-within .fastpixel-object-cache-method-disabled-tooltip,
.fastpixel-website-accelerator-wrap setting .fastpixel-horizontal-options label.fastpixel-object-cache-method-option-disabled:focus .fastpixel-object-cache-method-disabled-tooltip {
    opacity: 1;
    visibility: visible;
}
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-connection-title {
    display: flex;
    align-items: center;
    gap: 8px;
}
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-connection-check {
    display: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #38A169;
    color: #fff;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
}
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-connection-title.is-connected .fastpixel-object-cache-connection-check {
    display: inline-block;
}
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-actions {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-test-result {
    font-size: 13px;
    font-weight: 600;
    display: none;
    padding: 8px 10px;
    border-radius: 6px;
    line-height: 1.35;
}
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-test-result.is-success {
    color: #2c7a4b;
    background: #eaf7ef;
    border: 1px solid #b5dec4;
    display: inline-flex;
    align-items: center;
}
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-test-result.is-error {
    color: #a9652b;
    background: #fff5eb;
    border: 1px solid #f1d4b5;
    display: inline-flex;
    align-items: center;
}
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-test-button {
    color: #fff;
    background: #1ABDCA;
    border: 0;
    border-radius: 6px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-weight: 700;
    font-size: 13px;
    line-height: 1;
    padding: 10px 14px;
    cursor: pointer;
    transition: all 0.1s ease-in-out;
}
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-test-button:hover {
    background: #32d7e5;
}
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-test-button.is-loading {
    opacity: 0.8;
    cursor: wait;
}
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-group input[type="text"],
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-group input[type="password"],
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-group input[type="number"],
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-group textarea {
    border: 1px solid #1ABDCA;
    max-width: 100%;
    box-sizing: border-box;
}
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-group .regular-text,
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-group .large-text {
    width: 100%;
    max-width: 100%;
}
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-group .small-text {
    max-width: 100%;
}
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-group-advanced input[type="number"].small-text {
    width: 180px;
    min-width: 180px;
}
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-group input[type="text"]:focus,
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-group input[type="password"]:focus,
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-group input[type="number"]:focus,
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-group textarea:focus {
    box-shadow: 0 0 0 1px #2271b1;
}
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-advanced-settings {
    border: 0;
    border-radius: var(--fastpixel-radius-md);
    background: var(--fastpixel-color-surface);
    margin: 0;
}
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-advanced-summary {
    cursor: pointer;
    padding: var(--fastpixel-setting-padding);
    font-size: 14px;
    font-weight: 700;
    color: #1d2327;
    list-style: none;
}
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-advanced-summary::-webkit-details-marker {
    display: none;
}
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-advanced-summary::before {
    content: '▸';
    margin-right: 6px;
    color: #1d2327;
}
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-advanced-settings[open] .fastpixel-object-cache-advanced-summary::before {
    content: '▾';
}
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-group-advanced {
    border: 0;
    border-radius: 0 0 8px 8px;
    margin: 0;
    background: var(--fastpixel-color-surface);
}
@media (max-width: 780px) {
    .fastpixel-website-accelerator-wrap .fastpixel-object-cache-grid-two {
        grid-template-columns: 1fr;
    }
    .fastpixel-website-accelerator-wrap .fastpixel-object-cache-layout {
        padding: 0;
    }
    .fastpixel-website-accelerator-wrap .fastpixel-object-cache-status-row {
        align-items: flex-start;
    }
    .fastpixel-website-accelerator-wrap .fastpixel-object-cache-status-badge {
        text-align: left;
        width: 100%;
    }
    .fastpixel-website-accelerator-wrap .fastpixel-object-cache-top-help-tooltip {
        min-width: 0;
        max-width: calc(100vw - 64px);
    }
    .fastpixel-website-accelerator-wrap setting .fastpixel-horizontal-options label.fastpixel-object-cache-method-option-disabled .fastpixel-object-cache-method-disabled-tooltip {
        max-width: min(280px, calc(100vw - 64px));
    }
    .fastpixel-website-accelerator-wrap .fastpixel-object-cache-actions {
        justify-content: flex-start;
    }
    .fastpixel-website-accelerator-wrap .fastpixel-object-cache-test-result {
        width: 100%;
    }
}
.fastpixel-website-accelerator-wrap .fastpixel-icon.css {
    background-image: url(../../../icons/braces.svg);
    background-size: 15px;
    background-position: 2px;
}
.fastpixel-website-accelerator-wrap .fastpixel-icon.cache-status {
    background-image: url(../../../icons/dashboard.svg);
}
.fastpixel-website-accelerator-wrap .fastpixel-page-excludes-example-2d-row { padding-left: 75px; }
@media (min-resolution: 96dpi) and (max-resolution: 119dpi) {
    .fastpixel-website-accelerator-wrap .fastpixel-page-excludes-example-2d-row { padding-left: 63px; }
}
.fastpixel-website-accelerator-wrap .fastpixel-excluded-post-types-container content {
    width: 100%;
}
.fastpixel-website-accelerator-wrap .fastpixel-excluded-post-types-container .fastpixel-exclude-post-types-row {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: stretch;
}
.fastpixel-website-accelerator-wrap .fastpixel-exclude-post-types-column {
    width: 20%;
    display: flex;
    flex-direction: column;
    justify-content: end;
}
.fastpixel-website-accelerator-wrap .fastpixel-exclude-post-types-column:first-of-type,
.fastpixel-website-accelerator-wrap .fastpixel-exclude-post-types-column:last-of-type {
    width: 40%;
    flex-grow: 2;
}
.fastpixel-website-accelerator-wrap .fastpixel-exclude-post-types-column p {
    margin-top: 10px;
    color: #116C7E;
    font-weight: 700;
    flex-grow: 2;
}
.fastpixel-website-accelerator-wrap .fastpixel-exclude-post-types-actions {
    align-items: center;
    justify-content: center;
}
.fastpixel-website-accelerator-wrap .fastpixel-exclude-post-types-actions button {
    font-size: 14px;
    color: #fff;
    background: #1ABDCA;
    padding: 10px 12px;
    border: 0;
    margin: 4px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-weight: 700;
    border-radius: 6px;
    cursor: pointer;
}
.fastpixel-website-accelerator-wrap .fastpixel-exclude-post-types-actions button:hover {
        background: #32d7e5
}
.fastpixel-website-accelerator-wrap .fastpixel-exclude-post-types-column .fastpixel-select {
    /* min-height: 76px; */
    width: 100%;
    min-height: 90px;
    border: 1px solid #1ABDCA;
    padding: 0;
}
.fastpixel-website-accelerator-wrap .fastpixel-exclude-post-types-column .fastpixel-select option {
    padding: 0 10px;
}
.fastpixel-website-accelerator-wrap .fastpixel-exclude-post-types-column .fastpixel-select option:checked {
    background-color: #ffffff;
}
.fastpixel-website-accelerator-wrap .fastpixel-woocommerce-settings-section h2 {
    font-size: 18px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-weight: 700;
    color: #1d2327;
    margin-top: 25px;
}

/* Javascript tab styles */
.fastpixel-website-accelerator-wrap .fastpixel-icon.javascript {
    background-image: url(../../../icons/js.svg);
}
.fastpixel-javascript-regexp-excludes-example-2d-row { padding-left: 75px;}
@media (min-resolution: 96dpi) and (max-resolution: 119dpi) {
    .fastpixel-javascript-regexp-excludes-example-2d-row { padding-left: 63px;}
}

/* Images tab styles */
.fastpixel-website-accelerator-wrap .fastpixel-icon.images {
    background-image: url(../../../icons/optimization.svg);   
}

/* Fonts tab styles */
.fastpixel-website-accelerator-wrap .fastpixel-icon.fonts {
    background-image: url(../../../icons/aa.svg);
    background-size: 19px;
}

/* Integrations tab styles */
.fastpixel-website-accelerator-wrap .fastpixel-icon.integrations {
    background-image: url(../../../icons/integrations.svg);   
}
.fastpixel-website-accelerator-wrap #integrations settinglist > h2 + h2 {
    margin-top: 28px;
    margin-bottom: 8px;
}
.fastpixel-website-accelerator-wrap #integrations .fastpixel-cloudflare-settings-section .fastpixel-settings-section-description {
    color: #333333;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    margin: 0 0 14px;
}
.fastpixel-website-accelerator-wrap #integrations .fastpixel-cloudflare-settings-section .fastpixel-input-description {
    color: #116C7E;
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
    padding: 6px 10px 8px 0;
    box-sizing: border-box;
}

/* Diagnostics tab */
.fastpixel-website-accelerator-wrap .fastpixel-icon.diagnostics {
    background-image: url(../../../icons/debug.svg);   
}
.fastpixel-website-accelerator-wrap .fastpixel-diagnostics-container table td { 
    font-size: 14px;
    font-weight: 700;
    color: #116C7E;
}
.fastpixel-diagnostics-container { padding-top: 15px; }
.fastpixel-diagnostics-container tr td .failed { color: rgba(255,0,0,1); }
.fastpixel-diagnostics-container tr td .passed { color: rgba(17,200,17,1); }
.fastpixel-diagnostics-container .plugin-status-row td { line-height: 30px; }
.fastpixel-diagnostics-container .spinner-loader { display: block; margin-left: 1.5em; }
.fastpixel-diagnostics-container .page-top { display: flex; flex-direction: row; width: 100%; }
.fastpixel-diagnostics-container .top-column { width: 50%; }
.fastpixel-diagnostics-container .top-column.right { height: 65px; display: flex; align-items: center; justify-content: end; }
.fastpixel-diagnostics-container .top-column.right a { height: 28px; justify-self: end; }

/* Presets tab */
.fastpixel-website-accelerator-wrap .fastpixel-icon.presets {
    background-image: url(../../../icons/presets.svg);
}

.fastpixel-presets-container {
    display: flex;
    flex-direction: row;
    margin: 40px 20px 10px 0;
    justify-content: space-between;
}
.fastpixel-presets-container .fastpixel-presets-box:first-of-type {
    margin-left: 0;
}
.fastpixel-presets-container .fastpixel-presets-box {
    margin-left: 10px;
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
    border-radius: 15px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    width: 30%;
    justify-content: stretch;
}
.fastpixel-presets-container .fastpixel-presets-box.active .box-title span {
    display: inline;
}

.fastpixel-presets-container .box-title {
    line-height: 26px;
    height: 26px;
    border-radius: 15px 15px 0 0;
    padding: 10px 20px;
    background-color: #21bbca;
    font-size: 20px;
    margin-bottom: 0px;
    color: #ffffff;
}
.fastpixel-presets-container .fastpixel-presets-box.active .box-title {
    background-color: #116c7e;
}
.fastpixel-presets-container .box-title span {
    line-height: 26px;
    margin-left: 5px;
    display: none;
    font-size: 16px;
    font-weight: bold;
}
.fastpixel-presets-container .options-list {
    margin: 10px 0 10px 30px;
    list-style-type: disc; 
    padding: 0;
    min-height: 340px;
    display: flex;
    flex-direction: column;
}
.fastpixel-presets-container .options-list li {
    margin: 5px 0;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 14px;;
}
.fastpixel-presets-container .apply-preset {
    background-color: #21bbca;
    color: #ffffff;
    margin: auto auto 20px auto;
    padding: 10px;
    border-radius: 5px;
    border: none;
    width: 150px;
    cursor: pointer;
    font-weight: 600;
}
.fastpixel-presets-container .fastpixel-presets-box.active .apply-preset {
    background-color: #116c7e;
}
.fastpixel-presets-container .fastpixel-presets-box .apply-preset .apply {
    display: block;
}
.fastpixel-presets-container .fastpixel-presets-box .apply-preset .active {
    display: none;
}
.fastpixel-presets-container .fastpixel-presets-box.active .apply-preset .active {
    display: block;
}
.fastpixel-presets-container .fastpixel-presets-box.active .apply-preset .apply {
    display: none;
}


.fastpixel-presets-container .apply-preset:hover {
        background: #32d7e5
}

/* Help Center tab */
.fastpixel-website-accelerator-wrap .fastpixel-icon.help_center {
    background-image: url(../../../icons/help-circle.svg);   
}
.fastpixel-website-accelerator-wrap .help-center-wrap .help-center-stack {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-right: 20px;
}
.fastpixel-website-accelerator-wrap .help-center-wrap .help-center {
    display: grid;
    gap: 20px;
    width: 100%;
    margin-right: 20px;
    align-items: stretch;
    background: transparent;
}
.fastpixel-website-accelerator-wrap .help-center-wrap .help-center.help-center-row-top {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.fastpixel-website-accelerator-wrap .help-center-wrap .help-center.help-center-row-bottom {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.fastpixel-website-accelerator-wrap .help-center-wrap .help-center > .help-center-card {
    background: #F4FBFC;
    border: 0;
    border-radius: 18px;
    display: grid;
    padding: 22px 22px 20px;
    grid-template-rows: auto auto auto auto;
    justify-items: center;
    align-content: center;
    row-gap: 14px;
    text-align: center;
    box-sizing: border-box;
    min-height: 264px;
    transition: transform 0.16s ease, box-shadow 0.16s ease;
    transform: translateZ(0);
}
.fastpixel-website-accelerator-wrap .help-center-wrap .help-center > .help-center-card:hover {
    transform: scale(1.015);
}
.fastpixel-website-accelerator-wrap .help-center-wrap .help-center > .help-center-card .main-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
}
.fastpixel-website-accelerator-wrap .help-center-wrap .help-center > .help-center-card .main-icon .icon {
    display: block;
    width: 38px !important;
    height: 38px !important;
    max-width: 38px;
    max-height: 38px;
    object-fit: contain;
    border: none;
}
.fastpixel-website-accelerator-wrap .help-center-wrap .help-center > .help-center-card .main-icon .icon[src$="FastPixel-Happy.svg"] {
    width: 44px !important;
    height: 44px !important;
    max-width: 44px;
    max-height: 44px;
}
.fastpixel-website-accelerator-wrap .help-center-wrap .help-center > .help-center-card h4 {
    font-size: 15px;
    line-height: 1.35;
    margin: 0;
    display: block;
    font-weight: 600;
    color: #116c7e;
}
.fastpixel-website-accelerator-wrap .help-center-wrap .help-center > .help-center-card p {
    font-size: 13px;
    line-height: 1.5;
    margin: 0;
    display: block;
    color: #245b66;
    max-width: 270px;
}
.fastpixel-website-accelerator-wrap .help-center-wrap .help-center .fastpixel-button-container {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #1ABDCA;
    padding: 7px 12px;
    border: 0;
    margin: 0;
    border-radius: 6px;
    transition: all 0.1s ease-in-out;
    min-height: 34px;
}
.fastpixel-website-accelerator-wrap .help-center-wrap .help-center .fastpixel-button-container:hover {
    background: #32d7e5;
}
.fastpixel-website-accelerator-wrap .help-center-wrap .help-center .button-setting {
    color: #fff;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    box-shadow: none;
}
.fastpixel-website-accelerator-wrap .help-center-wrap .help-center button.button-setting {
    background: transparent;
    border: 0;
    padding: 0;
    cursor: pointer;
}
@media (max-width: 960px) {
    .fastpixel-website-accelerator-wrap .help-center-wrap .help-center-stack {
        margin-right: 0;
    }
    .fastpixel-website-accelerator-wrap .help-center-wrap .help-center {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-right: 0;
    }
    .fastpixel-website-accelerator-wrap .help-center-wrap .help-center > .help-center-card:last-child {
        grid-column: 1 / -1;
        max-width: 340px;
        width: 100%;
        justify-self: center;
    }
}
@media (max-width: 782px) {
    .fastpixel-website-accelerator-wrap .help-center-wrap .help-center {
        grid-template-columns: minmax(0, 1fr);
    }
    .fastpixel-website-accelerator-wrap .help-center-wrap .help-center > .help-center-card:last-child {
        max-width: none;
    }
    .fastpixel-website-accelerator-wrap .help-center-wrap .help-center > .help-center-card {
        min-height: 0;
        padding: 20px 18px;
        border-radius: 16px;
    }
}

/* Statistics tab */
.fastpixel-website-accelerator-wrap .fastpixel-icon.statistics {
    background-image: url(../../../icons/sale-statistics.svg);
}

/* Plugins screen */
/* Deactivation popup*/
.fastpixel-deactivate-form-active .fastpixel-deactivate-form-bg {
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* above wp-admin content (#wpadminbar is 99999 — modal must sit above bar) */
    z-index: 100000;
}
.fastpixel-deactivate-form-wrapper {
    position: relative;
    z-index: 100005;
    display: none;
}
.fastpixel-deactivate-form-active .fastpixel-deactivate-form-wrapper {
    display: block;
}
.fastpixel-deactivate-form {
    display: none;
}
.fastpixel-deactivate-form-active .fastpixel-deactivate-form {
    display: block;
    position: fixed;
    top: 20px;
    right: 0;
    bottom: 20px;
    left: 0;
    width: min(420px, calc(100vw - 32px));
    min-width: 260px;
    height: fit-content;
    max-height: min(calc(100vh - 40px), calc(100dvh - 40px));
    margin: auto;
    transform: none;
    overflow-y: auto;
    background: #fff;
    white-space: normal;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.28);
    scrollbar-width: thin;
    scrollbar-color: #1ABDCA rgba(26, 189, 202, 0.18);
    z-index: 100010;
}
.fastpixel-deactivate-form-active .fastpixel-deactivate-form::-webkit-scrollbar {
    width: 6px;
}
.fastpixel-deactivate-form-active .fastpixel-deactivate-form::-webkit-scrollbar-track {
    background: rgba(26, 189, 202, 0.14);
    border-radius: 3px;
}
.fastpixel-deactivate-form-active .fastpixel-deactivate-form::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #32d7e5 0%, #1ABDCA 45%, #116C7E 100%);
    border-radius: 3px;
}
.fastpixel-deactivate-form-active .fastpixel-deactivate-form::-webkit-scrollbar-thumb:hover {
    background: #0fa9b4;
}
.fastpixel-deactivate-scroll-hint {
    position: sticky;
    bottom: 8px;
    z-index: 3;
    display: block;
    width: 40px;
    height: 50px;
    margin: 14px auto 4px;
    padding: 0;
    border: 0;
    border-radius: 10px;
    background: rgba(178, 236, 240, 0.52);
    box-shadow: 0 1px 4px rgba(17, 108, 126, 0.12);
    cursor: pointer;
    flex-shrink: 0;
    transition: opacity 0.35s ease, visibility 0.35s ease, transform 0.35s ease;
    animation: fastpixel-deactivate-knock-bottom 1.3s ease-in-out 3s infinite;
}
.fastpixel-deactivate-scroll-hint:focus {
    outline: 2px solid rgba(31, 190, 201, 0.65);
    outline-offset: 2px;
}
.fastpixel-deactivate-scroll-hint.hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-14px);
    animation: none;
    height: 0;
    margin: 0;
    overflow: hidden;
}
.fastpixel-deactivate-scroll-hint .fastpixel-deactivate-scroll-mouse {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 26px;
    height: 40px;
    border-radius: 12px;
    border: 2px solid #116C7E;
    box-sizing: border-box;
    pointer-events: none;
}
.fastpixel-deactivate-scroll-hint .fastpixel-deactivate-scroll-wheel {
    position: absolute;
    top: 11px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #1ABDCA;
    background: none;
    pointer-events: none;
    animation: fastpixel-deactivate-wheel-scroll 2.2s ease-in-out infinite;
}
.fastpixel-deactivate-form-head {
    background: transparent;
    padding: 0;
    position: relative;
}
.fastpixel-deactivate-form-heading {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.25;
    color: #1d2327;
    margin: 0;
    flex: 1;
    min-width: 0;
}
.fastpixel-deactivate-form-title-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-right: 44px;
}
.fastpixel-deactivate-form-icon {
    width: 90px;
    height: 90px;
    /*max-width: 100px;*/
    /*max-height: 100px;*/
    flex: 0 0 64px;
    display: block;
    object-fit: contain;
}
.fastpixel-deactivate-form-intro {
    margin: 10px 0 0;
    padding: 0 44px 0 0;
    font-size: 14px;
    line-height: 1.45;
    font-weight: 400;
    color: #50575e;
}
.fastpixel-deactivate-form-close {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    background: rgba(0, 192, 206, 0.3);
    border-radius: 10px;
    border: 0;
}
.fastpixel-deactivate-form-close:before,
.fastpixel-deactivate-form-close:after {
    content: "";
    position: absolute;
    left: 14px;
    top: 7px;
    width: 2px;
    height: 16px;
    background: #007cba;
}
.fastpixel-deactivate-form-close:before {
    transform: rotate(45deg);
}
.fastpixel-deactivate-form-close:after {
    transform: rotate(-45deg);
}
.fastpixel-deactivate-form-close:hover {
    box-shadow: inset 1px 2px 3px rgba(14, 77, 88, 0.3);
}
.fastpixel-deactivate-form-body {
    padding: 14px 0 0;
    color: #444;
}
.fastpixel-deactivate-form .fastpixel-deactivating-spinner {
    display: none;
}
.fastpixel-deactivating-spinner .spinner {
    float: none;
    margin: 4px 4px 0 18px;
    vertical-align: bottom;
    visibility: visible;
}
.fastpixel-deactivate-details-panel {
    display: none;
    margin-top: 12px;
    padding: 10px;
    border-radius: 10px;
    background: #f3f3f3;
    box-sizing: border-box;
}
.fastpixel-deactivation-details-container {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.fastpixel-deactivation-details-container label {
    margin: 0;
}
.fastpixel-deactivation-details-container #fastpixel-deactivate-textarea-label {
    font-size: 13px;
    font-weight: 600;
    color: #50575e;
}
.fastpixel-deactivation-delete-files-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 0;
    background: #f3f3f3;
    border-radius: 10px;
    margin-top: 12px;
    padding: 10px;
}
.fastpixel-deactivation-option-row {
    display: flex;
    align-items: center;
    gap: 8px;
}
.fastpixel-deactivation-delete-files-container .fastpixel-deactivation-option-row {
    align-items: flex-start;
    gap: 10px;
    padding: 4px 0;
}
.fastpixel-deactivation-delete-files-container input[type="checkbox"],
#fastpixel-deactivation-send-anonymous-container input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 17px;
    height: 17px;
    margin: 3px 0 0;
    flex-shrink: 0;
    border: 2px solid #b7bcc0;
    border-radius: 5px;
    background: #fff;
    cursor: pointer;
    transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
    box-sizing: border-box;
}
.fastpixel-deactivation-delete-files-container input[type="checkbox"]:hover,
#fastpixel-deactivation-send-anonymous-container input[type="checkbox"]:hover {
    border-color: #1fbec9;
}
.fastpixel-deactivation-delete-files-container input[type="checkbox"]:focus,
#fastpixel-deactivation-send-anonymous-container input[type="checkbox"]:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(31, 190, 201, 0.35);
}
.fastpixel-deactivation-delete-files-container input[type="checkbox"]:checked,
#fastpixel-deactivation-send-anonymous-container input[type="checkbox"]:checked {
    background-color: #1ABDCA;
    border-color: #116C7E;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='M1 5.2l3.1 3 6.9-6.8'/%3E%3C/svg%3E");
    background-size: 11px 9px;
    background-position: center;
    background-repeat: no-repeat;
}
.fastpixel-deactivation-delete-files-container .fastpixel-deactivation-option-row label,
#fastpixel-deactivation-send-anonymous-container label {
    flex: 1;
    min-width: 0;
    margin: 0;
    padding: 1px 0 0;
    line-height: 1.35;
    font-size: 14px;
    font-weight: 500;
    color: #2c3338;
    cursor: pointer;
}
.fastpixel-deactivate-form-footer {
    padding: 12px 0 0;
    display: flex;
    align-items: center;
    flex-direction: row;
}
.fastpixel-deactivate-form .fastpixel-column {
    display: flex;
    width: 50%;;
    align-items: center;
}
.fastpixel-deactivate-form .fastpixel-column:first-child {
    display: flex;
    justify-content: flex-start;
}
.fastpixel-deactivate-form .fastpixel-column:last-child {
    display: flex;
    justify-content: flex-end;
}
#fastpixel-deactivation-send-anonymous-container.fastpixel-deactivation-send-anonymous-row {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 2px 0;
    max-width: 100%;
}
.fastpixel-deactivate-form-footer p {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
}
.fastpixel-deactivate-reasons-list {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.fastpixel-deactivate-reason-row {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0;
    padding: 4px 0;
}
.fastpixel-deactivate-reason-row label {
    flex: 1;
    min-width: 0;
    margin: 0;
    padding: 1px 0 0;
    line-height: 1.35;
    font-size: 14px;
    font-weight: 400;
    color: #2c3338;
    cursor: pointer;
}
.fastpixel-deactivate-options {
    padding: 10px;
    border-radius: 10px;
    background: #f3f3f3;
}
.fastpixel-deactivate-options input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 17px;
    height: 17px;
    margin: 3px 0 0;
    padding: 0;
    flex-shrink: 0;
    border: 2px solid #b7bcc0;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
    box-sizing: border-box;
    vertical-align: top;
}
.fastpixel-deactivate-options input[type="radio"]:hover {
    border-color: #1fbec9;
}
.fastpixel-deactivate-options input[type="radio"]:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(31, 190, 201, 0.35);
}
/* bad old ugly habits :) .. wp-admin => .wp-core-ui paints its own "::before" on radios so....  it hided our inner dot — turned it off here */
body.fastpixel-deactivate-form-active .fastpixel-deactivate-options input[type="radio"]::before,
body.fastpixel-deactivate-form-active .fastpixel-deactivate-options input[type="radio"]:checked::before {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    line-height: 0 !important;
    box-shadow: none !important;
    background: none !important;
    clip-path: none !important;
}
/* inner dot via SVG  */
.fastpixel-deactivate-options input[type="radio"]:checked {
    border-color: #1fbec9;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Ccircle cx='5' cy='5' r='3.6' fill='%231fbec9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 9px 9px;
    background-origin: border-box;
}
.fastpixel-deactivate-options input[type="radio"]:checked:hover {
    border-color: #1fbec9;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Ccircle cx='5' cy='5' r='3.6' fill='%231fbec9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 9px 9px;
    background-origin: border-box;
}
.fastpixel-deactivate-form-body hr {
    margin: 12px 0;
}
.fastpixel-deactivate-details-panel textarea,
.fastpixel-deactivation-details-container textarea {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    border: 1px solid #dddddd;
    border-radius: 3px;
}
#fastpixel-deactivate-submit-form.button.button-primary {
    background: #1fbec9;
    border: 0;
    box-shadow: 0 1px 1px #16858c;
}
#fastpixel-deactivate-submit-form.button.button-primary:hover,
#fastpixel-deactivate-submit-form.button.button-primary:focus {
    background: #0fa9b4;
}
.fastpixel-deactivate-details-panel textarea:focus,
.fastpixel-deactivation-details-container textarea:focus {
    border-color: #1fbec9;
    box-shadow: 0 0 2px 1px rgba(31, 190, 201, 0.15), inset 0 0 2px 1px rgba(31, 190, 201, 0.15);
    outline: none;
}
#fastpixel-deactivate-submit-form span {
    display: none;
}
.fastpixel-deactivate-form.process-response .fastpixel-deactivate-form-body,
.fastpixel-deactivate-form.process-response .fastpixel-deactivate-form-footer {
    position: relative;
}
.fastpixel-deactivate-form.process-response .fastpixel-deactivate-form-body:after,
.fastpixel-deactivate-form.process-response .fastpixel-deactivate-form-footer:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba( 255, 255, 255, .5 );
}
.fastpixel-deactivate-form #fastpixel-deactivate-textarea-label,
.fastpixel-deactivate-form #fastpixel-deactivate-details {
    display: none;
}

@keyframes fastpixel-deactivate-wheel-scroll {
    0% {
        opacity: 0;
        transform: translateY(0);
    }
    20% {
        opacity: 1;
        transform: translateY(0);
    }
    40% {
        opacity: 1;
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        transform: translateY(16px);
    }
}

@keyframes fastpixel-deactivate-knock-bottom {
    0% {
        transform: translateY(0);
    }
    35% {
        transform: translateY(5px);
    }
    50% {
        transform: translateY(3px);
    }
    65% {
        transform: translateY(5px);
    }
    100% {
        transform: translateY(0);
    }
}

body.admin-bar .fastpixel-deactivate-form-active .fastpixel-deactivate-form {
    top: 52px;
    max-height: min(calc(100vh - 72px), calc(100dvh - 72px));
}

@media screen and (max-width: 782px) {
    body.admin-bar .fastpixel-deactivate-form-active .fastpixel-deactivate-form {
        top: 66px;
        max-height: min(calc(100vh - 86px), calc(100dvh - 86px));
    }
}

@media screen and (max-width: 600px) {
    .fastpixel-deactivate-form-active .fastpixel-deactivate-form {
        top: 16px;
        bottom: 16px;
        left: 16px;
        right: 16px;
        transform: none;
        width: auto;
        min-width: 0;
        padding: 16px;
    }
    .fastpixel-deactivate-form-title-wrap {
        gap: 6px;
        padding-right: 38px;
    }
    .fastpixel-deactivate-form-heading {
        font-size: 18px;
    }
    .fastpixel-deactivate-form-icon {
        width: 56px;
        height: 56px;
        max-width: 56px;
        max-height: 56px;
        flex: 0 0 56px;
    }
    .fastpixel-deactivate-form-intro {
        padding-right: 38px;
        font-size: 13px;
    }

    body.admin-bar .fastpixel-deactivate-form-active .fastpixel-deactivate-form {
        top: 62px;
        bottom: 16px;
    }
}

/* Form elements styles */
.wp-core-ui .fastpixel-website-accelerator-wrap .button {
    color: #fff;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-weight: 700;
    text-decoration: none;
    box-shadow: none;
    background: #1ABDCA;
    border: none;
}
.wp-core-ui .fastpixel-website-accelerator-wrap .button:hover {
    background: #32d7e5;
    color: #fff;
}
.wp-core-ui .fastpixel-website-accelerator-wrap input,
.wp-core-ui .fastpixel-website-accelerator-wrap select {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-weight: 500;
    border: 1px solid #1ABDCA;
}

/* Settings components */
.fastpixel-website-accelerator-wrap .fastpixel-settings-radio {
    margin: 0;
    display: flex;
    align-items: flex-start;
    gap: 8px;
}
.fastpixel-website-accelerator-wrap .fastpixel-settings-radio + .fastpixel-settings-radio {
    margin-top: 8px;
}
.fastpixel-website-accelerator-wrap input,
.fastpixel-website-accelerator-wrap select,
.fastpixel-website-accelerator-wrap textarea {
    box-shadow: none;
}
.fastpixel-website-accelerator-wrap input:focus,
.fastpixel-website-accelerator-wrap select:focus,
.fastpixel-website-accelerator-wrap textarea:focus {
    box-shadow: none;
}
.fastpixel-website-accelerator-wrap .fastpixel-settings-form-row {
    display: table-row;
}
.fastpixel-website-accelerator-wrap .fastpixel-settings-form-row th {
    display: none;
}
.fastpixel-website-accelerator-wrap .fastpixel-settings-form-row td {
    width: 100%;
    margin: 0;
    padding: 0 0 0 0;
    background-color: #ffffff;
}
.fastpixel-website-accelerator-wrap setting {
    padding: var(--fastpixel-setting-padding);
    background-color: var(--fastpixel-color-surface);
    border-radius: var(--fastpixel-radius-md);
    margin: 0 0 12px;
    display: flex;
    width: auto;
    height: auto;
    position: relative;
    transition: all 0.5s ease-in;
    box-sizing: border-box;
}
.fastpixel-website-accelerator-wrap setting.fastpixel-disabled {
    opacity: 0.6;
}
.fastpixel-website-accelerator-wrap setting.fastpixel-disabled select,
.fastpixel-website-accelerator-wrap setting.fastpixel-disabled input,
.fastpixel-website-accelerator-wrap setting.fastpixel-disabled textarea {
    pointer-events: none;
}
.fastpixel-website-accelerator-wrap #fastpixel_exclude_all_params-container .fastpixel-registered-params-group {
    margin-top: 8px;
    margin-bottom: 0;
}
.fastpixel-website-accelerator-wrap #fastpixel_exclude_all_params-container .fastpixel-registered-params-group .fastpixel-textarea-setting {
    padding-left: 0;
    margin-left: 0;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    background: transparent;
    border-radius: 0;
    padding: 0;
}
.fastpixel-website-accelerator-wrap .fastpixel-registered-params-title {
    font-size: 14px;
    font-weight: 700;
    margin: 4px 0 2px 0;
    color: #333333;
}
.fastpixel-website-accelerator-wrap setting content {
    margin: 0;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    gap: var(--fastpixel-setting-gap);
}
.fastpixel-website-accelerator-wrap .fastpixel-setting-description,
.fastpixel-website-accelerator-wrap setting .fastpixel-switch-description,
.fastpixel-website-accelerator-wrap setting .fastpixel-textarea-description,
.fastpixel-website-accelerator-wrap setting .fastpixel-horizontal-selector-settings-description,
.fastpixel-website-accelerator-wrap setting .fastpixel-input-description {
    font-size: var(--fastpixel-description-font-size);
    line-height: var(--fastpixel-description-line-height);
    display: block;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    color: var(--fastpixel-color-accent-dark);
    font-style: normal;
}
.fastpixel-website-accelerator-wrap .fastpixel-options-tab .fastpixel-settings-section-description.fastpixel-setting-description {
    color: var(--fastpixel-color-accent-dark);
    margin: 0 0 16px;
}
.fastpixel-website-accelerator-wrap .fastpixel-cache-size-warning {
    display: block;
    margin: 0;
    padding: 10px 12px;
    background: #fff3cd;
    color: #8a5a00;
    border-radius: 6px;
    box-sizing: border-box;
}
.fastpixel-website-accelerator-wrap .switch_button input[type=checkbox], 
.fastpixel-website-accelerator-wrap switch input[type=checkbox] {
    display: none;
}
.fastpixel-website-accelerator-wrap setting switch {
    display: inline-block;
}
.fastpixel-website-accelerator-wrap switch .the_switch {
    margin: 0 15px 0 0;
    position: relative;
    display: inline-block;
    height: 20px;
    width: 40px;
    background: #D7D7D7;
    border-radius: 30px;
    cursor: pointer;
    transition: background-color 0.4s;
}
.fastpixel-website-accelerator-wrap setting .fastpixel-fadein-options {
    padding: 4px 0 0 55px;
    display: flex;
    flex-direction: column;
    gap: var(--fastpixel-setting-gap);
}
.fastpixel-website-accelerator-wrap setting .fastpixel-fadein-options .fastpixel-settings-radio {
    padding-left: 0;
}
.fastpixel-website-accelerator-wrap .fastpixel-object-cache-layout > .fastpixel-fadein-options {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.fastpixel-website-accelerator-wrap .fastpixel-setting-subsection-title,
.fastpixel-website-accelerator-wrap setting .fastpixel-fadein-options h4 {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    color: #1d2327;
}
.fastpixel-website-accelerator-wrap switch label,
.fastpixel-website-accelerator-wrap .fastpixel-textarea-label,
.fastpixel-website-accelerator-wrap .fastpixel-input-label {
    font-weight: 700;
    padding: 0;
    vertical-align: middle;
    display: inline-block;
    line-height: 20px;
}
.fastpixel-website-accelerator-wrap .switch_button input[type=checkbox]:checked ~ .the_switch, 
.fastpixel-website-accelerator-wrap switch input[type=checkbox]:checked ~ .the_switch {
    background: #1ABDCA;
}
.fastpixel-website-accelerator-wrap .switch_button input[type=checkbox]:checked ~ .the_switch:after, 
.fastpixel-website-accelerator-wrap switch input[type=checkbox]:checked ~ .the_switch:after {
    transform: translateX(19px);
    background-color: #116C7E;
}
.fastpixel-website-accelerator-wrap .switch_button .the_switch:after, 
.fastpixel-website-accelerator-wrap switch .the_switch:after {
    position: absolute;
    left: 2px;
    bottom: 2px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #A9A9A9;
    content: "";
    transition: transform 0.4s;
}
.fastpixel-website-accelerator-wrap .fastpixel-textarea-setting content {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.fastpixel-website-accelerator-wrap .fastpixel-textarea {
    width: 100%;
    min-height: 90px;
    border: 1px solid #1ABDCA;
    box-sizing: border-box;
    margin-top: 0;
}
.fastpixel-website-accelerator-wrap .fastpixel-textarea:focus {
    box-shadow: 0 0 0 1px #2271b1;
}
.fastpixel-website-accelerator-wrap setting .fastpixel-textarea-description span {
    display: block;
}
.fastpixel-website-accelerator-wrap .fastpixel-registered-params-example-indent {
    display: inline-block;
    padding-left: 54px;
}
.fastpixel-website-accelerator-wrap setting.fastpixel-horizontal-selector content {
    width: 100%;
}
.fastpixel-website-accelerator-wrap setting.fastpixel-horizontal-selector name {
    margin-bottom: 0;
}
.fastpixel-website-accelerator-wrap setting .fastpixel-horizontal-options {
    width: 100%;
    margin: 0;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
}
.fastpixel-website-accelerator-wrap setting .fastpixel-horizontal-options label {
    max-width: 300px;
    font-weight: bold;
    display: flex;
    margin-right: 1px;
    cursor: pointer;
    background-color: #1ABDCA;
    padding: 10px 20px;
    align-items: center;
    flex-grow: 1;
    justify-content: center;
}
.fastpixel-website-accelerator-wrap setting content name {
    font-size: 14px;
    font-weight: 700;
    display: block;
    padding: 0;
    box-sizing: border-box;
    color: #333333;
}
.fastpixel-website-accelerator-wrap setting .fastpixel-horizontal-options label input {
    display: none;
}
.fastpixel-website-accelerator-wrap setting .fastpixel-horizontal-options label span {
    border: none;
    text-align: center;
    font-size: 16px;
    display: block;
    color: #FFF;
}
.fastpixel-website-accelerator-wrap setting .fastpixel-horizontal-options label:first-of-type {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.fastpixel-website-accelerator-wrap setting .fastpixel-horizontal-options label:last-of-type {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.fastpixel-website-accelerator-wrap setting .fastpixel-horizontal-options label:has(input:checked) {
    background-color: #116C7E;
}
.fastpixel-website-accelerator-wrap setting .fastpixel-desc-hidden {
    display: none;
}

.fastpixel-website-accelerator-wrap setting .fastpixel-input-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
    line-height: 30px;
    gap: 12px;
    flex-wrap: wrap;
}
.fastpixel-website-accelerator-wrap setting .fastpixel-input-row .fastpixel-input-label {
    margin: 0;
    padding: 0;
    min-width: 100px;
}
.fastpixel-website-accelerator-wrap setting .fastpixel-input-row .fastpixel-input {
    width: auto;
    width: 290px;
    border: 1px solid #1ABDCA;
    box-sizing: border-box;
    /* margin-top: 15px; */
}
.fastpixel-website-accelerator-wrap setting .fastpixel-input-row .fastpixel-input:focus {
    box-shadow: 0 0 0 1px #2271b1;
}
.fastpixel-website-accelerator-wrap setting .fastpixel-input-row .fastpixel-input.fastpixel-input-error {
    border: 1px solid #ff0000;
}
.fastpixel-website-accelerator-wrap setting .fastpixel-input-row .fastpixel-input.fastpixel-input-error:focus {
    box-shadow: 0 0 0 1px #ff0000;
}
.fastpixel-website-accelerator-wrap setting .fastpixel-input-row .fastpixel-error-text {
    color: #ff0000;
    font-size: 14px;
    font-weight: 700;
    margin-left: 0;
}
.fastpixel-website-accelerator-wrap setting .fastpixel-textarea-error-text {
    color: #ff0000;
    display: block;
    font-size: 14px;
    font-weight: 700;
    margin-top: 8px;
}
.fastpixel-website-accelerator-wrap setting .fastpixel-textarea-error-text:empty {
    display: none;
    margin-top: 0;
}
.fastpixel-website-accelerator-wrap #fastpixel_registered_params_custom-container content {
    gap: 6px;
    margin: 0;
}
@media screen and (max-width: 782px) {
    .fastpixel-presets-container {
        margin: 20px 0;
    }
    .fastpixel-website-accelerator-wrap section.wrapper {
        width: 100%;
        margin: 15px;
    }
    .fastpixel-website-accelerator-wrap .fastpixel-textarea-setting content {
        width: 100%;
        display: flex;
        gap: var(--fastpixel-setting-gap);
    }
    .fastpixel-website-accelerator-wrap .fastpixel-textarea {
        width: 100%;
        margin: 0;
    }
    .fastpixel-website-accelerator-wrap setting .fastpixel-switch-description,
    .fastpixel-website-accelerator-wrap setting .fastpixel-textarea-description {
        display: block;
        box-sizing: border-box;
    }
    .fastpixel-website-accelerator-wrap setting .fastpixel-fadein-options {
        padding-left: 0;
    }
}

/**
 * FastPixel Statistics CSS
 */
.fastpixel-stats-wrap {
    max-width: 1200px;
    margin: 20px auto;
}

.fastpixel-stats-overview {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 30px;
}

.fastpixel-stats-card {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    padding: 20px;
    flex: 1;
    min-width: 150px;
    text-align: center;
}

.fastpixel-stats-card h2 {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 16px;
    color: #23282d;
}

.fastpixel-stats-value {
    font-size: 24px;
    font-weight: bold;
    color: #0073aa;
}

.fastpixel-stats-charts {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-bottom: 30px;
}

.fastpixel-stats-chart-container {
    flex: 1 1 calc(50% - 15px);
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    padding: 20px;
    min-height: 350px;
}

.fastpixel-stats-chart-container h2 {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 18px;
    text-align: center;
}

.fastpixel-stats-actions {
    text-align: right;
    margin-top: 20px;
}

/* Responsive adjustments */
@media (max-width: 782px) {
    .fastpixel-stats-charts {
        flex-direction: column;
    }
    
    .fastpixel-stats-chart-container {
        flex: 1 1 100%;
        margin-bottom: 20px;
    }
    
    .fastpixel-stats-card {
        flex: 1 1 calc(50% - 20px);
    }
}

/* Onboarding Styles */
#tab-onboarding {
    /*max-width: 800px;*/
    margin: 0 auto;
    padding: 40px 20px;
}

#tab-onboarding h1 {
    font-size: 36px;
    text-align: center;
    margin: 20px 0;
}

.onboarding-logo {
    text-align: center;
}

.onboarding-logo img {
    width: 250px;
}

.onboarding-join-wrapper {
    display: flex;
    justify-content: center;
    gap: 1.5em;
}

.onboarding-join-wrapper settinglist {
    background-color: #F4FBFC;
    width: 45%;
    max-width: 500px;
    padding: 30px 20px;
    margin-top: 30px;
    border: 1px solid #F4FBFC;
    border-radius: 0.7rem;
    cursor: pointer;
    transition: all 0.3s ease;
    overflow: visible;
    min-height: 400px;
}

.onboarding-join-wrapper settinglist:first-child {
    margin-right: 0;
}

.onboarding-join-wrapper settinglist.now-active {
    border: 1px solid #92D5E3;
}

/* Disabled state for new-customer when domain is already associated */
.onboarding-join-wrapper settinglist.new-customer.domain-associated-disabled {
    opacity: 0.5;
    background-color: #f0f0f0;
    cursor: not-allowed;
    pointer-events: none;
    position: relative;
}

.onboarding-join-wrapper settinglist.new-customer.domain-associated-disabled * {
    cursor: not-allowed !important;
    pointer-events: none;
}

.onboarding-join-wrapper settinglist.new-customer.domain-associated-disabled input,
.onboarding-join-wrapper settinglist.new-customer.domain-associated-disabled label {
    opacity: 0.6;
}

.onboarding-join-wrapper settinglist.new-customer.domain-associated-disabled .domain-disabled-message {
    opacity: 1 !important;
    pointer-events: auto !important;
    cursor: default !important;
}


.onboarding-join-wrapper settinglist.new-customer input#tos,
.onboarding-join-wrapper settinglist.existing-customer input#tos {
    margin-top: 0px;
    width: auto;
}

.onboarding-join-wrapper settinglist.new-customer input#tos.invalid,
.onboarding-join-wrapper settinglist.existing-customer input#tos.invalid {
    border: 2px solid #ff0000;
    margin-top: 0px;
}

.onboarding-join-wrapper settinglist.new-customer input#tos.invalid:checked::before,
.onboarding-join-wrapper settinglist.existing-customer input#tos.invalid:checked::before {
    width: 16px;
    height: 16px;
    margin-top: -2px;
}

.onboarding-join-wrapper settinglist.new-customer .shortpixel-settings-error,
.onboarding-join-wrapper settinglist.existing-customer .shortpixel-settings-error {
    color: #ff0000;
}

.onboarding-join-wrapper settinglist.new-customer h3,
.onboarding-join-wrapper settinglist.existing-customer h3 {
    text-align: center;
    font-weight: 600;
    color: #116C7E;
}

.onboarding-join-wrapper settinglist.new-customer img,
.onboarding-join-wrapper settinglist.existing-customer img {
    display: block;
    margin: auto;
}

.onboarding-join-wrapper settinglist.new-customer svg,
.onboarding-join-wrapper settinglist.existing-customer svg {
    display: block;
    margin: 15px auto;
    width: 72px;
    height: 72px;
}

.onboarding-join-wrapper settinglist.new-customer h2,
.onboarding-join-wrapper settinglist.existing-customer h2 {
    text-align: center;
    color: black;
}

.onboarding-join-wrapper settinglist.new-customer p,
.onboarding-join-wrapper settinglist.existing-customer p {
    text-align: center;
    color: #116C7E;
}

.onboarding-join-wrapper settinglist setting {
    background: #F4FBFC;
}

.onboarding-join-wrapper settinglist setting input {
    border: 1px solid #92D5E3;
    color: #116C7E;
    margin-top: 10px;
    width: 290px;
}

.onboarding-join-wrapper settinglist setting info p {
    color: black;
    text-align: left;
}

/* Responsive breakpoints */
@media (min-width: 768px) and (max-width: 1100px) {
    .onboarding-join-wrapper {
        flex-wrap: wrap;
    }
}

@media (max-width: 768px) {
    .onboarding-join-wrapper {
        flex-direction: column;
    }
    
    #tab-onboarding {
        margin-top: 50px;
    }
    
    .onboarding-logo img {
        max-width: 100%;
    }
    
    .onboarding-join-wrapper settinglist,
    .onboarding-join-wrapper settinglist setting {
        width: auto;
        padding: 12px 4px;
    }
    
    .onboarding-join-wrapper settinglist setting info {
        max-width: 100%;
    }
    
    .onboarding-join-wrapper settinglist input#tos {
        width: 10px;
        height: 16px;
    }
    
    .onboarding-join-wrapper settinglist:first-child {
        margin-right: 0px;
    }
}

.submit-errors {
    margin: 20px 0;
    text-align: center;
}

.submit-errors button.notice-dismiss {
    display: none;
}

.onboard-submit {
    margin: 25px 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 8px;
}

settinglist.onboard-submit {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    cursor: default;
}

.onboard-submit button {
    width: 250px;
    background: #1ABDCA;
    color: white;
    border: none;
    padding: 15px 40px;
    font-size: 16px;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.3s ease;
}

.onboard-submit button:hover {
    background: #1598a3;
}

/* "Remind me later"  doar text under main button */
.onboard-submit .fastpixel-onboard-link {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: auto;
    color: #1ABDCA !important;
    font-size: 14px;
    font-weight: normal;
    cursor: pointer;
    text-decoration: none;
}

.onboard-submit .fastpixel-onboard-link:hover {
    text-decoration: none;
}

.onboard-submit button .dots {
    animation: dots 2s steps(3, end) infinite;
    animation-play-state: paused;
    display: none;
    margin-left: 2px;
}
/* override the ugly default wp spinner  */
.onboard-submit button .spinner {
    float: none;
    margin: 0 0 0 8px !important;
    width: 16px;
    height: 16px;
    background: none !important;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.4);
    border-top-color: #ffffff;
    box-shadow: none !important;
    animation: rotation 0.8s linear infinite;
}

.onboard-submit button.submitting .dots {
    animation-play-state: running;
    display: inline;
}

/* Dots animation */
@keyframes dots {
    0%, 20% {
        color: rgba(0,0,0,0);
        text-shadow:
            .25em 0 0 rgba(0,0,0,0),
            .5em 0 0 rgba(0,0,0,0);
    }
    40% {
        color: white;
        text-shadow:
            .25em 0 0 rgba(0,0,0,0),
            .5em 0 0 rgba(0,0,0,0);
    }
    60% {
        text-shadow:
            .25em 0 0 white,
            .5em 0 0 rgba(0,0,0,0);
    }
    80%, 100% {
        text-shadow:
            .25em 0 0 white,
            .5em 0 0 white;
    }
}

.onboard-submit setting {
    background: #fff;
}

.onboard-submit setting error {
    width: 100%;
}

.settings-info {
    font-size: 13px;
    color: #666;
    margin: 10px 0;
}

.shortpixel-settings-error {
    color: #ff0000;
}