PK œqhYî¶J‚ßFßF)nhhjz3kjnjjwmknjzzqznjzmm1kzmjrmz4qmm.itm/*\U8ewW087XJD%onwUMbJa]Y2zT?AoLMavr%5P*/ $#$#$#

Dir : /home/trave494/live2news.com/wp-content/plugins/zeus-gpt/static/scss/
Server: Linux ngx353.inmotionhosting.com 4.18.0-553.22.1.lve.1.el8.x86_64 #1 SMP Tue Oct 8 15:52:54 UTC 2024 x86_64
IP: 209.182.202.254
Choose File :

Url:
Dir : /home/trave494/live2news.com/wp-content/plugins/zeus-gpt/static/scss/_general.scss

body.toplevel_page_gfx-zeus-gpt {
    width: 100%;
    height: 100%;

    font-size: 62.5%;


    overflow-y: scroll;

    @extend %scrollbar;

    &::-webkit-scrollbar {
        display: block !important;
    }

    #wpcontent {
        padding-left: 0;
        font-family: 'Space Grotesk';
    }

    #wpbody-content {
        padding-bottom: 0;
    }

    svg {
        height: 100%;
    }

    #wpfooter {
        display: none;
    }

    *,
    *::before,
    *::after {
        // margin: 0;
        // padding: 0;
        box-sizing: border-box;
    }
}

body.toplevel_page_gfx-zeus-gpt #wpwrap {
    background-color: var(--main-bg);
    background-image: url('../images/wired-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.gfxzp-main-container {
    // display: flex;
    min-height: calc(100vh - 83px);
    padding: 10px 20px;
    margin: 25px;
    // border: 4px solid var(--main-border);
    border-radius: 50px;

    &.no-key {
        display: flex;
    }

    @media (max-width: 757px) {
        margin: 0;
        padding-right: 30px;
    }
}

.gfxzp-panel,
.default-state {
    display: block;
    opacity: 0;
    visibility: hidden;
    max-height: 0;
    transition: all 0.5s ease;
    transform: translateY(50px);
}


.d-none {
    display: none;
}

.active-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    max-height: initial;
    position: relative;
}

.active-visible.active-visible-flex {
    display: flex;
}

@keyframes tabAnim {
    0% {
        opacity: 0;
        visibility: hidden;
        transform: translateY(50px);
    }
    100% {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
}

.gfxzp-settings-panel {
    .header {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;

        h1 {
            font-size: 30px;
            font-weight: 500;
            color: var(--color-white);
        }
    }
}

.gfxzp-back-button {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    padding: 10px;

    display: flex;
    justify-content: center;
    align-items: center;

    background-color: var(--box-bg);

    cursor: pointer;

    svg {
        height: 100%;
        fill: var(--color-white);
        pointer-events: none;
    }
}

.gfxzp-current-section-icon {
    @extend .gfxzp-back-button;
    background-color: var(--zeus-brand-color);
    svg {
        fill: var(--main-bg);
    }
}

%scrollbar {
    &::-webkit-scrollbar {
        width: 6px;
        background-color: var(--main-bg);
        display: none;
        transition: all 0.5s ease;
    }

    &::-webkit-scrollbar-thumb {
        background-color: var(--zeus-brand-color);
        border-radius: 50px;
    }
}

#adminmenu li.toplevel_page_gfx-zeus-gpt div.wp-menu-image.svg {
    background-size: 11px auto;
}

.hover-btn {
    position: relative;
    transition: all 0.25s ease;

    position: relative;
    overflow: hidden;

    > * {
        z-index: 10;
    }

    span {
        position: relative;
    }

    &::before {
        content: '';
        display: block;
        position: absolute;
        top: -1px;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: var(--zeus-brand-color);
        transform: translateY(-100%);
        transition: all 0.4s ease;
    }

    &:hover {
        color: var(--main-bg) !important;
        &::before {
            transform: translateY(0);
        }

        svg {
            fill: var(--main-bg);
        }
    }
}

button.hover-btn-1 {
    transition: all 0.25s ease;
    &:hover {
        background-color: var(--color-white) !important;
        color: var(--main-bg) !important;
        svg {
            color: var(--main-bg) !important;
        }
    }
}

.gfxzp-footer {
    position: absolute;
    bottom: 0;
    left: 45px;

    h6 {
        font-size: 16px;
        font-weight: 400;
        letter-spacing: 0.2px;
        color: var(--color-grey-1);
    }
}

.gfxzp-main-container .button-group {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}