/* POLITA_SHARED_EXTENSION_UI_V31C2 */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Orbitron:wght@600;700&family=Rajdhani:wght@500;600;700&display=swap');


:root {

    --polita-bg:
        #05090d;

    --polita-panel:
        #091116;

    --polita-panel-2:
        #0b151a;

    --polita-chrome:
        #081014;

    --polita-stat:
        #070d11;

    --polita-text:
        #f4f8fb;

    --polita-muted:
        #7d8d98;

    --polita-cyan:
        #59deff;

    --polita-cyan-soft:
        #87e9ff;

    --polita-line:
        rgba(255,255,255,.07);

    --polita-line-soft:
        rgba(255,255,255,.05);

    --polita-cyan-line:
        rgba(89,222,255,.13);


    --bg:
        var(--polita-bg) !important;

    --panel:
        var(--polita-chrome) !important;

    --panel-hover:
        var(--polita-panel-2) !important;

    --text:
        var(--polita-text) !important;

    --muted:
        var(--polita-muted) !important;

    --cyan:
        var(--polita-cyan) !important;

    --line:
        var(--polita-line) !important;

}


/* ROOT */

html[data-polita-ui-v31c2="1"] {

    min-height:
        100%;

    background:
        #05090d;
}


html[data-polita-ui-v31c2="1"]
body {

    min-height:
        100vh;

    margin:
        0;

    background:
        radial-gradient(
            circle at 18% -12%,
            rgba(41,190,255,.085),
            transparent 34%
        ),
        radial-gradient(
            circle at 94% 12%,
            rgba(66,223,255,.035),
            transparent 28%
        ),
        #05090d !important;

    color:
        #f4f8fb;

    font-family:
        "Inter",
        Arial,
        sans-serif !important;

    -webkit-font-smoothing:
        antialiased;

    text-rendering:
        optimizeLegibility;
}


html[data-polita-ui-v31c2="1"]
* {

    box-sizing:
        border-box;
}


/* TYPOGRAPHY */

html[data-polita-ui-v31c2="1"]
h1,

html[data-polita-ui-v31c2="1"]
h2,

html[data-polita-ui-v31c2="1"]
h3,

html[data-polita-ui-v31c2="1"]
h4,

html[data-polita-ui-v31c2="1"]
.title,

html[data-polita-ui-v31c2="1"]
.page-title,

html[data-polita-ui-v31c2="1"]
.section-title,

html[data-polita-ui-v31c2="1"]
.card-title {

    font-family:
        "Rajdhani",
        "Inter",
        Arial,
        sans-serif !important;
}


html[data-polita-ui-v31c2="1"]
button,

html[data-polita-ui-v31c2="1"]
.button,

html[data-polita-ui-v31c2="1"]
.btn {

    font-family:
        "Rajdhani",
        "Inter",
        Arial,
        sans-serif;
}


/* OLD WEBSITE HEADER */

.polita-legacy-header-hidden-v31c2 {

    display:
        none !important;
}


/* ================================================
   HEADER
   Extension desktop proportions:
   68px header / 32px logo
   ================================================ */

.polita-site-header-v31c2 {

    position:
        relative;

    z-index:
        10000;

    width:
        100%;

    height:
        68px;

    min-height:
        68px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border-bottom:
        1px solid
        rgba(255,255,255,.07);

    background:
        rgba(0,0,0,.10);

    backdrop-filter:
        blur(16px);

    -webkit-backdrop-filter:
        blur(16px);
}


.polita-site-logo-link-v31c2 {

    position:
        absolute;

    left:
        50%;

    top:
        50%;

    transform:
        translate(-50%,-50%);

    width:
        44px;

    height:
        44px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    text-decoration:
        none;

    transition:
        opacity .14s ease,
        transform .14s ease;
}


.polita-site-logo-link-v31c2:hover {

    opacity:
        .82;

    transform:
        translate(-50%,-50%)
        scale(.98);
}


.polita-site-logo-v31c2 {

    display:
        block;

    width:
        32px;

    height:
        32px;

    object-fit:
        contain;

    border:
        0;

    background:
        transparent;

    box-shadow:
        none;
}


.polita-site-header-side-v31c2 {

    position:
        absolute;

    top:
        50%;

    transform:
        translateY(-50%);

    display:
        flex;

    align-items:
        center;

    gap:
        8px;
}


.polita-site-header-left-v31c2 {

    left:
        16px;
}


.polita-site-header-right-v31c2 {

    right:
        16px;
}


.polita-shell-control-v31c2 {

    all:
        unset;

    width:
        38px;

    height:
        38px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    box-sizing:
        border-box;

    border:
        1px solid
        rgba(255,255,255,.07);

    border-radius:
        9px;

    background:
        rgba(255,255,255,.025);

    color:
        #7f899a;

    cursor:
        pointer;

    transition:
        color .14s ease,
        background .14s ease,
        border-color .14s ease,
        transform .14s ease;
}


a.polita-shell-control-v31c2 {

    text-decoration:
        none;
}


.polita-shell-control-v31c2:hover {

    color:
        #fff;

    background:
        rgba(255,255,255,.06);

    border-color:
        rgba(255,255,255,.11);
}


.polita-shell-control-v31c2:active {

    transform:
        scale(.94);
}


.polita-shell-control-v31c2 svg {

    width:
        18px;

    height:
        18px;

    fill:
        none;

    stroke:
        currentColor;

    stroke-width:
        1.8;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;
}


/* MENU */

.polita-shell-menu-v31c2 {

    position:
        absolute;

    top:
        calc(100% + 8px);

    right:
        16px;

    z-index:
        10020;

    width:
        232px;

    padding:
        7px;

    border:
        1px solid
        rgba(255,255,255,.08);

    border-radius:
        14px;

    background:
        rgba(8,16,20,.985);

    box-shadow:
        0 18px 42px
        rgba(0,0,0,.48),
        inset 0 1px 0
        rgba(255,255,255,.035);

    backdrop-filter:
        blur(18px);

    -webkit-backdrop-filter:
        blur(18px);
}


.polita-shell-menu-v31c2[hidden] {

    display:
        none;
}


.polita-shell-menu-label-v31c2 {

    padding:
        8px 10px 7px;

    color:
        #52d9f9;

    font-family:
        "Inter",
        Arial,
        sans-serif;

    font-size:
        9px;

    font-weight:
        700;

    line-height:
        1;

    letter-spacing:
        .13em;

    text-transform:
        uppercase;
}


.polita-shell-menu-v31c2 a {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    min-height:
        38px;

    padding:
        0 10px;

    border:
        1px solid
        transparent;

    border-radius:
        8px;

    color:
        #d9e4e9;

    font-family:
        "Rajdhani",
        Arial,
        sans-serif;

    font-size:
        13px;

    font-weight:
        700;

    text-decoration:
        none;
}


.polita-shell-menu-v31c2 a:hover,

.polita-shell-menu-v31c2 a.active {

    border-color:
        rgba(89,222,255,.13);

    background:
        rgba(89,222,255,.045);

    color:
        #87e9ff;
}


.polita-shell-menu-v31c2
a span:last-child {

    color:
        #58717b;

    font-family:
        "Inter",
        Arial,
        sans-serif;

    font-size:
        10px;
}


/* ================================================
   CHROME LANGUAGE BRIDGE
   ================================================ */

html[data-polita-ui-v31c2="1"]
.card,

html[data-polita-ui-v31c2="1"]
.panel,

html[data-polita-ui-v31c2="1"]
.section,

html[data-polita-ui-v31c2="1"]
.hero {

    border-color:
        rgba(255,255,255,.07);

    background-color:
        #081014;
}


html[data-polita-ui-v31c2="1"]
input,

html[data-polita-ui-v31c2="1"]
select,

html[data-polita-ui-v31c2="1"]
textarea {

    border-color:
        rgba(255,255,255,.08) !important;

    background:
        #070d11 !important;

    color:
        #edf5f8 !important;

    font-family:
        "Inter",
        Arial,
        sans-serif !important;

    outline:
        none;
}


html[data-polita-ui-v31c2="1"]
input:focus,

html[data-polita-ui-v31c2="1"]
select:focus,

html[data-polita-ui-v31c2="1"]
textarea:focus {

    border-color:
        rgba(89,222,255,.30) !important;

    box-shadow:
        0 0 0 2px
        rgba(89,222,255,.045) !important;
}


/* ================================================
   FOOTER
   Extension desktop proportion: 44px
   ================================================ */

.polita-site-footer-v31c2 {

    position:
        relative;

    width:
        100%;

    height:
        44px;

    min-height:
        44px;

    margin-top:
        34px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border-top:
        1px solid
        rgba(255,255,255,.06);

    background:
        rgba(0,0,0,.10);
}


.polita-public-beta-v31c2 {

    position:
        absolute;

    left:
        18px;

    top:
        50%;

    transform:
        translateY(-50%);

    color:
        rgba(145,155,175,.88);

    font-family:
        "Inter",
        Arial,
        sans-serif;

    font-size:
        10px;

    font-weight:
        600;

    line-height:
        1;

    letter-spacing:
        .04em;

    white-space:
        nowrap;
}


.polita-powered-inner-v31c2 {

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        4px;

    font-size:
        10px;

    line-height:
        1;

    font-weight:
        700;
}


.polita-powered-v31c2 {

    color:
        #8c96a7;

    font-family:
        "Rajdhani",
        "Inter",
        Arial,
        sans-serif;
}


.polita-footer-brand-v31c2 {

    display:
        inline-flex;

    align-items:
        flex-start;

    gap:
        1px;

    font-family:
        "Orbitron",
        "Rajdhani",
        Arial,
        sans-serif;

    font-weight:
        700;

    text-transform:
        uppercase;

    background:
        linear-gradient(
            90deg,
            #54efff 0%,
            #22d3ff 38%,
            #16bfff 65%,
            #348cff 100%
        );

    background-clip:
        text;

    -webkit-background-clip:
        text;

    color:
        transparent;

    -webkit-text-fill-color:
        transparent;
}


.polita-footer-copyright-v31c2 {

    position:
        relative;

    top:
        -1px;

    font-family:
        Arial,
        sans-serif;

    font-size:
        7px;
}


/* RESPONSIVE */

@media (max-width:1179px) {

    .polita-site-header-v31c2 {

        height:
            62px;

        min-height:
            62px;
    }


    .polita-site-logo-v31c2 {

        width:
            24px;

        height:
            24px;
    }


    .polita-site-footer-v31c2 {

        height:
            42px;

        min-height:
            42px;
    }

}


@media (max-width:640px) {

    .polita-site-header-v31c2 {

        height:
            58px;

        min-height:
            58px;
    }


    .polita-site-header-left-v31c2 {

        left:
            8px;
    }


    .polita-site-header-right-v31c2 {

        right:
            8px;
    }


    .polita-site-footer-v31c2 {

        height:
            40px;

        min-height:
            40px;

        margin-top:
            24px;
    }


    .polita-public-beta-v31c2 {

        left:
            10px;

        font-size:
            9px;
    }


    .polita-public-beta-domain-v31c2 {

        display:
            none;
    }


    .polita-powered-inner-v31c2 {

        font-size:
            9px;
    }


    .polita-shell-menu-v31c2 {

        right:
            8px;

        width:
            min(
                232px,
                calc(100vw - 16px)
            );
    }

}


/* END POLITA_SHARED_EXTENSION_UI_V31C2 */