/* _content/UserLobbyWeb/Components/Controls/CheckBox.razor.rz.scp.css */
checkbox[b-49j7vjvtbe]:before
{
    content: '';
    border: 2px solid #071337;
    height: 25px;
    width: 25px;
    display: block;
    position: absolute;
    left: 0;
}
checkbox.checked[b-49j7vjvtbe]:before
{
    background-color: #071337;
    background-image: url('/images/check-box.svg');
    background-position: center;
    background-repeat: no-repeat;
}
checkbox[b-49j7vjvtbe]
{
    display: inline-block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 1rem;
    color: #071337;
    line-height: 25px;
    color: #071337;
    font-size: 18px;
    font-family: Open Sans;
    font-weight: 400;
    word-wrap: break-word;
    margin: 3px 0;
}
checkbox.switcher[b-49j7vjvtbe]:before
{
    content: var(--no-content, '');
    background-color: #FFF; 
    border-radius: 14px;
    border: 0;
    height: 26px;
    width: 33px;
    font-size: 12px;
    font-weight: bold;
    display: block;
    position: absolute;
    left: 2px;
    top: 2px;
    text-align: center;
}
checkbox.switcher[b-49j7vjvtbe]:after
{
    content: var(--yes-content, '');
    background: unset;
    border: 0;
    height: 26px;
    width: 33px;
    font-size: 12px;
    font-weight: bold;
    display: block;
    position: absolute;
    right: 2px;
    top: 2px;
    text-align: center;
}
checkbox.switcher.checked[b-49j7vjvtbe]:before
{
    background: unset;
    color: #FFF;
}
checkbox.switcher.checked[b-49j7vjvtbe]:after
{
    content: var(--yes-content, '');
    background-color: #FFF; 
    border-radius: 14px;
    border: 0;
    height: 26px;
    width: 33px;
    font-size: 12px;
    font-weight: bold;
    display: block;
    position: absolute;
    right: 2px;
    top: 2px;
    text-align: center;
}
checkbox.switcher[b-49j7vjvtbe]
{
    display: inline-block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    line-height: 25px;
    color: #071337;
    font-size: 18px;
    font-family: Open Sans;
    font-weight: 400;
    word-wrap: break-word;
    margin: 3px 0;
    background-color: #A0A0C0; 
    border-radius: 23px;
    height: 30px;
    width: 70px;
}
checkbox.switcher.checked[b-49j7vjvtbe]
{
    background-color: #071337; 
}
checkbox.invalid[b-49j7vjvtbe]:before
{
    border: 2px solid #FF0000;
}
/* _content/UserLobbyWeb/Components/Controls/DropDate.razor.rz.scp.css */
dropdate[b-1n9zklo17v]
{
    display: block;
    text-transform: none;
    position: relative;
}
label[b-1n9zklo17v]
{
    display: block;
    font-size: 18px;
    padding: 1rem 0 0;
    margin: 0;
    color: #071337;
    text-transform: uppercase;
    font-weight: bold;
}
drops[b-1n9zklo17v]
{
    display: grid;
    grid-template-columns: 20% 53% 27%;
}
day[b-1n9zklo17v],
month[b-1n9zklo17v],
year[b-1n9zklo17v]
{
    display: inline-block;
    position: relative;
}
month[b-1n9zklo17v]
{
    margin: 0 8px;
}
out[b-1n9zklo17v]
{
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 40;
}
day > value[b-1n9zklo17v],
month > value[b-1n9zklo17v],
year > value[b-1n9zklo17v]
{
    height: 45px;
    display: block;
    font-size: 24px;
    line-height: 45px;
    border-bottom: 2px #071337 solid;
    cursor: pointer;
    position: relative;
}
day > value.focus[b-1n9zklo17v],
month > value.focus[b-1n9zklo17v],
year > value.focus[b-1n9zklo17v]
{
    border-bottom: 2px #071337 solid;
}
day > value[b-1n9zklo17v]:after,
month > value[b-1n9zklo17v]:after,
year > value[b-1n9zklo17v]:after
{
    content: '';
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 9px;
    background-image: url('/images/arrow-down.svg');
    background-repeat: no-repeat;
    background-position: center;
    height: 24px;
    width: 24px;
}
day > choice[b-1n9zklo17v],
month > choice[b-1n9zklo17v],
year > choice[b-1n9zklo17v]
{
    display: block;
    position: absolute;
    background: #EBEBF4;
    border-radius: 0px 0px 6px 6px;
    width: 100%;
    max-height: 225px;
    overflow: auto;
    left: 0;
    z-index: 41;
}
day > choice[b-1n9zklo17v]::-webkit-scrollbar,
month > choice[b-1n9zklo17v]::-webkit-scrollbar,
year > choice[b-1n9zklo17v]::-webkit-scrollbar
{
    width: 30px;
    height: 18px;
}
day > choice[b-1n9zklo17v]::-webkit-scrollbar-thumb,
month > choice[b-1n9zklo17v]::-webkit-scrollbar-thumb,
year > choice[b-1n9zklo17v]::-webkit-scrollbar-thumb
{
    height: 6px;
    border: 12px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    -webkit-border-radius: 20px;
    background-color: #CAB36B;
    -webkit-box-shadow: inset -1px -1px 0px #CAB36B, inset 1px 1px 0px #CAB36B;
}
day > choice[b-1n9zklo17v]::-webkit-scrollbar-track,
month > choice[b-1n9zklo17v]::-webkit-scrollbar-track,
year > choice[b-1n9zklo17v]::-webkit-scrollbar-track
{
    background: none;
    border-radius: 5px;
    margin: 10px;
}
day > choice[b-1n9zklo17v]::-webkit-scrollbar-button,
month > choice[b-1n9zklo17v]::-webkit-scrollbar-button,
year > choice[b-1n9zklo17v]::-webkit-scrollbar-button
{
    width: 0;
    height: 0;
    display: none;
}
day > choice[b-1n9zklo17v]::-webkit-scrollbar-corner,
month > choice[b-1n9zklo17v]::-webkit-scrollbar-corner,
year > choice[b-1n9zklo17v]::-webkit-scrollbar-corner
{
    background-color: transparent;
}
day > choice > item[b-1n9zklo17v],
month > choice > item[b-1n9zklo17v],
year > choice > item[b-1n9zklo17v]
{
    display: block;
    padding: 5px 0 5px 15px;
    font-size: 20px;
    cursor: pointer;
    position: relative;
}
day > choice > item:hover[b-1n9zklo17v],
day > choice > item.selected[b-1n9zklo17v],
month > choice > item:hover[b-1n9zklo17v],
month > choice > item.selected[b-1n9zklo17v],
year > choice > item:hover[b-1n9zklo17v],
year > choice > item.selected[b-1n9zklo17v]
{
    background-color: #C9C9D7;
    color: #071337;
}
dropdate.invalid day > value[b-1n9zklo17v],
dropdate.invalid month > value[b-1n9zklo17v],
dropdate.invalid year > value[b-1n9zklo17v]
{
    border-bottom: 2px solid red;
}
invalidtext[b-1n9zklo17v]
{
    padding-left: 12px; 
    padding-right: 12px; 
    padding-top: 8px; 
    padding-bottom: 8px; 
    background: #EBEBF4; 
    justify-content: flex-start; 
    align-items: flex-start; 
    gap: 4px; 
    display: block;
    margin-top: 10px;
    color: #FF0000;
}
/* _content/UserLobbyWeb/Components/Controls/DropList.razor.rz.scp.css */
droplist[b-sjyoykc28p]
{
    display: inline-block;
    text-transform: none;
    position: relative;
}
label[b-sjyoykc28p]
{
    display: block;
    font-size: 18px;
    padding: 1rem 0 0;
    margin: 0;
    color: #071337;
    text-transform: uppercase;
    font-weight: bold;
}
droplist > content[b-sjyoykc28p]
{
    display: block;
    position: relative;
}
droplist out[b-sjyoykc28p]
{
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 40;
}
droplist > content > value[b-sjyoykc28p]
{
    height: 45px;
    display: block;
    /*min-width: 353px;*/
    font-size: 24px;
    line-height: 45px;
    border-bottom: 2px #071337 solid;
    cursor: pointer;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 25px;
}
@media (max-width: 800px) {
    droplist > content > value[b-sjyoykc28p]
    {
        /*min-width: unset;*/
    }
}
droplist > content > value.focus[b-sjyoykc28p]
{
    border-bottom: 2px #071337 solid;
}
droplist > content > value[b-sjyoykc28p]:after
{
    content: '';
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 9px;
    background-image: url('/images/arrow-down.svg');
    background-repeat: no-repeat;
    background-position: center;
    height: 24px;
    width: 24px;
}
droplist > content > choice[b-sjyoykc28p]
{
    display: block;
    position: absolute;
    background: #EBEBF4;
    border-radius: 0px 0px 6px 6px;
    width: 100%;
    max-height: 425px;
    overflow: auto;
    left: 0;
    z-index: 41;
}
droplist > content > choice[b-sjyoykc28p]::-webkit-scrollbar
{
    width: 30px;
    height: 18px;
}
droplist > content > choice[b-sjyoykc28p]::-webkit-scrollbar-thumb
{
    height: 6px;
    border: 12px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    -webkit-border-radius: 20px;
    background-color: #CAB36B;
    -webkit-box-shadow: inset -1px -1px 0px #CAB36B, inset 1px 1px 0px #CAB36B;
}
droplist > content > choice[b-sjyoykc28p]::-webkit-scrollbar-track
{
    background: none;
    border-radius: 5px;
    margin: 10px;
}
droplist > content > choice[b-sjyoykc28p]::-webkit-scrollbar-button
{
    width: 0;
    height: 0;
    display: none;
}
droplist > content > choice[b-sjyoykc28p]::-webkit-scrollbar-corner
{
    background-color: transparent;
}
droplist > content > choice > item[b-sjyoykc28p]
{
    display: block;
    padding: 5px 0 5px 15px;
    font-size: 20px;
    cursor: pointer;
    position: relative;
}
droplist > content > choice > item:hover[b-sjyoykc28p],
droplist > content > choice > item.selected[b-sjyoykc28p]
{
    background-color: #C9C9D7;
    color: #071337;
}
droplist.invalid > content > value[b-sjyoykc28p]
{
    border-bottom: 2px solid red;
}
invalidtext[b-sjyoykc28p]
{
    padding-left: 12px; 
    padding-right: 12px; 
    padding-top: 8px; 
    padding-bottom: 8px; 
    background: #EBEBF4; 
    justify-content: flex-start; 
    align-items: flex-start; 
    gap: 4px; 
    display: block;
    margin-top: 10px;
    color: #FF0000;
}
/* _content/UserLobbyWeb/Components/Languages.razor.rz.scp.css */
languages[b-wyc4j1em7u]
{
    display: block;
    position: absolute;
    top: 0.8rem;
    right: 0.8rem;
}
languages > a[b-wyc4j1em7u]
{
    cursor: pointer;
    color: #F1F1F1!important;
    font-size: 16px;
    margin: 0 5px;
}
@media (max-width: 550px) {
    languages[b-wyc4j1em7u]
    {
        display: block;
        position: absolute;
        top: 5px;
        right: 0.8rem;
    }
}
/* _content/UserLobbyWeb/Components/Layout/MainLayout.razor.rz.scp.css */
page[b-w6j6gvs6rm]
{
    position: relative;
    display: flex;
    margin: auto;
    width: 70vw;
    margin-bottom: 1rem;
    flex-direction: row;
}

logo[b-w6j6gvs6rm]
{
    background-image: url('/images/olympic-casino-logo.svg');
    background-repeat: no-repeat, no-repeat;
    background-position: center 30px, center top;
    height: 150px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
}
logo[b-w6j6gvs6rm]:before,
logo[b-w6j6gvs6rm]:after
{
    content: '';
    display: block;
    position: absolute;
    background-color: #BE9A4A;
    height: 1px;
    top: 3rem;
}
logo[b-w6j6gvs6rm]:before
{
    left: 0;
    right: 50%;
    margin-right: 125px;
}
logo[b-w6j6gvs6rm]:after
{
    left: 50%;
    right: 0;
    margin-left: 125px;
}
logo > a[b-w6j6gvs6rm]
{
    display: block;
    top: 1rem;
    height: 150px;
    width: 250px;
    margin: auto;
}

main[b-w6j6gvs6rm]
{
    flex: 1;
    display: block;
    min-height: 25rem;
    background-color: #FFF;
    padding: 1rem;
    margin-bottom: 56px;
}

header[b-w6j6gvs6rm]
{
    width: 70vw;
    margin: auto;
    position: relative;
}

layout[b-w6j6gvs6rm]
{
    display: block;
    background-image: url('./images/header_bg.png');
    background-repeat: repeat-x;
    background-position: center top;
    background-size: auto 554px;
    background-color: #EBEBF4;
    position: relative;
}

heading[b-w6j6gvs6rm]
{
    color: #FFF;
    font-size: 38px;
    font-weight: 900;
    font-family: Ruda;
    display: block;
    position: absolute;
    top: -40px;
    white-space: nowrap;
    transform: translateY(-50%);
}

footer[b-w6j6gvs6rm]
{
    display: block;
    background-color: #071337;
    height: 5rem;
    color: rgba(160, 160, 192, .5);
    position: relative;
    display: block;
    margin: auto;
    width: 70vw;
}
footer > web a[b-w6j6gvs6rm]
{
    color: rgba(160, 160, 192, .5);
    font-size: 14px;
    margin: 10px 20px 10px 0;
    white-space: nowrap;
}
footer > web[b-w6j6gvs6rm]
{
    display: block;
    border-bottom: 1px rgba(119, 125, 132, 0.2) solid;
    padding-bottom: 20px;
}
footer > gambling[b-w6j6gvs6rm]
{
    padding-top: 5px;
    padding-left: 60px;
    display: block;
    position: relative;
    font-size: 15px;
    font-weight: bold;
}
footer > gambling p[b-w6j6gvs6rm]
{
    margin: 17px 0;
    color: rgba(134, 139, 155);
}
footer > gambling a[b-w6j6gvs6rm]
{
    color: rgba(160, 160, 192, 1);
    text-decoration: underline;
    font-size: 15px;
    white-space: nowrap;
}
footer > gambling[b-w6j6gvs6rm]:before
{
    position: absolute;
    top: 15px;
    left: 15px;
    border: 2px rgba(134, 139, 155) solid;
    border-radius: 20px;
    height: 35px;
    width: 35px;
    content: '21+';
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    padding-top: 7px;
    color: rgba(134, 139, 155);
    font-family: 'Open Sans';
}

footer copyright[b-w6j6gvs6rm]
{
    display: block;
    font-size: 15px;
    text-align: right;
    padding-bottom: 10px;
}

@media (max-width: 1400px) {
    header[b-w6j6gvs6rm]
    {
        width: auto;
    }
    page[b-w6j6gvs6rm]
    {
        width: auto;
    }
    heading[b-w6j6gvs6rm]
    {
        padding-left: 1rem;
    }
    main[b-w6j6gvs6rm]
    {
        min-height: 18rem;
        margin-bottom: 0;
    }
    footer[b-w6j6gvs6rm]
    {
        padding: 15px;
        width: unset;
    }
}
@media (max-width: 1050px) {
    heading[b-w6j6gvs6rm]
    {
        padding-left: 1rem;
        font-size: 28px;
        text-align: center;
        top: -35px;
        z-index: 99;
    }
    logo[b-w6j6gvs6rm],
    logo > a[b-w6j6gvs6rm]
    {
        height: 140px;
    }
    page[b-w6j6gvs6rm]
    {
        display: block;
        margin-bottom: 0;
    }
    page[b-w6j6gvs6rm]  textbox input
    {
        width: 100%;
        min-width: auto;
    }
    page[b-w6j6gvs6rm]  button,
    page[b-w6j6gvs6rm]  a.button
    {
        min-width: auto;
        padding: 10px 5px;
        width: 100%;
    }
    page[b-w6j6gvs6rm]  .mud-select button
    {
        width: 24px;
    }
    main[b-w6j6gvs6rm]
    {
        min-height: 16rem;
    }
}
@media (max-width: 550px) {
    heading[b-w6j6gvs6rm]
    {
        padding-left: 1rem;
        font-size: 21px;
        text-align: center;
        top: -22px;
        right: 10px;
        z-index: 99;
    }
    logo[b-w6j6gvs6rm],
    logo > a[b-w6j6gvs6rm]
    {
        height: 94px;
    }
    logo[b-w6j6gvs6rm]
    {
        background-size: 150px;
        background-position: 10px 15px;
    }
    logo[b-w6j6gvs6rm]:before
    {
        display: none;
    }
    logo[b-w6j6gvs6rm]:after
    {
        top: 2rem;
        left: 0;
        margin-left: 165px;
    }
    footer web > a[b-w6j6gvs6rm]
    {
        display: block;
        font-size: 14px;
        margin: 10px 10px 10px 0;
    }
}

#blazor-error-ui[b-w6j6gvs6rm] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
    color: #000;
    font-size: 18px;
}

#blazor-error-ui .dismiss[b-w6j6gvs6rm] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* _content/UserLobbyWeb/Components/Layout/Menu.razor.rz.scp.css */
menu[b-qmis2tiloe]
{
    background-color: #071337;
    display: block;
    min-width: 277px;
    padding: 0 16px;
    position: relative;
}

menu[b-qmis2tiloe]  > a
{
    display: block;
    cursor: pointer;
    line-height: 58px;
    color: white;
    font-size: 18px;
    font-family: Open Sans;
    padding-left: 74px;
    padding-right: 5px;
    background-repeat: no-repeat;
    margin: 16px 0;
    white-space: nowrap;
}

menu[b-qmis2tiloe]  > a.active
{
    background-color: #BE9A4A;
    font-weight: 600;
}

menu[b-qmis2tiloe]  > a.settings
{
    background-image: url('/images/icon-settings.svg');
}

menu[b-qmis2tiloe]  > a.myclub
{
    background-image: url('/images/icon-my-club.svg');
}

menu[b-qmis2tiloe]  > a.offers
{
    background-image: url('/images/icon-offers.svg');    
    background-position: 12px center;
}

menu[b-qmis2tiloe]  > a.member
{
    background-image: url('/images/icon-member.svg');
}

menu > input[type='checkbox'][b-qmis2tiloe]
{
    display: none;
    position: absolute;
    right: 1rem;
    top: 7px;
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

menu[b-qmis2tiloe]  a.logout
{
    min-width: auto;
    /*display: block;*/
    text-align: center;
    width: 100%;
    border: 1px #FFF solid;
    padding: 10px;
    border-radius: 6px;
    text-transform: uppercase;
    line-height: 30px;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 2px;
}

menu > input[type='checkbox']:checked[b-qmis2tiloe] ~  a,
menu > input[type='checkbox']:checked[b-qmis2tiloe] ~  form
{
    display: block;
}

@media (max-width: 1050px) {
    menu[b-qmis2tiloe]
    {
        width: 100%;
        padding-top: 75px;
        padding-bottom: 1px;
        z-index: 50;
    }

    menu[b-qmis2tiloe]  > a,
    menu > form[b-qmis2tiloe]
    {
        display: none;
    }

    menu > form[b-qmis2tiloe]
    {
        margin-bottom: 15px;
    }

    menu > input[type='checkbox'][b-qmis2tiloe]
    {
        display: block;
    }
}
/* _content/UserLobbyWeb/Components/Pages/ConfirmEmail.razor.rz.scp.css */
content[b-jy1warw7il]
{
    padding-top: 40px;
    padding-bottom: 10px;
    margin: auto;
    display: grid;
    grid-template-columns: 353px 353px;
    grid-template-rows: auto;
    column-gap: 24px;
    justify-content: center;
}
content > h1[b-jy1warw7il],
content > p[b-jy1warw7il]
{
    width: 100%;
    display: block;
}
complete[b-jy1warw7il]
{
    justify-content: center;
    background-image: url('./images/icon_success.png');
    background-repeat: no-repeat;
    background-position: center 55%;
    display: block;
    font-size: 22px;
    text-align: center;
    margin: auto;
    grid-column-start: 1;
    grid-column-end: 3;
}
sent[b-jy1warw7il]
{
    grid-column-start: 1;
    grid-column-end: 3;
    margin-bottom: 36px;
}
confirm[b-jy1warw7il]
{
    grid-column-start: 1;
    grid-column-end: 3;
    margin-bottom: 36px;
}
confirm[b-jy1warw7il]  textbox
{
    width: 100%;
}
complete[b-jy1warw7il]  a.button
{
    margin-top: 10rem;
}
content > h1[b-jy1warw7il],
content > p[b-jy1warw7il]
{
    width: 100%;
    display: block;
    text-align: center;
}
@media (max-width: 800px) {
    content[b-jy1warw7il]
    {
        padding: 0;
        display: flex;
        flex-direction: column;
    }
    content[b-jy1warw7il]  textbox input
    {
        width: 100%;
        min-width: unset;
    }
    content[b-jy1warw7il]  button
    {
        order: 1;
        display: block;
    }
    content[b-jy1warw7il]  a.button
    {
        order: 2;
    }
}
@media (max-width: 1000px) {
    content[b-jy1warw7il]
    {
        padding: 0;
        display: flex;
        flex-direction: column;
    }
    complete[b-jy1warw7il]  a
    {
        display: block;
    }
}
/* _content/UserLobbyWeb/Components/Pages/Forgot.razor.rz.scp.css */
h1[b-szn8eun6q2]
{
    margin-bottom: 24px;
}
content[b-szn8eun6q2]
{
    padding-top: 40px;
    padding-bottom: 10px;
    margin: auto;
    display: grid;
    grid-template-columns: 353px 353px;
    grid-template-rows: auto;
    column-gap: 24px;
    justify-content: center;
}
content > recover[b-szn8eun6q2]
{
    grid-column-start: 1;
    grid-column-end: 3;
}
recover[b-szn8eun6q2]  textbox
{
    display: block;
    margin-bottom: 36px;
}
recover[b-szn8eun6q2]  textbox input
{
    width: 100%;
}
sent[b-szn8eun6q2]
{
    grid-column-start: 1;
    grid-column-end: 3;
}
@media (max-width: 800px) {
    content[b-szn8eun6q2]
    {
        padding: 0;
        display: flex;
        flex-direction: column;
    }
    content[b-szn8eun6q2]  textbox input
    {
        width: 100%;
        min-width: unset;
    }
    content[b-szn8eun6q2]  button
    {
        order: 1;
        display: block;
    }
    content[b-szn8eun6q2]  a.button
    {
        order: 2;
    }
}
@media (max-width: 1000px) {
    sent[b-szn8eun6q2]  a
    {
        display: block;
    }
}
/* _content/UserLobbyWeb/Components/Pages/Home.razor.rz.scp.css */
h2[b-j3w6zozjqs]
{
    margin-bottom: 24px;
}
[b-j3w6zozjqs] a.button
{
    margin-top: 14px;
    margin-bottom: 14px;
}
content[b-j3w6zozjqs]
{
    text-align: center;
    display: block;
    padding: 40px 0;
}
buttons[b-j3w6zozjqs]
{
    display: grid;
    grid-template-columns: 353px 353px;
    grid-template-rows: auto;
    column-gap: 24px;
    justify-content: center;
}
welcome[b-j3w6zozjqs]
{
    display: flex;
    width: 100%;
    height: 20vw;
    max-width: 720px;
    max-height: 223px;
    margin: auto;
    background-image: url('./images/welcome.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
}
content p[b-j3w6zozjqs]
{
    padding-bottom: 25px;
}
@media (max-width: 800px) {
    content[b-j3w6zozjqs]
    {
        padding: 0;
    }
    buttons[b-j3w6zozjqs]
    {
        column-gap: 10px;
        grid-template-columns: 1fr 1fr;
    }
}
/* _content/UserLobbyWeb/Components/Pages/Linking.razor.rz.scp.css */
content[b-27ir8t06mo]
{
    padding-top: 40px;
    padding-bottom: 60px;
    margin: auto;
    display: grid;
    grid-template-columns: 353px 353px;
    grid-template-rows: auto;
    column-gap: 24px;
    justify-content: center;
}
content > h1[b-27ir8t06mo],
content > card[b-27ir8t06mo],
content > verification[b-27ir8t06mo],
content > p[b-27ir8t06mo]
{
    width: 100%;
    display: block;
    grid-column: span 2;
}
content > card[b-27ir8t06mo] >  textbox,
content > verification[b-27ir8t06mo] >  textbox
{
    display: block;
    margin-bottom: 40px;
}
[b-27ir8t06mo] textbox > input::-webkit-outer-spin-button,
[b-27ir8t06mo] textbox > input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
[b-27ir8t06mo] textbox > input[type=number] {
  -moz-appearance: textfield;
}

panel[b-27ir8t06mo]
{
    background-color: #EEF0F4;
    padding: 24px;
    display: block;
    margin-bottom: 20px;
    grid-column: span 2;
}

panel > plate[b-27ir8t06mo]
{
    display: block;
    text-align: center;
    font-size: 16px;
    background-color: #FFF;
    margin-bottom: 0;
    padding: 8px 2px;
}
button.indent[b-27ir8t06mo]
{
    margin-bottom: 1rem;
}

complete[b-27ir8t06mo]
{
    justify-content: center;
    background-image: url('./images/icon_success.png');
    background-repeat: no-repeat;
    background-position: center 55%;
    display: block;
    font-size: 22px;
    text-align: center;
    margin: auto;
    grid-column-start: 1;
    grid-column-end: 3;
}
complete[b-27ir8t06mo]  a.button
{
    margin-top: 10rem;
}

@media (max-width: 800px) {
    content[b-27ir8t06mo]
    {
        padding: 0;
        display: flex;
        flex-direction: column;
    }
    content button[b-27ir8t06mo]
    {
        order: 1;
        display: block;
    }
    content[b-27ir8t06mo]  a.button,
    content button.white[b-27ir8t06mo]
    {
        order: 2;
    }
    panel[b-27ir8t06mo]
    {
        min-height: unset;
    }
}
/* _content/UserLobbyWeb/Components/Pages/LinkingConfirm.razor.rz.scp.css */
content[b-tpf0i41ucg] {
    padding-top: 40px;
    padding-bottom: 60px;
    margin: auto;
    display: grid;
    grid-template-columns: 353px 353px;
    grid-template-rows: auto;
    column-gap: 24px;
    justify-content: center;
}

    content > h1[b-tpf0i41ucg],
    content > card[b-tpf0i41ucg],
    content > verification[b-tpf0i41ucg],
    content > p[b-tpf0i41ucg] {
        width: 100%;
        display: block;
        grid-column: span 2;
    }

        content > card[b-tpf0i41ucg] >  textbox,
        content > verification[b-tpf0i41ucg] >  textbox {
            display: block;
            margin-bottom: 40px;
        }

[b-tpf0i41ucg] textbox > input::-webkit-outer-spin-button,
[b-tpf0i41ucg] textbox > input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

[b-tpf0i41ucg] textbox > input[type=number] {
    -moz-appearance: textfield;
}

panel[b-tpf0i41ucg] {
    background-color: #EEF0F4;
    padding: 24px;
    display: block;
    margin-bottom: 20px;
    grid-column: span 2;
}

    panel > plate[b-tpf0i41ucg] {
        display: block;
        text-align: center;
        font-size: 16px;
        background-color: #FFF;
        margin-bottom: 0;
        padding: 8px 2px;
    }

button.indent[b-tpf0i41ucg] {
    margin-bottom: 1rem;
}

complete[b-tpf0i41ucg] {
    justify-content: center;
    background-image: url('./images/icon_success.png');
    background-repeat: no-repeat;
    background-position: center 55%;
    display: block;
    font-size: 22px;
    text-align: center;
    margin: auto;
    grid-column-start: 1;
    grid-column-end: 3;
}

    complete[b-tpf0i41ucg]  a.button {
        margin-top: 10rem;
    }

@media (max-width: 800px) {
    content[b-tpf0i41ucg] {
        padding: 0;
        display: flex;
        flex-direction: column;
    }

        content button[b-tpf0i41ucg] {
            order: 1;
            display: block;
        }

            content[b-tpf0i41ucg]  a.button,
            content button.white[b-tpf0i41ucg] {
                order: 2;
            }

    panel[b-tpf0i41ucg] {
        min-height: unset;
    }
}
/* _content/UserLobbyWeb/Components/Pages/Login.razor.rz.scp.css */
content[b-zpcl8rviwd]
{
    padding-top: 40px;
    padding-bottom: 10px;
    margin: auto;
    display: grid;
    grid-template-columns: 353px 353px;
    grid-template-rows: auto;
    column-gap: 24px;
    justify-content: center;
}
content > h1[b-zpcl8rviwd],
failed[b-zpcl8rviwd]
{
    width: 100%;
    display: block;
    grid-column: span 2;
}
content > div.span[b-zpcl8rviwd]
{
    display: block;
    grid-column: span 2;
    margin-top: 36px;
}
/*content > div.span:last-child
{
    margin-top: 16px;
}*/
content > button[b-zpcl8rviwd],
content[b-zpcl8rviwd] >  a.button
{
    margin-top: 36px;
}
failed[b-zpcl8rviwd]
{
    padding-left: 12px; 
    padding-right: 12px; 
    padding-top: 8px; 
    padding-bottom: 8px; 
    background: #EBEBF4; 
    justify-content: flex-start; 
    align-items: flex-start; 
    gap: 4px; 
    display: block;
    margin-top: 10px;
    color: #FF0000;
}
@media (max-width: 800px) {
    content[b-zpcl8rviwd]
    {
        padding: 0;
        column-gap: 10px;
        grid-template-columns: 1fr 1fr;
    }
    content[b-zpcl8rviwd]  textbox
    {
        margin-bottom: 16px;
    }
    content[b-zpcl8rviwd]  textbox:last-child
    {
        margin-bottom: 26px;
    }
    content[b-zpcl8rviwd]  a:not(.button),
    content[b-zpcl8rviwd]  textbox
    {
        grid-column: span 2;
        display: block;
    }
    content[b-zpcl8rviwd]  textbox input
    {
        width: 100%;
        min-width: unset;
    }
}
/* _content/UserLobbyWeb/Components/Pages/MemberNeon.razor.rz.scp.css */
content[b-01ke6pzt1k]
{
    padding-top: 24px;
    padding-bottom: 10px;
    margin: auto;
    display: grid;
    grid-template-columns: 353px 353px;
    grid-template-rows: auto;
    column-gap: 24px;
    justify-content: center;
}
content > h1[b-01ke6pzt1k],
content > p[b-01ke6pzt1k],
content > pep[b-01ke6pzt1k],
content > clubcard[b-01ke6pzt1k],
content failed[b-01ke6pzt1k]
{
    width: 100%;
    display: block;
    grid-column: span 2;
}
content > pep[b-01ke6pzt1k],
content > clubcard[b-01ke6pzt1k]
{
    margin: 40px 0 20px;
    display: grid;
    grid-template-columns: 70px auto;
    column-gap: 10px;
    align-items: center;
}
content > clubcard[b-01ke6pzt1k]
{
    margin-top: 0;
}
content > pep[b-01ke6pzt1k] >  checkbox
content > clubcard > ::deep checkbox
{
    margin-right: 12px!important;
}
content failed[b-01ke6pzt1k]
{
    padding-left: 12px; 
    padding-right: 12px; 
    padding-top: 8px; 
    padding-bottom: 8px; 
    background: #EBEBF4; 
    justify-content: flex-start; 
    align-items: flex-start; 
    gap: 4px; 
    display: block;
    margin-top: 10px;
    color: #FF0000;
}
line[b-01ke6pzt1k]
{
    border: none;
    height: 1px;
    background-color: #BE9A4A;
    margin: 30px 0;
    display: block;
}
content failed > p[b-01ke6pzt1k]
{
    margin: 0;
}
panel[b-01ke6pzt1k]
{
    background-color: #EEF0F4;
    padding: 24px;
    grid-column: span 2;
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 40px;
}
panel > h1[b-01ke6pzt1k],
panel > p[b-01ke6pzt1k],
panel > line[b-01ke6pzt1k],
other-ocupation[b-01ke6pzt1k],
[b-01ke6pzt1k] div.mud-select
{
    grid-column: span 2;
}
other-ocupation[b-01ke6pzt1k] >  textbox
{
    width: 100%;
}
panel[b-01ke6pzt1k] >  checkbox
{
    justify-self: end;
}
panel > line[b-01ke6pzt1k]
{
    margin: 10px 0;
    background-color: #A0A0C0;
}
@media (max-width: 800px) {
    content[b-01ke6pzt1k]
    {
        padding: 0;
        display: flex;
        flex-direction: column;
    }
    content[b-01ke6pzt1k]  textbox input
    {
        width: 100%;
        min-width: unset;
    }
    content[b-01ke6pzt1k]  button
    {
        display: block;
    }
    content button[b-01ke6pzt1k]
    {
        order: 1;
        display: block;
    }
    content[b-01ke6pzt1k]  a.button,
    content button.white[b-01ke6pzt1k]
    {
        order: 2;
    }
}
/* _content/UserLobbyWeb/Components/Pages/MemberPre.razor.rz.scp.css */
content[b-yxuhxsnm7h]
{
    padding-top: 24px;
    padding-bottom: 10px;
    margin: auto;
    display: grid;
    grid-template-columns: 353px 353px;
    grid-template-rows: auto;
    column-gap: 24px;
    justify-content: center;
}
content > h1[b-yxuhxsnm7h],
content > p[b-yxuhxsnm7h],
content > pep[b-yxuhxsnm7h],
content > clubcard[b-yxuhxsnm7h],
content failed[b-yxuhxsnm7h],
other-ocupation[b-yxuhxsnm7h]
{
    width: 100%;
    display: block;
    grid-column: span 2;
}
other-ocupation[b-yxuhxsnm7h] >  textbox
{
    width: 100%;
}
content > pep[b-yxuhxsnm7h],
content > clubcard[b-yxuhxsnm7h]
{
    margin: 20px 0;
    display: grid;
    grid-template-columns: 70px auto;
    column-gap: 10px;
    align-items: center;
}
content > clubcard[b-yxuhxsnm7h]
{
    margin: 0;
}
content > pep[b-yxuhxsnm7h] >  checkbox
content > clubcard > ::deep checkbox
{
    margin-right: 12px!important;
}
content > clubcard > info[b-yxuhxsnm7h],
content > pep > a[b-yxuhxsnm7h]
{
    grid-column: 2 / 3;
    font-size: 14px;
}
content[b-yxuhxsnm7h] >  a.button,
content > button[b-yxuhxsnm7h]
{
    margin-top: 40px;
}
content > clubcard > info[b-yxuhxsnm7h]  a
{
    font-size: 14px;
    text-decoration: underline;
    color: #000;
}
content > pep > info[b-yxuhxsnm7h]
{
    grid-column: 1 / -1;
    margin-top: 10px;
    background-color: #fff2a9;
    padding: 10px;
    font-size: 16px;
}
content failed[b-yxuhxsnm7h]
{
    padding-left: 12px; 
    padding-right: 12px; 
    padding-top: 8px; 
    padding-bottom: 8px; 
    background: #EBEBF4; 
    justify-content: flex-start; 
    align-items: flex-start; 
    gap: 4px; 
    display: block;
    margin-top: 20px;
    color: #FF0000;
}
line[b-yxuhxsnm7h]
{
    border: none;
    height: 1px;
    background-color: #BE9A4A;
    margin: 30px 0;
    display: block;
}
content failed > p[b-yxuhxsnm7h]
{
    margin: 0;
}
panel[b-yxuhxsnm7h]
{
    background-color: #EEF0F4;
    padding: 24px;
    grid-column: span 2;
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 20px 0;
}
panel > h1[b-yxuhxsnm7h],
panel > p[b-yxuhxsnm7h],
panel > line[b-yxuhxsnm7h]
{
    grid-column: span 2;
}
panel[b-yxuhxsnm7h] >  checkbox
{
    justify-self: end;
}
panel > line[b-yxuhxsnm7h]
{
    margin: 10px 0;
    background-color: #A0A0C0;
}
panel > p > span[b-yxuhxsnm7h]
{
    display: block;
    font-size: 16px;
}
@media (max-width: 800px) {
    content[b-yxuhxsnm7h]
    {
        padding: 0;
        display: flex;
        flex-direction: column;
    }
    content[b-yxuhxsnm7h]  textbox input
    {
        width: 100%;
        min-width: unset;
    }
    content[b-yxuhxsnm7h]  button
    {
        display: block;
    }
    content button[b-yxuhxsnm7h]
    {
        order: 1;
        display: block;
    }
    content[b-yxuhxsnm7h]  a.button,
    content button.white[b-yxuhxsnm7h]
    {
        order: 2;
    }
    content[b-yxuhxsnm7h] >  a.button
    {
        margin-top: 0;
    }
}
/* _content/UserLobbyWeb/Components/Pages/MemberQrCode.razor.rz.scp.css */
content[b-n4j2p8lbs4]
{
    padding-top: 24px;
    padding-bottom: 10px;
    margin: auto;
    display: block;
    text-align: center;
}

qrcode[b-n4j2p8lbs4]
{
    display: block;
    max-width: 300px;
    margin: auto;
}
/* _content/UserLobbyWeb/Components/Pages/MyClub.razor.rz.scp.css */
content[b-gi4miq77j0]
{
    padding-top: 24px;
    padding-bottom: 10px;
    margin: auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
    column-gap: 24px;
}
content > h1[b-gi4miq77j0]
{
    width: 100%;
    display: block;
    grid-column: span 3;
}
card[b-gi4miq77j0],
tier[b-gi4miq77j0],
bonus[b-gi4miq77j0]
{
    display: block;
    border-radius: 6px;
    padding: 16px;
    min-height: 175px;
    margin: 25px 0;
}
card[b-gi4miq77j0]
{
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
    background-color: #EEF0F4;
    padding-top: 65%;
}
card > label[b-gi4miq77j0]
{
    color: #071337;
    font-size: 14px;
    font-family: Open Sans;
    font-weight: 700;
    word-wrap: break-word;
    text-transform: uppercase;
    padding-bottom: 6px;
    margin-bottom: 3px;
    border-bottom: 2px #BE9A4A solid;
    display: block;
    width: 100%;
}
card[b-gi4miq77j0] >  a.gold
{
    width: 100%;
}
tier[b-gi4miq77j0],
bonus[b-gi4miq77j0]
{
    background-color: #071337;
    color: #FFF;
    text-align: center;
}
card.bonus[b-gi4miq77j0]
{
    background-image: url('./images/card-default.png');
}
card.bronze[b-gi4miq77j0]
{
    background-image: url('./images/card-bronze.png');
}
card.silver[b-gi4miq77j0]
{
    background-image: url('./images/card-silver.png');
}
card.gold[b-gi4miq77j0]
{
    background-image: url('./images/card-gold.png');
}
card.diamond[b-gi4miq77j0]
{
    background-image: url('./images/card-diamond.png');
}
circle-progress[b-gi4miq77j0]
{
    display: block;
    width: 213px;
    height: 250px;
    position: relative;
    margin: auto;
}
circle-progress svg[b-gi4miq77j0]
{
    width: 230px;
    height: 230px;
    position: relative;
    transform: rotate(-90deg);
}
circle-progress svg circle[b-gi4miq77j0]
{
    width: 200px;
    height: 233px;
    fill: none;
    stroke: #000;
    transform: translate(5px,5px);
    stroke-dasharray: 625;
    stroke-dashoffset: 625;
    stroke-linecap: round;
}
circle-progress svg circle:nth-child(1)[b-gi4miq77j0]
{
    stroke-width: 3px;
    stroke-dashoffset: 0;
    stroke: #57607B;
}
circle-progress.current[b-gi4miq77j0]:before
{
    content: '';
    position: absolute;
    width: 200px;
    height: 200px;
    top: 25px;
    left: 5px;
    border-radius: 50%;
    display: block;
}
    circle-progress.current.bonus[b-gi4miq77j0]:before {
        border: 3px solid #57607B;
    }
circle-progress.current.bronze[b-gi4miq77j0]:before
{
    background-image: url('/images/points-bronze.png');
}
circle-progress.current.gold[b-gi4miq77j0]:before
{
    background-image: url('/images/points-gold.png');
}
circle-progress.current.gold svg circle:nth-child(1)[b-gi4miq77j0]
{
    stroke: unset;
}
circle-progress.current.silver[b-gi4miq77j0]:before
{
    background-image: url('/images/points-silver.png');
}
circle-progress.current.diamond[b-gi4miq77j0]:before
{
    background-image: url('/images/points-diamond.png');
}
circle-progress svg circle:nth-child(2)[b-gi4miq77j0]
{
    stroke-width: 8px;
    stroke-dashoffset: calc(625 - (625 * 50) / 100);
    stroke: #BE9A4A;
}
circle-progress.next.bronze svg circle:nth-child(2)[b-gi4miq77j0]
{
    stroke: #CD7F32;
}
circle-progress.next.silver svg circle:nth-child(2)[b-gi4miq77j0]
{
    stroke: #C0C0C0;
}
circle-progress.next.gold svg circle:nth-child(2)[b-gi4miq77j0]
{
    stroke: #D4AF37;
}
circle-progress.next.diamond svg circle:nth-child(2)[b-gi4miq77j0]
{
    stroke: #141414;
}
circle-progress > value[b-gi4miq77j0]
{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    color: #FFF;
    font-size: 50px;
    font-weight: 700;
}
@media (max-width: 800px) {
    content[b-gi4miq77j0]
    {
        display: block;
    }
}
/* _content/UserLobbyWeb/Components/Pages/Offers.razor.rz.scp.css */
content[b-dw4bdyw0i3]
{
    padding-top: 24px;
    padding-bottom: 10px;
    margin: auto;
}
content > h1[b-dw4bdyw0i3]
{
    width: 100%;
    display: block;
}
content > a.campaigns[b-dw4bdyw0i3]
{   
    margin-top: 10px;
}
offers[b-dw4bdyw0i3]
{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    max-width: 100%;
    column-gap: 24px;
}
offer[b-dw4bdyw0i3] {
    display: block;
    border-radius: 6px;
    border-color: #BE9A4A !important;
    border-width:3px;
    padding: 15px;
    padding-bottom: 80px;
    min-height: 175px;
    margin: 12px 0;
    background-color: #071337;
    color: #FFF;
    position: relative;
    font-size: 20px;

}
offer > h2[b-dw4bdyw0i3]
{
    font-family: Open Sans;
    font-weight: 700;
    word-wrap: break-word;
    text-transform: uppercase;
    padding-bottom: 13px;
    margin-bottom: 10px;
    border-bottom: 1px #BE9A4A solid;
    display: block;
    width: 100%;
    color: #FFF;
    font-size: 20px;
}
calendar[b-dw4bdyw0i3]
{
    display: block;
    background-image: url(/images/icon-calendar.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: left center;
    padding-left: 30px;
    color: #FFF;
    font-size: 18px;
    position: absolute;
    left: 15px;
    bottom: 15px; /* Place at the very bottom */
}

gift[b-dw4bdyw0i3] {
    display: block;
    background-image: url(/images/icon-offers.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: left center;
    padding-left: 30px;
    color: #FFF;
    font-size: 18px;
    margin-bottom: 5px; /* Increased spacing between gift and element above */
    position: absolute;
    left: 15px;
    bottom: 40px; /* Place above calendar */
}
 
@media (max-width: 1000px) {
    content[b-dw4bdyw0i3],
    offers[b-dw4bdyw0i3]
    {
        display: block;
    }
}
/* _content/UserLobbyWeb/Components/Pages/Register.razor.rz.scp.css */
content[b-pjh8di5bs6]
{
    padding-top: 40px;
    padding-bottom: 10px;
    margin: auto;
    display: grid;
    grid-template-columns: 353px 353px;
    grid-template-rows: auto;
    column-gap: 24px;
    justify-content: center;
}
content > h1[b-pjh8di5bs6],
content > p[b-pjh8di5bs6],
content > textbox:nth-of-type(1)[b-pjh8di5bs6],
content > failed[b-pjh8di5bs6],
content > agree[b-pjh8di5bs6]
{
    width: 100%;
    display: block;
    grid-column: span 2;
}
content > textbox:nth-of-type(1) > input[b-pjh8di5bs6]
{
    width: 100%!important;
}
content > button[b-pjh8di5bs6],
content[b-pjh8di5bs6] >  a.button
{
    margin-top: 36px;
}
content > agree[b-pjh8di5bs6]
{
    margin-top: 25px;
    margin-bottom: 15px;
    position: relative;
    padding-left: 40px;
    font-size: 18px;
}
content > agree a[b-pjh8di5bs6]
{
    font-size: 18px;
}
content > agree[b-pjh8di5bs6]  input
{
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    appearance: none;
    border: 2px solid #071337;
    height: 25px;
    width: 25px;
    cursor: pointer;
}
content > agree[b-pjh8di5bs6]  input:checked
{
    background-color: #071337;
    background-image: url('/images/check-box.svg');
    background-position: center;
    background-repeat: no-repeat;
}
content > agree > span[b-pjh8di5bs6]
{
    display: block;
}
content > agree privacy[b-pjh8di5bs6]
{
    display: block;
    font-size: 14px;
    padding-top: 5px;
}
content > agree privacy[b-pjh8di5bs6]  a
{
    font-size: 14px;
    text-decoration: underline;
    color: #000;
}
content > failed[b-pjh8di5bs6]
{
    padding-left: 12px; 
    padding-right: 12px; 
    padding-top: 8px; 
    padding-bottom: 8px; 
    background: #EBEBF4; 
    justify-content: flex-start; 
    align-items: flex-start; 
    gap: 4px; 
    display: block;
    margin-top: 10px;
    color: #FF0000;
}
content > failed > p[b-pjh8di5bs6]
{
    margin: 0;
}
@media (max-width: 800px) {
    content[b-pjh8di5bs6]
    {
        padding: 0;
        column-gap: 10px;
        grid-template-columns: 1fr 1fr;
    }
    content[b-pjh8di5bs6]  textbox
    {
        margin-bottom: 16px;
    }
    content[b-pjh8di5bs6]  textbox:last-child
    {
        margin-bottom: 26px;
    }
    content[b-pjh8di5bs6]  a:not(.button),
    content[b-pjh8di5bs6]  textbox
    {
        grid-column: span 2;
        display: block;
    }
    content[b-pjh8di5bs6]  textbox input
    {
        width: 100%;
        min-width: unset;
    }
}
/* _content/UserLobbyWeb/Components/Pages/RegisterPub.razor.rz.scp.css */
content[b-r2cakbf9cd]
{
    padding-top: 24px;
    padding-bottom: 10px;
    margin: auto;
    display: grid;
    grid-template-columns: 353px 353px;
    grid-template-rows: auto;
    column-gap: 24px;
    justify-content: center;
}
content > h1[b-r2cakbf9cd],
content > p[b-r2cakbf9cd],
content > pep[b-r2cakbf9cd],
content > clubcard[b-r2cakbf9cd],
content failed[b-r2cakbf9cd],
other-ocupation[b-r2cakbf9cd]
{
    width: 100%;
    display: block;
    grid-column: span 2;
}
other-ocupation[b-r2cakbf9cd] >  textbox
{
    width: 100%;
}
content > pep[b-r2cakbf9cd],
content > clubcard[b-r2cakbf9cd]
{
    margin: 20px 0;
    display: grid;
    grid-template-columns: 70px auto;
    column-gap: 10px;
    align-items: center;
}
content > clubcard[b-r2cakbf9cd]
{
    margin: 0;
}
content > pep[b-r2cakbf9cd] >  checkbox
content > clubcard > ::deep checkbox
{
    margin-right: 12px!important;
}
content > clubcard > info[b-r2cakbf9cd],
content > pep > a[b-r2cakbf9cd]
{
    grid-column: 2 / 3;
    font-size: 14px;
}
content[b-r2cakbf9cd] >  a.button,
content > button[b-r2cakbf9cd]
{
    margin-top: 40px;
}
content > clubcard > info[b-r2cakbf9cd]  a
{
    font-size: 14px;
    text-decoration: underline;
    color: #000;
}
content > pep > info[b-r2cakbf9cd]
{
    grid-column: 1 / -1;
    margin-top: 10px;
    background-color: #fff2a9;
    padding: 10px;
    font-size: 16px;
}
content failed[b-r2cakbf9cd]
{
    padding-left: 12px; 
    padding-right: 12px; 
    padding-top: 8px; 
    padding-bottom: 8px; 
    background: #EBEBF4; 
    justify-content: flex-start; 
    align-items: flex-start; 
    gap: 4px; 
    display: block;
    margin-top: 20px;
    color: #FF0000;
}
line[b-r2cakbf9cd]
{
    border: none;
    height: 1px;
    background-color: #BE9A4A;
    margin: 30px 0;
    display: block;
}
content failed > p[b-r2cakbf9cd]
{
    margin: 0;
}
panel[b-r2cakbf9cd]
{
    background-color: #EEF0F4;
    padding: 24px;
    grid-column: span 2;
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 20px 0;
}
panel > h1[b-r2cakbf9cd],
panel > p[b-r2cakbf9cd],
panel > line[b-r2cakbf9cd],
div.captcha[b-r2cakbf9cd]
{
    grid-column: span 2;
}
div.captcha[b-r2cakbf9cd]
{
    text-align: center;
}
div.captcha[b-r2cakbf9cd] >  div
{
    margin-top: 25px;
}
div.captcha[b-r2cakbf9cd] >  div > div
{
    margin: auto;
}
panel[b-r2cakbf9cd] >  checkbox
{
    justify-self: end;
}
panel > line[b-r2cakbf9cd]
{
    margin: 10px 0;
    background-color: #A0A0C0;
}
panel > p > span[b-r2cakbf9cd]
{
    display: block;
    font-size: 16px;
}
content.qr[b-r2cakbf9cd]
{
    padding-top: 24px;
    padding-bottom: 10px;
    margin: auto;
    display: block;
    text-align: center;
}
content.qr div.success[b-r2cakbf9cd]
{
    font-size: 22px;
    padding: 10px 0;
    color: green;
    font-weight: bold;
}
buttons[b-r2cakbf9cd]
{
    display: block;
    text-align: center;
}
qrcode[b-r2cakbf9cd]
{
    display: block;
    max-width: 300px;
    margin: auto;
}
@media (max-width: 800px) {
    content[b-r2cakbf9cd]
    {
        padding: 0;
        display: flex;
        flex-direction: column;
    }
    content[b-r2cakbf9cd]  textbox input
    {
        width: 100%;
        min-width: unset;
    }
    content[b-r2cakbf9cd]  button
    {
        display: block;
    }
    content button[b-r2cakbf9cd]
    {
        order: 1;
        display: block;
    }
    content[b-r2cakbf9cd]  a.button,
    content button.white[b-r2cakbf9cd]
    {
        order: 2;
    }
    content[b-r2cakbf9cd] >  a.button
    {
        margin-top: 0;
    }
}
/* _content/UserLobbyWeb/Components/Pages/Reset.razor.rz.scp.css */
content[b-5l3n5hykye]
{
    padding-top: 40px;
    padding-bottom: 10px;
    margin: auto;
    display: grid;
    grid-template-columns: 353px 353px;
    grid-template-rows: auto;
    column-gap: 24px;
    justify-content: center;
}
content.confirmed[b-5l3n5hykye]
{
    display: block;
    max-width: 706px;
}
content > h1[b-5l3n5hykye],
content > p[b-5l3n5hykye],
content > textbox:nth-of-type(1)[b-5l3n5hykye],
content > failed[b-5l3n5hykye]
{
    width: 100%;
    display: block;
    grid-column: span 2;
}
content > textbox:nth-of-type(1) > input[b-5l3n5hykye]
{
    width: 100%!important;
}
content > button[b-5l3n5hykye],
content[b-5l3n5hykye] >  a.button
{
    margin-top: 36px;
}
content > failed[b-5l3n5hykye]
{
    padding-left: 12px; 
    padding-right: 12px; 
    padding-top: 8px; 
    padding-bottom: 8px; 
    background: #EBEBF4; 
    justify-content: flex-start; 
    align-items: flex-start; 
    gap: 4px; 
    display: block;
    margin-top: 10px;
    color: #FF0000;
}
content > failed > p[b-5l3n5hykye]
{
    margin: 0;
}
@media (max-width: 800px) {
    content[b-5l3n5hykye]
    {
        padding: 0;
        column-gap: 10px;
        grid-template-columns: 1fr 1fr;
    }
    content[b-5l3n5hykye]  textbox
    {
        margin-bottom: 16px;
    }
    content[b-5l3n5hykye]  textbox:last-child
    {
        margin-bottom: 26px;
    }
    content[b-5l3n5hykye]  a:not(.button),
    content[b-5l3n5hykye]  textbox
    {
        grid-column: span 2;
        display: block;
    }
    content[b-5l3n5hykye]  textbox input
    {
        width: 100%;
        min-width: unset;
    }
}
@media (max-width: 1000px) {
    content.confirmed[b-5l3n5hykye]  a
    {
        display: block;
    }
}
/* _content/UserLobbyWeb/Components/Pages/Settings.razor.rz.scp.css */
content[b-u6nc23mjzk]
{
    padding-top: 24px;
    padding-bottom: 10px;
    margin: auto;
    display: grid;
    grid-template-columns: 353px 353px;
    grid-template-rows: auto;
    column-gap: 24px;
    justify-content: center;
}
content.confirmed[b-u6nc23mjzk]
{
    display: block;
    max-width: 706px;
}
content > h1[b-u6nc23mjzk],
content > p[b-u6nc23mjzk],
line[b-u6nc23mjzk]
{
    width: 100%;
    display: block;
    grid-column: span 2;
}
line[b-u6nc23mjzk]
{
    border: none;
    height: 1px;
    background-color: #BE9A4A;
    margin: 30px 0;
    display: block;
}
content > button[b-u6nc23mjzk]
{
    margin-top: 1rem;
}
panel[b-u6nc23mjzk]
{
    background-color: #EEF0F4;
    padding: 24px;
    grid-column: span 2;
    display: grid;
    grid-template-columns: 1fr 1fr;
}
panel > h1[b-u6nc23mjzk],
panel > p[b-u6nc23mjzk],
panel > line[b-u6nc23mjzk],
content > textbox.span[b-u6nc23mjzk],
content > failed[b-u6nc23mjzk]
{
    grid-column: span 2;
}
panel[b-u6nc23mjzk] >  checkbox
{
    justify-self: end;
}
panel > line[b-u6nc23mjzk]
{
    margin: 10px 0;
    background-color: #A0A0C0;
}
content > failed[b-u6nc23mjzk]
{
    padding-left: 12px; 
    padding-right: 12px; 
    padding-top: 8px; 
    padding-bottom: 8px; 
    background: #EBEBF4; 
    justify-content: flex-start; 
    align-items: flex-start; 
    gap: 4px; 
    display: block;
    margin-top: 10px;
    color: #FF0000;
}
content > failed > p[b-u6nc23mjzk]
{
    margin: 0;
}
@media (max-width: 800px) {
    content[b-u6nc23mjzk]
    {
        padding: 0;
        display: flex;
        flex-direction: column;
    }
    content[b-u6nc23mjzk]  textbox input
    {
        width: 100%;
        min-width: unset;
    }
    content[b-u6nc23mjzk]  button
    {
        display: block;
    }
}
@media (max-width: 1000px) {
    content.confirmed[b-u6nc23mjzk]  a
    {
        display: block;
    }
}
/* _content/UserLobbyWeb/Components/Pages/Unlinked.razor.rz.scp.css */
content[b-fgqcfytapv]
{
    padding-top: 40px;
    padding-bottom: 60px;
    margin: auto;
    display: grid;
    grid-template-columns: 353px 353px;
    grid-template-rows: auto;
    column-gap: 24px;
    justify-content: center;
}
content > h1[b-fgqcfytapv],
content > h2[b-fgqcfytapv],
content > p[b-fgqcfytapv]
{
    width: 100%;
    display: block;
    grid-column: span 2;
}
card[b-fgqcfytapv],
new[b-fgqcfytapv]
{
    display: block;
    height: 150px;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 240px;
}
card[b-fgqcfytapv]
{
    background-image: url('/images/club_card_white.png');
}
new[b-fgqcfytapv]
{
    background-image: url('/images/icon_success.png');
}
qrcode[b-fgqcfytapv]
{
    display: block;
    text-align: center;
}
@media (max-width: 800px) {
    content[b-fgqcfytapv]
    {
        padding: 0;
        column-gap: 10px;
        grid-template-columns: 1fr 1fr;
    }
    content.qrcode[b-fgqcfytapv]
    {
        display: block;
    }
    card[b-fgqcfytapv],
    new[b-fgqcfytapv]
    {
        display: block;
        height: auto;
        min-height: 150px;
        background-repeat: no-repeat;
        background-position: center 0%;
        background-size: 70%;
        padding-top: 80%;
    }

    content.qrcode > card[b-fgqcfytapv]
    {
        padding-top: 60%;
    }
}