/* 
 * ORCS & PAYERS --------------------------------------------------------------
 * Custom CSS
 * 
 * Author: 
 * Pavel Soyfer
 * pavelsoyfer.ru
 */

/* VARIABLES --------------------------------------------------------------- */
:root {
    /* Colors */
        /* UI */
        --ui-light: #FFFBE5;
        --ui-light-a50: rgba(255, 251, 229, 0.5);
        --ui-light-a60: rgba(255, 251, 229, 0.6);
        --ui-light-a80: rgba(255, 251, 229, 0.8);
        --ui-bg: #0B0F12;
        --ui-bg-a20: rgba(11, 15, 18, 0.2);
        --ui-bg-a40: rgba(11, 15, 18, 0.4);
        --ui-bg-a60: rgba(11, 15, 18, 0.6);
        --ui-bg-a80: rgba(11, 15, 18, 0.8);
        --ui-stroke: rgba(255, 255, 255, 0.1);
        --ui-divider: rgba(255, 255, 255, 0.12);
        --ui-error: #ff0037;

        /* Orc Green */
        --orc-green-300: #D8DD8F;
        --orc-green-400: #C4CC58;
        --orc-green-500: #b1bb20;
        --orc-green-500-a05: rgba(177, 187, 32, 0.05);
        --orc-green-500-a10: rgba(177, 187, 32, 0.1);

        /* Orc Green Gradient */
        --orc-green-gradient: 
            linear-gradient(180deg, 
                            var(--orc-green-300) 0%, 
                            var(--orc-green-400) 50%, 
                            var(--orc-green-500) 100%);
    
    /* Typography */
    
    /* Effects */
        --bg-blur: 10px;
        --shadow-inner-ui: 0 1px 0 0 rgba(255, 255, 255, 0.24) inset;
        --shadow-inner-card: 0 2px 0 0 rgba(255, 255, 255, 0.16) inset;
        --shadow-inner-btn: 0 2px 0 var(--orc-green-300) inset;
    
    /* Transitions */
        --btn_hover_duration: 0.2s;
}

/* GLOBAL ------------------------------------------------------------------ */
@media screen {
    
/* Body overscroll */
html, body {overscroll-behavior: none;}
    
/* Body overlay */
body:before {
    content: "";
    display: block;
    border: none !important;
    right: auto;
    transform: none;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: var(--ui-bg-a40);
    pointer-events: none;
    z-index: 9999;
    backdrop-filter: blur(5px);
    opacity: 0;
    transition: opacity 0.2s ease;
}
body.overlay_show:before {
    opacity: 1;
    overflow: hidden;
}    

/* Scroll bar */
body::-webkit-scrollbar {display: none}
    
/* Blocks container (All records) */
#allrecords {overflow: hidden;}
    
/* Disable focus outlines */
*:focus {outline: none !important;}
    

/* HEADINGS */
    .uc-heading .tn-atom,
    .uc-game_products .t-popup .js-store-prod-name,
    .t706__cartwin-heading,
    .t706__form-upper-text {
        position: relative;
        background: repeating-linear-gradient(
            to bottom, 
            #FFF8D7 0, 
            #FFF8D7 0.6em, 
            #F3C999 0.6em, 
            #F3C999 1.07em);
        -webkit-background-clip: text;
        color: transparent !important;
    }

    .uc-heading .tn-atom:before,
    .uc-game_products .t-popup .js-store-prod-name:before,
    .t706__cartwin-heading:before,
    .t706__form-upper-text:before {
        content: attr(data-text);
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-text-stroke: 1px;
        background: repeating-linear-gradient(
            to bottom, 
            #FFF8D7 0, 
            #FFF8D7 0.6em, 
            #F3C999 0.6em, 
            #F3C999 1.07em);
        -webkit-background-clip: text;
    }

    .uc-heading .tn-atom:after,
    .uc-game_products .t-popup .js-store-prod-name:after,
    .t706__cartwin-heading:after,
    .t706__form-upper-text:after {
        content: attr(data-text);
        display: block;
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        color: black;
        text-align: inherit;
        z-index: -1;
        -webkit-text-stroke: 8px black;
    }


    /* Heading icon */
    .uc-heading_icon:before,
    .uc-heading_icon:after {
        content: "";
        display: block;
        width: 48px;
        height: 48px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius: 24px;
        box-sizing: border-box;

    }
    .uc-heading_icon:before {
        border: 1px solid var(--ui-stroke);
        background-color: var(--ui-bg-a20);
        backdrop-filter: blur(var(--bg-blur));
        z-index: -1;
    }
    .uc-heading_icon:after {box-shadow: var(--shadow-inner-ui);}


/* BUTTONS */
    /* Button inner container */
    .btn_primary .tn-atom__button-content,
    .btn_secondary .tn-atom__button-content {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        position: relative;
    }

    /* Button (Primary) */
    .btn_primary .tn-atom,
    .uc-game_products .t-store__prod-popup__btn,
    .t706 .t-submit {
        height: 54px !important;
        position: relative;
        background: var(--orc-green-300) !important;
        transition-duration: var(--btn_hover_duration) !important;
        transition-timing-function: ease !important;
    }
    
    /* Button (Primary) hover background */
    .btn_primary .tn-atom:before,
    .uc-game_products .t-store__prod-popup__btn:before,
    .t706 .t-submit:before {
        content: "";
        display: block;
        width: 100%;
        height: calc(100% - 2px);
        position: absolute;
        top: 2px;
        left: 0;
        border-radius: inherit;
        background: var(--orc-green-500);
        transition: transform;
        transition-duration: var(--btn_hover_duration);
        transition-timing-function: ease;
    }

    /* Button (Primary) hover */
    .btn_primary .tn-atom:hover,
    .uc-game_products .t-store__prod-popup__btn:hover,
    .t706 .t-submit:hover {
        background: var(--orc-green-400) !important;
    }
    
    .btn_primary .tn-atom:hover:before,
    .uc-game_products .t-store__prod-popup__btn:hover:before,
    .t706 .t-submit:hover:before {
        transform: translateY(100%);
    }

    
    /* Button (Secondary) */
    .btn_secondary .tn-atom,
    .btn_tertiary .tn-atom {
        position: relative;
        height: 54px !important;
        box-shadow: var(--shadow-inner-btn);
    }

    /* Button (Secondary) icon */
    .btn_secondary .tn-atom_button-icon,
    .btn_tertiary .tn-atom_button-icon {
        transition: filter var(--btn_hover_duration) ease;
    }

    /* Button (Secondary) hover background */
    .btn_secondary .tn-atom:before,
    .btn_tertiary .tn-atom:before,
    .uc-header .t-btn:before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0px;
        border-radius: inherit;
        opacity: 0.1;
        background: var(--orc-green-500);
        transform: translateY(-100%);
        transition: transform var(--btn_hover_duration) ease;
    }

    /* Button (Secondary) hover */
    .btn_secondary .tn-atom:hover:before,
    .btn_tertiary .tn-atom:hover:before,
    .uc-header .t-btn:hover:before {transform: translateY(0);}
    
    
    /* Button (Tertiary) */
    .btn_tertiary .tn-atom {height: 44px !important;}
    .btn_tertiary .tn-atom__button-text {
        position: relative;
        bottom: 1px;
    }
    
    
/* CHIPS */
    .uc-chip > *, 
    .order_card_category,
    .uc-game_popup_game-title,
    .uc-game_products .t-popup .js-product-brand {
        background: var(--ui-bg-a80) !important;
        box-shadow: var(--shadow-inner-ui);
        font-size: 13px;
        font-family: 'OrcsAndPayers', sans-serif;
        font-weight: 400;
        line-height: 14px;
        border-radius: 8px;
        padding: 9px 12px;
        color: var(--ui-light-a80);
        position: relative;
        backdrop-filter: blur(var(--bg-blur));
    }

    .uc-chip > *:after,
    .order_card_category:after,
    .uc-game_popup_game-title:after,
    .uc-game_products .t-popup .js-product-brand:after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: inherit;
        border: 1px solid var(--ui-stroke);
        box-sizing: border-box;
    }
    
    
/* POP-UP & CART CLOSE BUTTON */
    /* Close button */
    .t-popup .t-popup__close,
    .t706 .t706__close-button {
        width: 44px;
        height: 44px;
        right: 26px;
        top: 26px;
        background: var(--ui-bg-a40) !important;
        border-radius: 12px;
        box-sizing: border-box;
        border: 1px solid var(--ui-stroke);
        transition: border-color 0.25s ease;
    }
    .t706 .t706__close {
        right: 26px;
        top: 26px;
        width: 44px;
        height: 44px;
        position: sticky;
        margin-left: auto;
        margin-bottom: -44px;
    }
    
    /* Close button hover */
    .t-popup .t-popup__close:hover,
    .t706 .t706__close-button:hover {
        opacity: 1 !important;
        border-color: var(--orc-green-300);
    }
    
    /* Close button inner shadow and hover background */
    .t-popup .t-popup__close:before,
    .t706 .t706__close-button:before {
        content: "";
        display: block;
        width: calc(100% + 2px);
        height: calc(100% + 2px);
        position: absolute;
        left: -1px;
        top: -1px;
        border-radius: inherit;
        background: url(https://static.tildacdn.com/tild3638-6430-4131-b530-633530336137/temp.svg);
        background-size: 44px 44px;
        background-repeat: no-repeat;
        background-position: top -44px left 0;
        transition: background-position 0.25s ease;
        box-shadow: var(--shadow-inner-ui);
    }
    .t706 .t706__close-button:before {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-size: 42px 42px;
    }
    .t-popup .t-popup__close:hover:before,
    .t706 .t706__close-button:hover:before{
        background-position: top 0 left 0;
    }
    
    /* Close button icon */
    .t-popup .t-popup__close:after,
    .t706 .t706__close-button:after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: inherit;
        background: url(https://static.tildacdn.com/tild3965-3761-4839-a134-313830613539/cross14px_accent.svg);
        background-position: center center;
        background-repeat: no-repeat;
        transition: filter 0.25s ease;
    }
    .t-popup .t-popup__close:hover:after,
    .t706 .t706__close-button:hover:after {
        filter: brightness(1.4) saturate(0.35) hue-rotate(-45deg)
    }
    
    /* Close button inner elements */
    .t-popup .t-popup__close *,
    .t706 .t706__close-button * {opacity: 0;}

    
/* PRELOADER */
.order-preloader {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 999999999;
    background: var(--ui-bg-a40);
    backdrop-filter: blur(20px);
    transition: opacity 0.5s ease 2s;
}
    
    /* Preloader (Hidden) */
    .order-preloader.hide {
        opacity: 0;
        pointer-events: none;
    }
}


/* DARK MAGIC */
#allrecords ~ div {
    height: 0px;
    overflow: hidden;
}


/* DESKTOP ----------------------------------------------------------------- */
@media screen {

    /* HEADER -------------------------------------------------------------- */
    @media screen {
    /* Header (Pop-up open) */
    .t-body_popupshowed .uc-header .t-menu-base,
    .t706__body_cartwinshowed .uc-header .t-menu-base {
        transform: translateY(calc(-1 * (100% + 12px)));
    }
        
    /* Header wrapper */
    .uc-header .t1272 {
        display: flex;
        justify-content: center;
    }

    /* Header base container & background */
    .uc-header .t-menu-base {
        max-width: 1656px;
        background: transparent !important;
        z-index: 9999999;
        transition: transform 0.2s ease;
    }

    /* Header inner container */
    .uc-header .t-menu-base__maincontainer {
        padding: 0 28px;
        height: 100% !important;
        position: relative;
        background: var(--ui-bg-a80);
        backdrop-filter: blur(8px);
        box-shadow: var(--shadow-inner-ui) !important;
        gap: 0;
    }

    /* Header border */
    .uc-header .t-menu-base__maincontainer:before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        border: 1px solid var(--ui-stroke);
        border-radius: inherit;
        box-sizing: border-box;
        pointer-events: none;
    }


    /* Header logo container */
    .uc-header .t-menu-base__logo {gap: 0;}
        
    /* Header logo link */
    .uc-header .t-menu-base__logo a:focus {outline: none !important;}

    /* Header left divider */
    .uc-header .t-menu-base__logo:after {
        content: "";
        display: block;
        width: 1px;
        height: 36px;
        border-radius: 1px;
        background-color: var(--ui-divider);
        margin: 0 28px 0 22px;
    }


    /* HEADER NAV */
        /* Header nav items container */
        .uc-header .t-menu-base__list {
            flex-grow: 1;
            justify-content: flex-end;
            gap: 29px !important;
        }

        /* Header nav first item */
        .uc-header .t-menu-base__list-item:first-child {margin-right: auto;}

        /* Header nav first item inner link */
        .uc-header .t-menu-base__list-item:first-child .t-menu__link-item {
            display: flex;
            align-items: center;
            height: 22px !important;
        }

        /* Header nav first item icon */
        .uc-header 
        .t-menu-base__list-item:first-child .t-menu__link-item:before {
            content: "";
            display: block;
            width: 24px;
            height: 18px;
            background-image: url(https://static.tildacdn.com/tild3564-3766-4730-b939-633537643362/gamepad24x18px_accen.svg);
            margin-right: 8px;
        }

        /* Header nav first item arrow */
        .uc-header .t966__arrow {margin-left: 8px}
        .uc-header .t966__arrow::after {
            border: none;
            width: 10px;
            height: 8px;
            background-image: url(https://static.tildacdn.com/tild3830-3531-4236-b262-653032343366/chevron_small_d10x8p.svg);
        }
        .uc-header .t966__tm-link_active .t966__arrow::after {
            transform: translateY(-30%) rotate(180deg);
        }

        /* Header nav item */
        .uc-header .t-menu-base__list-item {position: relative;}

        /* Header nav item underline */
        .uc-header .t-menu-base__list-item:not(:first-child):after {
            content: "";
            display: block;
            width: 100%;
            height: 2px;
            position: absolute;
            bottom: -24px;
            border-radius: 2px 2px 0 0;
            background: var(--orc-green-gradient);
            transform: scaleX(0);
            transform-origin: left bottom;
            transition: transform 0.2s ease;
        }
        .uc-header .t-menu-base__list-item:not(:first-child):hover:after {
            transform: scaleX(1);
        }


    /* Header right divider */
    .uc-header .t-menu-base__rightwrapper:before {
        content: "";
        display: block;
        width: 1px;
        height: 36px;
        border-radius: 1px;
        margin: 0 28px;
        background-color: var(--ui-divider);
    }

    /* Header button */
    #rec1925657191.uc-header .t-btnflex.t-btnflex_type_button {
        position: relative;
        box-shadow: 0px 2px 0 var(--orc-green-300) inset !important;
    }

    /* Header button text */
    .uc-header .t-menu-base__buttons .t-btnflex__text {
        position: relative;
        bottom: 1px;
        overflow: visible;
    }

    
    /* HEADER SUB-NAV (DROPDOWN) */
    .uc-header_sub-nav {
        --open-duration: 0.2s;
        --item-hover-duration: 0.15s;
    }
    
        /* Header sub-nav container */
        .uc-header_sub-nav .t966__tooltip-menu {
            display: block !important;
            visibility: hidden; 
            border: none !important;
            background: transparent !important;
            backdrop-filter: blur(10px);
            transform: translate(max(297px, calc(245px + (100vw - 1656px) / 2)), calc(90px + 12px));
            transition: visibility, opacity, transform;
            transition-duration: 0s, var(--open-duration), var(--open-duration);
            transition-delay: var(--open-duration), 0s, 0s;
            left: 0 !important;
            top: 0 !important;
        }

        /* Header sub-nav background */
        .uc-header_sub-nav .t966__tooltip-menu::after {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            border-radius: inherit;
            position: fixed;
            top: 0;
            left: 0;
            background-color: var(--ui-bg-a80) !important;
            border: none !important;
            outline: 1px solid var(--ui-stroke);
            box-shadow: var(--shadow-inner-ui);
            transform: none;
        }


        /* Header sub-nav open animation */
        .uc-header_sub-nav .t966__tooltip-menu_show {
            visibility: visible;
            transform: translate(max(297px, calc(245px + (100vw - 1656px) / 2)), 90px);
            transition-delay: 0s, 0s, 0s;
        }
        .uc-header_sub-nav .t966__content, 
        .uc-header_sub-nav .t966__tooltip-menu:after {
            transition: transform var(--open-duration) ease;
            transform: scale(0.98);
            transform-origin: top 15%;
        }
        .uc-header_sub-nav .t966__tooltip-menu_show .t966__content, 
        .uc-header_sub-nav .t966__tooltip-menu_show:after {
            transform: scale(1);
        }


        /* Header sub-nav inner container */
        .uc-header_sub-nav .t966__content {
            padding: 12px 8px;
            background: none !important;
            position: relative;
            z-index: 9;
            overscroll-behavior: contain;
        }
        .t966__content::-webkit-scrollbar {display: none;}

        /* Header sub-nav items container (list) */
        .uc-header_sub-nav .t966__menu-list {
            display: flex;
            flex-direction: column;
            gap: 4px;
        }


        /* Header sub-nav item */
        .uc-header_sub-nav .t966__menu-list-row {
            height: 52px;
            border-radius: 10px;
            position: relative;
        }

        /* Header sub-nav item background */
        .uc-header_sub-nav .t966__menu-list-row:before {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            border-radius: inherit;
            position: absolute;
            left: 0;
            top: 0;
            transition: opacity var(--item-hover-duration) ease;
            z-index: -1;
            pointer-events: none;
            background: rgba(255, 255, 255, 0.06);
            opacity: 0;
        }
        .uc-header_sub-nav .t966__menu-list-row:hover:before {
            opacity: 1;
        }

        /* Hader sub-nav item link */
        .uc-header_sub-nav .t966__menu-link {height: 100%;}

        /* Header sub-nav item inner container */
        .uc-header_sub-nav .t966__menu-item {
            align-items: center;
            height: 100% !important;
            margin: 0 !important;
            padding: 0 60px 0 14px;
        }


        /* Header sub-nav item icon wrapper */
        .t966__menu-item-icon-wrapper {position: relative;}
    }
    
    
    /* FOOTER -------------------------------------------------------------- */
    @media screen {
    
    /* Footer background */
    .uc-footer {
        background: var(--ui-bg-a20);
        backdrop-filter: blur(var(--bg-blur));
        position: relative;
        z-index: 9;
    }
        
    /* Footer main */
    .uc-footer_main {
        width: 100% !important;
        margin: 0 auto;
        position: relative !important;
        max-width: 1760px;
    }
        
    /* Footer logo and legal */
    @media screen and (max-width: 1440px) {
        .uc-footer_left {width: 22vw !important;}
    }
        
    /* Footer nav and social buttons */
    .uc-footer_right {
        max-width: 900px;
        width: auto !important;
        flex-grow: 1;
    }

        
    /* LINKS */
        /* Footer links */
        .uc-footer_nav-link .tn-atom,
        .uc-footer_bottom-link .tn-atom {opacity: 1 !important}
    
        .uc-footer_nav-link a {color: var(--ui-light-a80) !important}
        .uc-footer_bottom-link a {color: var(--ui-light-a50) !important}
        .uc-footer_nav-link a,
        .uc-footer_bottom-link a {
            display: block;
            position: relative;
            transition: color 0.1s ease !important;
        }
    
        /* Footer links (Hover) */
        .uc-footer_nav-link a:hover, 
        .uc-footer_bottom-link a:hover {color: var(--orc-green-400) !important}
    
        /* Footer links underline */
        .uc-footer_nav-link a:before, 
        .uc-footer_bottom-link a:before {
            content: "";
            display: block;
            width: 100%;
            height: 1px;
            position: absolute;
            left: 0;
            bottom: 1px;
            transition: transform 0.1s ease;
            transform: scaleX(0);
            transform-origin: left center;
            background: var(--orc-green-gradient);
        }
    
        /* Footer links underline (Hover) */
        .uc-footer_nav-link a:hover:before, 
        .uc-footer_bottom-link a:hover:before {transform: scaleX(1);}
    
        /* Footer designer link icon */
        .uc-footer_designer-link_icon {transition: filter 0.1s ease;}
        .uc-footer_designer-link_icon .tn-atom {
            transition: opacity 0.1s ease !important;
        }
        .uc-footer_bottom-link:hover ~ 
        .uc-footer_designer-link_icon {
            filter: brightness(1) !important;
        }
        .uc-footer_bottom-link:hover ~ 
        .uc-footer_designer-link_icon .tn-atom {
            opacity: 1 !important;
        }
    
    
    /* SOCIAL BUTTONS */
        .uc-footer_social-link * {box-sizing: border-box;}
        .uc-footer_social-link .tn-molecule {
            background: var(--ui-bg-a20) !important;
            outline: 1px solid var(--ui-stroke);
            outline-offset: -1px;
            box-shadow: var(--shadow-inner-ui);
            transition: outline-color 0.25s ease !important;
            overflow: hidden !important;
        }
        .uc-footer_social-link .tn-molecule:before {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background-color: var(--orc-green-500);
            transform-origin: top center;
            opacity: 0.1;
            transform: scaleY(0);
            transition: transform 0.25s ease;
        }
        .uc-footer_social-link .tn-atom {transition: filter 0.25s ease;}
        
        /* Social button hover */
        .uc-footer_social-link:hover .tn-molecule {
            outline-color: var(--orc-green-400);
        }
        .uc-footer_social-link .tn-molecule:hover:before {
            transform: scaleY(1);
        }
        .uc-footer_social-link:hover .tn-atom {
            filter: brightness(1.4) saturate(0.35) hue-rotate(-45deg);
        }
    }

    
    /* INDEX --------------------------------------------------------------- */
    @media screen {

    /* HERO */
        /* Hero scroll marker */
        .uc-index_scroller_bg .tn-atom {
            border: 1px solid var(--ui-stroke) !important;
            background: var(--ui-bg-a20);
            backdrop-filter: blur(var(--bg-blur));
            box-shadow: var(--shadow-inner-ui);
            transition: border-radius 0.2s ease !important;
        }
        body.scrolled .uc-index_scroller_bg .tn-atom {
            border-radius: 24px !important
        }

        /* Hero scroll marker arrow */
        .uc-index_scroller_arrow {
            transition: opacity 0.3s ease 0.3s !important;
        }
        body.scrolled .uc-index_scroller_arrow {
            opacity: 0;
            transition: opacity 0.3s ease 0s !important;
        }

        /* Hero scroll marker icon */
        .uc-index_scroller_icon .tn-atom {
            transition: opacity 0.3s ease 0s !important;
        }
        body.scrolled .uc-index_scroller_icon .tn-atom {
            opacity: 1 !important;
            transition: opacity 0.3s ease 0.3s !important;
        }


    /* CATALOG */
    .uc-index_catalog {
        --card-hover-duration: 0.2s;
        --link-hover-duration: 0.1s;
    }

        /* Catalog background */
        .uc-index_catalog_bg-1 {left: 0 !important;}


        /* Catalog block container */
        .uc-index_catalog .t396__artboard {
            align-items: stretch !important;
            display: grid !important;
            grid-template-columns: repeat(auto-fill, minmax(292px, 1fr));
        }

        /* Game card */
        .game-card {
            min-width: 270px;
            z-index: 9 !important;
        }

        /* Game card background */
        .game-card:after {
            content: "";
            display: block;
            width: calc(100% + 2 * 24px);
            height: calc(100% + 14px + 32px);
            border-radius: 20px;
            border: 1px solid var(--ui-stroke);
            position: absolute;
            left: -24px;
            top: -14px;
            box-sizing: border-box;
            opacity: 0;
            background: var(--ui-bg-a20);
            backdrop-filter: blur(var(--bg-blur));
            transition: opacity, transform;
            transition-duration: var(--card-hover-duration);
            transition-timing-function: ease;
            transform: translateY(8px) scale(0.98);
            transform-origin: top center;
        }
        
        /* Game card background (on card hover) */
        .game-card:hover:after {
            opacity: 1;
            transform: translateY(0) scale(1);
        }


        /* Game card cover wrapper */
        .game-card_cover-wrapper {
            width: calc(100% + 2 * 23px) !important;
        }
        
        /* Game card cover wrapper (inner) */
        .game-card_cover-wrapper .tn-molecule {
            transition: opacity, transform !important;
            transition-duration: var(--card-hover-duration) !important;
            transition-timing-function: ease !important;
            transform: translateY(8px) scale(0.98);
            transform-origin: bottom center;
        }

        /* Game card cover wrapper (on card hover) */
        .game-card:hover .game-card_cover-wrapper .tn-molecule {
            opacity: 1 !important;
            transform: translateY(0) scale(1);
        }


        /* Game card cover overlay */
        .game-card_cover-wrapper .tn-molecule:after {
            content: "";
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            border-radius: inherit;
            z-index: 9;
            box-shadow: var(--shadow-inner-card) !important;
            pointer-events: none;
            background: linear-gradient(195deg, 
                                        rgba(0, 0, 0, 0.1) 0%, 
                                        rgba(0, 0, 0, 0.85) 100%);
        }


        /* Game card cover image */
        .game-card_cover {
            transition: transform var(--card-hover-duration) ease;
        }

        /* Game card cover image (on card hover) */
        .game-card:hover .game-card_cover {
            transform: scale(1.05);
        }


        /* Game card cover logo */
        .game-card_logo {
            transition: transform var(--card-hover-duration) ease;
            transform-origin: top left;
        }
        
        /* Game card cover logo (on card hover) */
        .game-card:hover .game-card_logo {
            transform: scale(0.96);
        }        


        /* Game card title */
        .game-card_title h3 {
            background: var(--orc-green-gradient);
            -webkit-background-clip: text;
            background-clip: text;
            transition: color var(--card-hover-duration) ease !important;
        }
        .game-card:hover .game-card_title h3 {color: transparent !important;}


        /* Game card link */
        .game-card_link a {
            opacity: 0.8;
            transition-property: opacity, color;
            transition-duration: var(--link-hover-duration);
            transition-timing-function: ease;
            position: relative;
        }
        .game-card_link a:hover {
            color: var(--orc-green-400) !important;
            opacity: 1;
        }

        /* Game card link underline */
        .game-card_link a:before {
            content: "";
            display: block;
            width: 100%;
            height: 1px;
            position: absolute;
            left: 0;
            bottom: -1px;
            border-radius: 1px;
            background-color: var(--orc-green-400);
            transform: scaleX(0);
            transform-origin: left center;
            transition: transform var(--link-hover-duration) ease;
        }
        .game-card_link a:hover:before {transform: scaleX(1);}


        /* Game card link dot (first in row) */
        .game-card_dot-lead {display: none !important;}

        /* Game card link dot (last) */
        .game-card_dot-last {opacity: 0;}
        
        
        /* Request game card */
        .request-game-card {
            height: auto !important;
            min-height: 216px;
            z-index: 99 !important;
        }
        
        /* Request game card background and stroke */
        .request-game-card:before,
        .request-game-card:after {
            content: "";
            display: block;
            width: calc(100% + 2 * 24px);
            height: calc(100% + 14px + 32px);
            position: absolute;
            top: -14px;
            left: -24px;
            border-radius: 20px;
            box-sizing: border-box;
        }
        .request-game-card:before {
            background: var(--ui-bg-a20);
            backdrop-filter: blur(var(--bg-blur));
            box-shadow: var(--shadow-inner-ui);
/*            background-image: url(https://static.tildacdn.com/tild3562-3266-4635-a564-313735656135/request-game-card_bg.png);*/
            background-size: 758px auto;
            background-position: right -360px bottom -154px;
            background-repeat: no-repeat;
        }
        .request-game-card:after {
            border: 1px solid var(--ui-stroke);
            pointer-events: none;
        }
        
        /* Request game card hat graphic */
        .request-game-card_hat {
            left: auto !important;
            right: -113px;
            filter: drop-shadow(-8px 8px 24px var(--ui-bg));
        }
        
        
    /* HOW IT WORKS */
        /* How it works block container */
        .uc-index_HIW .t396__artboard {flex-wrap: wrap !important;}
        
        
        /* How it works card */
        .uc-index_HIW_card {
            flex-basis: 20%;
            flex-grow: 1;
            align-self: stretch !important;
        }
        
        /* How it works card background */
        .uc-index_HIW_card > .tn-molecule {
            padding-top: 32px !important;
            background: var(--ui-bg-a20);
            border-radius: 20px;
            box-shadow: var(--shadow-inner-ui);
            backdrop-filter: blur(var(--bg-blur));
        }
        
        /* How it works card (last) background */
        .uc-index_HIW_card[data-card="last"] > .tn-molecule {
            background: var(--ui-bg-a80);
            box-shadow: var(--shadow-inner-btn); 
        }
        
        /* How it works card border */
        .uc-index_HIW_card > .tn-molecule:before {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            border-radius: inherit;
            pointer-events: none;
            box-sizing: border-box;
            border: 1px solid var(--ui-stroke);
        }
        
        /* How it works card (last) border */
        .uc-index_HIW_card[data-card="last"] > .tn-molecule:before {
            border: 1px solid var(--orc-green-500);
        }
        @supports (mask-composite: exclude) {
            .uc-index_HIW_card[data-card="last"] > .tn-molecule:before {
                border: 1px solid transparent;
                background-image: var(--orc-green-gradient);
                background-clip: border-box;
                -webkit-mask: linear-gradient(#fff 0 0) padding-box, 
                              linear-gradient(#fff 0 0);
                -webkit-mask-composite: destination-out;
                mask-composite: exclude;
            }
            .uc-index_HIW_card[data-card="last"] > .tn-molecule:after {
                content: "";
                display: block;
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
                border-radius: inherit;
                border-top: 1px solid var(--orc-green-300);
                border-bottom: 1px solid var(--orc-green-500);
                box-sizing: border-box;
                pointer-events: none;
            }
        }
        
        
        /* How it works card cutouts */
        @supports (mask-mode: luminance) {
            .uc-index_HIW_card > .tn-molecule {
                -webkit-mask-image: url(https://static.tildacdn.com/tild3038-3038-4561-b035-383066313838/mask-left-right.svg);
                mask-mode: luminance;
            }
            .uc-index_HIW_card[data-card="first"] > .tn-molecule {
                -webkit-mask-image: url(https://static.tildacdn.com/tild3033-3661-4834-b139-663830323436/mask-right.svg);
            }            
            .uc-index_HIW_card[data-card="last"] > .tn-molecule {
                -webkit-mask-image: url(https://static.tildacdn.com/tild6666-6138-4338-a235-303131613036/mask-left.svg);
            }
            
            /* Cutout border */
            .uc-index_HIW_card_cutout-borders {
                width: 100% !important;
                height: 100% !important;
                position: absolute !important;
                top: 0 !important;
                left: 0 !important;
            }
            
            .uc-index_HIW_card:not([data-card="first"]) 
            .uc-index_HIW_card_cutout-borders:after,
            .uc-index_HIW_card:not([data-card="last"]) 
            .uc-index_HIW_card_cutout-borders:before {
                content: "";
                display: block;
                width: 42px;
                height: 42px;
                border-radius: 21px;
                box-sizing: border-box;
                border: 1px solid var(--ui-stroke);
                position: absolute;
                top: calc(50% - 21px);
            }

            /* Cutout left border*/
            .uc-index_HIW_card:not([data-card="first"]) 
            .uc-index_HIW_card_cutout-borders:after {
                left: -25px;
                clip-path: inset(0 0 0 26px); 
            }        

            /* Cutout left border (last) */
            .uc-index_HIW_card[data-card="last"] 
            .uc-index_HIW_card_cutout-borders:after {
                 border-color: var(--orc-green-400) !important;
            }

            /* Cutout right border */
            .uc-index_HIW_card:not([data-card="last"]) 
            .uc-index_HIW_card_cutout-borders:before {
                right: -25px;
                clip-path: inset(0 26px 0 0);
            }
            
            /* Cutout arrows */
            .uc-index_HIW_card:not([data-card="last"]):before {
                content: "";
                display: block;
                width: 40px;
                height: 40px;
                position: absolute;
                top: calc(50% - 20px);
                right: -24px;
                border-radius: 20px;
                z-index: 1;
                background-image: url(https://static.tildacdn.com/tild3233-3832-4266-a131-633262623266/arrow-dash-r18x14px_.svg);
                background-repeat: no-repeat;
                background-position: center center;
                background-size: 18px 14px;
            }
        } 
    }
    
    
    /* GAME PAGE ----------------------------------------------------------- */
    @media screen {
        
    /* COVER */
        /* Cover text content */
        .uc-game_cover_content {
            top: auto !important;
            bottom: 48px;
            left: max(80px, calc((100vw - 1600px) / 2)) !important;
        }
        
        /* Cover large logo */
        .uc-game_cover_logo-wrapper {
            left: auto !important;
            right: max(80px, calc((100vw - 1600px) / 2)) !important;
        }
        
    
    /* PRODUCTS BLOCK */
    .uc-game_products {
        --card-hover-duration: 0.25s;
    }
        
        /* Products main block z-index  */    
        .uc-game_products {
            position: relative;
            z-index: 99;
        }
        
        /* Products block border top and blur */
        .uc-game_products:before {
            content: "";
            display: block;
            width: 100%;
            height: 84px;
            position: absolute;
            top: 37px;
            left: 0;
            backdrop-filter: blur(var(--bg-blur));
            border-top: 1px solid rgba(255, 255, 255, 0.14);
        }
        
        /* Products block inner containers */
        .uc-game_products .t951, 
        .uc-game_products .t-store__grid-cont {padding: 0 !important;}
        .uc-game_products .t951__grid-cont {
            background: var(--ui-bg-a20);
            position: relative;
        }
        
        /* Products block inner container blur */
        .uc-game_products .t951__grid-cont:before {
            content: "";
            display: block;
            width: 100%;
            height: 84px;
            position: absolute;
            top: 0;
            left: 0;
            backdrop-filter: blur(var(--bg-blur));
            z-index: -1;
        }

        /* Products content wrapper */
        .uc-game_products .t951__cont-wrapper {
            flex-direction: column;
        }
    
        
    /* FILTERS (TABS) */
        /* Products applied filter floating bar */
        .uc-game_products .t-store__filter__chosen-bar {
            display: none !important;
        }
        
        /* Search and sort container */
        .uc-game_products  .t-store__filter__search-and-sort {
            display: none !important;
        }
        
        /* Filter title */
        .uc-game_products .t-store__filter__item-title {
            display: none;
        }
        
        /* Filters sidebar */
        .uc-game_products .t951__sidebar {
            width: 100%;
            margin: 0px;
        }
        
        /* Filters sidebar inners */
        .uc-game_products .t-store__filter, 
        .uc-game_products .t-store__filter__item {margin: 0 !important;}
        
        /* Filters inner container */
        .t-store__filter__item-controls-container {padding: 0 !important;}
        
        /* Filters root category item */
        .uc-game_products .t-store__filter-tree-node_root > 
        .t-store__filter-tree-line {
            display: none;
        }
        
        /* Sub-categories */
        .uc-game_products .t-store__filter-tree-children {
            display: flex !important;
            flex-direction: row;
            gap: 24px;
            margin-left: 0;
            padding-bottom: 18px;
            padding-left: max(80px, calc((100vw - 1600px) / 2)) !important;
            padding-right: max(80px, calc((100vw - 1600px) / 2)) !important;
            overflow-x: scroll;
            overflow-y: hidden;
        }
        .uc-game_products .t-store__filter-tree-children::-webkit-scrollbar {
            display: none;
        }
        .uc-game_products .t-store__filter-tree-children > * {flex-shrink: 0;}
        
        /* Sub-categories inner */
        .uc-game_products .t-store__filter__custom-sel {
            padding: 0 !important;
            width: auto !important;
            position: relative;
        }

        /* Sub-category tab text */
        .uc-game_products .t-store__filter__title {
            font-size: 16px;
            font-weight: 500;
            opacity: 0.9;
            transition: opacity 0.2s ease;
        }
        .uc-game_products .t-store__filter__custom-sel:hover 
        .t-store__filter__title {opacity: 1;}
        
        /* Sub-category tab underline */
        .uc-game_products .t-store__filter__custom-sel:after {
            content: "";
            display: block;
            width: 100%;
            height: 2px;
            position: absolute;
            left: 0;
            bottom: -18px;
            background: var(--orc-green-gradient);
            border-radius: 2px 2px 0 0;
            transition: transform 0.2s ease;
            transform-origin: left center;
            transform: scaleX(0);
        }
        .uc-game_products .t-store__filter__custom-sel:hover:after {
            transform: scaleX(1);
        }
        
        /* Sub-category tab active */
        .uc-game_products .t-store__filter__custom-sel.active {
            opacity: 1 !important;
            background: none;
            border-radius: 0 !important;
            pointer-events: none;
        }
        .uc-game_products .active .t-store__filter__title {
            font-weight: 600;
            opacity: 1;
            color: var(--ui-light);
        }
        .uc-game_products .t-store__filter__custom-sel.active:after {
            transform: scaleX(1);
        }
    
        
    /* PRODUCT CARDS */
        /* Product cards container */
        .uc-game_products .t951__grid-cont, 
        .uc-game_products .js-store-grid-cont-preloader {
            padding-left: max(80px, calc((100vw - 1600px) / 2)) !important;
            padding-right: max(80px, calc((100vw - 1600px) / 2)) !important;
            padding-top: 56px !important;
            padding-bottom: 80px !important;
            margin: 0 !important;
            max-width: none;
            width: auto;
        }
        
        /* Product cards inner grid container */
        .uc-game_products .t-store__card-list {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            row-gap: 28px;
            column-gap: 16px;
        }
        
        /* Disable Tilda separators */
        .uc-game_products .t-store__grid-separator {display: none;}
        
        
        /* Product card */
        .uc-game_products .t-store__card {
            padding: 70px 24px 24px 24px !important;
            border-radius: 20px;
            width: auto;
            box-shadow: var(--shadow-inner-ui);
            position: relative;
            transition: transform var(--card-hover-duration) ease;
            transform-origin: center center;
            z-index: 9;
        }
        .uc-game_products .t-store__card:hover {
            transform: scale(1.02) translateY(-2px);
        }
        
        
        /* Product card image link & border */
        .uc-game_products .t-store__card > a {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            border-radius: inherit;
            box-sizing: border-box;
            border: 1px solid var(--ui-stroke);
        }
        
        /* Product card image wrapper (Background container) */
        .uc-game_products .t-store__card__imgwrapper {
            padding: 0 !important;
            position: absolute !important;
            top: 0;
            left: 0;
            height: 100%;
            border-radius: 20px;
            overflow: hidden;
            z-index: -1;
        }
        
        /* Product card background overlay */
        .uc-game_products .t-store__card__imgwrapper:after {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background: radial-gradient(98.04% 98.04% at 50% 0%, rgba(11, 15, 18, 0.00) 0%, rgba(11, 15, 18, 0.90) 69.71%);
            z-index: 9;
            opacity: 0.8;
            transition: opacity var(--card-hover-duration) ease;
        }
        .uc-game_products .t-store__card:hover .t-store__card__imgwrapper:after {
            opacity: 0.2;
        }
        
        /* Product card background image */
        .uc-game_products .t-store__card__bgimg {
            opacity: 0.12;
            filter: blur(30px);
        }
        
        /* Product card background first image (Logo) */
        .uc-game_products .t-store__card__bgimg:nth-child(2) {opacity: 0 !important;}
        
        /* Mark wrapper */
        .uc-game_products .t-store__card__mark-wrapper {
            display: block;
            left: 23px;
            top: 23px;
            right: auto;
            z-index: 10;
        }
        
        /* Mark */
        .uc-game_products .t-store__card__mark {
            border-radius: 8px;
            background: var(--ui-bg-a20) !important;
            font-size: 13px;
            line-height: 14px;
            display: block;
            text-align: left;
            padding: 9px 12px;
            width: auto;
            height: auto;
            position: relative;
            font-family: 'OrcsAndPayers', sans-serif;
            box-shadow: var(--shadow-inner-ui);
            color: var(--ui-light-a80) !important;
        }
        .uc-game_products .t-store__card__mark:after {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            border-radius: inherit;
            border: 1px solid var(--ui-stroke);
            position: absolute;
            top: 0;
            left: 0;
            box-sizing: border-box;
        }
        
        
        /* Product card text wrappers */
        .uc-game_products .store__card__wrap_txt-and-opts {flex-grow: 1;}
        .uc-game_products .t-store__card__textwrapper {padding-top: 0;}
        
        /* Product card title */
        .uc-game_products .t-store__card__title {
            font-size: 16px;
            line-height: 23px;
            font-weight: 600;
            background: var(--orc-green-gradient);
            background-clip: text;
            opacity: 0.9;
            transition: opacity, color;
            transition-duration: var(--card-hover-duration);
            transition-timing-function: ease;
        }
        .uc-game_products .t-store__card:hover .t-store__card__title {
            opacity: 1;
            color: transparent;
        }
        
        /* Product card SKU */
        .uc-game_products .t-store__card__sku {display: none;}
        
        /* Product card price wrapper */
        .uc-game_products .t-store__card__price-wrapper {
            margin-top: 10px;
            display: flex;
        }
        
        /* Price and old price */
        .uc-game_products .t-store__card__price-wrapper > * {
            font-size: 16px;
            line-height: 1;
            color: var(--ui-light-a80);
            display: block;
        }
        
        /* Old price */
        .uc-game_products .t-store__card__price_old {margin-left: 10px;}
        
        /* Price currency */
        .uc-game_products .t-store__card__price-currency {margin-left: 3px;}
        .uc-game_products .t-store__card__price-currency:before {display: none;}
        
        /* Disable product card options */
        .uc-game_products .t-store__card__prod-controls-wrapper {display: none;}
        
        
        /* Product card buttons wrapper */
        .uc-game_products .t-store__card__btns-wrapper {margin-top: 8px !important;}
        
        /* Product card button */
        .uc-game_products .t-store__card__btn {
            margin-bottom: 0 !important;
            position: relative;
            overflow: visible;
        }
        
        /* Product card button background */
        .uc-game_products .t-store__card__btn:before {
            content: "";
            display: block;
            width: calc(100% + 2 * 10px);
            height: calc(100% + 2 * 10px);
            position: absolute;
            left: -10px;
            top: -10px;
            border-radius: 12px;
            background: var(--orc-green-gradient);
            opacity: 0;
            transition: opacity 0.1s ease;
        }
        .uc-game_products .t-store__card__btn:hover:before {
            opacity: 0.07;
        }
        
        /* Product card button text */
        .uc-game_products .t-btnflex__text {
            overflow: visible;
            color: var(--ui-light-a60);
            position: relative;
            bottom: 0.5px;
            transition: color 0.1s ease;
        }
        .uc-game_products .t-store__card:hover .t-btnflex__text {
            color: var(--ui-light-a80);
            transition-duration: var(--card-hover-duration);
        }
        .uc-game_products .t-store__card__btn:hover .t-btnflex__text {
            color: var(--ui-light);
        }
        
        /* Product card button icon */
        .uc-game_products .t-btnflex__icon:before {
            opacity: 0.8;
            transition: opacity 0.1s ease;
        }
        .uc-game_products .t-store__card__btn:hover .t-btnflex__icon:before {
            opacity: 1;
        }
        
        
        /* Product card dots */
        .uc-game_products .t-store__card:after {
            content: "";
            display: block;
            width: 16px;
            height: 4px;
            position: absolute;
            bottom: 32px;
            right: 24px;
            background: url(https://static.tildacdn.com/tild3161-6465-4164-a334-623765666231/dots16x4px_accent.svg);
            filter: brightness(2);
            opacity: 0.3;
            transition: filter, opacity;
            transition-duration: var(--card-hover-duration);
            transition-timing-function: ease;
        }
        .uc-game_products .t-store__card:hover:after {
            opacity: 1;
            filter: brightness(1);
        }
        
        
    /* PRODUCT CARDS (SKELETON) */
    .uc-game_products .t-store__card-preloader {
        border-radius: 20px !important;
        overflow: hidden;
        padding: 0 !important;
        width: calc((100% - 3 * 16px) / 4) !important;
        margin-right: 16px;
        margin-bottom: 28px;
        height: 216px;
        opacity: 0.5;
    }
    .uc-game_products .t-store__card-preloader:nth-child(5n) {margin-right: 0;}
        
    
    /* PRODUCT POP-UP */
        /* Product pop-up overlay */
        .uc-game_products .t951 .t-popup {
            backdrop-filter: blur(5px); 
            display: flex !important;
            align-items: center;
            justify-content: center;
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.25s ease;
        }
        .uc-game_products .t951 .t-popup_show {
            opacity: 1;
            pointer-events: auto;
        }

        /* Product pop-up back link */
        .t-store__prod-popup__close-txt-wr {display: none;}


        /* Product pop-up container */
        .uc-game_products .t-popup__container {
            margin: 0;
            padding: 48px 42px 42px 42px;
            box-sizing: border-box;
            position: relative;
            background: var(--ui-bg-a80) !important;
            backdrop-filter: blur(5px);
            box-shadow: var(--shadow-inner-ui);
        }

        /* Product pop-up container border */
        .uc-game_products .t-popup__container:before {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            box-sizing: border-box;
            border-radius: inherit;
            border: 1px solid var(--ui-stroke);
            position: absolute;
            top: 0;
            left: 0;
            pointer-events: none;
        }

        /* Product pop-up inner container */
        .uc-game_products .t-store__prod-popup__container {
            padding: 0 !important;
        }


        /* Product pop-up image */
        .uc-game_products .t-store__prod-popup__slider {display: none;}


        /* Product pop-up text container */
        .uc-game_products .t-store__prod-popup__info {
            padding-top: 0 !important;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
        }

        /* Product pop=up title & meta wrapper */
        .uc-game_products .t-store__prod-popup__title-wrapper {
            flex-basis: 100%;
            margin-bottom: 12px;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            order: 1;
        }

        /* Product popup divider */
        .uc-game_products .t-store__prod-popup__title-wrapper:before {
            content: "";
            display: block;
            width: 1px;
            height: 32px;
            border-radius: 1px;
            background: white;
            opacity: 0.08;
            margin: 0 24px;
            order: 2;
        }

        /* Product pop-up title */
        .uc-game_products .t-popup .js-store-prod-name {
            flex-basis: 90%;
            margin-top: 56px;
            font-size: 32px;
            font-weight: 900;
            line-height: 1.13;
            text-transform: uppercase;
            letter-spacing: 0.2px;
            color: var(--ui-light);
            order: 4;
        }

        /* Product pop-up brand (Category) */
        .uc-game_products .t-store__prod-popup__brand {
            display: flex;
            margin: 0;
            order: 3;
        }

        /* Product pop-up game meta */
        .uc-game_popup_game-meta {
            display: flex;
            gap: 8px;
            align-items: center;
            order: 1;
        }

        /* Product pop-up game logo */
        .uc-game_popup_game-logo {
            width: auto;
            height: 32px;
        }

        /* Product pop-up game title */
        .uc-game_popup_game-title {
            display: block;
            width: fit-content;
        }

        /* Product pop-up SKU */
        .uc-game_products 
        .t-store__prod-popup__sku:not(.t-store__prod-popup__brand) {
            display: none;
        }


        /* Product pop-up description and characteristics wrapper */
        .uc-game_products .t-store__prod-popup__text {
            flex-basis: 100%;
            order: 2;
            margin-top: 0;
        }

        /* Product pop-up description text */
        .uc-game_products .js-store-prod-all-text {
            font-size: 16px;
            line-height: 28px;
            color: var(--ui-light-a80);
        }

        /* Product pop-up buttons wrapper */  
        .uc-game_products .t-store__prod-popup__btn-wrapper {
            order: 3;
            margin: 56px 0 0 0;
        }

        /* Product pop-up button text */
        .uc-game_products .t-store__prod-popup__btn .t-btnflex__text {
            color: black !important;
        }

        /* Product pop-up price wrapper */
        .uc-game_products .t-store__prod-popup__price-wrapper {
            order: 4;
            height: 54px;
            margin-top: 56px;
            display: flex;
            align-items: center;
        }

        /* Product pop-up price divider */
        .uc-game_products .t-store__prod-popup__price-wrapper:before {
            content: "";
            display: block;
            margin: 0 16px 0 18px;
            width: 4px;
            height: 4px;
            border-radius: 2px;
            background: var(--orc-green-gradient);
        }

        /* Product pop-up price items */
        .uc-game_products .t-store__prod-popup__price-item {
            position: relative;
            bottom: 1px;
        }
        .uc-game_products .t-store__prod-popup__price_old {margin-left: 10px;}


        /* Product pop-up options and links */
        .uc-game_products .js-product-controls-wrapper,
        .uc-game_products .t-store__prod-popup__links-wrapper {
            display: none;
            order: 5;
        }
    }
    
    
    /* CART BUTTON --------------------------------------------------------- */
    @media screen {
        
    /* Cart button wrapper */
    .t706__carticon {right: 16px !important;}
        
    /* Cart button */
    .t706__carticon-wrapper {
        border-radius: 16px;
        padding: 24px 20px;
        display: flex;
        gap: 8px;
        justify-content: center;
        align-items: center;
        background: var(--ui-bg-a60);
        box-shadow: var(--shadow-inner-ui);
        backdrop-filter: blur(var(--bg-blur));
        cursor: pointer;
        transition: transform 0.2s ease;
        transform-origin: right bottom;
    }
    .t706__carticon-wrapper * {z-index: 9;}
        
    /* Cart button hover */
    .t706__carticon-wrapper:hover {transform: scale(1.05);}
        
    /* Cart button border */
    .t706__carticon-wrapper:before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        border-radius: inherit;
        position: absolute;
        top: 0;
        left: 0;
        box-sizing: border-box;
        border: 1px solid var(--ui-stroke);
    }
        
    /* Cart button icon */
    .t706__carticon-imgwrap {
        width: 23px !important;
        height: 24px !important;
        background-image: url(https://static.tildacdn.com/tild3165-3561-4734-a339-653130323430/cart23x24px_accent.svg);
        border-radius: 0;
    }
    .t706__carticon-imgwrap * {display: none !important;}
    .t706__carticon-imgwrap:hover {transform: none;}
    
    /* Cart button counter */
    .t706__carticon-counter {
        position: static;
        width: 28px;
        height: 28px;
        border-radius: 8px;
        background-color: var(--orc-green-500-a10) !important;
        color: var(--ui-light) !important;
        font-size: 14px !important;
        line-height: 1;
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
    }
        
    /* Cart button text */
    .t706__carticon-text,
    .t706__bubble-container {display: none !important;}
    }
    
        
    /* CART POP-UP --------------------------------------------------------- */
    @media screen {
    
    /* Cart pop-up background overlay */
    .t706__cartwin {
        background-color: var(--ui-bg-a60) !important;
        backdrop-filter: blur(5px);
        overscroll-behavior: none;
    }

    /* Cart pop-up container */
    .t706__cartwin-content {
        max-width: 880px !important;
        margin-top: 120px;
        margin-bottom: 120px;
        border-radius: 20px;
        padding: 48px 42px 60px 42px;
        position: relative;
        box-shadow: var(--shadow-inner-ui);
        background: var(--ui-bg-a80) !important;
    }

    /* Cart pop-up border */
    .t706__cartwin-content:before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: inherit;
        border: 1px solid var(--ui-stroke);
        box-sizing: border-box;
        pointer-events: none;
    }

        
    /* CART POP-UP TOP */
        /* Cart pop-up header (Top)) */
        .t706__cartwin-top {
            border: none !important;
            padding-bottom: 32px;
        }

        /* Cart pop-up heading */
        .t706__cartwin-heading {
            font-size: 48px;
            font-weight: 900;
            line-height: 56px;
            text-transform: uppercase;
            width: 225px;
            white-space: nowrap;
            overflow: hidden;
            border-bottom-right-radius: 22px;
        }

    
    /* Cart pop-up products container */
    .t706__cartwin-products {
        display: flex;
        flex-direction: column;
    }
        
        
    /* CART PRODUCT */
    .t706__product {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        height: auto;
        flex-wrap: wrap;
    }

        /* Cart product elements */
        .t706__cartwin-products * {
            color: var(--ui-light);
            flex-shrink: 0;
        }

        
        /* Cart product image container */
        .t706__product-thumb {
            display: block;
            width: auto;
            height: auto;
        }

        /* Cart product image */
        .t706__product-imgdiv {
            background-color: transparent;
            width: 72px;
            height: 72px;
            border-radius: 10px;
        }

        
        /* Cart product meta container */
        .t706__product-title {
            flex-grow: 1;
            flex-basis: 50%;
            padding-top: 11px;
            padding-bottom: 0;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            pointer-events: none;
        }
        
        /* Cart product title */
        .t706__product-title a {
            flex-basis: 100%;
            line-height: 1.5;
        }
        
        /* Product meta (Product options) */
        .t706__product-title__option {
            display: flex;
            align-items: center;
            font-size: 14px;
            line-height: 1;
            margin-top: 8px;
            flex-wrap: wrap;
            opacity: 1;
        }
        
        /* Product meta (Product options) inners */
        .t706__product-title__option div {
            color: var(--ui-light-a80);
            white-space: nowrap;
            display: flex;
            align-items: center;
        }
        
        /* Product meta (Product options) divider */
        .t706__product-title__option div:nth-child(1):after {
            content: "";
            display: block;
            width: 4px;
            height: 4px;
            margin: 0 10px;
            opacity: 0.16;
            background: var(--ui-light);
            border-radius: 2px;
        }
        
        /* Cart product SKU (Last product option) */
        .t706__product-title__option:last-child {display: none;}
        
        
        /* Cart product divider */
        .t706__product:not(:last-child):after {
            content: "";
            display: block;
            flex-basis: 100%;
            height: 1px;
            background: var(--ui-stroke);
            margin: 32px 0;
            border-radius: 1px;
        }

        
        /* Cart product quantity controls wrapper */
        .t706__product-plusminus {
            padding: 13px 16px 0 20px;
            display: flex;
            gap: 8px;
            align-items: center;
            width: auto;
        }
        
        /* Cart product quantity plus and minus */
        .t706__product-minus, 
        .t706__product-plus {
            width: 20px;
            height: 20px;
            opacity: 0.7;
            transition: opacity 0.1s ease;
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
        }
        .t706__product-minus {
            background-image: url(https://static.tildacdn.com/tild3337-3139-4434-a363-626465353130/minus-square20px_acc.svg);
        }
        .t706__product-plus {
            background-image: url(https://static.tildacdn.com/tild3237-3437-4532-b035-396434376635/plus-square20px_acce.svg);
        }
        .t706__product-minus:hover, 
        .t706__product-plus:hover {opacity: 1 !important;}
        
        /* Remove cart product quantity and delete default icons */
        .t706__product-minus img, 
        .t706__product-plus img,
        .t706__product-del img {display: none;}
        
        /* Cart product quantity text */
        .t706__product-quantity {
            margin: 0;
            padding: 0;
            width: 20px;
            text-align: center;
            color: var(--ui-light-a80);
            pointer-events: none;
            transition: color 0.1s ease;
        }
        
        /* Cart product total wrapper */
        .t706__product-amount {
            padding: 15px 16px 0 0;
            display: flex;
            width: 76px;
            justify-content: right;
        }
        
        /* Cart product total price and currency */
        .t706__cartwin-prodamount-currency, 
        .t706__cartwin-prodamount-price {
            display: block;
            font-size: 16px;
            line-height: 16px;
            color: var(--ui-light-a80);
            transition: color 0.1s ease;
        }
        
        /* Cart product delete button */
        .t706__product-del-wrapper {
            display: block !important;
            padding: 13px 0 0 0 !important;
        }
        .t706__product-del {
            background: url(https://static.tildacdn.com/tild3363-6636-4038-b030-663665323937/cross-square20px_acc.svg);
            display: block;
            width: 20px;
            height: 20px;
            opacity: 0.7;
            transition: opacity 0.1s ease;
        }
        .t706__product-del:hover {opacity: 1 !important;}
        
        /* Quantity and amount text on product hover */
        .t706__product:hover .t706__product-quantity,
        .t706__product:hover .t706__product-amount * {
            color: var(--ui-light) !important;
        }
             
        /* Quantity controls and delete on product hover */
        .t706__product:hover .t706__product-del, 
        .t706__product:hover .t706__product-minus, 
        .t706__product:hover .t706__product-plus {opacity: 0.8;}
        
        
    /* Cart total amount wrappers */
    .t706__cartwin-bottom {
        border: none;
        padding: 0;
    }
    .t706__cartwin-prodamount-wrap {
        display: flex !important;
        padding: 32px 0 16px 0;
        border-bottom: 1px solid var(--ui-stroke);        
        justify-content: right;
        color: var(--ui-light);
        font-size: 16px;
        line-height: 24px;
        gap: 5px;
    }
        
    /* Cart total amount */
    .t706__cartwin-prodamount {
        display: flex;
        justify-content: right;
    }
    .t706__cartwin-prodamount * {
        font-size: 16px;
        color: var(--ui-light) !important;
        opacity: 1 !important;
        line-height: 24px;
    }

        
    /* CART FORM */
        /* Cart form heading */
        .t706__form-upper-text {
            margin-top: 56px;
            padding: 0;
            font-size: 48px;
            font-weight: 900;
            line-height: 56px;
            text-transform: uppercase;
        }
        
        /* Cart form container */
        .t706__orderform {
            margin-top: 32px;
            margin-bottom: 0;
        }
        
        /* Cart form (Inputs container) */
        .t-form__inputsbox {column-gap: 32px !important;}
        
        /* Cart form inputs order*/
        .t706 .t-form__inputsbox > * {order: 1;}
        
        /* Cart form input group */
        .t706 .t-input-group {
            flex-basis: 306px;
            margin-bottom: 56px !important;
            position: relative;
        }
        
        /* Cart form input group (Spacer / Divider) */
        .t706 .t-input-group_ws {
            flex-basis: 100%;
            height: 1px;
            border-radius: 1px;
            background: var(--ui-stroke);
        }
        
                
        /* Hide selected games input */
        div[data-field-name="gameSelection"] {display: none !important;}
        
        
        /* Cart form input label */
        .t706 .t-input-title {
            width: 100% !important;
            font-size: 14px !important;
            font-weight: 500;
            line-height: 14px;
            color: var(--ui-light-a80) !important;
        }
        
        /* Cart form input (Base) */
        .t706 .t-input-group .t-input {
            height: auto;
            font-size: 16px;
            line-height: 24px;
            padding: 12px 0 14px 0;
            border: none !important;
            color: white !important;
            position: relative;
        }
        
        /* Cart form input underline */
        .t706 .t-input-group:before {
            content: "";
            display: block;
            width: 100%;
            height: 2px;
            border-radius: 1px;
            position: absolute;
            bottom: 0;
            left: 0;
            background: var(--orc-green-gradient);
            opacity: 0.7;
            transition: opacity 0.1s ease;
            z-index: 9;
        }
        .t706 .t-input-group:hover:before {opacity: 1 !important;}
        
        .t706 .t-input-group_ws:before,
        .t706 .t-input-group_tx:before,
        .t706 .t-input-group_rd:before,
        .t706 .t-input-group_cb:before {display: none !important;}
        
        /* Cart form input placeholder */
        .t706 .t-input-group.t-input::placeholder {
            transition: opacity 0.1s ease;
        }
        .t706 .t-input-group:hover .t-input::placeholder {
            opacity: 0.7 !important;
        }
        
        
        /* Cart form input (Text / Heading) */
        .t706 .t-input-group_tx {
            flex-basis: 100%;
            margin-bottom: 16px !important;
        }
        .t706 .t-input-group_tx .t-text {
            margin: 0;
            font-size: 16px;
            font-weight: 600;
            line-height: 1.5;
            color: var(--ui-light) !important;
        }
        
        
        /* Cart form first divider */
        .t-input-group_em + div + .t-input-group_tx {
            padding-top: 56px;
            border-top: 1px solid var(--ui-stroke);
        }
        
        
        /* Cart form select */
        .t706 .t-input-group_sb select {
            height: auto !important;
            font-size: 16px;
            line-height: 24px;
            padding: 12px 0 14px 0;
            border: none !important;
            color: white !important;
            position: relative;
        }
        
        /* Cart form select chevron icon */
        .t706 .t-select__wrapper:after {
            border: none !important;
            width: 10px;
            height: 8px;
            background: url(https://static.tildacdn.com/tild3830-3531-4236-b262-653032343366/chevron_small_d10x8p.svg);
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
        }
        
        /* Cart form selects after inputs (Faction) */
        .t706 .t-input-group_in + .t-input-group_sb {flex-basis: 120px;}
        
        
        /* Cart form radio group */
        .t706 .t-input-group_rd {flex-basis: 100%;}
        
        /* Cart form radio group heading (Label) */
        .t706 .t-input-group_rd .t-input-title {
            font-size: 16px !important;
            margin-bottom: 20px;
            font-weight: 600;
            line-height: 1.5;
            color: var(--ui-light) !important;
        }
        
        /* Cart form radio group inner (Contact method) */
        .t706 .t-input-group[data-field-name="contactMethod"] .t-radio__wrapper {
            gap: 8px;
            margin: 0;
        }
        
        /* Cart form radio group option (Contact method) */
        .t706 .t-input-group[data-field-name="contactMethod"] .t-radio__item {
            border-radius: 12px;
            flex-basis: 30%;
            flex-grow: 1;
            position: relative;
            height: 54px;
            margin: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 8px;
        }
        
        /* Cart form radio group option (Telegram) */
        .t706 .t-input-group[data-field-name="contactMethod"] label:nth-child(2) {
            gap: 6px;
        }
        
        /* Cart form radio group option background (Contact method) */
        .t706 .t-input-group[data-field-name="contactMethod"] .t-radio__indicator:after {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            background: var(--orc-green-500) !important;
            border-radius: 12px;
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0.05;
            transition: opacity 0.15s ease;
        }
        .t706 .t-input-group[data-field-name="contactMethod"] 
        .t-radio__item:hover .t-radio__indicator:after,
        .t706 .t-input-group[data-field-name="contactMethod"]
        .t-radio:checked~.t-radio__indicator:after {
            opacity: 0.1;
        }
        
        /* Cart form radio group option text (Contact method) */
        .t706 .t-input-group[data-field-name="contactMethod"] .t-radio__item span {
            position: relative;
            z-index: 1;
            font-size: 16px;
            line-height: 1;
            font-weight: 500;
            color: var(--ui-light-a80);
            transition: color 0.15s ease;
        }
        
        .t706 .t-input-group[data-field-name="contactMethod"] .t-radio__item:hover span,
        .t706 .t-input-group[data-field-name="contactMethod"] 
        .t-radio:checked~span {
            color: white;
        }
        
        /* Cart form radio group option icon (Contact method) */
        .t706 .t-input-group[data-field-name="contactMethod"] .t-radio__indicator {
            width: 24px;
            height: 24px;
            border: none;
            position: static;
            opacity: 1;
            border-radius: 0 !important;
        }
        
        .t706 .t-input-group[data-field-name="contactMethod"] 
        label:nth-child(1) .t-radio__indicator {
            background: url(https://static.tildacdn.com/tild3439-3932-4335-a238-363166623834/message24px_accent.svg) !important;
        }
        .t706 .t-input-group[data-field-name="contactMethod"] 
        label:nth-child(2) .t-radio__indicator {
            background: url(https://static.tildacdn.com/tild3564-3263-4133-b666-613439303264/telegram24px_accent.svg) !important;
        }        
        .t706 .t-input-group[data-field-name="contactMethod"] 
        label:nth-child(3) .t-radio__indicator {
            background: url(https://static.tildacdn.com/tild6566-3763-4265-b666-633130343261/whatsapp24px_accent.svg) !important;
        }
        
        /* Cart form radio group option border (Contact method) */
        .t-radio__control .t-radio__indicator:before {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            box-sizing: border-box;
            border-radius: 12px;
            border: 1px solid var(--orc-green-500);
            opacity: 0;
            transition: opacity 0.15s ease;
        }
        .t706 .t-input-group[data-field-name="contactMethod"] 
        .t-radio__item:hover .t-radio__indicator:before,
        .t706 .t-input-group[data-field-name="contactMethod"] 
        .t-radio:checked~.t-radio__indicator:before {opacity: 1;}        
        
        /* Cart form contact method inputs */
        .t706 .t-input-group[data-field-name="contactTelegram"], 
        .t706 .t-input-group[data-field-name="contactWhatsApp"] {
            margin-top: -14px;
        }
        
        
        /* Cart form input group (Privacy checkbox) */
        .t706 
        .t-input-group.t-input-group_cb[data-field-name="privacyCheckbox"] {
            flex-basis: 100%;
            margin-bottom: 32px !important;
        }
        
        /* Cart privacy checkbox inner */
        .t706 
        .t-input-group.t-input-group_cb[data-field-name="privacyCheckbox"] 
        .t-checkbox__control {
            width: fit-content;
            gap: 12px;
        }
        
        /* Cart privacy checkbox indicator */
        .t706 .t-input-group_cb .t-checkbox__indicator {
            width: 44px;
            height: 44px;
            border-radius: 12px;
            border: none;
            opacity: 1;
            position: relative;
            background-color: var(--orc-green-500-a05);
            transition: background-color 0.1s ease;
        }
        .t706 .t-checkbox__control:hover .t-checkbox__indicator,
        .t706 .t-checkbox:checked~.t-checkbox__indicator {
            background-color: var(--orc-green-500-a10);
        }
        
        /* Cart privacy checkbox indicator square */
        .t706 .t-input-group_cb .t-checkbox__indicator:before {
            content: "";
            display: block;
            width: 20px;
            height: 20px;
            position: absolute;
            top: 12px;
            left: 12px;
            background: url(https://static.tildacdn.com/tild6663-3438-4733-a261-356234393737/square20px_accent.svg);
            opacity: 0.7;
            transition: opacity 0.1s ease;
        }
        .t706 .t-checkbox__control:hover .t-checkbox__indicator:before,
        .t706 .t-checkbox:checked~.t-checkbox__indicator:before {
            opacity: 1;
        }
        
        /* Cart privacy checkbox indicator checkmark */
        .t706 .t-input-group_cb .t-checkbox__indicator:after {
            content: "";
            display: block;
            width: 12px !important;
            height: 10px !important;
            position: absolute;
            top: 17px;
            left: 16px;
            background: url(https://static.tildacdn.com/tild6235-6562-4166-b131-323933353332/check12x10px_accent.svg);
            border: none;
            transform: none;
            opacity: 0;
            transition: opacity 0.1s ease;
        }
        .t706 .t-checkbox__control:hover .t-checkbox__indicator:after {
            opacity: 0.5;
        }
        .t706 .t-checkbox:checked~.t-checkbox__indicator:after {
            opacity: 1;
        }
        
        /* Cart privacy checkbox label text and link */
        .t706 .t-input-group_cb span, 
        .t706 .t-input-group_cb span a {
            font-size: 16px;
            line-height: 1;
            color: var(--ui-light) !important;
        }
        .t706 .t-input-group_cb span a {
            font-weight: 500;
            position: relative;
            transition: color 0.1s ease;
        }
        .t706 .t-input-group_cb span a:hover {color: white !important;}
        
        /* Cart privacy checkbox link underline */
        .t706 .t-input-group_cb span a:before, 
        .t706 .t-input-group_cb span a:after {
            content: "";
            display: block;
            width: 100%;
            height: 1px;
            position: absolute;
            left: 1px;
            bottom: -2px;
            background: var(--orc-green-500);
        }
        .t706 .t-input-group_cb span a:before {opacity: 0.3;}
        .t706 .t-input-group_cb span a:after {
            transform-origin: left center;
            transform: scaleX(0);
            transition: transform 0.1s ease;
        }
        .t706 .t-input-group_cb span a:hover:after {transform: scaleX(1);}
        
        
        /* Cart submit button */
        .t706 .t-form__submit {
            flex-basis: 30%;
            flex-grow: 1;
            margin: 0 6px 0 0;
        }
        .t706 .t-submit span {z-index: 9;}
        
        
        /* Cart form total amount wrapper */
        .t706__cartwin-totalamount-wrap {
            order: 99 !important;
            flex-basis: 30%;
            flex-grow: 1;
            padding: 0;
            display: flex !important;
            align-items: center;
            height: 54px;
            position: relative;
        }
        .t706__cartwin-totalamount-wrap * {
            color: var(--ui-light);
            font-size: 18px;
            font-weight: 400;
            line-height: 1;
            margin: 0;
            display: flex;
            align-items: center;
        }
        .t706__cartwin-totalamount-content {gap: 4px;}
        
        /* Cart form button and total dot */
        .t706__cartwin-totalamount-wrap:before {
            content: "";
            display: block;
            width: 4px;
            height: 4px;
            position: absolute;
            left: -20px;
            top: 25px;
            border-radius: 2px;
            background: var(--orc-green-gradient);
        }
        
        
    /* ERROR STATES */
        /* Default styles */
        .t706 .t-input-group_cb:is(.t-form .js-error-control-box:has(.t-input-block+.t-input-error)) .t-checkbox__control, 
        .t706  .t-input-group_rd:is(.t-form .js-error-control-box:has(.t-input-block+.t-input-error)) .t-input-block, 
        .t706  .t-input-group_rs:is(.t-form .js-error-control-box:has(.t-input-block+.t-input-error)) .t-input-block, 
        :is(.t-form .js-error-control-box:has(.t-input-block+.t-input-error)) 
        .t-input:not(.t-input-phonemask):not(.t-input-ownanswer):not(.t-input__own-answer), 
        :is(.t-form .js-error-control-box:has(.t-input-block+.t-input-error)) 
        .t-select, 
        :is(.t-form .js-error-control-box:has(.t-input-block+.t-input-error)) 
        .uploadcare-widget {
            border: none !important;
            border-width: 0 !important;
            padding-left: 0 !important;
        }
        
        /* Input error */
        .t706 .t-input-error {display: none !important;}
        .t706 .t-input-group.js-error-control-box:before {
            background: var(--ui-error);
            opacity: 1;
        }
        
        /* Checkbox error */
        .t706 .js-error-control-box .t-checkbox__indicator {
            background-color: rgba(255, 0, 0, 0.1);
        }
        .t706 .js-error-control-box .t-checkbox__indicator:before, 
        .t706 .js-error-control-box .t-checkbox__indicator:after {
            filter: hue-rotate(-72deg) saturate(5);
        }
        
        /* Error message wrapper */
        .t706 .t-form__errorbox-middle {
            display: none;
            order: 100;
            padding: 12px;
            border-radius: 12px;
            margin-top: 20px !important;
            background: rgba(255, 0, 0, 0.1);
        }
        .t706 .js-error-control-box ~ .t-form__errorbox-middle {
            display: block !important;
        }
        
        /* Error message */
        .t706 .js-errorbox-all {
            margin: 0 !important;
            padding: 0;
            background: none;
            text-align: left;
            display: flex !important;
            align-items: center;
            gap: 10px;
        }
        .t706 .js-errorbox-all:before {
            content: "";
            display: block;
            width: 20px;
            height: 20px;
            background: url(https://static.tildacdn.com/tild3533-3164-4562-a262-373639613166/warning20px_red.svg);
            background-repeat: no-repeat;
            background-position: center;
        }
        
        /* Error message inner */
        .t706 .js-errorbox-all ul, 
        .t706 .js-errorbox-all ul * {
            padding: 0 !important;
            margin: 0 !important;
            font-size: 16px;
            color: var(--ui-light) !important;
        }
        .t706 .js-errorbox-all ul {
            gap: 4px;
            display: flex;
            flex-direction: column;
        }
        
    
    /* AUTO-FILL (CHROME, WEBKIT) */
    .t706 .t-input-group .t-input:-webkit-autofill, 
    .t706 .t-input-group .t-input:-webkit-autofill:hover, 
    .t706 .t-input-group .t-input:-webkit-autofill:focus, 
    .t706 .t-input-group .t-input:-webkit-autofill:active {
        -webkit-text-fill-color: white;
        -webkit-box-shadow: 0 0px 0px 25px #242914 inset !important;
    }
        
        
    /* SUCCESS MESSAGE */
        /* Seccess message container */
        .t706 .js-successbox {
            background: none;
            text-align: left;
            height: 164px;
            padding: 0 42px;
            margin: 0;
        }
        
        /* Success message image */
        .t706 .js-successbox:before {
            content: "";
            display: block;
            width: calc(164px + 16px);
            height: 164px;
            background: url(https://static.tildacdn.com/tild3061-6232-4631-b866-323138653435/thumb164px.svg);
            background-size: 164px 164px;
            background-position: left center;
            background-repeat: no-repeat;
            float: left;
        }
        
        /* Text breaks */
        .t706 .js-successbox br {display: none;}
        
        /* Text elements */
        .t706 .js-successbox span {color: var(--ui-light);}
        .t706 .js-successbox *:nth-child(1), 
        .t706 .js-successbox *:nth-child(3),
        .t706 .js-successbox *:nth-child(5) {
            display: block;
            width: calc(100% - 164px - 16px);
            float: left;
        }
        .t706 .js-successbox *:nth-child(1) {
            margin-top: 17px;
            margin-bottom: 8px;
        }
        .t706 .js-successbox *:nth-child(3) {
            opacity: 0.9;
            margin-bottom: 12px;
        }
        .t706 .js-successbox *:nth-child(5) {opacity: 0.6;}
        .t706 .js-successbox *:nth-child(6) {
            float: left;
            position: relative;
            bottom: 22px;
            left: 266px;
            font-weight: 500 !important;
            opacity: 0.8;
            color: var(--ui-light) !important;
            transition: opacity 0.1s ease;
        }
        .t706 .js-successbox *:nth-child(6):hover {opacity: 1;}
        .t706 .js-successbox *:nth-child(6):before {
            content: "";
            display: block;
            width: 100%;
            height: 1px;
            border-radius: 1px;
            background: var(--orc-green-500);
            position: absolute;
            bottom: -1px;
            left: 0;
            opacity: 0.3;
        }
        .t706 .js-successbox *:nth-child(6):after {
            content: "";
            display: block;
            width: 100%;
            height: 1px;
            border-radius: 1px;
            background: var(--orc-green-500);
            position: absolute;
            bottom: -1px;
            left: 0;
            transform-origin: left center;
            transform: scaleX(0);
            transition: transform 0.1s ease;
        }
        .t706 .js-successbox *:nth-child(6):hover:after {transform: scaleX(1);}
    }
    
    
    /* ORDER PAGE ---------------------------------------------------------- */
    @media screen {
        
    /* Order page background gradient */
    #allrecords:has(.uc-order):after {
        content: "";
        display: block;
        width: 1524px;
        height: 100vh;
        position: fixed;
        top: 0;
        right: -512px;
        z-index: 1;
        background: linear-gradient(90deg, 
                                    rgba(11, 15, 18, 0.00) 0%, 
                                    rgba(11, 15, 18, 0.8) 14%, 
                                    #0B0F12 32.69%, 
                                    #0B0F12 100%);
    }
    
    /* Order page background image */
    .uc-order {position: relative;}
    .uc-order:before {
        content: "";
        display: block;
        width: 100vw;
        height: 1371px;
        position: absolute;
        top: 0;
        left: 0;
        background-image: url(https://static.tildacdn.com/tild6335-3930-4165-a338-353566663431/op_order_bg.png);
        background-size: 2044px 1371px;
        background-position: top left;
        background-repeat: no-repeat;
        z-index: 1;
    }
        
    /* Order grid container */
    .uc-order .t396__artboard {
        max-width: 1760px;
        margin: 0 auto;
        min-height: 100vh;
    }
        
    /* Order chat column width */
    /* .uc_order_chat-column {width: 28vw !important;}*/
        
    
    /* ORDER PRODUCT CARDS */
        /* Zero-block placeholder element */
        .uc_order_cards_container .tn-atom {display: none !important;}
        
        /* Order cards wrapper */
        .order_cards {
            display: flex;
            flex-direction: column;
            gap: 16px;
            font-family: 'OrcsAndPayers', sans-serif;
            color: var(--ui-light);
        }
        
        /* Order card */
        .order_card {
            box-sizing: border-box !important;
            border-radius: 16px;
            padding: 20px;
            display: flex;
            gap: 20px;
            max-width: 800px;
            background: var(--ui-bg-a60);
            box-shadow: var(--shadow-inner-ui);
            backdrop-filter: blur(var(--bg-blur));
            position: relative;
        }
        
        /* Order card stroke */
        .order_card:before {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            border-radius: inherit;
            box-sizing: border-box;
            pointer-events: none;
            border: 1px solid var(--ui-stroke);
        }
        
        /* Order card icon (Game logo) */
        .order_card_icon {
            width: 72px;
            height: 72px;
            flex-shrink: 0;
            font-size: 0;
            border-radius: 10px;
            position: relative;
            background: rgba(255, 255, 255, 0.02);
            overflow: hidden;
            background-size: 47px 47px;
            background-position: center;
            background-repeat: no-repeat;
            background-image: url(https://static.tildacdn.com/tild3938-6338-4533-a231-663231393834/tag48-32px_accent.svg);
        }
        .order_card_icon:before {
            content: "";
            display: block;
            width: calc(100% + 12px);
            height: calc(100% + 12px);
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-image: inherit;
            background-size: contain;
            background-repeat: no-repeat;
            filter: blur(40px);
            opacity: 0.4;
        }
        
        /* Order card content */
        .order_card_content {
            flex-grow: 1;
            padding-top: 4px;
            display: flex;
            flex-direction: column;
            gap: 8px;
        }
        
        /* Order card heading group (Title & category) */
        .order_card_hgroup {
            display: flex;
            row-gap: 6px;
            column-gap: 20px;
            align-items: flex-start;
        }
        
        /* Order card title */
        .order_card_h3 {
            flex-grow: 1;
            padding: 4px 0;
            font-size: 16px;
            font-weight: 600;
            line-height: 24px;
        }
        
        
        /* Order card meta wrapper */
        .order_card_meta {
            display: flex;
            gap: 10px;
            font-size: 14px;
            font-weight: 400;
            line-height: 1;
            color: var(--ui-light-a80);
        }
        
        /* Order card meta items (Except Qty) */
        .order_card_total, 
        .order_card_data {
            display: flex;
            align-items: center;
        }
        
        /* Order card meta dividers */
        .order_card_total:before, 
        .order_card_data:before {
            content: "";
            display: block;
            width: 4px;
            height: 4px;
            background: white;
            opacity: 0.16;
            border-radius: 2px;
            margin-right: 10px;
            position: relative;
            top: 1px;
        }
        .order_card_total + .order_card_data:before {
            width: 1px;
            height: 14px;
            opacity: 0.12;
            margin: 0 20px 0 10px;
        }
        
        
    /* Order comment */
    .uc_order_comment {max-width: 760px;}
    }
    
    
    /* B24 CHAT ------------------------------------------------------------ */
    @media screen {
    
    /* Chat button */
    .page_order .b24-widget-button-wrapper {display: none !important;}
    
    /* Chat main container */
    .page_order .bx-livechat-wrapper {
        position: fixed !important;
        top: 112px !important;
        right: max(80px, calc(100vw - 1600px) / 2) !important;
        width: 28vw !important;
        width: 440px !important;
        height: calc(100vh - 112px) !important;
        box-shadow: none !important;
    }
    body.page_order.footer-in .bx-livechat-wrapper {
        position: absolute !important;
    }
    
    /* Chat fade in */
    .page_order .bx-livechat-box > * {
        opacity: 0 !important;
        pointer-events: none;
    }
    .page_order .bx-livechat-box.show > * {
        opacity: 1 !important;
        pointer-events: auto;
        transition: opacity 0.5s ease 1s;
    }
    
    /* Chat border (Left) */
    .page_order .bx-livechat-wrapper:before {
        content: "";
        display: block;
        width: 1px;
        height: calc(100% + 28px);
        position: absolute;
        top: -28px;
        left: 0;
        z-index: 9;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.10) 20%, rgba(255, 255, 255, 0.10) 80%, rgba(255, 255, 255, 0.00) 100%);
    }
    
    .page_order .bx-livechat-copyright {display: none !important;}
    
    .page_order .bx-livechat-head {display: none;}
    
    .page_order .ui-vue-reaction {display: none;}
    
    /* Prevent page overscroll in chat */
    .page_order .bx-im-dialog-list {overscroll-behavior: contain;}
    
    /* Hide scrollbar */
    .page_order .bx-im-dialog-list::-webkit-scrollbar {display: none;}

    
    /* Open chat button */
    .page_order .b24-widget-button-wrapper {
        right: 300px;
    }
    
    
    /* All chat elements */
    .page_order .bx-livechat-wrapper * {
        font-family: 'OrcsAndPayers', sans-serif !important;
        color: var(--ui-light) !important;
    }
    
    /* Chat containers overflow */
    .page_order .bx-livechat-wrapper, 
    .page_order .bx-livechat-box, 
    .page_order .bx-livechat-textarea {overflow: visible !important;}
    
    /* Chat box */
    .page_order .bx-livechat-box {
        background-color: var(--ui-bg);
    }
    
    /* Chat thread */
    .page_order .bx-livechat-body {
        background-image: none;
        background-color: transparent;
    }
    
    /* Resize handle */
    .page_order .bx-livechat-widget-resize-handle {display: none;}
    
    
    /* Top overlay */
    .page_order .bx-livechat-body {overflow: visible;}
    .page_order .bx-livechat-body:before {
        content: "";
        display: block;
        width: 100%;
        height: 140px;
        position: absolute;
        top: -28px;
        left: 0;
        z-index: 99;
        background: linear-gradient(180deg, #0B0F12 20%, rgba(11, 15, 18, 0.90) 50%, rgba(11, 15, 18, 0.00) 100%);
    }
    
    
    /* MESSAGES */
        /* Thread spacer (Top) */
        .page_order .bx-im-dialog-list:before {
            content: "";
            display: block;
            width: 100%;
            height: 140px;
        }
    
        /* Message container margins */
        .page_order .bx-im-message-type-opponent {margin-left: 20px !important;}
        .page_order .bx-im-message.bx-im-message-type-self {
            margin-right: 0 !important;
            margin-left: 17px;
        }
    
        /* Message */
        .page_order .bx-im-message-content {
            padding: 16px 20px;
            box-sizing: border-box;
            border-radius: 16px;
            position: relative;
            background-color: var(--ui-bg) !important;
        }

        /* Incoming messages */
        .page_order .bx-im-message-type-opponent .bx-im-message-content {
            border: 1px solid var(--ui-stroke);
        }
    
        /* Incoming message border */
        .page_order .bx-im-message-type-opponent .bx-im-message-content:after {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            border-radius: inherit;
            position: absolute;
            top: 0;
            left: 0;
            box-shadow: var(--shadow-inner-ui);
        }

        /* User message border & Background */
        .page_order .bx-im-message-type-self .bx-im-message-content:before {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            border-radius: inherit;
            background: var(--orc-green-gradient);
            opacity: 0.7;
        }
        .page_order .bx-im-message-type-self .bx-im-message-content:after {
            content: "";
            display: block;
            width: calc(100% - 2px);
            height: calc(100% - 2px);
            position: absolute;
            top: 1px;
            left: 1px;
            border-radius: 15px;
            background: var(--ui-bg);
            opacity: 0.95;
        }

        /* Message content wrapper */
        .page_order .bx-im-message-content-box {
            padding: 0;
            position: relative;
            z-index: 9;
        }

        /* Message text */
        .page_order .bx-im-message-content-text {
            font-size: 14px;
            line-height: 22px;
            opacity: 0.9;
        }
    
        /* Message text link */
        .page_order .bx-im-message-content-text a {
            text-decoration: none;
            background: var(--orc-green-gradient) !important;
            background-clip: text !important;
            color: transparent !important;
        }

        /* Message name (Manager) */
        .page_order .bx-im-message-content-name {
            font-size: 12px;
            line-height: 14px;
            margin-bottom: 8px;
            opacity: 0.5;
        }

        /* Mesage timestamp */
        .page_order .bx-im-message-content-date {
            font-size: 11px;
            opacity: 0.5;
            padding-top: 4px;
        }
    
    
        /* Message rich link */
        .page_order .bx-im-element-attach-type-rich {
            background: none !important;
            border: none;
        }
    
        /* Message rich link image */
        .page_order .bx-im-element-attach-type-rich-image {margin-top: 12px;}
        .page_order .bx-im-element-attach-type-image-block img {
            border: 1px solid var(--ui-stroke);
            box-sizing: border-box;
        }
    
        /* Message rich link title */
        .page_order .bx-im-element-attach-type-rich-name {
            padding: 0;
            margin: 12px 0 6px 0;
            font-weight: 600;
            line-height: 19px;
            background: var(--orc-green-gradient);
            background-clip: text;
            transition: color 0.2s ease;
        }
        .page_order .bx-im-element-attach-type-rich-name:hover {
            text-decoration: none;
            background: var(--orc-green-gradient);
            background-clip: text;
            color: transparent !important;
        }
    
        /* Message rich link title icon */
        .page_order .bx-im-element-attach-type-rich-name:after {
            content: "";
            display: inline-block;
            width: 16px;
            height: 16px;
            background-image: url(https://static.tildacdn.com/tild6534-3062-4135-b163-373732623066/external16px.svg);
            margin-left: 4px;
            position: relative;
            top: 2.5px;
            transform: scale(0.875);
        }
    
        /* Message rich link description */
        .page_order .bx-im-element-attach-type-rich-desc {
            padding-left: 0;
            font-size: 12px;
            line-height: 19px;
            opacity: 0.8;
        }
    
    
        /* Quote block */
        .page_order .bx-im-message-content-quote {margin-bottom: 12px;}
    
        /* Quote line */
        .page_order .bx-im-message-content-quote-wrap {
            border-color: var(--orc-green-500);
        }
    
        /* Quote name */
        .page_order .bx-im-message-content-quote-name {opacity: 0.6;}
    
    
    /* MESSAGES (SKELETON) */
        /* Skeleton message */
        .page_order .im-skeleton-content {
            background: transparent;
            border-color: var(--ui-stroke);
            border-radius: 16px;
        }
    
        /* Skeleton message (Incoming) */
        .page_order .im-skeleton-item.im-skeleton-item-opponent {
            margin-left: 20px;
            margin-right: 30px;
        }
    
        /* Skeletor message (User) */
        .page_order .im-skeleton-item.im-skeleton-item-self {
            margin-right: 0;
            margin-left: 50px;
        }
    
        /* Skeleton message avatar */
        .page_order .im-skeleton-logo {display: none;}
    
        /* Skeleton message reaction */
        .page_order .im-skeleton-like {display: none;}
    
    
    /* Typing indicator */
    .page_order .bx-im-dialog-status {
        font-size: 13px;
        opacity: 0.7;
    }

    /* Date */
    .page_order .bx-im-dialog-group-date {
        background: none !important;
        opacity: 0.7;
    }

    /* Dialog number */
    .page_order .bx-imopenlines-message-dialog-number {display: none;}

    
    /* SCROLL BUTTON */
        /* Scroll button container */
        .page_order .bx-im-dialog-scroll-button-box {right: -8px;}

        /* Scroll button */
        .page_order .bx-im-dialog-scroll-button {
            background: var(--ui-bg-a80);
            border-color: var(--ui-stroke);
            backdrop-filter: blur(var(--bg-blur));
            position: relative;
            transition: transform 0.15s ease;
        }
        .page_order .bx-im-dialog-scroll-button:hover {
            background: var(--ui-bg-a80);
            transform: scale(1.04);
        }

        /* Scroll button inner shadow */
        .page_order .bx-im-dialog-scroll-button:after {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            border-radius: inherit;
            box-shadow: var(--shadow-inner-ui);
        }

        /* Scroll button icon */
        .page_order .bx-im-dialog-scroll-button-arrow {
            border: none;
            width: 10px;
            height: 8px;
            transform: translate(-50%, -50%);
            margin: 0;
            display: block;
            position: absolute;
            left: 50%;
            top: 50%;
            background: url(https://static.tildacdn.com/tild3830-3531-4236-b262-653032343366/chevron_small_d10x8p.svg);
    }
    
    
    /* UNREAD COUNTER */
        /* Unread counter container */
        .page_order .bx-im-dialog-scroll-button-counter {
            margin-top: 0;
            top: -31px;
            left: -1px;
        }
    
        /* Unread counter */
        .page_order .bx-im-dialog-scroll-button-counter-digit {
            width: 36px;
            height: 66px;
            border-radius: 20px;
            box-sizing: border-box;
            border: 1px solid var(--ui-stroke);
            background: var(--ui-bg);
            display: flex;
            justify-content: center;
            align-items: flex-start;
            font-weight: 700;
            font-size: 13px;
            padding-top: 8.5px;
            box-shadow: var(--shadow-inner-ui);
            color: var(--orc-green-500) !important;
            opacity: 1 !important;
        }
    
    
    /* COMPOSE BOX */
        /* Compose box */
        .page_order .bx-im-textarea {
            border: 0;
            padding-top: 20px;
        }
    
        /* Compose box top border */
        .page_order .bx-im-textarea:before {
            content: "";
            display: block;
            width: calc(100% + 79px);
            height: 1px;
            position: relative;
            top: -20px;
            left: 1px;
            background: linear-gradient(90deg, rgba(255, 255, 255, 0.10) 80%, rgba(255, 255, 255, 0.00) 100%);
        }
    
        /* Compose box inner (Input * Button) */
        .page_order .bx-im-textarea-box {
            padding: 0 0 0 20px;
            gap: 8px;
            margin-bottom: 20px;
        }

        /* Input (Textarea) */
        .page_order .bx-im-textarea-input {line-height: 22px;}
    
        /* Attachment button */
        .page_order .bx-im-textarea-app-file,
        .page_order .bx-im-textarea-app-file:hover {
            position: relative;
            left: 5px;
            bottom: 11px;
            background: url(https://static.tildacdn.com/tild6561-3831-4733-b932-333038383239/clip10x16px_accent.svg);
            background-size: 10px 16px;
            background-position: center;
            background-repeat: no-repeat;
        }
    
        /* Attachment button background */
        .page_order .bx-im-textarea-app-file:before {
            content: "";
            display: block;
            width: 32px;
            height: 32px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            border-radius: 8px;
            background: var(--orc-green-500);
            z-index: -1;
            opacity: 0;
            transition: opacity 0.1s ease;
        }
        .page_order .bx-im-textarea-app-file:hover:before {opacity: 0.07;}

        /* Emoji button */
        .page_order .bx-im-textarea-app-smile {display: none;}
    
    
    /* SEND BUTTON */
    .page_order .bx-im-textarea-send-button {
        width: 44px;
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        box-sizing: border-box;
        background: var(--ui-bg-a20) !important;
        border: 1px solid var(--ui-stroke);
        opacity: 1 !important;
        box-shadow: var(--shadow-inner-ui);
        position: relative;
        transition: border-color 0.25s ease;
    }
        
        /* Send button icon  */
        .page_order .bx-im-textarea-send-button:after {
            content: "";
            display: block;
            width: 16px;
            height: 18px;
            background: url(https://static.tildacdn.com/tild3866-3066-4666-b261-653061636634/return16x18px_accent.svg);
            transition: filter 0.25s ease;
        }
    
        /* Send button background */
        .page_order .bx-im-textarea-send-button:before {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            border-radius: inherit;
            background: var(--orc-green-500);
            z-index: -1;
            opacity: 0.1;
            transform-origin: top center;
            transform: scaleY(0);
            transition: transform 0.25s ease;
        }
    
        /* Send button hover  */
        .page_order .bx-im-textarea-send-button:hover {border-color: var(--orc-green-300);}
    
        /* Send button hover icon  */
        .page_order .bx-im-textarea-send-button:hover:after {filter: brightness(5);}
    
        /* Send button hover background */
        .page_order .bx-im-textarea-send-button:hover:before {transform: scaleY(1);}
    
        
    /* STATUS */
        /* Status container */
        .page_order .bx-pull-status-wrap {
            background-color: transparent !important;
            font-family: 'OrcsAndPayers' !important;
            overflow: visible;
        }
    
        /* Status container border bottom */
        .page_order .bx-pull-status-wrap:after {
            content: "";
            display: block;
            width: calc(100% + 79px);
            height: 1px;
            position: absolute;
            bottom: 0;
            left: 1px;
            background: linear-gradient(90deg, rgba(255, 255, 255, 0.10) 80%, rgba(255, 255, 255, 0.00) 100%);
        }
    
        /* Status text */
        .page_order .bx-pull-status-text {
            text-align: left;
            font-weight: 500;
            display: flex;
            gap: 8px;
            justify-content: center;
            align-items: center;
        }
    
        /* Status icon */
        .page_order .bx-pull-status-text:before {
            content: "";
            display: block;
            width: 20px;
            height: 20px;
            
        }
        .page_order .bx-pull-status-offline .bx-pull-status-text:before {
            background: url('data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13%202H7C4.23858%202%202%204.23858%202%207V13C2%2015.7614%204.23858%2018%207%2018H13C15.7614%2018%2018%2015.7614%2018%2013V7C18%204.23858%2015.7614%202%2013%202ZM7%200C3.13401%200%200%203.13401%200%207V13C0%2016.866%203.13401%2020%207%2020H13C16.866%2020%2020%2016.866%2020%2013V7C20%203.13401%2016.866%200%2013%200H7Z%22%20fill%3D%22url(%23paint0_linear_6002_62081)%22%2F%3E%3Cpath%20d%3D%22M11.5%2013.5C11.5%2012.6716%2010.8284%2012%2010%2012C9.17157%2012%208.5%2012.6716%208.5%2013.5C8.5%2014.3284%209.17157%2015%2010%2015C10.8284%2015%2011.5%2014.3284%2011.5%2013.5Z%22%20fill%3D%22url(%23paint1_linear_6002_62081)%22%2F%3E%3Cpath%20d%3D%22M8.62457%205.99482C8.55751%205.19014%209.19253%204.5%2010%204.5C10.8075%204.5%2011.4425%205.19014%2011.3754%205.99482L11.083%209.50345C11.0361%2010.0667%2010.5652%2010.5%2010%2010.5C9.43477%2010.5%208.96389%2010.0667%208.91695%209.50345L8.62457%205.99482Z%22%20fill%3D%22url(%23paint2_linear_6002_62081)%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_6002_62081%22%20x1%3D%2210%22%20y1%3D%220%22%20x2%3D%2210%22%20y2%3D%2220%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FF9999%22%2F%3E%3Cstop%20offset%3D%220.5%22%20stop-color%3D%22%23FF6666%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF3333%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint1_linear_6002_62081%22%20x1%3D%2210%22%20y1%3D%2212%22%20x2%3D%2210%22%20y2%3D%2215%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FF9999%22%2F%3E%3Cstop%20offset%3D%220.5%22%20stop-color%3D%22%23FF6666%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF3333%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint2_linear_6002_62081%22%20x1%3D%2210%22%20y1%3D%224.5%22%20x2%3D%2210%22%20y2%3D%2210.5%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FF9999%22%2F%3E%3Cstop%20offset%3D%220.5%22%20stop-color%3D%22%23FF6666%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF3333%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
        }        
        .page_order .bx-pull-status-connecting .bx-pull-status-text:before {
            background: url('data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13%202H7C4.23858%202%202%204.23858%202%207V13C2%2015.7614%204.23858%2018%207%2018H13C15.7614%2018%2018%2015.7614%2018%2013V7C18%204.23858%2015.7614%202%2013%202ZM7%200C3.13401%200%200%203.13401%200%207V13C0%2016.866%203.13401%2020%207%2020H13C16.866%2020%2020%2016.866%2020%2013V7C20%203.13401%2016.866%200%2013%200H7Z%22%20fill%3D%22url(%23paint0_linear_6002_62076)%22%2F%3E%3Cpath%20d%3D%22M11.5%2013.5C11.5%2012.6716%2010.8284%2012%2010%2012C9.17157%2012%208.5%2012.6716%208.5%2013.5C8.5%2014.3284%209.17157%2015%2010%2015C10.8284%2015%2011.5%2014.3284%2011.5%2013.5Z%22%20fill%3D%22url(%23paint1_linear_6002_62076)%22%2F%3E%3Cpath%20d%3D%22M8.62457%205.99482C8.55751%205.19014%209.19253%204.5%2010%204.5C10.8075%204.5%2011.4425%205.19014%2011.3754%205.99482L11.083%209.50345C11.0361%2010.0667%2010.5652%2010.5%2010%2010.5C9.43477%2010.5%208.96389%2010.0667%208.91695%209.50345L8.62457%205.99482Z%22%20fill%3D%22url(%23paint2_linear_6002_62076)%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_6002_62076%22%20x1%3D%2210%22%20y1%3D%220%22%20x2%3D%2210%22%20y2%3D%2220%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23E4CB88%22%2F%3E%3Cstop%20offset%3D%220.5%22%20stop-color%3D%22%23E2B742%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23D09C0B%22%20stop-opacity%3D%220.8%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint1_linear_6002_62076%22%20x1%3D%2210%22%20y1%3D%2212%22%20x2%3D%2210%22%20y2%3D%2215%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23E4CB88%22%2F%3E%3Cstop%20offset%3D%220.5%22%20stop-color%3D%22%23E2B742%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23D09C0B%22%20stop-opacity%3D%220.8%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint2_linear_6002_62076%22%20x1%3D%2210%22%20y1%3D%224.5%22%20x2%3D%2210%22%20y2%3D%2210.5%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23E4CB88%22%2F%3E%3Cstop%20offset%3D%220.5%22%20stop-color%3D%22%23E2B742%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23D09C0B%22%20stop-opacity%3D%220.8%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
        }        
        .page_order .bx-pull-status-online .bx-pull-status-text:before {
            background: url('data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13%202H7C4.23858%202%202%204.23858%202%207V13C2%2015.7614%204.23858%2018%207%2018H13C15.7614%2018%2018%2015.7614%2018%2013V7C18%204.23858%2015.7614%202%2013%202ZM7%200C3.13401%200%200%203.13401%200%207V13C0%2016.866%203.13401%2020%207%2020H13C16.866%2020%2020%2016.866%2020%2013V7C20%203.13401%2016.866%200%2013%200H7Z%22%20fill%3D%22url(%23paint0_linear_6002_62071)%22%2F%3E%3Cpath%20d%3D%22M11.5%2013.5C11.5%2012.6716%2010.8284%2012%2010%2012C9.17157%2012%208.5%2012.6716%208.5%2013.5C8.5%2014.3284%209.17157%2015%2010%2015C10.8284%2015%2011.5%2014.3284%2011.5%2013.5Z%22%20fill%3D%22url(%23paint1_linear_6002_62071)%22%2F%3E%3Cpath%20d%3D%22M8.62457%205.99482C8.55751%205.19014%209.19253%204.5%2010%204.5C10.8075%204.5%2011.4425%205.19014%2011.3754%205.99482L11.083%209.50345C11.0361%2010.0667%2010.5652%2010.5%2010%2010.5C9.43477%2010.5%208.96389%2010.0667%208.91695%209.50345L8.62457%205.99482Z%22%20fill%3D%22url(%23paint2_linear_6002_62071)%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_6002_62071%22%20x1%3D%2210%22%20y1%3D%220%22%20x2%3D%2210%22%20y2%3D%2220%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23D8DD8F%22%2F%3E%3Cstop%20offset%3D%220.5%22%20stop-color%3D%22%23C4CC58%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23B1BB20%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint1_linear_6002_62071%22%20x1%3D%2210%22%20y1%3D%2212%22%20x2%3D%2210%22%20y2%3D%2215%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23D8DD8F%22%2F%3E%3Cstop%20offset%3D%220.5%22%20stop-color%3D%22%23C4CC58%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23B1BB20%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint2_linear_6002_62071%22%20x1%3D%2210%22%20y1%3D%224.5%22%20x2%3D%2210%22%20y2%3D%2210.5%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23D8DD8F%22%2F%3E%3Cstop%20offset%3D%220.5%22%20stop-color%3D%22%23C4CC58%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23B1BB20%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
        }
    
        /* Status connect button */
        .page_order .bx-pull-status-button {display: none;}
    }    
    
    
    
}