/* RPG Reservations 1.0.0-beta3 | Everyone Assemble */
.rpgr-wrap{
    --rpgr-bg:#020d18;
    --rpgr-bg-deep:#010914;
    --rpgr-panel:#04192b;
    --rpgr-panel-soft:#08243a;
    --rpgr-panel-light:#0b3150;
    --rpgr-line:#1d5f8f;
    --rpgr-line-light:#287db2;
    --rpgr-accent:#218bd0;
    --rpgr-accent-light:#75d0ff;
    --rpgr-text:#e1f1fa;
    --rpgr-muted:#8fa9bc;
    --rpgr-success:#72c9a6;
    --rpgr-warning:#e7b56f;
    --rpgr-danger:#e66c79;
    width:100%;
    max-width:1100px;
    margin:25px auto;
    color:var(--rpgr-text);
    font-family:"Spectral",Georgia,serif;
    box-sizing:border-box;
}

.rpgr-wrap *,
.rpgr-wrap *::before,
.rpgr-wrap *::after{
    box-sizing:border-box;
}

.rpgr-intro,
.rpgr-form,
.rpgr-browser{
    position:relative;
    margin:0 0 22px;
    overflow:hidden;
    border:1px solid var(--rpgr-line);
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.018),
            transparent 80px
        ),
        linear-gradient(
            135deg,
            rgba(33,139,208,.035),
            transparent 45%
        ),
        var(--rpgr-bg);
    box-shadow:
        0 12px 30px rgba(0,0,0,.34),
        inset 0 0 45px rgba(0,0,0,.24);
}

.rpgr-intro::after,
.rpgr-form::after,
.rpgr-browser::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:2px;
    pointer-events:none;
    background:
        linear-gradient(
            90deg,
            transparent,
            var(--rpgr-accent),
            transparent
        );
    opacity:.7;
}

.rpgr-title,
.rpgr-form-title,
.rpgr-browser-head,
.rpgr-type-head{
    position:relative;
    color:var(--rpgr-accent-light);
    border:0;
    background:
        linear-gradient(
            180deg,
            rgba(33,139,208,.11),
            transparent
        ),
        linear-gradient(
            90deg,
            var(--rpgr-bg-deep),
            var(--rpgr-panel),
            var(--rpgr-bg-deep)
        );
}

.rpgr-title,
.rpgr-form-title{
    padding:15px 20px;
    border-bottom:1px solid var(--rpgr-line);
}

.rpgr-title::before,
.rpgr-form-title::before,
.rpgr-type-head::before{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    width:4px;
    background:
        linear-gradient(
            180deg,
            var(--rpgr-accent-light),
            var(--rpgr-accent),
            var(--rpgr-line)
        );
}

.rpgr-title h1,
.rpgr-form-title h2,
.rpgr-type-title{
    margin:0;
    color:inherit;
    font-family:"Cinzel",Georgia,serif;
    font-weight:500;
    line-height:1.25;
    text-transform:uppercase;
    letter-spacing:.09em;
}

.rpgr-title h1{
    font-size:20px;
}

.rpgr-form-title h2{
    font-size:16px;
}

.rpgr-intro-text{
    position:relative;
    padding:20px 22px;
    color:var(--rpgr-text);
    font-size:13px;
    line-height:1.75;
    text-align:justify;
    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.04),
            transparent 25%,
            transparent 75%,
            rgba(33,139,208,.04)
        );
}

.rpgr-intro-text::before{
    content:"";
    display:block;
    width:80px;
    height:1px;
    margin:0 auto 15px;
    background:
        linear-gradient(
            90deg,
            transparent,
            var(--rpgr-accent),
            transparent
        );
}

.rpgr-intro-text>:first-child{
    margin-top:0;
}

.rpgr-intro-text>:last-child{
    margin-bottom:0;
}

.rpgr-intro-text a,
.rpgr-value a{
    color:var(--rpgr-accent-light);
    text-decoration:none;
}

.rpgr-intro-text a{
    border-bottom:1px dotted var(--rpgr-accent);
}

.rpgr-intro-text a:hover,
.rpgr-value a:hover{
    color:#f4fbff;
}

.rpgr-message{
    position:relative;
    margin:0 0 18px;
    padding:13px 16px 13px 45px;
    color:var(--rpgr-text);
    font-size:12px;
    line-height:1.6;
    border:1px solid var(--rpgr-line);
    border-left:4px solid var(--rpgr-accent);
    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.12),
            transparent 45%
        ),
        var(--rpgr-panel);
    box-shadow:0 6px 18px rgba(0,0,0,.2);
}

.rpgr-message::before{
    content:"!";
    position:absolute;
    top:50%;
    left:16px;
    width:19px;
    height:19px;
    line-height:19px;
    text-align:center;
    font-family:Georgia,serif;
    font-weight:700;
    transform:translateY(-50%);
    color:var(--rpgr-bg-deep);
    background:var(--rpgr-accent);
}

.rpgr-message.error{
    border-left-color:var(--rpgr-danger);
    background:
        linear-gradient(
            90deg,
            rgba(230,108,121,.16),
            transparent 45%
        ),
        var(--rpgr-panel);
}

.rpgr-message.error::before{
    content:"×";
    color:#fff0f2;
    background:var(--rpgr-danger);
}

.rpgr-message.success{
    border-left-color:var(--rpgr-success);
    background:
        linear-gradient(
            90deg,
            rgba(114,201,166,.15),
            transparent 45%
        ),
        var(--rpgr-panel);
}

.rpgr-message.success::before{
    content:"✓";
    color:#edfff8;
    background:var(--rpgr-success);
}

.rpgr-message ul{
    margin:8px 0 0 18px;
    padding:0;
}

.rpgr-form-body{
    padding:21px;
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.012),
            transparent
        ),
        var(--rpgr-bg);
}

.rpgr-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:17px 20px;
}

.rpgr-field{
    position:relative;
    min-width:0;
}

.rpgr-field label{
    display:block;
    margin:0 0 7px;
    color:var(--rpgr-accent-light);
    font-family:"Cinzel",Georgia,serif;
    font-size:12px;
    font-weight:600;
    line-height:1.4;
    text-transform:uppercase;
    letter-spacing:.1em;
}

.rpgr-field input,
.rpgr-field select,
.rpgr-field textarea,
.rpgr-search input{
    width:100%;
    max-width:none;
    margin:0;
    padding:9px 11px;
    color:var(--rpgr-text);
    font-family:"Spectral",Georgia,serif;
    font-size:12px;
    border:1px solid var(--rpgr-line);
    border-bottom-color:var(--rpgr-line-light);
    outline:none;
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.018),
            transparent
        ),
        var(--rpgr-bg-deep);
    box-shadow:
        inset 0 1px 5px rgba(0,0,0,.45),
        0 1px 0 rgba(255,255,255,.025);
    transition:
        border-color .2s ease,
        background .2s ease,
        box-shadow .2s ease;
}

.rpgr-field input,
.rpgr-field select,
.rpgr-search input{
    min-height:39px;
}

.rpgr-field select{
    cursor:pointer;
}

.rpgr-field input::placeholder,
.rpgr-field textarea::placeholder,
.rpgr-search input::placeholder{
    color:var(--rpgr-muted);
    opacity:.55;
}

.rpgr-field input:hover,
.rpgr-field select:hover,
.rpgr-field textarea:hover,
.rpgr-search input:hover{
    border-color:var(--rpgr-line-light);
}

.rpgr-field input:focus,
.rpgr-field select:focus,
.rpgr-field textarea:focus,
.rpgr-search input:focus{
    color:#eef9ff;
    border-color:var(--rpgr-accent-light);
    background:var(--rpgr-panel);
    box-shadow:
        inset 0 1px 5px rgba(0,0,0,.4),
        0 0 0 2px rgba(33,139,208,.12);
}

.rpgr-field-full{
    grid-column:1/-1;
}

.rpgr-submit{
    grid-column:1/-1;
    position:relative;
    margin-top:3px;
    padding-top:17px;
    text-align:right;
    border-top:1px solid rgba(29,95,143,.65);
}

.rpgr-submit::before{
    content:"";
    position:absolute;
    top:-1px;
    left:0;
    width:90px;
    height:1px;
    background:var(--rpgr-accent);
}

.rpgr-button,
.rpgr-wrap input.button,
.rpgr-wrap button.button,
.rpgr-actions .button{
    display:inline-block;
    width:auto;
    min-height:auto;
    margin:0;
    padding:8px 15px;
    color:var(--rpgr-bg-deep);
    font-family:"Cinzel",Georgia,serif;
    font-size:12px;
    font-weight:700;
    line-height:1.4;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    letter-spacing:.08em;
    cursor:pointer;
    border:1px solid var(--rpgr-line-light);
    outline:none;
    background:
        linear-gradient(
            180deg,
            var(--rpgr-accent-light),
            var(--rpgr-accent)
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.25),
        0 3px 8px rgba(0,0,0,.28);
    transition:
        color .2s ease,
        background .2s ease,
        border-color .2s ease,
        transform .2s ease;
}

.rpgr-button:hover,
.rpgr-wrap input.button:hover,
.rpgr-wrap button.button:hover,
.rpgr-actions .button:hover{
    color:#010914;
    border-color:var(--rpgr-accent-light);
    background:
        linear-gradient(
            180deg,
            #b7e8ff,
            #218bd0
        );
    transform:translateY(-1px);
}

.rpgr-button:active,
.rpgr-wrap input.button:active,
.rpgr-wrap button.button:active,
.rpgr-actions .button:active{
    transform:translateY(0);
}

.rpgr-button.danger,
.rpgr-actions .danger{
    color:#ffdbe0;
    border-color:#8f3946;
    background:
        linear-gradient(
            180deg,
            #b94959,
            #702834
        );
}

.rpgr-button.danger:hover,
.rpgr-actions .danger:hover{
    color:#ffffff;
    border-color:var(--rpgr-danger);
    background:
        linear-gradient(
            180deg,
            #e66c79,
            #913442
        );
}

.rpgr-check{
    position:relative;
    min-height:18px;
    margin:7px 0 0;
    padding-left:17px;
    color:var(--rpgr-muted);
    font-size:12px;
    line-height:1.5;
}

.rpgr-check::before{
    content:"";
    position:absolute;
    top:5px;
    left:2px;
    width:6px;
    height:6px;
    border:1px solid var(--rpgr-muted);
    transform:rotate(45deg);
    opacity:.7;
}

.rpgr-check.ok{
    color:var(--rpgr-success);
}

.rpgr-check.ok::before{
    border-color:var(--rpgr-success);
    background:var(--rpgr-success);
}

.rpgr-check.warn{
    color:var(--rpgr-warning);
}

.rpgr-check.warn::before{
    border-color:var(--rpgr-warning);
    background:var(--rpgr-warning);
}

.rpgr-check.no{
    color:#ef8b97;
}

.rpgr-check.no::before{
    border-color:var(--rpgr-danger);
    background:var(--rpgr-danger);
}

.rpgr-browser-head{
    padding:0;
    border-bottom:1px solid var(--rpgr-line);
}

.rpgr-tabs{
    display:flex;
    align-items:stretch;
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:thin;
    scrollbar-color:var(--rpgr-accent) var(--rpgr-bg-deep);
    background:var(--rpgr-bg-deep);
}

.rpgr-tab{
    appearance:none;
    position:relative;
    flex:0 0 auto;
    min-height:49px;
    margin:0;
    padding:14px 21px 13px;
    color:var(--rpgr-muted);
    font-family:"Cinzel",Georgia,serif;
    font-size:12px;
    font-weight:600;
    line-height:1.4;
    text-transform:uppercase;
    letter-spacing:.09em;
    white-space:nowrap;
    cursor:pointer;
    border:0;
    border-right:1px solid var(--rpgr-line);
    outline:none;
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.015),
            transparent
        ),
        var(--rpgr-bg-deep);
    transition:
        color .2s ease,
        background .2s ease;
}

.rpgr-tab::after{
    content:"";
    position:absolute;
    right:50%;
    bottom:0;
    left:50%;
    height:3px;
    background:var(--rpgr-accent-light);
    transition:
        left .25s ease,
        right .25s ease;
}

.rpgr-tab:hover,
.rpgr-tab:focus{
    color:var(--rpgr-accent-light);
    background:var(--rpgr-panel);
}

.rpgr-tab.is-active{
    color:var(--rpgr-accent-light);
    background:
        linear-gradient(
            180deg,
            rgba(33,139,208,.14),
            transparent
        ),
        var(--rpgr-panel);
    box-shadow:inset 0 1px 0 rgba(117,208,255,.09);
}

.rpgr-tab.is-active::after{
    right:0;
    left:0;
}

.rpgr-search{
    position:relative;
    padding:14px 17px;
    border-bottom:1px solid var(--rpgr-line);
    background:
        linear-gradient(
            90deg,
            var(--rpgr-panel),
            var(--rpgr-bg),
            var(--rpgr-panel)
        );
}

.rpgr-search::before{
    content:"⌕";
    position:absolute;
    top:50%;
    left:29px;
    z-index:2;
    color:var(--rpgr-accent-light);
    font-family:Georgia,serif;
    font-size:20px;
    line-height:1;
    transform:translateY(-52%);
    pointer-events:none;
}

.rpgr-search input{
    padding-left:39px;
}

.rpgr-type-head{
    padding:18px 21px 17px;
    border-bottom:1px solid var(--rpgr-line);
}

.rpgr-type-title{
    color:var(--rpgr-accent-light);
    font-size:17px;
}

.rpgr-type-description{
    max-width:850px;
    margin:7px 0 0;
    color:var(--rpgr-muted);
    font-size:12px;
    line-height:1.65;
}

.rpgr-status-grid{
    display:grid;
    gap:17px;
    padding:17px;
    background:
        repeating-linear-gradient(
            45deg,
            transparent 0,
            transparent 12px,
            rgba(33,139,208,.018) 12px,
            rgba(33,139,208,.018) 13px
        );
}

.rpgr-status-grid-standard{
    grid-template-columns:repeat(2,minmax(0,1fr));
}

.rpgr-status-grid-gendered{
    grid-template-columns:1fr;
}

.rpgr-status-panel{
    position:relative;
    min-width:0;
    overflow:hidden;
    border:1px solid var(--rpgr-line);
    background:var(--rpgr-bg-deep);
    box-shadow:
        0 7px 18px rgba(0,0,0,.22),
        inset 0 0 30px rgba(0,0,0,.18);
}

.rpgr-status-title{
    position:relative;
    padding:11px 14px 10px;
    color:var(--rpgr-accent-light);
    font-family:"Cinzel",Georgia,serif;
    font-size:12px;
    font-weight:600;
    line-height:1.5;
    text-transform:uppercase;
    letter-spacing:.11em;
    border-bottom:1px solid var(--rpgr-line);
    background:
        linear-gradient(
            180deg,
            rgba(33,139,208,.11),
            transparent
        ),
        var(--rpgr-panel);
}

.rpgr-status-title::after{
    content:"";
    position:absolute;
    right:14px;
    bottom:-1px;
    width:55px;
    height:1px;
    background:var(--rpgr-accent-light);
}

.rpgr-status-body{
    min-height:105px;
    padding:14px;
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.012),
            transparent
        ),
        var(--rpgr-bg-deep);
}

.rpgr-gender-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
}

.rpgr-gender-column{
    position:relative;
    min-width:0;
    min-height:125px;
    padding:15px;
}

.rpgr-gender-column + .rpgr-gender-column{
    border-left:1px solid var(--rpgr-line);
}

.rpgr-gender-column h3{
    position:relative;
    margin:0 0 13px;
    padding:0 0 9px 25px;
    color:var(--rpgr-accent-light);
    font-family:"Cinzel",Georgia,serif;
    font-size:12px;
    font-weight:600;
    line-height:1.4;
    text-transform:uppercase;
    letter-spacing:.11em;
    border-bottom:1px solid var(--rpgr-line);
}

.rpgr-gender-column h3::before{
    position:absolute;
    top:-4px;
    left:1px;
    color:var(--rpgr-accent-light);
    font-family:Georgia,serif;
    font-size:19px;
    font-weight:400;
    line-height:1;
}

.rpgr-gender-column:first-child h3::before{
    content:"♀";
}

.rpgr-gender-column:nth-child(2) h3::before{
    content:"♂";
}

.rpgr-gender-column h3::after{
    content:"";
    position:absolute;
    bottom:-1px;
    left:25px;
    width:45px;
    height:1px;
    background:var(--rpgr-accent);
}

.rpgr-card{
    position:relative;
    margin:0 0 10px;
    padding:12px 13px 11px 16px;
    overflow:hidden;
    color:var(--rpgr-text);
    border:1px solid var(--rpgr-line);
    border-left:3px solid var(--rpgr-accent);
    background:
        linear-gradient(
            110deg,
            rgba(33,139,208,.085),
            transparent 48%
        ),
        var(--rpgr-panel);
    box-shadow:
        0 4px 12px rgba(0,0,0,.2),
        inset 0 1px 0 rgba(255,255,255,.02);
    transition:
        border-color .2s ease,
        background .2s ease,
        transform .2s ease;
}

.rpgr-card::after{
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:28px;
    height:28px;
    pointer-events:none;
    background:
        linear-gradient(
            135deg,
            transparent 50%,
            rgba(33,139,208,.11) 51%
        );
}

.rpgr-card:hover{
    border-color:var(--rpgr-line-light);
    border-left-color:var(--rpgr-accent-light);
    background:
        linear-gradient(
            110deg,
            rgba(33,139,208,.14),
            transparent 52%
        ),
        var(--rpgr-panel-light);
    transform:translateX(2px);
}

.rpgr-card:last-child{
    margin-bottom:0;
}

.rpgr-value{
    position:relative;
    z-index:1;
    color:var(--rpgr-accent-light);
    font-family:"Cinzel",Georgia,serif;
    font-size:12px;
    font-weight:600;
    line-height:1.45;
    letter-spacing:.025em;
}

.rpgr-meta{
    position:relative;
    z-index:1;
    margin:5px 0 0;
    color:var(--rpgr-muted);
    font-size:12px;
    line-height:1.65;
}

.rpgr-meta a{
    color:var(--rpgr-accent);
    text-decoration:none;
    border-bottom:1px dotted rgba(33,139,208,.65);
}

.rpgr-meta a:hover{
    color:var(--rpgr-accent-light);
    border-bottom-style:solid;
}

.rpgr-actions{
    position:relative;
    z-index:1;
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-top:10px;
    padding-top:9px;
    border-top:1px solid rgba(29,95,143,.65);
}

.rpgr-actions form{
    margin:0;
}

.rpgr-actions .button{
    padding:5px 9px;
    font-size:12px;
    letter-spacing:.07em;
}

.rpgr-empty{
    position:relative;
    padding:18px 10px;
    color:var(--rpgr-muted);
    font-size:12px;
    font-style:italic;
    line-height:1.6;
    text-align:center;
    opacity:.7;
}

.rpgr-empty::before,
.rpgr-empty::after{
    content:"";
    display:inline-block;
    width:25px;
    height:1px;
    margin:0 8px 3px;
    vertical-align:middle;
    background:var(--rpgr-line);
}

.rpgr-key{
    display:inline-block;
    max-width:100%;
    padding:3px 6px;
    overflow-wrap:anywhere;
    color:var(--rpgr-accent-light);
    font-family:Consolas,Monaco,monospace;
    font-size:12px;
    border:1px solid var(--rpgr-line);
    background:var(--rpgr-bg-deep);
}

.rpgr-wrap .tborder{
    border-color:var(--rpgr-line);
    background:var(--rpgr-bg);
}

.rpgr-wrap .thead{
    color:var(--rpgr-accent-light);
    border-color:var(--rpgr-line);
    background:var(--rpgr-panel);
}

.rpgr-wrap .tcat{
    color:var(--rpgr-accent-light);
    border-color:var(--rpgr-line);
    background:var(--rpgr-bg-deep);
}

.rpgr-wrap .trow1,
.rpgr-wrap .trow2{
    color:var(--rpgr-text);
    border-color:var(--rpgr-line);
    background:var(--rpgr-bg);
}

.rpgr-wrap *{
    scrollbar-width:thin;
    scrollbar-color:var(--rpgr-line-light) var(--rpgr-bg-deep);
}

.rpgr-wrap *::-webkit-scrollbar{
    width:7px;
    height:7px;
}

.rpgr-wrap *::-webkit-scrollbar-track{
    background:var(--rpgr-bg-deep);
}

.rpgr-wrap *::-webkit-scrollbar-thumb{
    border:1px solid var(--rpgr-bg-deep);
    background:var(--rpgr-line-light);
}

.rpgr-wrap *::-webkit-scrollbar-thumb:hover{
    background:var(--rpgr-accent);
}

.rpgr-hidden,
[hidden].rpgr-type-panel{
    display:none!important;
}

.rpgr-sr-only{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
}

@media(max-width:800px){
    .rpgr-wrap{
        margin:15px auto;
    }

    .rpgr-grid,
    .rpgr-status-grid-standard,
    .rpgr-gender-grid{
        grid-template-columns:1fr;
    }

    .rpgr-field-full,
    .rpgr-submit{
        grid-column:auto;
    }

    .rpgr-gender-column + .rpgr-gender-column{
        border-top:1px solid var(--rpgr-line);
        border-left:0;
    }

    .rpgr-tabs{
        width:100%;
    }

    .rpgr-tab{
        padding-right:16px;
        padding-left:16px;
    }

    .rpgr-title,
    .rpgr-form-title,
    .rpgr-type-head{
        padding-right:16px;
        padding-left:16px;
    }

    .rpgr-form-body,
    .rpgr-intro-text{
        padding:17px;
    }

    .rpgr-status-grid{
        padding:12px;
    }
}

@media(max-width:500px){
    .rpgr-title h1{
        font-size:17px;
    }

    .rpgr-type-title{
        font-size:15px;
    }

    .rpgr-tab{
        min-height:44px;
        padding:12px 14px 11px;
        font-size:12px;
    }

    .rpgr-submit{
        text-align:center;
    }

    .rpgr-submit .button,
    .rpgr-submit .rpgr-button{
        width:100%;
    }

    .rpgr-actions{
        flex-direction:column;
    }

    .rpgr-actions form,
    .rpgr-actions .button{
        width:100%;
    }

    .rpgr-empty::before,
    .rpgr-empty::after{
        width:14px;
        margin-right:5px;
        margin-left:5px;
    }
}

/* ==========================================================
   RPGR_ALPHA_TABS_BETA4
   ========================================================== */

.rpgr-alpha{
    position:relative;
}

.rpgr-alpha-radio{
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    opacity:0;
    pointer-events:none;
}

.rpgr-alpha-tabs{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:1px;
    overflow:hidden;
    border:1px solid var(--rpgr-line);
    background:var(--rpgr-line);
}

.rpgr-alpha-tab{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    padding:9px 7px 8px;
    color:var(--rpgr-muted);
    font-family:"Cinzel",Georgia,serif;
    font-size:12px;
    font-weight:600;
    line-height:1.3;
    text-align:center;
    text-transform:uppercase;
    letter-spacing:.08em;
    cursor:pointer;
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.015),
            transparent
        ),
        var(--rpgr-bg-deep);
    transition:
        color .2s ease,
        background .2s ease;
}

.rpgr-alpha-tab::after{
    content:"";
    position:absolute;
    right:50%;
    bottom:0;
    left:50%;
    height:2px;
    background:var(--rpgr-accent-light);
    transition:
        right .2s ease,
        left .2s ease;
}

.rpgr-alpha-tab:hover{
    color:var(--rpgr-accent-light);
    background:var(--rpgr-panel);
}

.rpgr-alpha-panels{
    min-height:105px;
}

.rpgr-alpha-panel{
    display:none;
    padding-top:14px;
}

.rpgr-alpha-radio[data-alpha-group="ad"]:checked ~ .rpgr-alpha-tabs .rpgr-alpha-tab[data-alpha-group="ad"],
.rpgr-alpha-radio[data-alpha-group="eh"]:checked ~ .rpgr-alpha-tabs .rpgr-alpha-tab[data-alpha-group="eh"],
.rpgr-alpha-radio[data-alpha-group="il"]:checked ~ .rpgr-alpha-tabs .rpgr-alpha-tab[data-alpha-group="il"],
.rpgr-alpha-radio[data-alpha-group="mp"]:checked ~ .rpgr-alpha-tabs .rpgr-alpha-tab[data-alpha-group="mp"],
.rpgr-alpha-radio[data-alpha-group="qt"]:checked ~ .rpgr-alpha-tabs .rpgr-alpha-tab[data-alpha-group="qt"],
.rpgr-alpha-radio[data-alpha-group="uz"]:checked ~ .rpgr-alpha-tabs .rpgr-alpha-tab[data-alpha-group="uz"]{
    color:var(--rpgr-accent-light);
    background:
        linear-gradient(
            180deg,
            rgba(33,139,208,.14),
            transparent
        ),
        var(--rpgr-panel);
}

.rpgr-alpha-radio[data-alpha-group="ad"]:checked ~ .rpgr-alpha-tabs .rpgr-alpha-tab[data-alpha-group="ad"]::after,
.rpgr-alpha-radio[data-alpha-group="eh"]:checked ~ .rpgr-alpha-tabs .rpgr-alpha-tab[data-alpha-group="eh"]::after,
.rpgr-alpha-radio[data-alpha-group="il"]:checked ~ .rpgr-alpha-tabs .rpgr-alpha-tab[data-alpha-group="il"]::after,
.rpgr-alpha-radio[data-alpha-group="mp"]:checked ~ .rpgr-alpha-tabs .rpgr-alpha-tab[data-alpha-group="mp"]::after,
.rpgr-alpha-radio[data-alpha-group="qt"]:checked ~ .rpgr-alpha-tabs .rpgr-alpha-tab[data-alpha-group="qt"]::after,
.rpgr-alpha-radio[data-alpha-group="uz"]:checked ~ .rpgr-alpha-tabs .rpgr-alpha-tab[data-alpha-group="uz"]::after{
    right:0;
    left:0;
}

.rpgr-alpha-radio[data-alpha-group="ad"]:focus-visible ~ .rpgr-alpha-tabs .rpgr-alpha-tab[data-alpha-group="ad"],
.rpgr-alpha-radio[data-alpha-group="eh"]:focus-visible ~ .rpgr-alpha-tabs .rpgr-alpha-tab[data-alpha-group="eh"],
.rpgr-alpha-radio[data-alpha-group="il"]:focus-visible ~ .rpgr-alpha-tabs .rpgr-alpha-tab[data-alpha-group="il"],
.rpgr-alpha-radio[data-alpha-group="mp"]:focus-visible ~ .rpgr-alpha-tabs .rpgr-alpha-tab[data-alpha-group="mp"],
.rpgr-alpha-radio[data-alpha-group="qt"]:focus-visible ~ .rpgr-alpha-tabs .rpgr-alpha-tab[data-alpha-group="qt"],
.rpgr-alpha-radio[data-alpha-group="uz"]:focus-visible ~ .rpgr-alpha-tabs .rpgr-alpha-tab[data-alpha-group="uz"]{
    outline:2px solid var(--rpgr-accent-light);
    outline-offset:-2px;
}

.rpgr-alpha-radio[data-alpha-group="ad"]:checked ~ .rpgr-alpha-panels .rpgr-alpha-panel[data-alpha-panel="ad"],
.rpgr-alpha-radio[data-alpha-group="eh"]:checked ~ .rpgr-alpha-panels .rpgr-alpha-panel[data-alpha-panel="eh"],
.rpgr-alpha-radio[data-alpha-group="il"]:checked ~ .rpgr-alpha-panels .rpgr-alpha-panel[data-alpha-panel="il"],
.rpgr-alpha-radio[data-alpha-group="mp"]:checked ~ .rpgr-alpha-panels .rpgr-alpha-panel[data-alpha-panel="mp"],
.rpgr-alpha-radio[data-alpha-group="qt"]:checked ~ .rpgr-alpha-panels .rpgr-alpha-panel[data-alpha-panel="qt"],
.rpgr-alpha-radio[data-alpha-group="uz"]:checked ~ .rpgr-alpha-panels .rpgr-alpha-panel[data-alpha-panel="uz"]{
    display:block;
}

@media(max-width:760px){
    .rpgr-alpha-tabs{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}

@media(max-width:500px){
    .rpgr-alpha-tab{
        min-height:38px;
        padding:8px 5px;
        font-size:12px;
    }
}

/* ==========================================================
   RPGR_BETA5_AVATAR_ALPHA
   ========================================================== */

.rpgr-status-grid-single{
    grid-template-columns:minmax(0,1fr);
}

.rpgr-alpha-tab{
    border:0;
    border-radius:0;
    margin:0;
    appearance:none;
    -webkit-appearance:none;
}

.rpgr-alpha-tab.is-active{
    color:var(--rpgr-accent-light);
    background:
        linear-gradient(
            180deg,
            rgba(33,139,208,.14),
            transparent
        ),
        var(--rpgr-panel);
}

.rpgr-alpha-tab.is-active::after{
    right:0;
    left:0;
}

.rpgr-alpha-panel:not([hidden]){
    display:block;
}

.rpgr-alpha-panel[hidden]{
    display:none!important;
}